@razorpay/blade 12.98.1 → 12.110.0

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

@@ -1 +1 @@
-{"version":3,"file":"RadioContext.js","sources":["../../../../../../src/components/Radio/RadioGroup/RadioContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { RadioGroupProps } from './RadioGroup';\nimport type { State } from './useRadioGroup';\n\nexport type RadioGroupContextType = Pick<\n  RadioGroupProps,\n  | 'validationState'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'name'\n  | 'defaultValue'\n  | 'value'\n  | 'onChange'\n  | 'necessityIndicator'\n  | 'size'\n> & { state?: State };\n\nconst RadioGroupContext = React.createContext<RadioGroupContextType>({});\nconst RadioGroupProvider = RadioGroupContext.Provider;\n\nconst useRadioGroupContext = (): RadioGroupContextType => {\n  const context = React.useContext(RadioGroupContext);\n  return context;\n};\n\nexport { useRadioGroupContext, RadioGroupProvider };\n"],"names":["RadioGroupContext","React","createContext","RadioGroupProvider","Provider","useRadioGroupContext","context","useContext"],"mappings":";;AAoBA,IAAMA,iBAAiB,CAAGC,cAAK,CAACC,aAAa,CAAwB,EAAE,CAAC,CAClE,IAAAC,kBAAkB,CAAGH,iBAAiB,CAACI,SAEvC,IAAAC,oBAAoB,CAAG,SAAvBA,oBAAoBA,EAAgC,CACxD,IAAMC,OAAO,CAAGL,cAAK,CAACM,UAAU,CAACP,iBAAiB,CAAC,CACnD,OAAOM,OAAO,CAChB;;;;"}
+{"version":3,"file":"RadioContext.js","sources":["../../../../../../src/components/Radio/RadioGroup/RadioContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { RadioGroupProps } from './RadioGroup';\nimport type { State } from './useRadioGroup';\n\nexport type RadioGroupContextType = Pick<\n  RadioGroupProps,\n  | 'validationState'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'name'\n  | 'defaultValue'\n  | 'value'\n  | 'onChange'\n  | 'necessityIndicator'\n  | 'size'\n  | 'orientation'\n> & { state?: State };\n\nconst RadioGroupContext = React.createContext<RadioGroupContextType>({});\nconst RadioGroupProvider = RadioGroupContext.Provider;\n\nconst useRadioGroupContext = (): RadioGroupContextType => {\n  const context = React.useContext(RadioGroupContext);\n  return context;\n};\n\nexport { useRadioGroupContext, RadioGroupProvider };\n"],"names":["RadioGroupContext","React","createContext","RadioGroupProvider","Provider","useRadioGroupContext","context","useContext"],"mappings":";;AAqBA,IAAMA,iBAAiB,CAAGC,cAAK,CAACC,aAAa,CAAwB,EAAE,CAAC,CAClE,IAAAC,kBAAkB,CAAGH,iBAAiB,CAACI,SAEvC,IAAAC,oBAAoB,CAAG,SAAvBA,oBAAoBA,EAAgC,CACxD,IAAMC,OAAO,CAAGL,cAAK,CAACM,UAAU,CAACP,iBAAiB,CAAC,CACnD,OAAOM,OAAO,CAChB;;;;"}

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

@@ -3,25 +3,23 @@ import React__default from 'react';
 import { radioSizes } from '../radioTokens.js';
 import { RadioGroupProvider } from './RadioContext.js';
 import { useRadioGroup } from './useRadioGroup.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
-import { FormHint } from '../../Form/FormHint.js';
-import { FormLabel } from '../../Form/FormLabel.js';
+import '../../Box/BaseBox/index.js';
+import '../../Form/index.js';
 import { SelectorGroupField } from '../../Form/Selector/SelectorGroupField.js';
-import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../../BottomSheet/BottomSheetStack.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/index.js';
+import '../../BladeProvider/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { FormLabel } from '../../Form/FormLabel.js';
+import { FormHint } from '../../Form/FormHint.js';
 
