@razorpay/blade 11.39.0 → 12.0.0

package/build/lib/native/components/Drawer/DrawerSubcomponents.native.js

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

package/build/lib/native/components/Drawer/DrawerSubcomponents.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerSubcomponents.native.js","sources":["../../../../../src/components/Drawer/DrawerSubcomponents.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { DrawerHeaderProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst DrawerHeader = (_props: DrawerHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerHeader is not yet implemented for native',\n    moduleName: 'DrawerHeader',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nconst DrawerBody = (_props: { children: React.ReactNode }): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerBody is not yet implemented for native',\n    moduleName: 'DrawerBody',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\nexport { DrawerHeader, DrawerBody };\n"],"names":["DrawerHeader","_props","throwBladeError","message","moduleName","_jsx","Text","children","DrawerBody"],"mappings":";;;;;;;;;;;;;AAKM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAIC,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E,EAEM,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIP,MAAqC,CAAyB,CAChFC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}
+{"version":3,"file":"DrawerSubcomponents.native.js","sources":["../../../../../src/components/Drawer/DrawerSubcomponents.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { DrawerHeaderProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst DrawerHeader = (_props: DrawerHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerHeader is not yet implemented for native',\n    moduleName: 'DrawerHeader',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nconst DrawerBody = (_props: { children: React.ReactNode }): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerBody is not yet implemented for native',\n    moduleName: 'DrawerBody',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\nexport { DrawerHeader, DrawerBody };\n"],"names":["DrawerHeader","_props","throwBladeError","message","moduleName","_jsx","Text","children","DrawerBody"],"mappings":";;;;;;;;AAKM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAIC,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E,EAEM,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIP,MAAqC,CAAyB,CAChFC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}

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

@@ -18,10 +18,11 @@ import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllow
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { useControllableState } from '../../utils/useControllable.js';
+import { mergeRefs } from '../../utils/useMergeRefs.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","isOpen","onOpenChange","selectionType","testID","_width"];var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.SearchInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet];var _Dropdown=function _Dropdown(_ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,testID=_ref.testID,_width=_ref._width,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),options=_React$useState2[0],setOptions=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),filteredValues=_React$useState4[0],setFilteredValues=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),selectedIndices=_React$useState6[0],setSelectedIndices=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),controlledValueIndices=_React$useState8[0],setControlledValueIndices=_React$useState8[1];var _React$useState9=React__default.useState(-1),_React$useState10=_slicedToArray(_React$useState9,2),activeIndex=_React$useState10[0],setActiveIndex=_React$useState10[1];var _React$useState11=React__default.useState(-1),_React$useState12=_slicedToArray(_React$useState11,2),activeTagIndex=_React$useState12[0],setActiveTagIndex=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),shouldIgnoreBlurAnimation=_React$useState14[0],setShouldIgnoreBlurAnimation=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),hasFooterAction=_React$useState16[0],setHasFooterAction=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),hasAutoCompleteInBottomSheetHeader=_React$useState18[0],setHasAutoCompleteInBottomSheetHeader=_React$useState18[1];var _React$useState19=React__default.useState(false),_React$useState20=_slicedToArray(_React$useState19,2),isKeydownPressed=_React$useState20[0],setIsKeydownPressed=_React$useState20[1];var _React$useState21=React__default.useState(0),_React$useState22=_slicedToArray(_React$useState21,2),changeCallbackTriggerer=_React$useState22[0],setChangeCallbackTriggerer=_React$useState22[1];var _React$useState23=React__default.useState(false),_React$useState24=_slicedToArray(_React$useState23,2),isControlled=_React$useState24[0],setIsControlled=_React$useState24[1];var _React$useState25=React__default.useState(false),_React$useState26=_slicedToArray(_React$useState25,2),dropdownHasBottomSheet=_React$useState26[0],setDropdownHasBottomSheet=_React$useState26[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var actionListItemRef=React__default.useRef(null);var dropdownTriggerer=React__default.useRef();var isTagDismissedRef=React__default.useRef({value:false});var visibleTagsCountRef=React__default.useRef({value:0});var dropdownContainerRef=React__default.useRef(null);var dropdownBaseId=useId('dropdown');var isDropdownOpenRef=React__default.useRef(isOpenControlled);var _useControllableState=useControllableState({value:isOpenControlled,defaultValue:false,onChange:function onChange(isOpenControlledValue){isDropdownOpenRef.current=isOpenControlledValue;onOpenChange==null?void 0:onOpenChange(isOpenControlledValue);}}),_useControllableState2=_slicedToArray(_useControllableState,2),isDropdownOpen=_useControllableState2[0],setIsDropdownOpen=_useControllableState2[1];isDropdownOpenRef.current=isDropdownOpen;var setIsOpen=function setIsOpen(isOpenValue){isDropdownOpenRef.current=isOpenValue;setIsDropdownOpen(function(){return isOpenValue;});};var close=React__default.useCallback(function(){setActiveTagIndex(-1);setIsOpen(false);},[]);React__default.Children.map(children,function(child){if(React__default.isValidElement(child)){if(__DEV__){var _getComponentId;if(!validDropdownChildren.includes((_getComponentId=getComponentId(child))!=null?_getComponentId:'')){throwBladeError({message:`Dropdown can only have one of following elements as children - \n\n ${validDropdownChildren.join(', ')} \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,moduleName:'Dropdown'});}}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SelectInput)){dropdownTriggerer.current='SelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SearchInput)){dropdownTriggerer.current='SearchInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}}});var contextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,controlledValueIndices:controlledValueIndices,setControlledValueIndices:setControlledValueIndices,options:options,setOptions:setOptions,filteredValues:filteredValues,setFilteredValues:setFilteredValues,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,dropdownBaseId:dropdownBaseId,triggererRef:triggererRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setHasAutoCompleteInBottomSheetHeader:setHasAutoCompleteInBottomSheetHeader,dropdownTriggerer:dropdownTriggerer.current,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,setIsControlled:setIsControlled,isTagDismissedRef:isTagDismissedRef};},[isDropdownOpen,isOpenControlled,selectedIndices,controlledValueIndices,options,filteredValues,activeIndex,activeTagIndex,shouldIgnoreBlurAnimation,selectionType,hasFooterAction,isKeydownPressed,changeCallbackTriggerer,isControlled]);var BottomSheetAndDropdownGlueContextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,dropdownHasBottomSheet:dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader,isDropdownOpen,close]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:dropdownContainerRef},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{width:_width,children:jsx(BaseBox,{position:"relative",textAlign:'left',children:children})}))})});};var Dropdown=assignWithoutSideEffects(_Dropdown,{componentId:dropdownComponentIds.Dropdown});
+var _excluded=["children","isOpen","onOpenChange","selectionType","testID","_width"];var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.SearchInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet];var _Dropdown=function _Dropdown(_ref,ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,testID=_ref.testID,_width=_ref._width,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),options=_React$useState2[0],setOptions=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),filteredValues=_React$useState4[0],setFilteredValues=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),selectedIndices=_React$useState6[0],setSelectedIndices=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),controlledValueIndices=_React$useState8[0],setControlledValueIndices=_React$useState8[1];var _React$useState9=React__default.useState(-1),_React$useState10=_slicedToArray(_React$useState9,2),activeIndex=_React$useState10[0],setActiveIndex=_React$useState10[1];var _React$useState11=React__default.useState(-1),_React$useState12=_slicedToArray(_React$useState11,2),activeTagIndex=_React$useState12[0],setActiveTagIndex=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),shouldIgnoreBlurAnimation=_React$useState14[0],setShouldIgnoreBlurAnimation=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),hasFooterAction=_React$useState16[0],setHasFooterAction=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),hasAutoCompleteInBottomSheetHeader=_React$useState18[0],setHasAutoCompleteInBottomSheetHeader=_React$useState18[1];var _React$useState19=React__default.useState(false),_React$useState20=_slicedToArray(_React$useState19,2),isKeydownPressed=_React$useState20[0],setIsKeydownPressed=_React$useState20[1];var _React$useState21=React__default.useState(0),_React$useState22=_slicedToArray(_React$useState21,2),changeCallbackTriggerer=_React$useState22[0],setChangeCallbackTriggerer=_React$useState22[1];var _React$useState23=React__default.useState(false),_React$useState24=_slicedToArray(_React$useState23,2),isControlled=_React$useState24[0],setIsControlled=_React$useState24[1];var _React$useState25=React__default.useState(false),_React$useState26=_slicedToArray(_React$useState25,2),dropdownHasBottomSheet=_React$useState26[0],setDropdownHasBottomSheet=_React$useState26[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var actionListItemRef=React__default.useRef(null);var dropdownTriggerer=React__default.useRef();var isTagDismissedRef=React__default.useRef({value:false});var visibleTagsCountRef=React__default.useRef({value:0});var dropdownContainerRef=React__default.useRef(null);var dropdownBaseId=useId('dropdown');var isDropdownOpenRef=React__default.useRef(isOpenControlled);var _useControllableState=useControllableState({value:isOpenControlled,defaultValue:false,onChange:function onChange(isOpenControlledValue){isDropdownOpenRef.current=isOpenControlledValue;onOpenChange==null?void 0:onOpenChange(isOpenControlledValue);}}),_useControllableState2=_slicedToArray(_useControllableState,2),isDropdownOpen=_useControllableState2[0],setIsDropdownOpen=_useControllableState2[1];isDropdownOpenRef.current=isDropdownOpen;var setIsOpen=function setIsOpen(isOpenValue){isDropdownOpenRef.current=isOpenValue;setIsDropdownOpen(function(){return isOpenValue;});};var close=React__default.useCallback(function(){setActiveTagIndex(-1);setIsOpen(false);},[]);React__default.Children.map(children,function(child){if(React__default.isValidElement(child)){if(__DEV__){var _getComponentId;if(!validDropdownChildren.includes((_getComponentId=getComponentId(child))!=null?_getComponentId:'')){throwBladeError({message:`Dropdown can only have one of following elements as children - \n\n ${validDropdownChildren.join(', ')} \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,moduleName:'Dropdown'});}}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SelectInput)){dropdownTriggerer.current='SelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SearchInput)){dropdownTriggerer.current='SearchInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}}});var contextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,controlledValueIndices:controlledValueIndices,setControlledValueIndices:setControlledValueIndices,options:options,setOptions:setOptions,filteredValues:filteredValues,setFilteredValues:setFilteredValues,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,dropdownBaseId:dropdownBaseId,triggererRef:triggererRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setHasAutoCompleteInBottomSheetHeader:setHasAutoCompleteInBottomSheetHeader,dropdownTriggerer:dropdownTriggerer.current,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,setIsControlled:setIsControlled,isTagDismissedRef:isTagDismissedRef};},[isDropdownOpen,isOpenControlled,selectedIndices,controlledValueIndices,options,filteredValues,activeIndex,activeTagIndex,shouldIgnoreBlurAnimation,selectionType,hasFooterAction,isKeydownPressed,changeCallbackTriggerer,isControlled]);var BottomSheetAndDropdownGlueContextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,dropdownHasBottomSheet:dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader,isDropdownOpen,close]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:mergeRefs(ref,dropdownContainerRef)},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{width:_width,children:jsx(BaseBox,{position:"relative",textAlign:'left',children:children})}))})});};var Dropdown=assignWithoutSideEffects(React__default.forwardRef(_Dropdown),{componentId:dropdownComponentIds.Dropdown});
 
 export { Dropdown };
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validDropdownChildren = [\n  // TODO: Remove Box once CountrySelector's button sizing is fixed\n  dropdownComponentIds.BaseBox,\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.SearchInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  testID,\n  _width,\n  ...rest\n}: DropdownProps): React.ReactElement => {\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n  const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n  const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n    value: isOpenControlled,\n    defaultValue: false,\n    onChange: (isOpenControlledValue) => {\n      isDropdownOpenRef.current = isOpenControlledValue;\n      onOpenChange?.(isOpenControlledValue);\n    },\n  });\n\n  isDropdownOpenRef.current = isDropdownOpen;\n\n  const setIsOpen = (isOpenValue: boolean): void => {\n    isDropdownOpenRef.current = isOpenValue;\n    setIsDropdownOpen(() => isOpenValue);\n  };\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SearchInput)) {\n        dropdownTriggerer.current = 'SearchInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen: isDropdownOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isDropdownOpen,\n      isOpenControlled,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen: isDropdownOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(rest)}\n          {...makeAnalyticsAttribute(rest)}\n          width={_width}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","SearchInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","_width","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","__DEV__","_getComponentId","includes","getComponentId","throwBladeError","message","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","Object","assign","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","makeAnalyticsAttribute","width","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,QAAA,CAAA,cAAA,CAAA,eAAA,CAAA,QAAA,CAAA,QAAA,CAAA,CAkBA,IAAMA,qBAAqB,CAAG,CAE5BC,oBAAoB,CAACC,OAAO,CAC5BD,oBAAoB,CAACE,QAAQ,CAACC,WAAW,CACzCH,oBAAoB,CAACE,QAAQ,CAACE,WAAW,CACzCJ,oBAAoB,CAACE,QAAQ,CAACG,cAAc,CAC5CL,oBAAoB,CAACE,QAAQ,CAACI,YAAY,CAC1CN,oBAAoB,CAACO,eAAe,CACpCP,oBAAoB,CAACE,QAAQ,CAACM,YAAY,CAC1CC,YAAuB,CAACC,WAAW,CACpC,CA4BD,IAAMC,SAAS,CAAG,SAAZA,SAASA,CAAAC,IAAA,CAQ0B,KAPvCC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACAC,gBAAgB,CAAAF,IAAA,CAAxBG,MAAM,CACNC,YAAY,CAAAJ,IAAA,CAAZI,YAAY,CAAAC,kBAAA,CAAAL,IAAA,CACZM,aAAa,CAAbA,aAAa,CAAAD,kBAAA,UAAG,QAAQ,CAAAA,kBAAA,CACxBE,MAAM,CAAAP,IAAA,CAANO,MAAM,CACNC,MAAM,CAAAR,IAAA,CAANQ,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAV,IAAA,CAAAW,SAAA,CAAA,CAEP,IAAAC,eAAA,CAA8BC,cAAK,CAACC,QAAQ,CAAiC,EAAE,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAAzEK,CAAAA,CAAAA,CAAAA,OAAO,CAAAF,gBAAA,CAAEG,CAAAA,CAAAA,CAAAA,UAAU,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAC1B,IAAAI,gBAAA,CAA4CN,cAAK,CAACC,QAAQ,CAAW,EAAE,CAAC,CAAAM,gBAAA,CAAAJ,cAAA,CAAAG,gBAAA,CAAA,CAAA,CAAA,CAAjEE,cAAc,CAAAD,gBAAA,CAAEE,CAAAA,CAAAA,CAAAA,iBAAiB,CAAAF,gBAAA,CAAA,CAAA,CAAA,CACxC,IAAAG,gBAAA,CAA8CV,cAAK,CAACC,QAAQ,CAE1D,EAAE,CAAC,CAAAU,gBAAA,CAAAR,cAAA,CAAAO,gBAAA,CAAA,CAAA,CAAA,CAFEE,eAAe,CAAAD,gBAAA,CAAA,CAAA,CAAA,CAAEE,kBAAkB,CAAAF,gBAAA,CAG1C,CAAA,CAAA,CAAA,IAAAG,gBAAA,CAA4Dd,cAAK,CAACC,QAAQ,CAExE,EAAE,CAAC,CAAAc,gBAAA,CAAAZ,cAAA,CAAAW,gBAAA,IAFEE,sBAAsB,CAAAD,gBAAA,CAAA,CAAA,CAAA,CAAEE,yBAAyB,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAGxD,IAAAG,gBAAA,CAAsClB,cAAK,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAAkB,iBAAA,CAAAhB,cAAA,CAAAe,gBAAA,CAAA,CAAA,CAAA,CAAjDE,WAAW,CAAAD,iBAAA,CAAEE,CAAAA,CAAAA,CAAAA,cAAc,CAAAF,iBAAA,IAClC,IAAAG,iBAAA,CAA4CtB,cAAK,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAAsB,iBAAA,CAAApB,cAAA,CAAAmB,iBAAA,CAAvDE,CAAAA,CAAAA,CAAAA,cAAc,CAAAD,iBAAA,CAAEE,CAAAA,CAAAA,CAAAA,iBAAiB,CAAAF,iBAAA,CAAA,CAAA,CAAA,CACxC,IAAAG,iBAAA,CAAkE1B,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAA0B,iBAAA,CAAAxB,cAAA,CAAAuB,iBAAA,CAAA,CAAA,CAAA,CAAhFE,yBAAyB,CAAAD,iBAAA,CAAEE,CAAAA,CAAAA,CAAAA,4BAA4B,CAAAF,iBAAA,CAC9D,CAAA,CAAA,CAAA,IAAAG,iBAAA,CAA8C9B,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAA8B,iBAAA,CAAA5B,cAAA,CAAA2B,iBAAA,CAA5DE,CAAAA,CAAAA,CAAAA,eAAe,CAAAD,iBAAA,IAAEE,kBAAkB,CAAAF,iBAAA,CAAA,CAAA,CAAA,CAC1C,IAAAG,iBAAA,CAGIlC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAkC,iBAAA,CAAAhC,cAAA,CAAA+B,iBAAA,CAFvBE,CAAAA,CAAAA,CAAAA,kCAAkC,CAAAD,iBAAA,CAClCE,CAAAA,CAAAA,CAAAA,qCAAqC,CAAAF,iBAAA,IAEvC,IAAAG,iBAAA,CAAgDtC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAsC,iBAAA,CAAApC,cAAA,CAAAmC,iBAAA,CAAA,CAAA,CAAA,CAA9DE,gBAAgB,CAAAD,iBAAA,CAAEE,CAAAA,CAAAA,CAAAA,mBAAmB,CAAAF,iBAAA,CAC5C,CAAA,CAAA,CAAA,IAAAG,iBAAA,CAA8D1C,cAAK,CAACC,QAAQ,CAE1E,CAAC,CAAC,CAAA0C,iBAAA,CAAAxC,cAAA,CAAAuC,iBAAA,CAAA,CAAA,CAAA,CAFGE,uBAAuB,CAAAD,iBAAA,CAAA,CAAA,CAAA,CAAEE,0BAA0B,CAAAF,iBAAA,CAG1D,CAAA,CAAA,CAAA,IAAAG,iBAAA,CAAwC9C,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAA8C,iBAAA,CAAA5C,cAAA,CAAA2C,iBAAA,CAAtDE,CAAAA,CAAAA,CAAAA,YAAY,CAAAD,iBAAA,CAAA,CAAA,CAAA,CAAEE,eAAe,CAAAF,iBAAA,CAAA,CAAA,CAAA,CAEpC,IAAAG,iBAAA,CAA4DlD,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAkD,iBAAA,CAAAhD,cAAA,CAAA+C,iBAAA,CAAA,CAAA,CAAA,CAA1EE,sBAAsB,CAAAD,iBAAA,CAAEE,CAAAA,CAAAA,CAAAA,yBAAyB,CAAAF,iBAAA,CAAA,CAAA,CAAA,CAMxD,IAAMG,mBAAmB,CAAGtD,cAAK,CAACuD,MAAM,CAAuB,IAAI,CAAC,CACpE,IAAMC,YAAY,CAAGxD,cAAK,CAACuD,MAAM,CAAoB,IAAI,CAAC,CAC1D,IAAME,iBAAiB,CAAGzD,cAAK,CAACuD,MAAM,CAAiB,IAAI,CAAC,CAC5D,IAAMG,iBAAiB,CAAG1D,cAAK,CAACuD,MAAM,EAA4C,CAClF,IAAMI,iBAAiB,CAAG3D,cAAK,CAACuD,MAAM,CAA4B,CAAEK,KAAK,CAAE,KAAM,CAAC,CAAC,CACnF,IAAMC,mBAAmB,CAAG7D,cAAK,CAACuD,MAAM,CAAoB,CAAEK,KAAK,CAAE,CAAE,CAAC,CAAC,CACzE,IAAME,oBAAoB,CAAG9D,cAAK,CAACuD,MAAM,CAAiB,IAAI,CAAC,CAE/D,IAAMQ,cAAc,CAAGC,KAAK,CAAC,UAAU,CAAC,CACxC,IAAMC,iBAAiB,CAAGjE,cAAK,CAACuD,MAAM,CAAClE,gBAAgB,CAAC,CAExD,IAAA6E,qBAAA,CAA4CC,oBAAoB,CAAC,CAC/DP,KAAK,CAAEvE,gBAAgB,CACvB+E,YAAY,CAAE,KAAK,CACnBC,QAAQ,CAAE,SAAAA,QAAAA,CAACC,qBAAqB,CAAK,CACnCL,iBAAiB,CAACM,OAAO,CAAGD,qBAAqB,CACjD/E,YAAY,EAAA,IAAA,CAAA,KAAA,CAAA,CAAZA,YAAY,CAAG+E,qBAAqB,CAAC,CACvC,CACF,CAAC,CAAC,CAAAE,sBAAA,CAAArE,cAAA,CAAA+D,qBAAA,IAPKO,cAAc,CAAAD,sBAAA,CAAA,CAAA,CAAA,CAAEE,iBAAiB,CAAAF,sBAAA,CAAA,CAAA,CAAA,CASxCP,iBAAiB,CAACM,OAAO,CAAGE,cAAc,CAE1C,IAAME,SAAS,CAAG,SAAZA,SAASA,CAAIC,WAAoB,CAAW,CAChDX,iBAAiB,CAACM,OAAO,CAAGK,WAAW,CACvCF,iBAAiB,CAAC,UAAA,CAAA,OAAME,WAAW,GAAC,CACtC,CAAC,CAED,IAAMC,KAAK,CAAG7E,cAAK,CAAC8E,WAAW,CAAC,UAAM,CACpCrD,iBAAiB,CAAC,CAAC,CAAC,CAAC,CACrBkD,SAAS,CAAC,KAAK,CAAC,CAElB,CAAC,CAAE,EAAE,CAAC,CAEN3E,cAAK,CAAC+E,QAAQ,CAACC,GAAG,CAAC5F,QAAQ,CAAE,SAAC6F,KAAK,CAAK,CACtC,GAAIjF,cAAK,CAACkF,cAAc,CAACD,KAAK,CAAC,CAAE,CAC/B,GAAIE,OAAO,CAAE,CAAAC,IAAAA,eAAA,CACX,GAAI,CAAC9G,qBAAqB,CAAC+G,QAAQ,CAAA,CAAAD,eAAA,CAACE,cAAc,CAACL,KAAK,CAAC,GAAA,IAAA,CAAAG,eAAA,CAAI,EAAE,CAAC,CAAE,CAChEG,eAAe,CAAC,CACdC,OAAO,CAAG,CAAA,oEAAA,EAAsElH,qBAAqB,CAACmH,IAAI,CACxG,IACF,CAAE,CAAA,4EAAA,CAA6E,CAC/EC,UAAU,CAAE,UACd,CAAC,CAAC,CACJ,CACF,CAEA,GAAIC,sBAAsB,CAACV,KAAK,CAAE1G,oBAAoB,CAACE,QAAQ,CAACC,WAAW,CAAC,CAAE,CAC5EgF,iBAAiB,CAACa,OAAO,CAAG,aAAa,CAC3C,CAEA,GAAIoB,sBAAsB,CAACV,KAAK,CAAE1G,oBAAoB,CAACE,QAAQ,CAACE,WAAW,CAAC,CAAE,CAC5E+E,iBAAiB,CAACa,OAAO,CAAG,aAAa,CAC3C,CAEA,GAAIoB,sBAAsB,CAACV,KAAK,CAAE1G,oBAAoB,CAACE,QAAQ,CAACG,cAAc,CAAC,CAAE,CAC/E8E,iBAAiB,CAACa,OAAO,CAAG,gBAAgB,CAC9C,CAEA,GAAIoB,sBAAsB,CAACV,KAAK,CAAE1G,oBAAoB,CAACE,QAAQ,CAACM,YAAY,CAAC,CAAE,CAC7E2E,iBAAiB,CAACa,OAAO,CAAG,cAAc,CAC5C,CACF,CACF,CAAC,CAAC,CAEF,IAAMqB,YAAY,CAAG5F,cAAK,CAAC6F,OAAO,CAChC,UAAO,CAAA,OAAA,CACLvG,MAAM,CAAEmF,cAAc,CACtBE,SAAS,CAATA,SAAS,CACTE,KAAK,CAALA,KAAK,CACLjE,eAAe,CAAfA,eAAe,CACfC,kBAAkB,CAAlBA,kBAAkB,CAClBG,sBAAsB,CAAtBA,sBAAsB,CACtBC,yBAAyB,CAAzBA,yBAAyB,CACzBb,OAAO,CAAPA,OAAO,CACPC,UAAU,CAAVA,UAAU,CACVG,cAAc,CAAdA,cAAc,CACdC,iBAAiB,CAAjBA,iBAAiB,CACjBW,WAAW,CAAXA,WAAW,CACXC,cAAc,CAAdA,cAAc,CACdG,cAAc,CAAdA,cAAc,CACdC,iBAAiB,CAAjBA,iBAAiB,CACjBoC,mBAAmB,CAAnBA,mBAAmB,CACnBjC,yBAAyB,CAAzBA,yBAAyB,CACzBC,4BAA4B,CAA5BA,4BAA4B,CAC5BW,gBAAgB,CAAhBA,gBAAgB,CAChBC,mBAAmB,CAAnBA,mBAAmB,CACnBsB,cAAc,CAAdA,cAAc,CACdP,YAAY,CAAZA,YAAY,CACZF,mBAAmB,CAAnBA,mBAAmB,CACnBG,iBAAiB,CAAjBA,iBAAiB,CACjBhE,aAAa,CAAbA,aAAa,CACbuC,eAAe,CAAfA,eAAe,CACfC,kBAAkB,CAAlBA,kBAAkB,CAClBG,kCAAkC,CAAlCA,kCAAkC,CAClCC,qCAAqC,CAArCA,qCAAqC,CACrCqB,iBAAiB,CAAEA,iBAAiB,CAACa,OAAO,CAC5C3B,uBAAuB,CAAvBA,uBAAuB,CACvBC,0BAA0B,CAA1BA,0BAA0B,CAC1BG,YAAY,CAAZA,YAAY,CACZC,eAAe,CAAfA,eAAe,CACfU,iBAAiB,CAAjBA,iBACF,CAAC,CAAA,CAAC,CAEF,CACEc,cAAc,CACdpF,gBAAgB,CAChBuB,eAAe,CACfI,sBAAsB,CACtBZ,OAAO,CACPI,cAAc,CACdY,WAAW,CACXI,cAAc,CACdI,yBAAyB,CACzBnC,aAAa,CACbuC,eAAe,CACfQ,gBAAgB,CAChBI,uBAAuB,CACvBI,YAAY,CAEhB,CAAC,CAED,IAAM8C,sCAAsC,CAAG9F,cAAK,CAAC6F,OAAO,CAAC,UAAyC,CACpG,OAAO,CACLvG,MAAM,CAAEmF,cAAc,CACtBrB,sBAAsB,CAAtBA,sBAAsB,CACtBhB,kCAAkC,CAAlCA,kCAAkC,CAClCiB,yBAAyB,CAAzBA,yBAAyB,CAGzB0C,oBAAoB,CAAElB,KACxB,CAAC,CACH,CAAC,CAAE,CAACzB,sBAAsB,CAAEhB,kCAAkC,CAAEqC,cAAc,CAAEI,KAAK,CAAC,CAAC,CAEvF,OACEmB,GAAA,CAACC,iCAAiC,CAACC,QAAQ,CAAA,CAACtC,KAAK,CAAEkC,sCAAuC,CAAA1G,QAAA,CACxF4G,GAAA,CAACG,eAAe,CAACD,QAAQ,CAACtC,CAAAA,KAAK,CAAEgC,YAAa,CAAAxG,QAAA,CAC5C4G,GAAA,CAACxH,OAAO,CAAA4H,MAAA,CAAAC,MAAA,CAENC,CAAAA,GAAG,CAAExC,oBAA4B,EAC7ByC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,QAAQ,CAAEhH,MAAM,CAANA,MAAO,CAAC,CAAC,CACvDiH,cAAc,CAAC/G,IAAI,CAAC,CACpBgH,sBAAsB,CAAChH,IAAI,CAAC,CAChCiH,CAAAA,KAAK,CAAElH,MAAO,CAAAP,QAAA,CAEd4G,GAAA,CAACxH,OAAO,CAACsI,CAAAA,QAAQ,CAAC,UAAU,CAACC,SAAS,CAAE,MAAgB,CAAA3H,QAAA,CACrDA,QAAQ,CACF,CAAC,CACH,CAAA,CAAC,CACc,CAAC,CACe,CAAC,CAEjD,CAAC,CAEK,IAAAsH,QAAQ,CAAGM,wBAAwB,CAAC9H,SAAS,CAAE,CACnD+H,WAAW,CAAE1I,oBAAoB,CAACmI,QACpC,CAAC;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { BladeElementRef, ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validDropdownChildren = [\n  // TODO: Remove Box once CountrySelector's button sizing is fixed\n  dropdownComponentIds.BaseBox,\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.SearchInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = (\n  {\n    children,\n    isOpen: isOpenControlled,\n    onOpenChange,\n    selectionType = 'single',\n    testID,\n    _width,\n    ...rest\n  }: DropdownProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n  const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n  const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n    value: isOpenControlled,\n    defaultValue: false,\n    onChange: (isOpenControlledValue) => {\n      isDropdownOpenRef.current = isOpenControlledValue;\n      onOpenChange?.(isOpenControlledValue);\n    },\n  });\n\n  isDropdownOpenRef.current = isDropdownOpen;\n\n  const setIsOpen = (isOpenValue: boolean): void => {\n    isDropdownOpenRef.current = isOpenValue;\n    setIsDropdownOpen(() => isOpenValue);\n  };\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SearchInput)) {\n        dropdownTriggerer.current = 'SearchInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen: isDropdownOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isDropdownOpen,\n      isOpenControlled,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen: isDropdownOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={mergeRefs(ref, dropdownContainerRef as any)}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(rest)}\n          {...makeAnalyticsAttribute(rest)}\n          width={_width}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(React.forwardRef(_Dropdown), {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","SearchInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","_width","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","__DEV__","_getComponentId","includes","getComponentId","throwBladeError","message","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","Object","assign","mergeRefs","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","makeAnalyticsAttribute","width","position","textAlign","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fade.native.js","sources":["../../../../../src/components/Fade/Fade.native.tsx"],"sourcesContent":["import type { FadeProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Fade = (_props: FadeProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Fade is not yet implemented for native',\n    moduleName: 'Fade',\n  });\n\n  return <Text>Fade Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Fade };\n"],"names":["Fade","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,IAAI,CAAG,SAAPA,IAAIA,CAAIC,MAAiB,CAAyB,CACtDC,eAAe,CAAC,CACdC,OAAO,CAAE,wCAAwC,CACjDC,UAAU,CAAE,MACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,yDAAuD,CAAM,CAAC,CAC7E;;;;"}

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

@@ -1,15 +1,9 @@
 import { hintTextSize } from '../formTokens.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../Typography/BaseText/BaseText.native.js';
-import 'react';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
-import { jsxs } from 'react/jsx-runtime';
+import '../../Typography/Heading/Heading.js';
 import { Text } from '../../Typography/Text/Text.js';
 import '../../Typography/Code/Code.js';
+import '../../Typography/Display/Display.js';
+import { jsxs } from 'react/jsx-runtime';
 
 var CharacterCounter=function CharacterCounter(_ref){var currentCount=_ref.currentCount,maxCount=_ref.maxCount,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size;return jsxs(Text,{variant:"caption",size:hintTextSize[size],weight:"regular",color:"surface.text.gray.muted",children:[currentCount,"/",maxCount]});};
 

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

@@ -1 +1 @@
-{"version":3,"file":"CharacterCounter.js","sources":["../../../../../../src/components/Form/CharacterCounter/CharacterCounter.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { hintTextSize } from '../formTokens';\nimport { Text } from '~components/Typography';\n\ntype CharacterCounterProps = {\n  currentCount: number;\n  maxCount: number;\n  size?: 'medium' | 'large';\n};\n\nexport const CharacterCounter = ({\n  currentCount,\n  maxCount,\n  size = 'medium',\n}: CharacterCounterProps): ReactElement => (\n  <Text\n    variant=\"caption\"\n    size={hintTextSize[size]}\n    weight=\"regular\"\n    color=\"surface.text.gray.muted\"\n  >\n    {currentCount}/{maxCount}\n  </Text>\n);\n"],"names":["CharacterCounter","_ref","currentCount","maxCount","_ref$size","size","_jsxs","Text","variant","hintTextSize","weight","color","children"],"mappings":";;;;;;;;;;;;;AAUa,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAAA,CAAA,IAC3BC,YAAY,CAAAD,IAAA,CAAZC,YAAY,CACZC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAAC,SAAA,CAAAH,IAAA,CACRI,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,QAEfE,IAAA,CAACC,IAAI,EACHC,OAAO,CAAC,SAAS,CACjBH,IAAI,CAAEI,YAAY,CAACJ,IAAI,CAAE,CACzBK,MAAM,CAAC,SAAS,CAChBC,KAAK,CAAC,yBAAyB,CAAAC,QAAA,CAAA,CAE9BV,YAAY,CAAC,GAAC,CAACC,QAAQ,CAAA,CACpB,CAAC,CACR;;;;"}
+{"version":3,"file":"CharacterCounter.js","sources":["../../../../../../src/components/Form/CharacterCounter/CharacterCounter.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { hintTextSize } from '../formTokens';\nimport { Text } from '~components/Typography';\n\ntype CharacterCounterProps = {\n  currentCount: number;\n  maxCount: number;\n  size?: 'medium' | 'large';\n};\n\nexport const CharacterCounter = ({\n  currentCount,\n  maxCount,\n  size = 'medium',\n}: CharacterCounterProps): ReactElement => (\n  <Text\n    variant=\"caption\"\n    size={hintTextSize[size]}\n    weight=\"regular\"\n    color=\"surface.text.gray.muted\"\n  >\n    {currentCount}/{maxCount}\n  </Text>\n);\n"],"names":["CharacterCounter","_ref","currentCount","maxCount","_ref$size","size","_jsxs","Text","variant","hintTextSize","weight","color","children"],"mappings":";;;;;;;AAUa,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAAA,CAAA,IAC3BC,YAAY,CAAAD,IAAA,CAAZC,YAAY,CACZC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAAC,SAAA,CAAAH,IAAA,CACRI,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,QAEfE,IAAA,CAACC,IAAI,EACHC,OAAO,CAAC,SAAS,CACjBH,IAAI,CAAEI,YAAY,CAACJ,IAAI,CAAE,CACzBK,MAAM,CAAC,SAAS,CAChBC,KAAK,CAAC,yBAAyB,CAAAC,QAAA,CAAA,CAE9BV,YAAY,CAAC,GAAC,CAACC,QAAQ,CAAA,CACpB,CAAC,CACR;;;;"}

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

@@ -1,22 +1,17 @@
 import 'react';
 import { labelOptionalIndicatorTextSize, labelTextSize, labelLeftMarginRight, labelMarginBottom, labelWidth } from './formTokens.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.native.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import '@babel/runtime/helpers/slicedToArray';
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
 import 'react-native';
-import getIn from '../../utils/lodashButBetter/get.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
+import '@babel/runtime/helpers/slicedToArray';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import useTheme from '../BladeProvider/useTheme.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
@@ -24,6 +19,11 @@ import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
 import '../BottomSheet/BottomSheetStack.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import { size } from '../../tokens/global/size.js';
+import getIn from '../../utils/lodashButBetter/get.js';
 
 var FormLabel=function FormLabel(_ref){var _ref$as=_ref.as,as=_ref$as===void 0?'span':_ref$as,_ref$position=_ref.position,position=_ref$position===void 0?'top':_ref$position,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,accessibilityText=_ref.accessibilityText,children=_ref.children,id=_ref.id,htmlFor=_ref.htmlFor,_ref$size=_ref.size,size$1=_ref$size===void 0?'medium':_ref$size;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isDesktop=matchedDeviceType==='desktop';var isReactNative=getPlatformType()==='react-native';var necessityLabel=null;var isLabelLeftPositioned=position==='left'&&isDesktop;if(necessityIndicator==='optional'){necessityLabel=jsx(Text,{variant:"caption",size:labelOptionalIndicatorTextSize[size$1],color:"surface.text.gray.muted",children:"(optional)"});}if(necessityIndicator==='required'){necessityLabel=jsx(Text,{variant:"body",size:isLabelLeftPositioned?'medium':'small',color:"feedback.text.negative.intense",alignSelf:"flex-start",children:"*"});}var computedAccessibilityNode=jsxs(VisuallyHidden,{children:[necessityIndicator!=='none'&&jsx(Text,{children:necessityIndicator}),jsx(Text,{children:accessibilityText})]});var textNode=jsxs(BaseBox,{gap:necessityIndicator==='optional'?'spacing.2':'spacing.0',display:"flex",flexDirection:"row",alignItems:"center",maxHeight:makeSpace(size[36]),children:[jsx(Text,{variant:"body",size:labelTextSize[isLabelLeftPositioned?'left':'top'][size$1],color:"surface.text.gray.subtle",truncateAfterLines:2,weight:"semibold",wordBreak:isLabelLeftPositioned?'break-word':undefined,children:children}),computedAccessibilityNode,necessityLabel]});if(isReactNative){return jsx(BaseBox,{marginRight:"spacing.5",marginBottom:"spacing.2",children:textNode});}var Component=as;var width=isLabelLeftPositioned&&isDesktop?makeSize(labelWidth[size$1]):'auto';return jsx(Component,Object.assign({htmlFor:htmlFor,style:{width:width,flexShrink:0,marginRight:isLabelLeftPositioned?makeSpace(getIn(theme,labelLeftMarginRight[size$1])):makeSpace(getIn(theme,'spacing.0'))},id:id},metaAttribute({name:MetaConstants.FormLabel}),{children:jsx(BaseBox,{marginBottom:isLabelLeftPositioned?'spacing.0':labelMarginBottom[size$1],children:textNode})}));};
 

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

@@ -1,4 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
 import { indicatorDotSizes, textSizeMapping } from './indicatorTokens.js';
 import 'styled-components/native';
 import '@gorhom/portal';
@@ -6,7 +7,6 @@ import 'react-native-gesture-handler';
 import useTheme from '../BladeProvider/useTheme.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
-import 'react';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import '../BottomSheet/BottomSheetStack.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -16,18 +16,19 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import Circle from '../Icons/_Svg/Circle/Circle.native.js';
 import Svg from '../Icons/_Svg/Svg/Svg.native.js';
-import '../Typography/BaseText/BaseText.native.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
 import { getStringFromReactText } from '../../utils/getStringChildren/getStringChildren.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var _excluded=["accessibilityLabel","children","size","color","emphasis","testID"];var _Indicator=function _Indicator(_ref){var accessibilityLabel=_ref.accessibilityLabel,children=_ref.children,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var childrenString=getStringFromReactText(children);var isIntense=emphasis==='intense';var isPrimary=color==='primary';var fillColorOuter=isPrimary?theme.colors.surface.background.primary.subtle:theme.colors.feedback.background[color].subtle;var fillColorInner=isPrimary?theme.colors.surface.icon.primary.normal:theme.colors.feedback.icon[color].intense;var isWeb=!isReactNative();var a11yProps=makeAccessible(Object.assign({label:accessibilityLabel!=null?accessibilityLabel:childrenString},isWeb&&{role:'status'}));var svgSize=isIntense?indicatorDotSizes[emphasis][size].outer:indicatorDotSizes[emphasis][size].inner;return jsx(BaseBox,Object.assign({display:isWeb?'inline-flex':'flex'},a11yProps,metaAttribute({name:MetaConstants.Indicator,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",children:[jsx(Svg,{width:String(svgSize),height:String(svgSize),viewBox:"0 0 10 10",fill:"none",children:isIntense?jsxs(Fragment,{children:[jsx(Circle,{cx:"5",cy:"5",r:"5",fill:fillColorOuter}),jsx(Circle,{cx:"5",cy:"5",r:"2.5",fill:fillColorInner})]}):jsx(Circle,{cx:"5",cy:"5",r:"5",fill:fillColorInner})}),jsx(BaseBox,{marginLeft:childrenString?'spacing.2':'spacing.0',children:jsx(Text,{weight:"medium",color:"surface.text.gray.subtle",textAlign:"left",size:textSizeMapping[size],children:children})})]})}));};var Indicator=assignWithoutSideEffects(_Indicator,{componentId:'Indicator'});
+var _excluded=["accessibilityLabel","children","size","color","emphasis","testID"];var _Indicator=function _Indicator(_ref,ref){var accessibilityLabel=_ref.accessibilityLabel,children=_ref.children,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var childrenString=getStringFromReactText(children);var isIntense=emphasis==='intense';var isPrimary=color==='primary';var fillColorOuter=isPrimary?theme.colors.surface.background.primary.subtle:theme.colors.feedback.background[color].subtle;var fillColorInner=isPrimary?theme.colors.surface.icon.primary.normal:theme.colors.feedback.icon[color].intense;var isWeb=!isReactNative();var a11yProps=makeAccessible(Object.assign({label:accessibilityLabel!=null?accessibilityLabel:childrenString},isWeb&&{role:'status'}));var svgSize=isIntense?indicatorDotSizes[emphasis][size].outer:indicatorDotSizes[emphasis][size].inner;return jsx(BaseBox,Object.assign({ref:ref,display:isWeb?'inline-flex':'flex'},a11yProps,metaAttribute({name:MetaConstants.Indicator,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",children:[jsx(Svg,{width:String(svgSize),height:String(svgSize),viewBox:"0 0 10 10",fill:"none",children:isIntense?jsxs(Fragment,{children:[jsx(Circle,{cx:"5",cy:"5",r:"5",fill:fillColorOuter}),jsx(Circle,{cx:"5",cy:"5",r:"2.5",fill:fillColorInner})]}):jsx(Circle,{cx:"5",cy:"5",r:"5",fill:fillColorInner})}),jsx(BaseBox,{marginLeft:childrenString?'spacing.2':'spacing.0',children:jsx(Text,{weight:"medium",color:"surface.text.gray.subtle",textAlign:"left",size:textSizeMapping[size],children:children})})]})}));};var Indicator=assignWithoutSideEffects(React__default.forwardRef(_Indicator),{componentId:'Indicator'});
 
 export { Indicator };
 //# sourceMappingURL=Indicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { indicatorDotSizes, textSizeMapping } from './indicatorTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { Text } from '~components/Typography';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { DataAnalyticsAttribute, StringChildrenType, TestID } from '~utils/types';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype IndicatorProps = {\n  /**\n   * Sets the color tone\n   *\n   * @default neutral\n   */\n  color?: FeedbackColors | 'primary';\n\n  /**\n   * Sets the emphasis of the indicator\n   *\n   * If set to intense it will show a background circle\n   *\n   * @default subtle\n   */\n  emphasis?: 'subtle' | 'intense';\n\n  /**\n   * Size of the indicator\n   *\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * A text label to show alongside the indicator dot\n   */\n  children?: StringChildrenType;\n  /**\n   * a11y label for screen readers\n   */\n  accessibilityLabel?: string;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Indicator = ({\n  accessibilityLabel,\n  children,\n  size = 'medium',\n  color = 'neutral',\n  emphasis = 'subtle',\n  testID,\n  ...rest\n}: IndicatorProps): ReactElement => {\n  const { theme } = useTheme();\n  const childrenString = getStringFromReactText(children);\n  const isIntense = emphasis === 'intense';\n  const isPrimary = color === 'primary';\n\n  const fillColorOuter = isPrimary\n    ? theme.colors.surface.background.primary.subtle\n    : theme.colors.feedback.background[color].subtle;\n  const fillColorInner = isPrimary\n    ? theme.colors.surface.icon.primary.normal\n    : theme.colors.feedback.icon[color].intense;\n\n  const isWeb = !isReactNative();\n  const a11yProps = makeAccessible({\n    label: accessibilityLabel ?? childrenString,\n    ...(isWeb && { role: 'status' }),\n  });\n\n  const svgSize = isIntense\n    ? indicatorDotSizes[emphasis][size].outer\n    : indicatorDotSizes[emphasis][size].inner;\n\n  return (\n    <BaseBox\n      display={(isWeb ? 'inline-flex' : 'flex') as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Indicator, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n        <Svg width={String(svgSize)} height={String(svgSize)} viewBox=\"0 0 10 10\" fill=\"none\">\n          {isIntense ? (\n            <>\n              <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorOuter} />\n              <Circle cx=\"5\" cy=\"5\" r=\"2.5\" fill={fillColorInner} />\n            </>\n          ) : (\n            <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorInner} />\n          )}\n        </Svg>\n        <BaseBox marginLeft={childrenString ? 'spacing.2' : 'spacing.0'}>\n          <Text\n            weight=\"medium\"\n            color=\"surface.text.gray.subtle\"\n            textAlign=\"left\"\n            size={textSizeMapping[size]}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Indicator = assignWithoutSideEffects(_Indicator, {\n  componentId: 'Indicator',\n});\n\nexport type { IndicatorProps };\nexport { Indicator };\n"],"names":["_Indicator","_ref","accessibilityLabel","children","_ref$size","size","_ref$color","color","_ref$emphasis","emphasis","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","childrenString","getStringFromReactText","isIntense","isPrimary","fillColorOuter","colors","surface","background","primary","subtle","feedback","fillColorInner","icon","normal","intense","isWeb","isReactNative","a11yProps","makeAccessible","Object","assign","label","role","svgSize","indicatorDotSizes","outer","inner","_jsx","BaseBox","display","metaAttribute","name","MetaConstants","Indicator","getStyledProps","makeAnalyticsAttribute","_jsxs","flexDirection","alignItems","Svg","width","String","height","viewBox","fill","_Fragment","Circle","cx","cy","r","marginLeft","Text","weight","textAlign","textSizeMapping","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement, Ref } from 'react';\nimport { indicatorDotSizes, textSizeMapping } from './indicatorTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { Text } from '~components/Typography';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type {\n  DataAnalyticsAttribute,\n  BladeElementRef,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype IndicatorProps = {\n  /**\n   * Sets the color tone\n   *\n   * @default neutral\n   */\n  color?: FeedbackColors | 'primary';\n\n  /**\n   * Sets the emphasis of the indicator\n   *\n   * If set to intense it will show a background circle\n   *\n   * @default subtle\n   */\n  emphasis?: 'subtle' | 'intense';\n\n  /**\n   * Size of the indicator\n   *\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * A text label to show alongside the indicator dot\n   */\n  children?: StringChildrenType;\n  /**\n   * a11y label for screen readers\n   */\n  accessibilityLabel?: string;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Indicator = (\n  {\n    accessibilityLabel,\n    children,\n    size = 'medium',\n    color = 'neutral',\n    emphasis = 'subtle',\n    testID,\n    ...rest\n  }: IndicatorProps,\n  ref: Ref<BladeElementRef>,\n): ReactElement => {\n  const { theme } = useTheme();\n  const childrenString = getStringFromReactText(children);\n  const isIntense = emphasis === 'intense';\n  const isPrimary = color === 'primary';\n\n  const fillColorOuter = isPrimary\n    ? theme.colors.surface.background.primary.subtle\n    : theme.colors.feedback.background[color].subtle;\n  const fillColorInner = isPrimary\n    ? theme.colors.surface.icon.primary.normal\n    : theme.colors.feedback.icon[color].intense;\n\n  const isWeb = !isReactNative();\n  const a11yProps = makeAccessible({\n    label: accessibilityLabel ?? childrenString,\n    ...(isWeb && { role: 'status' }),\n  });\n\n  const svgSize = isIntense\n    ? indicatorDotSizes[emphasis][size].outer\n    : indicatorDotSizes[emphasis][size].inner;\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isWeb ? 'inline-flex' : 'flex') as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Indicator, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n        <Svg width={String(svgSize)} height={String(svgSize)} viewBox=\"0 0 10 10\" fill=\"none\">\n          {isIntense ? (\n            <>\n              <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorOuter} />\n              <Circle cx=\"5\" cy=\"5\" r=\"2.5\" fill={fillColorInner} />\n            </>\n          ) : (\n            <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorInner} />\n          )}\n        </Svg>\n        <BaseBox marginLeft={childrenString ? 'spacing.2' : 'spacing.0'}>\n          <Text\n            weight=\"medium\"\n            color=\"surface.text.gray.subtle\"\n            textAlign=\"left\"\n            size={textSizeMapping[size]}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Indicator = assignWithoutSideEffects(React.forwardRef(_Indicator), {\n  componentId: 'Indicator',\n});\n\nexport type { IndicatorProps };\nexport { Indicator };\n"],"names":["_Indicator","_ref","ref","accessibilityLabel","children","_ref$size","size","_ref$color","color","_ref$emphasis","emphasis","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","childrenString","getStringFromReactText","isIntense","isPrimary","fillColorOuter","colors","surface","background","primary","subtle","feedback","fillColorInner","icon","normal","intense","isWeb","isReactNative","a11yProps","makeAccessible","Object","assign","label","role","svgSize","indicatorDotSizes","outer","inner","_jsx","BaseBox","display","metaAttribute","name","MetaConstants","Indicator","getStyledProps","makeAnalyticsAttribute","_jsxs","flexDirection","alignItems","Svg","width","String","height","viewBox","fill","_Fragment","Circle","cx","cy","r","marginLeft","Text","weight","textAlign","textSizeMapping","assignWithoutSideEffects","React","forwardRef","componentId"],"mappings":"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"}

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

@@ -15,7 +15,7 @@ import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 import getIn from '../../../utils/lodashButBetter/get.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}));});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.effective)},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(getIn(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:theme.border.radius.medium,borderStyle:'solid',backgroundColor:withTiming(backgroundColor,motionConfig),borderColor:withTiming(borderColor,motionConfig)};},[borderColor,backgroundColor,motionConfig]);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 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}));});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:theme.border.radius.medium,borderStyle:'solid',backgroundColor:withTiming(backgroundColor,motionConfig),borderColor:withTiming(borderColor,motionConfig)};},[borderColor,backgroundColor,motionConfig]);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);
 
 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  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  }),\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.effective),\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      getIn(\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: theme.border.radius.medium,\n      borderStyle: 'solid',\n      backgroundColor: withTiming(backgroundColor, motionConfig),\n      borderColor: withTiming(borderColor, motionConfig),\n    }),\n    [borderColor, backgroundColor, motionConfig],\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","_AnimatedBaseInputWrapper","_ref","ref","showAllTags","numberOfLines","setShowAllTagsWithAnimation","children","maxTagRows","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedHeight","useSharedValue","baseInputHeight","size","React","useEffect","value","withTiming","baseInputWrapperMaxHeight","duration","motion","xquick","easing","castNativeType","exit","effective","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","medium","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  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  }),\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: theme.border.radius.medium,\n      borderStyle: 'solid',\n      backgroundColor: withTiming(backgroundColor, motionConfig),\n      borderColor: withTiming(borderColor, motionConfig),\n    }),\n    [borderColor, backgroundColor, motionConfig],\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","_AnimatedBaseInputWrapper","_ref","ref","showAllTags","numberOfLines","setShowAllTagsWithAnimation","children","maxTagRows","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedHeight","useSharedValue","baseInputHeight","size","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","medium","borderStyle","_jsx","style","AnimatedBaseInputWrapper","forwardRef"],"mappings":"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"}

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

@@ -37,9 +37,10 @@ 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';
 
-var _excluded=["as","label","labelPosition","placeholder","type","defaultValue","tags","showAllTags","activeTagIndex","setActiveTagIndex","name","value","onFocus","onChange","onInput","onBlur","onSubmit","onClick","onKeyDown","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","trailingButton","valueComponentType","isTableInputCell","showHintsAsTooltip"];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(_ref10){var validationState=_ref10.validationState,hasErrorText=_ref10.hasErrorText,hasSuccessText=_ref10.hasSuccessText,hasHelpText=_ref10.hasHelpText,errorTextId=_ref10.errorTextId,successTextId=_ref10.successTextId,helpTextId=_ref10.helpTextId;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref11){var theme=_ref11.theme,currentInteraction=_ref11.currentInteraction,isTableInputCell=_ref11.isTableInputCell;return {borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius.medium),width:'100%','&:focus-within':!isTableInputCell?Object.assign({},getFocusRingStyles(),{transitionDuration:castWebType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].duration))),transitionTimingFunction:castWebType(getIn(theme.motion.easing,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].easing))}):{}};});var _BaseInput=function _BaseInput(_ref12,ref){var _ref12$as=_ref12.as,as=_ref12$as===void 0?'input':_ref12$as,label=_ref12.label,_ref12$labelPosition=_ref12.labelPosition,labelPosition=_ref12$labelPosition===void 0?'top':_ref12$labelPosition,placeholder=_ref12.placeholder,_ref12$type=_ref12.type,type=_ref12$type===void 0?'text':_ref12$type,defaultValue=_ref12.defaultValue,tags=_ref12.tags,_ref12$showAllTags=_ref12.showAllTags,showAllTags=_ref12$showAllTags===void 0?false:_ref12$showAllTags,_ref12$activeTagIndex=_ref12.activeTagIndex,activeTagIndex=_ref12$activeTagIndex===void 0?-1:_ref12$activeTagIndex,setActiveTagIndex=_ref12.setActiveTagIndex,name=_ref12.name,value=_ref12.value,onFocus=_ref12.onFocus,onChange=_ref12.onChange,onInput=_ref12.onInput,onBlur=_ref12.onBlur,onSubmit=_ref12.onSubmit,onClick=_ref12.onClick,onKeyDown=_ref12.onKeyDown,isDisabled=_ref12.isDisabled,necessityIndicator=_ref12.necessityIndicator,validationState=_ref12.validationState,errorText=_ref12.errorText,helpText=_ref12.helpText,successText=_ref12.successText,isRequired=_ref12.isRequired,leadingIcon=_ref12.leadingIcon,prefix=_ref12.prefix,trailingInteractionElement=_ref12.trailingInteractionElement,onTrailingInteractionElementClick=_ref12.onTrailingInteractionElementClick,leadingInteractionElement=_ref12.leadingInteractionElement,suffix=_ref12.suffix,trailingIcon=_ref12.trailingIcon,maxCharacters=_ref12.maxCharacters,textAlign=_ref12.textAlign,autoFocus=_ref12.autoFocus,keyboardReturnKeyType=_ref12.keyboardReturnKeyType,keyboardType=_ref12.keyboardType,autoCompleteSuggestionType=_ref12.autoCompleteSuggestionType,trailingHeaderSlot=_ref12.trailingHeaderSlot,trailingFooterSlot=_ref12.trailingFooterSlot,numberOfLines=_ref12.numberOfLines,id=_ref12.id,componentName=_ref12.componentName,accessibilityLabel=_ref12.accessibilityLabel,labelId=_ref12.labelId,activeDescendant=_ref12.activeDescendant,hideLabelText=_ref12.hideLabelText,hideFormHint=_ref12.hideFormHint,hasPopup=_ref12.hasPopup,popupId=_ref12.popupId,isPopupExpanded=_ref12.isPopupExpanded,maxTagRows=_ref12.maxTagRows,shouldIgnoreBlurAnimation=_ref12.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_ref12.setShouldIgnoreBlurAnimation,autoCapitalize=_ref12.autoCapitalize,setInputWrapperRef=_ref12.setInputWrapperRef,testID=_ref12.testID,isDropdownTrigger=_ref12.isDropdownTrigger,isLabelInsideInput=_ref12.isLabelInsideInput,_ref12$size=_ref12.size,size=_ref12$size===void 0?'medium':_ref12$size,trailingButton=_ref12.trailingButton,_ref12$valueComponent=_ref12.valueComponentType,valueComponentType=_ref12$valueComponent===void 0?'text':_ref12$valueComponent,_ref12$isTableInputCe=_ref12.isTableInputCell,isTableInputCell=_ref12$isTableInputCe===void 0?false:_ref12$isTableInputCe,_ref12$showHintsAsToo=_ref12.showHintsAsTooltip,showHintsAsTooltip=_ref12$showHintsAsToo===void 0?false:_ref12$showHintsAsToo,rest=_objectWithoutProperties(_ref12,_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';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:hasPopup?'combobox':undefined,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';return jsxs(BaseBox,Object.assign({},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&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea?'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,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:currentInteraction,isTableInputCell:isTableInputCell,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,numberOfLines:numberOfLines,onClick:function onClick(){if(!isReactNative){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();}},isTableInputCell:isTableInputCell,children:[jsx(BaseInputVisuals,{size:size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:isDisabled,leadingInteractionElement:leadingInteractionElement}),jsx(BaseInputTagSlot,{renderAs:as,tags:tags,isDisabled:isDisabled,showAllTags:showAllTagsWithAnimation,setFocusOnInput:function setFocusOnInput(){if(ref&&!isReactNative&&'current'in ref){var _ref$current;(_ref$current=ref.current)==null?void 0:_ref$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: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,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,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,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell},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})]})})]}),hideFormHint||showHintsAsTooltip?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","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","trailingButton","valueComponentType","isTableInputCell","showHintsAsTooltip","_motionMeta"];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(_ref10){var validationState=_ref10.validationState,hasErrorText=_ref10.hasErrorText,hasSuccessText=_ref10.hasSuccessText,hasHelpText=_ref10.hasHelpText,errorTextId=_ref10.errorTextId,successTextId=_ref10.successTextId,helpTextId=_ref10.helpTextId;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref11){var theme=_ref11.theme,currentInteraction=_ref11.currentInteraction,isTableInputCell=_ref11.isTableInputCell;return {borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius.medium),width:'100%','&:focus-within':!isTableInputCell?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(_ref12,ref){var _ref12$as=_ref12.as,as=_ref12$as===void 0?'input':_ref12$as,label=_ref12.label,_ref12$labelPosition=_ref12.labelPosition,labelPosition=_ref12$labelPosition===void 0?'top':_ref12$labelPosition,placeholder=_ref12.placeholder,_ref12$type=_ref12.type,type=_ref12$type===void 0?'text':_ref12$type,defaultValue=_ref12.defaultValue,tags=_ref12.tags,_ref12$showAllTags=_ref12.showAllTags,showAllTags=_ref12$showAllTags===void 0?false:_ref12$showAllTags,_ref12$activeTagIndex=_ref12.activeTagIndex,activeTagIndex=_ref12$activeTagIndex===void 0?-1:_ref12$activeTagIndex,setActiveTagIndex=_ref12.setActiveTagIndex,name=_ref12.name,value=_ref12.value,onFocus=_ref12.onFocus,onChange=_ref12.onChange,onInput=_ref12.onInput,onBlur=_ref12.onBlur,onSubmit=_ref12.onSubmit,onClick=_ref12.onClick,onKeyDown=_ref12.onKeyDown,isDisabled=_ref12.isDisabled,necessityIndicator=_ref12.necessityIndicator,validationState=_ref12.validationState,errorText=_ref12.errorText,helpText=_ref12.helpText,successText=_ref12.successText,isRequired=_ref12.isRequired,leadingIcon=_ref12.leadingIcon,prefix=_ref12.prefix,trailingInteractionElement=_ref12.trailingInteractionElement,onTrailingInteractionElementClick=_ref12.onTrailingInteractionElementClick,leadingInteractionElement=_ref12.leadingInteractionElement,suffix=_ref12.suffix,trailingIcon=_ref12.trailingIcon,maxCharacters=_ref12.maxCharacters,textAlign=_ref12.textAlign,autoFocus=_ref12.autoFocus,keyboardReturnKeyType=_ref12.keyboardReturnKeyType,keyboardType=_ref12.keyboardType,autoCompleteSuggestionType=_ref12.autoCompleteSuggestionType,trailingHeaderSlot=_ref12.trailingHeaderSlot,trailingFooterSlot=_ref12.trailingFooterSlot,numberOfLines=_ref12.numberOfLines,id=_ref12.id,componentName=_ref12.componentName,accessibilityLabel=_ref12.accessibilityLabel,labelId=_ref12.labelId,activeDescendant=_ref12.activeDescendant,hideLabelText=_ref12.hideLabelText,hideFormHint=_ref12.hideFormHint,hasPopup=_ref12.hasPopup,popupId=_ref12.popupId,isPopupExpanded=_ref12.isPopupExpanded,maxTagRows=_ref12.maxTagRows,shouldIgnoreBlurAnimation=_ref12.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_ref12.setShouldIgnoreBlurAnimation,autoCapitalize=_ref12.autoCapitalize,setInputWrapperRef=_ref12.setInputWrapperRef,testID=_ref12.testID,isDropdownTrigger=_ref12.isDropdownTrigger,isLabelInsideInput=_ref12.isLabelInsideInput,_ref12$size=_ref12.size,size=_ref12$size===void 0?'medium':_ref12$size,trailingButton=_ref12.trailingButton,_ref12$valueComponent=_ref12.valueComponentType,valueComponentType=_ref12$valueComponent===void 0?'text':_ref12$valueComponent,_ref12$isTableInputCe=_ref12.isTableInputCell,isTableInputCell=_ref12$isTableInputCe===void 0?false:_ref12$isTableInputCe,_ref12$showHintsAsToo=_ref12.showHintsAsTooltip,showHintsAsTooltip=_ref12$showHintsAsToo===void 0?false:_ref12$showHintsAsToo,_motionMeta=_ref12._motionMeta,rest=_objectWithoutProperties(_ref12,_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';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:hasPopup?'combobox':undefined,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';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&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea?'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,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:currentInteraction,isTableInputCell:isTableInputCell,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,numberOfLines:numberOfLines,onClick:function onClick(){if(!isReactNative){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();}},isTableInputCell:isTableInputCell,children:[jsx(BaseInputVisuals,{size:size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:isDisabled,leadingInteractionElement:leadingInteractionElement}),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,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,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,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell},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})]})})]}),hideFormHint||showHintsAsTooltip?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'});
 
 export { BaseInput, getHintType };
 //# sourceMappingURL=BaseInput.js.map