@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/native/components/Chip/AnimatedChip.native.js

@@ -1,20 +1,15 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'react';
 import styled from 'styled-components/native';
 import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import getIn from '../../utils/lodashButBetter/get.js';
 import { getAnimatedChipStyles } from './getAnimatedChipStyles.js';
 import { chipMotionTokens } from './chipTokens.js';
-import getIn from '../../utils/lodashButBetter/get.js';
-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 StyledAnimatedChip=styled(Animated.View)(function(props){return Object.assign({},getAnimatedChipStyles(props),{alignSelf:'center'});});var AnimatedChip=function AnimatedChip(_ref){var borderColor=_ref.borderColor,children=_ref.children,isPressed=_ref.isPressed,isDisabled=_ref.isDisabled;var _useTheme=useTheme(),theme=_useTheme.theme;var easing=getIn(theme.motion,chipMotionTokens.easing);var duration=getIn(theme.motion,chipMotionTokens.duration);var chipAnimation=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?0.92:1,{duration:duration,easing:easing})}]};},[isPressed]);return jsx(StyledAnimatedChip,{borderColor:borderColor,isDisabled:isDisabled,style:chipAnimation,children:children});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Chip/AnimatedChip.native.tsx";var _excluded=["theme"];var StyledAnimatedChip=styled(Animated.View)(function(_ref){var _props$size;var theme=_ref.theme,props=_objectWithoutProperties(_ref,_excluded);var size=(_props$size=props.size)!=null?_props$size:'small';return Object.assign({},getAnimatedChipStyles(Object.assign({theme:theme},props)),{alignSelf:'center',overflow:'hidden',justifyContent:'flex-start',backgroundColor:'transparent'},props.isChecked&&size==='medium'&&{borderWidth:getIn(theme,'border.width.thick')},props.isChecked&&size==='large'&&{borderWidth:getIn(theme,'border.width.thicker')});});var AnimatedChip=function AnimatedChip(_ref2){var borderColor=_ref2.borderColor,backgroundColor=_ref2.backgroundColor,children=_ref2.children,isPressed=_ref2.isPressed,isDisabled=_ref2.isDisabled,isChecked=_ref2.isChecked,size=_ref2.size;var _useTheme=useTheme(),theme=_useTheme.theme;var easing=getIn(theme.motion,chipMotionTokens.easing);var duration=getIn(theme.motion,chipMotionTokens.duration);var chipAnimation=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?0.92:1,{duration:duration,easing:easing})}]};},[isPressed]);return jsx(StyledAnimatedChip,{borderColor:borderColor,backgroundColor:backgroundColor,isDisabled:isDisabled,isChecked:isChecked,size:size,style:chipAnimation,children:children});};
 
 export { AnimatedChip };
 //# sourceMappingURL=AnimatedChip.native.js.map

package/build/lib/native/components/Chip/AnimatedChip.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedChip.native.js","sources":["../../../../../src/components/Chip/AnimatedChip.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport { getAnimatedChipStyles } from './getAnimatedChipStyles';\nimport type { AnimatedChipProps } from './types';\nimport { chipMotionTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledAnimatedChip = styled(Animated.View)<AnimatedChipProps>((props) => {\n  return {\n    ...getAnimatedChipStyles(props),\n    alignSelf: 'center',\n  };\n});\n\nconst AnimatedChip = ({\n  borderColor,\n  children,\n  isPressed,\n  isDisabled,\n}: Omit<AnimatedChipProps, 'theme'>): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const easing = getIn(theme.motion, chipMotionTokens.easing);\n  const duration = getIn(theme.motion, chipMotionTokens.duration);\n\n  const chipAnimation = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          scale: withTiming(isPressed ? 0.92 : 1, {\n            duration,\n            easing,\n          }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  return (\n    <StyledAnimatedChip borderColor={borderColor} isDisabled={isDisabled} style={chipAnimation}>\n      {children}\n    </StyledAnimatedChip>\n  );\n};\n\nexport { AnimatedChip };\n"],"names":["StyledAnimatedChip","styled","Animated","View","props","Object","assign","getAnimatedChipStyles","alignSelf","AnimatedChip","_ref","borderColor","children","isPressed","isDisabled","_useTheme","useTheme","theme","easing","getIn","motion","chipMotionTokens","duration","chipAnimation","useAnimatedStyle","transform","scale","withTiming","_jsx","style"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,kBAAkB,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAoB,SAACC,KAAK,CAAK,CAC7E,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,qBAAqB,CAACH,KAAK,CAAC,CAAA,CAC/BI,SAAS,CAAE,QAAQ,CAAA,CAAA,CAEvB,CAAC,CAAC,CAEI,IAAAC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAK0C,CAAA,IAJ1DC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACXC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,SAAS,CAAAH,IAAA,CAATG,SAAS,CACTC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAEV,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,MAAM,CAAGC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAEC,gBAAgB,CAACH,MAAM,CAAC,CAC3D,IAAMI,QAAQ,CAAGH,KAAK,CAACF,KAAK,CAACG,MAAM,CAAEC,gBAAgB,CAACC,QAAQ,CAAC,CAE/D,IAAMC,aAAa,CAAGC,gBAAgB,CAAC,UAAM,CAC3C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,KAAK,CAAEC,UAAU,CAACd,SAAS,CAAG,IAAI,CAAG,CAAC,CAAE,CACtCS,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACL,SAAS,CAAC,CAAC,CAEf,OACEe,GAAA,CAAC5B,kBAAkB,CAACW,CAAAA,WAAW,CAAEA,WAAY,CAACG,UAAU,CAAEA,UAAW,CAACe,KAAK,CAAEN,aAAc,CAAAX,QAAA,CACxFA,QAAQ,CACS,CAAC,CAEzB;;;;"}
+{"version":3,"file":"AnimatedChip.native.js","sources":["../../../../../src/components/Chip/AnimatedChip.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getAnimatedChipStyles } from './getAnimatedChipStyles';\nimport type { AnimatedChipProps } from './types';\nimport { chipMotionTokens } from './chipTokens';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledAnimatedChip = styled(Animated.View)<AnimatedChipProps>(({ theme, ...props }) => {\n  const size = props.size ?? 'small';\n  return {\n    ...getAnimatedChipStyles({ theme, ...props }),\n    alignSelf: 'center',\n    overflow: 'hidden',\n    // Anchor content to the start: a long, truncated label exceeds maxWidth, and centering\n    // (getAnimatedChipStyles default) would clip both edges and eat the leading icon's padding.\n    // flex-start clips only the trailing text, keeping the icon's inset.\n    justifyContent: 'flex-start',\n    // The selected fill (interactive.background.*.faded) is semi-transparent and is painted by\n    // StyledChipWrapper — same as web. Keep this outer layer transparent so the alpha isn't\n    // applied twice and the blue doesn't render darker than web.\n    backgroundColor: 'transparent',\n    // When selected, medium & large own a single thicker border (the wrapper border is\n    // suppressed): 1.5px for medium, 2px for large. xsmall/small and all unchecked chips\n    // keep the default thin 1px outline.\n    ...(props.isChecked &&\n      size === 'medium' && { borderWidth: getIn(theme, 'border.width.thick') as number }),\n    ...(props.isChecked &&\n      size === 'large' && { borderWidth: getIn(theme, 'border.width.thicker') as number }),\n  };\n});\n\nconst AnimatedChip = ({\n  borderColor,\n  backgroundColor,\n  children,\n  isPressed,\n  isDisabled,\n  isChecked,\n  size,\n}: Omit<AnimatedChipProps, 'theme'>): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const easing = getIn(theme.motion, chipMotionTokens.easing);\n  const duration = getIn(theme.motion, chipMotionTokens.duration);\n\n  const chipAnimation = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          scale: withTiming(isPressed ? 0.92 : 1, {\n            duration,\n            easing,\n          }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  return (\n    <StyledAnimatedChip\n      borderColor={borderColor}\n      backgroundColor={backgroundColor}\n      isDisabled={isDisabled}\n      isChecked={isChecked}\n      size={size}\n      style={chipAnimation}\n    >\n      {children}\n    </StyledAnimatedChip>\n  );\n};\n\nexport { AnimatedChip };\n"],"names":["this","StyledAnimatedChip","styled","Animated","View","_ref","_props$size","theme","props","_objectWithoutProperties","_excluded","size","Object","assign","getAnimatedChipStyles","alignSelf","overflow","justifyContent","backgroundColor","isChecked","borderWidth","getIn","AnimatedChip","_ref2","borderColor","children","isPressed","isDisabled","_useTheme","useTheme","easing","motion","chipMotionTokens","duration","chipAnimation","useAnimatedStyle","transform","scale","withTiming","_jsx","style"],"mappings":";;;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,0FAAA,CAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,CASA,IAAMC,kBAAkB,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAoB,SAAAC,IAAA,CAAyB,KAAAC,WAAA,CAAA,IAAtBC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,KAAK,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,EACpF,IAAMC,IAAI,CAAA,CAAAL,WAAA,CAAGE,KAAK,CAACG,IAAI,GAAA,IAAA,CAAAL,WAAA,CAAI,OAAO,CAClC,OAAAM,MAAA,CAAAC,MAAA,CACKC,EAAAA,CAAAA,qBAAqB,CAAAF,MAAA,CAAAC,MAAA,CAAA,CAAGN,KAAK,CAALA,KAAK,EAAKC,KAAK,CAAE,CAAC,CAC7CO,CAAAA,SAAS,CAAE,QAAQ,CACnBC,QAAQ,CAAE,QAAQ,CAIlBC,cAAc,CAAE,YAAY,CAI5BC,eAAe,CAAE,aAAa,CAI1BV,CAAAA,KAAK,CAACW,SAAS,EACjBR,IAAI,GAAK,QAAQ,EAAI,CAAES,WAAW,CAAEC,KAAK,CAACd,KAAK,CAAE,oBAAoB,CAAY,CAAC,CAChFC,KAAK,CAACW,SAAS,EACjBR,IAAI,GAAK,OAAO,EAAI,CAAES,WAAW,CAAEC,KAAK,CAACd,KAAK,CAAE,sBAAsB,CAAY,CAAC,EAEzF,CAAC,CAAC,CAEI,IAAAe,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAQ0C,CAP1D,IAAAC,WAAW,CAAAD,KAAA,CAAXC,WAAW,CACXN,eAAe,CAAAK,KAAA,CAAfL,eAAe,CACfO,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CACRC,SAAS,CAAAH,KAAA,CAATG,SAAS,CACTC,UAAU,CAAAJ,KAAA,CAAVI,UAAU,CACVR,SAAS,CAAAI,KAAA,CAATJ,SAAS,CACTR,IAAI,CAAAY,KAAA,CAAJZ,IAAI,CAEJ,IAAAiB,SAAA,CAAkBC,QAAQ,EAAE,CAApBtB,KAAK,CAAAqB,SAAA,CAALrB,KAAK,CAEb,IAAMuB,MAAM,CAAGT,KAAK,CAACd,KAAK,CAACwB,MAAM,CAAEC,gBAAgB,CAACF,MAAM,CAAC,CAC3D,IAAMG,QAAQ,CAAGZ,KAAK,CAACd,KAAK,CAACwB,MAAM,CAAEC,gBAAgB,CAACC,QAAQ,CAAC,CAE/D,IAAMC,aAAa,CAAGC,gBAAgB,CAAC,UAAM,CAC3C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,KAAK,CAAEC,UAAU,CAACZ,SAAS,CAAG,IAAI,CAAG,CAAC,CAAE,CACtCO,QAAQ,CAARA,QAAQ,CACRH,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACJ,SAAS,CAAC,CAAC,CAEf,OACEa,GAAA,CAACtC,kBAAkB,EACjBuB,WAAW,CAAEA,WAAY,CACzBN,eAAe,CAAEA,eAAgB,CACjCS,UAAU,CAAEA,UAAW,CACvBR,SAAS,CAAEA,SAAU,CACrBR,IAAI,CAAEA,IAAK,CACX6B,KAAK,CAAEN,aAAc,CAAAT,QAAA,CAEpBA,QAAQ,CACS,CAAC,CAEzB;;;;"}

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