-var _excluded=["children","label","helpText","isDisabled","isRequired","necessityIndicator","labelPosition","validationState","errorText","name","defaultValue","onChange","value","size","orientation","testID","flexWrap"];var RadioGroup=function RadioGroup(_ref){var children=_ref.children,label=_ref.label,helpText=_ref.helpText,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,_ref$validationState=_ref.validationState,validationState=_ref$validationState===void 0?'none':_ref$validationState,errorText=_ref.errorText,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$orientation=_ref.orientation,orientation=_ref$orientation===void 0?'vertical':_ref$orientation,testID=_ref.testID,_ref$flexWrap=_ref.flexWrap,flexWrap=_ref$flexWrap===void 0?'nowrap':_ref$flexWrap,rest=_objectWithoutProperties(_ref,_excluded);var _useRadioGroup=useRadioGroup({defaultValue:defaultValue,isDisabled:isDisabled,isRequired:isRequired,labelPosition:labelPosition,name:name,necessityIndicator:necessityIndicator,onChange:onChange,validationState:validationState,value:value,size:size}),contextValue=_useRadioGroup.contextValue,ids=_useRadioGroup.ids;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var showError=validationState==='error'&&errorText;var showHelpText=!showError&&helpText;var accessibilityText=`${showError?errorText:''} ${showHelpText?helpText:''}`.trim();var gap=radioSizes.group.gap[size][matchedDeviceType];return jsx(RadioGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(rest),{children:jsxs(SelectorGroupField,Object.assign({position:labelPosition,labelledBy:ids.labelId,accessibilityRole:"radiogroup",componentName:"radio-group",testID:testID},makeAnalyticsAttribute(rest),{children:[label?jsx(FormLabel,{as:"span",necessityIndicator:necessityIndicator,position:labelPosition,id:ids.labelId,accessibilityText:accessibilityText&&`,${accessibilityText}`,size:size,children:label}):null,jsxs(BaseBox,{children:[jsx(BaseBox,{display:"flex",flexDirection:orientation==='vertical'?'column':'row',gap:gap,flexWrap:flexWrap,children:React__default.Children.map(children,function(child,index){return jsx(BaseBox,{children:child},index);})}),jsx(FormHint,{size:size,type:validationState==='error'?'error':'help',errorText:errorText,helpText:helpText})]})]}))}))});};
+var _excluded=["children","label","helpText","isDisabled","isRequired","necessityIndicator","labelPosition","validationState","errorText","name","defaultValue","onChange","value","size","orientation","testID","flexWrap"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Radio/RadioGroup/RadioGroup.tsx";var RadioGroup=function RadioGroup(_ref){var children=_ref.children,label=_ref.label,helpText=_ref.helpText,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,_ref$validationState=_ref.validationState,validationState=_ref$validationState===void 0?'none':_ref$validationState,errorText=_ref.errorText,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$orientation=_ref.orientation,orientation=_ref$orientation===void 0?'vertical':_ref$orientation,testID=_ref.testID,_ref$flexWrap=_ref.flexWrap,flexWrap=_ref$flexWrap===void 0?'nowrap':_ref$flexWrap,rest=_objectWithoutProperties(_ref,_excluded);var _useRadioGroup=useRadioGroup({defaultValue:defaultValue,isDisabled:isDisabled,isRequired:isRequired,labelPosition:labelPosition,name:name,necessityIndicator:necessityIndicator,onChange:onChange,validationState:validationState,value:value,size:size,orientation:orientation}),contextValue=_useRadioGroup.contextValue,ids=_useRadioGroup.ids;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var showError=validationState==='error'&&errorText;var showHelpText=!showError&&helpText;var accessibilityText=`${showError?errorText:''} ${showHelpText?helpText:''}`.trim();var gap=radioSizes.group.gap[size][matchedDeviceType];return jsx(RadioGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(rest),{children:jsxs(SelectorGroupField,Object.assign({position:labelPosition,labelledBy:ids.labelId,accessibilityRole:"radiogroup",componentName:"radio-group",testID:testID},makeAnalyticsAttribute(rest),{children:[label?jsx(FormLabel,{as:"span",necessityIndicator:necessityIndicator,position:labelPosition,id:ids.labelId,accessibilityText:accessibilityText&&`,${accessibilityText}`,size:size,children:label}):null,jsxs(BaseBox,{children:[jsx(BaseBox,{display:"flex",flexDirection:orientation==='vertical'?'column':'row',gap:gap,flexWrap:flexWrap,children:React__default.Children.map(children,function(child,index){return jsx(BaseBox,{children:child},index);})}),jsx(FormHint,{size:size,type:validationState==='error'?'error':'help',errorText:errorText,helpText:helpText})]})]}))}))});};
 
 export { RadioGroup };
 //# sourceMappingURL=RadioGroup.js.map

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

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

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

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

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

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

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

@@ -2,18 +2,11 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
 import isUndefined from '../../../utils/lodashButBetter/isUndefined.js';
 import { useControllableState } from '../../../utils/useControllable.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BottomSheet/BottomSheetStack.js';
-import 'react/jsx-runtime';
+import '../../BladeProvider/index.js';
 import { useId } from '../../../utils/useId.js';
+import useTheme from '../../BladeProvider/useTheme.js';
 
-var useRadioGroup=function useRadioGroup(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,isDisabled=_ref.isDisabled,isRequired=_ref.isRequired,labelPosition=_ref.labelPosition,_onChange=_ref.onChange,validationState=_ref.validationState,necessityIndicator=_ref.necessityIndicator,name=_ref.name,size=_ref.size;var _useTheme=useTheme(),platform=_useTheme.platform;var idBase=useId('radio-group');var labelId=`${idBase}-label`;var fallbackName=name!=null?name:idBase;var _useControllableState=useControllableState({value:value,defaultValue:defaultValue,onChange:function onChange(v,event){_onChange==null?void 0:_onChange({value:v,name:fallbackName,event:event});}}),_useControllableState2=_slicedToArray(_useControllableState,2),checkedValue=_useControllableState2[0],setValue=_useControllableState2[1];var state=React__default.useMemo(function(){return {value:checkedValue,setValue:function(_setValue){function setValue(_x,_x2){return _setValue.apply(this,arguments);}setValue.toString=function(){return _setValue.toString();};return setValue;}(function(v,event){if(isDisabled){return;}setValue(function(){return v;},false,event);}),removeValue:function removeValue(){if(isDisabled){return;}setValue(undefined);},isChecked:function isChecked(v){if(isUndefined(v)||isUndefined(checkedValue))return false;return checkedValue===v;}};},[checkedValue,isDisabled,setValue]);var contextValue=React__default.useMemo(function(){return {necessityIndicator:necessityIndicator,validationState:validationState,isDisabled:isDisabled,isRequired:isRequired,labelPosition:platform==='onMobile'?'top':labelPosition,name:fallbackName,state:state,size:size};},[validationState,isDisabled,isRequired,platform,labelPosition,state,fallbackName,necessityIndicator,size]);return {state:state,contextValue:contextValue,ids:{labelId:labelId}};};
+var useRadioGroup=function useRadioGroup(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,isDisabled=_ref.isDisabled,isRequired=_ref.isRequired,labelPosition=_ref.labelPosition,_onChange=_ref.onChange,validationState=_ref.validationState,necessityIndicator=_ref.necessityIndicator,name=_ref.name,size=_ref.size,orientation=_ref.orientation;var _useTheme=useTheme(),platform=_useTheme.platform;var idBase=useId('radio-group');var labelId=`${idBase}-label`;var fallbackName=name!=null?name:idBase;var _useControllableState=useControllableState({value:value,defaultValue:defaultValue,onChange:function onChange(v,event){_onChange==null?void 0:_onChange({value:v,name:fallbackName,event:event});}}),_useControllableState2=_slicedToArray(_useControllableState,2),checkedValue=_useControllableState2[0],setValue=_useControllableState2[1];var state=React__default.useMemo(function(){return {value:checkedValue,setValue:function(_setValue){function setValue(_x,_x2){return _setValue.apply(this,arguments);}setValue.toString=function(){return _setValue.toString();};return setValue;}(function(v,event){if(isDisabled){return;}setValue(function(){return v;},false,event);}),removeValue:function removeValue(){if(isDisabled){return;}setValue(undefined);},isChecked:function isChecked(v){if(isUndefined(v)||isUndefined(checkedValue))return false;return checkedValue===v;}};},[checkedValue,isDisabled,setValue]);var contextValue=React__default.useMemo(function(){return {necessityIndicator:necessityIndicator,validationState:validationState,isDisabled:isDisabled,isRequired:isRequired,labelPosition:platform==='onMobile'?'top':labelPosition,name:fallbackName,state:state,size:size,orientation:orientation};},[validationState,isDisabled,isRequired,platform,labelPosition,state,fallbackName,necessityIndicator,size,orientation]);return {state:state,contextValue:contextValue,ids:{labelId:labelId}};};
 
 export { useRadioGroup };
 //# sourceMappingURL=useRadioGroup.js.map

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

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

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

@@ -1,17 +1,11 @@
 import 'react';
 import Animated, { Keyframe } from 'react-native-reanimated';
 import styled from 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BottomSheet/BottomSheetStack.js';
+import '../../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
 
-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;};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Radio/RadioIcon/Fade.native.tsx";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 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;;;;"}
+{"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":["this","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":";;;;;;;AAEA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,6FAAA,CAQA,IAAMC,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/RadioIcon.js

@@ -1,25 +1,21 @@
 import 'react';
-import { radioIconColors, radioSizes } from '../radioTokens.js';
+import { radioSizes, radioIconColors } from '../radioTokens.js';
 import { RadioIconWrapper } from './RadioIconWrapper.native.js';
 import { Fade } from './Fade.native.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BottomSheet/BottomSheetStack.js';
+import '../../BladeProvider/index.js';
+import '../../Icons/_Svg/index.js';
+import '../../Icons/_Svg/Circle/index.js';
+import '../../../utils/makeSpace/index.js';
+import '../../../utils/metaAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
-import 'react-native-svg';
-import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
-import Circle from '../../Icons/_Svg/Circle/Circle.native.js';
 import Svg from '../../Icons/_Svg/Svg/Svg.native.js';
+import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
+import Circle from '../../Icons/_Svg/Circle/Circle.native.js';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
 
-var CheckedIcon=function CheckedIcon(_ref){var color=_ref.color,size=_ref.size;var width=radioSizes.icon[size].width;var height=radioSizes.icon[size].height;var radius=radioSizes.icon[size].dotRadius;var viewBox=`0 0 ${width} ${height}`;var cx=`${width/2}`;var cy=`${height/2}`;return jsx(Svg,{width:makeSpace(width),height:makeSpace(height),viewBox:viewBox,fill:"none",children:jsx(Circle,{cx:cx,cy:cy,r:`${radius}`,fill:color})});};var RadioIcon=function RadioIcon(_ref2){var isChecked=_ref2.isChecked,isDisabled=_ref2.isDisabled,isNegative=_ref2.isNegative,size=_ref2.size;var _useTheme=useTheme(),theme=_useTheme.theme;var checked=Boolean(isChecked);var state=checked?'checked':'unchecked';var variant='default';if(isDisabled)variant='disabled';if(isNegative)variant='negative';var dotColorToken=radioIconColors.variants[variant].dot[state];var dotColor=getIn(theme,dotColorToken);return jsx(RadioIconWrapper,Object.assign({size:size,isDisabled:isDisabled,isNegative:isNegative,isChecked:checked},metaAttribute({name:'radio-icon-wrapper'}),{children:jsx(Fade,{show:checked,styles:{position:'absolute',display:'flex'},children:jsx(CheckedIcon,{size:size,color:dotColor})})}));};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Radio/RadioIcon/RadioIcon.tsx";var CheckedIcon=function CheckedIcon(_ref){var color=_ref.color,size=_ref.size;var width=radioSizes.icon[size].width;var height=radioSizes.icon[size].height;var radius=radioSizes.icon[size].dotRadius;var viewBox=`0 0 ${width} ${height}`;var cx=`${width/2}`;var cy=`${height/2}`;return jsx(Svg,{width:makeSpace(width),height:makeSpace(height),viewBox:viewBox,fill:"none",children:jsx(Circle,{cx:cx,cy:cy,r:`${radius}`,fill:color})});};var RadioIcon=function RadioIcon(_ref2){var isChecked=_ref2.isChecked,isDisabled=_ref2.isDisabled,isNegative=_ref2.isNegative,size=_ref2.size;var _useTheme=useTheme(),theme=_useTheme.theme;var checked=Boolean(isChecked);var state=checked?'checked':'unchecked';var variant='default';if(isDisabled)variant='disabled';if(isNegative)variant='negative';var dotColorToken=radioIconColors.variants[variant].dot[state];var dotColor=getIn(theme,dotColorToken);return jsx(RadioIconWrapper,Object.assign({size:size,isDisabled:isDisabled,isNegative:isNegative,isChecked:checked},metaAttribute({name:'radio-icon-wrapper'}),{children:jsx(Fade,{show:checked,styles:{position:'absolute',display:'flex'},children:jsx(CheckedIcon,{size:size,color:dotColor})})}));};
 
 export { RadioIcon };
 //# sourceMappingURL=RadioIcon.js.map

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

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

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

@@ -1,18 +1,18 @@
 import { radioIconColors, radioSizes } from '../radioTokens.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
-import 'react-native';
+import '../../../utils/index.js';
+import '../../../utils/makeSpace/index.js';
+import '../../../utils/makeSize/index.js';
+import '../../../utils/makeBorderSize/index.js';
+import '../../../utils/makeMotionTime/index.native.js';
+import '../../../tokens/global/index.js';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { castWebType } from '../../../utils/platform/castUtils.js';
-import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
-import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
+import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.native.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import { size } from '../../../tokens/global/size.js';
-import '../../BladeProvider/useTheme.js';
+import { castWebType } from '../../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
 
 var getRadioIconWrapperStyles=function getRadioIconWrapperStyles(_ref){var theme=_ref.theme,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,isNegative=_ref.isNegative,size$1=_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$1].width),width:makeSpace(radioSizes.icon[size$1].width),height:makeSpace(radioSizes.icon[size$1].height),borderWidth:makeBorderSize(theme.border.width.thick),borderStyle:'solid',margin:makeSpace(theme.spacing[1]),marginTop:size$1==='small'?makeSize(size['3']):undefined,borderRadius:makeSize(theme.border.radius.max),backgroundColor:backgroundColor,borderColor:borderColor},!isReactNative&&{transitionDuration:castWebType(makeMotionTime(theme.motion.duration.xquick)),transitionTimingFunction:castWebType(theme.motion.easing.exit)});};
 

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

