@razorpay/blade 10.23.5 → 11.0.0

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 { Theme } from '~components/BladeProvider';\nimport type { DotNotationColorStringToken, DotNotationSpacingStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport { size } from '~tokens/global';\nimport type { IconProps } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\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\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.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.5',\n      large: 'spacing.6',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n};\n\ntype FeedbackActionBackgroundColors<\n  T extends 'positive' | 'negative'\n> = `feedback.${T}.action.background.primary.${DotNotationColorStringToken<\n  Theme['colors']['feedback'][T]['action']['background']['primary']\n>}`;\ntype FeedbackActionBorderColors<\n  T extends 'positive' | 'negative'\n> = `feedback.${T}.action.border.${DotNotationColorStringToken<\n  Theme['colors']['feedback'][T]['action']['border']\n>}`;\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n  text: Record<string, TextColorTokens>;\n  icon: Record<string, IconColorTokens | 'brand.primary.500'>;\n  background: Record<\n    string,\n    Record<\n      string,\n      | FeedbackActionBackgroundColors<'positive'>\n      | FeedbackActionBackgroundColors<'negative'>\n      | 'transparent'\n      | 'brand.gray.a50.lowContrast'\n      | 'brand.primary.300'\n      | 'brand.primary.400'\n    >\n  >;\n  border: Record<\n    string,\n    Record<\n      string,\n      | FeedbackActionBorderColors<'positive'>\n      | FeedbackActionBorderColors<'negative'>\n      | 'brand.gray.400.lowContrast'\n      | 'brand.gray.a100.lowContrast'\n      | 'brand.gray.a50.lowContrast'\n      | 'brand.primary.500'\n    >\n  >;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n  text: {\n    unchecked: 'surface.text.subtle.lowContrast',\n    disabled: 'surface.text.placeholder.lowContrast',\n    default: 'action.text.secondary.default',\n    positive: 'feedback.text.positive.lowContrast',\n    negative: 'feedback.text.negative.lowContrast',\n  },\n  icon: {\n    unchecked: 'surface.text.subtle.lowContrast',\n    disabled: 'surface.text.placeholder.lowContrast',\n    default: 'action.icon.secondary.default',\n    positive: 'feedback.icon.positive.lowContrast',\n    negative: 'feedback.icon.negative.lowContrast',\n  },\n  background: {\n    unchecked: {\n      default: 'transparent',\n      hover: 'brand.gray.a50.lowContrast',\n      disabled: 'transparent',\n    },\n    default: {\n      default: 'brand.primary.300',\n      hover: 'brand.primary.400',\n      disabled: 'brand.gray.a50.lowContrast',\n    },\n    positive: {\n      default: 'feedback.positive.action.background.primary.default.lowContrast',\n      hover: 'feedback.positive.action.background.primary.hover.lowContrast',\n      disabled: 'brand.gray.a50.lowContrast',\n    },\n    negative: {\n      default: 'feedback.negative.action.background.primary.default.lowContrast',\n      hover: 'feedback.negative.action.background.primary.hover.lowContrast',\n      disabled: 'brand.gray.a50.lowContrast',\n    },\n  },\n  border: {\n    unchecked: {\n      default: 'brand.gray.400.lowContrast',\n      disabled: 'brand.gray.400.lowContrast',\n    },\n    default: {\n      default: 'brand.primary.500',\n      hover: 'brand.primary.500',\n      disabled: 'brand.gray.a100.lowContrast',\n    },\n    positive: {\n      default: 'feedback.positive.action.border.primary.default.lowContrast',\n      hover: 'feedback.positive.action.border.primary.hover.lowContrast',\n      disabled: 'brand.gray.a100.lowContrast',\n    },\n    negative: {\n      default: 'feedback.negative.action.border.primary.default.lowContrast',\n      hover: 'feedback.negative.action.border.primary.hover.lowContrast',\n      disabled: 'brand.gray.a50.lowContrast',\n    },\n  },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n  return {\n    default: {\n      background: {\n        checked: 'transparent',\n        unchecked: 'transparent',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.brand.gray.500.lowContrast',\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 = {\n  duration: 'motion.duration.xquick',\n  easing: 'motion.easing.standard.effective',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","default","positive","negative","icon","background","hover","border","getChipInputHoverTokens","color","checked","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing"],"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\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.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.5',\n      large: 'spacing.6',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\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: 'transparent',\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      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.interactive.background.staticWhite.default',\n        unchecked: 'colors.interactive.background.staticWhite.default',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.interactive.border.gray.default',\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.effective',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","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"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import getIn from '../../utils/lodashButBetter/get.js';
 import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 
-var getAnimatedChipStyles=function getAnimatedChipStyles(_ref){var theme=_ref.theme,isDesktop=_ref.isDesktop,isDisabled=_ref.isDisabled,borderColor=_ref.borderColor;return {backgroundColor:isDisabled?'transparent':getIn(theme.colors,'surface.background.level2.lowContrast'),borderRadius:makeBorderSize(theme.border.radius.max),borderColor:getIn(theme.colors,borderColor),borderWidth:getIn(theme,'border.width.thin'),display:'flex',flexWrap:'nowrap',flexDirection:'row',alignItems:'center',justifyContent:'center',textAlign:'left',textOverflow:'ellipsis',maxWidth:isDesktop?'420px':'280px'};};
+var getAnimatedChipStyles=function getAnimatedChipStyles(_ref){var theme=_ref.theme,isDesktop=_ref.isDesktop,isDisabled=_ref.isDisabled,borderColor=_ref.borderColor;return {backgroundColor:isDisabled?'transparent':getIn(theme.colors,'interactive.background.staticWhite.default'),borderRadius:makeBorderSize(theme.border.radius.max),borderColor:getIn(theme.colors,borderColor),borderWidth:getIn(theme,'border.width.thin'),display:'flex',flexWrap:'nowrap',flexDirection:'row',alignItems:'center',justifyContent:'center',textAlign:'left',textOverflow:'ellipsis',maxWidth:isDesktop?'420px':'280px'};};
 
 export { getAnimatedChipStyles };
 //# sourceMappingURL=getAnimatedChipStyles.js.map

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 getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getAnimatedChipStyles = ({\n  theme,\n  isDesktop,\n  isDisabled,\n  borderColor,\n}: AnimatedChipProps): CSSObject => {\n  return {\n    backgroundColor: isDisabled\n      ? 'transparent'\n      : getIn(theme.colors, 'surface.background.level2.lowContrast'),\n    borderRadius: makeBorderSize(theme.border.radius.max),\n    borderColor: getIn(theme.colors, borderColor),\n    borderWidth: getIn(theme, 'border.width.thin'),\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  };\n};\n\nexport { getAnimatedChipStyles };\n"],"names":["getAnimatedChipStyles","_ref","theme","isDesktop","isDisabled","borderColor","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","borderWidth","display","flexWrap","flexDirection","alignItems","justifyContent","textAlign","textOverflow","maxWidth"],"mappings":";;;AAKM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,CAKS,CAAA,IAJlCC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,WAAW,CAAAJ,IAAA,CAAXI,WAAW,CAEX,OAAO,CACLC,eAAe,CAAEF,UAAU,CACvB,aAAa,CACbG,KAAK,CAACL,KAAK,CAACM,MAAM,CAAE,uCAAuC,CAAC,CAChEC,YAAY,CAAEC,cAAc,CAACR,KAAK,CAACS,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,CACrDR,WAAW,CAAEE,KAAK,CAACL,KAAK,CAACM,MAAM,CAAEH,WAAW,CAAC,CAC7CS,WAAW,CAAEP,KAAK,CAACL,KAAK,CAAE,mBAAmB,CAAC,CAC9Ca,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,CAAEnB,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 getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getAnimatedChipStyles = ({\n  theme,\n  isDesktop,\n  isDisabled,\n  borderColor,\n}: AnimatedChipProps): CSSObject => {\n  return {\n    backgroundColor: isDisabled\n      ? 'transparent'\n      : getIn(theme.colors, 'interactive.background.staticWhite.default'),\n    borderRadius: makeBorderSize(theme.border.radius.max),\n    borderColor: getIn(theme.colors, borderColor),\n    borderWidth: getIn(theme, 'border.width.thin'),\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  };\n};\n\nexport { getAnimatedChipStyles };\n"],"names":["getAnimatedChipStyles","_ref","theme","isDesktop","isDisabled","borderColor","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","borderWidth","display","flexWrap","flexDirection","alignItems","justifyContent","textAlign","textOverflow","maxWidth"],"mappings":";;;AAKM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,CAKS,CAAA,IAJlCC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,WAAW,CAAAJ,IAAA,CAAXI,WAAW,CAEX,OAAO,CACLC,eAAe,CAAEF,UAAU,CACvB,aAAa,CACbG,KAAK,CAACL,KAAK,CAACM,MAAM,CAAE,4CAA4C,CAAC,CACrEC,YAAY,CAAEC,cAAc,CAACR,KAAK,CAACS,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,CACrDR,WAAW,CAAEE,KAAK,CAACL,KAAK,CAACM,MAAM,CAAEH,WAAW,CAAC,CAC7CS,WAAW,CAAEP,KAAK,CAACL,KAAK,CAAE,mBAAmB,CAAC,CAC9Ca,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,CAAEnB,SAAS,CAAG,OAAO,CAAG,OAClC,CAAC,CACH;;;;"}

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

@@ -4,7 +4,7 @@ import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
 import { useControllableState } from '../../utils/useControllable.js';
 import { useId } from '../../utils/useId.js';
 
-var useChipGroup=function useChipGroup(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,isDisabled=_ref.isDisabled,_onChange=_ref.onChange,name=_ref.name,size=_ref.size,intent=_ref.intent,color=_ref.color,selectionType=_ref.selectionType;var idBase=useId('chip-group');var labelId=`${idBase}-label`;var fallbackName=name!=null?name:idBase;var _useControllableState=useControllableState({value:value&&selectionType==='single'?[value]:value,defaultValue:defaultValue&&selectionType==='single'?[defaultValue]:defaultValue||[],onChange:function onChange(values){return _onChange==null?void 0:_onChange({values:values,name:fallbackName});}}),_useControllableState2=_slicedToArray(_useControllableState,2),checkedValues=_useControllableState2[0],setValues=_useControllableState2[1];var state=React__default.useMemo(function(){return {value:checkedValues,isChecked:function isChecked(value){if(selectionType==='single'){if(isUndefined(value)||isUndefined(checkedValues))return false;return checkedValues[0]===value;}return checkedValues.includes(value);},addValue:function addValue(value){if(isDisabled){return;}if(selectionType==='single'){setValues(function(){return [value];});}if(selectionType==='multiple'&&!checkedValues.includes(value)){setValues(function(){return checkedValues.concat(value);});}},removeValue:function removeValue(value){if(isDisabled){return;}if(selectionType==='single'){setValues(undefined);}if(selectionType==='multiple'&&Array.isArray(checkedValues)&&checkedValues.includes(value)){setValues(function(){return checkedValues.filter(function(existingValue){return existingValue!==value;});});}}};},[checkedValues,isDisabled,setValues,selectionType]);var contextValue=React__default.useMemo(function(){return {isDisabled:isDisabled,name:name,state:state,size:size,intent:intent,color:color,selectionType:selectionType};},[isDisabled,name,state,size,intent,color,selectionType]);return {state:state,contextValue:contextValue,ids:{labelId:labelId}};};
+var useChipGroup=function useChipGroup(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,isDisabled=_ref.isDisabled,_onChange=_ref.onChange,name=_ref.name,size=_ref.size,color=_ref.color,selectionType=_ref.selectionType;var idBase=useId('chip-group');var labelId=`${idBase}-label`;var fallbackName=name!=null?name:idBase;var _useControllableState=useControllableState({value:value&&selectionType==='single'?[value]:value,defaultValue:defaultValue&&selectionType==='single'?[defaultValue]:defaultValue||[],onChange:function onChange(values){return _onChange==null?void 0:_onChange({values:values,name:fallbackName});}}),_useControllableState2=_slicedToArray(_useControllableState,2),checkedValues=_useControllableState2[0],setValues=_useControllableState2[1];var state=React__default.useMemo(function(){return {value:checkedValues,isChecked:function isChecked(value){if(selectionType==='single'){if(isUndefined(value)||isUndefined(checkedValues))return false;return checkedValues[0]===value;}return checkedValues.includes(value);},addValue:function addValue(value){if(isDisabled){return;}if(selectionType==='single'){setValues(function(){return [value];});}if(selectionType==='multiple'&&!checkedValues.includes(value)){setValues(function(){return checkedValues.concat(value);});}},removeValue:function removeValue(value){if(isDisabled){return;}if(selectionType==='single'){setValues(undefined);}if(selectionType==='multiple'&&Array.isArray(checkedValues)&&checkedValues.includes(value)){setValues(function(){return checkedValues.filter(function(existingValue){return existingValue!==value;});});}}};},[checkedValues,isDisabled,setValues,selectionType]);var contextValue=React__default.useMemo(function(){return {isDisabled:isDisabled,name:name,state:state,size:size,color:color,selectionType:selectionType};},[isDisabled,name,state,size,color,selectionType]);return {state:state,contextValue:contextValue,ids:{labelId:labelId}};};
 
 export { useChipGroup };
 //# sourceMappingURL=useChipGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useChipGroup.js","sources":["../../../../../src/components/Chip/useChipGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupProps, ChipGroupContextType, State } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\ntype UseChipGroupProps = Pick<\n  ChipGroupProps,\n  | 'isDisabled'\n  | 'name'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'size'\n  | 'intent'\n  | 'color'\n  | 'selectionType'\n>;\ntype UseChipGroupReturn = {\n  state: State;\n  contextValue: ChipGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useChipGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  onChange,\n  name,\n  size,\n  intent,\n  color,\n  selectionType,\n}: UseChipGroupProps): UseChipGroupReturn => {\n  const idBase = useId('chip-group');\n  const labelId = `${idBase}-label`;\n\n  const fallbackName = name ?? idBase;\n  const [checkedValues, setValues] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue || []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: fallbackName }),\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValues,\n      isChecked(value: string): boolean {\n        if (selectionType === 'single') {\n          if (isUndefined(value) || isUndefined(checkedValues)) return false;\n          return checkedValues[0] === value;\n        }\n        return checkedValues.includes(value);\n      },\n      addValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(() => [value]);\n        }\n        if (selectionType === 'multiple' && !checkedValues.includes(value)) {\n          setValues(() => checkedValues.concat(value));\n        }\n      },\n      removeValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(undefined!);\n        }\n        if (\n          selectionType === 'multiple' &&\n          Array.isArray(checkedValues) &&\n          checkedValues.includes(value)\n        ) {\n          setValues(() => checkedValues.filter((existingValue) => existingValue !== value));\n        }\n      },\n    };\n  }, [checkedValues, isDisabled, setValues, selectionType]);\n\n  const contextValue = React.useMemo<ChipGroupContextType>(() => {\n    return {\n      isDisabled,\n      name,\n      state,\n      size,\n      intent,\n      color,\n      selectionType,\n    };\n  }, [isDisabled, name, state, size, intent, color, selectionType]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useChipGroup };\n"],"names":["useChipGroup","_ref","value","defaultValue","isDisabled","onChange","name","size","intent","color","selectionType","idBase","useId","labelId","fallbackName","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValues","state","React","useMemo","isChecked","isUndefined","includes","addValue","concat","removeValue","undefined","Array","isArray","filter","existingValue","contextValue","ids"],"mappings":"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"}
+{"version":3,"file":"useChipGroup.js","sources":["../../../../../src/components/Chip/useChipGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupProps, ChipGroupContextType, State } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\ntype UseChipGroupProps = Pick<\n  ChipGroupProps,\n  'isDisabled' | 'name' | 'value' | 'defaultValue' | 'onChange' | 'size' | 'color' | 'selectionType'\n>;\ntype UseChipGroupReturn = {\n  state: State;\n  contextValue: ChipGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useChipGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  onChange,\n  name,\n  size,\n  color,\n  selectionType,\n}: UseChipGroupProps): UseChipGroupReturn => {\n  const idBase = useId('chip-group');\n  const labelId = `${idBase}-label`;\n\n  const fallbackName = name ?? idBase;\n  const [checkedValues, setValues] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue || []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: fallbackName }),\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValues,\n      isChecked(value: string): boolean {\n        if (selectionType === 'single') {\n          if (isUndefined(value) || isUndefined(checkedValues)) return false;\n          return checkedValues[0] === value;\n        }\n        return checkedValues.includes(value);\n      },\n      addValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(() => [value]);\n        }\n        if (selectionType === 'multiple' && !checkedValues.includes(value)) {\n          setValues(() => checkedValues.concat(value));\n        }\n      },\n      removeValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(undefined!);\n        }\n        if (\n          selectionType === 'multiple' &&\n          Array.isArray(checkedValues) &&\n          checkedValues.includes(value)\n        ) {\n          setValues(() => checkedValues.filter((existingValue) => existingValue !== value));\n        }\n      },\n    };\n  }, [checkedValues, isDisabled, setValues, selectionType]);\n\n  const contextValue = React.useMemo<ChipGroupContextType>(() => {\n    return {\n      isDisabled,\n      name,\n      state,\n      size,\n      color,\n      selectionType,\n    };\n  }, [isDisabled, name, state, size, color, selectionType]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useChipGroup };\n"],"names":["useChipGroup","_ref","value","defaultValue","isDisabled","onChange","name","size","color","selectionType","idBase","useId","labelId","fallbackName","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValues","state","React","useMemo","isChecked","isUndefined","includes","addValue","concat","removeValue","undefined","Array","isArray","filter","existingValue","contextValue","ids"],"mappings":"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"}

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

@@ -1,15 +1,15 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { StyledCounter } from './StyledCounter.native.js';
-import { horizontalPadding, verticalPadding } from './counterTokens.js';
+import { counterHeight, horizontalPadding } from './counterTokens.js';
 import '../Typography/BaseText/BaseText.native.js';
 import 'react';
-import { logger } from '../../utils/logger/logger.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 { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '../Typography/Text/Text.js';
@@ -23,7 +23,7 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["value","max","intent","variant","color","contrast","size","testID"];var isFeedbackVariant=function isFeedbackVariant(variant){var feedbackVariants=['information','negative','neutral','notice','positive'];return feedbackVariants.includes(variant);};var getColorProps=function getColorProps(_ref){var _ref$variant=_ref.variant,variant=_ref$variant===void 0?'neutral':_ref$variant,_ref$contrast=_ref.contrast,contrast=_ref$contrast===void 0?'low':_ref$contrast;var counterVariant=variant==='default'?'blue':variant;var props={textColor:'feedback.text.neutral.lowContrast',backgroundColor:'feedback.background.neutral.lowContrast'};if(isFeedbackVariant(counterVariant)){props.textColor=`feedback.text.${counterVariant}.${contrast}Contrast`;props.backgroundColor=`feedback.background.${counterVariant}.${contrast}Contrast`;}else {props.textColor=`badge.text.${counterVariant}.${contrast}Contrast`;props.backgroundColor=`badge.background.${counterVariant}.${contrast}Contrast`;}return props;};var _Counter=function _Counter(_ref2){var _ref3;var value=_ref2.value,max=_ref2.max,intent=_ref2.intent,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'neutral':_ref2$variant,color=_ref2.color,_ref2$contrast=_ref2.contrast,contrast=_ref2$contrast===void 0?'low':_ref2$contrast,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var content=`${value}`;if(max&&value>max){content=`${max}+`;}var _useTheme=useTheme(),platform=_useTheme.platform;var _getColorProps=getColorProps({variant:(_ref3=color!=null?color:intent)!=null?_ref3:variant,contrast:contrast}),backgroundColor=_getColorProps.backgroundColor,textColor=_getColorProps.textColor;if(__DEV__){if(intent){logger({type:'warn',message:'The prop `intent` is deprecated and will be removed in a future release. Please use `variant` instead.',moduleName:'Counter'});}}var counterTextSizes={small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'medium'}};return jsx(BaseBox,Object.assign({display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Counter,testID:testID}),getStyledProps(styledProps),{children:jsx(StyledCounter,{backgroundColor:backgroundColor,size:size,platform:platform,children:jsx(BaseBox,{paddingRight:horizontalPadding[size],paddingLeft:horizontalPadding[size],paddingTop:verticalPadding[size],paddingBottom:verticalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:jsx(Text,Object.assign({},counterTextSizes[size],{textAlign:"center",type:"normal",weight:"regular",truncateAfterLines:1,color:textColor,children:content}))})})}));};var Counter=assignWithoutSideEffects(_Counter,{displayName:'Counter',componentId:'Counter'});
+var _excluded=["value","max","color","emphasis","size","testID"];var getColorProps=function getColorProps(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis;var props={textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Counter=function _Counter(_ref2){var value=_ref2.value,max=_ref2.max,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var content=`${value}`;if(max&&value>max){content=`${max}+`;}var _useTheme=useTheme(),platform=_useTheme.platform;var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,textColor=_getColorProps.textColor;var counterTextSizes={small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'medium'}};return jsx(BaseBox,Object.assign({display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Counter,testID:testID}),getStyledProps(styledProps),{children:jsx(StyledCounter,{minHeight:makeSize(counterHeight[size]),backgroundColor:backgroundColor,size:size,platform:platform,children:jsx(BaseBox,{paddingX:horizontalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:jsx(Text,Object.assign({},counterTextSizes[size],{textAlign:"center",weight:"medium",truncateAfterLines:1,color:textColor,children:content}))})})}));};var Counter=assignWithoutSideEffects(_Counter,{displayName:'Counter',componentId:'Counter'});
 
 export { Counter };
 //# sourceMappingURL=Counter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { horizontalPadding, verticalPadding } from './counterTokens';\nimport type { Feedback } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { TestID } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { logger } from '~utils/logger';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * This prop is deprecated in favor of `color`.\n   *\n   * @default 'neutral'\n   * @deprecated Use `color` instead\n   */\n  intent?: Feedback;\n  /**\n   * This prop is deprecated in favor of `color`.\n   *\n   * @default 'neutral'\n   * @deprecated Use `color` instead\n   */\n  variant?: Feedback | 'blue';\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: Feedback | 'default';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'low'\n   */\n  contrast?: 'high' | 'low';\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst isFeedbackVariant = (variant: string): variant is Feedback => {\n  const feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];\n  return feedbackVariants.includes(variant);\n};\n\nconst getColorProps = ({\n  variant = 'neutral',\n  contrast = 'low',\n}: {\n  variant: NonNullable<CounterProps['color'] | 'blue'>;\n  contrast: NonNullable<CounterProps['contrast']>;\n}): ColorProps => {\n  const counterVariant = variant === 'default' ? 'blue' : variant;\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.lowContrast',\n    backgroundColor: 'feedback.background.neutral.lowContrast',\n  };\n  if (isFeedbackVariant(counterVariant)) {\n    props.textColor = `feedback.text.${counterVariant}.${contrast}Contrast`;\n    props.backgroundColor = `feedback.background.${counterVariant}.${contrast}Contrast`;\n  } else {\n    props.textColor = `badge.text.${counterVariant}.${contrast}Contrast`;\n    props.backgroundColor = `badge.background.${counterVariant}.${contrast}Contrast`;\n  }\n  return props;\n};\n\nconst _Counter = ({\n  value,\n  max,\n  intent,\n  variant = 'neutral',\n  color,\n  contrast = 'low',\n  size = 'medium',\n  testID,\n  ...styledProps\n}: CounterProps): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    variant: color ?? intent ?? variant,\n    contrast,\n  });\n\n  if (__DEV__) {\n    if (intent) {\n      logger({\n        type: 'warn',\n        message:\n          'The prop `intent` is deprecated and will be removed in a future release. Please use `variant` instead.',\n        moduleName: 'Counter',\n      });\n    }\n  }\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledCounter backgroundColor={backgroundColor} size={size} platform={platform}>\n        <BaseBox\n          paddingRight={horizontalPadding[size]}\n          paddingLeft={horizontalPadding[size]}\n          paddingTop={verticalPadding[size]}\n          paddingBottom={verticalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            type=\"normal\"\n            weight=\"regular\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(_Counter, {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["isFeedbackVariant","variant","feedbackVariants","includes","getColorProps","_ref","_ref$variant","_ref$contrast","contrast","counterVariant","props","textColor","backgroundColor","_Counter","_ref2","_ref3","value","max","intent","_ref2$variant","color","_ref2$contrast","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","__DEV__","logger","type","message","moduleName","counterTextSizes","small","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","children","StyledCounter","paddingRight","horizontalPadding","paddingLeft","paddingTop","verticalPadding","paddingBottom","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Counter.js","sources":["../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color = 'neutral',\n  emphasis = 'subtle',\n}: {\n  color: NonNullable<CounterProps['color']>;\n  emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n  return props;\n};\n\nconst _Counter = ({\n  value,\n  max,\n  color = 'neutral',\n  emphasis = 'subtle',\n  size = 'medium',\n  testID,\n  ...styledProps\n}: CounterProps): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledCounter\n        minHeight={makeSize(counterHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        platform={platform}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(_Counter, {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","_Counter","_ref2","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","children","StyledCounter","minHeight","makeSize","counterHeight","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Counter/counterTokens.js