@@ -6,36 +6,35 @@ import { chipColorTokens, getChipInputHoverTokens, chipHorizontalPaddingTokens,
 import { AnimatedChip } from './AnimatedChip.native.js';
 import { StyledChipWrapper } from './StyledChipWrapper.native.js';
 import isEmpty from '../../utils/lodashButBetter/isEmpty.js';
-import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
-import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../Box/BaseBox/index.js';
 import { SelectorLabel } from '../Form/Selector/SelectorLabel.native.js';
 import { SelectorInput } from '../Form/Selector/SelectorInput.native.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/logger/index.js';
 import { useCheckbox } from '../Checkbox/useCheckbox.js';
 import { useRadio } from '../Radio/useRadio.js';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../utils/index.js';
+import '../Typography/index.js';
+import '../BladeProvider/index.js';
 import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.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 { throwBladeError } from '../../utils/logger/logger.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { Text } from '../Typography/Text/Text.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["isDisabled","value","children","icon","color","testID","_motionMeta","width","maxWidth","minWidth"];var _Chip=function _Chip(_ref,ref){var _groupProps$state,_groupProps$defaultVa,_ref2;var isDisabled=_ref.isDisabled,value=_ref.value,children=_ref.children,Icon=_ref.icon,color=_ref.color,testID=_ref.testID,_motionMeta=_ref._motionMeta,width=_ref.width,maxWidth=_ref.maxWidth,minWidth=_ref.minWidth,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var groupProps=useChipGroupContext();var isInsideGroup=!isEmpty(groupProps);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];if(__DEV__){if(!isInsideGroup){throwBladeError({moduleName:'Chip',message:'<Chip /> component should only be used within the context of a <ChipGroup /> component'});}}var hasError=(groupProps==null?void 0:groupProps.validationState)==='error';var _isDisabled=isDisabled!=null?isDisabled:groupProps==null?void 0:groupProps.isDisabled;var _isRequired=(groupProps==null?void 0:groupProps.isRequired)||(groupProps==null?void 0:groupProps.necessityIndicator)==='required';var _name=groupProps==null?void 0:groupProps.name;var _isChecked=groupProps==null?void 0:(_groupProps$state=groupProps.state)==null?void 0:_groupProps$state.isChecked(value);var defaultChecked=typeof(groupProps==null?void 0:groupProps.defaultValue)==='undefined'?undefined:groupProps==null?void 0:(_groupProps$defaultVa=groupProps.defaultValue)==null?void 0:_groupProps$defaultVa.includes(value);var useChip=(groupProps==null?void 0:groupProps.selectionType)==='single'?useRadio:useCheckbox;var _size=(groupProps==null?void 0:groupProps.size)||'small';var chipColor=(_ref2=color!=null?color:groupProps==null?void 0:groupProps.color)!=null?_ref2:'primary';var handleChange=function handleChange(_ref3){var isChecked=_ref3.isChecked,value=_ref3.value;if(isChecked){var _groupProps$state2;groupProps==null?void 0:(_groupProps$state2=groupProps.state)==null?void 0:_groupProps$state2.addValue(value);}else {var _groupProps$state3;groupProps==null?void 0:(_groupProps$state3=groupProps.state)==null?void 0:_groupProps$state3.removeValue(value);}};var _useChip=useChip({defaultChecked:defaultChecked,isChecked:_isChecked,isDisabled:_isDisabled,isRequired:_isRequired,hasError:hasError,name:_name,value:value,onChange:handleChange}),state=_useChip.state,inputProps=_useChip.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(_isDisabled)return;setIsPressed(true);},[_isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(_isDisabled)return;setIsPressed(false);},[_isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(_isDisabled)return;if(e.key===' '){setIsPressed(true);}},[_isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(_isDisabled)return;if(e.key===' '){setIsPressed(false);}},[_isDisabled]);var textVariant='unchecked';if(_isChecked&&chipColor){textVariant=chipColor;}if(_isDisabled){textVariant='disabled';}var chipTextColor=chipColorTokens.text[textVariant];var chipIconColor=chipColorTokens.icon[textVariant];var colorVariant='unchecked';var stateVariant=_isDisabled?'disabled':'default';if(_isChecked&&chipColor){colorVariant=chipColor;}var chipBackgroundColor=chipColorTokens.background[colorVariant][stateVariant];var chipBorderColor=chipColorTokens.border[colorVariant][stateVariant];return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.Chip,testID:testID}),getStyledProps(rest),{display:isReactNative()?'flex':'inline-flex',ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref}),width:width,maxWidth:maxWidth,minWidth:minWidth,children:jsx(SelectorLabel,{componentName:MetaConstants.ChipLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,inputProps:isReactNative()?inputProps:{},style:{cursor:_isDisabled?'not-allowed':'pointer',width:'100%'},children:jsx(BaseBox,{display:"flex",flexDirection:"column",width:"100%",children:jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(SelectorInput,Object.assign({hoverTokens:getChipInputHoverTokens(chipColor),isChecked:state.isChecked,isDisabled:_isDisabled,inputProps:inputProps,hasError:hasError,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:ref})},makeAnalyticsAttribute(rest))),jsx(AnimatedChip,{borderColor:chipBorderColor,isDisabled:_isDisabled,isPressed:isPressed,isDesktop:matchedDeviceType==='desktop',size:_size,children:jsxs(StyledChipWrapper,{borderColor:chipBorderColor,isChecked:_isChecked,isDisabled:_isDisabled,color:chipColor,size:_size,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",backgroundColor:chipBackgroundColor,borderWidth:['xsmall','small'].includes(_size)?'thinner':'thin',paddingLeft:chipHorizontalPaddingTokens[Boolean(Icon)?'withIcon':'withoutIcon'].left[_size],paddingRight:chipHorizontalPaddingTokens[Boolean(Icon)?'withIcon':'withoutIcon'].right[_size],height:makeSize(chipHeightTokens[_size]),width:"100%",children:[Icon?jsx(BaseBox,{display:"flex",children:jsx(Icon,{color:chipIconColor,size:chipIconSizes[_size]})}):null,children?jsx(BaseBox,{paddingLeft:"spacing.2",paddingRight:"spacing.2",children:jsx(Text,Object.assign({},chipTextSizes[_size],{truncateAfterLines:1,color:chipTextColor,children:children}))}):null]})})]})})})}));};var Chip=assignWithoutSideEffects(React__default.forwardRef(_Chip),{displayName:'Chip'});
+var _excluded=["isDisabled","value","children","icon","leading","color","testID","_motionMeta","width","maxWidth","minWidth"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Chip/Chip.tsx";var _Chip=function _Chip(_ref,ref){var _groupProps$state,_groupProps$defaultVa,_ref2;var isDisabled=_ref.isDisabled,value=_ref.value,children=_ref.children,Icon=_ref.icon,leading=_ref.leading,color=_ref.color,testID=_ref.testID,_motionMeta=_ref._motionMeta,width=_ref.width,maxWidth=_ref.maxWidth,minWidth=_ref.minWidth,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var groupProps=useChipGroupContext();var isInsideGroup=!isEmpty(groupProps);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];if(__DEV__){if(!isInsideGroup){throwBladeError({moduleName:'Chip',message:'<Chip /> component should only be used within the context of a <ChipGroup /> component'});}if(Icon&&leading){throwBladeError({moduleName:'Chip',message:"icon and leading shouldn't be used together"});}}var hasError=(groupProps==null?void 0:groupProps.validationState)==='error';var _isDisabled=isDisabled!=null?isDisabled:groupProps==null?void 0:groupProps.isDisabled;var _isRequired=(groupProps==null?void 0:groupProps.isRequired)||(groupProps==null?void 0:groupProps.necessityIndicator)==='required';var _name=groupProps==null?void 0:groupProps.name;var _isChecked=groupProps==null?void 0:(_groupProps$state=groupProps.state)==null?void 0:_groupProps$state.isChecked(value);var defaultChecked=typeof(groupProps==null?void 0:groupProps.defaultValue)==='undefined'?undefined:groupProps==null?void 0:(_groupProps$defaultVa=groupProps.defaultValue)==null?void 0:_groupProps$defaultVa.includes(value);var useChip=(groupProps==null?void 0:groupProps.selectionType)==='single'?useRadio:useCheckbox;var _size=(groupProps==null?void 0:groupProps.size)||'small';var chipColor=(_ref2=color!=null?color:groupProps==null?void 0:groupProps.color)!=null?_ref2:'primary';var handleChange=function handleChange(_ref3){var isChecked=_ref3.isChecked,value=_ref3.value;if(isChecked){var _groupProps$state2;groupProps==null?void 0:(_groupProps$state2=groupProps.state)==null?void 0:_groupProps$state2.addValue(value);}else {var _groupProps$state3;groupProps==null?void 0:(_groupProps$state3=groupProps.state)==null?void 0:_groupProps$state3.removeValue(value);}};var _useChip=useChip({defaultChecked:defaultChecked,isChecked:_isChecked,isDisabled:_isDisabled,isRequired:_isRequired,hasError:hasError,name:_name,value:value,onChange:handleChange}),state=_useChip.state,inputProps=_useChip.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(_isDisabled)return;setIsPressed(true);},[_isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(_isDisabled)return;setIsPressed(false);},[_isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(_isDisabled)return;if(e.key===' '){setIsPressed(true);}},[_isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(_isDisabled)return;if(e.key===' '){setIsPressed(false);}},[_isDisabled]);var textVariant='unchecked';if(_isChecked&&chipColor){textVariant=chipColor;}if(_isDisabled){textVariant='disabled';}var chipTextColor=chipColorTokens.text[textVariant];var chipIconColor=chipColorTokens.icon[textVariant];var colorVariant='unchecked';var stateVariant=_isDisabled?'disabled':'default';if(_isChecked&&chipColor){colorVariant=chipColor;}var chipBackgroundColor=chipColorTokens.background[colorVariant][stateVariant];var chipBorderColor=chipColorTokens.border[colorVariant][stateVariant];return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.Chip,testID:testID}),getStyledProps(rest),{display:isReactNative()?'flex':'inline-flex',alignSelf:isReactNative()?'flex-start':undefined,ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref}),width:width,maxWidth:maxWidth,minWidth:minWidth,children:jsx(SelectorLabel,{componentName:MetaConstants.ChipLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,inputProps:isReactNative()?inputProps:{},style:Object.assign({cursor:_isDisabled?'not-allowed':'pointer'},!isReactNative()&&{width:'100%'}),children:jsx(BaseBox,Object.assign({display:"flex",flexDirection:"column"},!isReactNative()&&{width:'100%'},{children:jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(SelectorInput,Object.assign({hoverTokens:getChipInputHoverTokens(chipColor),isChecked:state.isChecked,isDisabled:_isDisabled,inputProps:inputProps,hasError:hasError,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:ref})},makeAnalyticsAttribute(rest))),jsx(AnimatedChip,Object.assign({borderColor:chipBorderColor},isReactNative()&&{backgroundColor:chipBackgroundColor},{isDisabled:_isDisabled,isChecked:_isChecked,isPressed:isPressed,isDesktop:matchedDeviceType==='desktop',size:_size,children:jsxs(StyledChipWrapper,{borderColor:chipBorderColor,isChecked:_isChecked,isDisabled:_isDisabled,color:chipColor,size:_size,display:"flex",flexDirection:"row",justifyContent:isReactNative()?'flex-start':'center',alignItems:"center",overflow:"hidden",backgroundColor:chipBackgroundColor,borderWidth:['xsmall','small'].includes(_size)?'thinner':'thin',paddingLeft:chipHorizontalPaddingTokens[Boolean(Icon)||Boolean(leading)?'withIcon':'withoutIcon'].left[_size],paddingRight:chipHorizontalPaddingTokens[Boolean(Icon)||Boolean(leading)?'withIcon':'withoutIcon'].right[_size],height:makeSize(chipHeightTokens[_size]),width:isReactNative()?undefined:'100%',children:[Icon?jsx(BaseBox,{display:"flex",children:jsx(Icon,{color:chipIconColor,size:chipIconSizes[_size]})}):leading?jsx(BaseBox,{display:"flex",alignItems:"center",children:leading}):null,children?jsx(BaseBox,{paddingLeft:"spacing.2",paddingRight:"spacing.2",children:jsx(Text,Object.assign({},chipTextSizes[_size],{truncateAfterLines:1,color:chipTextColor,children:children}))}):null]})}))]})}))})}));};var Chip=assignWithoutSideEffects(React__default.forwardRef(_Chip),{displayName:'Chip'});
 
 export { Chip };
 //# sourceMappingURL=Chip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  {\n    isDisabled,\n    value,\n    children,\n    icon: Icon,\n    color,\n    testID,\n    _motionMeta,\n    width,\n    maxWidth,\n    minWidth,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const hasError = groupProps?.validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    hasError,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(rest)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      width={width}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{\n          cursor: _isDisabled ? 'not-allowed' : 'pointer',\n          width: '100%',\n        }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              hasError={hasError}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n              size={_size}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                size={_size}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n                width=\"100%\"\n              >\n                {Icon ? (\n                  <BaseBox display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                {children ? (\n                  <BaseBox paddingLeft=\"spacing.2\" paddingRight=\"spacing.2\">\n                    <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                      {children}\n                    </Text>\n                  </BaseBox>\n                ) : null}\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","_motionMeta","width","maxWidth","minWidth","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","__DEV__","throwBladeError","moduleName","message","hasError","validationState","_isDisabled","_isRequired","isRequired","necessityIndicator","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","Object","assign","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","getOuterMotionRef","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  {\n    isDisabled,\n    value,\n    children,\n    icon: Icon,\n    leading,\n    color,\n    testID,\n    _motionMeta,\n    width,\n    maxWidth,\n    minWidth,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n\n    if (Icon && leading) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message: \"icon and leading shouldn't be used together\",\n      });\n    }\n  }\n\n  const hasError = groupProps?.validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    hasError,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(rest)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      alignSelf={isReactNative() ? 'flex-start' : undefined}\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      width={width}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{\n          cursor: _isDisabled ? 'not-allowed' : 'pointer',\n          ...(!isReactNative() && { width: '100%' }),\n        }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\" {...(!isReactNative() && { width: '100%' })}>\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              hasError={hasError}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              {...(isReactNative() && { backgroundColor: chipBackgroundColor })}\n              isDisabled={_isDisabled}\n              isChecked={_isChecked}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n              size={_size}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                size={_size}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent={isReactNative() ? 'flex-start' : 'center'}\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[\n                    Boolean(Icon) || Boolean(leading) ? 'withIcon' : 'withoutIcon'\n                  ].left[_size]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[\n                    Boolean(Icon) || Boolean(leading) ? 'withIcon' : 'withoutIcon'\n                  ].right[_size]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n                width={isReactNative() ? undefined : '100%'}\n              >\n                {Icon ? (\n                  <BaseBox display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : leading ? (\n                  <BaseBox display=\"flex\" alignItems=\"center\">\n                    {leading}\n                  </BaseBox>\n                ) : null}\n                {children ? (\n                  <BaseBox paddingLeft=\"spacing.2\" paddingRight=\"spacing.2\">\n                    <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                      {children}\n                    </Text>\n                  </BaseBox>\n                ) : null}\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["this","_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","leading","color","testID","_motionMeta","width","maxWidth","minWidth","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","__DEV__","throwBladeError","moduleName","message","hasError","validationState","_isDisabled","_isRequired","isRequired","necessityIndicator","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","Object","assign","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","alignSelf","getOuterMotionRef","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","AnimatedChip","borderColor","backgroundColor","isDesktop","StyledChipWrapper","justifyContent","overflow","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Chip/ChipGroup.js

@@ -3,26 +3,25 @@ import React__default from 'react';
 import { chipGroupLabelSizeTokens, chipGroupGapTokens } from './chipTokens.js';
 import { ChipGroupProvider } from './ChipGroupContext.js';
 import { useChipGroup } from './useChipGroup.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 '../Box/styledProps/index.js';
+import '../VisuallyHidden/index.native.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import '../BladeProvider/useTheme.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 { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.native.js';
-import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { FormHint } from '../Form/FormHint.js';
 
-var _excluded=["accessibilityLabel","label","labelPosition","necessityIndicator","validationState","errorText","helpText","isRequired","children","isDisabled","name","defaultValue","onChange","value","size","color","testID","selectionType"];var _ChipGroup=function _ChipGroup(_ref,ref){var accessibilityLabel=_ref.accessibilityLabel,label=_ref.label,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,_ref$validationState=_ref.validationState,validationState=_ref$validationState===void 0?'none':_ref$validationState,errorText=_ref.errorText,helpText=_ref.helpText,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,children=_ref.children,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,testID=_ref.testID,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,rest=_objectWithoutProperties(_ref,_excluded);var _useChipGroup=useChipGroup({defaultValue:defaultValue,onChange:onChange,value:value,isDisabled:isDisabled,name:name,size:size,color:color,selectionType:selectionType,isRequired:isRequired,validationState:validationState,necessityIndicator:necessityIndicator}),contextValue=_useChipGroup.contextValue,ids=_useChipGroup.ids;var showError=validationState==='error'&&errorText;var showHelpText=!showError&&helpText;var accessibilityText=`${showError?errorText:''} ${showHelpText?helpText:''}`.trim();if(__DEV__){if(selectionType==='single'&&Array.isArray(defaultValue)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "defaultValue" prop must be a string value, but an array was provided.`});}if(selectionType==='single'&&Array.isArray(value)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "value" prop must be a string value, but an array was provided.`});}}return jsx(ChipGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref},getStyledProps(rest),{children:jsxs(SelectorGroupField,Object.assign({position:labelPosition,accessibilityRole:selectionType==='single'?'radiogroup':'group',labelledBy:ids.labelId,componentName:"chip-group",testID:testID},makeAnalyticsAttribute(rest),{children:[label?jsx(FormLabel,{as:"span",necessityIndicator:necessityIndicator,position:labelPosition,id:ids.labelId,accessibilityText:accessibilityText&&`,${accessibilityText}`,size:chipGroupLabelSizeTokens[size],children:label}):null,jsxs(BaseBox,{children:[jsx(VisuallyHidden,{children:jsx(Text,{children:accessibilityLabel})}),jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",rowGap:chipGroupGapTokens[size].bottom,columnGap:chipGroupGapTokens[size].right,marginBottom:chipGroupGapTokens[size].bottom,children:children}),jsx(FormHint,{size:chipGroupLabelSizeTokens[size],type:validationState==='error'?'error':'help',errorText:errorText,helpText:helpText})]})]}))}))});};var ChipGroup=React__default.forwardRef(_ChipGroup);
+var _excluded=["accessibilityLabel","label","labelPosition","necessityIndicator","validationState","errorText","helpText","isRequired","children","isDisabled","name","defaultValue","onChange","value","size","color","testID","selectionType"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Chip/ChipGroup.tsx";var _ChipGroup=function _ChipGroup(_ref,ref){var accessibilityLabel=_ref.accessibilityLabel,label=_ref.label,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,_ref$validationState=_ref.validationState,validationState=_ref$validationState===void 0?'none':_ref$validationState,errorText=_ref.errorText,helpText=_ref.helpText,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,children=_ref.children,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,testID=_ref.testID,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,rest=_objectWithoutProperties(_ref,_excluded);var _useChipGroup=useChipGroup({defaultValue:defaultValue,onChange:onChange,value:value,isDisabled:isDisabled,name:name,size:size,color:color,selectionType:selectionType,isRequired:isRequired,validationState:validationState,necessityIndicator:necessityIndicator}),contextValue=_useChipGroup.contextValue,ids=_useChipGroup.ids;var showError=validationState==='error'&&errorText;var showHelpText=!showError&&helpText;var accessibilityText=`${showError?errorText:''} ${showHelpText?helpText:''}`.trim();if(__DEV__){if(selectionType==='single'&&Array.isArray(defaultValue)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "defaultValue" prop must be a string value, but an array was provided.`});}if(selectionType==='single'&&Array.isArray(value)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "value" prop must be a string value, but an array was provided.`});}}return jsx(ChipGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref},getStyledProps(rest),{children:jsxs(SelectorGroupField,Object.assign({position:labelPosition,accessibilityRole:selectionType==='single'?'radiogroup':'group',labelledBy:ids.labelId,componentName:"chip-group",testID:testID},makeAnalyticsAttribute(rest),{children:[label?jsx(FormLabel,{as:"span",necessityIndicator:necessityIndicator,position:labelPosition,id:ids.labelId,accessibilityText:accessibilityText&&`,${accessibilityText}`,size:chipGroupLabelSizeTokens[size],children:label}):null,jsxs(BaseBox,{children:[jsx(VisuallyHidden,{children:jsx(Text,{children:accessibilityLabel})}),jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",rowGap:chipGroupGapTokens[size].bottom,columnGap:chipGroupGapTokens[size].right,marginBottom:chipGroupGapTokens[size].bottom,children:children}),jsx(FormHint,{size:chipGroupLabelSizeTokens[size],type:validationState==='error'?'error':'help',errorText:errorText,helpText:helpText})]})]}))}))});};var ChipGroup=React__default.forwardRef(_ChipGroup);
 
 export { ChipGroup };
 //# sourceMappingURL=ChipGroup.js.map

package/build/lib/native/components/Chip/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupLabelSizeTokens, chipGroupGapTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\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 { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef } from '~utils/types';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _ChipGroup = (\n  {\n    accessibilityLabel,\n    label,\n    labelPosition = 'top',\n    necessityIndicator = 'none',\n    validationState = 'none',\n    errorText,\n    helpText,\n    isRequired = false,\n    children,\n    isDisabled = false,\n    name,\n    defaultValue,\n    onChange,\n    value,\n    size = 'small',\n    color = 'primary',\n    testID,\n    selectionType = 'single',\n    ...rest\n  }: ChipGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    color,\n    selectionType,\n    isRequired,\n    validationState,\n    necessityIndicator,\n  });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox ref={ref as never} {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-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={chipGroupLabelSizeTokens[size]}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox\n              display=\"flex\"\n              flexDirection=\"row\"\n              flexWrap=\"wrap\"\n              rowGap={chipGroupGapTokens[size].bottom}\n              columnGap={chipGroupGapTokens[size].right}\n              marginBottom={chipGroupGapTokens[size].bottom}\n            >\n              {children}\n            </BaseBox>\n            <FormHint\n              size={chipGroupLabelSizeTokens[size]}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nconst ChipGroup = React.forwardRef(_ChipGroup);\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["_ChipGroup","_ref","ref","accessibilityLabel","label","_ref$labelPosition","labelPosition","_ref$necessityIndicat","necessityIndicator","_ref$validationState","validationState","errorText","helpText","_ref$isRequired","isRequired","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","rest","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","showError","showHelpText","accessibilityText","trim","__DEV__","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","accessibilityRole","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","chipGroupLabelSizeTokens","VisuallyHidden","Text","display","flexDirection","flexWrap","rowGap","chipGroupGapTokens","bottom","columnGap","right","marginBottom","FormHint","type","ChipGroup","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupLabelSizeTokens, chipGroupGapTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\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 { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef } from '~utils/types';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _ChipGroup = (\n  {\n    accessibilityLabel,\n    label,\n    labelPosition = 'top',\n    necessityIndicator = 'none',\n    validationState = 'none',\n    errorText,\n    helpText,\n    isRequired = false,\n    children,\n    isDisabled = false,\n    name,\n    defaultValue,\n    onChange,\n    value,\n    size = 'small',\n    color = 'primary',\n    testID,\n    selectionType = 'single',\n    ...rest\n  }: ChipGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    color,\n    selectionType,\n    isRequired,\n    validationState,\n    necessityIndicator,\n  });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox ref={ref as never} {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-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={chipGroupLabelSizeTokens[size]}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox\n              display=\"flex\"\n              flexDirection=\"row\"\n              flexWrap=\"wrap\"\n              rowGap={chipGroupGapTokens[size].bottom}\n              columnGap={chipGroupGapTokens[size].right}\n              marginBottom={chipGroupGapTokens[size].bottom}\n            >\n              {children}\n            </BaseBox>\n            <FormHint\n              size={chipGroupLabelSizeTokens[size]}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nconst ChipGroup = React.forwardRef(_ChipGroup);\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["this","_ChipGroup","_ref","ref","accessibilityLabel","label","_ref$labelPosition","labelPosition","_ref$necessityIndicat","necessityIndicator","_ref$validationState","validationState","errorText","helpText","_ref$isRequired","isRequired","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","rest","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","showError","showHelpText","accessibilityText","trim","__DEV__","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","accessibilityRole","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","chipGroupLabelSizeTokens","VisuallyHidden","Text","display","flexDirection","flexWrap","rowGap","chipGroupGapTokens","bottom","columnGap","right","marginBottom","FormHint","type","ChipGroup","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,oBAAA,CAAA,OAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,UAAA,CAAA,YAAA,CAAA,UAAA,CAAA,YAAA,CAAA,MAAA,CAAA,cAAA,CAAA,UAAA,CAAA,OAAA,CAAA,MAAA,CAAA,OAAA,CAAA,QAAA,CAAA,eAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,gFAAA,CAeA,IAAMC,UAAU,CAAG,SAAbA,UAAUA,CAAAC,IAAA,CAsBdC,GAA+B,CACR,CArBrB,IAAAC,kBAAkB,CAAAF,IAAA,CAAlBE,kBAAkB,CAClBC,KAAK,CAAAH,IAAA,CAALG,KAAK,CAAAC,kBAAA,CAAAJ,IAAA,CACLK,aAAa,CAAbA,aAAa,CAAAD,kBAAA,UAAG,KAAK,CAAAA,kBAAA,CAAAE,qBAAA,CAAAN,IAAA,CACrBO,kBAAkB,CAAlBA,kBAAkB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,MAAM,CAAAA,qBAAA,CAAAE,oBAAA,CAAAR,IAAA,CAC3BS,eAAe,CAAfA,eAAe,CAAAD,oBAAA,UAAG,MAAM,CAAAA,oBAAA,CACxBE,SAAS,CAAAV,IAAA,CAATU,SAAS,CACTC,QAAQ,CAAAX,IAAA,CAARW,QAAQ,CAAAC,eAAA,CAAAZ,IAAA,CACRa,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,eAAA,CAClBE,QAAQ,CAAAd,IAAA,CAARc,QAAQ,CAAAC,eAAA,CAAAf,IAAA,CACRgB,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAClBE,IAAI,CAAAjB,IAAA,CAAJiB,IAAI,CACJC,YAAY,CAAAlB,IAAA,CAAZkB,YAAY,CACZC,QAAQ,CAAAnB,IAAA,CAARmB,QAAQ,CACRC,KAAK,CAAApB,IAAA,CAALoB,KAAK,CAAAC,SAAA,CAAArB,IAAA,CACLsB,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,SAAA,CAAAE,UAAA,CAAAvB,IAAA,CACdwB,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CACjBE,MAAM,CAAAzB,IAAA,CAANyB,MAAM,CAAAC,kBAAA,CAAA1B,IAAA,CACN2B,aAAa,CAAbA,aAAa,CAAAD,kBAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,kBAAA,CACrBE,IAAI,CAAAC,wBAAA,CAAA7B,IAAA,CAAA8B,SAAA,CAIT,CAAA,IAAAC,aAAA,CAA8BC,YAAY,CAAC,CACzCd,YAAY,CAAZA,YAAY,CACZC,QAAQ,CAARA,QAAQ,CACRC,KAAK,CAALA,KAAK,CACLJ,UAAU,CAAVA,UAAU,CACVC,IAAI,CAAJA,IAAI,CACJK,IAAI,CAAJA,IAAI,CACJE,KAAK,CAALA,KAAK,CACLG,aAAa,CAAbA,aAAa,CACbd,UAAU,CAAVA,UAAU,CACVJ,eAAe,CAAfA,eAAe,CACfF,kBAAkB,CAAlBA,kBACF,CAAC,CAAC,CAZM0B,YAAY,CAAAF,aAAA,CAAZE,YAAY,CAAEC,GAAG,CAAAH,aAAA,CAAHG,GAAG,CAazB,IAAMC,SAAS,CAAG1B,eAAe,GAAK,OAAO,EAAIC,SAAS,CAC1D,IAAM0B,YAAY,CAAG,CAACD,SAAS,EAAIxB,QAAQ,CAC3C,IAAM0B,iBAAiB,CAAG,CAAGF,EAAAA,SAAS,CAAGzB,SAAS,CAAG,EAAE,CAAA,CAAA,EAAI0B,YAAY,CAAGzB,QAAQ,CAAG,EAAE,EAAE,CAAC2B,IAAI,EAAE,CAEhG,GAAIC,OAAO,CAAE,CACX,GAAIZ,aAAa,GAAK,QAAQ,EAAIa,KAAK,CAACC,OAAO,CAACvB,YAAY,CAAC,CAAE,CAC7DwB,eAAe,CAAC,CACdC,UAAU,CAAE,WAAW,CACvBC,OAAO,CAAE,CACX,4GAAA,CAAA,CAAC,CAAC,CACJ,CACA,GAAIjB,aAAa,GAAK,QAAQ,EAAIa,KAAK,CAACC,OAAO,CAACrB,KAAK,CAAC,CAAE,CACtDsB,eAAe,CAAC,CACdC,UAAU,CAAE,WAAW,CACvBC,OAAO,CAAE,uGACX,CAAC,CAAC,CACJ,CACF,CAEA,OACEC,GAAA,CAACC,iBAAiB,CAAC1B,CAAAA,KAAK,CAAEa,YAAa,CAAAnB,QAAA,CACrC+B,GAAA,CAACE,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,CAAChD,GAAG,CAAEA,GAAa,CAAKiD,CAAAA,cAAc,CAACtB,IAAI,CAAC,CAAAd,CAAAA,QAAA,CAClDqC,IAAA,CAACC,kBAAkB,CAAAJ,MAAA,CAAAC,MAAA,EACjBI,QAAQ,CAAEhD,aAAc,CACxBiD,iBAAiB,CAAE3B,aAAa,GAAK,QAAQ,CAAG,YAAY,CAAG,OAAQ,CACvE4B,UAAU,CAAErB,GAAG,CAACsB,OAAQ,CACxBC,aAAa,CAAC,YAAY,CAC1BhC,MAAM,CAAEA,MAAO,CAAA,CACXiC,sBAAsB,CAAC9B,IAAI,CAAC,CAAA,CAAAd,QAAA,CAAA,CAE/BX,KAAK,CACJ0C,GAAA,CAACc,SAAS,CAAA,CACRC,EAAE,CAAC,MAAM,CACTrD,kBAAkB,CAAEA,kBAAmB,CACvC8C,QAAQ,CAAEhD,aAAc,CACxBwD,EAAE,CAAE3B,GAAG,CAACsB,OAAQ,CAChBnB,iBAAiB,CAAEA,iBAAiB,EAAI,CAAA,CAAA,EAAIA,iBAAiB,CAAA,CAAG,CAChEf,IAAI,CAAEwC,wBAAwB,CAACxC,IAAI,CAAE,CAAAR,QAAA,CAEpCX,KAAK,CACG,CAAC,CACV,IAAI,CACRgD,IAAA,CAACJ,OAAO,CAAAjC,CAAAA,QAAA,EACN+B,GAAA,CAACkB,cAAc,CAAA,CAAAjD,QAAA,CACb+B,GAAA,CAACmB,IAAI,EAAAlD,QAAA,CAAEZ,kBAAkB,CAAO,CAAC,CACnB,CAAC,CACjB2C,GAAA,CAACE,OAAO,CACNkB,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,QAAQ,CAAC,MAAM,CACfC,MAAM,CAAEC,kBAAkB,CAAC/C,IAAI,CAAC,CAACgD,MAAO,CACxCC,SAAS,CAAEF,kBAAkB,CAAC/C,IAAI,CAAC,CAACkD,KAAM,CAC1CC,YAAY,CAAEJ,kBAAkB,CAAC/C,IAAI,CAAC,CAACgD,MAAO,CAAAxD,QAAA,CAE7CA,QAAQ,CACF,CAAC,CACV+B,GAAA,CAAC6B,QAAQ,CAAA,CACPpD,IAAI,CAAEwC,wBAAwB,CAACxC,IAAI,CAAE,CACrCqD,IAAI,CAAElE,eAAe,GAAK,OAAO,CAAG,OAAO,CAAG,MAAO,CACrDC,SAAS,CAAEA,SAAU,CACrBC,QAAQ,CAAEA,QAAS,CACpB,CAAC,CAAA,CACK,CAAC,CACQ,CAAA,CAAA,CAAC,CACd,CAAA,CAAC,CACO,CAAC,CAExB,CAAC,CAEK,IAAAiE,SAAS,CAAGC,cAAK,CAACC,UAAU,CAAC/E,UAAU;;;;"}

package/build/lib/native/components/Chip/ChipGroupContext.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import '../../utils/logger/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 
 var ChipGroupContext=React__default.createContext({});var ChipGroupProvider=ChipGroupContext.Provider;var useChipGroupContext=function useChipGroupContext(){var context=React__default.useContext(ChipGroupContext);if(__DEV__){if(typeof context==='undefined'){throwBladeError({message:'useChipGroupContext must be used within ChipGroup',moduleName:'ChipGroup'});}}return context;};

package/build/lib/native/components/Chip/ChipGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroupContext.js","sources":["../../../../../src/components/Chip/ChipGroupContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupContextType } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChipGroupContext = React.createContext<ChipGroupContextType>({});\nconst ChipGroupProvider = ChipGroupContext.Provider;\n\nconst useChipGroupContext = (): ChipGroupContextType => {\n  const context = React.useContext(ChipGroupContext);\n  if (__DEV__) {\n    if (typeof context === 'undefined') {\n      throwBladeError({\n        message: 'useChipGroupContext must be used within ChipGroup',\n        moduleName: 'ChipGroup',\n      });\n    }\n  }\n  return context;\n};\n\nexport { useChipGroupContext, ChipGroupProvider };\n"],"names":["ChipGroupContext","React","createContext","ChipGroupProvider","Provider","useChipGroupContext","context","useContext","__DEV__","throwBladeError","message","moduleName"],"mappings":";;;AAIA,IAAMA,gBAAgB,CAAGC,cAAK,CAACC,aAAa,CAAuB,EAAE,CAAC,CAChE,IAAAC,iBAAiB,CAAGH,gBAAgB,CAACI,SAErC,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,EAA+B,CACtD,IAAMC,OAAO,CAAGL,cAAK,CAACM,UAAU,CAACP,gBAAgB,CAAC,CAClD,GAAIQ,OAAO,CAAE,CACX,GAAI,OAAOF,OAAO,GAAK,WAAW,CAAE,CAClCG,eAAe,CAAC,CACdC,OAAO,CAAE,mDAAmD,CAC5DC,UAAU,CAAE,WACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,OAAO,CAChB;;;;"}
+{"version":3,"file":"ChipGroupContext.js","sources":["../../../../../src/components/Chip/ChipGroupContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupContextType } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChipGroupContext = React.createContext<ChipGroupContextType>({});\nconst ChipGroupProvider = ChipGroupContext.Provider;\n\nconst useChipGroupContext = (): ChipGroupContextType => {\n  const context = React.useContext(ChipGroupContext);\n  if (__DEV__) {\n    if (typeof context === 'undefined') {\n      throwBladeError({\n        message: 'useChipGroupContext must be used within ChipGroup',\n        moduleName: 'ChipGroup',\n      });\n    }\n  }\n  return context;\n};\n\nexport { useChipGroupContext, ChipGroupProvider };\n"],"names":["ChipGroupContext","React","createContext","ChipGroupProvider","Provider","useChipGroupContext","context","useContext","__DEV__","throwBladeError","message","moduleName"],"mappings":";;;;AAIA,IAAMA,gBAAgB,CAAGC,cAAK,CAACC,aAAa,CAAuB,EAAE,CAAC,CAChE,IAAAC,iBAAiB,CAAGH,gBAAgB,CAACI,SAErC,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,EAA+B,CACtD,IAAMC,OAAO,CAAGL,cAAK,CAACM,UAAU,CAACP,gBAAgB,CAAC,CAClD,GAAIQ,OAAO,CAAE,CACX,GAAI,OAAOF,OAAO,GAAK,WAAW,CAAE,CAClCG,eAAe,CAAC,CACdC,OAAO,CAAE,mDAAmD,CAC5DC,UAAU,CAAE,WACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,OAAO,CAChB;;;;"}