@@ -0,0 +1,3 @@
+export { Radio } from './Radio.js';
+import './RadioGroup/index.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,5 +1,4 @@
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../../tokens/global/index.js';
 import { size } from '../../tokens/global/size.js';
 
 var radioSizes={group:{gap:{small:{mobile:'spacing.2',desktop:'spacing.2'},medium:{mobile:'spacing.3',desktop:'spacing.3'},large:{mobile:'spacing.4',desktop:'spacing.4'}}},icon:{small:{width:size[12],height:size[12],dotRadius:size[2]},medium:{width:size[16],height:size[16],dotRadius:size[3]},large:{width:size[20],height:size[20],dotRadius:size[4]}}};var radioIconColors={variants:{default:{dot:{checked:'colors.interactive.icon.onPrimary.normal',unchecked:'colors.transparent'},border:{checked:'colors.interactive.border.primary.default',unchecked:'colors.interactive.border.gray.highlighted'},background:{checked:'colors.interactive.background.primary.default',unchecked:'colors.transparent'}},disabled:{dot:{checked:'colors.interactive.icon.onPrimary.normal',unchecked:'colors.interactive.icon.onPrimary.normal'},border:{checked:'colors.transparent',unchecked:'colors.interactive.border.gray.disabled'},background:{checked:'colors.interactive.background.primary.disabled',unchecked:'colors.transparent'}},negative:{dot:{checked:'colors.interactive.icon.onPrimary.normal',unchecked:'colors.transparent'},border:{checked:'colors.interactive.border.negative.default',unchecked:'colors.interactive.border.negative.default'},background:{checked:'colors.interactive.background.negative.default',unchecked:'colors.transparent'}}}};var radioHoverTokens={default:{background:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.background.gray.faded'},border:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.border.gray.highlighted'}}};

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