@@ -2,7 +2,7 @@ import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 
-var verticalPadding={small:'spacing.0',medium:'spacing.1',large:'spacing.1'};var horizontalPadding={small:'spacing.2',medium:'spacing.3',large:'spacing.3'};var maxWidth={onMobile:size[100],onDesktop:size[120]};
+var counterHeight={small:size[16],medium:size[20],large:size[24]};var horizontalPadding={small:'spacing.2',medium:'spacing.3',large:'spacing.3'};var maxWidth={onMobile:size[100],onDesktop:size[120]};
 
-export { horizontalPadding, maxWidth, verticalPadding };
+export { counterHeight, horizontalPadding, maxWidth };
 //# sourceMappingURL=counterTokens.js.map

package/build/lib/native/components/Counter/counterTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"counterTokens.js","sources":["../../../../../src/components/Counter/counterTokens.ts"],"sourcesContent":["import type { CounterProps } from './Counter';\nimport type { TypographyPlatforms, Size } from '~tokens/global';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nimport { size } from '~tokens/global';\n\ntype CounterMaxWidth = Size[100] | Size[120];\n\nconst verticalPadding: Record<NonNullable<CounterProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.0',\n  medium: 'spacing.1',\n  large: 'spacing.1',\n};\n\nconst horizontalPadding: Record<\n  NonNullable<CounterProps['size']>,\n  DotNotationSpacingStringToken\n> = {\n  small: 'spacing.2',\n  medium: 'spacing.3',\n  large: 'spacing.3',\n};\n\nconst maxWidth: Record<NonNullable<TypographyPlatforms>, CounterMaxWidth> = {\n  onMobile: size[100],\n  onDesktop: size[120],\n};\n\nexport { maxWidth, verticalPadding, horizontalPadding };\n"],"names":["verticalPadding","small","medium","large","horizontalPadding","maxWidth","onMobile","size","onDesktop"],"mappings":";;;;AAQM,IAAAA,eAAyF,CAAG,CAChGC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAC,iBAGL,CAAG,CACFH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAE,QAAmE,CAAG,CAC1EC,QAAQ,CAAEC,IAAI,CAAC,GAAG,CAAC,CACnBC,SAAS,CAAED,IAAI,CAAC,GAAG,CACrB;;;;"}
+{"version":3,"file":"counterTokens.js","sources":["../../../../../src/components/Counter/counterTokens.ts"],"sourcesContent":["import type { CounterProps } from './Counter';\nimport type { TypographyPlatforms, Size } from '~tokens/global';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nimport { size } from '~tokens/global';\n\ntype CounterMaxWidth = Size[100] | Size[120];\n\nconst counterHeight: Record<NonNullable<CounterProps['size']>, number> = {\n  small: size[16],\n  medium: size[20],\n  large: size[24],\n};\n\nconst horizontalPadding: Record<\n  NonNullable<CounterProps['size']>,\n  DotNotationSpacingStringToken\n> = {\n  small: 'spacing.2',\n  medium: 'spacing.3',\n  large: 'spacing.3',\n};\n\nconst maxWidth: Record<NonNullable<TypographyPlatforms>, CounterMaxWidth> = {\n  onMobile: size[100],\n  onDesktop: size[120],\n};\n\nexport { maxWidth, counterHeight, horizontalPadding };\n"],"names":["counterHeight","small","size","medium","large","horizontalPadding","maxWidth","onMobile","onDesktop"],"mappings":";;;;AAQM,IAAAA,aAAgE,CAAG,CACvEC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,KAAK,CAAEF,IAAI,CAAC,EAAE,CAChB,EAEM,IAAAG,iBAGL,CAAG,CACFJ,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAE,QAAmE,CAAG,CAC1EC,QAAQ,CAAEL,IAAI,CAAC,GAAG,CAAC,CACnBM,SAAS,CAAEN,IAAI,CAAC,GAAG,CACrB;;;;"}

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