package/build/lib/native/components/Chip/StyledChipWrapper.native.js

@@ -1,8 +1,12 @@
 import styled from 'styled-components/native';
+import { chipBorderRadiusTokens } from './chipTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
+import '../../utils/makeBorderSize/index.js';
+import '../Box/BaseBox/index.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
 
-var StyledChipWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,borderColor=_ref.borderColor,isChecked=_ref.isChecked;return {display:'flex',borderColor:isChecked?getIn(theme.colors,borderColor):'transparent'};});
+var StyledChipWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,borderColor=_ref.borderColor,isChecked=_ref.isChecked,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size;var borderRadius=chipBorderRadiusTokens[size];var outerRadius=theme.border.radius[borderRadius];var isMediumOrLarge=size==='medium'||size==='large';var outerBorderWidth=getIn(theme,'border.width.thin');return Object.assign({display:'flex',borderColor:isChecked&&!isMediumOrLarge?getIn(theme.colors,borderColor):'transparent'},isMediumOrLarge&&{borderWidth:0},{borderRadius:makeBorderSize(outerRadius-outerBorderWidth),overflow:'visible'});});
 
 export { StyledChipWrapper };
 //# sourceMappingURL=StyledChipWrapper.native.js.map

package/build/lib/native/components/Chip/StyledChipWrapper.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledChipWrapper.native.js","sources":["../../../../../src/components/Chip/StyledChipWrapper.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport type { StyledChipWrapperProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledChipWrapper = styled(BaseBox)<StyledChipWrapperProps>(\n  ({ theme, borderColor, isChecked }) => {\n    return {\n      display: 'flex',\n      borderColor: isChecked ? getIn(theme.colors, borderColor) : 'transparent',\n    };\n  },\n);\n\nexport { StyledChipWrapper };\n"],"names":["StyledChipWrapper","styled","BaseBox","_ref","theme","borderColor","isChecked","display","getIn","colors"],"mappings":";;;;AAKM,IAAAA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CACvC,SAAAC,IAAA,CAAuC,CAApC,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,WAAW,CAAAF,IAAA,CAAXE,WAAW,CAAEC,SAAS,CAAAH,IAAA,CAATG,SAAS,CAC9B,OAAO,CACLC,OAAO,CAAE,MAAM,CACfF,WAAW,CAAEC,SAAS,CAAGE,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEJ,WAAW,CAAC,CAAG,aAC9D,CAAC,CACH,CACF;;;;"}
+{"version":3,"file":"StyledChipWrapper.native.js","sources":["../../../../../src/components/Chip/StyledChipWrapper.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport type { StyledChipWrapperProps } from './types';\nimport { chipBorderRadiusTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledChipWrapper = styled(BaseBox)<StyledChipWrapperProps>(\n  ({ theme, borderColor, isChecked, size = 'small' }) => {\n    const borderRadius = chipBorderRadiusTokens[size];\n    const outerRadius = theme.border.radius[borderRadius];\n    // medium & large show a single border owned by AnimatedChip; drop the wrapper's own\n    // border so the two don't stack into a double. xsmall/small keep their original border.\n    const isMediumOrLarge = size === 'medium' || size === 'large';\n    const outerBorderWidth = getIn(theme, 'border.width.thin') as number;\n    return {\n      display: 'flex',\n      borderColor: isChecked && !isMediumOrLarge ? getIn(theme.colors, borderColor) : 'transparent',\n      ...(isMediumOrLarge && { borderWidth: 0 }),\n      borderRadius: makeBorderSize(outerRadius - outerBorderWidth),\n      // Clipping is handled by AnimatedChip's overflow:hidden; avoid double-clip artifact.\n      overflow: 'visible',\n    };\n  },\n);\n\nexport { StyledChipWrapper };\n"],"names":["StyledChipWrapper","styled","BaseBox","_ref","theme","borderColor","isChecked","_ref$size","size","borderRadius","chipBorderRadiusTokens","outerRadius","border","radius","isMediumOrLarge","outerBorderWidth","getIn","Object","assign","display","colors","borderWidth","makeBorderSize","overflow"],"mappings":";;;;;;;;AAOM,IAAAA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CACvC,SAAAC,IAAA,CAAuD,CAApD,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,WAAW,CAAAF,IAAA,CAAXE,WAAW,CAAEC,SAAS,CAAAH,IAAA,CAATG,SAAS,CAAAC,SAAA,CAAAJ,IAAA,CAAEK,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,SAAA,CAC9C,IAAME,YAAY,CAAGC,sBAAsB,CAACF,IAAI,CAAC,CACjD,IAAMG,WAAW,CAAGP,KAAK,CAACQ,MAAM,CAACC,MAAM,CAACJ,YAAY,CAAC,CAGrD,IAAMK,eAAe,CAAGN,IAAI,GAAK,QAAQ,EAAIA,IAAI,GAAK,OAAO,CAC7D,IAAMO,gBAAgB,CAAGC,KAAK,CAACZ,KAAK,CAAE,mBAAmB,CAAW,CACpE,OAAAa,MAAA,CAAAC,MAAA,CACEC,CAAAA,OAAO,CAAE,MAAM,CACfd,WAAW,CAAEC,SAAS,EAAI,CAACQ,eAAe,CAAGE,KAAK,CAACZ,KAAK,CAACgB,MAAM,CAAEf,WAAW,CAAC,CAAG,aAAa,CAAA,CACzFS,eAAe,EAAI,CAAEO,WAAW,CAAE,CAAE,CAAC,CAAA,CACzCZ,YAAY,CAAEa,cAAc,CAACX,WAAW,CAAGI,gBAAgB,CAAC,CAE5DQ,QAAQ,CAAE,SAAS,CAAA,CAAA,CAEvB,CACF;;;;"}

package/build/lib/native/components/Chip/chipTokens.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 chipGroupGapTokens={xsmall:{right:'spacing.3',bottom:'spacing.3'},small:{right:'spacing.3',bottom:'spacing.3'},medium:{right:'spacing.3',bottom:'spacing.4'},large:{right:'spacing.3',bottom:'spacing.4'}};var chipHeightTokens={xsmall:size[24],small:size[28],medium:size[36],large:size[48]};var chipGroupLabelSizeTokens={xsmall:'small',small:'medium',medium:'large',large:'large'};var chipHorizontalPaddingTokens={withoutIcon:{left:{xsmall:'spacing.3',small:'spacing.3',medium:'spacing.4',large:'spacing.5'},right:{xsmall:'spacing.3',small:'spacing.3',medium:'spacing.4',large:'spacing.5'}},withIcon:{left:{xsmall:'spacing.3',small:'spacing.3',medium:'spacing.4',large:'spacing.5'},right:{xsmall:'spacing.3',small:'spacing.3',medium:'spacing.4',large:'spacing.5'}}};var chipColorTokens={text:{unchecked:'interactive.text.gray.subtle',disabled:'interactive.text.gray.disabled',primary:'interactive.text.primary.normal',positive:'interactive.text.positive.normal',negative:'interactive.text.negative.normal'},icon:{unchecked:'interactive.icon.gray.subtle',disabled:'interactive.icon.gray.disabled',primary:'interactive.icon.primary.normal',positive:'interactive.icon.positive.normal',negative:'interactive.icon.negative.normal'},background:{unchecked:{default:'surface.background.gray.intense',hover:'interactive.background.gray.faded',disabled:'transparent'},primary:{default:'interactive.background.primary.faded',hover:'interactive.background.primary.fadedHighlighted',disabled:'interactive.background.primary.disabled'},positive:{default:'interactive.background.positive.faded',hover:'interactive.background.positive.fadedHighlighted',disabled:'interactive.background.positive.disabled'},negative:{default:'interactive.background.negative.faded',hover:'interactive.background.negative.fadedHighlighted',disabled:'interactive.background.negative.disabled'}},border:{unchecked:{default:'interactive.border.gray.faded',hover:'interactive.border.gray.faded',disabled:'interactive.border.gray.disabled'},primary:{default:'interactive.border.primary.default',hover:'interactive.border.primary.default',disabled:'interactive.border.primary.disabled'},positive:{default:'interactive.border.positive.default',hover:'interactive.border.positive.default',disabled:'interactive.border.positive.disabled'},negative:{default:'interactive.border.negative.default',hover:'interactive.border.negative.default',disabled:'interactive.border.negative.disabled'}}};var getChipInputHoverTokens=function getChipInputHoverTokens(color){return {default:{background:{checked:'colors.transparent',unchecked:'colors.transparent'},border:{checked:`colors.${chipColorTokens.border[color||'default'].hover}`,unchecked:'colors.interactive.border.gray.faded'}}};};var chipIconSizes={xsmall:'small',small:'small',medium:'medium',large:'large'};var chipTextSizes={xsmall:{variant:'body',size:'small'},small:{variant:'body',size:'medium'},medium:{variant:'body',size:'large'},large:{variant:'body',size:'large'}};var chipMotionTokens={duration:'duration.xquick',easing:'easing.standard'};var chipBorderRadiusTokens={xsmall:'small',small:'small',medium:'small',large:'medium'};

package/build/lib/native/components/Chip/chipTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipTokens.js","sources":["../../../../../src/components/Chip/chipTokens.ts"],"sourcesContent":["import type { ChipGroupProps } from './ChipGroup';\nimport type { ChipBorderColors, ChipBackgroundColors } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { IconProps } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport { size } from '~tokens/global';\n\nconst chipGroupGapTokens = {\n  xsmall: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  small: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  medium: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n  large: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n} as const;\n\nconst chipHeightTokens: Record<NonNullable<ChipGroupProps['size']>, number> = {\n  xsmall: size[24],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n};\n\nconst chipGroupLabelSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'large',\n  large: 'large',\n} as const;\n\ntype ChipHorizontalPaddingTokens = {\n  withoutIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n  withIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n};\n\nconst chipHorizontalPaddingTokens: ChipHorizontalPaddingTokens = {\n  withoutIcon: {\n    left: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n    right: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n    right: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n  },\n};\n\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n  text: Record<string, TextColorTokens>;\n  icon: Record<string, IconColorTokens>;\n  background: Record<string, Record<string, ChipBackgroundColors>>;\n  border: Record<string, Record<string, ChipBorderColors>>;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n  text: {\n    unchecked: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n  },\n  icon: {\n    unchecked: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n    primary: 'interactive.icon.primary.normal',\n    positive: 'interactive.icon.positive.normal',\n    negative: 'interactive.icon.negative.normal',\n  },\n  background: {\n    unchecked: {\n      default: 'surface.background.gray.intense',\n      hover: 'interactive.background.gray.faded',\n      disabled: 'transparent',\n    },\n    primary: {\n      default: 'interactive.background.primary.faded',\n      hover: 'interactive.background.primary.fadedHighlighted',\n      disabled: 'interactive.background.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.background.positive.faded',\n      hover: 'interactive.background.positive.fadedHighlighted',\n      disabled: 'interactive.background.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.background.negative.faded',\n      hover: 'interactive.background.negative.fadedHighlighted',\n      disabled: 'interactive.background.negative.disabled',\n    },\n  },\n  border: {\n    unchecked: {\n      default: 'interactive.border.gray.faded',\n      hover: 'interactive.border.gray.faded',\n      disabled: 'interactive.border.gray.disabled',\n    },\n    primary: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.default',\n      disabled: 'interactive.border.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.border.positive.default',\n      hover: 'interactive.border.positive.default',\n      disabled: 'interactive.border.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.border.negative.default',\n      hover: 'interactive.border.negative.default',\n      disabled: 'interactive.border.negative.disabled',\n    },\n  },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n  return {\n    default: {\n      background: {\n        checked: 'colors.transparent',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.interactive.border.gray.faded',\n      },\n    },\n  };\n};\n\nconst chipIconSizes: Record<NonNullable<ChipGroupProps['size']>, IconProps['size']> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst chipTextSizes = {\n  xsmall: {\n    variant: 'body',\n    size: 'small',\n  },\n  small: {\n    variant: 'body',\n    size: 'medium',\n  },\n  medium: {\n    variant: 'body',\n    size: 'large',\n  },\n  large: {\n    variant: 'body',\n    size: 'large',\n  },\n} as const;\n\nconst chipMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {\n  duration: 'duration.xquick',\n  easing: 'easing.standard',\n};\n\nconst chipBorderRadiusTokens: Record<NonNullable<ChipGroupProps['size']>, 'small' | 'medium'> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n  chipGroupLabelSizeTokens,\n  chipBorderRadiusTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipGroupLabelSizeTokens","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","primary","positive","negative","icon","background","default","hover","border","getChipInputHoverTokens","color","checked","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing","chipBorderRadiusTokens"],"mappings":"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"}
+{"version":3,"file":"chipTokens.js","sources":["../../../../../src/components/Chip/chipTokens.ts"],"sourcesContent":["import type { ChipGroupProps } from './ChipGroup';\nimport type { ChipBorderColors, ChipBackgroundColors } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { IconProps } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport { size } from '~tokens/global';\n\nconst chipGroupGapTokens = {\n  xsmall: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  small: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  medium: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n  large: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n} as const;\n\nconst chipHeightTokens: Record<NonNullable<ChipGroupProps['size']>, number> = {\n  xsmall: size[24],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n};\n\nconst chipGroupLabelSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'large',\n  large: 'large',\n} as const;\n\ntype ChipHorizontalPaddingTokens = {\n  withoutIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n  withIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n};\n\nconst chipHorizontalPaddingTokens: ChipHorizontalPaddingTokens = {\n  withoutIcon: {\n    left: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n    right: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n    right: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n  },\n};\n\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n  text: Record<string, TextColorTokens>;\n  icon: Record<string, IconColorTokens>;\n  background: Record<string, Record<string, ChipBackgroundColors>>;\n  border: Record<string, Record<string, ChipBorderColors>>;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n  text: {\n    unchecked: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n  },\n  icon: {\n    unchecked: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n    primary: 'interactive.icon.primary.normal',\n    positive: 'interactive.icon.positive.normal',\n    negative: 'interactive.icon.negative.normal',\n  },\n  background: {\n    unchecked: {\n      default: 'surface.background.gray.intense',\n      hover: 'interactive.background.gray.faded',\n      disabled: 'transparent',\n    },\n    primary: {\n      default: 'interactive.background.primary.faded',\n      hover: 'interactive.background.primary.fadedHighlighted',\n      disabled: 'interactive.background.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.background.positive.faded',\n      hover: 'interactive.background.positive.fadedHighlighted',\n      disabled: 'interactive.background.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.background.negative.faded',\n      hover: 'interactive.background.negative.fadedHighlighted',\n      disabled: 'interactive.background.negative.disabled',\n    },\n  },\n  border: {\n    unchecked: {\n      default: 'interactive.border.gray.faded',\n      hover: 'interactive.border.gray.faded',\n      disabled: 'interactive.border.gray.disabled',\n    },\n    primary: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.default',\n      disabled: 'interactive.border.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.border.positive.default',\n      hover: 'interactive.border.positive.default',\n      disabled: 'interactive.border.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.border.negative.default',\n      hover: 'interactive.border.negative.default',\n      disabled: 'interactive.border.negative.disabled',\n    },\n  },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n  return {\n    default: {\n      background: {\n        checked: 'colors.transparent',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.interactive.border.gray.faded',\n      },\n    },\n  };\n};\n\nconst chipIconSizes: Record<NonNullable<ChipGroupProps['size']>, IconProps['size']> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst chipTextSizes = {\n  xsmall: {\n    variant: 'body',\n    size: 'small',\n  },\n  small: {\n    variant: 'body',\n    size: 'medium',\n  },\n  medium: {\n    variant: 'body',\n    size: 'large',\n  },\n  large: {\n    variant: 'body',\n    size: 'large',\n  },\n} as const;\n\nconst chipMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {\n  duration: 'duration.xquick',\n  easing: 'easing.standard',\n};\n\nconst chipBorderRadiusTokens: Record<NonNullable<ChipGroupProps['size']>, 'small' | 'medium'> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n  chipGroupLabelSizeTokens,\n  chipBorderRadiusTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipGroupLabelSizeTokens","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","primary","positive","negative","icon","background","default","hover","border","getChipInputHoverTokens","color","checked","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing","chipBorderRadiusTokens"],"mappings":";;;AASM,IAAAA,kBAAkB,CAAG,CACzBC,MAAM,CAAE,CACNC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WACV,CAAC,CACDC,KAAK,CAAE,CACLF,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WACV,CAAC,CACDE,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WACV,CAAC,CACDG,KAAK,CAAE,CACLJ,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WACV,CACF,EAEM,IAAAI,gBAAqE,CAAG,CAC5EN,MAAM,CAAEO,IAAI,CAAC,EAAE,CAAC,CAChBJ,KAAK,CAAEI,IAAI,CAAC,EAAE,CAAC,CACfH,MAAM,CAAEG,IAAI,CAAC,EAAE,CAAC,CAChBF,KAAK,CAAEE,IAAI,CAAC,EAAE,CAChB,EAEM,IAAAC,wBAAwB,CAAG,CAC/BR,MAAM,CAAE,OAAO,CACfG,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OACT,EAaM,IAAAI,2BAAwD,CAAG,CAC/DC,WAAW,CAAE,CACXC,IAAI,CAAE,CACJX,MAAM,CAAE,WAAW,CACnBG,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDJ,KAAK,CAAE,CACLD,MAAM,CAAE,WAAW,CACnBG,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDO,QAAQ,CAAE,CACRD,IAAI,CAAE,CACJX,MAAM,CAAE,WAAW,CACnBG,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDJ,KAAK,CAAE,CACLD,MAAM,CAAE,WAAW,CACnBG,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAWM,IAAAQ,eAAgC,CAAG,CACvCC,IAAI,CAAE,CACJC,SAAS,CAAE,8BAA8B,CACzCC,QAAQ,CAAE,gCAAgC,CAC1CC,OAAO,CAAE,iCAAiC,CAC1CC,QAAQ,CAAE,kCAAkC,CAC5CC,QAAQ,CAAE,kCACZ,CAAC,CACDC,IAAI,CAAE,CACJL,SAAS,CAAE,8BAA8B,CACzCC,QAAQ,CAAE,gCAAgC,CAC1CC,OAAO,CAAE,iCAAiC,CAC1CC,QAAQ,CAAE,kCAAkC,CAC5CC,QAAQ,CAAE,kCACZ,CAAC,CACDE,UAAU,CAAE,CACVN,SAAS,CAAE,CACTO,OAAO,CAAE,iCAAiC,CAC1CC,KAAK,CAAE,mCAAmC,CAC1CP,QAAQ,CAAE,aACZ,CAAC,CACDC,OAAO,CAAE,CACPK,OAAO,CAAE,sCAAsC,CAC/CC,KAAK,CAAE,iDAAiD,CACxDP,QAAQ,CAAE,yCACZ,CAAC,CACDE,QAAQ,CAAE,CACRI,OAAO,CAAE,uCAAuC,CAChDC,KAAK,CAAE,kDAAkD,CACzDP,QAAQ,CAAE,0CACZ,CAAC,CACDG,QAAQ,CAAE,CACRG,OAAO,CAAE,uCAAuC,CAChDC,KAAK,CAAE,kDAAkD,CACzDP,QAAQ,CAAE,0CACZ,CACF,CAAC,CACDQ,MAAM,CAAE,CACNT,SAAS,CAAE,CACTO,OAAO,CAAE,+BAA+B,CACxCC,KAAK,CAAE,+BAA+B,CACtCP,QAAQ,CAAE,kCACZ,CAAC,CACDC,OAAO,CAAE,CACPK,OAAO,CAAE,oCAAoC,CAC7CC,KAAK,CAAE,oCAAoC,CAC3CP,QAAQ,CAAE,qCACZ,CAAC,CACDE,QAAQ,CAAE,CACRI,OAAO,CAAE,qCAAqC,CAC9CC,KAAK,CAAE,qCAAqC,CAC5CP,QAAQ,CAAE,sCACZ,CAAC,CACDG,QAAQ,CAAE,CACRG,OAAO,CAAE,qCAAqC,CAC9CC,KAAK,CAAE,qCAAqC,CAC5CP,QAAQ,CAAE,sCACZ,CACF,CACF,EAEM,IAAAS,uBAAuB,CAAG,SAA1BA,uBAAuBA,CAAIC,KAA8B,CAA+B,CAC5F,OAAO,CACLJ,OAAO,CAAE,CACPD,UAAU,CAAE,CACVM,OAAO,CAAE,oBAAoB,CAC7BZ,SAAS,CAAE,oBACb,CAAC,CACDS,MAAM,CAAE,CACNG,OAAO,CAAE,UAAUd,eAAe,CAACW,MAAM,CAACE,KAAK,EAAI,SAAS,CAAC,CAACH,KAAK,CAAA,CAAW,CAC9ER,SAAS,CAAE,sCACb,CACF,CACF,CAAC,CACH,EAEM,IAAAa,aAA6E,CAAG,CACpF5B,MAAM,CAAE,OAAO,CACfG,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAEM,IAAAwB,aAAa,CAAG,CACpB7B,MAAM,CAAE,CACN8B,OAAO,CAAE,MAAM,CACfvB,IAAI,CAAE,OACR,CAAC,CACDJ,KAAK,CAAE,CACL2B,OAAO,CAAE,MAAM,CACfvB,IAAI,CAAE,QACR,CAAC,CACDH,MAAM,CAAE,CACN0B,OAAO,CAAE,MAAM,CACfvB,IAAI,CAAE,OACR,CAAC,CACDF,KAAK,CAAE,CACLyB,OAAO,CAAE,MAAM,CACfvB,IAAI,CAAE,OACR,CACF,EAEM,IAAAwB,gBAA8E,CAAG,CACrFC,QAAQ,CAAE,iBAAiB,CAC3BC,MAAM,CAAE,iBACV,EAEM,IAAAC,sBAAuF,CAAG,CAC9FlC,MAAM,CAAE,OAAO,CACfG,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT;;;;"}