@@ -1 +1 @@
-{"version":3,"file":"radioTokens.js","sources":["../../../../../src/components/Radio/radioTokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { size } from '~tokens/global';\n\nconst radioSizes = {\n  group: {\n    gap: {\n      small: {\n        mobile: 'spacing.2',\n        desktop: 'spacing.2',\n      },\n      medium: {\n        mobile: 'spacing.3',\n        desktop: 'spacing.3',\n      },\n      large: {\n        mobile: 'spacing.4',\n        desktop: 'spacing.4',\n      },\n    },\n  },\n  icon: {\n    small: {\n      width: size[12],\n      height: size[12],\n      dotRadius: size[2],\n    },\n    medium: {\n      width: size[16],\n      height: size[16],\n      dotRadius: size[3],\n    },\n    large: {\n      width: size[20],\n      height: size[20],\n      dotRadius: size[4],\n    },\n  },\n} as const;\n\ntype ColorTokens = `colors.${DotNotationToken<Theme['colors']>}`;\ntype Variant = {\n  dot: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n  border: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n  background: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n};\n\ntype RadioIconColors = {\n  variants: {\n    default: Variant;\n    disabled: Variant;\n    negative: Variant;\n  };\n};\n\nconst radioIconColors: RadioIconColors = {\n  variants: {\n    default: {\n      dot: {\n        checked: 'colors.interactive.icon.onPrimary.normal',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: 'colors.interactive.border.primary.default',\n        unchecked: 'colors.interactive.border.gray.highlighted',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n    disabled: {\n      dot: {\n        checked: 'colors.interactive.icon.onPrimary.normal',\n        unchecked: 'colors.interactive.icon.onPrimary.normal',\n      },\n      border: {\n        checked: 'colors.transparent',\n        unchecked: 'colors.interactive.border.gray.disabled',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.disabled',\n        unchecked: 'colors.transparent',\n      },\n    },\n    negative: {\n      dot: {\n        checked: 'colors.interactive.icon.onPrimary.normal',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: 'colors.interactive.border.negative.default',\n        unchecked: 'colors.interactive.border.negative.default',\n      },\n      background: {\n        checked: 'colors.interactive.background.negative.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\nconst radioHoverTokens: SelectorInputHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.faded',\n    },\n    border: {\n      checked: 'colors.interactive.background.primary.highlighted', // Intentionally not using border tokens here since we want to match the background color\n      unchecked: 'colors.interactive.border.gray.highlighted',\n    },\n  },\n};\n\nexport { radioSizes, radioIconColors, radioHoverTokens };\n"],"names":["radioSizes","group","gap","small","mobile","desktop","medium","large","icon","width","size","height","dotRadius","radioIconColors","variants","default","dot","checked","unchecked","border","background","disabled","negative","radioHoverTokens"],"mappings":";;;;AAKM,IAAAA,UAAU,CAAG,CACjBC,KAAK,CAAE,CACLC,GAAG,CAAE,CACHC,KAAK,CAAE,CACLC,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDC,MAAM,CAAE,CACNF,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDE,KAAK,CAAE,CACLH,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CACF,CACF,CAAC,CACDG,IAAI,CAAE,CACJL,KAAK,CAAE,CACLM,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,SAAS,CAAEF,IAAI,CAAC,CAAC,CACnB,CAAC,CACDJ,MAAM,CAAE,CACNG,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,SAAS,CAAEF,IAAI,CAAC,CAAC,CACnB,CAAC,CACDH,KAAK,CAAE,CACLE,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,SAAS,CAAEF,IAAI,CAAC,CAAC,CACnB,CACF,CACF,EA0BM,IAAAG,eAAgC,CAAG,CACvCC,QAAQ,CAAE,CACRC,OAAO,CAAE,CACPC,GAAG,CAAE,CACHC,OAAO,CAAE,0CAA0C,CACnDC,SAAS,CAAE,oBACb,CAAC,CACDC,MAAM,CAAE,CACNF,OAAO,CAAE,2CAA2C,CACpDC,SAAS,CAAE,4CACb,CAAC,CACDE,UAAU,CAAE,CACVH,OAAO,CAAE,+CAA+C,CACxDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDG,QAAQ,CAAE,CACRL,GAAG,CAAE,CACHC,OAAO,CAAE,0CAA0C,CACnDC,SAAS,CAAE,0CACb,CAAC,CACDC,MAAM,CAAE,CACNF,OAAO,CAAE,oBAAoB,CAC7BC,SAAS,CAAE,yCACb,CAAC,CACDE,UAAU,CAAE,CACVH,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDI,QAAQ,CAAE,CACRN,GAAG,CAAE,CACHC,OAAO,CAAE,0CAA0C,CACnDC,SAAS,CAAE,oBACb,CAAC,CACDC,MAAM,CAAE,CACNF,OAAO,CAAE,4CAA4C,CACrDC,SAAS,CAAE,4CACb,CAAC,CACDE,UAAU,CAAE,CACVH,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CACF,CACF,EAEM,IAAAK,gBAA0C,CAAG,CACjDR,OAAO,CAAE,CACPK,UAAU,CAAE,CACVH,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,0CACb,CAAC,CACDC,MAAM,CAAE,CACNF,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,4CACb,CACF,CACF;;;;"}
+{"version":3,"file":"radioTokens.js","sources":["../../../../../src/components/Radio/radioTokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { size } from '~tokens/global';\n\nconst radioSizes = {\n  group: {\n    gap: {\n      small: {\n        mobile: 'spacing.2',\n        desktop: 'spacing.2',\n      },\n      medium: {\n        mobile: 'spacing.3',\n        desktop: 'spacing.3',\n      },\n      large: {\n        mobile: 'spacing.4',\n        desktop: 'spacing.4',\n      },\n    },\n  },\n  icon: {\n    small: {\n      width: size[12],\n      height: size[12],\n      dotRadius: size[2],\n    },\n    medium: {\n      width: size[16],\n      height: size[16],\n      dotRadius: size[3],\n    },\n    large: {\n      width: size[20],\n      height: size[20],\n      dotRadius: size[4],\n    },\n  },\n} as const;\n\ntype ColorTokens = `colors.${DotNotationToken<Theme['colors']>}`;\ntype Variant = {\n  dot: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n  border: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n  background: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n};\n\ntype RadioIconColors = {\n  variants: {\n    default: Variant;\n    disabled: Variant;\n    negative: Variant;\n  };\n};\n\nconst radioIconColors: RadioIconColors = {\n  variants: {\n    default: {\n      dot: {\n        checked: 'colors.interactive.icon.onPrimary.normal',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: 'colors.interactive.border.primary.default',\n        unchecked: 'colors.interactive.border.gray.highlighted',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n    disabled: {\n      dot: {\n        checked: 'colors.interactive.icon.onPrimary.normal',\n        unchecked: 'colors.interactive.icon.onPrimary.normal',\n      },\n      border: {\n        checked: 'colors.transparent',\n        unchecked: 'colors.interactive.border.gray.disabled',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.disabled',\n        unchecked: 'colors.transparent',\n      },\n    },\n    negative: {\n      dot: {\n        checked: 'colors.interactive.icon.onPrimary.normal',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: 'colors.interactive.border.negative.default',\n        unchecked: 'colors.interactive.border.negative.default',\n      },\n      background: {\n        checked: 'colors.interactive.background.negative.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\nconst radioHoverTokens: SelectorInputHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.faded',\n    },\n    border: {\n      checked: 'colors.interactive.background.primary.highlighted', // Intentionally not using border tokens here since we want to match the background color\n      unchecked: 'colors.interactive.border.gray.highlighted',\n    },\n  },\n};\n\nexport { radioSizes, radioIconColors, radioHoverTokens };\n"],"names":["radioSizes","group","gap","small","mobile","desktop","medium","large","icon","width","size","height","dotRadius","radioIconColors","variants","default","dot","checked","unchecked","border","background","disabled","negative","radioHoverTokens"],"mappings":";;;AAKM,IAAAA,UAAU,CAAG,CACjBC,KAAK,CAAE,CACLC,GAAG,CAAE,CACHC,KAAK,CAAE,CACLC,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDC,MAAM,CAAE,CACNF,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDE,KAAK,CAAE,CACLH,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CACF,CACF,CAAC,CACDG,IAAI,CAAE,CACJL,KAAK,CAAE,CACLM,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,SAAS,CAAEF,IAAI,CAAC,CAAC,CACnB,CAAC,CACDJ,MAAM,CAAE,CACNG,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,SAAS,CAAEF,IAAI,CAAC,CAAC,CACnB,CAAC,CACDH,KAAK,CAAE,CACLE,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,SAAS,CAAEF,IAAI,CAAC,CAAC,CACnB,CACF,CACF,EA0BM,IAAAG,eAAgC,CAAG,CACvCC,QAAQ,CAAE,CACRC,OAAO,CAAE,CACPC,GAAG,CAAE,CACHC,OAAO,CAAE,0CAA0C,CACnDC,SAAS,CAAE,oBACb,CAAC,CACDC,MAAM,CAAE,CACNF,OAAO,CAAE,2CAA2C,CACpDC,SAAS,CAAE,4CACb,CAAC,CACDE,UAAU,CAAE,CACVH,OAAO,CAAE,+CAA+C,CACxDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDG,QAAQ,CAAE,CACRL,GAAG,CAAE,CACHC,OAAO,CAAE,0CAA0C,CACnDC,SAAS,CAAE,0CACb,CAAC,CACDC,MAAM,CAAE,CACNF,OAAO,CAAE,oBAAoB,CAC7BC,SAAS,CAAE,yCACb,CAAC,CACDE,UAAU,CAAE,CACVH,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDI,QAAQ,CAAE,CACRN,GAAG,CAAE,CACHC,OAAO,CAAE,0CAA0C,CACnDC,SAAS,CAAE,oBACb,CAAC,CACDC,MAAM,CAAE,CACNF,OAAO,CAAE,4CAA4C,CACrDC,SAAS,CAAE,4CACb,CAAC,CACDE,UAAU,CAAE,CACVH,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CACF,CACF,EAEM,IAAAK,gBAA0C,CAAG,CACjDR,OAAO,CAAE,CACPK,UAAU,CAAE,CACVH,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,0CACb,CAAC,CACDC,MAAM,CAAE,CACNF,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,4CACb,CACF,CACF;;;;"}

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