@@ -16,7 +16,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["orientation","dividerStyle","variant","thickness","contrast","height","width","testID"];var StyledDivider=styled(BaseBox)(function(_ref){var _Object$assign;var theme=_ref.theme,borderPosition=_ref.borderPosition,dividerStyle=_ref.dividerStyle,thickness=_ref.thickness,isDividerHorizontal=_ref.isDividerHorizontal,width=_ref.width,height=_ref.height;return Object.assign((_Object$assign={},_defineProperty(_Object$assign,`${borderPosition}Style`,dividerStyle),_defineProperty(_Object$assign,`${borderPosition}Width`,makeBorderSize(theme.border.width[thickness])),_Object$assign),isDividerHorizontal?{flexGrow:1,width:width}:{alignSelf:'stretch',height:height});});var Divider=function Divider(_ref2){var _ref2$orientation=_ref2.orientation,orientation=_ref2$orientation===void 0?'horizontal':_ref2$orientation,_ref2$dividerStyle=_ref2.dividerStyle,dividerStyle=_ref2$dividerStyle===void 0?'solid':_ref2$dividerStyle,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'normal':_ref2$variant,_ref2$thickness=_ref2.thickness,thickness=_ref2$thickness===void 0?'thin':_ref2$thickness,_ref2$contrast=_ref2.contrast,contrast=_ref2$contrast===void 0?'low':_ref2$contrast,height=_ref2.height,width=_ref2.width,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var isDividerHorizontal=orientation==='horizontal';var borderPosition=isDividerHorizontal?'borderBottom':'borderLeft';var colorContrast=`${contrast}Contrast`;var borderColor=_defineProperty({},`${borderPosition}Color`,`surface.border.${variant}.${colorContrast}`);var accessibilityProps=isReactNative()?{}:makeAccessible({role:'separator'});return jsx(StyledDivider,Object.assign({borderWidth:"none",borderPosition:borderPosition,isDividerHorizontal:isDividerHorizontal,dividerStyle:dividerStyle,thickness:thickness,height:height,width:width},borderColor,metaAttribute({name:MetaConstants.Divider,testID:testID}),getStyledProps(styledProps),accessibilityProps));};
+var _excluded=["orientation","dividerStyle","variant","thickness","height","width","testID"];var StyledDivider=styled(BaseBox)(function(_ref){var _Object$assign;var theme=_ref.theme,borderPosition=_ref.borderPosition,dividerStyle=_ref.dividerStyle,thickness=_ref.thickness,isDividerHorizontal=_ref.isDividerHorizontal,width=_ref.width,height=_ref.height;return Object.assign((_Object$assign={borderWidth:0},_defineProperty(_Object$assign,`${borderPosition}Style`,dividerStyle),_defineProperty(_Object$assign,`${borderPosition}Width`,makeBorderSize(theme.border.width[thickness])),_Object$assign),isDividerHorizontal?{flexGrow:1,width:width}:{alignSelf:'stretch',height:height});});var Divider=function Divider(_ref2){var _ref2$orientation=_ref2.orientation,orientation=_ref2$orientation===void 0?'horizontal':_ref2$orientation,_ref2$dividerStyle=_ref2.dividerStyle,dividerStyle=_ref2$dividerStyle===void 0?'solid':_ref2$dividerStyle,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'muted':_ref2$variant,_ref2$thickness=_ref2.thickness,thickness=_ref2$thickness===void 0?'thin':_ref2$thickness,height=_ref2.height,width=_ref2.width,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var isDividerHorizontal=orientation==='horizontal';var borderPosition=isDividerHorizontal?'borderBottom':'borderLeft';var borderColor=_defineProperty({},`${borderPosition}Color`,`surface.border.gray.${variant}`);var accessibilityProps=isReactNative()?{}:makeAccessible({role:'separator'});return jsx(StyledDivider,Object.assign({borderPosition:borderPosition,isDividerHorizontal:isDividerHorizontal,dividerStyle:dividerStyle,thickness:thickness,height:height,width:width},borderColor,metaAttribute({name:MetaConstants.Divider,testID:testID}),getStyledProps(styledProps),accessibilityProps));};
 
 export { Divider };
 //# sourceMappingURL=Divider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { ColorContrast } from '~tokens/theme/theme';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype DividerProps = {\n  /**\n   * Sets the orientation of divider\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Sets the style of divider\n   *\n   * @default 'solid'\n   */\n  dividerStyle?: 'solid' | 'dashed';\n  /**\n   * Sets the variant of divider\n   *\n   * @default 'normal'\n   */\n  variant?: 'normal' | 'subtle';\n  /**\n   * Sets the thickness of divider\n   *\n   * @default 'thin'\n   */\n  thickness?: 'thinner' | 'thin' | 'thick';\n  /**\n   * Sets the contrast of divider\n   *\n   * @default 'low'\n   */\n  contrast?: 'low' | 'high';\n  /**\n   * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.\n   *\n   */\n  height?: CSSObject['height'];\n  /**\n   * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.\n   *\n   */\n  width?: CSSObject['width'];\n} & TestID &\n  StyledPropsBlade;\n\nconst StyledDivider = styled(BaseBox)<{\n  borderPosition: 'borderBottom' | 'borderLeft';\n  dividerStyle: NonNullable<DividerProps['dividerStyle']>;\n  thickness: NonNullable<DividerProps['thickness']>;\n  height: DividerProps['height'];\n  width: DividerProps['width'];\n  isDividerHorizontal: boolean;\n}>(({ theme, borderPosition, dividerStyle, thickness, isDividerHorizontal, width, height }) => ({\n  [`${borderPosition}Style`]: dividerStyle,\n  [`${borderPosition}Width`]: makeBorderSize(theme.border.width[thickness]),\n  ...(isDividerHorizontal ? { flexGrow: 1, width } : { alignSelf: 'stretch', height }),\n}));\n\nconst Divider = ({\n  orientation = 'horizontal',\n  dividerStyle = 'solid',\n  variant = 'normal',\n  thickness = 'thin',\n  contrast = 'low',\n  height,\n  width,\n  testID,\n  ...styledProps\n}: DividerProps): React.ReactElement => {\n  const isDividerHorizontal = orientation === 'horizontal';\n  const borderPosition = isDividerHorizontal ? 'borderBottom' : 'borderLeft';\n  const colorContrast: keyof ColorContrast = `${contrast}Contrast`;\n  const borderColor = { [`${borderPosition}Color`]: `surface.border.${variant}.${colorContrast}` };\n  const accessibilityProps = isReactNative()\n    ? {}\n    : makeAccessible({\n        role: 'separator',\n      });\n\n  return (\n    <StyledDivider\n      borderWidth=\"none\"\n      borderPosition={borderPosition}\n      isDividerHorizontal={isDividerHorizontal}\n      dividerStyle={dividerStyle}\n      thickness={thickness}\n      height={height}\n      width={width}\n      {...borderColor}\n      {...metaAttribute({ name: MetaConstants.Divider, testID })}\n      {...getStyledProps(styledProps)}\n      {...accessibilityProps}\n    />\n  );\n};\n\nexport { Divider };\nexport type { DividerProps };\n"],"names":["StyledDivider","styled","BaseBox","_ref","_Object$assign","theme","borderPosition","dividerStyle","thickness","isDividerHorizontal","width","height","Object","assign","_defineProperty","makeBorderSize","border","flexGrow","alignSelf","Divider","_ref2","_ref2$orientation","orientation","_ref2$dividerStyle","_ref2$variant","variant","_ref2$thickness","_ref2$contrast","contrast","testID","styledProps","_objectWithoutProperties","_excluded","colorContrast","borderColor","accessibilityProps","isReactNative","makeAccessible","role","_jsx","borderWidth","metaAttribute","name","MetaConstants","getStyledProps"],"mappings":"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"}