package/build/lib/native/components/Chip/getAnimatedChipStyles.js

@@ -1,6 +1,7 @@
 import { chipBorderRadiusTokens } from './chipTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import '../../utils/makeBorderSize/index.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
 
 var getAnimatedChipStyles=function getAnimatedChipStyles(_ref){var theme=_ref.theme,isDesktop=_ref.isDesktop,borderColor=_ref.borderColor,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size;var borderRadius=chipBorderRadiusTokens[size];var outerRadius=makeBorderSize(theme.border.radius[borderRadius]);var outerBorderWidth=getIn(theme,'border.width.thin');return {backgroundColor:'transparent',borderRadius:outerRadius,borderColor:getIn(theme.colors,borderColor),borderWidth:outerBorderWidth,display:'flex',flexWrap:'nowrap',flexDirection:'row',alignItems:'center',justifyContent:'center',textAlign:'left',textOverflow:'ellipsis',maxWidth:isDesktop?'420px':'280px'};};
 

package/build/lib/native/components/Chip/getAnimatedChipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAnimatedChipStyles.js","sources":["../../../../../src/components/Chip/getAnimatedChipStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { AnimatedChipProps } from './types';\nimport { chipBorderRadiusTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getAnimatedChipStyles = ({\n  theme,\n  isDesktop,\n  borderColor,\n  size = 'small',\n}: AnimatedChipProps): CSSObject => {\n  const borderRadius = chipBorderRadiusTokens[size];\n  const outerRadius = makeBorderSize(theme.border.radius[borderRadius]);\n  const outerBorderWidth = getIn(theme, 'border.width.thin');\n\n  return {\n    backgroundColor: 'transparent',\n    borderRadius: outerRadius,\n    borderColor: getIn(theme.colors, borderColor),\n    borderWidth: outerBorderWidth,\n    display: 'flex',\n    flexWrap: 'nowrap',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'left',\n    textOverflow: 'ellipsis',\n    maxWidth: isDesktop ? '420px' : '280px',\n  } as CSSObject;\n};\n\nexport { getAnimatedChipStyles };\n"],"names":["getAnimatedChipStyles","_ref","theme","isDesktop","borderColor","_ref$size","size","borderRadius","chipBorderRadiusTokens","outerRadius","makeBorderSize","border","radius","outerBorderWidth","getIn","backgroundColor","colors","borderWidth","display","flexWrap","flexDirection","alignItems","justifyContent","textAlign","textOverflow","maxWidth"],"mappings":";;;;AAMM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,CAKS,KAJlCC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,WAAW,CAAAH,IAAA,CAAXG,WAAW,CAAAC,SAAA,CAAAJ,IAAA,CACXK,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CAEd,IAAME,YAAY,CAAGC,sBAAsB,CAACF,IAAI,CAAC,CACjD,IAAMG,WAAW,CAAGC,cAAc,CAACR,KAAK,CAACS,MAAM,CAACC,MAAM,CAACL,YAAY,CAAC,CAAC,CACrE,IAAMM,gBAAgB,CAAGC,KAAK,CAACZ,KAAK,CAAE,mBAAmB,CAAC,CAE1D,OAAO,CACLa,eAAe,CAAE,aAAa,CAC9BR,YAAY,CAAEE,WAAW,CACzBL,WAAW,CAAEU,KAAK,CAACZ,KAAK,CAACc,MAAM,CAAEZ,WAAW,CAAC,CAC7Ca,WAAW,CAAEJ,gBAAgB,CAC7BK,OAAO,CAAE,MAAM,CACfC,QAAQ,CAAE,QAAQ,CAClBC,aAAa,CAAE,KAAK,CACpBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,SAAS,CAAE,MAAM,CACjBC,YAAY,CAAE,UAAU,CACxBC,QAAQ,CAAEtB,SAAS,CAAG,OAAO,CAAG,OAClC,CAAC,CACH;;;;"}
+{"version":3,"file":"getAnimatedChipStyles.js","sources":["../../../../../src/components/Chip/getAnimatedChipStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { AnimatedChipProps } from './types';\nimport { chipBorderRadiusTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getAnimatedChipStyles = ({\n  theme,\n  isDesktop,\n  borderColor,\n  size = 'small',\n}: AnimatedChipProps): CSSObject => {\n  const borderRadius = chipBorderRadiusTokens[size];\n  const outerRadius = makeBorderSize(theme.border.radius[borderRadius]);\n  const outerBorderWidth = getIn(theme, 'border.width.thin');\n\n  return {\n    backgroundColor: 'transparent',\n    borderRadius: outerRadius,\n    borderColor: getIn(theme.colors, borderColor),\n    borderWidth: outerBorderWidth,\n    display: 'flex',\n    flexWrap: 'nowrap',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'left',\n    textOverflow: 'ellipsis',\n    maxWidth: isDesktop ? '420px' : '280px',\n  } as CSSObject;\n};\n\nexport { getAnimatedChipStyles };\n"],"names":["getAnimatedChipStyles","_ref","theme","isDesktop","borderColor","_ref$size","size","borderRadius","chipBorderRadiusTokens","outerRadius","makeBorderSize","border","radius","outerBorderWidth","getIn","backgroundColor","colors","borderWidth","display","flexWrap","flexDirection","alignItems","justifyContent","textAlign","textOverflow","maxWidth"],"mappings":";;;;;AAMM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,CAKS,KAJlCC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,WAAW,CAAAH,IAAA,CAAXG,WAAW,CAAAC,SAAA,CAAAJ,IAAA,CACXK,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CAEd,IAAME,YAAY,CAAGC,sBAAsB,CAACF,IAAI,CAAC,CACjD,IAAMG,WAAW,CAAGC,cAAc,CAACR,KAAK,CAACS,MAAM,CAACC,MAAM,CAACL,YAAY,CAAC,CAAC,CACrE,IAAMM,gBAAgB,CAAGC,KAAK,CAACZ,KAAK,CAAE,mBAAmB,CAAC,CAE1D,OAAO,CACLa,eAAe,CAAE,aAAa,CAC9BR,YAAY,CAAEE,WAAW,CACzBL,WAAW,CAAEU,KAAK,CAACZ,KAAK,CAACc,MAAM,CAAEZ,WAAW,CAAC,CAC7Ca,WAAW,CAAEJ,gBAAgB,CAC7BK,OAAO,CAAE,MAAM,CACfC,QAAQ,CAAE,QAAQ,CAClBC,aAAa,CAAE,KAAK,CACpBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,SAAS,CAAE,MAAM,CACjBC,YAAY,CAAE,UAAU,CACxBC,QAAQ,CAAEtB,SAAS,CAAG,OAAO,CAAG,OAClC,CAAC,CACH;;;;"}

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

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

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

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

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

@@ -1,27 +1,32 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef, useState, useRef, useCallback, useMemo, Children } from 'react';
+import { useState, useRef, useCallback, useMemo, Children, forwardRef } from 'react';
 import { CollapsibleContext } from './CollapsibleContext.js';
 import { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles.native.js';
 import { componentIds } from './componentIds.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../Box/BaseBox/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/metaAttribute/index.js';
+import { useId } from '../../utils/useId.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../BladeProvider/useTheme.js';
-import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { size } from '../../tokens/global/size.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { useId } from '../../utils/useId.js';
 import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","direction","defaultIsExpanded","isExpanded","onExpandChange","testID","_shouldApplyWidthRestrictions","_dangerouslyDisableValidations"];var MIN_WIDTH=makeSize(size[200]);var _Collapsible=function _Collapsible(_ref,ref){var children=_ref.children,_ref$direction=_ref.direction,direction=_ref$direction===void 0?'bottom':_ref$direction,_ref$defaultIsExpande=_ref.defaultIsExpanded,defaultIsExpanded=_ref$defaultIsExpande===void 0?false:_ref$defaultIsExpande,isExpanded=_ref.isExpanded,onExpandChange=_ref.onExpandChange,testID=_ref.testID,_ref$_shouldApplyWidt=_ref._shouldApplyWidthRestrictions,_shouldApplyWidthRestrictions=_ref$_shouldApplyWidt===void 0?true:_ref$_shouldApplyWidt,_ref$_dangerouslyDisa=_ref._dangerouslyDisableValidations,_dangerouslyDisableValidations=_ref$_dangerouslyDisa===void 0?false:_ref$_dangerouslyDisa,rest=_objectWithoutProperties(_ref,_excluded);var _useState=useState(isExpanded!=null?isExpanded:defaultIsExpanded),_useState2=_slicedToArray(_useState,2),isBodyExpanded=_useState2[0],setIsBodyExpanded=_useState2[1];var collapsibleBodyId=useId(MetaConstants.CollapsibleBody);var initialDefaultExpanded=useRef(Boolean(defaultIsExpanded||isExpanded));var handleExpandChange=useCallback(function(nextIsExpanded){if(typeof isExpanded!=='undefined'){onExpandChange==null?void 0:onExpandChange({isExpanded:nextIsExpanded});}else {setIsBodyExpanded(nextIsExpanded);onExpandChange==null?void 0:onExpandChange({isExpanded:nextIsExpanded});}},[onExpandChange,isExpanded]);var contextValue=useMemo(function(){return {isExpanded:isExpanded!=null?isExpanded:isBodyExpanded,onExpandChange:handleExpandChange,defaultIsExpanded:initialDefaultExpanded.current,direction:direction,collapsibleBodyId:collapsibleBodyId};},[isBodyExpanded,direction,handleExpandChange,isExpanded,collapsibleBodyId]);if(__DEV__){Children.forEach(children,function(child){if(!(isValidAllowedChildren(child,componentIds.CollapsibleBody)||isValidAllowedChildren(child,componentIds.CollapsibleButton)||isValidAllowedChildren(child,componentIds.CollapsibleLink))&&!_dangerouslyDisableValidations){throwBladeError({message:`only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,moduleName:'Collapsible'});}});}return jsx(CollapsibleContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Collapsible,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsx(BaseBox,{display:"flex",flexDirection:direction==='bottom'?'column':'column-reverse',alignItems:"flex-start",minWidth:_shouldApplyWidthRestrictions?MIN_WIDTH:makeSize(size[0]),maxWidth:_shouldApplyWidthRestrictions?MAX_WIDTH:MAX_WIDTH_NO_RESTRICTIONS,children:children})}))});};var Collapsible=assignWithoutSideEffects(forwardRef(_Collapsible),{componentId:componentIds.Collapsible});
+var _excluded=["children","direction","defaultIsExpanded","isExpanded","onExpandChange","testID","_shouldApplyWidthRestrictions","_dangerouslyDisableValidations"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Collapsible/Collapsible.tsx";var MIN_WIDTH=makeSize(size[200]);var _Collapsible=function _Collapsible(_ref,ref){var children=_ref.children,_ref$direction=_ref.direction,direction=_ref$direction===void 0?'bottom':_ref$direction,_ref$defaultIsExpande=_ref.defaultIsExpanded,defaultIsExpanded=_ref$defaultIsExpande===void 0?false:_ref$defaultIsExpande,isExpanded=_ref.isExpanded,onExpandChange=_ref.onExpandChange,testID=_ref.testID,_ref$_shouldApplyWidt=_ref._shouldApplyWidthRestrictions,_shouldApplyWidthRestrictions=_ref$_shouldApplyWidt===void 0?true:_ref$_shouldApplyWidt,_ref$_dangerouslyDisa=_ref._dangerouslyDisableValidations,_dangerouslyDisableValidations=_ref$_dangerouslyDisa===void 0?false:_ref$_dangerouslyDisa,rest=_objectWithoutProperties(_ref,_excluded);var _useState=useState(isExpanded!=null?isExpanded:defaultIsExpanded),_useState2=_slicedToArray(_useState,2),isBodyExpanded=_useState2[0],setIsBodyExpanded=_useState2[1];var collapsibleBodyId=useId(MetaConstants.CollapsibleBody);var initialDefaultExpanded=useRef(Boolean(defaultIsExpanded||isExpanded));var handleExpandChange=useCallback(function(nextIsExpanded){if(typeof isExpanded!=='undefined'){onExpandChange==null?void 0:onExpandChange({isExpanded:nextIsExpanded});}else {setIsBodyExpanded(nextIsExpanded);onExpandChange==null?void 0:onExpandChange({isExpanded:nextIsExpanded});}},[onExpandChange,isExpanded]);var contextValue=useMemo(function(){return {isExpanded:isExpanded!=null?isExpanded:isBodyExpanded,onExpandChange:handleExpandChange,defaultIsExpanded:initialDefaultExpanded.current,direction:direction,collapsibleBodyId:collapsibleBodyId};},[isBodyExpanded,direction,handleExpandChange,isExpanded,collapsibleBodyId]);if(__DEV__){Children.forEach(children,function(child){if(!(isValidAllowedChildren(child,componentIds.CollapsibleBody)||isValidAllowedChildren(child,componentIds.CollapsibleButton)||isValidAllowedChildren(child,componentIds.CollapsibleLink)||isValidAllowedChildren(child,componentIds.CollapsibleText))&&!_dangerouslyDisableValidations){throwBladeError({message:`only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink, CollapsibleText`,moduleName:'Collapsible'});}});}return jsx(CollapsibleContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Collapsible,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsx(BaseBox,{display:"flex",flexDirection:direction==='bottom'?'column':'column-reverse',alignItems:"flex-start",minWidth:_shouldApplyWidthRestrictions?MIN_WIDTH:makeSize(size[0]),maxWidth:_shouldApplyWidthRestrictions?MAX_WIDTH:MAX_WIDTH_NO_RESTRICTIONS,children:children})}))});};var Collapsible=assignWithoutSideEffects(forwardRef(_Collapsible),{componentId:componentIds.Collapsible});
 
 export { Collapsible };
 //# sourceMappingURL=Collapsible.js.map