@@ -2,12 +2,11 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
 import { useControllableState } from '../../utils/useControllable.js';
 import { useId } from '../../utils/useId.js';
-import 'react-native';
+import '../../utils/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/logger/index.js';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 
 var useRadio=function useRadio(_ref){var isChecked=_ref.isChecked,defaultChecked=_ref.defaultChecked,isDisabled=_ref.isDisabled,isRequired=_ref.isRequired,hasError=_ref.hasError,onChange=_ref.onChange,name=_ref.name,value=_ref.value;var inputRef=React__default.useRef(null);var isReactNative=getPlatformType()==='react-native';if(__DEV__){if(isChecked&&defaultChecked){throwBladeError({message:`Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.`,moduleName:'Radio'});}}var _useControllableState=useControllableState({value:isChecked,defaultValue:defaultChecked!=null?defaultChecked:false}),_useControllableState2=_slicedToArray(_useControllableState,2),radioState=_useControllableState2[0],setRadioState=_useControllableState2[1];var handleOnChange=function handleOnChange(event){if(isDisabled){event.stopPropagation();event.preventDefault();return;}setRadioState(function(checked){if(checked===false){onChange==null?void 0:onChange({isChecked:true,event:event,value:value});return true;}return checked;});};var state={isChecked:radioState,setChecked:setRadioState};var idBase=useId('radio');var helpTextId=useId(`${idBase}-helptext`);var accessibilityProps=makeAccessible({role:'radio',required:Boolean(isRequired),invalid:Boolean(hasError),disabled:Boolean(isDisabled),checked:radioState,describedBy:helpTextId});if(isReactNative){return {state:state,inputProps:Object.assign({onPress:handleOnChange,name:name,value:value},accessibilityProps)};}return {state:state,ids:{helpTextId:helpTextId},inputProps:Object.assign({ref:inputRef,onChange:handleOnChange,type:'radio',name:name,value:value,checked:radioState,disabled:isDisabled,required:isRequired},accessibilityProps)};};

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

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

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