+{"version":3,"file":"Divider.js","sources":["../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype DividerProps = {\n  /**\n   * Sets the orientation of divider\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Sets the style of divider\n   *\n   * @default 'solid'\n   */\n  dividerStyle?: 'solid' | 'dashed';\n  /**\n   * Sets the variant of divider\n   *\n   * @default 'normal'\n   */\n  variant?: 'normal' | 'subtle' | 'muted';\n  /**\n   * Sets the thickness of divider\n   *\n   * @default 'thin'\n   */\n  thickness?: 'thinner' | 'thin' | 'thick' | 'thicker';\n  /**\n   * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.\n   *\n   */\n  height?: CSSObject['height'];\n  /**\n   * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.\n   *\n   */\n  width?: CSSObject['width'];\n} & TestID &\n  StyledPropsBlade;\n\nconst StyledDivider = styled(BaseBox)<{\n  borderPosition: 'borderBottom' | 'borderLeft';\n  dividerStyle: NonNullable<DividerProps['dividerStyle']>;\n  thickness: NonNullable<DividerProps['thickness']>;\n  height: DividerProps['height'];\n  width: DividerProps['width'];\n  isDividerHorizontal: boolean;\n}>(({ theme, borderPosition, dividerStyle, thickness, isDividerHorizontal, width, height }) => ({\n  borderWidth: 0,\n  [`${borderPosition}Style`]: dividerStyle,\n  [`${borderPosition}Width`]: makeBorderSize(theme.border.width[thickness]),\n  ...(isDividerHorizontal ? { flexGrow: 1, width } : { alignSelf: 'stretch', height }),\n}));\n\nconst Divider = ({\n  orientation = 'horizontal',\n  dividerStyle = 'solid',\n  variant = 'muted',\n  thickness = 'thin',\n  height,\n  width,\n  testID,\n  ...styledProps\n}: DividerProps): React.ReactElement => {\n  const isDividerHorizontal = orientation === 'horizontal';\n  const borderPosition = isDividerHorizontal ? 'borderBottom' : 'borderLeft';\n  const borderColor = { [`${borderPosition}Color`]: `surface.border.gray.${variant}` };\n  const accessibilityProps = isReactNative()\n    ? {}\n    : makeAccessible({\n        role: 'separator',\n      });\n\n  return (\n    <StyledDivider\n      borderPosition={borderPosition}\n      isDividerHorizontal={isDividerHorizontal}\n      dividerStyle={dividerStyle}\n      thickness={thickness}\n      height={height}\n      width={width}\n      {...borderColor}\n      {...metaAttribute({ name: MetaConstants.Divider, testID })}\n      {...getStyledProps(styledProps)}\n      {...accessibilityProps}\n    />\n  );\n};\n\nexport { Divider };\nexport type { DividerProps };\n"],"names":["StyledDivider","styled","BaseBox","_ref","_Object$assign","theme","borderPosition","dividerStyle","thickness","isDividerHorizontal","width","height","Object","assign","borderWidth","_defineProperty","makeBorderSize","border","flexGrow","alignSelf","Divider","_ref2","_ref2$orientation","orientation","_ref2$dividerStyle","_ref2$variant","variant","_ref2$thickness","testID","styledProps","_objectWithoutProperties","_excluded","borderColor","accessibilityProps","isReactNative","makeAccessible","role","_jsx","metaAttribute","name","MetaConstants","getStyledProps"],"mappings":"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"}

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

