@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/native/components/Indicator/indicatorTokens.js

@@ -1,5 +1,4 @@
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../../tokens/global/index.js';
 import { size } from '../../tokens/global/size.js';
 
 var textSizeMapping={small:'small',large:'medium',medium:'medium'};var indicatorDotSizes={subtle:{small:{outer:0,inner:size[6]},medium:{outer:0,inner:size[8]},large:{outer:0,inner:size[10]}},intense:{small:{outer:size[16],inner:size[8]},medium:{outer:size[20],inner:size[10]},large:{outer:size[24],inner:size[12]}}};

package/build/lib/native/components/Indicator/indicatorTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"indicatorTokens.js","sources":["../../../../../src/components/Indicator/indicatorTokens.ts"],"sourcesContent":["import { size as sizeToken } from '~tokens/global';\n\nconst textSizeMapping = {\n  small: 'small',\n  large: 'medium',\n  medium: 'medium',\n} as const;\n\nconst indicatorDotSizes = {\n  subtle: {\n    small: {\n      outer: 0,\n      inner: sizeToken[6],\n    },\n    medium: {\n      outer: 0,\n      inner: sizeToken[8],\n    },\n    large: {\n      outer: 0,\n      inner: sizeToken[10],\n    },\n  },\n  intense: {\n    small: {\n      outer: sizeToken[16],\n      inner: sizeToken[8],\n    },\n    medium: {\n      outer: sizeToken[20],\n      inner: sizeToken[10],\n    },\n    large: {\n      outer: sizeToken[24],\n      inner: sizeToken[12],\n    },\n  },\n} as const;\n\nexport { indicatorDotSizes, textSizeMapping };\n"],"names":["textSizeMapping","small","large","medium","indicatorDotSizes","subtle","outer","inner","sizeToken","intense"],"mappings":";;;;AAEM,IAAAA,eAAe,CAAG,CACtBC,KAAK,CAAE,OAAO,CACdC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QACV,EAEM,IAAAC,iBAAiB,CAAG,CACxBC,MAAM,CAAE,CACNJ,KAAK,CAAE,CACLK,KAAK,CAAE,CAAC,CACRC,KAAK,CAAEC,IAAS,CAAC,CAAC,CACpB,CAAC,CACDL,MAAM,CAAE,CACNG,KAAK,CAAE,CAAC,CACRC,KAAK,CAAEC,IAAS,CAAC,CAAC,CACpB,CAAC,CACDN,KAAK,CAAE,CACLI,KAAK,CAAE,CAAC,CACRC,KAAK,CAAEC,IAAS,CAAC,EAAE,CACrB,CACF,CAAC,CACDC,OAAO,CAAE,CACPR,KAAK,CAAE,CACLK,KAAK,CAAEE,IAAS,CAAC,EAAE,CAAC,CACpBD,KAAK,CAAEC,IAAS,CAAC,CAAC,CACpB,CAAC,CACDL,MAAM,CAAE,CACNG,KAAK,CAAEE,IAAS,CAAC,EAAE,CAAC,CACpBD,KAAK,CAAEC,IAAS,CAAC,EAAE,CACrB,CAAC,CACDN,KAAK,CAAE,CACLI,KAAK,CAAEE,IAAS,CAAC,EAAE,CAAC,CACpBD,KAAK,CAAEC,IAAS,CAAC,EAAE,CACrB,CACF,CACF;;;;"}
+{"version":3,"file":"indicatorTokens.js","sources":["../../../../../src/components/Indicator/indicatorTokens.ts"],"sourcesContent":["import { size as sizeToken } from '~tokens/global';\n\nconst textSizeMapping = {\n  small: 'small',\n  large: 'medium',\n  medium: 'medium',\n} as const;\n\nconst indicatorDotSizes = {\n  subtle: {\n    small: {\n      outer: 0,\n      inner: sizeToken[6],\n    },\n    medium: {\n      outer: 0,\n      inner: sizeToken[8],\n    },\n    large: {\n      outer: 0,\n      inner: sizeToken[10],\n    },\n  },\n  intense: {\n    small: {\n      outer: sizeToken[16],\n      inner: sizeToken[8],\n    },\n    medium: {\n      outer: sizeToken[20],\n      inner: sizeToken[10],\n    },\n    large: {\n      outer: sizeToken[24],\n      inner: sizeToken[12],\n    },\n  },\n} as const;\n\nexport { indicatorDotSizes, textSizeMapping };\n"],"names":["textSizeMapping","small","large","medium","indicatorDotSizes","subtle","outer","inner","sizeToken","intense"],"mappings":";;;AAEM,IAAAA,eAAe,CAAG,CACtBC,KAAK,CAAE,OAAO,CACdC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QACV,EAEM,IAAAC,iBAAiB,CAAG,CACxBC,MAAM,CAAE,CACNJ,KAAK,CAAE,CACLK,KAAK,CAAE,CAAC,CACRC,KAAK,CAAEC,IAAS,CAAC,CAAC,CACpB,CAAC,CACDL,MAAM,CAAE,CACNG,KAAK,CAAE,CAAC,CACRC,KAAK,CAAEC,IAAS,CAAC,CAAC,CACpB,CAAC,CACDN,KAAK,CAAE,CACLI,KAAK,CAAE,CAAC,CACRC,KAAK,CAAEC,IAAS,CAAC,EAAE,CACrB,CACF,CAAC,CACDC,OAAO,CAAE,CACPR,KAAK,CAAE,CACLK,KAAK,CAAEE,IAAS,CAAC,EAAE,CAAC,CACpBD,KAAK,CAAEC,IAAS,CAAC,CAAC,CACpB,CAAC,CACDL,MAAM,CAAE,CACNG,KAAK,CAAEE,IAAS,CAAC,EAAE,CAAC,CACpBD,KAAK,CAAEC,IAAS,CAAC,EAAE,CACrB,CAAC,CACDN,KAAK,CAAE,CACLI,KAAK,CAAEE,IAAS,CAAC,EAAE,CAAC,CACpBD,KAAK,CAAEC,IAAS,CAAC,EAAE,CACrB,CACF,CACF;;;;"}

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