@@ -0,0 +1,18 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import Animated, { useSharedValue, withTiming, Easing, useAnimatedStyle } from 'react-native-reanimated';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import '../../utils/makeMotionTime/index.native.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../Typography/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { castNativeType } from '../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
+import { Text } from '../Typography/Text/Text.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/RollingText/RollingText.native.tsx";var RollingText=function RollingText(_ref){var texts=_ref.texts,children=_ref.children,onIndexChange=_ref.onIndexChange,cycleDurationProp=_ref.cycleDuration,_showShimmer=_ref.showShimmer;var _useState=useState(0),_useState2=_slicedToArray(_useState,2),currentIndex=_useState2[0],setCurrentIndex=_useState2[1];var _useTheme=useTheme(),theme=_useTheme.theme;var animDuration=castNativeType(makeMotionTime(getIn(theme.motion,'duration.moderate')));var cycleDuration=cycleDurationProp!=null?cycleDurationProp:2500;var opacity=useSharedValue(1);var translateY=useSharedValue(0);useEffect(function(){if(texts.length<=1)return undefined;var timeoutId;var interval=setInterval(function(){opacity.value=withTiming(0,{duration:animDuration/2,easing:Easing.out(Easing.ease)});translateY.value=withTiming(-12,{duration:animDuration/2,easing:Easing.out(Easing.ease)});timeoutId=setTimeout(function(){setCurrentIndex(function(prev){var next=(prev+1)%texts.length;onIndexChange==null?void 0:onIndexChange(next);return next;});translateY.value=12;opacity.value=0;opacity.value=withTiming(1,{duration:animDuration/2,easing:Easing.in(Easing.ease)});translateY.value=withTiming(0,{duration:animDuration/2,easing:Easing.in(Easing.ease)});},animDuration/2);},cycleDuration);return function(){clearInterval(interval);if(timeoutId!==undefined)clearTimeout(timeoutId);};},[texts.length,animDuration,cycleDuration,opacity,translateY,onIndexChange]);var animatedStyle=useAnimatedStyle(function(){return {opacity:opacity.value,transform:[{translateY:translateY.value}]};});return jsx(Animated.View,{style:animatedStyle,children:children?children(texts[currentIndex]):jsx(Text,{color:"feedback.text.positive.intense",weight:"regular",variant:"body",size:"medium",children:texts[currentIndex]})});};
+
+export { RollingText };
+//# sourceMappingURL=RollingText.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RollingText.native.js","sources":["../../../../../src/components/RollingText/RollingText.native.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\n\ntype RollingTextProps = {\n  texts: string[];\n  children?: (text: string) => React.ReactNode;\n  onIndexChange?: (index: number) => void;\n  cycleDuration?: number;\n  showShimmer?: boolean;\n};\n\nconst RollingText = ({\n  texts,\n  children,\n  onIndexChange,\n  cycleDuration: cycleDurationProp,\n  showShimmer: _showShimmer,\n}: RollingTextProps): React.ReactElement => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const { theme } = useTheme();\n  const animDuration = castNativeType(makeMotionTime(getIn(theme.motion, 'duration.moderate')));\n  const cycleDuration = cycleDurationProp ?? 2500;\n  const opacity = useSharedValue(1);\n  const translateY = useSharedValue(0);\n\n  useEffect(() => {\n    if (texts.length <= 1) return undefined;\n\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    const interval = setInterval(() => {\n      opacity.value = withTiming(0, {\n        duration: animDuration / 2,\n        easing: Easing.out(Easing.ease),\n      });\n      translateY.value = withTiming(-12, {\n        duration: animDuration / 2,\n        easing: Easing.out(Easing.ease),\n      });\n\n      timeoutId = setTimeout(() => {\n        setCurrentIndex((prev) => {\n          const next = (prev + 1) % texts.length;\n          onIndexChange?.(next);\n          return next;\n        });\n        translateY.value = 12;\n        opacity.value = 0;\n        opacity.value = withTiming(1, {\n          duration: animDuration / 2,\n          easing: Easing.in(Easing.ease),\n        });\n        translateY.value = withTiming(0, {\n          duration: animDuration / 2,\n          easing: Easing.in(Easing.ease),\n        });\n      }, animDuration / 2);\n    }, cycleDuration);\n\n    return () => {\n      clearInterval(interval);\n      if (timeoutId !== undefined) clearTimeout(timeoutId);\n    };\n  }, [texts.length, animDuration, cycleDuration, opacity, translateY, onIndexChange]);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n    transform: [{ translateY: translateY.value }],\n  }));\n\n  return (\n    <Animated.View style={animatedStyle}>\n      {children ? (\n        children(texts[currentIndex])\n      ) : (\n        <Text color=\"feedback.text.positive.intense\" weight=\"regular\" variant=\"body\" size=\"medium\">\n          {texts[currentIndex]}\n        </Text>\n      )}\n    </Animated.View>\n  );\n};\n\nexport type { RollingTextProps };\nexport { RollingText };\n"],"names":["RollingText","_ref","texts","children","onIndexChange","cycleDurationProp","cycleDuration","_showShimmer","showShimmer","_useState","useState","_useState2","_slicedToArray","currentIndex","setCurrentIndex","_useTheme","useTheme","theme","animDuration","castNativeType","makeMotionTime","getIn","motion","opacity","useSharedValue","translateY","useEffect","length","undefined","timeoutId","interval","setInterval","value","withTiming","duration","easing","Easing","out","ease","setTimeout","prev","next","in","clearInterval","clearTimeout","animatedStyle","useAnimatedStyle","transform","_jsx","Animated","View","style","Text","color","weight","variant","size"],"mappings":"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"}

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

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

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

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