@@ -21,7 +21,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { useDidUpdate } from '../../utils/useDidUpdate.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","isOpen","onOpenChange","selectionType","onDismiss","testID"];var validDropdownChildren=[dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet];var _Dropdown=function _Dropdown(_ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,onDismiss=_ref.onDismiss,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(isOpenControlled!=null?isOpenControlled:false),_React$useState2=_slicedToArray(_React$useState,2),isOpen=_React$useState2[0],setIsOpen=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),options=_React$useState4[0],setOptions=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),filteredValues=_React$useState6[0],setFilteredValues=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),selectedIndices=_React$useState8[0],setSelectedIndices=_React$useState8[1];var _React$useState9=React__default.useState([]),_React$useState10=_slicedToArray(_React$useState9,2),controlledValueIndices=_React$useState10[0],setControlledValueIndices=_React$useState10[1];var _React$useState11=React__default.useState(-1),_React$useState12=_slicedToArray(_React$useState11,2),activeIndex=_React$useState12[0],setActiveIndex=_React$useState12[1];var _React$useState13=React__default.useState(-1),_React$useState14=_slicedToArray(_React$useState13,2),activeTagIndex=_React$useState14[0],setActiveTagIndex=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),shouldIgnoreBlurAnimation=_React$useState16[0],setShouldIgnoreBlurAnimation=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),hasFooterAction=_React$useState18[0],setHasFooterAction=_React$useState18[1];var _React$useState19=React__default.useState(false),_React$useState20=_slicedToArray(_React$useState19,2),hasAutoCompleteInBottomSheetHeader=_React$useState20[0],setHasAutoCompleteInBottomSheetHeader=_React$useState20[1];var _React$useState21=React__default.useState(false),_React$useState22=_slicedToArray(_React$useState21,2),isKeydownPressed=_React$useState22[0],setIsKeydownPressed=_React$useState22[1];var _React$useState23=React__default.useState(0),_React$useState24=_slicedToArray(_React$useState23,2),changeCallbackTriggerer=_React$useState24[0],setChangeCallbackTriggerer=_React$useState24[1];var _React$useState25=React__default.useState(false),_React$useState26=_slicedToArray(_React$useState25,2),isControlled=_React$useState26[0],setIsControlled=_React$useState26[1];var _React$useState27=React__default.useState(false),_React$useState28=_slicedToArray(_React$useState27,2),dropdownHasBottomSheet=_React$useState28[0],setDropdownHasBottomSheet=_React$useState28[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var actionListItemRef=React__default.useRef(null);var dropdownTriggerer=React__default.useRef();var isTagDismissedRef=React__default.useRef({value:false});var visibleTagsCountRef=React__default.useRef({value:0});var dropdownContainerRef=React__default.useRef(null);var dropdownBaseId=useId('dropdown');useDidUpdate(function(){onOpenChange==null?void 0:onOpenChange(isOpen);if(!isOpen){onDismiss==null?void 0:onDismiss();}},[isOpen]);React__default.useEffect(function(){if(isOpenControlled!==undefined){setIsOpen(isOpenControlled);}},[isOpenControlled]);var close=React__default.useCallback(function(){setActiveTagIndex(-1);setIsOpen(false);},[]);React__default.Children.map(children,function(child){if(React__default.isValidElement(child)){if(__DEV__){var _getComponentId;if(!validDropdownChildren.includes((_getComponentId=getComponentId(child))!=null?_getComponentId:'')){throwBladeError({message:`Dropdown can only have one of following elements as children - \n\n ${validDropdownChildren.join(', ')} \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,moduleName:'Dropdown'});}}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SelectInput)){dropdownTriggerer.current='SelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}}});var contextValue=React__default.useMemo(function(){return {isOpen:isOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,controlledValueIndices:controlledValueIndices,setControlledValueIndices:setControlledValueIndices,options:options,setOptions:setOptions,filteredValues:filteredValues,setFilteredValues:setFilteredValues,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,dropdownBaseId:dropdownBaseId,triggererRef:triggererRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setHasAutoCompleteInBottomSheetHeader:setHasAutoCompleteInBottomSheetHeader,dropdownTriggerer:dropdownTriggerer.current,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,setIsControlled:setIsControlled,isTagDismissedRef:isTagDismissedRef};},[isOpen,selectedIndices,controlledValueIndices,options,filteredValues,activeIndex,activeTagIndex,shouldIgnoreBlurAnimation,selectionType,hasFooterAction,isKeydownPressed,changeCallbackTriggerer,isControlled]);var BottomSheetAndDropdownGlueContextValue=React__default.useMemo(function(){return {isOpen:isOpen,dropdownHasBottomSheet:dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader,isOpen,close]);React__default.useEffect(function(){if(!isReactNative()){var dropdown=dropdownContainerRef.current;var documentClickHandler=function documentClickHandler(e){var _isTagDismissedRef$cu,_isTagDismissedRef$cu2;var target=e.target;if(!target||!dropdown){return;}if(!dropdown.contains(target)&&!((_isTagDismissedRef$cu=isTagDismissedRef.current)!=null&&_isTagDismissedRef$cu.value)){close();}if((_isTagDismissedRef$cu2=isTagDismissedRef.current)!=null&&_isTagDismissedRef$cu2.value){isTagDismissedRef.current.value=false;}};var documentFocusHandler=function documentFocusHandler(e){var target=e.relatedTarget;setActiveIndex(-1);if(!dropdown||!target){return;}if(!dropdown.contains(target)){close();}};document.addEventListener('click',documentClickHandler);document.addEventListener('focusout',documentFocusHandler);return function(){document.removeEventListener('click',documentClickHandler);document.removeEventListener('focusout',documentFocusHandler);};}return undefined;},[]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:dropdownContainerRef},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseBox,{position:"relative",textAlign:'left',children:children})}))})});};var Dropdown=assignWithoutSideEffects(_Dropdown,{componentId:dropdownComponentIds.Dropdown});
+var _excluded=["children","isOpen","onOpenChange","selectionType","testID"];var validDropdownChildren=[dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet];var _Dropdown=function _Dropdown(_ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(isOpenControlled!=null?isOpenControlled:false),_React$useState2=_slicedToArray(_React$useState,2),isOpen=_React$useState2[0],setIsOpen=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),options=_React$useState4[0],setOptions=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),filteredValues=_React$useState6[0],setFilteredValues=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),selectedIndices=_React$useState8[0],setSelectedIndices=_React$useState8[1];var _React$useState9=React__default.useState([]),_React$useState10=_slicedToArray(_React$useState9,2),controlledValueIndices=_React$useState10[0],setControlledValueIndices=_React$useState10[1];var _React$useState11=React__default.useState(-1),_React$useState12=_slicedToArray(_React$useState11,2),activeIndex=_React$useState12[0],setActiveIndex=_React$useState12[1];var _React$useState13=React__default.useState(-1),_React$useState14=_slicedToArray(_React$useState13,2),activeTagIndex=_React$useState14[0],setActiveTagIndex=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),shouldIgnoreBlurAnimation=_React$useState16[0],setShouldIgnoreBlurAnimation=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),hasFooterAction=_React$useState18[0],setHasFooterAction=_React$useState18[1];var _React$useState19=React__default.useState(false),_React$useState20=_slicedToArray(_React$useState19,2),hasAutoCompleteInBottomSheetHeader=_React$useState20[0],setHasAutoCompleteInBottomSheetHeader=_React$useState20[1];var _React$useState21=React__default.useState(false),_React$useState22=_slicedToArray(_React$useState21,2),isKeydownPressed=_React$useState22[0],setIsKeydownPressed=_React$useState22[1];var _React$useState23=React__default.useState(0),_React$useState24=_slicedToArray(_React$useState23,2),changeCallbackTriggerer=_React$useState24[0],setChangeCallbackTriggerer=_React$useState24[1];var _React$useState25=React__default.useState(false),_React$useState26=_slicedToArray(_React$useState25,2),isControlled=_React$useState26[0],setIsControlled=_React$useState26[1];var _React$useState27=React__default.useState(false),_React$useState28=_slicedToArray(_React$useState27,2),dropdownHasBottomSheet=_React$useState28[0],setDropdownHasBottomSheet=_React$useState28[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var actionListItemRef=React__default.useRef(null);var dropdownTriggerer=React__default.useRef();var isTagDismissedRef=React__default.useRef({value:false});var visibleTagsCountRef=React__default.useRef({value:0});var dropdownContainerRef=React__default.useRef(null);var dropdownBaseId=useId('dropdown');useDidUpdate(function(){onOpenChange==null?void 0:onOpenChange(isOpen);},[isOpen]);React__default.useEffect(function(){if(isOpenControlled!==undefined){setIsOpen(isOpenControlled);}},[isOpenControlled]);var close=React__default.useCallback(function(){setActiveTagIndex(-1);setIsOpen(false);},[]);React__default.Children.map(children,function(child){if(React__default.isValidElement(child)){if(__DEV__){var _getComponentId;if(!validDropdownChildren.includes((_getComponentId=getComponentId(child))!=null?_getComponentId:'')){throwBladeError({message:`Dropdown can only have one of following elements as children - \n\n ${validDropdownChildren.join(', ')} \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,moduleName:'Dropdown'});}}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SelectInput)){dropdownTriggerer.current='SelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}}});var contextValue=React__default.useMemo(function(){return {isOpen:isOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,controlledValueIndices:controlledValueIndices,setControlledValueIndices:setControlledValueIndices,options:options,setOptions:setOptions,filteredValues:filteredValues,setFilteredValues:setFilteredValues,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,dropdownBaseId:dropdownBaseId,triggererRef:triggererRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setHasAutoCompleteInBottomSheetHeader:setHasAutoCompleteInBottomSheetHeader,dropdownTriggerer:dropdownTriggerer.current,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,setIsControlled:setIsControlled,isTagDismissedRef:isTagDismissedRef};},[isOpen,selectedIndices,controlledValueIndices,options,filteredValues,activeIndex,activeTagIndex,shouldIgnoreBlurAnimation,selectionType,hasFooterAction,isKeydownPressed,changeCallbackTriggerer,isControlled]);var BottomSheetAndDropdownGlueContextValue=React__default.useMemo(function(){return {isOpen:isOpen,dropdownHasBottomSheet:dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader,isOpen,close]);React__default.useEffect(function(){if(!isReactNative()){var dropdown=dropdownContainerRef.current;var documentClickHandler=function documentClickHandler(e){var _isTagDismissedRef$cu,_isTagDismissedRef$cu2;var target=e.target;if(!target||!dropdown){return;}if(!dropdown.contains(target)&&!((_isTagDismissedRef$cu=isTagDismissedRef.current)!=null&&_isTagDismissedRef$cu.value)){close();}if((_isTagDismissedRef$cu2=isTagDismissedRef.current)!=null&&_isTagDismissedRef$cu2.value){isTagDismissedRef.current.value=false;}};var documentFocusHandler=function documentFocusHandler(e){var target=e.relatedTarget;setActiveIndex(-1);if(!dropdown||!target){return;}if(!dropdown.contains(target)){close();}};document.addEventListener('click',documentClickHandler);document.addEventListener('focusout',documentFocusHandler);return function(){document.removeEventListener('click',documentClickHandler);document.removeEventListener('focusout',documentFocusHandler);};}return undefined;},[]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:dropdownContainerRef},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseBox,{position:"relative",textAlign:'left',children:children})}))})});};var Dropdown=assignWithoutSideEffects(_Dropdown,{componentId:dropdownComponentIds.Dropdown});
 
 export { Dropdown };
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport type { ContainerElementType } from '~utils/types';\n\nconst validDropdownChildren = [\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  onDismiss,\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [isOpen, setIsOpen] = React.useState<boolean>(isOpenControlled ?? false);\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n\n  useDidUpdate(() => {\n    onOpenChange?.(isOpen);\n    if (!isOpen) {\n      onDismiss?.();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  React.useEffect(() => {\n    if (isOpenControlled !== undefined) {\n      setIsOpen(isOpenControlled);\n    }\n  }, [isOpenControlled]);\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isOpen,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isOpen, close]);\n\n  React.useEffect((): (() => void) | undefined => {\n    if (!isReactNative()) {\n      const dropdown = dropdownContainerRef.current;\n\n      const documentClickHandler = (e: MouseEvent): void => {\n        const target = e.target as HTMLDivElement;\n\n        if (!target || !dropdown) {\n          return;\n        }\n\n        if (!dropdown.contains(target) && !isTagDismissedRef.current?.value) {\n          close();\n        }\n\n        if (isTagDismissedRef.current?.value) {\n          isTagDismissedRef.current.value = false;\n        }\n      };\n\n      const documentFocusHandler = (e: FocusEvent): void => {\n        const target = e.relatedTarget as HTMLDivElement;\n        setActiveIndex(-1);\n\n        if (!dropdown || !target) {\n          return;\n        }\n\n        if (!dropdown.contains(target)) {\n          close();\n        }\n      };\n\n      document.addEventListener('click', documentClickHandler);\n      document.addEventListener('focusout', documentFocusHandler);\n\n      return (): void => {\n        document.removeEventListener('click', documentClickHandler);\n        document.removeEventListener('focusout', documentFocusHandler);\n      };\n    }\n\n    return undefined;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","onDismiss","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsOpen","_React$useState3","_React$useState4","options","setOptions","_React$useState5","_React$useState6","filteredValues","setFilteredValues","_React$useState7","_React$useState8","selectedIndices","setSelectedIndices","_React$useState9","_React$useState10","controlledValueIndices","setControlledValueIndices","_React$useState11","_React$useState12","activeIndex","setActiveIndex","_React$useState13","_React$useState14","activeTagIndex","setActiveTagIndex","_React$useState15","_React$useState16","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState17","_React$useState18","hasFooterAction","setHasFooterAction","_React$useState19","_React$useState20","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState21","_React$useState22","isKeydownPressed","setIsKeydownPressed","_React$useState23","_React$useState24","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState25","_React$useState26","isControlled","setIsControlled","_React$useState27","_React$useState28","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","useDidUpdate","useEffect","undefined","close","useCallback","Children","map","child","isValidElement","__DEV__","_getComponentId","includes","getComponentId","throwBladeError","message","join","moduleName","isValidAllowedChildren","current","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","contains","documentFocusHandler","relatedTarget","document","addEventListener","removeEventListener","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","BaseBox","Object","assign","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,QAAA,CAAA,cAAA,CAAA,eAAA,CAAA,WAAA,CAAA,QAAA,CAAA,CAkBA,IAAMA,qBAAqB,CAAG,CAC5BC,oBAAoB,CAACC,QAAQ,CAACC,WAAW,CACzCF,oBAAoB,CAACC,QAAQ,CAACE,cAAc,CAC5CH,oBAAoB,CAACC,QAAQ,CAACG,YAAY,CAC1CJ,oBAAoB,CAACK,eAAe,CACpCL,oBAAoB,CAACC,QAAQ,CAACK,YAAY,CAC1CC,YAAuB,CAACC,WAAW,CACpC,CA4BD,IAAMC,SAAS,CAAG,SAAZA,SAASA,CAAAC,IAAA,CAQ0B,KAPvCC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACAC,gBAAgB,CAAAF,IAAA,CAAxBG,MAAM,CACNC,YAAY,CAAAJ,IAAA,CAAZI,YAAY,CAAAC,kBAAA,CAAAL,IAAA,CACZM,aAAa,CAAbA,aAAa,CAAAD,kBAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,kBAAA,CACxBE,SAAS,CAAAP,IAAA,CAATO,SAAS,CACTC,MAAM,CAAAR,IAAA,CAANQ,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAV,IAAA,CAAAW,SAAA,CAEd,CAAA,IAAAC,eAAA,CAA4BC,cAAK,CAACC,QAAQ,CAAUZ,gBAAgB,EAAA,IAAA,CAAhBA,gBAAgB,CAAI,KAAK,CAAC,CAAAa,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,IAAvET,MAAM,CAAAY,gBAAA,CAAEE,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,gBAAA,CAAA,CAAA,CAAA,CACxB,IAAAG,gBAAA,CAA8BL,cAAK,CAACC,QAAQ,CAAiC,EAAE,CAAC,CAAAK,gBAAA,CAAAH,cAAA,CAAAE,gBAAA,IAAzEE,OAAO,CAAAD,gBAAA,CAAEE,CAAAA,CAAAA,CAAAA,UAAU,CAAAF,gBAAA,IAC1B,IAAAG,gBAAA,CAA4CT,cAAK,CAACC,QAAQ,CAAW,EAAE,CAAC,CAAAS,gBAAA,CAAAP,cAAA,CAAAM,gBAAA,IAAjEE,cAAc,CAAAD,gBAAA,CAAA,CAAA,CAAA,CAAEE,iBAAiB,CAAAF,gBAAA,CACxC,CAAA,CAAA,CAAA,IAAAG,gBAAA,CAA8Cb,cAAK,CAACC,QAAQ,CAE1D,EAAE,CAAC,CAAAa,gBAAA,CAAAX,cAAA,CAAAU,gBAAA,CAFEE,CAAAA,CAAAA,CAAAA,eAAe,CAAAD,gBAAA,CAAA,CAAA,CAAA,CAAEE,kBAAkB,CAAAF,gBAAA,CAG1C,CAAA,CAAA,CAAA,IAAAG,gBAAA,CAA4DjB,cAAK,CAACC,QAAQ,CAExE,EAAE,CAAC,CAAAiB,iBAAA,CAAAf,cAAA,CAAAc,gBAAA,CAFEE,CAAAA,CAAAA,CAAAA,sBAAsB,CAAAD,iBAAA,IAAEE,yBAAyB,CAAAF,iBAAA,CAAA,CAAA,CAAA,CAGxD,IAAAG,iBAAA,CAAsCrB,cAAK,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAAqB,iBAAA,CAAAnB,cAAA,CAAAkB,iBAAA,IAAjDE,WAAW,CAAAD,iBAAA,CAAA,CAAA,CAAA,CAAEE,cAAc,CAAAF,iBAAA,IAClC,IAAAG,iBAAA,CAA4CzB,cAAK,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAAyB,iBAAA,CAAAvB,cAAA,CAAAsB,iBAAA,CAAvDE,CAAAA,CAAAA,CAAAA,cAAc,CAAAD,iBAAA,CAAA,CAAA,CAAA,CAAEE,iBAAiB,CAAAF,iBAAA,IACxC,IAAAG,iBAAA,CAAkE7B,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAA6B,iBAAA,CAAA3B,cAAA,CAAA0B,iBAAA,CAAhFE,CAAAA,CAAAA,CAAAA,yBAAyB,CAAAD,iBAAA,CAAA,CAAA,CAAA,CAAEE,4BAA4B,CAAAF,iBAAA,CAC9D,CAAA,CAAA,CAAA,IAAAG,iBAAA,CAA8CjC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAiC,iBAAA,CAAA/B,cAAA,CAAA8B,iBAAA,CAA5DE,CAAAA,CAAAA,CAAAA,eAAe,CAAAD,iBAAA,CAAA,CAAA,CAAA,CAAEE,kBAAkB,CAAAF,iBAAA,CAC1C,CAAA,CAAA,CAAA,IAAAG,iBAAA,CAGIrC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAqC,iBAAA,CAAAnC,cAAA,CAAAkC,iBAAA,CAFvBE,CAAAA,CAAAA,CAAAA,kCAAkC,CAAAD,iBAAA,IAClCE,qCAAqC,CAAAF,iBAAA,CAAA,CAAA,CAAA,CAEvC,IAAAG,iBAAA,CAAgDzC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAyC,iBAAA,CAAAvC,cAAA,CAAAsC,iBAAA,CAAA,CAAA,CAAA,CAA9DE,gBAAgB,CAAAD,iBAAA,CAAEE,CAAAA,CAAAA,CAAAA,mBAAmB,CAAAF,iBAAA,CAAA,CAAA,CAAA,CAC5C,IAAAG,iBAAA,CAA8D7C,cAAK,CAACC,QAAQ,CAE1E,CAAC,CAAC,CAAA6C,iBAAA,CAAA3C,cAAA,CAAA0C,iBAAA,CAAA,CAAA,CAAA,CAFGE,uBAAuB,CAAAD,iBAAA,CAAEE,CAAAA,CAAAA,CAAAA,0BAA0B,CAAAF,iBAAA,IAG1D,IAAAG,iBAAA,CAAwCjD,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAiD,iBAAA,CAAA/C,cAAA,CAAA8C,iBAAA,IAAtDE,YAAY,CAAAD,iBAAA,CAAA,CAAA,CAAA,CAAEE,eAAe,CAAAF,iBAAA,IAEpC,IAAAG,iBAAA,CAA4DrD,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAqD,iBAAA,CAAAnD,cAAA,CAAAkD,iBAAA,CAAA,CAAA,CAAA,CAA1EE,sBAAsB,CAAAD,iBAAA,CAAEE,CAAAA,CAAAA,CAAAA,yBAAyB,CAAAF,iBAAA,CAAA,CAAA,CAAA,CAMxD,IAAMG,mBAAmB,CAAGzD,cAAK,CAAC0D,MAAM,CAAuB,IAAI,CAAC,CACpE,IAAMC,YAAY,CAAG3D,cAAK,CAAC0D,MAAM,CAAoB,IAAI,CAAC,CAC1D,IAAME,iBAAiB,CAAG5D,cAAK,CAAC0D,MAAM,CAAiB,IAAI,CAAC,CAC5D,IAAMG,iBAAiB,CAAG7D,cAAK,CAAC0D,MAAM,EAA4C,CAClF,IAAMI,iBAAiB,CAAG9D,cAAK,CAAC0D,MAAM,CAA4B,CAAEK,KAAK,CAAE,KAAM,CAAC,CAAC,CACnF,IAAMC,mBAAmB,CAAGhE,cAAK,CAAC0D,MAAM,CAAoB,CAAEK,KAAK,CAAE,CAAE,CAAC,CAAC,CACzE,IAAME,oBAAoB,CAAGjE,cAAK,CAAC0D,MAAM,CAAiB,IAAI,CAAC,CAE/D,IAAMQ,cAAc,CAAGC,KAAK,CAAC,UAAU,CAAC,CAExCC,YAAY,CAAC,UAAM,CACjB7E,YAAY,EAAA,IAAA,CAAA,KAAA,CAAA,CAAZA,YAAY,CAAGD,MAAM,CAAC,CACtB,GAAI,CAACA,MAAM,CAAE,CACXI,SAAS,cAATA,SAAS,EAAI,CACf,CAEF,CAAC,CAAE,CAACJ,MAAM,CAAC,CAAC,CAEZU,cAAK,CAACqE,SAAS,CAAC,UAAM,CACpB,GAAIhF,gBAAgB,GAAKiF,SAAS,CAAE,CAClClE,SAAS,CAACf,gBAAgB,CAAC,CAC7B,CACF,CAAC,CAAE,CAACA,gBAAgB,CAAC,CAAC,CAEtB,IAAMkF,KAAK,CAAGvE,cAAK,CAACwE,WAAW,CAAC,UAAM,CACpC5C,iBAAiB,CAAC,CAAC,CAAC,CAAC,CACrBxB,SAAS,CAAC,KAAK,CAAC,CAClB,CAAC,CAAE,EAAE,CAAC,CAENJ,cAAK,CAACyE,QAAQ,CAACC,GAAG,CAACtF,QAAQ,CAAE,SAACuF,KAAK,CAAK,CACtC,GAAI3E,cAAK,CAAC4E,cAAc,CAACD,KAAK,CAAC,CAAE,CAC/B,GAAIE,OAAO,CAAE,CAAAC,IAAAA,eAAA,CACX,GAAI,CAACtG,qBAAqB,CAACuG,QAAQ,CAAAD,CAAAA,eAAA,CAACE,cAAc,CAACL,KAAK,CAAC,GAAA,IAAA,CAAAG,eAAA,CAAI,EAAE,CAAC,CAAE,CAChEG,eAAe,CAAC,CACdC,OAAO,CAAG,CAAA,oEAAA,EAAsE1G,qBAAqB,CAAC2G,IAAI,CACxG,IACF,CAAE,8EAA6E,CAC/EC,UAAU,CAAE,UACd,CAAC,CAAC,CACJ,CACF,CAEA,GAAIC,sBAAsB,CAACV,KAAK,CAAElG,oBAAoB,CAACC,QAAQ,CAACC,WAAW,CAAC,CAAE,CAC5EkF,iBAAiB,CAACyB,OAAO,CAAG,aAAa,CAC3C,CAEA,GAAID,sBAAsB,CAACV,KAAK,CAAElG,oBAAoB,CAACC,QAAQ,CAACE,cAAc,CAAC,CAAE,CAC/EiF,iBAAiB,CAACyB,OAAO,CAAG,gBAAgB,CAC9C,CAEA,GAAID,sBAAsB,CAACV,KAAK,CAAElG,oBAAoB,CAACC,QAAQ,CAACK,YAAY,CAAC,CAAE,CAC7E8E,iBAAiB,CAACyB,OAAO,CAAG,cAAc,CAC5C,CACF,CACF,CAAC,CAAC,CAEF,IAAMC,YAAY,CAAGvF,cAAK,CAACwF,OAAO,CAChC,UAAO,CAAA,OAAA,CACLlG,MAAM,CAANA,MAAM,CACNc,SAAS,CAATA,SAAS,CACTmE,KAAK,CAALA,KAAK,CACLxD,eAAe,CAAfA,eAAe,CACfC,kBAAkB,CAAlBA,kBAAkB,CAClBG,sBAAsB,CAAtBA,sBAAsB,CACtBC,yBAAyB,CAAzBA,yBAAyB,CACzBb,OAAO,CAAPA,OAAO,CACPC,UAAU,CAAVA,UAAU,CACVG,cAAc,CAAdA,cAAc,CACdC,iBAAiB,CAAjBA,iBAAiB,CACjBW,WAAW,CAAXA,WAAW,CACXC,cAAc,CAAdA,cAAc,CACdG,cAAc,CAAdA,cAAc,CACdC,iBAAiB,CAAjBA,iBAAiB,CACjBoC,mBAAmB,CAAnBA,mBAAmB,CACnBjC,yBAAyB,CAAzBA,yBAAyB,CACzBC,4BAA4B,CAA5BA,4BAA4B,CAC5BW,gBAAgB,CAAhBA,gBAAgB,CAChBC,mBAAmB,CAAnBA,mBAAmB,CACnBsB,cAAc,CAAdA,cAAc,CACdP,YAAY,CAAZA,YAAY,CACZF,mBAAmB,CAAnBA,mBAAmB,CACnBG,iBAAiB,CAAjBA,iBAAiB,CACjBnE,aAAa,CAAbA,aAAa,CACb0C,eAAe,CAAfA,eAAe,CACfC,kBAAkB,CAAlBA,kBAAkB,CAClBG,kCAAkC,CAAlCA,kCAAkC,CAClCC,qCAAqC,CAArCA,qCAAqC,CACrCqB,iBAAiB,CAAEA,iBAAiB,CAACyB,OAAO,CAC5CvC,uBAAuB,CAAvBA,uBAAuB,CACvBC,0BAA0B,CAA1BA,0BAA0B,CAC1BG,YAAY,CAAZA,YAAY,CACZC,eAAe,CAAfA,eAAe,CACfU,iBAAiB,CAAjBA,iBACF,CAAC,CAAC,CAAA,CAEF,CACExE,MAAM,CACNyB,eAAe,CACfI,sBAAsB,CACtBZ,OAAO,CACPI,cAAc,CACdY,WAAW,CACXI,cAAc,CACdI,yBAAyB,CACzBtC,aAAa,CACb0C,eAAe,CACfQ,gBAAgB,CAChBI,uBAAuB,CACvBI,YAAY,CAEhB,CAAC,CAED,IAAMsC,sCAAsC,CAAGzF,cAAK,CAACwF,OAAO,CAAC,UAAyC,CACpG,OAAO,CACLlG,MAAM,CAANA,MAAM,CACNiE,sBAAsB,CAAtBA,sBAAsB,CACtBhB,kCAAkC,CAAlCA,kCAAkC,CAClCiB,yBAAyB,CAAzBA,yBAAyB,CAGzBkC,oBAAoB,CAAEnB,KACxB,CAAC,CACH,CAAC,CAAE,CAAChB,sBAAsB,CAAEhB,kCAAkC,CAAEjD,MAAM,CAAEiF,KAAK,CAAC,CAAC,CAE/EvE,cAAK,CAACqE,SAAS,CAAC,UAAgC,CAC9C,GAAI,CAACsB,aAAa,EAAE,CAAE,CACpB,IAAMC,QAAQ,CAAG3B,oBAAoB,CAACqB,OAAO,CAE7C,IAAMO,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAIC,CAAa,CAAW,KAAAC,qBAAA,CAAAC,sBAAA,CACpD,IAAMC,MAAM,CAAGH,CAAC,CAACG,MAAwB,CAEzC,GAAI,CAACA,MAAM,EAAI,CAACL,QAAQ,CAAE,CACxB,OACF,CAEA,GAAI,CAACA,QAAQ,CAACM,QAAQ,CAACD,MAAM,CAAC,EAAI,EAAAF,CAAAA,qBAAA,CAACjC,iBAAiB,CAACwB,OAAO,GAAA,IAAA,EAAzBS,qBAAA,CAA2BhC,KAAK,EAAE,CACnEQ,KAAK,EAAE,CACT,CAEA,GAAA,CAAAyB,sBAAA,CAAIlC,iBAAiB,CAACwB,OAAO,SAAzBU,sBAAA,CAA2BjC,KAAK,CAAE,CACpCD,iBAAiB,CAACwB,OAAO,CAACvB,KAAK,CAAG,KAAK,CACzC,CACF,CAAC,CAED,IAAMoC,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAIL,CAAa,CAAW,CACpD,IAAMG,MAAM,CAAGH,CAAC,CAACM,aAA+B,CAChD5E,cAAc,CAAC,CAAC,CAAC,CAAC,CAElB,GAAI,CAACoE,QAAQ,EAAI,CAACK,MAAM,CAAE,CACxB,OACF,CAEA,GAAI,CAACL,QAAQ,CAACM,QAAQ,CAACD,MAAM,CAAC,CAAE,CAC9B1B,KAAK,EAAE,CACT,CACF,CAAC,CAED8B,QAAQ,CAACC,gBAAgB,CAAC,OAAO,CAAET,oBAAoB,CAAC,CACxDQ,QAAQ,CAACC,gBAAgB,CAAC,UAAU,CAAEH,oBAAoB,CAAC,CAE3D,OAAmB,UAAA,CACjBE,QAAQ,CAACE,mBAAmB,CAAC,OAAO,CAAEV,oBAAoB,CAAC,CAC3DQ,QAAQ,CAACE,mBAAmB,CAAC,UAAU,CAAEJ,oBAAoB,CAAC,CAChE,CAAC,CACH,CAEA,OAAO7B,SAAS,CAElB,CAAC,CAAE,EAAE,CAAC,CAEN,OACEkC,GAAA,CAACC,iCAAiC,CAACC,QAAQ,EAAC3C,KAAK,CAAE0B,sCAAuC,CAAArG,QAAA,CACxFoH,GAAA,CAACG,eAAe,CAACD,QAAQ,CAAC3C,CAAAA,KAAK,CAAEwB,YAAa,CAAAnG,QAAA,CAC5CoH,GAAA,CAACI,OAAO,CAAAC,MAAA,CAAAC,MAAA,EAENC,GAAG,CAAE9C,oBAA4B,CAC7B+C,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,QAAQ,CAAExH,MAAM,CAANA,MAAO,CAAC,CAAC,CACvDyH,cAAc,CAACxH,WAAW,CAAC,EAAAR,QAAA,CAE/BoH,GAAA,CAACI,OAAO,CAACS,CAAAA,QAAQ,CAAC,UAAU,CAACC,SAAS,CAAE,MAAgB,CAAAlI,QAAA,CACrDA,QAAQ,CACF,CAAC,CAAA,CACH,CAAC,CACc,CAAC,CACe,CAAC,CAEjD,CAAC,CAEK,IAAA+H,QAAQ,CAAGI,wBAAwB,CAACrI,SAAS,CAAE,CACnDsI,WAAW,CAAE/I,oBAAoB,CAAC0I,QACpC,CAAC;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport type { ContainerElementType } from '~utils/types';\n\nconst validDropdownChildren = [\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [isOpen, setIsOpen] = React.useState<boolean>(isOpenControlled ?? false);\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n\n  useDidUpdate(() => {\n    onOpenChange?.(isOpen);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  React.useEffect(() => {\n    if (isOpenControlled !== undefined) {\n      setIsOpen(isOpenControlled);\n    }\n  }, [isOpenControlled]);\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isOpen,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isOpen, close]);\n\n  React.useEffect((): (() => void) | undefined => {\n    if (!isReactNative()) {\n      const dropdown = dropdownContainerRef.current;\n\n      const documentClickHandler = (e: MouseEvent): void => {\n        const target = e.target as HTMLDivElement;\n\n        if (!target || !dropdown) {\n          return;\n        }\n\n        if (!dropdown.contains(target) && !isTagDismissedRef.current?.value) {\n          close();\n        }\n\n        if (isTagDismissedRef.current?.value) {\n          isTagDismissedRef.current.value = false;\n        }\n      };\n\n      const documentFocusHandler = (e: FocusEvent): void => {\n        const target = e.relatedTarget as HTMLDivElement;\n        setActiveIndex(-1);\n\n        if (!dropdown || !target) {\n          return;\n        }\n\n        if (!dropdown.contains(target)) {\n          close();\n        }\n      };\n\n      document.addEventListener('click', documentClickHandler);\n      document.addEventListener('focusout', documentFocusHandler);\n\n      return (): void => {\n        document.removeEventListener('click', documentClickHandler);\n        document.removeEventListener('focusout', documentFocusHandler);\n      };\n    }\n\n    return undefined;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsOpen","_React$useState3","_React$useState4","options","setOptions","_React$useState5","_React$useState6","filteredValues","setFilteredValues","_React$useState7","_React$useState8","selectedIndices","setSelectedIndices","_React$useState9","_React$useState10","controlledValueIndices","setControlledValueIndices","_React$useState11","_React$useState12","activeIndex","setActiveIndex","_React$useState13","_React$useState14","activeTagIndex","setActiveTagIndex","_React$useState15","_React$useState16","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState17","_React$useState18","hasFooterAction","setHasFooterAction","_React$useState19","_React$useState20","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState21","_React$useState22","isKeydownPressed","setIsKeydownPressed","_React$useState23","_React$useState24","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState25","_React$useState26","isControlled","setIsControlled","_React$useState27","_React$useState28","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","useDidUpdate","useEffect","undefined","close","useCallback","Children","map","child","isValidElement","__DEV__","_getComponentId","includes","getComponentId","throwBladeError","message","join","moduleName","isValidAllowedChildren","current","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","contains","documentFocusHandler","relatedTarget","document","addEventListener","removeEventListener","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","BaseBox","Object","assign","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/Dropdown/StyledDropdownOverlay.js

@@ -6,7 +6,7 @@ import 'react';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import '../BladeProvider/useTheme.js';
 
-var StyledDropdownOverlay=styled(BaseBox)(function(props){var theme=props.theme,isInBottomSheet=props.isInBottomSheet;return {backgroundColor:theme.colors.surface.popup.background,borderWidth:isInBottomSheet?undefined:theme.border.width.thin,borderColor:theme.colors.surface.border.normal.lowContrast,borderStyle:isInBottomSheet?undefined:'solid',borderRadius:makeSize(theme.border.radius.medium)};});
+var StyledDropdownOverlay=styled(BaseBox)(function(props){var theme=props.theme,isInBottomSheet=props.isInBottomSheet;return {backgroundColor:theme.colors.popup.background.subtle,borderWidth:isInBottomSheet?undefined:theme.border.width.thin,borderColor:theme.colors.interactive.border.gray.faded,borderStyle:isInBottomSheet?undefined:'solid',borderRadius:makeSize(theme.border.radius.medium)};});
 
 export { StyledDropdownOverlay };
 //# sourceMappingURL=StyledDropdownOverlay.js.map

package/build/lib/native/components/Dropdown/StyledDropdownOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledDropdownOverlay.js","sources":["../../../../../src/components/Dropdown/StyledDropdownOverlay.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeSize } from '~utils';\n\nconst StyledDropdownOverlay = styled(BaseBox)<{\n  isInBottomSheet?: boolean;\n}>((props) => {\n  const { theme, isInBottomSheet } = props;\n\n  return {\n    backgroundColor: theme.colors.surface.popup.background,\n    borderWidth: isInBottomSheet ? undefined : theme.border.width.thin,\n    borderColor: theme.colors.surface.border.normal.lowContrast,\n    borderStyle: isInBottomSheet ? undefined : 'solid',\n    borderRadius: makeSize(theme.border.radius.medium),\n  };\n});\n\nexport { StyledDropdownOverlay };\n"],"names":["StyledDropdownOverlay","styled","BaseBox","props","theme","isInBottomSheet","backgroundColor","colors","surface","popup","background","borderWidth","undefined","border","width","thin","borderColor","normal","lowContrast","borderStyle","borderRadius","makeSize","radius","medium"],"mappings":";;;;;;;;AAIM,IAAAA,qBAAqB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAE1C,SAACC,KAAK,CAAK,CACZ,IAAQC,KAAK,CAAsBD,KAAK,CAAhCC,KAAK,CAAEC,eAAe,CAAKF,KAAK,CAAzBE,eAAe,CAE9B,OAAO,CACLC,eAAe,CAAEF,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,KAAK,CAACC,UAAU,CACtDC,WAAW,CAAEN,eAAe,CAAGO,SAAS,CAAGR,KAAK,CAACS,MAAM,CAACC,KAAK,CAACC,IAAI,CAClEC,WAAW,CAAEZ,KAAK,CAACG,MAAM,CAACC,OAAO,CAACK,MAAM,CAACI,MAAM,CAACC,WAAW,CAC3DC,WAAW,CAAEd,eAAe,CAAGO,SAAS,CAAG,OAAO,CAClDQ,YAAY,CAAEC,QAAQ,CAACjB,KAAK,CAACS,MAAM,CAACS,MAAM,CAACC,MAAM,CACnD,CAAC,CACH,CAAC;;;;"}
+{"version":3,"file":"StyledDropdownOverlay.js","sources":["../../../../../src/components/Dropdown/StyledDropdownOverlay.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeSize } from '~utils';\n\nconst StyledDropdownOverlay = styled(BaseBox)<{\n  isInBottomSheet?: boolean;\n}>((props) => {\n  const { theme, isInBottomSheet } = props;\n\n  return {\n    backgroundColor: theme.colors.popup.background.subtle,\n    borderWidth: isInBottomSheet ? undefined : theme.border.width.thin,\n    borderColor: theme.colors.interactive.border.gray.faded,\n    borderStyle: isInBottomSheet ? undefined : 'solid',\n    borderRadius: makeSize(theme.border.radius.medium),\n  };\n});\n\nexport { StyledDropdownOverlay };\n"],"names":["StyledDropdownOverlay","styled","BaseBox","props","theme","isInBottomSheet","backgroundColor","colors","popup","background","subtle","borderWidth","undefined","border","width","thin","borderColor","interactive","gray","faded","borderStyle","borderRadius","makeSize","radius","medium"],"mappings":";;;;;;;;AAIM,IAAAA,qBAAqB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAE1C,SAACC,KAAK,CAAK,CACZ,IAAQC,KAAK,CAAsBD,KAAK,CAAhCC,KAAK,CAAEC,eAAe,CAAKF,KAAK,CAAzBE,eAAe,CAE9B,OAAO,CACLC,eAAe,CAAEF,KAAK,CAACG,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,MAAM,CACrDC,WAAW,CAAEN,eAAe,CAAGO,SAAS,CAAGR,KAAK,CAACS,MAAM,CAACC,KAAK,CAACC,IAAI,CAClEC,WAAW,CAAEZ,KAAK,CAACG,MAAM,CAACU,WAAW,CAACJ,MAAM,CAACK,IAAI,CAACC,KAAK,CACvDC,WAAW,CAAEf,eAAe,CAAGO,SAAS,CAAG,OAAO,CAClDS,YAAY,CAAEC,QAAQ,CAAClB,KAAK,CAACS,MAAM,CAACU,MAAM,CAACC,MAAM,CACnD,CAAC,CACH,CAAC;;;;"}

package/build/lib/native/components/Form/CharacterCounter/CharacterCounter.js

@@ -10,7 +10,7 @@ import { jsxs } from 'react/jsx-runtime';
 import { Text } from '../../Typography/Text/Text.js';
 import '../../Typography/Code/Code.js';
 
-var CharacterCounter=function CharacterCounter(_ref){var currentCount=_ref.currentCount,maxCount=_ref.maxCount;return jsxs(Text,{variant:"caption",weight:"regular",type:"muted",children:[currentCount,"/",maxCount]});};
+var CharacterCounter=function CharacterCounter(_ref){var currentCount=_ref.currentCount,maxCount=_ref.maxCount;return jsxs(Text,{variant:"caption",weight:"regular",color:"surface.text.gray.muted",children:[currentCount,"/",maxCount]});};
 
 export { CharacterCounter };
 //# sourceMappingURL=CharacterCounter.js.map

package/build/lib/native/components/Form/CharacterCounter/CharacterCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharacterCounter.js","sources":["../../../../../../src/components/Form/CharacterCounter/CharacterCounter.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Text } from '~components/Typography';\n\ntype CharacterCounterProps = {\n  currentCount: number;\n  maxCount: number;\n};\n\nexport const CharacterCounter = ({\n  currentCount,\n  maxCount,\n}: CharacterCounterProps): ReactElement => (\n  <Text variant=\"caption\" weight=\"regular\" type=\"muted\">\n    {currentCount}/{maxCount}\n  </Text>\n);\n"],"names":["CharacterCounter","_ref","currentCount","maxCount","_jsxs","Text","variant","weight","type","children"],"mappings":";;;;;;;;;;;;AAQa,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAAA,CAAA,IAC3BC,YAAY,CAAAD,IAAA,CAAZC,YAAY,CACZC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAA,OAERC,IAAA,CAACC,IAAI,CAACC,CAAAA,OAAO,CAAC,SAAS,CAACC,MAAM,CAAC,SAAS,CAACC,IAAI,CAAC,OAAO,CAAAC,QAAA,CAClDP,CAAAA,YAAY,CAAC,GAAC,CAACC,QAAQ,CACpB,CAAA,CAAC,CACR;;;;"}
+{"version":3,"file":"CharacterCounter.js","sources":["../../../../../../src/components/Form/CharacterCounter/CharacterCounter.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Text } from '~components/Typography';\n\ntype CharacterCounterProps = {\n  currentCount: number;\n  maxCount: number;\n};\n\nexport const CharacterCounter = ({\n  currentCount,\n  maxCount,\n}: CharacterCounterProps): ReactElement => (\n  <Text variant=\"caption\" weight=\"regular\" color=\"surface.text.gray.muted\">\n    {currentCount}/{maxCount}\n  </Text>\n);\n"],"names":["CharacterCounter","_ref","currentCount","maxCount","_jsxs","Text","variant","weight","color","children"],"mappings":";;;;;;;;;;;;AAQa,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAAA,CAAA,IAC3BC,YAAY,CAAAD,IAAA,CAAZC,YAAY,CACZC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAA,OAERC,IAAA,CAACC,IAAI,CAACC,CAAAA,OAAO,CAAC,SAAS,CAACC,MAAM,CAAC,SAAS,CAACC,KAAK,CAAC,yBAAyB,CAAAC,QAAA,CACrEP,CAAAA,YAAY,CAAC,GAAC,CAACC,QAAQ,CACpB,CAAA,CAAC,CACR;;;;"}

package/build/lib/native/components/Form/FormHint.js

@@ -1,6 +1,6 @@
 import 'react';
 import { FormHintWrapper } from './FormHintWrapper.native.js';
-import { BaseText } from '../Typography/BaseText/BaseText.native.js';
+import { Text } from '../Typography/Text/Text.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'react-native-svg';
@@ -20,7 +20,7 @@ import '../../tokens/global/motion.js';
 import CheckIcon from '../Icons/CheckIcon/CheckIcon.js';
 import InfoIcon from '../Icons/InfoIcon/InfoIcon.js';
 
-var HintText=function HintText(_ref){var Icon=_ref.icon,children=_ref.children,id=_ref.id,color=_ref.color;var isReactNative=getPlatformType()==='react-native';return jsx(BaseBox,{marginTop:"spacing.2",children:jsxs(FormHintWrapper,{children:[Icon?jsx(Icon,{}):null,jsx(BaseText,{id:id,as:isReactNative?undefined:'span',color:color,fontSize:50,lineHeight:50,fontStyle:"italic",fontFamily:"text",children:children})]})});};var Icons={error:function error(){return jsxs(Fragment,{children:[jsx(InfoIcon,{color:"feedback.icon.negative.lowContrast",size:"small"}),jsx(BaseBox,{marginRight:"spacing.2"})]});},success:function success(){return jsxs(Fragment,{children:[jsx(CheckIcon,{color:"feedback.icon.positive.lowContrast",size:"small"}),jsx(BaseBox,{marginRight:"spacing.2"})]});}};var FormHint=function FormHint(_ref2){var type=_ref2.type,helpText=_ref2.helpText,errorText=_ref2.errorText,successText=_ref2.successText,helpTextId=_ref2.helpTextId,errorTextId=_ref2.errorTextId,successTextId=_ref2.successTextId;var colors={help:'surface.text.muted.lowContrast',error:'feedback.text.negative.lowContrast',success:'feedback.text.positive.lowContrast'};var showError=type==='error'&&errorText;var showSuccess=type==='success'&&successText;var showHelp=!showError&&!showSuccess&&helpText;return jsxs(Fragment,{children:[showHelp&&jsx(HintText,{id:helpTextId,color:colors.help,children:helpText}),showError&&jsx(HintText,{id:errorTextId,icon:Icons.error,color:colors.error,children:errorText}),showSuccess&&jsx(HintText,{id:successTextId,icon:Icons.success,color:colors.success,children:successText})]});};
+var HintText=function HintText(_ref){var Icon=_ref.icon,children=_ref.children,id=_ref.id,color=_ref.color;var isReactNative=getPlatformType()==='react-native';return jsx(BaseBox,{marginTop:"spacing.2",id:id,children:jsxs(FormHintWrapper,{children:[Icon?jsx(Icon,{}):null,jsx(Text,{as:isReactNative?undefined:'span',color:color,size:"small",variant:"caption",children:children})]})});};var Icons={error:function error(){return jsxs(Fragment,{children:[jsx(InfoIcon,{color:"feedback.icon.negative.intense",size:"small"}),jsx(BaseBox,{marginRight:"spacing.2"})]});},success:function success(){return jsxs(Fragment,{children:[jsx(CheckIcon,{color:"feedback.icon.positive.intense",size:"small"}),jsx(BaseBox,{marginRight:"spacing.2"})]});}};var FormHint=function FormHint(_ref2){var type=_ref2.type,helpText=_ref2.helpText,errorText=_ref2.errorText,successText=_ref2.successText,helpTextId=_ref2.helpTextId,errorTextId=_ref2.errorTextId,successTextId=_ref2.successTextId;var colors={help:'surface.text.gray.muted',error:'feedback.text.negative.intense',success:'feedback.text.positive.intense'};var showError=type==='error'&&errorText;var showSuccess=type==='success'&&successText;var showHelp=!showError&&!showSuccess&&helpText;return jsxs(Fragment,{children:[showHelp&&jsx(HintText,{id:helpTextId,color:colors.help,children:helpText}),showError&&jsx(HintText,{id:errorTextId,icon:Icons.error,color:colors.error,children:errorText}),showSuccess&&jsx(HintText,{id:successTextId,icon:Icons.success,color:colors.success,children:successText})]});};
 
 export { FormHint };
 //# sourceMappingURL=FormHint.js.map