@@ -1,7 +1,30 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import { itemTitleHeight, iconSize, elementGap, titleTextSize, helpTextSize, titleColumnWidth, avatarAdjustmentPaddingY } from './infoGroupTokens.js';
+import { useInfoGroup, useInfoItem, InfoItemContext, InfoGroupContext } from './InfoGroupContext.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/index.js';
+import '../Divider/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/useTruncationTitle/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { useTruncationTitle } from '../../utils/useTruncationTitle/useTruncationTitle.native.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { Text } from '../Typography/Text/Text.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { Divider } from '../Divider/Divider.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 
-var InfoGroup=function InfoGroup(_props){throwBladeError({message:'InfoGroup is not yet implemented for React Native',moduleName:'InfoGroup'});return jsx(Fragment,{});};var InfoItem=function InfoItem(_props){throwBladeError({message:'InfoItem is not yet implemented for React Native',moduleName:'InfoItem'});return jsx(Fragment,{});};var InfoItemKey=function InfoItemKey(_props){throwBladeError({message:'InfoItemKey is not yet implemented for React Native',moduleName:'InfoItemKey'});return jsx(Fragment,{});};var InfoItemValue=function InfoItemValue(_props){throwBladeError({message:'InfoItemValue is not yet implemented for React Native',moduleName:'InfoItemValue'});return jsx(Fragment,{});};
+var _excluded=["children","itemOrientation","size","valueAlign","isHighlighted","gridTemplateColumns","width","maxWidth","minWidth","testID","paddingLeft","paddingRight","paddingTop","paddingBottom","padding","paddingX","paddingY"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/InfoGroup/InfoGroup.native.tsx";var getCenterBoxProps=function getCenterBoxProps(size){var strictHeight=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;return Object.assign({display:'flex',alignItems:'center',justifyContent:'flex-start'},strictHeight?{height:makeSize(itemTitleHeight[size])}:{minHeight:makeSize(itemTitleHeight[size])});};var renderElement=function renderElement(element,size){if(!element)return null;if(React__default.isValidElement(element)){return element;}var IconComp=element;return jsx(IconComp,{size:iconSize[size],color:"surface.icon.gray.muted"});};var TitleCollection=function TitleCollection(_ref){var children=_ref.children,leading=_ref.leading,trailing=_ref.trailing,helpText=_ref.helpText,titleWeight=_ref.titleWeight,titleColor=_ref.titleColor,paddingLeft=_ref.paddingLeft,paddingRight=_ref.paddingRight,truncateAfterLines=_ref.truncateAfterLines;var _useInfoGroup=useInfoGroup(),size=_useInfoGroup.size;var _useInfoItem=useInfoItem(),setHasAvatar=_useInfoItem.setHasAvatar;var isAvatar=getComponentId(React__default.isValidElement(leading)?leading:undefined)==='Avatar';React__default.useEffect(function(){if(isAvatar){setHasAvatar(true);}},[isAvatar,setHasAvatar]);var _useTruncationTitle=useTruncationTitle({content:typeof children==='string'?children:undefined}),containerRef=_useTruncationTitle.containerRef,textRef=_useTruncationTitle.textRef;return jsxs(BaseBox,{display:"flex",alignItems:"flex-start",flexDirection:"row",gap:elementGap[size],paddingLeft:paddingLeft,paddingRight:paddingRight,flexShrink:1,children:[leading&&jsx(BaseBox,Object.assign({},getCenterBoxProps(size,true),{children:renderElement(leading,size)})),jsxs(BaseBox,{display:"flex",flexDirection:"column",flexShrink:1,children:[jsx(BaseBox,Object.assign({ref:containerRef},getCenterBoxProps(size),{children:typeof children==='string'?jsx(Text,{ref:textRef,variant:"body",size:titleTextSize[size],weight:titleWeight,color:titleColor,truncateAfterLines:truncateAfterLines,children:children}):children})),helpText&&jsx(Text,{variant:"body",size:helpTextSize[size],weight:"regular",color:"surface.text.gray.muted",children:helpText})]}),trailing&&jsx(BaseBox,Object.assign({},getCenterBoxProps(size,true),{children:renderElement(trailing,size)}))]});};var _InfoItemKey=function _InfoItemKey(_ref2,ref){var children=_ref2.children,leading=_ref2.leading,trailing=_ref2.trailing,helpText=_ref2.helpText,truncateAfterLines=_ref2.truncateAfterLines,testID=_ref2.testID;var _useInfoGroup2=useInfoGroup(),itemOrientation=_useInfoGroup2.itemOrientation,size=_useInfoGroup2.size;var _useInfoItem2=useInfoItem(),hasAvatar=_useInfoItem2.hasAvatar,isHighlighted=_useInfoItem2.isHighlighted;var isHorizontal=itemOrientation==='horizontal';return jsxs(BaseBox,Object.assign({ref:ref,display:"flex",alignItems:"center",alignSelf:isHorizontal?'flex-start':'stretch',justifyContent:"flex-start",flexDirection:"row",width:isHorizontal?makeSize(titleColumnWidth[size]):undefined,paddingY:hasAvatar?avatarAdjustmentPaddingY[size]:undefined},metaAttribute({name:MetaConstants.InfoItemKey,testID:testID}),{children:[itemOrientation==='horizontal'&&isHighlighted?jsx(Divider,{orientation:"vertical"}):null,jsx(TitleCollection,{leading:leading,trailing:trailing,helpText:helpText,titleWeight:"medium",titleColor:"surface.text.gray.muted",truncateAfterLines:truncateAfterLines,paddingLeft:isHighlighted?'spacing.4':'spacing.0',paddingRight:"spacing.0",children:children})]}));};var InfoItemKey=assignWithoutSideEffects(React__default.forwardRef(_InfoItemKey),{displayName:'InfoItemKey',componentId:'InfoItemKey'});var _InfoItemValue=function _InfoItemValue(_ref3,ref){var children=_ref3.children,leading=_ref3.leading,trailing=_ref3.trailing,helpText=_ref3.helpText,truncateAfterLines=_ref3.truncateAfterLines,testID=_ref3.testID;var _useInfoGroup3=useInfoGroup(),itemOrientation=_useInfoGroup3.itemOrientation,valueAlign=_useInfoGroup3.valueAlign,size=_useInfoGroup3.size;var _useInfoItem3=useInfoItem(),hasAvatar=_useInfoItem3.hasAvatar,isHighlighted=_useInfoItem3.isHighlighted;var isHorizontal=itemOrientation==='horizontal';return jsx(BaseBox,Object.assign({ref:ref,display:"flex",flexDirection:"row",alignItems:"center",alignSelf:isHorizontal?'flex-start':'stretch',justifyContent:valueAlign==='right'?'flex-end':'flex-start',flex:isHorizontal?1:undefined,paddingY:hasAvatar?avatarAdjustmentPaddingY[size]:undefined},metaAttribute({name:MetaConstants.InfoItemValue,testID:testID}),{children:jsx(TitleCollection,{leading:leading,trailing:trailing,helpText:helpText,titleWeight:"medium",titleColor:"surface.text.gray.subtle",truncateAfterLines:truncateAfterLines,paddingLeft:isHighlighted&&itemOrientation==='vertical'?'spacing.4':'spacing.0',paddingRight:isHighlighted?'spacing.4':'spacing.0',children:children})}));};var InfoItemValue=assignWithoutSideEffects(React__default.forwardRef(_InfoItemValue),{displayName:'InfoItemValue',componentId:'InfoItemValue'});var HorizontalItemBox=React__default.forwardRef(function(_ref4,ref){var children=_ref4.children,testID=_ref4.testID;return jsx(BaseBox,Object.assign({ref:ref,display:"flex",flexDirection:"row",alignItems:"flex-start",gap:"spacing.6"},metaAttribute({name:MetaConstants.InfoItem,testID:testID}),{children:children}));});var VerticalItemBox=React__default.forwardRef(function(_ref5,ref){var children=_ref5.children,testID=_ref5.testID,_ref5$isHighlighted=_ref5.isHighlighted,isHighlighted=_ref5$isHighlighted===void 0?false:_ref5$isHighlighted;return jsxs(BaseBox,Object.assign({display:"flex",flexDirection:"row",alignItems:"flex-start",ref:ref},metaAttribute({name:MetaConstants.InfoItem,testID:testID}),{children:[isHighlighted&&jsx(Divider,{orientation:"vertical"}),jsx(BaseBox,{display:"flex",flexDirection:"column",gap:"spacing.2",flex:1,children:children})]}));});var _InfoItem=function _InfoItem(_ref6,ref){var children=_ref6.children,testID=_ref6.testID,isHighlighted=_ref6.isHighlighted;var _useInfoGroup4=useInfoGroup(),itemOrientation=_useInfoGroup4.itemOrientation,contextIsHighlighted=_useInfoGroup4.isHighlighted;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),hasAvatar=_React$useState2[0],setHasAvatar=_React$useState2[1];var isVertical=itemOrientation==='vertical';var shouldHighlight=isHighlighted!=null?isHighlighted:contextIsHighlighted;var infoItemContextValue=React__default.useMemo(function(){return {hasAvatar:hasAvatar,setHasAvatar:setHasAvatar,isHighlighted:shouldHighlight};},[hasAvatar,shouldHighlight]);if(isVertical){return jsx(InfoItemContext.Provider,{value:infoItemContextValue,children:jsx(VerticalItemBox,{ref:ref,testID:testID,isHighlighted:shouldHighlight,children:children})});}return jsx(InfoItemContext.Provider,{value:infoItemContextValue,children:jsx(HorizontalItemBox,{ref:ref,testID:testID,children:children})});};var InfoItem=assignWithoutSideEffects(React__default.forwardRef(_InfoItem),{displayName:'InfoItem',componentId:'InfoItem'});var getVerticalColumnCount=function getVerticalColumnCount(gridTemplateColumns,childCount){var fallback=Math.min(4,Math.max(1,childCount||1));var template=String(gridTemplateColumns!=null?gridTemplateColumns:'').trim();if(!template)return fallback;var simpleRepeatMatch=/repeat\(\s*(\d+)/i.exec(template);if(simpleRepeatMatch){var parsed=parseInt(simpleRepeatMatch[1],10);return parsed>0?parsed:fallback;}var minRepeatMatch=/repeat\(\s*min\(\s*(\d+)\s*,\s*(\d+)/i.exec(template);if(minRepeatMatch){return Math.min(parseInt(minRepeatMatch[1],10),parseInt(minRepeatMatch[2],10));}var maxRepeatMatch=/repeat\(\s*max\(\s*(\d+)\s*,\s*(\d+)/i.exec(template);if(maxRepeatMatch){return Math.max(parseInt(maxRepeatMatch[1],10),parseInt(maxRepeatMatch[2],10));}var tracks=template.split(/\s+/).filter(Boolean).length;return tracks>0?tracks:fallback;};var _InfoGroup=function _InfoGroup(_ref7,ref){var children=_ref7.children,_ref7$itemOrientation=_ref7.itemOrientation,itemOrientation=_ref7$itemOrientation===void 0?'horizontal':_ref7$itemOrientation,_ref7$size=_ref7.size,size=_ref7$size===void 0?'medium':_ref7$size,_ref7$valueAlign=_ref7.valueAlign,valueAlign=_ref7$valueAlign===void 0?'left':_ref7$valueAlign,_ref7$isHighlighted=_ref7.isHighlighted,isHighlighted=_ref7$isHighlighted===void 0?false:_ref7$isHighlighted,gridTemplateColumns=_ref7.gridTemplateColumns,width=_ref7.width,maxWidth=_ref7.maxWidth,minWidth=_ref7.minWidth,testID=_ref7.testID,paddingLeft=_ref7.paddingLeft,paddingRight=_ref7.paddingRight,paddingTop=_ref7.paddingTop,paddingBottom=_ref7.paddingBottom,padding=_ref7.padding,paddingX=_ref7.paddingX,paddingY=_ref7.paddingY,rest=_objectWithoutProperties(_ref7,_excluded);var contextValue=React__default.useMemo(function(){return {size:size,itemOrientation:itemOrientation,valueAlign:valueAlign,isHighlighted:isHighlighted};},[size,itemOrientation,valueAlign,isHighlighted]);var childCount=React__default.Children.count(children);var isHorizontal=itemOrientation==='horizontal';var verticalColumnCount=getVerticalColumnCount(gridTemplateColumns,childCount);var verticalRowCount=Math.ceil(childCount/verticalColumnCount);var itemWidth=`${100/verticalColumnCount}%`;var columnGapToken='spacing.6';var rowGapToken='spacing.4';return jsx(InfoGroupContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref,display:"flex",flexDirection:isHorizontal?'column':'row',flexWrap:isHorizontal?undefined:'wrap',gap:isHorizontal?'spacing.4':undefined,width:width,maxWidth:maxWidth,minWidth:minWidth,paddingLeft:paddingLeft,paddingRight:paddingRight,paddingTop:paddingTop,paddingBottom:paddingBottom,padding:padding,paddingX:paddingX,paddingY:paddingY},metaAttribute({name:MetaConstants.InfoGroup,testID:testID}),getStyledProps(rest),{children:!isHorizontal?React__default.Children.map(children,function(child,index){if(!React__default.isValidElement(child))return child;var isLastColumn=index%verticalColumnCount===verticalColumnCount-1||index===childCount-1;var isLastRow=Math.floor(index/verticalColumnCount)===verticalRowCount-1;return jsx(BaseBox,{width:itemWidth,flexDirection:"column",paddingRight:verticalColumnCount>1&&!isLastColumn?columnGapToken:undefined,paddingBottom:isLastRow?undefined:rowGapToken,children:child});}):children}))});};var InfoGroup=assignWithoutSideEffects(React__default.forwardRef(_InfoGroup),{displayName:'InfoGroup',componentId:'InfoGroup'});
 
 export { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };
 //# sourceMappingURL=InfoGroup.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoGroup.native.js","sources":["../../../../../src/components/InfoGroup/InfoGroup.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport type { InfoGroupProps, InfoItemProps, InfoItemKeyProps, InfoItemValueProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst InfoGroup = (_props: InfoGroupProps): React.ReactElement => {\n  throwBladeError({\n    message: 'InfoGroup is not yet implemented for React Native',\n    moduleName: 'InfoGroup',\n  });\n\n  return <></>;\n};\n\nconst InfoItem = (_props: InfoItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'InfoItem is not yet implemented for React Native',\n    moduleName: 'InfoItem',\n  });\n\n  return <></>;\n};\n\nconst InfoItemKey = (_props: InfoItemKeyProps): React.ReactElement => {\n  throwBladeError({\n    message: 'InfoItemKey is not yet implemented for React Native',\n    moduleName: 'InfoItemKey',\n  });\n\n  return <></>;\n};\n\nconst InfoItemValue = (_props: InfoItemValueProps): React.ReactElement => {\n  throwBladeError({\n    message: 'InfoItemValue is not yet implemented for React Native',\n    moduleName: 'InfoItemValue',\n  });\n\n  return <></>;\n};\n\nexport { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };\n"],"names":["InfoGroup","_props","throwBladeError","message","moduleName","_jsx","_Fragment","InfoItem","InfoItemKey","InfoItemValue"],"mappings":";;;AAIM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,MAAsB,CAAyB,CAChEC,eAAe,CAAC,CACdC,OAAO,CAAE,mDAAmD,CAC5DC,UAAU,CAAE,WACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAI,EAAA,CAAC,CACd,EAEM,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,CAAIN,MAAqB,CAAyB,CAC9DC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,UACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,GAAI,CAAC,CACd,EAEM,IAAAE,WAAW,CAAG,SAAdA,WAAWA,CAAIP,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,qDAAqD,CAC9DC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,GAAI,CAAC,CACd,EAEM,IAAAG,aAAa,CAAG,SAAhBA,aAAaA,CAAIR,MAA0B,CAAyB,CACxEC,eAAe,CAAC,CACdC,OAAO,CAAE,uDAAuD,CAChEC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"InfoGroup.native.js","sources":["../../../../../src/components/InfoGroup/InfoGroup.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type {\n  InfoGroupProps,\n  InfoItemProps,\n  InfoItemKeyProps,\n  InfoItemValueProps,\n  TitleCollectionProps,\n} from './types';\nimport {\n  elementGap,\n  titleTextSize,\n  helpTextSize,\n  iconSize,\n  itemTitleHeight,\n  titleColumnWidth,\n  avatarAdjustmentPaddingY,\n} from './infoGroupTokens';\nimport { InfoGroupContext, useInfoGroup, InfoItemContext, useInfoItem } from './InfoGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport type { IconComponent } from '~components/Icons';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils';\nimport type { BoxProps } from '~components/Box';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst getCenterBoxProps = (\n  size: NonNullable<InfoGroupProps['size']>,\n  strictHeight = false,\n): BoxProps => {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    ...(strictHeight\n      ? { height: makeSize(itemTitleHeight[size]) }\n      : {\n          minHeight: makeSize(itemTitleHeight[size]),\n        }),\n  };\n};\n\n// Helper function to render leading/trailing elements (icons or JSX)\nconst renderElement = (\n  element: IconComponent | React.ReactElement | undefined,\n  size: NonNullable<InfoGroupProps['size']>,\n): React.ReactNode => {\n  if (!element) return null;\n\n  // Check if it's already a JSX element (React element)\n  if (React.isValidElement(element)) {\n    return element;\n  }\n\n  // Otherwise, it's a component function - render it with size prop\n  const IconComp = element as IconComponent;\n  return <IconComp size={iconSize[size]} color=\"surface.icon.gray.muted\" />;\n};\n\nconst TitleCollection = ({\n  children,\n  leading,\n  trailing,\n  helpText,\n  titleWeight,\n  titleColor,\n  paddingLeft,\n  paddingRight,\n  truncateAfterLines,\n}: TitleCollectionProps): React.ReactElement => {\n  const { size } = useInfoGroup();\n  const { setHasAvatar } = useInfoItem();\n\n  const isAvatar = getComponentId(React.isValidElement(leading) ? leading : undefined) === 'Avatar';\n\n  // Set hasAvatar context when an avatar is detected\n  React.useEffect(() => {\n    if (isAvatar) {\n      setHasAvatar(true);\n    }\n  }, [isAvatar, setHasAvatar]);\n\n  // useTruncationTitle on native returns null refs (no-op)\n  const { containerRef, textRef } = useTruncationTitle({\n    content: typeof children === 'string' ? children : undefined,\n  });\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      alignItems=\"flex-start\"\n      flexDirection=\"row\"\n      gap={elementGap[size]}\n      paddingLeft={paddingLeft}\n      paddingRight={paddingRight}\n      // Allow this row to shrink to its parent (the fixed-width label column in horizontal,\n      // or the grid cell in vertical) so the inner text column can wrap instead of overflow.\n      flexShrink={1}\n    >\n      {leading && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(leading, size)}</BaseBox>\n      )}\n      <BaseBox display=\"flex\" flexDirection=\"column\" flexShrink={1}>\n        <BaseBox ref={containerRef} {...getCenterBoxProps(size)}>\n          {typeof children === 'string' ? (\n            <Text\n              ref={textRef}\n              variant=\"body\"\n              size={titleTextSize[size]}\n              weight={titleWeight}\n              color={titleColor}\n              truncateAfterLines={truncateAfterLines}\n            >\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </BaseBox>\n\n        {helpText && (\n          <Text\n            variant=\"body\"\n            size={helpTextSize[size]}\n            weight=\"regular\"\n            color=\"surface.text.gray.muted\"\n          >\n            {helpText}\n          </Text>\n        )}\n      </BaseBox>\n      {trailing && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(trailing, size)}</BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst _InfoItemKey = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemKeyProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  const isHorizontal = itemOrientation === 'horizontal';\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display=\"flex\"\n      alignItems=\"center\"\n      // Horizontal: hug content in a fixed-width label column. Vertical: stretch to the full\n      // grid-cell width so the label anchors to the left edge (directly above the value) and\n      // can wrap to multiple lines instead of sitting content-width/staggered.\n      alignSelf={isHorizontal ? 'flex-start' : 'stretch'}\n      justifyContent=\"flex-start\"\n      flexDirection=\"row\"\n      // Fixed label-column width (horizontal only) so every value column lines up across rows,\n      // matching web's grid key column. Deterministic — no onLayout/measurement, so it cannot\n      // oscillate. Vertical orientation stacks key above value and needs no shared width.\n      width={isHorizontal ? makeSize(titleColumnWidth[size]) : undefined}\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemKey, testID })}\n    >\n      {itemOrientation === 'horizontal' && isHighlighted ? (\n        <Divider orientation=\"vertical\" />\n      ) : null}\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"medium\"\n        titleColor=\"surface.text.gray.muted\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted ? 'spacing.4' : 'spacing.0'}\n        paddingRight=\"spacing.0\"\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemKey\n *\n * Displays the key portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemKey = assignWithoutSideEffects(React.forwardRef(_InfoItemKey), {\n  displayName: 'InfoItemKey',\n  componentId: 'InfoItemKey',\n});\n\nconst _InfoItemValue = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemValueProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, valueAlign, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  const isHorizontal = itemOrientation === 'horizontal';\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      // Horizontal: `flex={1}` grows the value to fill the row beside the fixed label column.\n      // Vertical: the value sits BELOW the label inside a flex COLUMN, where `flex={1}` would\n      // (wrongly) grow it along the vertical axis; instead stretch it to the full cell width so\n      // it aligns left directly under the label and wraps within the cell.\n      alignSelf={isHorizontal ? 'flex-start' : 'stretch'}\n      justifyContent={valueAlign === 'right' ? 'flex-end' : 'flex-start'}\n      flex={isHorizontal ? 1 : undefined}\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemValue, testID })}\n    >\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"medium\"\n        titleColor=\"surface.text.gray.subtle\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted && itemOrientation === 'vertical' ? 'spacing.4' : 'spacing.0'}\n        paddingRight={isHighlighted ? 'spacing.4' : 'spacing.0'}\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemValue\n *\n * Displays the value portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemValue helpText=\"Customer name\" trailing={CheckIcon}>\n *   Saurabh Daware\n * </InfoItemValue>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemValue = assignWithoutSideEffects(React.forwardRef(_InfoItemValue), {\n  displayName: 'InfoItemValue',\n  componentId: 'InfoItemValue',\n});\n\n/**\n * On native, `display:contents` has no equivalent.\n * For horizontal orientation, each InfoItem renders its children in an explicit row.\n */\nconst HorizontalItemBox = React.forwardRef<\n  BladeElementRef,\n  {\n    children: React.ReactNode;\n    testID?: string;\n  }\n>(\n  ({ children, testID }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        ref={ref as never}\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"flex-start\"\n        gap=\"spacing.6\"\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {children}\n      </BaseBox>\n    );\n  },\n);\n\n/**\n * For vertical orientation, items are arranged in columns (flex column with optional divider).\n */\nconst VerticalItemBox = React.forwardRef<\n  BladeElementRef,\n  { children: React.ReactNode; testID?: string; isHighlighted?: boolean }\n>(\n  ({ children, testID, isHighlighted = false }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"flex-start\"\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {isHighlighted && <Divider orientation=\"vertical\" />}\n        {/* `flex={1}` bounds this column to the grid cell's width so the key/value text\n            wraps to multiple lines instead of overflowing on a single line (RN defaults\n            flexShrink to 0, which otherwise lets the content stay one long line). */}\n        <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\" flex={1}>\n          {children}\n        </BaseBox>\n      </BaseBox>\n    );\n  },\n);\n\nconst _InfoItem = (\n  { children, testID, isHighlighted }: InfoItemProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, isHighlighted: contextIsHighlighted } = useInfoGroup();\n  const [hasAvatar, setHasAvatar] = React.useState(false);\n  const isVertical = itemOrientation === 'vertical';\n  const shouldHighlight = isHighlighted ?? contextIsHighlighted;\n\n  const infoItemContextValue = React.useMemo(\n    () => ({\n      hasAvatar,\n      setHasAvatar,\n      isHighlighted: shouldHighlight,\n    }),\n    [hasAvatar, shouldHighlight],\n  );\n\n  if (isVertical) {\n    return (\n      <InfoItemContext.Provider value={infoItemContextValue}>\n        <VerticalItemBox ref={ref as never} testID={testID} isHighlighted={shouldHighlight}>\n          {children}\n        </VerticalItemBox>\n      </InfoItemContext.Provider>\n    );\n  }\n\n  return (\n    <InfoItemContext.Provider value={infoItemContextValue}>\n      <HorizontalItemBox ref={ref as never} testID={testID}>\n        {children}\n      </HorizontalItemBox>\n    </InfoItemContext.Provider>\n  );\n};\n\n/**\n * InfoItem\n *\n * Container component that wraps InfoItemKey and InfoItemValue pairs.\n * Manages the layout and visual connection between key-value elements.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItem>\n *   <InfoItemKey>Account Holder</InfoItemKey>\n *   <InfoItemValue>Saurabh Daware</InfoItemValue>\n * </InfoItem>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItem = assignWithoutSideEffects(React.forwardRef(_InfoItem), {\n  displayName: 'InfoItem',\n  componentId: 'InfoItem',\n});\n\n/**\n * Derive the number of grid columns for vertical orientation from a CSS\n * `gridTemplateColumns` value. RN/Yoga has no CSS grid, so we emulate the intended\n * column count with an equal-width wrapping flex layout (each cell gets width `100 / N %`).\n *\n * We only need to handle the two shapes InfoGroup actually uses:\n *   - `repeat(N, ...)` / `repeat(min(N, M), ...)` / `repeat(max(N, M), ...)`  -> N or min/max(N, M)\n *     (web default is `repeat(min(4, count), 1fr)`)\n *   - an explicit track list, e.g. `1fr`, `1fr 1fr`, `50% 50%` -> number of tracks\n *   - undefined / unrecognized -> `min(4, childCount)` (mirrors the web default)\n */\nconst getVerticalColumnCount = (\n  gridTemplateColumns: InfoGroupProps['gridTemplateColumns'],\n  childCount: number,\n): number => {\n  const fallback = Math.min(4, Math.max(1, childCount || 1));\n\n  const template = String(gridTemplateColumns ?? '').trim();\n  if (!template) return fallback;\n\n  // `repeat(N, ...)` -> N is the column count.\n  // `repeat(min(N, M), ...)` -> Math.min(N, M) is the column count.\n  // `repeat(max(N, M), ...)` -> Math.max(N, M) is the column count.\n  // `repeat(minmax(N, M), ...)` -> N is a reasonable default (the min track count).\n  const simpleRepeatMatch = /repeat\\(\\s*(\\d+)/i.exec(template);\n  if (simpleRepeatMatch) {\n    const parsed = parseInt(simpleRepeatMatch[1], 10);\n    return parsed > 0 ? parsed : fallback;\n  }\n\n  const minRepeatMatch = /repeat\\(\\s*min\\(\\s*(\\d+)\\s*,\\s*(\\d+)/i.exec(template);\n  if (minRepeatMatch) {\n    return Math.min(parseInt(minRepeatMatch[1], 10), parseInt(minRepeatMatch[2], 10));\n  }\n\n  const maxRepeatMatch = /repeat\\(\\s*max\\(\\s*(\\d+)\\s*,\\s*(\\d+)/i.exec(template);\n  if (maxRepeatMatch) {\n    return Math.max(parseInt(maxRepeatMatch[1], 10), parseInt(maxRepeatMatch[2], 10));\n  }\n\n  // Explicit track list -> number of whitespace-separated tracks.\n  const tracks = template.split(/\\s+/).filter(Boolean).length;\n  return tracks > 0 ? tracks : fallback;\n};\n\n// InfoGroup Component\nconst _InfoGroup = (\n  {\n    children,\n    itemOrientation = 'horizontal',\n    size = 'medium',\n    valueAlign = 'left',\n    isHighlighted = false,\n    gridTemplateColumns,\n    width,\n    maxWidth,\n    minWidth,\n    testID,\n    paddingLeft,\n    paddingRight,\n    paddingTop,\n    paddingBottom,\n    padding,\n    paddingX,\n    paddingY,\n    ...rest\n  }: InfoGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const contextValue = React.useMemo(\n    () => ({\n      size,\n      itemOrientation,\n      valueAlign,\n      isHighlighted,\n    }),\n    [size, itemOrientation, valueAlign, isHighlighted],\n  );\n\n  const childCount = React.Children.count(children);\n  const isHorizontal = itemOrientation === 'horizontal';\n\n  // ── Vertical: emulate CSS grid `repeat(N, 1fr)` with a wrapping flex row ──\n  // RN/Yoga has no CSS grid, so we parse the intended column count from\n  // `gridTemplateColumns` and give every cell an equal `width` of `100 / N %`.\n  // Cells tile left-to-right and wrap to the next row after N items (row-major flow),\n  // matching the web grid. Both gaps are applied as border-box padding INSIDE each cell\n  // (RN is border-box by default) so they do NOT eat into the width math the way a\n  // container `columnGap`/`rowGap` would — that overflow is what previously pushed cells\n  // onto the wrong row and made them collide, and a container `rowGap` on a wrapping row\n  // produced no visible separation between the wrapped rows on this RN version. Instead\n  // each cell reserves its own `paddingRight` (column gap) and `paddingBottom` (row gap).\n  // To match web's grid gaps (which only sit BETWEEN tracks), the last column of each row\n  // gets no `paddingRight` and the last row gets no `paddingBottom` — otherwise native would\n  // add an extra trailing gap on the right edge of every row and below the final row.\n  // Gap tokens mirror the web grid (columnGap base = spacing.6, rowGap = spacing.4).\n  const verticalColumnCount = getVerticalColumnCount(gridTemplateColumns, childCount);\n  const verticalRowCount = Math.ceil(childCount / verticalColumnCount);\n  const itemWidth = `${100 / verticalColumnCount}%` as BoxProps['width'];\n  const columnGapToken: BoxProps['paddingRight'] = 'spacing.6';\n  const rowGapToken: BoxProps['paddingBottom'] = 'spacing.4';\n\n  return (\n    <InfoGroupContext.Provider value={contextValue}>\n      <BaseBox\n        ref={ref as never}\n        display=\"flex\"\n        flexDirection={isHorizontal ? 'column' : 'row'}\n        flexWrap={isHorizontal ? undefined : 'wrap'}\n        gap={isHorizontal ? 'spacing.4' : undefined}\n        width={width}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        paddingLeft={paddingLeft}\n        paddingRight={paddingRight}\n        paddingTop={paddingTop}\n        paddingBottom={paddingBottom}\n        padding={padding}\n        paddingX={paddingX}\n        paddingY={paddingY}\n        {...metaAttribute({ name: MetaConstants.InfoGroup, testID })}\n        {...getStyledProps(rest)}\n      >\n        {!isHorizontal\n          ? React.Children.map(children, (child, index) => {\n              if (!React.isValidElement(child)) return child;\n              const isLastColumn =\n                index % verticalColumnCount === verticalColumnCount - 1 || index === childCount - 1;\n              const isLastRow = Math.floor(index / verticalColumnCount) === verticalRowCount - 1;\n              return (\n                <BaseBox\n                  width={itemWidth}\n                  flexDirection=\"column\"\n                  paddingRight={\n                    verticalColumnCount > 1 && !isLastColumn ? columnGapToken : undefined\n                  }\n                  paddingBottom={isLastRow ? undefined : rowGapToken}\n                >\n                  {child}\n                </BaseBox>\n              );\n            })\n          : children}\n      </BaseBox>\n    </InfoGroupContext.Provider>\n  );\n};\n\n/**\n * InfoGroup\n *\n * A structured component for displaying key-value pairs in a consistent, organized format.\n * Provides standardized presentation for transaction details, user data, or any related data pairs.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoGroup itemOrientation=\"horizontal\" size=\"medium\">\n *   <InfoItem>\n *     <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n *     <InfoItemValue>Saurabh Daware</InfoItemValue>\n *   </InfoItem>\n * </InfoGroup>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoGroup = assignWithoutSideEffects(React.forwardRef(_InfoGroup), {\n  displayName: 'InfoGroup',\n  componentId: 'InfoGroup',\n});\n\nexport type { InfoGroupProps, InfoItemProps, InfoItemKeyProps, InfoItemValueProps };\n\nexport { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };\n"],"names":["this","getCenterBoxProps","size","strictHeight","arguments","length","undefined","Object","assign","display","alignItems","justifyContent","height","makeSize","itemTitleHeight","minHeight","renderElement","element","React","isValidElement","IconComp","_jsx","iconSize","color","TitleCollection","_ref","children","leading","trailing","helpText","titleWeight","titleColor","paddingLeft","paddingRight","truncateAfterLines","_useInfoGroup","useInfoGroup","_useInfoItem","useInfoItem","setHasAvatar","isAvatar","getComponentId","useEffect","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsxs","BaseBox","flexDirection","gap","elementGap","flexShrink","ref","Text","variant","titleTextSize","weight","helpTextSize","_InfoItemKey","_ref2","testID","_useInfoGroup2","itemOrientation","_useInfoItem2","hasAvatar","isHighlighted","isHorizontal","alignSelf","width","titleColumnWidth","paddingY","avatarAdjustmentPaddingY","metaAttribute","name","MetaConstants","InfoItemKey","Divider","orientation","assignWithoutSideEffects","forwardRef","displayName","componentId","_InfoItemValue","_ref3","_useInfoGroup3","valueAlign","_useInfoItem3","flex","InfoItemValue","HorizontalItemBox","_ref4","InfoItem","VerticalItemBox","_ref5","_ref5$isHighlighted","_InfoItem","_ref6","_useInfoGroup4","contextIsHighlighted","_React$useState","useState","_React$useState2","_slicedToArray","isVertical","shouldHighlight","infoItemContextValue","useMemo","InfoItemContext","Provider","value","getVerticalColumnCount","gridTemplateColumns","childCount","fallback","Math","min","max","template","String","trim","simpleRepeatMatch","exec","parsed","parseInt","minRepeatMatch","maxRepeatMatch","tracks","split","filter","Boolean","_InfoGroup","_ref7","_ref7$itemOrientation","_ref7$size","_ref7$valueAlign","_ref7$isHighlighted","maxWidth","minWidth","paddingTop","paddingBottom","padding","paddingX","rest","_objectWithoutProperties","_excluded","contextValue","Children","count","verticalColumnCount","verticalRowCount","ceil","itemWidth","columnGapToken","rowGapToken","InfoGroupContext","flexWrap","InfoGroup","getStyledProps","map","child","index","isLastColumn","isLastRow","floor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,YAAA,CAAA,eAAA,CAAA,qBAAA,CAAA,OAAA,CAAA,UAAA,CAAA,UAAA,CAAA,QAAA,CAAA,aAAA,CAAA,cAAA,CAAA,YAAA,CAAA,eAAA,CAAA,SAAA,CAAA,UAAA,CAAA,UAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,4FAAA,CAgCA,IAAMC,iBAAiB,CAAG,SAApBA,iBAAiBA,CACrBC,IAAyC,CAE5B,CADb,IAAAC,YAAY,CAAAC,SAAA,CAAAC,MAAA,CAAAD,CAAAA,EAAAA,SAAA,CAAAE,CAAAA,CAAAA,GAAAA,SAAA,CAAAF,SAAA,CAAG,CAAA,CAAA,CAAA,KAAK,CAEpB,OAAAG,MAAA,CAAAC,MAAA,CACEC,CAAAA,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,YAAY,CAAA,CACxBR,YAAY,CACZ,CAAES,MAAM,CAAEC,QAAQ,CAACC,eAAe,CAACZ,IAAI,CAAC,CAAE,CAAC,CAC3C,CACEa,SAAS,CAAEF,QAAQ,CAACC,eAAe,CAACZ,IAAI,CAAC,CAC3C,CAAC,CAET,CAAA,CAAC,CAGD,IAAMc,aAAa,CAAG,SAAhBA,aAAaA,CACjBC,OAAuD,CACvDf,IAAyC,CACrB,CACpB,GAAI,CAACe,OAAO,CAAE,OAAW,IAAA,CAGzB,GAAIC,cAAK,CAACC,cAAc,CAACF,OAAO,CAAC,CAAE,CACjC,OAAOA,OAAO,CAChB,CAGA,IAAMG,QAAQ,CAAGH,OAAwB,CACzC,OAAOI,GAAA,CAACD,QAAQ,CAAClB,CAAAA,IAAI,CAAEoB,QAAQ,CAACpB,IAAI,CAAE,CAACqB,KAAK,CAAC,yBAAyB,CAAE,CAAC,CAC3E,CAAC,CAED,IAAMC,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAU2B,KAT9CC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CACPC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CACRC,WAAW,CAAAL,IAAA,CAAXK,WAAW,CACXC,UAAU,CAAAN,IAAA,CAAVM,UAAU,CACVC,WAAW,CAAAP,IAAA,CAAXO,WAAW,CACXC,YAAY,CAAAR,IAAA,CAAZQ,YAAY,CACZC,kBAAkB,CAAAT,IAAA,CAAlBS,kBAAkB,CAElB,IAAAC,aAAA,CAAiBC,YAAY,EAAE,CAAvBlC,IAAI,CAAAiC,aAAA,CAAJjC,IAAI,CACZ,IAAAmC,YAAA,CAAyBC,WAAW,EAAE,CAA9BC,YAAY,CAAAF,YAAA,CAAZE,YAAY,CAEpB,IAAMC,QAAQ,CAAGC,cAAc,CAACvB,cAAK,CAACC,cAAc,CAACQ,OAAO,CAAC,CAAGA,OAAO,CAAGrB,SAAS,CAAC,GAAK,QAAQ,CAGjGY,cAAK,CAACwB,SAAS,CAAC,UAAM,CACpB,GAAIF,QAAQ,CAAE,CACZD,YAAY,CAAC,IAAI,CAAC,CACpB,CACF,CAAC,CAAE,CAACC,QAAQ,CAAED,YAAY,CAAC,CAAC,CAG5B,IAAAI,mBAAA,CAAkCC,kBAAkB,CAAC,CACnDC,OAAO,CAAE,OAAOnB,QAAQ,GAAK,QAAQ,CAAGA,QAAQ,CAAGpB,SACrD,CAAC,CAAC,CAFMwC,YAAY,CAAAH,mBAAA,CAAZG,YAAY,CAAEC,OAAO,CAAAJ,mBAAA,CAAPI,OAAO,CAI7B,OACEC,IAAA,CAACC,OAAO,CACNxC,CAAAA,OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,YAAY,CACvBwC,aAAa,CAAC,KAAK,CACnBC,GAAG,CAAEC,UAAU,CAAClD,IAAI,CAAE,CACtB8B,WAAW,CAAEA,WAAY,CACzBC,YAAY,CAAEA,YAAa,CAG3BoB,UAAU,CAAE,CAAE,CAAA3B,QAAA,EAEbC,OAAO,EACNN,GAAA,CAAC4B,OAAO,CAAA1C,MAAA,CAAAC,MAAA,CAAKP,EAAAA,CAAAA,iBAAiB,CAACC,IAAI,CAAE,IAAI,CAAC,CAAA,CAAAwB,QAAA,CAAGV,aAAa,CAACW,OAAO,CAAEzB,IAAI,CAAC,CAAA,CAAU,CACpF,CACD8C,IAAA,CAACC,OAAO,CAACxC,CAAAA,OAAO,CAAC,MAAM,CAACyC,aAAa,CAAC,QAAQ,CAACG,UAAU,CAAE,CAAE,CAAA3B,QAAA,CAC3DL,CAAAA,GAAA,CAAC4B,OAAO,CAAA1C,MAAA,CAAAC,MAAA,EAAC8C,GAAG,CAAER,YAAa,CAAA,CAAK7C,iBAAiB,CAACC,IAAI,CAAC,EAAAwB,QAAA,CACpD,OAAOA,QAAQ,GAAK,QAAQ,CAC3BL,GAAA,CAACkC,IAAI,CACHD,CAAAA,GAAG,CAAEP,OAAQ,CACbS,OAAO,CAAC,MAAM,CACdtD,IAAI,CAAEuD,aAAa,CAACvD,IAAI,CAAE,CAC1BwD,MAAM,CAAE5B,WAAY,CACpBP,KAAK,CAAEQ,UAAW,CAClBG,kBAAkB,CAAEA,kBAAmB,CAAAR,QAAA,CAEtCA,QAAQ,CACL,CAAC,CAEPA,QACD,CAAA,CACM,CAAC,CAETG,QAAQ,EACPR,GAAA,CAACkC,IAAI,CACHC,CAAAA,OAAO,CAAC,MAAM,CACdtD,IAAI,CAAEyD,YAAY,CAACzD,IAAI,CAAE,CACzBwD,MAAM,CAAC,SAAS,CAChBnC,KAAK,CAAC,yBAAyB,CAAAG,QAAA,CAE9BG,QAAQ,CACL,CACP,CAAA,CACM,CAAC,CACTD,QAAQ,EACPP,GAAA,CAAC4B,OAAO,CAAA1C,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKP,iBAAiB,CAACC,IAAI,CAAE,IAAI,CAAC,EAAAwB,QAAA,CAAGV,aAAa,CAACY,QAAQ,CAAE1B,IAAI,CAAC,CAAU,CAAA,CACrF,CACM,CAAA,CAAC,CAEd,CAAC,CAED,IAAM0D,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAEhBP,GAA+B,CACd,CAAA,IAFf5B,QAAQ,CAAAmC,KAAA,CAARnC,QAAQ,CAAEC,OAAO,CAAAkC,KAAA,CAAPlC,OAAO,CAAEC,QAAQ,CAAAiC,KAAA,CAARjC,QAAQ,CAAEC,QAAQ,CAAAgC,KAAA,CAARhC,QAAQ,CAAEK,kBAAkB,CAAA2B,KAAA,CAAlB3B,kBAAkB,CAAE4B,MAAM,CAAAD,KAAA,CAANC,MAAM,CAGnE,IAAAC,cAAA,CAAkC3B,YAAY,EAAE,CAAxC4B,eAAe,CAAAD,cAAA,CAAfC,eAAe,CAAE9D,IAAI,CAAA6D,cAAA,CAAJ7D,IAAI,CAE7B,IAAA+D,aAAA,CAAqC3B,WAAW,EAAE,CAA1C4B,SAAS,CAAAD,aAAA,CAATC,SAAS,CAAEC,aAAa,CAAAF,aAAA,CAAbE,aAAa,CAEhC,IAAMC,YAAY,CAAGJ,eAAe,GAAK,YAAY,CAErD,OACEhB,IAAA,CAACC,OAAO,CAAA1C,MAAA,CAAAC,MAAA,CACN8C,CAAAA,GAAG,CAAEA,GAAa,CAClB7C,OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,QAAQ,CAInB2D,SAAS,CAAED,YAAY,CAAG,YAAY,CAAG,SAAU,CACnDzD,cAAc,CAAC,YAAY,CAC3BuC,aAAa,CAAC,KAAK,CAInBoB,KAAK,CAAEF,YAAY,CAAGvD,QAAQ,CAAC0D,gBAAgB,CAACrE,IAAI,CAAC,CAAC,CAAGI,SAAU,CACnEkE,QAAQ,CAAEN,SAAS,CAAGO,wBAAwB,CAACvE,IAAI,CAAC,CAAGI,SAAU,CAAA,CAC7DoE,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,WAAW,CAAEf,MAAM,CAANA,MAAO,CAAC,CAAC,CAAApC,CAAAA,QAAA,CAE7DsC,CAAAA,eAAe,GAAK,YAAY,EAAIG,aAAa,CAChD9C,GAAA,CAACyD,OAAO,CAAA,CAACC,WAAW,CAAC,UAAU,CAAE,CAAC,CAChC,IAAI,CACR1D,GAAA,CAACG,eAAe,CACdG,CAAAA,OAAO,CAAEA,OAAQ,CACjBC,QAAQ,CAAEA,QAAS,CACnBC,QAAQ,CAAEA,QAAS,CACnBC,WAAW,CAAC,QAAQ,CACpBC,UAAU,CAAC,yBAAyB,CACpCG,kBAAkB,CAAEA,kBAAmB,CACvCF,WAAW,CAAEmC,aAAa,CAAG,WAAW,CAAG,WAAY,CACvDlC,YAAY,CAAC,WAAW,CAAAP,QAAA,CAEvBA,QAAQ,CACM,CAAC,CAAA,CAAA,CACX,CAAC,CAEd,CAAC,CAmBK,IAAAmD,WAAW,CAAGG,wBAAwB,CAAC9D,cAAK,CAAC+D,UAAU,CAACrB,YAAY,CAAC,CAAE,CAC3EsB,WAAW,CAAE,aAAa,CAC1BC,WAAW,CAAE,aACf,CAAC,EAED,IAAMC,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,KAAA,CAElB/B,GAA+B,CACd,KAFf5B,QAAQ,CAAA2D,KAAA,CAAR3D,QAAQ,CAAEC,OAAO,CAAA0D,KAAA,CAAP1D,OAAO,CAAEC,QAAQ,CAAAyD,KAAA,CAARzD,QAAQ,CAAEC,QAAQ,CAAAwD,KAAA,CAARxD,QAAQ,CAAEK,kBAAkB,CAAAmD,KAAA,CAAlBnD,kBAAkB,CAAE4B,MAAM,CAAAuB,KAAA,CAANvB,MAAM,CAGnE,IAAAwB,cAAA,CAA8ClD,YAAY,EAAE,CAApD4B,eAAe,CAAAsB,cAAA,CAAftB,eAAe,CAAEuB,UAAU,CAAAD,cAAA,CAAVC,UAAU,CAAErF,IAAI,CAAAoF,cAAA,CAAJpF,IAAI,CAEzC,IAAAsF,aAAA,CAAqClD,WAAW,EAAE,CAA1C4B,SAAS,CAAAsB,aAAA,CAATtB,SAAS,CAAEC,aAAa,CAAAqB,aAAA,CAAbrB,aAAa,CAEhC,IAAMC,YAAY,CAAGJ,eAAe,GAAK,YAAY,CAErD,OACE3C,GAAA,CAAC4B,OAAO,CAAA1C,MAAA,CAAAC,MAAA,EACN8C,GAAG,CAAEA,GAAa,CAClB7C,OAAO,CAAC,MAAM,CACdyC,aAAa,CAAC,KAAK,CACnBxC,UAAU,CAAC,QAAQ,CAKnB2D,SAAS,CAAED,YAAY,CAAG,YAAY,CAAG,SAAU,CACnDzD,cAAc,CAAE4E,UAAU,GAAK,OAAO,CAAG,UAAU,CAAG,YAAa,CACnEE,IAAI,CAAErB,YAAY,CAAG,CAAC,CAAG9D,SAAU,CACnCkE,QAAQ,CAAEN,SAAS,CAAGO,wBAAwB,CAACvE,IAAI,CAAC,CAAGI,SAAU,CAAA,CAC7DoE,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACc,aAAa,CAAE5B,MAAM,CAANA,MAAO,CAAC,CAAC,CAAApC,CAAAA,QAAA,CAEhEL,GAAA,CAACG,eAAe,CAAA,CACdG,OAAO,CAAEA,OAAQ,CACjBC,QAAQ,CAAEA,QAAS,CACnBC,QAAQ,CAAEA,QAAS,CACnBC,WAAW,CAAC,QAAQ,CACpBC,UAAU,CAAC,0BAA0B,CACrCG,kBAAkB,CAAEA,kBAAmB,CACvCF,WAAW,CAAEmC,aAAa,EAAIH,eAAe,GAAK,UAAU,CAAG,WAAW,CAAG,WAAY,CACzF/B,YAAY,CAAEkC,aAAa,CAAG,WAAW,CAAG,WAAY,CAAAzC,QAAA,CAEvDA,QAAQ,CACM,CAAC,CACX,CAAA,CAAC,CAEd,CAAC,CAqBK,IAAAgE,aAAa,CAAGV,wBAAwB,CAAC9D,cAAK,CAAC+D,UAAU,CAACG,cAAc,CAAC,CAAE,CAC/EF,WAAW,CAAE,eAAe,CAC5BC,WAAW,CAAE,eACf,CAAC,EAMD,IAAMQ,iBAAiB,CAAGzE,cAAK,CAAC+D,UAAU,CAOxC,SAAAW,KAAA,CAAuBtC,GAAG,CAAyB,CAAA,IAAhD5B,QAAQ,CAAAkE,KAAA,CAARlE,QAAQ,CAAEoC,MAAM,CAAA8B,KAAA,CAAN9B,MAAM,CACjB,OACEzC,GAAA,CAAC4B,OAAO,CAAA1C,MAAA,CAAAC,MAAA,CACN8C,CAAAA,GAAG,CAAEA,GAAa,CAClB7C,OAAO,CAAC,MAAM,CACdyC,aAAa,CAAC,KAAK,CACnBxC,UAAU,CAAC,YAAY,CACvByC,GAAG,CAAC,WAAW,CACXuB,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACiB,QAAQ,CAAE/B,MAAM,CAANA,MAAO,CAAC,CAAC,EAAApC,QAAA,CAE1DA,QAAQ,CAAA,CACF,CAAC,CAEd,CACF,CAAC,CAKD,IAAMoE,eAAe,CAAG5E,cAAK,CAAC+D,UAAU,CAItC,SAAAc,KAAA,CAA8CzC,GAAG,CAAyB,CAAvE,IAAA5B,QAAQ,CAAAqE,KAAA,CAARrE,QAAQ,CAAEoC,MAAM,CAAAiC,KAAA,CAANjC,MAAM,CAAAkC,mBAAA,CAAAD,KAAA,CAAE5B,aAAa,CAAbA,aAAa,CAAA6B,mBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,mBAAA,CACxC,OACEhD,IAAA,CAACC,OAAO,CAAA1C,MAAA,CAAAC,MAAA,CAAA,CACNC,OAAO,CAAC,MAAM,CACdyC,aAAa,CAAC,KAAK,CACnBxC,UAAU,CAAC,YAAY,CACvB4C,GAAG,CAAEA,GAAa,CAAA,CACdoB,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACiB,QAAQ,CAAE/B,MAAM,CAANA,MAAO,CAAC,CAAC,CAAApC,CAAAA,QAAA,CAE1DyC,CAAAA,aAAa,EAAI9C,GAAA,CAACyD,OAAO,EAACC,WAAW,CAAC,UAAU,CAAE,CAAC,CAIpD1D,GAAA,CAAC4B,OAAO,CAACxC,CAAAA,OAAO,CAAC,MAAM,CAACyC,aAAa,CAAC,QAAQ,CAACC,GAAG,CAAC,WAAW,CAACsC,IAAI,CAAE,CAAE,CAAA/D,QAAA,CACpEA,QAAQ,CACF,CAAC,CACH,CAAA,CAAA,CAAC,CAEd,CACF,CAAC,CAED,IAAMuE,SAAS,CAAG,SAAZA,SAASA,CAAAC,KAAA,CAEb5C,GAA+B,CACd,CAFf,IAAA5B,QAAQ,CAAAwE,KAAA,CAARxE,QAAQ,CAAEoC,MAAM,CAAAoC,KAAA,CAANpC,MAAM,CAAEK,aAAa,CAAA+B,KAAA,CAAb/B,aAAa,CAGjC,IAAAgC,cAAA,CAAiE/D,YAAY,EAAE,CAAvE4B,eAAe,CAAAmC,cAAA,CAAfnC,eAAe,CAAiBoC,oBAAoB,CAAAD,cAAA,CAAnChC,aAAa,CACtC,IAAAkC,eAAA,CAAkCnF,cAAK,CAACoF,QAAQ,CAAC,KAAK,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAH,eAAA,CAAhDnC,CAAAA,CAAAA,CAAAA,SAAS,CAAAqC,gBAAA,IAAEhE,YAAY,CAAAgE,gBAAA,CAAA,CAAA,CAAA,CAC9B,IAAME,UAAU,CAAGzC,eAAe,GAAK,UAAU,CACjD,IAAM0C,eAAe,CAAGvC,aAAa,OAAbA,aAAa,CAAIiC,oBAAoB,CAE7D,IAAMO,oBAAoB,CAAGzF,cAAK,CAAC0F,OAAO,CACxC,UAAA,CAAA,OAAO,CACL1C,SAAS,CAATA,SAAS,CACT3B,YAAY,CAAZA,YAAY,CACZ4B,aAAa,CAAEuC,eACjB,CAAC,CAAC,CAAA,CACF,CAACxC,SAAS,CAAEwC,eAAe,CAC7B,CAAC,CAED,GAAID,UAAU,CAAE,CACd,OACEpF,GAAA,CAACwF,eAAe,CAACC,QAAQ,CAACC,CAAAA,KAAK,CAAEJ,oBAAqB,CAAAjF,QAAA,CACpDL,GAAA,CAACyE,eAAe,CAAA,CAACxC,GAAG,CAAEA,GAAa,CAACQ,MAAM,CAAEA,MAAO,CAACK,aAAa,CAAEuC,eAAgB,CAAAhF,QAAA,CAChFA,QAAQ,CACM,CAAC,CACM,CAAC,CAE/B,CAEA,OACEL,GAAA,CAACwF,eAAe,CAACC,QAAQ,CAAA,CAACC,KAAK,CAAEJ,oBAAqB,CAAAjF,QAAA,CACpDL,GAAA,CAACsE,iBAAiB,CAACrC,CAAAA,GAAG,CAAEA,GAAa,CAACQ,MAAM,CAAEA,MAAO,CAAApC,QAAA,CAClDA,QAAQ,CACQ,CAAC,CACI,CAAC,CAE/B,CAAC,CAsBK,IAAAmE,QAAQ,CAAGb,wBAAwB,CAAC9D,cAAK,CAAC+D,UAAU,CAACgB,SAAS,CAAC,CAAE,CACrEf,WAAW,CAAE,UAAU,CACvBC,WAAW,CAAE,UACf,CAAC,EAaD,IAAM6B,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAC1BC,mBAA0D,CAC1DC,UAAkB,CACP,CACX,IAAMC,QAAQ,CAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,CAAED,IAAI,CAACE,GAAG,CAAC,CAAC,CAAEJ,UAAU,EAAI,CAAC,CAAC,CAAC,CAE1D,IAAMK,QAAQ,CAAGC,MAAM,CAACP,mBAAmB,EAAA,IAAA,CAAnBA,mBAAmB,CAAI,EAAE,CAAC,CAACQ,IAAI,EAAE,CACzD,GAAI,CAACF,QAAQ,CAAE,OAAOJ,QAAQ,CAM9B,IAAMO,iBAAiB,CAAG,mBAAmB,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAC5D,GAAIG,iBAAiB,CAAE,CACrB,IAAME,MAAM,CAAGC,QAAQ,CAACH,iBAAiB,CAAC,CAAC,CAAC,CAAE,EAAE,CAAC,CACjD,OAAOE,MAAM,CAAG,CAAC,CAAGA,MAAM,CAAGT,QAAQ,CACvC,CAEA,IAAMW,cAAc,CAAG,uCAAuC,CAACH,IAAI,CAACJ,QAAQ,CAAC,CAC7E,GAAIO,cAAc,CAAE,CAClB,OAAOV,IAAI,CAACC,GAAG,CAACQ,QAAQ,CAACC,cAAc,CAAC,CAAC,CAAC,CAAE,EAAE,CAAC,CAAED,QAAQ,CAACC,cAAc,CAAC,CAAC,CAAC,CAAE,EAAE,CAAC,CAAC,CACnF,CAEA,IAAMC,cAAc,CAAG,uCAAuC,CAACJ,IAAI,CAACJ,QAAQ,CAAC,CAC7E,GAAIQ,cAAc,CAAE,CAClB,OAAOX,IAAI,CAACE,GAAG,CAACO,QAAQ,CAACE,cAAc,CAAC,CAAC,CAAC,CAAE,EAAE,CAAC,CAAEF,QAAQ,CAACE,cAAc,CAAC,CAAC,CAAC,CAAE,EAAE,CAAC,CAAC,CACnF,CAGA,IAAMC,MAAM,CAAGT,QAAQ,CAACU,KAAK,CAAC,KAAK,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC,CAAC9H,MAAM,CAC3D,OAAO2H,MAAM,CAAG,CAAC,CAAGA,MAAM,CAAGb,QAAQ,CACvC,CAAC,CAGD,IAAMiB,UAAU,CAAG,SAAbA,UAAUA,CAAAC,KAAA,CAqBd/E,GAA+B,CACd,KApBf5B,QAAQ,CAAA2G,KAAA,CAAR3G,QAAQ,CAAA4G,qBAAA,CAAAD,KAAA,CACRrE,eAAe,CAAfA,eAAe,CAAAsE,qBAAA,GAAA,KAAA,CAAA,CAAG,YAAY,CAAAA,qBAAA,CAAAC,UAAA,CAAAF,KAAA,CAC9BnI,IAAI,CAAJA,IAAI,CAAAqI,UAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,UAAA,CAAAC,gBAAA,CAAAH,KAAA,CACf9C,UAAU,CAAVA,UAAU,CAAAiD,gBAAA,UAAG,MAAM,CAAAA,gBAAA,CAAAC,mBAAA,CAAAJ,KAAA,CACnBlE,aAAa,CAAbA,aAAa,CAAAsE,mBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,mBAAA,CACrBxB,mBAAmB,CAAAoB,KAAA,CAAnBpB,mBAAmB,CACnB3C,KAAK,CAAA+D,KAAA,CAAL/D,KAAK,CACLoE,QAAQ,CAAAL,KAAA,CAARK,QAAQ,CACRC,QAAQ,CAAAN,KAAA,CAARM,QAAQ,CACR7E,MAAM,CAAAuE,KAAA,CAANvE,MAAM,CACN9B,WAAW,CAAAqG,KAAA,CAAXrG,WAAW,CACXC,YAAY,CAAAoG,KAAA,CAAZpG,YAAY,CACZ2G,UAAU,CAAAP,KAAA,CAAVO,UAAU,CACVC,aAAa,CAAAR,KAAA,CAAbQ,aAAa,CACbC,OAAO,CAAAT,KAAA,CAAPS,OAAO,CACPC,QAAQ,CAAAV,KAAA,CAARU,QAAQ,CACRvE,QAAQ,CAAA6D,KAAA,CAAR7D,QAAQ,CACLwE,IAAI,CAAAC,wBAAA,CAAAZ,KAAA,CAAAa,SAAA,CAAA,CAIT,IAAMC,YAAY,CAAGjI,cAAK,CAAC0F,OAAO,CAChC,UAAA,CAAA,OAAO,CACL1G,IAAI,CAAJA,IAAI,CACJ8D,eAAe,CAAfA,eAAe,CACfuB,UAAU,CAAVA,UAAU,CACVpB,aAAa,CAAbA,aACF,CAAC,CAAA,CAAC,CACF,CAACjE,IAAI,CAAE8D,eAAe,CAAEuB,UAAU,CAAEpB,aAAa,CACnD,CAAC,CAED,IAAM+C,UAAU,CAAGhG,cAAK,CAACkI,QAAQ,CAACC,KAAK,CAAC3H,QAAQ,CAAC,CACjD,IAAM0C,YAAY,CAAGJ,eAAe,GAAK,YAAY,CAgBrD,IAAMsF,mBAAmB,CAAGtC,sBAAsB,CAACC,mBAAmB,CAAEC,UAAU,CAAC,CACnF,IAAMqC,gBAAgB,CAAGnC,IAAI,CAACoC,IAAI,CAACtC,UAAU,CAAGoC,mBAAmB,CAAC,CACpE,IAAMG,SAAS,CAAG,CAAG,EAAA,GAAG,CAAGH,mBAAmB,CAAA,CAAA,CAAwB,CACtE,IAAMI,cAAwC,CAAG,WAAW,CAC5D,IAAMC,WAAsC,CAAG,WAAW,CAE1D,OACEtI,GAAA,CAACuI,gBAAgB,CAAC9C,QAAQ,CAACC,CAAAA,KAAK,CAAEoC,YAAa,CAAAzH,QAAA,CAC7CL,GAAA,CAAC4B,OAAO,CAAA1C,MAAA,CAAAC,MAAA,CACN8C,CAAAA,GAAG,CAAEA,GAAa,CAClB7C,OAAO,CAAC,MAAM,CACdyC,aAAa,CAAEkB,YAAY,CAAG,QAAQ,CAAG,KAAM,CAC/CyF,QAAQ,CAAEzF,YAAY,CAAG9D,SAAS,CAAG,MAAO,CAC5C6C,GAAG,CAAEiB,YAAY,CAAG,WAAW,CAAG9D,SAAU,CAC5CgE,KAAK,CAAEA,KAAM,CACboE,QAAQ,CAAEA,QAAS,CACnBC,QAAQ,CAAEA,QAAS,CACnB3G,WAAW,CAAEA,WAAY,CACzBC,YAAY,CAAEA,YAAa,CAC3B2G,UAAU,CAAEA,UAAW,CACvBC,aAAa,CAAEA,aAAc,CAC7BC,OAAO,CAAEA,OAAQ,CACjBC,QAAQ,CAAEA,QAAS,CACnBvE,QAAQ,CAAEA,QAAS,CACfE,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACkF,SAAS,CAAEhG,MAAM,CAANA,MAAO,CAAC,CAAC,CACxDiG,cAAc,CAACf,IAAI,CAAC,CAAAtH,CAAAA,QAAA,CAEvB,CAAC0C,YAAY,CACVlD,cAAK,CAACkI,QAAQ,CAACY,GAAG,CAACtI,QAAQ,CAAE,SAACuI,KAAK,CAAEC,KAAK,CAAK,CAC7C,GAAI,CAAChJ,cAAK,CAACC,cAAc,CAAC8I,KAAK,CAAC,CAAE,OAAOA,KAAK,CAC9C,IAAME,YAAY,CAChBD,KAAK,CAAGZ,mBAAmB,GAAKA,mBAAmB,CAAG,CAAC,EAAIY,KAAK,GAAKhD,UAAU,CAAG,CAAC,CACrF,IAAMkD,SAAS,CAAGhD,IAAI,CAACiD,KAAK,CAACH,KAAK,CAAGZ,mBAAmB,CAAC,GAAKC,gBAAgB,CAAG,CAAC,CAClF,OACElI,GAAA,CAAC4B,OAAO,CAAA,CACNqB,KAAK,CAAEmF,SAAU,CACjBvG,aAAa,CAAC,QAAQ,CACtBjB,YAAY,CACVqH,mBAAmB,CAAG,CAAC,EAAI,CAACa,YAAY,CAAGT,cAAc,CAAGpJ,SAC7D,CACDuI,aAAa,CAAEuB,SAAS,CAAG9J,SAAS,CAAGqJ,WAAY,CAAAjI,QAAA,CAElDuI,KAAK,CACC,CAAC,CAEd,CAAC,CAAC,CACFvI,QAAQ,CAAA,CACL,CAAC,CACe,CAAC,CAEhC,CAAC,CAwBK,IAAAoI,SAAS,CAAG9E,wBAAwB,CAAC9D,cAAK,CAAC+D,UAAU,CAACmD,UAAU,CAAC,CAAE,CACvElD,WAAW,CAAE,WAAW,CACxBC,WAAW,CAAE,WACf,CAAC;;;;"}

package/build/lib/native/components/InfoGroup/InfoGroupContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var InfoGroupContext=React__default.createContext({size:'medium',itemOrientation:'horizontal',valueAlign:'left',isHighlighted:false});var InfoItemContext=React__default.createContext({hasAvatar:false,setHasAvatar:function setHasAvatar(){},isHighlighted:false});var useInfoGroup=function useInfoGroup(){return React__default.useContext(InfoGroupContext);};var useInfoItem=function useInfoItem(){return React__default.useContext(InfoItemContext);};
+
+export { InfoGroupContext, InfoItemContext, useInfoGroup, useInfoItem };
+//# sourceMappingURL=InfoGroupContext.js.map

package/build/lib/native/components/InfoGroup/InfoGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoGroupContext.js","sources":["../../../../../src/components/InfoGroup/InfoGroupContext.ts"],"sourcesContent":["import React from 'react';\nimport type { InfoGroupProps } from './types';\n\ntype InfoGroupContextType = {\n  size: NonNullable<InfoGroupProps['size']>;\n  itemOrientation: NonNullable<InfoGroupProps['itemOrientation']>;\n  valueAlign: NonNullable<InfoGroupProps['valueAlign']>;\n  isHighlighted: NonNullable<InfoGroupProps['isHighlighted']>;\n};\n\ntype InfoItemContextType = {\n  hasAvatar: boolean;\n  setHasAvatar: (hasAvatar: boolean) => void;\n  isHighlighted: boolean;\n};\n\nconst InfoGroupContext = React.createContext<InfoGroupContextType>({\n  size: 'medium',\n  itemOrientation: 'horizontal',\n  valueAlign: 'left',\n  isHighlighted: false,\n});\n\nconst InfoItemContext = React.createContext<InfoItemContextType>({\n  hasAvatar: false,\n  setHasAvatar: () => {\n    // no-op default implementation\n  },\n  isHighlighted: false,\n});\n\n// Add hooks to use the context\nconst useInfoGroup = (): InfoGroupContextType => React.useContext(InfoGroupContext);\nconst useInfoItem = (): InfoItemContextType => React.useContext(InfoItemContext);\n\nexport { InfoGroupContext, InfoItemContext, useInfoGroup, useInfoItem };\n"],"names":["InfoGroupContext","React","createContext","size","itemOrientation","valueAlign","isHighlighted","InfoItemContext","hasAvatar","setHasAvatar","useInfoGroup","useContext","useInfoItem"],"mappings":";;AAgBM,IAAAA,gBAAgB,CAAGC,cAAK,CAACC,aAAa,CAAuB,CACjEC,IAAI,CAAE,QAAQ,CACdC,eAAe,CAAE,YAAY,CAC7BC,UAAU,CAAE,MAAM,CAClBC,aAAa,CAAE,KACjB,CAAC,EAEK,IAAAC,eAAe,CAAGN,cAAK,CAACC,aAAa,CAAsB,CAC/DM,SAAS,CAAE,KAAK,CAChBC,YAAY,CAAE,SAAdA,YAAYA,EAAQ,EAEnB,CACDH,aAAa,CAAE,KACjB,CAAC,EAGK,IAAAI,YAAY,CAAG,SAAfA,YAAYA,EAAA,CAAA,OAA+BT,cAAK,CAACU,UAAU,CAACX,gBAAgB,CAAC,GAC7E,IAAAY,WAAW,CAAG,SAAdA,WAAWA,EAA8B,CAAA,OAAAX,cAAK,CAACU,UAAU,CAACJ,eAAe,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,3 @@
+export { InfoGroup, InfoItem, InfoItemKey, InfoItemValue } from './InfoGroup.native.js';
+import './types.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/native/components/InfoGroup/infoGroupTokens.js

@@ -0,0 +1,7 @@
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+
+var elementGap={xsmall:'spacing.1',small:'spacing.2',medium:'spacing.2',large:'spacing.3'};var titleTextSize={xsmall:'xsmall',small:'small',medium:'medium',large:'large'};var helpTextSize={xsmall:'xsmall',small:'xsmall',medium:'xsmall',large:'small'};var iconSize={xsmall:'xsmall',small:'small',medium:'medium',large:'large'};var itemTitleHeight={xsmall:size['14'],small:size['18'],medium:size['20'],large:size['24']};var titleColumnWidth={xsmall:size['120'],small:size['140'],medium:size['176'],large:size['200']};var avatarAdjustmentPaddingY={xsmall:'spacing.1',small:'spacing.2',medium:'spacing.2',large:'spacing.3'};
+
+export { avatarAdjustmentPaddingY, elementGap, helpTextSize, iconSize, itemTitleHeight, titleColumnWidth, titleTextSize };
+//# sourceMappingURL=infoGroupTokens.js.map

package/build/lib/native/components/InfoGroup/infoGroupTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"infoGroupTokens.js","sources":["../../../../../src/components/InfoGroup/infoGroupTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\n// Gap between leading/trailing elements and content\nconst elementGap = {\n  xsmall: 'spacing.1',\n  small: 'spacing.2',\n  medium: 'spacing.2',\n  large: 'spacing.3',\n} as const;\n\n// Size mapping for InfoItemKey\nconst titleTextSize = {\n  xsmall: 'xsmall',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\n// Text sizes for help text (has different mapping)\nconst helpTextSize = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'xsmall',\n  large: 'small',\n} as const;\n\n// Icon sizes for different InfoGroup sizes\nconst iconSize = {\n  xsmall: 'xsmall',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst itemTitleHeight = {\n  xsmall: size['14'],\n  small: size['18'],\n  medium: size['20'],\n  large: size['24'],\n};\n\n/**\n * Fixed width of the key/label column for horizontal `itemOrientation`.\n *\n * On web the key column is `max-content` (content-sized) inside a CSS grid, which keeps every\n * value column aligned across rows. React Native has no CSS grid, so we give the key column a\n * definite width per size instead. This keeps the value columns deterministically aligned across\n * rows WITHOUT any `onLayout`/measurement → setState cycle (which oscillates on device).\n *\n * Each width is sized to hug the longest realistic label (a ~18-char title + a leading icon at\n * that size) so the single `spacing.6` column gap matches web's mobile gap as closely as possible\n * without the label wrapping. A wider value would push the value column too far right (the excess\n * gap the user reported); a narrower one would wrap long labels.\n */\nconst titleColumnWidth = {\n  xsmall: size['120'],\n  small: size['140'],\n  medium: size['176'],\n  large: size['200'],\n} as const;\n\nconst avatarAdjustmentPaddingY = {\n  xsmall: 'spacing.1',\n  small: 'spacing.2',\n  medium: 'spacing.2',\n  large: 'spacing.3',\n} as const;\n\nexport {\n  elementGap,\n  titleTextSize,\n  helpTextSize,\n  iconSize,\n  itemTitleHeight,\n  titleColumnWidth,\n  avatarAdjustmentPaddingY,\n};\n"],"names":["elementGap","xsmall","small","medium","large","titleTextSize","helpTextSize","iconSize","itemTitleHeight","size","titleColumnWidth","avatarAdjustmentPaddingY"],"mappings":";;;AAGM,IAAAA,UAAU,CAAG,CACjBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAGM,IAAAC,aAAa,CAAG,CACpBJ,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAGM,IAAAE,YAAY,CAAG,CACnBL,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAGM,IAAAG,QAAQ,CAAG,CACfN,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAEM,IAAAI,eAAe,CAAG,CACtBP,MAAM,CAAEQ,IAAI,CAAC,IAAI,CAAC,CAClBP,KAAK,CAAEO,IAAI,CAAC,IAAI,CAAC,CACjBN,MAAM,CAAEM,IAAI,CAAC,IAAI,CAAC,CAClBL,KAAK,CAAEK,IAAI,CAAC,IAAI,CAClB,EAeM,IAAAC,gBAAgB,CAAG,CACvBT,MAAM,CAAEQ,IAAI,CAAC,KAAK,CAAC,CACnBP,KAAK,CAAEO,IAAI,CAAC,KAAK,CAAC,CAClBN,MAAM,CAAEM,IAAI,CAAC,KAAK,CAAC,CACnBL,KAAK,CAAEK,IAAI,CAAC,KAAK,CACnB,EAEM,IAAAE,wBAAwB,CAAG,CAC/BV,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT;;;;"}

package/build/lib/native/components/InfoGroup/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/lib/native/components/InfoGroup/types.js.map

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

package/build/lib/native/components/Input/BaseInput/AnimatedBaseInputWrapper.native.js

@@ -4,20 +4,17 @@ import Animated, { useSharedValue, withTiming, runOnJS, useAnimatedStyle } from
 import styled from 'styled-components/native';
 import { getInputBackgroundAndBorderStyles, getAnimatedBaseInputWrapperMaxHeight, getBaseInputState } from './baseInputStyles.js';
 import { baseInputHeight, baseInputWrapperMaxHeight, baseInputBorderColor, baseInputBackgroundColor, baseInputBorderBackgroundMotion, baseInputBorderRadius } from './baseInputTokens.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
+import '../../../utils/index.js';
+import '../../BladeProvider/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import '../../../utils/getFocusRingStyles/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
 import { castNativeType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import useTheme from '../../BladeProvider/useTheme.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
-import getIn from '../../../utils/lodashButBetter/get.js';
+import { FocusRingWrapper } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
 
-var _excluded=["showAllTags","isTextArea","numberOfLines","setShowAllTagsWithAnimation","children","maxTagRows","isDropdownTrigger"];var StyledBaseInputWrapper=styled(Animated.View)(function(props){return Object.assign({},getInputBackgroundAndBorderStyles({theme:props.theme,isFocused:props.currentInteraction==='focus',isDisabled:props.isDisabled,validationState:props.validationState,isTextArea:props.isTextArea,isDropdownTrigger:props.isDropdownTrigger,isTableInputCell:props.isTableInputCell,size:props.size}));});var _AnimatedBaseInputWrapper=function _AnimatedBaseInputWrapper(_ref,ref){var showAllTags=_ref.showAllTags,isTextArea=_ref.isTextArea,numberOfLines=_ref.numberOfLines,setShowAllTagsWithAnimation=_ref.setShowAllTagsWithAnimation,children=_ref.children,maxTagRows=_ref.maxTagRows,isDropdownTrigger=_ref.isDropdownTrigger,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var sharedHeight=useSharedValue(baseInputHeight[rest.size]);React__default.useEffect(function(){if(!isDropdownTrigger){return;}sharedHeight.value=withTiming(showAllTags?baseInputWrapperMaxHeight[rest.size]:baseInputHeight[rest.size],{duration:theme.motion.duration.xquick,easing:castNativeType(theme.motion.easing.exit)},function(isComplete){if(isComplete&&!showAllTags){runOnJS(setShowAllTagsWithAnimation)(false);}});},[showAllTags]);var animatedStyle=useAnimatedStyle(function(){return {maxHeight:sharedHeight.value};});var animatedStyleObject=maxTagRows==='expandable'?animatedStyle:{};var maxHeightStyleObject={maxHeight:getAnimatedBaseInputWrapperMaxHeight({maxTagRows:maxTagRows,showAllTags:showAllTags,size:rest.size})};var baseInputState=getBaseInputState({isFocused:rest.currentInteraction==='focus',isHovered:rest.currentInteraction==='hover',isDisabled:Boolean(rest.isDisabled)});var borderColor=getIn(theme.colors,baseInputBorderColor[baseInputState]);var backgroundColor=getIn(theme.colors,baseInputBackgroundColor[baseInputState]);if(rest.validationState==='error'){borderColor=getIn(theme.colors,baseInputBorderColor.error);}else if(rest.validationState==='success'){borderColor=getIn(theme.colors,baseInputBorderColor.success);}var motionConfig={duration:castNativeType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[rest.currentInteraction==='focus'?'enter':'exit'].duration))),easing:castNativeType(theme.motion.easing[baseInputBorderBackgroundMotion[rest.currentInteraction==='focus'?'enter':'exit'].easing])};var animatedBorderAndBackgroundStyle=useAnimatedStyle(function(){return {borderWidth:rest.isTableInputCell?theme.border.width.none:theme.border.width.thin,borderRadius:rest.isTableInputCell?theme.border.radius.none:theme.border.radius[baseInputBorderRadius[rest.size]],borderStyle:'solid',backgroundColor:withTiming(backgroundColor,motionConfig),borderColor:withTiming(borderColor,motionConfig)};},[borderColor,backgroundColor,motionConfig,rest.isTableInputCell,rest.size]);return jsx(StyledBaseInputWrapper,Object.assign({ref:ref,style:[isDropdownTrigger&&!isTextArea?Object.assign({},maxHeightStyleObject,animatedStyleObject):{},animatedBorderAndBackgroundStyle],isDropdownTrigger:isDropdownTrigger,numberOfLines:numberOfLines,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation},rest,{children:children}));};var AnimatedBaseInputWrapper=React__default.forwardRef(_AnimatedBaseInputWrapper);
+var _excluded=["showAllTags","isTextArea","numberOfLines","setShowAllTagsWithAnimation","children","maxTagRows","isDropdownTrigger"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/BaseInput/AnimatedBaseInputWrapper.native.tsx";var StyledBaseInputWrapper=styled(Animated.View)(function(props){return Object.assign({},getInputBackgroundAndBorderStyles({theme:props.theme,isFocused:props.currentInteraction==='focus',isDisabled:props.isDisabled,validationState:props.validationState,isTextArea:props.isTextArea,isDropdownTrigger:props.isDropdownTrigger,isTableInputCell:props.isTableInputCell,size:props.size,borderRadius:props.borderRadius}));});var _AnimatedBaseInputWrapper=function _AnimatedBaseInputWrapper(_ref,ref){var _rest$borderRadius;var showAllTags=_ref.showAllTags,isTextArea=_ref.isTextArea,numberOfLines=_ref.numberOfLines,setShowAllTagsWithAnimation=_ref.setShowAllTagsWithAnimation,children=_ref.children,maxTagRows=_ref.maxTagRows,isDropdownTrigger=_ref.isDropdownTrigger,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var sharedHeight=useSharedValue(baseInputHeight[rest.size]);React__default.useEffect(function(){if(!isDropdownTrigger){return;}sharedHeight.value=withTiming(showAllTags?baseInputWrapperMaxHeight[rest.size]:baseInputHeight[rest.size],{duration:theme.motion.duration.xquick,easing:castNativeType(theme.motion.easing.exit)},function(isComplete){if(isComplete&&!showAllTags){runOnJS(setShowAllTagsWithAnimation)(false);}});},[showAllTags]);var animatedStyle=useAnimatedStyle(function(){return {maxHeight:sharedHeight.value};});var animatedStyleObject=maxTagRows==='expandable'?animatedStyle:{};var maxHeightStyleObject={maxHeight:getAnimatedBaseInputWrapperMaxHeight({maxTagRows:maxTagRows,showAllTags:showAllTags,size:rest.size})};var baseInputState=getBaseInputState({isFocused:rest.currentInteraction==='focus',isHovered:rest.currentInteraction==='hover',isDisabled:Boolean(rest.isDisabled)});var borderColor=getIn(theme.colors,baseInputBorderColor[baseInputState]);var backgroundColor=getIn(theme.colors,baseInputBackgroundColor[baseInputState]);if(rest.validationState==='error'){borderColor=getIn(theme.colors,baseInputBorderColor.error);}var isFocused=rest.currentInteraction==='focus';var motionConfig={duration:castNativeType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[isFocused?'enter':'exit'].duration))),easing:castNativeType(theme.motion.easing[baseInputBorderBackgroundMotion[isFocused?'enter':'exit'].easing])};var targetBorderWidth=rest.isTableInputCell?theme.border.width.none:isFocused?theme.border.width.thick:theme.border.width.thin;var inputBorderRadius=rest.isTableInputCell?theme.border.radius.none:theme.border.radius[(_rest$borderRadius=rest.borderRadius)!=null?_rest$borderRadius:baseInputBorderRadius[rest.size]];var animatedBorderAndBackgroundStyle=useAnimatedStyle(function(){return {borderWidth:withTiming(targetBorderWidth,motionConfig),borderRadius:inputBorderRadius,borderStyle:'solid',backgroundColor:withTiming(backgroundColor,motionConfig),borderColor:withTiming(borderColor,motionConfig)};},[borderColor,backgroundColor,motionConfig,rest.isTableInputCell,rest.size,targetBorderWidth,inputBorderRadius]);return jsx(FocusRingWrapper,{isFocused:isFocused,borderRadius:inputBorderRadius,disabled:rest.isTableInputCell,children:jsx(StyledBaseInputWrapper,Object.assign({ref:ref,style:[isDropdownTrigger&&!isTextArea?Object.assign({},maxHeightStyleObject,animatedStyleObject):!isTextArea?{height:baseInputHeight[rest.size]}:{},animatedBorderAndBackgroundStyle],isDropdownTrigger:isDropdownTrigger,numberOfLines:numberOfLines,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation},rest,{children:children}))});};var AnimatedBaseInputWrapper=React__default.forwardRef(_AnimatedBaseInputWrapper);
 
 export { AnimatedBaseInputWrapper };
 //# sourceMappingURL=AnimatedBaseInputWrapper.native.js.map

package/build/lib/native/components/Input/BaseInput/AnimatedBaseInputWrapper.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedBaseInputWrapper.native.js","sources":["../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.native.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n  getAnimatedBaseInputWrapperMaxHeight,\n  getBaseInputState,\n  getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderBackgroundMotion,\n  baseInputBorderColor,\n  baseInputBorderRadius,\n  baseInputHeight,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { EasingFactoryFn } from '~tokens/global';\n\nconst StyledBaseInputWrapper = styled(Animated.View)<BaseInputWrapperProps>((props) => ({\n  ...getInputBackgroundAndBorderStyles({\n    theme: props.theme,\n    isFocused: props.currentInteraction === 'focus',\n    isDisabled: props.isDisabled,\n    validationState: props.validationState,\n    isTextArea: props.isTextArea,\n    isDropdownTrigger: props.isDropdownTrigger,\n    isTableInputCell: props.isTableInputCell,\n    size: props.size,\n  }),\n}));\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n  HTMLDivElement,\n  BaseInputWrapperProps & {\n    showAllTags?: boolean;\n    setShowAllTagsWithAnimation: (showAllTagsWithAnimation: boolean) => void;\n  }\n> = (\n  {\n    showAllTags,\n    isTextArea,\n    numberOfLines,\n    setShowAllTagsWithAnimation,\n    children,\n    maxTagRows,\n    isDropdownTrigger,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const sharedHeight = useSharedValue<number>(baseInputHeight[rest.size]); // Initial max-width value\n\n  React.useEffect(() => {\n    if (!isDropdownTrigger) {\n      return;\n    }\n\n    sharedHeight.value = withTiming(\n      showAllTags ? baseInputWrapperMaxHeight[rest.size] : baseInputHeight[rest.size],\n      {\n        duration: theme.motion.duration.xquick,\n        easing: castNativeType(theme.motion.easing.exit),\n      },\n      (isComplete) => {\n        if (isComplete && !showAllTags) {\n          runOnJS(setShowAllTagsWithAnimation)(false);\n        }\n      },\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showAllTags]);\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      maxHeight: sharedHeight.value,\n    };\n  });\n\n  const animatedStyleObject = maxTagRows === 'expandable' ? animatedStyle : {};\n  const maxHeightStyleObject = {\n    maxHeight: getAnimatedBaseInputWrapperMaxHeight({\n      maxTagRows,\n      showAllTags,\n      size: rest.size,\n    }),\n  };\n\n  const baseInputState = getBaseInputState({\n    isFocused: rest.currentInteraction === 'focus',\n    isHovered: rest.currentInteraction === 'hover',\n    isDisabled: Boolean(rest.isDisabled),\n  });\n\n  let borderColor = getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  const backgroundColor = getIn(theme.colors, baseInputBackgroundColor[baseInputState]);\n\n  if (rest.validationState === 'error') {\n    borderColor = getIn(theme.colors, baseInputBorderColor.error);\n  } else if (rest.validationState === 'success') {\n    borderColor = getIn(theme.colors, baseInputBorderColor.success);\n  }\n\n  const motionConfig: {\n    duration: number;\n    easing: EasingFactoryFn;\n  } = {\n    duration: castNativeType(\n      makeMotionTime(\n        getIn(\n          theme.motion.duration,\n          baseInputBorderBackgroundMotion[rest.currentInteraction === 'focus' ? 'enter' : 'exit']\n            .duration,\n        ),\n      ),\n    ),\n    easing: castNativeType(\n      theme.motion.easing[\n        baseInputBorderBackgroundMotion[rest.currentInteraction === 'focus' ? 'enter' : 'exit']\n          .easing\n      ],\n    ),\n  };\n\n  const animatedBorderAndBackgroundStyle = useAnimatedStyle(\n    () => ({\n      borderWidth: rest.isTableInputCell ? theme.border.width.none : theme.border.width.thin,\n      borderRadius: rest.isTableInputCell\n        ? theme.border.radius.none\n        : theme.border.radius[baseInputBorderRadius[rest.size]],\n      borderStyle: 'solid',\n      backgroundColor: withTiming(backgroundColor, motionConfig),\n      borderColor: withTiming(borderColor, motionConfig),\n    }),\n    [borderColor, backgroundColor, motionConfig, rest.isTableInputCell, rest.size],\n  );\n\n  return (\n    <StyledBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      style={[\n        // We only want to define height in tagged inputs except height for TextArea is set on TextArea based on numberOfLines prop\n        isDropdownTrigger && !isTextArea\n          ? {\n              ...maxHeightStyleObject,\n              ...animatedStyleObject,\n            }\n          : {},\n        animatedBorderAndBackgroundStyle,\n      ]}\n      isDropdownTrigger={isDropdownTrigger}\n      numberOfLines={numberOfLines}\n      setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n      {...rest}\n    >\n      {children}\n    </StyledBaseInputWrapper>\n  );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","Animated","View","props","Object","assign","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","isTableInputCell","size","_AnimatedBaseInputWrapper","_ref","ref","showAllTags","numberOfLines","setShowAllTagsWithAnimation","children","maxTagRows","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedHeight","useSharedValue","baseInputHeight","React","useEffect","value","withTiming","baseInputWrapperMaxHeight","duration","motion","xquick","easing","castNativeType","exit","isComplete","runOnJS","animatedStyle","useAnimatedStyle","maxHeight","animatedStyleObject","maxHeightStyleObject","getAnimatedBaseInputWrapperMaxHeight","baseInputState","getBaseInputState","isHovered","Boolean","borderColor","getIn","colors","baseInputBorderColor","backgroundColor","baseInputBackgroundColor","error","success","motionConfig","makeMotionTime","baseInputBorderBackgroundMotion","animatedBorderAndBackgroundStyle","borderWidth","border","width","none","thin","borderRadius","radius","baseInputBorderRadius","borderStyle","_jsx","style","AnimatedBaseInputWrapper","forwardRef"],"mappings":"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"}
+{"version":3,"file":"AnimatedBaseInputWrapper.native.js","sources":["../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.native.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n  getAnimatedBaseInputWrapperMaxHeight,\n  getBaseInputState,\n  getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderBackgroundMotion,\n  baseInputBorderColor,\n  baseInputBorderRadius,\n  baseInputHeight,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { EasingFactoryFn } from '~tokens/global';\nimport { FocusRingWrapper } from '~utils/getFocusRingStyles';\n\nconst StyledBaseInputWrapper = styled(Animated.View)<BaseInputWrapperProps>((props) => ({\n  ...getInputBackgroundAndBorderStyles({\n    theme: props.theme,\n    isFocused: props.currentInteraction === 'focus',\n    isDisabled: props.isDisabled,\n    validationState: props.validationState,\n    isTextArea: props.isTextArea,\n    isDropdownTrigger: props.isDropdownTrigger,\n    isTableInputCell: props.isTableInputCell,\n    size: props.size,\n    borderRadius: props.borderRadius,\n  }),\n}));\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n  HTMLDivElement,\n  BaseInputWrapperProps & {\n    showAllTags?: boolean;\n    setShowAllTagsWithAnimation: (showAllTagsWithAnimation: boolean) => void;\n  }\n> = (\n  {\n    showAllTags,\n    isTextArea,\n    numberOfLines,\n    setShowAllTagsWithAnimation,\n    children,\n    maxTagRows,\n    isDropdownTrigger,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const sharedHeight = useSharedValue<number>(baseInputHeight[rest.size]); // Initial max-width value\n\n  React.useEffect(() => {\n    if (!isDropdownTrigger) {\n      return;\n    }\n\n    sharedHeight.value = withTiming(\n      showAllTags ? baseInputWrapperMaxHeight[rest.size] : baseInputHeight[rest.size],\n      {\n        duration: theme.motion.duration.xquick,\n        easing: castNativeType(theme.motion.easing.exit),\n      },\n      (isComplete) => {\n        if (isComplete && !showAllTags) {\n          runOnJS(setShowAllTagsWithAnimation)(false);\n        }\n      },\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showAllTags]);\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      maxHeight: sharedHeight.value,\n    };\n  });\n\n  const animatedStyleObject = maxTagRows === 'expandable' ? animatedStyle : {};\n  const maxHeightStyleObject = {\n    maxHeight: getAnimatedBaseInputWrapperMaxHeight({\n      maxTagRows,\n      showAllTags,\n      size: rest.size,\n    }),\n  };\n\n  const baseInputState = getBaseInputState({\n    isFocused: rest.currentInteraction === 'focus',\n    isHovered: rest.currentInteraction === 'hover',\n    isDisabled: Boolean(rest.isDisabled),\n  });\n\n  let borderColor = getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  const backgroundColor = getIn(theme.colors, baseInputBackgroundColor[baseInputState]);\n\n  if (rest.validationState === 'error') {\n    borderColor = getIn(theme.colors, baseInputBorderColor.error);\n  }\n\n  const isFocused = rest.currentInteraction === 'focus';\n\n  const motionConfig: {\n    duration: number;\n    easing: EasingFactoryFn;\n  } = {\n    duration: castNativeType(\n      makeMotionTime(\n        getIn(\n          theme.motion.duration,\n          baseInputBorderBackgroundMotion[isFocused ? 'enter' : 'exit'].duration,\n        ),\n      ),\n    ),\n    easing: castNativeType(\n      theme.motion.easing[baseInputBorderBackgroundMotion[isFocused ? 'enter' : 'exit'].easing],\n    ),\n  };\n\n  const targetBorderWidth = rest.isTableInputCell\n    ? theme.border.width.none\n    : isFocused\n    ? theme.border.width.thick\n    : theme.border.width.thin;\n\n  const inputBorderRadius = rest.isTableInputCell\n    ? theme.border.radius.none\n    : theme.border.radius[rest.borderRadius ?? baseInputBorderRadius[rest.size]];\n\n  const animatedBorderAndBackgroundStyle = useAnimatedStyle(\n    () => ({\n      borderWidth: withTiming(targetBorderWidth, motionConfig),\n      borderRadius: inputBorderRadius,\n      borderStyle: 'solid',\n      backgroundColor: withTiming(backgroundColor, motionConfig),\n      borderColor: withTiming(borderColor, motionConfig),\n    }),\n    [\n      borderColor,\n      backgroundColor,\n      motionConfig,\n      rest.isTableInputCell,\n      rest.size,\n      targetBorderWidth,\n      inputBorderRadius,\n    ],\n  );\n\n  return (\n    <FocusRingWrapper\n      isFocused={isFocused}\n      borderRadius={inputBorderRadius}\n      disabled={rest.isTableInputCell}\n    >\n      <StyledBaseInputWrapper\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ref={ref as any}\n        style={[\n          isDropdownTrigger && !isTextArea\n            ? {\n                ...maxHeightStyleObject,\n                ...animatedStyleObject,\n              }\n            : !isTextArea\n            ? { height: baseInputHeight[rest.size] }\n            : {},\n          animatedBorderAndBackgroundStyle,\n        ]}\n        isDropdownTrigger={isDropdownTrigger}\n        numberOfLines={numberOfLines}\n        setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n        {...rest}\n      >\n        {children}\n      </StyledBaseInputWrapper>\n    </FocusRingWrapper>\n  );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","Animated","View","props","Object","assign","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","isTableInputCell","size","borderRadius","_AnimatedBaseInputWrapper","_ref","ref","_rest$borderRadius","showAllTags","numberOfLines","setShowAllTagsWithAnimation","children","maxTagRows","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedHeight","useSharedValue","baseInputHeight","React","useEffect","value","withTiming","baseInputWrapperMaxHeight","duration","motion","xquick","easing","castNativeType","exit","isComplete","runOnJS","animatedStyle","useAnimatedStyle","maxHeight","animatedStyleObject","maxHeightStyleObject","getAnimatedBaseInputWrapperMaxHeight","baseInputState","getBaseInputState","isHovered","Boolean","borderColor","getIn","colors","baseInputBorderColor","backgroundColor","baseInputBackgroundColor","error","motionConfig","makeMotionTime","baseInputBorderBackgroundMotion","targetBorderWidth","border","width","none","thick","thin","inputBorderRadius","radius","baseInputBorderRadius","animatedBorderAndBackgroundStyle","borderWidth","borderStyle","_jsx","FocusRingWrapper","disabled","style","height","AnimatedBaseInputWrapper","forwardRef"],"mappings":";;;;;;;;;;;;;;;;wRA4BA,IAAMA,sBAAsB,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAwB,SAACC,KAAK,CAAA,CAAA,OAAAC,MAAA,CAAAC,MAAA,IAC7EC,iCAAiC,CAAC,CACnCC,KAAK,CAAEJ,KAAK,CAACI,KAAK,CAClBC,SAAS,CAAEL,KAAK,CAACM,kBAAkB,GAAK,OAAO,CAC/CC,UAAU,CAAEP,KAAK,CAACO,UAAU,CAC5BC,eAAe,CAAER,KAAK,CAACQ,eAAe,CACtCC,UAAU,CAAET,KAAK,CAACS,UAAU,CAC5BC,iBAAiB,CAAEV,KAAK,CAACU,iBAAiB,CAC1CC,gBAAgB,CAAEX,KAAK,CAACW,gBAAgB,CACxCC,IAAI,CAAEZ,KAAK,CAACY,IAAI,CAChBC,YAAY,CAAEb,KAAK,CAACa,YACtB,CAAC,CAAC,CACF,CAAA,CAAA,CAAC,CAEH,IAAMC,yBAML,CAAG,SANEA,yBAMLA,CAAAC,IAAA,CAWCC,GAAG,CACoB,CAAA,IAAAC,kBAAA,CAVrB,IAAAC,WAAW,CAAAH,IAAA,CAAXG,WAAW,CACXT,UAAU,CAAAM,IAAA,CAAVN,UAAU,CACVU,aAAa,CAAAJ,IAAA,CAAbI,aAAa,CACbC,2BAA2B,CAAAL,IAAA,CAA3BK,2BAA2B,CAC3BC,QAAQ,CAAAN,IAAA,CAARM,QAAQ,CACRC,UAAU,CAAAP,IAAA,CAAVO,UAAU,CACVZ,iBAAiB,CAAAK,IAAA,CAAjBL,iBAAiB,CACda,IAAI,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAAA,CAIT,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBvB,KAAK,CAAAsB,SAAA,CAALtB,KAAK,CACb,IAAMwB,YAAY,CAAGC,cAAc,CAASC,eAAe,CAACP,IAAI,CAACX,IAAI,CAAC,CAAC,CAEvEmB,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAI,CAACtB,iBAAiB,CAAE,CACtB,OACF,CAEAkB,YAAY,CAACK,KAAK,CAAGC,UAAU,CAC7BhB,WAAW,CAAGiB,yBAAyB,CAACZ,IAAI,CAACX,IAAI,CAAC,CAAGkB,eAAe,CAACP,IAAI,CAACX,IAAI,CAAC,CAC/E,CACEwB,QAAQ,CAAEhC,KAAK,CAACiC,MAAM,CAACD,QAAQ,CAACE,MAAM,CACtCC,MAAM,CAAEC,cAAc,CAACpC,KAAK,CAACiC,MAAM,CAACE,MAAM,CAACE,IAAI,CACjD,CAAC,CACD,SAACC,UAAU,CAAK,CACd,GAAIA,UAAU,EAAI,CAACxB,WAAW,CAAE,CAC9ByB,OAAO,CAACvB,2BAA2B,CAAC,CAAC,KAAK,CAAC,CAC7C,CACF,CACF,CAAC,CAEH,CAAC,CAAE,CAACF,WAAW,CAAC,CAAC,CAEjB,IAAM0B,aAAa,CAAGC,gBAAgB,CAAC,UAAM,CAC3C,OAAO,CACLC,SAAS,CAAElB,YAAY,CAACK,KAC1B,CAAC,CACH,CAAC,CAAC,CAEF,IAAMc,mBAAmB,CAAGzB,UAAU,GAAK,YAAY,CAAGsB,aAAa,CAAG,EAAE,CAC5E,IAAMI,oBAAoB,CAAG,CAC3BF,SAAS,CAAEG,oCAAoC,CAAC,CAC9C3B,UAAU,CAAVA,UAAU,CACVJ,WAAW,CAAXA,WAAW,CACXN,IAAI,CAAEW,IAAI,CAACX,IACb,CAAC,CACH,CAAC,CAED,IAAMsC,cAAc,CAAGC,iBAAiB,CAAC,CACvC9C,SAAS,CAAEkB,IAAI,CAACjB,kBAAkB,GAAK,OAAO,CAC9C8C,SAAS,CAAE7B,IAAI,CAACjB,kBAAkB,GAAK,OAAO,CAC9CC,UAAU,CAAE8C,OAAO,CAAC9B,IAAI,CAAChB,UAAU,CACrC,CAAC,CAAC,CAEF,IAAI+C,WAAW,CAAGC,KAAK,CAACnD,KAAK,CAACoD,MAAM,CAAEC,oBAAoB,CAACP,cAAc,CAAC,CAAC,CAC3E,IAAMQ,eAAe,CAAGH,KAAK,CAACnD,KAAK,CAACoD,MAAM,CAAEG,wBAAwB,CAACT,cAAc,CAAC,CAAC,CAErF,GAAI3B,IAAI,CAACf,eAAe,GAAK,OAAO,CAAE,CACpC8C,WAAW,CAAGC,KAAK,CAACnD,KAAK,CAACoD,MAAM,CAAEC,oBAAoB,CAACG,KAAK,CAAC,CAC/D,CAEA,IAAMvD,SAAS,CAAGkB,IAAI,CAACjB,kBAAkB,GAAK,OAAO,CAErD,IAAMuD,YAGL,CAAG,CACFzB,QAAQ,CAAEI,cAAc,CACtBsB,cAAc,CACZP,KAAK,CACHnD,KAAK,CAACiC,MAAM,CAACD,QAAQ,CACrB2B,+BAA+B,CAAC1D,SAAS,CAAG,OAAO,CAAG,MAAM,CAAC,CAAC+B,QAChE,CACF,CACF,CAAC,CACDG,MAAM,CAAEC,cAAc,CACpBpC,KAAK,CAACiC,MAAM,CAACE,MAAM,CAACwB,+BAA+B,CAAC1D,SAAS,CAAG,OAAO,CAAG,MAAM,CAAC,CAACkC,MAAM,CAC1F,CACF,CAAC,CAED,IAAMyB,iBAAiB,CAAGzC,IAAI,CAACZ,gBAAgB,CAC3CP,KAAK,CAAC6D,MAAM,CAACC,KAAK,CAACC,IAAI,CACvB9D,SAAS,CACTD,KAAK,CAAC6D,MAAM,CAACC,KAAK,CAACE,KAAK,CACxBhE,KAAK,CAAC6D,MAAM,CAACC,KAAK,CAACG,IAAI,CAE3B,IAAMC,iBAAiB,CAAG/C,IAAI,CAACZ,gBAAgB,CAC3CP,KAAK,CAAC6D,MAAM,CAACM,MAAM,CAACJ,IAAI,CACxB/D,KAAK,CAAC6D,MAAM,CAACM,MAAM,CAAAtD,CAAAA,kBAAA,CAACM,IAAI,CAACV,YAAY,GAAAI,IAAAA,CAAAA,kBAAA,CAAIuD,qBAAqB,CAACjD,IAAI,CAACX,IAAI,CAAC,CAAC,CAE9E,IAAM6D,gCAAgC,CAAG5B,gBAAgB,CACvD,kBAAO,CACL6B,WAAW,CAAExC,UAAU,CAAC8B,iBAAiB,CAAEH,YAAY,CAAC,CACxDhD,YAAY,CAAEyD,iBAAiB,CAC/BK,WAAW,CAAE,OAAO,CACpBjB,eAAe,CAAExB,UAAU,CAACwB,eAAe,CAAEG,YAAY,CAAC,CAC1DP,WAAW,CAAEpB,UAAU,CAACoB,WAAW,CAAEO,YAAY,CACnD,CAAC,EAAC,CACF,CACEP,WAAW,CACXI,eAAe,CACfG,YAAY,CACZtC,IAAI,CAACZ,gBAAgB,CACrBY,IAAI,CAACX,IAAI,CACToD,iBAAiB,CACjBM,iBAAiB,CAErB,CAAC,CAED,OACEM,GAAA,CAACC,gBAAgB,CACfxE,CAAAA,SAAS,CAAEA,SAAU,CACrBQ,YAAY,CAAEyD,iBAAkB,CAChCQ,QAAQ,CAAEvD,IAAI,CAACZ,gBAAiB,CAAAU,QAAA,CAEhCuD,GAAA,CAAChF,sBAAsB,CAAAK,MAAA,CAAAC,MAAA,CAAA,CAErBc,GAAG,CAAEA,GAAW,CAChB+D,KAAK,CAAE,CACLrE,iBAAiB,EAAI,CAACD,UAAU,CAAAR,MAAA,CAAAC,MAAA,IAEvB8C,oBAAoB,CACpBD,mBAAmB,CAExB,CAAA,CAACtC,UAAU,CACX,CAAEuE,MAAM,CAAElD,eAAe,CAACP,IAAI,CAACX,IAAI,CAAE,CAAC,CACtC,EAAE,CACN6D,gCAAgC,CAChC,CACF/D,iBAAiB,CAAEA,iBAAkB,CACrCS,aAAa,CAAEA,aAAc,CAC7BC,2BAA2B,CAAEA,2BAA4B,CACrDG,CAAAA,IAAI,EAAAF,QAAA,CAEPA,QAAQ,CACa,CAAA,CAAC,CACT,CAAC,CAEvB,CAAC,CAEK,IAAA4D,wBAAwB,CAAGlD,cAAK,CAACmD,UAAU,CAACpE,yBAAyB;;;;"}

package/build/lib/native/components/Input/BaseInput/BaseInput.js

@@ -7,42 +7,48 @@ import { BaseInputVisuals } from './BaseInputVisuals.js';
 import { BaseInputWrapper } from './BaseInputWrapper.js';
 import { BaseInputTagSlot } from './BaseInputTagSlot.native.js';
 import { baseInputBorderRadius, baseInputBorderBackgroundMotion, formHintLeftLabelMarginLeft } from './baseInputTokens.js';
-import { FormHint } from '../../Form/FormHint.js';
-import { FormLabel } from '../../Form/FormLabel.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
-import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
-import 'react-native';
+import '../../Form/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/index.js';
+import '../../../utils/metaAttribute/index.js';
+import { useFormId } from '../../Form/useFormId.js';
+import '../../BladeProvider/index.js';
+import useInteraction from '../../../utils/useInteraction.js';
+import '../../../utils/makeSize/index.js';
+import '../../../utils/makeAccessible/index.native.js';
+import '../../../utils/logger/index.js';
+import { announce } from '../../LiveAnnouncer/LiveAnnouncer.native.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/getFocusRingStyles/index.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
+import { useMergeRefs } from '../../../utils/useMergeRefs.js';
+import { getOuterMotionRef, getInnerMotionRef } from '../../../utils/getMotionRefs.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import { useInputGroupContext } from '../../InputGroup/InputGroupContext.js';
+import { useCounterInputContext } from '../../CounterInput/CounterInputContext.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { throwBladeError, logger } from '../../../utils/logger/logger.js';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
-import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
-import { throwBladeError } from '../../../utils/logger/logger.js';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.native.js';
+import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
 import { castWebType } from '../../../utils/platform/castUtils.js';
-import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
-import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import useTheme from '../../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
+import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
+import { FormLabel } from '../../Form/FormLabel.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
-import { useFormId } from '../../Form/useFormId.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../../BottomSheet/BottomSheetStack.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import useInteraction from '../../../utils/useInteraction.js';
-import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
-import { announce } from '../../LiveAnnouncer/LiveAnnouncer.native.js';
-import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
-import { useMergeRefs } from '../../../utils/useMergeRefs.js';
-import { getOuterMotionRef, getInnerMotionRef } from '../../../utils/getMotionRefs.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { useInputGroupContext } from '../../InputGroup/InputGroupContext.js';
-import { useCounterInputContext } from '../../CounterInput/CounterInputContext.js';
+import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import { FormHint } from '../../Form/FormHint.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["as","label","labelPosition","placeholder","type","defaultValue","tags","showAllTags","activeTagIndex","setActiveTagIndex","name","value","onFocus","onChange","onInput","onBlur","onSubmit","onClick","onKeyDown","onPaste","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","onTrailingInteractionElementClick","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","size","padding","borderRadius","elevation","trailingButton","valueComponentType","isTableInputCell","showHintsAsTooltip","_motionMeta","role","tabIndex","leadingDropDown","trailingDropDown","labelSuffix","labelTrailing","valueSuffix","children","topContent","bottomContent","inputRowOverlay","caretColor"];var autoCompleteSuggestionTypeValues=['none','on','name','email','username','password','newPassword','oneTimeCode','telephone','postalCode','countryName','creditCardNumber','creditCardCSC','creditCardExpiry','creditCardExpiryMonth','creditCardExpiryYear'];var useTags=function useTags(tags,activeTagIndex,setActiveTagIndex){var visibleTagsCountRef=React__default.useRef(0);React__default.useEffect(function(){if(tags&&activeTagIndex>=0&&activeTagIndex<tags.length){var _tags$activeTagIndex,_tags$activeTagIndex$;var tagTitle=(_tags$activeTagIndex=tags[activeTagIndex])==null?void 0:(_tags$activeTagIndex$=_tags$activeTagIndex.props)==null?void 0:_tags$activeTagIndex$.children;if(tagTitle){announce(`Close ${tagTitle} Tag`);}}},[activeTagIndex,tags==null?void 0:tags.length]);var onTagLeft=function onTagLeft(){if(activeTagIndex<0){setActiveTagIndex==null?void 0:setActiveTagIndex(visibleTagsCountRef.current-1);}if(activeTagIndex>0){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex-1);}};var onTagRight=function onTagRight(){if(activeTagIndex<visibleTagsCountRef.current-1){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex+1);}};var onTagRemove=function onTagRemove(){if(activeTagIndex>=0&&activeTagIndex<visibleTagsCountRef.current&&tags){tags[activeTagIndex].props.onDismiss({tagIndex:activeTagIndex});}};var onInputKeydownTagHandler=function onInputKeydownTagHandler(key){if(tags&&tags.length>0){if(key==='ArrowRight'){onTagRight();}if(key==='ArrowLeft'){onTagLeft();}if(key==='Backspace'){onTagRemove();}}};return {onInputKeydownTagHandler:onInputKeydownTagHandler,visibleTagsCountRef:visibleTagsCountRef};};var useInput=function useInput(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,onClick=_ref.onClick,onFocus=_ref.onFocus,onChange=_ref.onChange,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,onInput=_ref.onInput,onKeyDown=_ref.onKeyDown,onInputKeydownTagHandler=_ref.onInputKeydownTagHandler;if(__DEV__){if(value&&defaultValue){throwBladeError({message:`Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,moduleName:'Input'});}}var _React$useState=React__default.useState(defaultValue!=null?defaultValue:value),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var handleOnFocus=React__default.useCallback(function(_ref2){var name=_ref2.name,value=_ref2.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value;_value=(_value$target$value=value==null?void 0:value.target.value)!=null?_value$target$value:'';}onFocus==null?void 0:onFocus({name:name,value:_value});},[onFocus]);var handleOnClick=React__default.useCallback(function(_ref3){var name=_ref3.name,value=_ref3.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$currentTarget$;_value=(_value$currentTarget$=value==null?void 0:value.currentTarget.value)!=null?_value$currentTarget$:'';}onClick==null?void 0:onClick({name:name,value:_value});},[onClick]);var handleOnSubmit=React__default.useCallback(function(_ref4){var name=_ref4.name,value=_ref4.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value2;_value=(_value$target$value2=value==null?void 0:value.target.value)!=null?_value$target$value2:'';}if(isReactNative()){onSubmit==null?void 0:onSubmit({name:name,value:_value});}},[onSubmit]);var handleOnBlur=React__default.useCallback(function(_ref5){var name=_ref5.name,value=_ref5.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value3;_value=(_value$target$value3=value==null?void 0:value.target.value)!=null?_value$target$value3:'';}onBlur==null?void 0:onBlur({name:name,value:_value});},[onBlur]);var handleOnChange=React__default.useCallback(function(_ref6){var name=_ref6.name,value=_ref6.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value4;_value=(_value$target$value4=value==null?void 0:value.target.value)!=null?_value$target$value4:'';}onChange==null?void 0:onChange({name:name,value:_value});setInputValue(_value);},[onChange]);var handleOnInput=React__default.useCallback(function(_ref7){var name=_ref7.name,value=_ref7.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value5;_value=(_value$target$value5=value==null?void 0:value.target.value)!=null?_value$target$value5:'';}onInput==null?void 0:onInput({name:name,value:_value});},[onInput]);var handleOnKeyDown=React__default.useCallback(function(_ref8){var name=_ref8.name,key=_ref8.key,code=_ref8.code,event=_ref8.event;onInputKeydownTagHandler(key);onKeyDown==null?void 0:onKeyDown({name:name,key:key,code:code,event:event});},[onKeyDown]);return {handleOnFocus:handleOnFocus,handleOnClick:handleOnClick,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,inputValue:inputValue};};var getHintType=function getHintType(_ref9){var validationState=_ref9.validationState,hasHelpText=_ref9.hasHelpText;if(validationState==='error'){return 'error';}if(validationState==='success'){return 'success';}if(hasHelpText){return 'help';}return 'help';};var getDescribedByElementId=function getDescribedByElementId(_ref0){var validationState=_ref0.validationState,hasErrorText=_ref0.hasErrorText,hasSuccessText=_ref0.hasSuccessText,hasHelpText=_ref0.hasHelpText,errorTextId=_ref0.errorTextId,successTextId=_ref0.successTextId,helpTextId=_ref0.helpTextId;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref1){var theme=_ref1.theme,currentInteraction=_ref1.currentInteraction,isTableInputCell=_ref1.isTableInputCell,shouldAddLimitedFocus=_ref1.shouldAddLimitedFocus,$size=_ref1.$size,$borderRadius=_ref1.$borderRadius;return {borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius[$borderRadius!=null?$borderRadius:baseInputBorderRadius[$size]]),width:'100%','&:focus-within':!isTableInputCell&&(shouldAddLimitedFocus?currentInteraction==='focus':true)?Object.assign({},getFocusRingStyles(),{transitionDuration:castWebType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].duration))),transitionTimingFunction:castWebType(theme.motion.easing[baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].easing])}):{}};});var _BaseInput=function _BaseInput(_ref10,ref){var _ref11,_inputGroupProps$isDi,_inputGroupProps$size;var _ref10$as=_ref10.as,as=_ref10$as===void 0?'input':_ref10$as,label=_ref10.label,_ref10$labelPosition=_ref10.labelPosition,labelPosition=_ref10$labelPosition===void 0?'top':_ref10$labelPosition,placeholder=_ref10.placeholder,_ref10$type=_ref10.type,type=_ref10$type===void 0?'text':_ref10$type,defaultValue=_ref10.defaultValue,tags=_ref10.tags,_ref10$showAllTags=_ref10.showAllTags,showAllTags=_ref10$showAllTags===void 0?false:_ref10$showAllTags,_ref10$activeTagIndex=_ref10.activeTagIndex,activeTagIndex=_ref10$activeTagIndex===void 0?-1:_ref10$activeTagIndex,setActiveTagIndex=_ref10.setActiveTagIndex,name=_ref10.name,value=_ref10.value,onFocus=_ref10.onFocus,onChange=_ref10.onChange,onInput=_ref10.onInput,onBlur=_ref10.onBlur,onSubmit=_ref10.onSubmit,onClick=_ref10.onClick,onKeyDown=_ref10.onKeyDown,onPaste=_ref10.onPaste,isDisabled=_ref10.isDisabled,necessityIndicator=_ref10.necessityIndicator,validationState=_ref10.validationState,errorText=_ref10.errorText,helpText=_ref10.helpText,successText=_ref10.successText,isRequired=_ref10.isRequired,leadingIcon=_ref10.leadingIcon,prefix=_ref10.prefix,trailingInteractionElement=_ref10.trailingInteractionElement,onTrailingInteractionElementClick=_ref10.onTrailingInteractionElementClick,leadingInteractionElement=_ref10.leadingInteractionElement,suffix=_ref10.suffix,trailingIcon=_ref10.trailingIcon,maxCharacters=_ref10.maxCharacters,textAlign=_ref10.textAlign,autoFocus=_ref10.autoFocus,keyboardReturnKeyType=_ref10.keyboardReturnKeyType,keyboardType=_ref10.keyboardType,autoCompleteSuggestionType=_ref10.autoCompleteSuggestionType,trailingHeaderSlot=_ref10.trailingHeaderSlot,trailingFooterSlot=_ref10.trailingFooterSlot,numberOfLines=_ref10.numberOfLines,id=_ref10.id,componentName=_ref10.componentName,accessibilityLabel=_ref10.accessibilityLabel,labelId=_ref10.labelId,activeDescendant=_ref10.activeDescendant,hideLabelText=_ref10.hideLabelText,hideFormHint=_ref10.hideFormHint,hasPopup=_ref10.hasPopup,popupId=_ref10.popupId,isPopupExpanded=_ref10.isPopupExpanded,maxTagRows=_ref10.maxTagRows,shouldIgnoreBlurAnimation=_ref10.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_ref10.setShouldIgnoreBlurAnimation,autoCapitalize=_ref10.autoCapitalize,setInputWrapperRef=_ref10.setInputWrapperRef,testID=_ref10.testID,isDropdownTrigger=_ref10.isDropdownTrigger,isLabelInsideInput=_ref10.isLabelInsideInput,_ref10$size=_ref10.size,size=_ref10$size===void 0?'medium':_ref10$size,padding=_ref10.padding,borderRadius=_ref10.borderRadius,elevation=_ref10.elevation,trailingButton=_ref10.trailingButton,_ref10$valueComponent=_ref10.valueComponentType,valueComponentType=_ref10$valueComponent===void 0?'text':_ref10$valueComponent,_ref10$isTableInputCe=_ref10.isTableInputCell,isTableInputCell=_ref10$isTableInputCe===void 0?false:_ref10$isTableInputCe,_ref10$showHintsAsToo=_ref10.showHintsAsTooltip,showHintsAsTooltip=_ref10$showHintsAsToo===void 0?false:_ref10$showHintsAsToo,_motionMeta=_ref10._motionMeta,role=_ref10.role,tabIndex=_ref10.tabIndex,leadingDropDown=_ref10.leadingDropDown,trailingDropDown=_ref10.trailingDropDown,labelSuffix=_ref10.labelSuffix,labelTrailing=_ref10.labelTrailing,valueSuffix=_ref10.valueSuffix,children=_ref10.children,topContent=_ref10.topContent,bottomContent=_ref10.bottomContent,inputRowOverlay=_ref10.inputRowOverlay,caretColor=_ref10.caretColor,rest=_objectWithoutProperties(_ref10,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var inputRef=React__default.useRef(null);var mergedInputRef=useMergeRefs(ref,inputRef);var inputWrapperRef=React__default.useRef(null);var _useTags=useTags(tags,activeTagIndex,setActiveTagIndex),onInputKeydownTagHandler=_useTags.onInputKeydownTagHandler,visibleTagsCountRef=_useTags.visibleTagsCountRef;var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),showAllTagsWithAnimation=_React$useState4[0],setShowAllTagsWithAnimation=_React$useState4[1];var isReactNative=getPlatformType()==='react-native';var defaultRole=hasPopup?'combobox':undefined;var inputGroupProps=useInputGroupContext();var isInsideInputGroup=inputGroupProps.isInsideInputGroup;var counterInputProps=useCounterInputContext();var color=counterInputProps.color,disabledColor=counterInputProps.disabledTextColor,isCounterInputDisabled=counterInputProps.isDisabled,isCounterInputLoading=counterInputProps.isLoading,isInsideCounterInput=counterInputProps.isInsideCounterInput;var _isDisabled=(_ref11=(_inputGroupProps$isDi=inputGroupProps.isDisabled)!=null?_inputGroupProps$isDi:isCounterInputDisabled||isCounterInputLoading)!=null?_ref11:isDisabled;var _size=(_inputGroupProps$size=inputGroupProps.size)!=null?_inputGroupProps$size:size;React__default.useEffect(function(){if(showAllTags){setShowAllTagsWithAnimation(true);}else if(maxTagRows!=='expandable'){setShowAllTagsWithAnimation(false);}},[showAllTags,maxTagRows]);var _useInput=useInput({defaultValue:defaultValue,value:value,onFocus:onFocus,onClick:onClick,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onInput:onInput,onKeyDown:onKeyDown,onInputKeydownTagHandler:onInputKeydownTagHandler}),handleOnFocus=_useInput.handleOnFocus,handleOnChange=_useInput.handleOnChange,handleOnClick=_useInput.handleOnClick,handleOnBlur=_useInput.handleOnBlur,handleOnSubmit=_useInput.handleOnSubmit,handleOnInput=_useInput.handleOnInput,handleOnKeyDown=_useInput.handleOnKeyDown,inputValue=_useInput.inputValue;var _useFormId=useFormId(id),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isLabelLeftPositioned=labelPosition==='left'&&matchedDeviceType==='desktop';var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction;var _isRequired=isRequired||necessityIndicator==='required';var accessibilityProps=makeAccessible({required:Boolean(_isRequired),disabled:Boolean(_isDisabled),invalid:Boolean(validationState==='error'),describedBy:getDescribedByElementId({validationState:validationState,hasErrorText:Boolean(errorText),hasSuccessText:Boolean(successText),hasHelpText:Boolean(helpText),errorTextId:errorTextId,successTextId:successTextId,helpTextId:helpTextId}),label:accessibilityLabel,hasPopup:hasPopup,expanded:hasPopup?isPopupExpanded:undefined,controls:hasPopup?popupId:undefined,role:role!=null?role:defaultRole,activeDescendant:activeDescendant});var willRenderHintText=Boolean(helpText)||validationState==='success'&&Boolean(successText)||validationState==='error'&&Boolean(errorText);if(__DEV__){if(autoCompleteSuggestionType&&!autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)){throwBladeError({message:`Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(', ')} but received ${autoCompleteSuggestionType}`,moduleName:'Input'});}}var isTextArea=as==='textarea';var hasLeadingDropdown=Boolean(leadingDropDown);var hasTrailingDropdown=Boolean(trailingDropDown);var shouldAddLimitedFocus=hasLeadingDropdown||hasTrailingDropdown;return jsxs(BaseBox,Object.assign({ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref})},metaAttribute({name:componentName,testID:testID}),getStyledProps(rest),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',justifyContent:isLabelLeftPositioned?'center':undefined,alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",width:"100%",children:[!hideLabelText&&!isLabelInsideInput&&label&&!isInsideInputGroup&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea&&isLabelLeftPositioned?'flex-start':undefined,marginY:isTextArea&&isLabelLeftPositioned?'spacing.3':'spacing.0',children:[jsx(FormLabel,{as:"label",necessityIndicator:necessityIndicator,position:labelPosition,id:labelId,htmlFor:inputId,size:_size,labelSuffix:labelSuffix,labelTrailing:labelTrailing,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:currentInteraction,isTableInputCell:isTableInputCell,className:"focus-ring-wrapper",shouldAddLimitedFocus:shouldAddLimitedFocus,$size:_size,$borderRadius:borderRadius,elevation:elevation,children:jsxs(BaseInputWrapper,{isDropdownTrigger:isDropdownTrigger,isTextArea:isTextArea,isDisabled:_isDisabled,validationState:validationState,currentInteraction:currentInteraction,isLabelLeftPositioned:isLabelLeftPositioned,showAllTags:showAllTags,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,ref:function ref(refNode){if(refNode){setInputWrapperRef==null?void 0:setInputWrapperRef(refNode);inputWrapperRef.current=refNode;}},maxTagRows:maxTagRows,size:_size,borderRadius:borderRadius,numberOfLines:numberOfLines,onClick:function onClick(){if(!isReactNative){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();}},isTableInputCell:isTableInputCell,topContent:topContent,bottomContent:bottomContent,inputRowOverlay:inputRowOverlay,children:[jsx(BaseInputVisuals,{size:_size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:_isDisabled,leadingInteractionElement:leadingInteractionElement,leadingDropDown:leadingDropDown}),jsx(BaseInputTagSlot,{renderAs:as,tags:tags,isDisabled:_isDisabled,showAllTags:showAllTagsWithAnimation,setFocusOnInput:function setFocusOnInput(){var innerRef=getInnerMotionRef({_motionMeta:_motionMeta,ref:ref});if(innerRef&&!isReactNative&&'current'in innerRef){var _innerRef$current;(_innerRef$current=innerRef.current)==null?void 0:_innerRef$current.focus();}},labelPrefix:isLabelInsideInput?label:undefined,isDropdownTrigger:isDropdownTrigger,visibleTagsCountRef:visibleTagsCountRef,handleOnInputClick:function handleOnInputClick(e){handleOnClick({name:name,value:isReactNative?value:e});},setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,maxTagRows:maxTagRows,inputWrapperRef:inputWrapperRef,size:_size,numberOfLines:numberOfLines,isTextArea:isTextArea,children:jsx(StyledBaseInput,Object.assign({as:as,id:inputId,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:mergedInputRef}),name:name,type:type,defaultValue:defaultValue,value:value,placeholder:placeholder,isDisabled:_isDisabled,validationState:validationState,isRequired:_isRequired,handleOnFocus:handleOnFocus,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,onPaste:onPaste,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,valueSuffix:valueSuffix,trailingIcon:trailingIcon,maxCharacters:maxCharacters,textAlign:textAlign,autoFocus:autoFocus,keyboardReturnKeyType:keyboardReturnKeyType,keyboardType:keyboardType,autoCompleteSuggestionType:autoCompleteSuggestionType,accessibilityProps:accessibilityProps,currentInteraction:currentInteraction,setCurrentInteraction:setCurrentInteraction,numberOfLines:numberOfLines,isTextArea:isTextArea||maxTagRows==='multiple'||maxTagRows==='expandable',hasPopup:hasPopup,hasTags:!!(tags&&tags.length>0),shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,autoCapitalize:autoCapitalize,isDropdownTrigger:isDropdownTrigger,$size:_size,$padding:padding,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell,tabIndex:tabIndex,hasLeadingDropdown:Boolean(leadingDropDown),children:children,color:color,disabledColor:disabledColor,isInsideCounterInput:isInsideCounterInput,$caretColor:caretColor},metaAttribute({name:MetaConstants.StyledBaseInput}),makeAnalyticsAttribute(rest)))}),jsx(BaseInputVisuals,{trailingInteractionElement:trailingInteractionElement,onTrailingInteractionElementClick:onTrailingInteractionElementClick,suffix:suffix,trailingIcon:trailingIcon,isDisabled:_isDisabled,validationState:validationState,trailingButton:trailingButton,size:_size,errorText:errorText,successText:successText,showHintsAsTooltip:showHintsAsTooltip,trailingDropDown:trailingDropDown})]})})]}),hideFormHint||showHintsAsTooltip||isInsideInputGroup?null:jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned&&!hideLabelText?formHintLeftLabelMarginLeft[_size]:0),children:jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:willRenderHintText?'space-between':'flex-end',children:[jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:_size}),trailingFooterSlot==null?void 0:trailingFooterSlot(value!=null?value:inputValue)]})})]}));};var BaseInputWithRef=React__default.forwardRef(_BaseInput);var BaseInput=assignWithoutSideEffects(BaseInputWithRef,{displayName:'BaseInput'});
+var _excluded=["as","label","labelPosition","placeholder","type","defaultValue","tags","showAllTags","activeTagIndex","setActiveTagIndex","name","value","onFocus","onChange","onInput","onBlur","onSubmit","onClick","onKeyDown","onPaste","isDisabled","necessityIndicator","validationState","validationTextPlacement","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","onTrailingInteractionElementClick","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","autoGrowMaxHeight","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","activeInteraction","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","size","padding","borderRadius","elevation","trailingButton","valueComponentType","isTableInputCell","showHintsAsTooltip","_motionMeta","role","tabIndex","leadingDropDown","trailingDropDown","labelSuffix","labelTrailing","valueSuffix","children","topContent","bottomContent","inputRowOverlay","caretColor"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/BaseInput/BaseInput.tsx";var autoCompleteSuggestionTypeValues=['none','on','name','email','username','password','newPassword','oneTimeCode','telephone','postalCode','countryName','creditCardNumber','creditCardCSC','creditCardExpiry','creditCardExpiryMonth','creditCardExpiryYear'];var useTags=function useTags(tags,activeTagIndex,setActiveTagIndex){var visibleTagsCountRef=React__default.useRef(0);React__default.useEffect(function(){if(tags&&activeTagIndex>=0&&activeTagIndex<tags.length){var _tags$activeTagIndex,_tags$activeTagIndex$;var tagTitle=(_tags$activeTagIndex=tags[activeTagIndex])==null?void 0:(_tags$activeTagIndex$=_tags$activeTagIndex.props)==null?void 0:_tags$activeTagIndex$.children;if(tagTitle){announce(`Close ${tagTitle} Tag`);}}},[activeTagIndex,tags==null?void 0:tags.length]);var onTagLeft=function onTagLeft(){if(activeTagIndex<0){setActiveTagIndex==null?void 0:setActiveTagIndex(visibleTagsCountRef.current-1);}if(activeTagIndex>0){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex-1);}};var onTagRight=function onTagRight(){if(activeTagIndex<visibleTagsCountRef.current-1){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex+1);}};var onTagRemove=function onTagRemove(){if(activeTagIndex>=0&&activeTagIndex<visibleTagsCountRef.current&&tags){tags[activeTagIndex].props.onDismiss({tagIndex:activeTagIndex});}};var onInputKeydownTagHandler=function onInputKeydownTagHandler(key){if(tags&&tags.length>0){if(key==='ArrowRight'){onTagRight();}if(key==='ArrowLeft'){onTagLeft();}if(key==='Backspace'){onTagRemove();}}};return {onInputKeydownTagHandler:onInputKeydownTagHandler,visibleTagsCountRef:visibleTagsCountRef};};var useInput=function useInput(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,onClick=_ref.onClick,onFocus=_ref.onFocus,onChange=_ref.onChange,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,onInput=_ref.onInput,onKeyDown=_ref.onKeyDown,onInputKeydownTagHandler=_ref.onInputKeydownTagHandler;if(__DEV__){if(value&&defaultValue){throwBladeError({message:`Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,moduleName:'Input'});}}var _React$useState=React__default.useState(defaultValue!=null?defaultValue:value),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var handleOnFocus=React__default.useCallback(function(_ref2){var name=_ref2.name,value=_ref2.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value;_value=(_value$target$value=value==null?void 0:value.target.value)!=null?_value$target$value:'';}onFocus==null?void 0:onFocus({name:name,value:_value});},[onFocus]);var handleOnClick=React__default.useCallback(function(_ref3){var name=_ref3.name,value=_ref3.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$currentTarget$;_value=(_value$currentTarget$=value==null?void 0:value.currentTarget.value)!=null?_value$currentTarget$:'';}onClick==null?void 0:onClick({name:name,value:_value});},[onClick]);var handleOnSubmit=React__default.useCallback(function(_ref4){var name=_ref4.name,value=_ref4.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value2;_value=(_value$target$value2=value==null?void 0:value.target.value)!=null?_value$target$value2:'';}if(isReactNative()){onSubmit==null?void 0:onSubmit({name:name,value:_value});}},[onSubmit]);var handleOnBlur=React__default.useCallback(function(_ref5){var name=_ref5.name,value=_ref5.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value3;_value=(_value$target$value3=value==null?void 0:value.target.value)!=null?_value$target$value3:'';}onBlur==null?void 0:onBlur({name:name,value:_value});},[onBlur]);var handleOnChange=React__default.useCallback(function(_ref6){var name=_ref6.name,value=_ref6.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value4;_value=(_value$target$value4=value==null?void 0:value.target.value)!=null?_value$target$value4:'';}onChange==null?void 0:onChange({name:name,value:_value});setInputValue(_value);},[onChange]);var handleOnInput=React__default.useCallback(function(_ref7){var name=_ref7.name,value=_ref7.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value5;_value=(_value$target$value5=value==null?void 0:value.target.value)!=null?_value$target$value5:'';}onInput==null?void 0:onInput({name:name,value:_value});},[onInput]);var handleOnKeyDown=React__default.useCallback(function(_ref8){var name=_ref8.name,key=_ref8.key,code=_ref8.code,event=_ref8.event;onInputKeydownTagHandler(key);onKeyDown==null?void 0:onKeyDown({name:name,key:key,code:code,event:event});},[onKeyDown]);return {handleOnFocus:handleOnFocus,handleOnClick:handleOnClick,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,inputValue:inputValue};};var getHintType=function getHintType(_ref9){var validationState=_ref9.validationState,hasHelpText=_ref9.hasHelpText;if(validationState==='error'){return 'error';}if(validationState==='success'){return 'success';}if(hasHelpText){return 'help';}return 'help';};var getDescribedByElementId=function getDescribedByElementId(_ref0){var validationState=_ref0.validationState,hasErrorText=_ref0.hasErrorText,hasSuccessText=_ref0.hasSuccessText,hasHelpText=_ref0.hasHelpText,errorTextId=_ref0.errorTextId,successTextId=_ref0.successTextId,helpTextId=_ref0.helpTextId;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref1){var theme=_ref1.theme,currentInteraction=_ref1.currentInteraction,isTableInputCell=_ref1.isTableInputCell,shouldAddLimitedFocus=_ref1.shouldAddLimitedFocus,$size=_ref1.$size,$borderRadius=_ref1.$borderRadius;return Object.assign({borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius[$borderRadius!=null?$borderRadius:baseInputBorderRadius[$size]]),width:'100%'},getPlatformType()==='react-native'?{}:{'&:focus-within':!isTableInputCell&&(shouldAddLimitedFocus?currentInteraction==='focus':true)?Object.assign({},getFocusRingStyles({theme:theme}),{transitionDuration:castWebType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].duration))),transitionTimingFunction:castWebType(theme.motion.easing[baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].easing])}):{}});});var _BaseInput=function _BaseInput(_ref10,ref){var _ref11,_inputGroupProps$isDi,_inputGroupProps$size;var _ref10$as=_ref10.as,as=_ref10$as===void 0?'input':_ref10$as,label=_ref10.label,_ref10$labelPosition=_ref10.labelPosition,labelPosition=_ref10$labelPosition===void 0?'top':_ref10$labelPosition,placeholder=_ref10.placeholder,_ref10$type=_ref10.type,type=_ref10$type===void 0?'text':_ref10$type,defaultValue=_ref10.defaultValue,tags=_ref10.tags,_ref10$showAllTags=_ref10.showAllTags,showAllTags=_ref10$showAllTags===void 0?false:_ref10$showAllTags,_ref10$activeTagIndex=_ref10.activeTagIndex,activeTagIndex=_ref10$activeTagIndex===void 0?-1:_ref10$activeTagIndex,setActiveTagIndex=_ref10.setActiveTagIndex,name=_ref10.name,value=_ref10.value,onFocus=_ref10.onFocus,onChange=_ref10.onChange,onInput=_ref10.onInput,onBlur=_ref10.onBlur,onSubmit=_ref10.onSubmit,onClick=_ref10.onClick,onKeyDown=_ref10.onKeyDown,onPaste=_ref10.onPaste,isDisabled=_ref10.isDisabled,necessityIndicator=_ref10.necessityIndicator,validationState=_ref10.validationState,validationTextPlacement=_ref10.validationTextPlacement,errorText=_ref10.errorText,helpText=_ref10.helpText,successText=_ref10.successText,isRequired=_ref10.isRequired,leadingIcon=_ref10.leadingIcon,prefix=_ref10.prefix,trailingInteractionElement=_ref10.trailingInteractionElement,onTrailingInteractionElementClick=_ref10.onTrailingInteractionElementClick,leadingInteractionElement=_ref10.leadingInteractionElement,suffix=_ref10.suffix,trailingIcon=_ref10.trailingIcon,maxCharacters=_ref10.maxCharacters,textAlign=_ref10.textAlign,autoFocus=_ref10.autoFocus,keyboardReturnKeyType=_ref10.keyboardReturnKeyType,keyboardType=_ref10.keyboardType,autoCompleteSuggestionType=_ref10.autoCompleteSuggestionType,trailingHeaderSlot=_ref10.trailingHeaderSlot,trailingFooterSlot=_ref10.trailingFooterSlot,numberOfLines=_ref10.numberOfLines,autoGrowMaxHeight=_ref10.autoGrowMaxHeight,id=_ref10.id,componentName=_ref10.componentName,accessibilityLabel=_ref10.accessibilityLabel,labelId=_ref10.labelId,activeDescendant=_ref10.activeDescendant,hideLabelText=_ref10.hideLabelText,hideFormHint=_ref10.hideFormHint,hasPopup=_ref10.hasPopup,popupId=_ref10.popupId,isPopupExpanded=_ref10.isPopupExpanded,activeInteraction=_ref10.activeInteraction,maxTagRows=_ref10.maxTagRows,shouldIgnoreBlurAnimation=_ref10.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_ref10.setShouldIgnoreBlurAnimation,autoCapitalize=_ref10.autoCapitalize,setInputWrapperRef=_ref10.setInputWrapperRef,testID=_ref10.testID,isDropdownTrigger=_ref10.isDropdownTrigger,isLabelInsideInput=_ref10.isLabelInsideInput,_ref10$size=_ref10.size,size=_ref10$size===void 0?'medium':_ref10$size,padding=_ref10.padding,borderRadius=_ref10.borderRadius,elevation=_ref10.elevation,trailingButton=_ref10.trailingButton,_ref10$valueComponent=_ref10.valueComponentType,valueComponentType=_ref10$valueComponent===void 0?'text':_ref10$valueComponent,_ref10$isTableInputCe=_ref10.isTableInputCell,isTableInputCell=_ref10$isTableInputCe===void 0?false:_ref10$isTableInputCe,_ref10$showHintsAsToo=_ref10.showHintsAsTooltip,showHintsAsTooltip=_ref10$showHintsAsToo===void 0?false:_ref10$showHintsAsToo,_motionMeta=_ref10._motionMeta,role=_ref10.role,tabIndex=_ref10.tabIndex,leadingDropDown=_ref10.leadingDropDown,trailingDropDown=_ref10.trailingDropDown,labelSuffix=_ref10.labelSuffix,labelTrailing=_ref10.labelTrailing,valueSuffix=_ref10.valueSuffix,children=_ref10.children,topContent=_ref10.topContent,bottomContent=_ref10.bottomContent,inputRowOverlay=_ref10.inputRowOverlay,caretColor=_ref10.caretColor,rest=_objectWithoutProperties(_ref10,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var inputRef=React__default.useRef(null);var mergedInputRef=useMergeRefs(ref,inputRef);var inputWrapperRef=React__default.useRef(null);var _useTags=useTags(tags,activeTagIndex,setActiveTagIndex),onInputKeydownTagHandler=_useTags.onInputKeydownTagHandler,visibleTagsCountRef=_useTags.visibleTagsCountRef;var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),showAllTagsWithAnimation=_React$useState4[0],setShowAllTagsWithAnimation=_React$useState4[1];var isReactNative=getPlatformType()==='react-native';var defaultRole=hasPopup?'combobox':undefined;var inputGroupProps=useInputGroupContext();var isInsideInputGroup=inputGroupProps.isInsideInputGroup;var counterInputProps=useCounterInputContext();var color=counterInputProps.color,disabledColor=counterInputProps.disabledTextColor,isCounterInputDisabled=counterInputProps.isDisabled,isCounterInputLoading=counterInputProps.isLoading,isInsideCounterInput=counterInputProps.isInsideCounterInput;var _isDisabled=(_ref11=(_inputGroupProps$isDi=inputGroupProps.isDisabled)!=null?_inputGroupProps$isDi:isCounterInputDisabled||isCounterInputLoading)!=null?_ref11:isDisabled;var _size=(_inputGroupProps$size=inputGroupProps.size)!=null?_inputGroupProps$size:size;React__default.useEffect(function(){if(showAllTags){setShowAllTagsWithAnimation(true);}else if(maxTagRows!=='expandable'){setShowAllTagsWithAnimation(false);}},[showAllTags,maxTagRows]);var _useInput=useInput({defaultValue:defaultValue,value:value,onFocus:onFocus,onClick:onClick,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onInput:onInput,onKeyDown:onKeyDown,onInputKeydownTagHandler:onInputKeydownTagHandler}),handleOnFocus=_useInput.handleOnFocus,handleOnChange=_useInput.handleOnChange,handleOnClick=_useInput.handleOnClick,handleOnBlur=_useInput.handleOnBlur,handleOnSubmit=_useInput.handleOnSubmit,handleOnInput=_useInput.handleOnInput,handleOnKeyDown=_useInput.handleOnKeyDown,inputValue=_useInput.inputValue;var _useFormId=useFormId(id),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isLabelLeftPositioned=labelPosition==='left'&&matchedDeviceType==='desktop';var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction;var visualInteraction=activeInteraction!=null?activeInteraction:currentInteraction;var _isRequired=isRequired||necessityIndicator==='required';var accessibilityProps=makeAccessible({required:Boolean(_isRequired),disabled:Boolean(_isDisabled),invalid:Boolean(validationState==='error'),describedBy:getDescribedByElementId({validationState:validationState,hasErrorText:Boolean(errorText),hasSuccessText:Boolean(successText),hasHelpText:Boolean(helpText),errorTextId:errorTextId,successTextId:successTextId,helpTextId:helpTextId}),label:accessibilityLabel,hasPopup:hasPopup,expanded:hasPopup?isPopupExpanded:undefined,controls:hasPopup?popupId:undefined,role:role!=null?role:defaultRole,activeDescendant:activeDescendant});var isValidationTextInside=validationTextPlacement==='inside';var willRenderHintText=Boolean(helpText)||!isValidationTextInside&&(validationState==='success'&&Boolean(successText)||validationState==='error'&&Boolean(errorText));if(__DEV__){if(autoCompleteSuggestionType&&!autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)){throwBladeError({message:`Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(', ')} but received ${autoCompleteSuggestionType}`,moduleName:'Input'});}if(showHintsAsTooltip&&isValidationTextInside){logger({message:'showHintsAsTooltip and validationTextPlacement="inside" should not be used together. validationTextPlacement="inside" will take precedence.',moduleName:'Input',type:'warn'});}}var isTextArea=as==='textarea';var hasLeadingDropdown=Boolean(leadingDropDown);var hasTrailingDropdown=Boolean(trailingDropDown);var shouldAddLimitedFocus=hasLeadingDropdown||hasTrailingDropdown;return jsxs(BaseBox,Object.assign({ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref})},metaAttribute({name:componentName,testID:testID}),getStyledProps(rest),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',justifyContent:isLabelLeftPositioned?'center':undefined,alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",width:"100%",children:[!hideLabelText&&!isLabelInsideInput&&label&&!isInsideInputGroup&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea&&isLabelLeftPositioned?'flex-start':undefined,marginY:isTextArea&&isLabelLeftPositioned?'spacing.3':'spacing.0',children:[jsx(FormLabel,{as:"label",necessityIndicator:necessityIndicator,position:labelPosition,id:labelId,htmlFor:inputId,size:_size,labelSuffix:labelSuffix,labelTrailing:labelTrailing,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:visualInteraction,isTableInputCell:isTableInputCell,className:"focus-ring-wrapper",shouldAddLimitedFocus:shouldAddLimitedFocus,$size:_size,$borderRadius:borderRadius,elevation:elevation,children:jsxs(BaseInputWrapper,{isDropdownTrigger:isDropdownTrigger,isTextArea:isTextArea,isDisabled:_isDisabled,validationState:validationState,currentInteraction:visualInteraction,isLabelLeftPositioned:isLabelLeftPositioned,showAllTags:showAllTags,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,ref:function ref(refNode){if(refNode){setInputWrapperRef==null?void 0:setInputWrapperRef(refNode);inputWrapperRef.current=refNode;}},maxTagRows:maxTagRows,size:_size,borderRadius:borderRadius,numberOfLines:numberOfLines,onClick:function onClick(e){if(!isReactNative){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();var inputEl=inputRef.current;if(!(inputEl!=null&&inputEl.contains(e.target))&&!_isDisabled){inputEl==null?void 0:inputEl.click();}}},isTableInputCell:isTableInputCell,topContent:topContent,bottomContent:bottomContent,inputRowOverlay:inputRowOverlay,children:[jsx(BaseInputVisuals,{size:_size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:_isDisabled,leadingInteractionElement:leadingInteractionElement,leadingDropDown:leadingDropDown}),jsx(BaseInputTagSlot,{renderAs:as,tags:tags,isDisabled:_isDisabled,showAllTags:showAllTagsWithAnimation,setFocusOnInput:function setFocusOnInput(){var innerRef=getInnerMotionRef({_motionMeta:_motionMeta,ref:ref});if(innerRef&&!isReactNative&&'current'in innerRef){var _innerRef$current;(_innerRef$current=innerRef.current)==null?void 0:_innerRef$current.focus();}},labelPrefix:isLabelInsideInput?label:undefined,isDropdownTrigger:isDropdownTrigger,visibleTagsCountRef:visibleTagsCountRef,handleOnInputClick:function handleOnInputClick(e){handleOnClick({name:name,value:isReactNative?value:e});},setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,maxTagRows:maxTagRows,inputWrapperRef:inputWrapperRef,size:_size,numberOfLines:numberOfLines,isTextArea:isTextArea,children:jsx(StyledBaseInput,Object.assign({as:as,id:inputId,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:mergedInputRef}),name:name,type:type,defaultValue:defaultValue,value:value,placeholder:placeholder,isDisabled:_isDisabled,validationState:validationState,isRequired:_isRequired,handleOnFocus:handleOnFocus,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,onPaste:onPaste,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,valueSuffix:valueSuffix,trailingIcon:trailingIcon,maxCharacters:maxCharacters,textAlign:textAlign,autoFocus:autoFocus,keyboardReturnKeyType:keyboardReturnKeyType,keyboardType:keyboardType,autoCompleteSuggestionType:autoCompleteSuggestionType,accessibilityProps:accessibilityProps,currentInteraction:currentInteraction,setCurrentInteraction:setCurrentInteraction,numberOfLines:numberOfLines},isReactNative&&autoGrowMaxHeight?{autoGrowMaxHeight:autoGrowMaxHeight}:null,{isTextArea:isTextArea||maxTagRows==='multiple'||maxTagRows==='expandable',hasPopup:hasPopup,hasTags:!!(tags&&tags.length>0),shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,autoCapitalize:autoCapitalize,isDropdownTrigger:isDropdownTrigger,$size:_size,$padding:padding,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell,tabIndex:tabIndex,hasLeadingDropdown:Boolean(leadingDropDown),children:children,color:color,disabledColor:disabledColor,isInsideCounterInput:isInsideCounterInput,$caretColor:caretColor},metaAttribute({name:MetaConstants.StyledBaseInput}),makeAnalyticsAttribute(rest)))}),jsx(BaseInputVisuals,{trailingInteractionElement:trailingInteractionElement,onTrailingInteractionElementClick:onTrailingInteractionElementClick,suffix:suffix,trailingIcon:trailingIcon,isDisabled:_isDisabled,validationState:validationState,validationTextPlacement:validationTextPlacement,trailingButton:trailingButton,size:_size,errorText:errorText,successText:successText,showHintsAsTooltip:showHintsAsTooltip,trailingDropDown:trailingDropDown,errorTextId:errorTextId,successTextId:successTextId})]})})]}),hideFormHint||showHintsAsTooltip||isInsideInputGroup?null:jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned&&!hideLabelText?formHintLeftLabelMarginLeft[_size]:0),children:jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:willRenderHintText?'space-between':'flex-end',children:[jsx(FormHint,{type:getHintType({validationState:isValidationTextInside?'none':validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:isValidationTextInside?undefined:errorText,successText:isValidationTextInside?undefined:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:_size}),trailingFooterSlot==null?void 0:trailingFooterSlot(value!=null?value:inputValue)]})})]}));};var BaseInputWithRef=React__default.forwardRef(_BaseInput);var BaseInput=assignWithoutSideEffects(BaseInputWithRef,{displayName:'BaseInput'});
 
 export { BaseInput, getHintType };
 //# sourceMappingURL=BaseInput.js.map