@razorpay/blade 12.98.1 → 12.111.0

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

@@ -1,10 +1,5 @@
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
+import '../../utils/index.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
 
 var getCollapsibleBodyContentBoxProps=function getCollapsibleBodyContentBoxProps(_ref){var direction=_ref.direction,_hasMargin=_ref._hasMargin;if(!_hasMargin){return {};}return {marginTop:direction==='bottom'?'spacing.4':'spacing.0',marginBottom:direction==='top'?'spacing.4':'spacing.0'};};var getOpacity=function getOpacity(_ref2){var isExpanded=_ref2.isExpanded;return isExpanded?1:0.8;};var getTransitionDuration=function getTransitionDuration(theme){return makeMotionTime(theme.motion.duration.moderate);};var getTransitionEasing=function getTransitionEasing(theme){return theme.motion.easing.standard;};var getCollapsibleChevronIconTransforms=function getCollapsibleChevronIconTransforms(){return {transformExpanded:-180,transformCollapsed:0};};
 

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

@@ -1 +1 @@
-{"version":3,"file":"commonStyles.js","sources":["../../../../../src/components/Collapsible/commonStyles.ts"],"sourcesContent":["import type { CollapsibleProps } from './Collapsible';\nimport type { CollapsibleBodyProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\nimport { makeMotionTime } from '~utils';\n\nconst getCollapsibleBodyContentBoxProps = ({\n  direction,\n  _hasMargin,\n}: {\n  direction: CollapsibleProps['direction'];\n  _hasMargin: CollapsibleBodyProps['_hasMargin'];\n}): BoxProps => {\n  if (!_hasMargin) {\n    return {};\n  }\n\n  return {\n    /**\n     * Need a margin inside the outside wrapper so this is\n     * included in height calculations and prevents jank\n     */\n    marginTop: direction === 'bottom' ? 'spacing.4' : 'spacing.0',\n    marginBottom: direction === 'top' ? 'spacing.4' : 'spacing.0',\n  };\n};\n\nconst getOpacity = ({ isExpanded }: { isExpanded: boolean }): number => (isExpanded ? 1 : 0.8);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration.moderate);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard;\n\nconst getCollapsibleChevronIconTransforms = (): {\n  transformExpanded: number;\n  transformCollapsed: number;\n} => ({ transformExpanded: -180, transformCollapsed: 0 });\n\nexport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n  getCollapsibleChevronIconTransforms,\n};\n"],"names":["getCollapsibleBodyContentBoxProps","_ref","direction","_hasMargin","marginTop","marginBottom","getOpacity","_ref2","isExpanded","getTransitionDuration","theme","makeMotionTime","motion","duration","moderate","getTransitionEasing","easing","standard","getCollapsibleChevronIconTransforms","transformExpanded","transformCollapsed"],"mappings":";;;;;;;;AAMM,IAAAA,iCAAiC,CAAG,SAApCA,iCAAiCA,CAAAC,IAAA,CAMvB,CAAA,IALdC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CAKV,GAAI,CAACA,UAAU,CAAE,CACf,OAAO,EAAE,CACX,CAEA,OAAO,CAKLC,SAAS,CAAEF,SAAS,GAAK,QAAQ,CAAG,WAAW,CAAG,WAAW,CAC7DG,YAAY,CAAEH,SAAS,GAAK,KAAK,CAAG,WAAW,CAAG,WACpD,CAAC,CACH,EAEM,IAAAI,UAAU,CAAG,SAAbA,UAAUA,CAAAC,KAAA,MAAMC,UAAU,CAAAD,KAAA,CAAVC,UAAU,CAAA,OAAyCA,UAAU,CAAG,CAAC,CAAG,GAAG,CAAA,EAGvF,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,SAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA,EAGxF,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIL,KAAY,CAAA,CAAA,OAAKA,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAE1E,EAAM,IAAAC,mCAAmC,CAAG,SAAtCA,mCAAmCA,UAGnC,CAAEC,iBAAiB,CAAE,CAAC,GAAG,CAAEC,kBAAkB,CAAE,CAAE,CAAC,CAAC;;;;"}
+{"version":3,"file":"commonStyles.js","sources":["../../../../../src/components/Collapsible/commonStyles.ts"],"sourcesContent":["import type { CollapsibleProps } from './Collapsible';\nimport type { CollapsibleBodyProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\nimport { makeMotionTime } from '~utils';\n\nconst getCollapsibleBodyContentBoxProps = ({\n  direction,\n  _hasMargin,\n}: {\n  direction: CollapsibleProps['direction'];\n  _hasMargin: CollapsibleBodyProps['_hasMargin'];\n}): BoxProps => {\n  if (!_hasMargin) {\n    return {};\n  }\n\n  return {\n    /**\n     * Need a margin inside the outside wrapper so this is\n     * included in height calculations and prevents jank\n     */\n    marginTop: direction === 'bottom' ? 'spacing.4' : 'spacing.0',\n    marginBottom: direction === 'top' ? 'spacing.4' : 'spacing.0',\n  };\n};\n\nconst getOpacity = ({ isExpanded }: { isExpanded: boolean }): number => (isExpanded ? 1 : 0.8);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration.moderate);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard;\n\nconst getCollapsibleChevronIconTransforms = (): {\n  transformExpanded: number;\n  transformCollapsed: number;\n} => ({ transformExpanded: -180, transformCollapsed: 0 });\n\nexport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n  getCollapsibleChevronIconTransforms,\n};\n"],"names":["getCollapsibleBodyContentBoxProps","_ref","direction","_hasMargin","marginTop","marginBottom","getOpacity","_ref2","isExpanded","getTransitionDuration","theme","makeMotionTime","motion","duration","moderate","getTransitionEasing","easing","standard","getCollapsibleChevronIconTransforms","transformExpanded","transformCollapsed"],"mappings":";;;AAMM,IAAAA,iCAAiC,CAAG,SAApCA,iCAAiCA,CAAAC,IAAA,CAMvB,CAAA,IALdC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CAKV,GAAI,CAACA,UAAU,CAAE,CACf,OAAO,EAAE,CACX,CAEA,OAAO,CAKLC,SAAS,CAAEF,SAAS,GAAK,QAAQ,CAAG,WAAW,CAAG,WAAW,CAC7DG,YAAY,CAAEH,SAAS,GAAK,KAAK,CAAG,WAAW,CAAG,WACpD,CAAC,CACH,EAEM,IAAAI,UAAU,CAAG,SAAbA,UAAUA,CAAAC,KAAA,MAAMC,UAAU,CAAAD,KAAA,CAAVC,UAAU,CAAA,OAAyCA,UAAU,CAAG,CAAC,CAAG,GAAG,CAAA,EAGvF,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,SAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA,EAGxF,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIL,KAAY,CAAA,CAAA,OAAKA,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAE1E,EAAM,IAAAC,mCAAmC,CAAG,SAAtCA,mCAAmCA,UAGnC,CAAEC,iBAAiB,CAAE,CAAC,GAAG,CAAEC,kBAAkB,CAAE,CAAE,CAAC,CAAC;;;;"}

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

@@ -1,4 +1,4 @@
-var componentIds={Collapsible:'Collapsible',CollapsibleBody:'CollapsibleBody',CollapsibleButton:'CollapsibleButton',CollapsibleLink:'CollapsibleLink'};
+var componentIds={Collapsible:'Collapsible',CollapsibleBody:'CollapsibleBody',CollapsibleButton:'CollapsibleButton',CollapsibleLink:'CollapsibleLink',CollapsibleText:'CollapsibleText'};
 
 export { componentIds };
 //# sourceMappingURL=componentIds.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"componentIds.js","sources":["../../../../../src/components/Collapsible/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  Collapsible: 'Collapsible',\n  CollapsibleBody: 'CollapsibleBody',\n  CollapsibleButton: 'CollapsibleButton',\n  CollapsibleLink: 'CollapsibleLink',\n};\n"],"names":["componentIds","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink"],"mappings":"AAAa,IAAAA,YAAY,CAAG,CAC1BC,WAAW,CAAE,aAAa,CAC1BC,eAAe,CAAE,iBAAiB,CAClCC,iBAAiB,CAAE,mBAAmB,CACtCC,eAAe,CAAE,iBACnB;;;;"}
+{"version":3,"file":"componentIds.js","sources":["../../../../../src/components/Collapsible/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  Collapsible: 'Collapsible',\n  CollapsibleBody: 'CollapsibleBody',\n  CollapsibleButton: 'CollapsibleButton',\n  CollapsibleLink: 'CollapsibleLink',\n  CollapsibleText: 'CollapsibleText',\n};\n"],"names":["componentIds","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","CollapsibleText"],"mappings":"AAAa,IAAAA,YAAY,CAAG,CAC1BC,WAAW,CAAE,aAAa,CAC1BC,eAAe,CAAE,iBAAiB,CAClCC,iBAAiB,CAAE,mBAAmB,CACtCC,eAAe,CAAE,iBAAiB,CAClCC,eAAe,CAAE,iBACnB;;;;"}

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

@@ -0,0 +1,6 @@
+export { Collapsible } from './Collapsible.js';
+export { CollapsibleLink } from './CollapsibleLink.js';
+export { CollapsibleButton } from './CollapsibleButton.js';
+export { CollapsibleText } from './CollapsibleText.native.js';
+export { CollapsibleBody } from './CollapsibleBody.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,11 +1,8 @@
 import { Dimensions, StyleSheet } from 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../BladeProvider/useTheme.js';
+import { size } from '../../tokens/global/size.js';
 
 var MAX_WIDTH={s:makeSize(Dimensions.get('window').width-size[40]),m:makeSize(size[640]),l:makeSize(size[1136])};var nativeStyles=StyleSheet.create({collapsibleBodyExpanded:{position:'relative'},collapsibleBodyCollapsed:{position:'absolute'}});var MAX_WIDTH_NO_RESTRICTIONS=undefined;
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.native.js","sources":["../../../../../src/components/Collapsible/styles.native.ts"],"sourcesContent":["import { Dimensions, StyleSheet } from 'react-native';\nimport type { BoxProps } from '~components/Box';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\n\nconst MAX_WIDTH: BoxProps['maxWidth'] = {\n  s: makeSize(Dimensions.get('window').width - size[40]),\n  m: makeSize(size[640]),\n  l: makeSize(size[1136]),\n};\n\nconst nativeStyles = StyleSheet.create({\n  collapsibleBodyExpanded: {\n    position: 'relative',\n  },\n  collapsibleBodyCollapsed: {\n    position: 'absolute',\n  },\n});\n\nconst MAX_WIDTH_NO_RESTRICTIONS = undefined;\n\nexport { MAX_WIDTH, nativeStyles, MAX_WIDTH_NO_RESTRICTIONS };\n"],"names":["MAX_WIDTH","s","makeSize","Dimensions","get","width","size","m","l","nativeStyles","StyleSheet","create","collapsibleBodyExpanded","position","collapsibleBodyCollapsed","MAX_WIDTH_NO_RESTRICTIONS","undefined"],"mappings":";;;;;;;;;AAKM,IAAAA,SAA+B,CAAG,CACtCC,CAAC,CAAEC,QAAQ,CAACC,UAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK,CAAGC,IAAI,CAAC,EAAE,CAAC,CAAC,CACtDC,CAAC,CAAEL,QAAQ,CAACI,IAAI,CAAC,GAAG,CAAC,CAAC,CACtBE,CAAC,CAAEN,QAAQ,CAACI,IAAI,CAAC,IAAI,CAAC,CACxB,EAEM,IAAAG,YAAY,CAAGC,UAAU,CAACC,MAAM,CAAC,CACrCC,uBAAuB,CAAE,CACvBC,QAAQ,CAAE,UACZ,CAAC,CACDC,wBAAwB,CAAE,CACxBD,QAAQ,CAAE,UACZ,CACF,CAAC,EAEK,IAAAE,yBAAyB,CAAGC;;;;"}
+{"version":3,"file":"styles.native.js","sources":["../../../../../src/components/Collapsible/styles.native.ts"],"sourcesContent":["import { Dimensions, StyleSheet } from 'react-native';\nimport type { BoxProps } from '~components/Box';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\n\nconst MAX_WIDTH: BoxProps['maxWidth'] = {\n  s: makeSize(Dimensions.get('window').width - size[40]),\n  m: makeSize(size[640]),\n  l: makeSize(size[1136]),\n};\n\nconst nativeStyles = StyleSheet.create({\n  collapsibleBodyExpanded: {\n    position: 'relative',\n  },\n  collapsibleBodyCollapsed: {\n    position: 'absolute',\n  },\n});\n\nconst MAX_WIDTH_NO_RESTRICTIONS = undefined;\n\nexport { MAX_WIDTH, nativeStyles, MAX_WIDTH_NO_RESTRICTIONS };\n"],"names":["MAX_WIDTH","s","makeSize","Dimensions","get","width","size","m","l","nativeStyles","StyleSheet","create","collapsibleBodyExpanded","position","collapsibleBodyCollapsed","MAX_WIDTH_NO_RESTRICTIONS","undefined"],"mappings":";;;;;;AAKM,IAAAA,SAA+B,CAAG,CACtCC,CAAC,CAAEC,QAAQ,CAACC,UAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK,CAAGC,IAAI,CAAC,EAAE,CAAC,CAAC,CACtDC,CAAC,CAAEL,QAAQ,CAACI,IAAI,CAAC,GAAG,CAAC,CAAC,CACtBE,CAAC,CAAEN,QAAQ,CAACI,IAAI,CAAC,IAAI,CAAC,CACxB,EAEM,IAAAG,YAAY,CAAGC,UAAU,CAACC,MAAM,CAAC,CACrCC,uBAAuB,CAAE,CACvBC,QAAQ,CAAE,UACZ,CAAC,CACDC,wBAAwB,CAAE,CACxBD,QAAQ,CAAE,UACZ,CACF,CAAC,EAEK,IAAAE,yBAAyB,CAAGC;;;;"}

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

@@ -2,30 +2,27 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default from 'react';
 import { StyledCounter } from './StyledCounter.native.js';
 import { counterHeight, counterMinWidth, horizontalPadding } from './counterTokens.js';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
+import '../Typography/index.js';
+import '../Box/BaseBox/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { Text } from '../Typography/Text/Text.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["value","max","color","emphasis","size","testID"];var getColorProps=function getColorProps(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis;var props={textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Counter=function _Counter(_ref2,ref){var value=_ref2.value,max=_ref2.max,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded);var content=`${value}`;if(max&&value>max){content=`${max}+`;}var _useTheme=useTheme(),platform=_useTheme.platform;var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,textColor=_getColorProps.textColor;var counterTextSizes={small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'medium'}};return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative()?'flex':'inline-flex',alignSelf:"center",justifyContent:"center"},metaAttribute({name:MetaConstants.Counter,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsx(StyledCounter,{minHeight:makeSize(counterHeight[size]),minWidth:makeSize(counterMinWidth[size]),backgroundColor:backgroundColor,size:size,platform:platform,children:jsx(BaseBox,{paddingX:value>9?horizontalPadding[size]:undefined,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:jsx(Text,Object.assign({},counterTextSizes[size],{textAlign:"center",weight:"medium",truncateAfterLines:1,color:textColor,children:content}))})})}));};var Counter=assignWithoutSideEffects(React__default.forwardRef(_Counter),{displayName:'Counter',componentId:'Counter'});
+var _excluded=["value","max","color","emphasis","size","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Counter/Counter.tsx";var getColorProps=function getColorProps(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis;var props={textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Counter=function _Counter(_ref2,ref){var value=_ref2.value,max=_ref2.max,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded);var content=`${value}`;if(max&&value>max){content=`${max}+`;}var _useTheme=useTheme(),platform=_useTheme.platform;var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,textColor=_getColorProps.textColor;var counterTextSizes={small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'medium'}};return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative()?'flex':'inline-flex',alignSelf:"center",justifyContent:"center"},metaAttribute({name:MetaConstants.Counter,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsx(StyledCounter,{minHeight:makeSize(counterHeight[size]),minWidth:makeSize(counterMinWidth[size]),backgroundColor:backgroundColor,size:size,platform:platform,children:jsx(BaseBox,{paddingX:value>9?horizontalPadding[size]:undefined,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:jsx(Text,Object.assign({},counterTextSizes[size],{textAlign:"center",weight:"medium",truncateAfterLines:1,color:textColor,children:content}))})})}));};var Counter=assignWithoutSideEffects(React__default.forwardRef(_Counter),{displayName:'Counter',componentId:'Counter'});
 
 export { Counter };
 //# sourceMappingURL=Counter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, counterMinWidth, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color = 'neutral',\n  emphasis = 'subtle',\n}: {\n  color: NonNullable<CounterProps['color']>;\n  emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n  return props;\n};\n\nconst _Counter = (\n  {\n    value,\n    max,\n    color = 'neutral',\n    emphasis = 'subtle',\n    size = 'medium',\n    testID,\n    ...rest\n  }: CounterProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      alignSelf=\"center\"\n      justifyContent=\"center\"\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledCounter\n        minHeight={makeSize(counterHeight[size])}\n        minWidth={makeSize(counterMinWidth[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        platform={platform}\n      >\n        <BaseBox\n          paddingX={value > 9 ? horizontalPadding[size] : undefined}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(React.forwardRef(_Counter), {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","_Counter","_ref2","ref","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","rest","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","alignSelf","justifyContent","metaAttribute","name","MetaConstants","Counter","getStyledProps","makeAnalyticsAttribute","children","StyledCounter","minHeight","makeSize","counterHeight","minWidth","counterMinWidth","paddingX","horizontalPadding","undefined","flexDirection","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Counter.js","sources":["../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, counterMinWidth, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color = 'neutral',\n  emphasis = 'subtle',\n}: {\n  color: NonNullable<CounterProps['color']>;\n  emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n  return props;\n};\n\nconst _Counter = (\n  {\n    value,\n    max,\n    color = 'neutral',\n    emphasis = 'subtle',\n    size = 'medium',\n    testID,\n    ...rest\n  }: CounterProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      alignSelf=\"center\"\n      justifyContent=\"center\"\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledCounter\n        minHeight={makeSize(counterHeight[size])}\n        minWidth={makeSize(counterMinWidth[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        platform={platform}\n      >\n        <BaseBox\n          paddingX={value > 9 ? horizontalPadding[size] : undefined}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(React.forwardRef(_Counter), {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["this","getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","_Counter","_ref2","ref","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","rest","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","alignSelf","justifyContent","metaAttribute","name","MetaConstants","Counter","getStyledProps","makeAnalyticsAttribute","children","StyledCounter","minHeight","makeSize","counterHeight","minWidth","counterMinWidth","paddingX","horizontalPadding","undefined","flexDirection","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,OAAA,CAAA,UAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,iFAAA,CAsDA,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAMD,CAAA,IAAAC,UAAA,CAAAD,IAAA,CALhBE,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,UAAA,CAAAE,aAAA,CAAAH,IAAA,CACjBI,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,aAAA,CAKnB,IAAME,KAAiB,CAAG,CACxBC,SAAS,CAAE,+BAA+B,CAC1CC,eAAe,CAAE,oCACnB,CAAC,CAED,GAAIL,KAAK,GAAK,SAAS,CAAE,CAEvBG,KAAK,CAACC,SAAS,CACbF,QAAQ,GAAK,SAAS,CAAG,iCAAiC,CAAG,CAAA,2BAAA,CAA6B,CAC5FC,KAAK,CAACE,eAAe,CAAG,CAAA,2BAAA,EAA8BH,QAAQ,CAAE,CAAA,CAClE,CAAC,KAAM,CAELC,KAAK,CAACC,SAAS,CACbF,QAAQ,GAAK,SAAS,CAAG,CAAiC,+BAAA,CAAA,CAAG,CAAiBF,cAAAA,EAAAA,KAAK,CAAU,QAAA,CAAA,CAC/FG,KAAK,CAACE,eAAe,CAAG,CAAuBL,oBAAAA,EAAAA,KAAK,IAAIE,QAAQ,CAAA,CAAE,CACpE,CACA,OAAOC,KAAK,CACd,CAAC,CAED,IAAMG,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,KAAA,CAUZC,GAA+B,CACR,CATrB,IAAAC,KAAK,CAAAF,KAAA,CAALE,KAAK,CACLC,GAAG,CAAAH,KAAA,CAAHG,GAAG,CAAAC,WAAA,CAAAJ,KAAA,CACHP,KAAK,CAALA,KAAK,CAAAW,WAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,WAAA,CAAAC,cAAA,CAAAL,KAAA,CACjBL,QAAQ,CAARA,QAAQ,CAAAU,cAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,cAAA,CAAAC,UAAA,CAAAN,KAAA,CACnBO,IAAI,CAAJA,IAAI,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,UAAA,CACfE,MAAM,CAAAR,KAAA,CAANQ,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAV,KAAA,CAAAW,SAAA,CAAA,CAIT,IAAIC,OAAO,CAAG,CAAGV,EAAAA,KAAK,CAAE,CAAA,CACxB,GAAIC,GAAG,EAAID,KAAK,CAAGC,GAAG,CAAE,CACtBS,OAAO,CAAG,CAAA,EAAGT,GAAG,CAAA,CAAA,CAAG,CACrB,CAEA,IAAAU,SAAA,CAAqBC,QAAQ,EAAE,CAAvBC,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CAChB,IAAAC,cAAA,CAAuC1B,aAAa,CAAC,CACnDG,KAAK,CAALA,KAAK,CACLE,QAAQ,CAARA,QACF,CAAC,CAAC,CAHMG,eAAe,CAAAkB,cAAA,CAAflB,eAAe,CAAED,SAAS,CAAAmB,cAAA,CAATnB,SAAS,CAKlC,IAAMoB,gBAAgB,CAAG,CACvBC,KAAK,CAAE,CACLC,OAAO,CAAE,MAAM,CACfZ,IAAI,CAAE,QACR,CAAC,CACDa,MAAM,CAAE,CACND,OAAO,CAAE,MAAM,CACfZ,IAAI,CAAE,OACR,CAAC,CACDc,KAAK,CAAE,CACLF,OAAO,CAAE,MAAM,CACfZ,IAAI,CAAE,QACR,CACF,CAAU,CAEV,OACEe,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACNxB,GAAG,CAAEA,GAAa,CAClByB,OAAO,CAAGC,aAAa,EAAE,CAAG,MAAM,CAAG,aAAwB,CAC7DC,SAAS,CAAC,QAAQ,CAClBC,cAAc,CAAC,QAAQ,CACnBC,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,OAAO,CAAEzB,MAAM,CAANA,MAAO,CAAC,CAAC,CACtD0B,cAAc,CAACzB,IAAI,CAAC,CACpB0B,sBAAsB,CAAC1B,IAAI,CAAC,CAAA,CAAA2B,QAAA,CAEhCd,GAAA,CAACe,aAAa,CAAA,CACZC,SAAS,CAAEC,QAAQ,CAACC,aAAa,CAACjC,IAAI,CAAC,CAAE,CACzCkC,QAAQ,CAAEF,QAAQ,CAACG,eAAe,CAACnC,IAAI,CAAC,CAAE,CAC1CT,eAAe,CAAEA,eAAgB,CACjCS,IAAI,CAAEA,IAAK,CACXQ,QAAQ,CAAEA,QAAS,CAAAqB,QAAA,CAEnBd,GAAA,CAACC,OAAO,CAAA,CACNoB,QAAQ,CAAEzC,KAAK,CAAG,CAAC,CAAG0C,iBAAiB,CAACrC,IAAI,CAAC,CAAGsC,SAAU,CAC1DnB,OAAO,CAAC,MAAM,CACdoB,aAAa,CAAC,KAAK,CACnBjB,cAAc,CAAC,QAAQ,CACvBkB,UAAU,CAAC,QAAQ,CACnBC,QAAQ,CAAC,QAAQ,CAAAZ,QAAA,CAEjBd,GAAA,CAAC2B,IAAI,CAAAzB,MAAA,CAAAC,MAAA,CAAA,EAAA,CACCR,gBAAgB,CAACV,IAAI,CAAC,CAC1B2C,CAAAA,SAAS,CAAC,QAAQ,CAClBC,MAAM,CAAC,QAAQ,CACfC,kBAAkB,CAAE,CAAE,CACtB3D,KAAK,CAAEI,SAAU,CAAAuC,QAAA,CAEhBxB,OAAO,EACJ,CAAC,CACA,CAAC,CACG,CAAC,CAAA,CACT,CAAC,CAEd,CAAC,CAEK,IAAAqB,OAAO,CAAGoB,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAACxD,QAAQ,CAAC,CAAE,CACnEyD,WAAW,CAAE,SAAS,CACtBC,WAAW,CAAE,SACf,CAAC;;;;"}

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

@@ -1,5 +1,6 @@
 import styled from 'styled-components/native';
 import { getStyledCounterStyles } from './getStyledCounterStyles.js';
+import '../Box/BaseBox/index.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 
 var StyledCounter=styled(BaseBox)(function(props){return Object.assign({},getStyledCounterStyles(props),{alignSelf:'center'});});

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

@@ -1 +1 @@
-{"version":3,"file":"StyledCounter.native.js","sources":["../../../../../src/components/Counter/StyledCounter.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport { getStyledCounterStyles } from './getStyledCounterStyles';\nimport type { StyledCounterProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledCounter = styled(BaseBox)<StyledCounterProps>((props) => ({\n  ...getStyledCounterStyles(props),\n  alignSelf: 'center',\n}));\n\nexport { StyledCounter };\n"],"names":["StyledCounter","styled","BaseBox","props","Object","assign","getStyledCounterStyles","alignSelf"],"mappings":";;;;AAKM,IAAAA,aAAa,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAqB,SAACC,KAAK,CAAAC,CAAAA,OAAAA,MAAA,CAAAC,MAAA,CAAA,EAAA,CAC3DC,sBAAsB,CAACH,KAAK,CAAC,CAAA,CAChCI,SAAS,CAAE,QAAQ,IACnB;;;;"}
+{"version":3,"file":"StyledCounter.native.js","sources":["../../../../../src/components/Counter/StyledCounter.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport { getStyledCounterStyles } from './getStyledCounterStyles';\nimport type { StyledCounterProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledCounter = styled(BaseBox)<StyledCounterProps>((props) => ({\n  ...getStyledCounterStyles(props),\n  alignSelf: 'center',\n}));\n\nexport { StyledCounter };\n"],"names":["StyledCounter","styled","BaseBox","props","Object","assign","getStyledCounterStyles","alignSelf"],"mappings":";;;;;AAKM,IAAAA,aAAa,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAqB,SAACC,KAAK,CAAAC,CAAAA,OAAAA,MAAA,CAAAC,MAAA,CAAA,EAAA,CAC3DC,sBAAsB,CAACH,KAAK,CAAC,CAAA,CAChCI,SAAS,CAAE,QAAQ,IACnB;;;;"}

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

@@ -1,5 +1,4 @@
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../../tokens/global/index.js';
 import { size } from '../../tokens/global/size.js';
 
 var counterHeight={small:size[16],medium:size[20],large:size[24]};var counterMinWidth={small:size[16],medium:size[20],large:size[24]};var horizontalPadding={small:'spacing.2',medium:'spacing.3',large:'spacing.3'};var maxWidth={onMobile:size[100],onDesktop:size[120]};

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

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

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

@@ -1,7 +1,9 @@
 import { maxWidth } from './counterTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
+import '../../utils/makeSize/index.js';
+import '../../utils/makeBorderSize/index.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 
 var getStyledCounterStyles=function getStyledCounterStyles(_ref){var theme=_ref.theme,platform=_ref.platform,backgroundColor=_ref.backgroundColor;return {backgroundColor:getIn(theme.colors,backgroundColor),borderRadius:makeBorderSize(theme.border.radius.max),maxWidth:makeSize(maxWidth[platform]),display:'flex',alignItems:'center',justifyContent:'center',flexWrap:'nowrap'};};
 

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

@@ -1 +1 @@
-{"version":3,"file":"getStyledCounterStyles.js","sources":["../../../../../src/components/Counter/getStyledCounterStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { maxWidth } from './counterTokens';\nimport type { StyledCounterProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getStyledCounterStyles = ({\n  theme,\n  platform,\n  backgroundColor,\n}: StyledCounterProps): CSSObject => ({\n  backgroundColor: getIn(theme.colors, backgroundColor),\n  borderRadius: makeBorderSize(theme.border.radius.max),\n  maxWidth: makeSize(maxWidth[platform]),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexWrap: 'nowrap',\n});\n\nexport { getStyledCounterStyles };\n"],"names":["getStyledCounterStyles","_ref","theme","platform","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","maxWidth","makeSize","display","alignItems","justifyContent","flexWrap"],"mappings":";;;;;AAOM,IAAAA,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,CAAA,CAAA,IAC1BC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,eAAe,CAAAH,IAAA,CAAfG,eAAe,QACqB,CACpCA,eAAe,CAAEC,KAAK,CAACH,KAAK,CAACI,MAAM,CAAEF,eAAe,CAAC,CACrDG,YAAY,CAAEC,cAAc,CAACN,KAAK,CAACO,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,CACrDC,QAAQ,CAAEC,QAAQ,CAACD,QAAQ,CAACT,QAAQ,CAAC,CAAC,CACtCW,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,QAAQ,CAAE,QACZ,CAAC,CAAA;;;;"}
+{"version":3,"file":"getStyledCounterStyles.js","sources":["../../../../../src/components/Counter/getStyledCounterStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { maxWidth } from './counterTokens';\nimport type { StyledCounterProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getStyledCounterStyles = ({\n  theme,\n  platform,\n  backgroundColor,\n}: StyledCounterProps): CSSObject => ({\n  backgroundColor: getIn(theme.colors, backgroundColor),\n  borderRadius: makeBorderSize(theme.border.radius.max),\n  maxWidth: makeSize(maxWidth[platform]),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexWrap: 'nowrap',\n});\n\nexport { getStyledCounterStyles };\n"],"names":["getStyledCounterStyles","_ref","theme","platform","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","maxWidth","makeSize","display","alignItems","justifyContent","flexWrap"],"mappings":";;;;;;;AAOM,IAAAA,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,CAAA,CAAA,IAC1BC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,eAAe,CAAAH,IAAA,CAAfG,eAAe,QACqB,CACpCA,eAAe,CAAEC,KAAK,CAACH,KAAK,CAACI,MAAM,CAAEF,eAAe,CAAC,CACrDG,YAAY,CAAEC,cAAc,CAACN,KAAK,CAACO,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,CACrDC,QAAQ,CAAEC,QAAQ,CAACD,QAAQ,CAACT,QAAQ,CAAC,CAAC,CACtCW,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,QAAQ,CAAE,QACZ,CAAC,CAAA;;;;"}

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

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

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

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

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

@@ -1,12 +1,37 @@
-import 'react';
-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';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default, { useRef, useEffect, useCallback } from 'react';
+import { StyleSheet, Pressable, TextInput } from 'react-native';
+import Animated, { useSharedValue, withTiming, Easing, useAnimatedStyle } from 'react-native-reanimated';
+import { COUNTER_INPUT_TOKEN, COUNTER_INPUT_ICON_SIZE_MAP } from './token.js';
+import { CounterInputProvider } from './CounterInputContext.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import '../Box/BaseBox/index.js';
+import '../Form/index.js';
+import { useId } from '../../utils/useId.js';
+import '../BladeProvider/index.js';
+import '../Icons/index.js';
+import '../ProgressBar/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { getTextProps } from '../Typography/Text/Text.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { FormLabel } from '../Form/FormLabel.js';
+import MinusIcon from '../Icons/MinusIcon/MinusIcon.js';
+import PlusIcon from '../Icons/PlusIcon/PlusIcon.js';
+import { ProgressBar } from '../ProgressBar/ProgressBar.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var CounterInput=function CounterInput(_props){throwBladeError({message:'CounterInput is not yet implemented for native',moduleName:'CounterInput'});return jsx(Text,{children:"CounterInput Component is not available for Native mobile apps."});};
+var _excluded=["label","accessibilityLabel","labelPosition","name","value","defaultValue","min","max","emphasis","size","isLoading","isDisabled","onChange","onFocus","onBlur","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/CounterInput/CounterInput.native.tsx";var COUNTER_INPUT_SIZE_TO_TEXT_SIZE={xsmall:'small',small:'small',medium:'medium',large:'large'};var getButtonStyle=function getButtonStyle(type,size){var _COUNTER_INPUT_TOKEN$;var iconPadding=(_COUNTER_INPUT_TOKEN$=COUNTER_INPUT_TOKEN.iconPadding[size])!=null?_COUNTER_INPUT_TOKEN$:COUNTER_INPUT_TOKEN.iconPadding.xsmall;var margin=type==='decrement'?COUNTER_INPUT_TOKEN.decrementIconMargin:COUNTER_INPUT_TOKEN.incrementIconMargin;return {padding:iconPadding,marginTop:margin[0],marginRight:margin[1],marginBottom:margin[2],marginLeft:margin[3],borderRadius:COUNTER_INPUT_TOKEN.buttonBorderRadius[size in COUNTER_INPUT_TOKEN.buttonBorderRadius?size:'xsmall']};};var _CounterInput=React__default.forwardRef(function(_ref,ref){var _internalValue$toStri;var label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,name=_ref.name,value=_ref.value,defaultValue=_ref.defaultValue,_ref$min=_ref.min,min=_ref$min===void 0?0:_ref$min,max=_ref.max,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_onChange=_ref.onChange,_onFocus=_ref.onFocus,_onBlur=_ref.onBlur,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useControllableState=useControllableState({value:value,defaultValue:defaultValue,onChange:function onChange(newValue){return _onChange==null?void 0:_onChange({value:newValue});}}),_useControllableState2=_slicedToArray(_useControllableState,2),internalValue=_useControllableState2[0],setInternalValue=_useControllableState2[1];var translateY=useSharedValue(0);var opacity=useSharedValue(1);var lastActionRef=useRef(null);var previousValueRef=useRef(internalValue);var labelId=useId('counter-input-label');var _useTheme=useTheme(),theme=_useTheme.theme;var emphasisTokens=COUNTER_INPUT_TOKEN.emphasis[emphasis];var _isDisabled=isDisabled||isLoading;var duration=theme.motion.duration.quick;useEffect(function(){if(lastActionRef.current&&internalValue!==previousValueRef.current){var startY=lastActionRef.current==='increment'?8:-8;translateY.value=startY;opacity.value=0;translateY.value=withTiming(0,{duration:duration,easing:Easing.out(Easing.ease)});opacity.value=withTiming(1,{duration:duration,easing:Easing.out(Easing.ease)});lastActionRef.current=null;}previousValueRef.current=internalValue;},[internalValue,duration]);var animatedStyle=useAnimatedStyle(function(){return {transform:[{translateY:translateY.value}],opacity:opacity.value};});var handleInputChange=useCallback(function(text){var numericValue=text?parseInt(text,10):min;var validValue=isNaN(numericValue)?min:numericValue;var constrainedValue=validValue;if(constrainedValue<min)constrainedValue=min;if(max!==undefined&&constrainedValue>max)constrainedValue=max;setInternalValue(function(){return constrainedValue;});},[min,max,setInternalValue]);var handleIncrement=useCallback(function(){if(_isDisabled)return;lastActionRef.current='increment';var newValue=(internalValue!=null?internalValue:min)+1;var constrainedValue=max!==undefined?Math.min(newValue,max):newValue;setInternalValue(function(){return constrainedValue;});},[internalValue,min,max,_isDisabled,setInternalValue]);var handleDecrement=useCallback(function(){if(_isDisabled)return;lastActionRef.current='decrement';var newValue=(internalValue!=null?internalValue:min)-1;var constrainedValue=Math.max(newValue,min);setInternalValue(function(){return constrainedValue;});},[internalValue,min,_isDisabled,setInternalValue]);var isDecrementDisabled=_isDisabled||(internalValue!=null?internalValue:min)<=min;var isIncrementDisabled=_isDisabled||max!==undefined&&(internalValue!=null?internalValue:min)>=max;var valueColor=getIn(theme.colors,_isDisabled?emphasisTokens.disabledColor:emphasisTokens.color,'');var _getTextProps=getTextProps({variant:'body',size:COUNTER_INPUT_SIZE_TO_TEXT_SIZE[size],weight:'semibold'}),_getTextProps$fontSiz=_getTextProps.fontSize,fontSizeToken=_getTextProps$fontSiz===void 0?100:_getTextProps$fontSiz;var containerStyle=StyleSheet.create({box:{width:COUNTER_INPUT_TOKEN.width[size],height:COUNTER_INPUT_TOKEN.height[size]}});var textInputStyle=StyleSheet.create({input:{flex:1,textAlign:'center',textAlignVertical:'center',includeFontPadding:false,padding:0,color:valueColor,fontSize:theme.typography.fonts.size[fontSizeToken],fontFamily:theme.typography.fonts.family.text,fontWeight:'600'}});var contextValue={size:size,emphasis:emphasis,isDisabled:isDisabled,isLoading:isLoading,color:emphasisTokens.color,disabledTextColor:emphasisTokens.disabledColor,isInsideCounterInput:true};return jsx(CounterInputProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.CounterInput,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(BaseBox,{display:"flex",flexDirection:"column",children:[label&&jsx(FormLabel,{as:"span",position:"top",id:labelId,size:size,children:label}),jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"column",backgroundColor:isLoading||isDisabled?emphasisTokens.loadingOrDisabledBgColor:emphasisTokens.backgroundColor,style:containerStyle.box,borderRadius:COUNTER_INPUT_TOKEN.containerBorderRadius[size],borderWidth:"thin",borderColor:_isDisabled?emphasisTokens.disabledBorderColor:emphasisTokens.borderColor,children:[jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"row",flex:1,children:[jsx(Pressable,{onPress:handleDecrement,disabled:isDecrementDisabled,style:getButtonStyle('decrement',size),accessibilityLabel:"Decrement value",accessibilityRole:"button",children:jsx(MinusIcon,{size:COUNTER_INPUT_ICON_SIZE_MAP[size],color:isDecrementDisabled?emphasisTokens.disabledIconColor:emphasisTokens.iconColor})}),jsx(Animated.View,{style:[{flex:1},animatedStyle],children:jsx(TextInput,{value:(_internalValue$toStri=internalValue==null?void 0:internalValue.toString())!=null?_internalValue$toStri:String(min),onChangeText:handleInputChange,onFocus:function onFocus(){return _onFocus==null?void 0:_onFocus({name:name,value:internalValue==null?void 0:internalValue.toString()});},onBlur:function onBlur(){return _onBlur==null?void 0:_onBlur({name:name,value:internalValue==null?void 0:internalValue.toString()});},editable:!_isDisabled,keyboardType:"numeric",style:textInputStyle.input,accessibilityLabel:accessibilityLabel!=null?accessibilityLabel:label,accessibilityRole:"spinbutton"})}),jsx(Pressable,{onPress:handleIncrement,disabled:isIncrementDisabled,style:getButtonStyle('increment',size),accessibilityLabel:"Increment value",accessibilityRole:"button",children:jsx(PlusIcon,{size:COUNTER_INPUT_ICON_SIZE_MAP[size],color:isIncrementDisabled?emphasisTokens.disabledIconColor:emphasisTokens.iconColor})})]}),isLoading&&jsx(BaseBox,{width:"100%",position:"absolute",bottom:"spacing.0",children:jsx(ProgressBar,{color:emphasisTokens.progressBarColor,showPercentage:false,value:1,isIndeterminate:true,_oscillation:true})})]})]})}))});});var CounterInput=assignWithoutSideEffects(_CounterInput,{componentId:MetaConstants.CounterInput});
 
 export { CounterInput };
 //# sourceMappingURL=CounterInput.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CounterInput.native.js","sources":["../../../../../src/components/CounterInput/CounterInput.native.tsx"],"sourcesContent":["import React from 'react';\n/* eslint-disable react/jsx-no-useless-fragment */\nimport type { CounterInputProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst CounterInput = (_props: CounterInputProps): React.ReactElement => {\n  throwBladeError({\n    message: 'CounterInput is not yet implemented for native',\n    moduleName: 'CounterInput',\n  });\n\n  return <Text>CounterInput Component is not available for Native mobile apps.</Text>;\n};\n\nexport { CounterInput };\n"],"names":["CounterInput","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;AAMM,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,iEAA+D,CAAM,CAAC,CACrF;;;;"}
+{"version":3,"file":"CounterInput.native.js","sources":["../../../../../src/components/CounterInput/CounterInput.native.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { Pressable, TextInput, StyleSheet } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\nimport type { CounterInputProps } from './types';\nimport { COUNTER_INPUT_TOKEN, COUNTER_INPUT_ICON_SIZE_MAP } from './token';\nimport { CounterInputProvider } from './CounterInputContext';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormLabel } from '~components/Form';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport { MinusIcon, PlusIcon } from '~components/Icons';\nimport { ProgressBar } from '~components/ProgressBar';\nimport get from '~utils/lodashButBetter/get';\nimport { getTextProps } from '~components/Typography/Text/Text';\n\nconst COUNTER_INPUT_SIZE_TO_TEXT_SIZE = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\ntype CounterInputSize = NonNullable<CounterInputProps['size']>;\n\nconst getButtonStyle = (\n  type: 'decrement' | 'increment',\n  size: CounterInputSize,\n): Record<string, number> => {\n  const iconPadding =\n    COUNTER_INPUT_TOKEN.iconPadding[size as keyof typeof COUNTER_INPUT_TOKEN.iconPadding] ??\n    COUNTER_INPUT_TOKEN.iconPadding.xsmall;\n  const margin =\n    type === 'decrement'\n      ? COUNTER_INPUT_TOKEN.decrementIconMargin\n      : COUNTER_INPUT_TOKEN.incrementIconMargin;\n  return {\n    padding: iconPadding,\n    marginTop: margin[0],\n    marginRight: margin[1],\n    marginBottom: margin[2],\n    marginLeft: margin[3],\n    borderRadius:\n      COUNTER_INPUT_TOKEN.buttonBorderRadius[\n        (size in COUNTER_INPUT_TOKEN.buttonBorderRadius\n          ? size\n          : 'xsmall') as keyof typeof COUNTER_INPUT_TOKEN.buttonBorderRadius\n      ],\n  };\n};\n\nconst _CounterInput = React.forwardRef<BladeElementRef, CounterInputProps>(\n  (\n    {\n      label,\n      accessibilityLabel,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      labelPosition = 'top',\n      name,\n      value,\n      defaultValue,\n      min = 0,\n      max,\n      emphasis = 'subtle',\n      size = 'medium',\n      isLoading = false,\n      isDisabled = false,\n      onChange,\n      onFocus,\n      onBlur,\n      testID,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [internalValue, setInternalValue] = useControllableState({\n      value,\n      defaultValue,\n      onChange: (newValue) => onChange?.({ value: newValue }),\n    });\n\n    const translateY = useSharedValue(0);\n    const opacity = useSharedValue(1);\n    const lastActionRef = useRef<'increment' | 'decrement' | null>(null);\n    const previousValueRef = useRef<number | undefined>(internalValue);\n\n    const labelId = useId('counter-input-label');\n    const { theme } = useTheme();\n    const emphasisTokens = COUNTER_INPUT_TOKEN.emphasis[emphasis];\n    const _isDisabled = isDisabled || isLoading;\n\n    const duration = theme.motion.duration.quick;\n\n    useEffect(() => {\n      if (lastActionRef.current && internalValue !== previousValueRef.current) {\n        const startY = lastActionRef.current === 'increment' ? 8 : -8;\n        translateY.value = startY;\n        opacity.value = 0;\n        translateY.value = withTiming(0, { duration, easing: Easing.out(Easing.ease) });\n        opacity.value = withTiming(1, { duration, easing: Easing.out(Easing.ease) });\n        lastActionRef.current = null;\n      }\n      previousValueRef.current = internalValue;\n    }, [internalValue, duration]);\n\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateY.value }],\n      opacity: opacity.value,\n    }));\n\n    const handleInputChange = useCallback(\n      (text: string) => {\n        const numericValue = text ? parseInt(text, 10) : min;\n        const validValue = isNaN(numericValue) ? min : numericValue;\n        let constrainedValue = validValue;\n        if (constrainedValue < min) constrainedValue = min;\n        if (max !== undefined && constrainedValue > max) constrainedValue = max;\n        setInternalValue(() => constrainedValue);\n      },\n      [min, max, setInternalValue],\n    );\n\n    const handleIncrement = useCallback(() => {\n      if (_isDisabled) return;\n      lastActionRef.current = 'increment';\n      const newValue = (internalValue ?? min) + 1;\n      const constrainedValue = max !== undefined ? Math.min(newValue, max) : newValue;\n      setInternalValue(() => constrainedValue);\n    }, [internalValue, min, max, _isDisabled, setInternalValue]);\n\n    const handleDecrement = useCallback(() => {\n      if (_isDisabled) return;\n      lastActionRef.current = 'decrement';\n      const newValue = (internalValue ?? min) - 1;\n      const constrainedValue = Math.max(newValue, min);\n      setInternalValue(() => constrainedValue);\n    }, [internalValue, min, _isDisabled, setInternalValue]);\n\n    const isDecrementDisabled = _isDisabled || (internalValue ?? min) <= min;\n    const isIncrementDisabled = _isDisabled || (max !== undefined && (internalValue ?? min) >= max);\n\n    const valueColor = get(\n      theme.colors,\n      _isDisabled ? emphasisTokens.disabledColor : emphasisTokens.color,\n      '',\n    ) as string;\n\n    const { fontSize: fontSizeToken = 100 } = getTextProps({\n      variant: 'body',\n      size: COUNTER_INPUT_SIZE_TO_TEXT_SIZE[size],\n      weight: 'semibold',\n    });\n\n    const containerStyle = StyleSheet.create({\n      box: {\n        width: COUNTER_INPUT_TOKEN.width[size],\n        height: COUNTER_INPUT_TOKEN.height[size],\n      },\n    });\n\n    const textInputStyle = StyleSheet.create({\n      input: {\n        flex: 1,\n        textAlign: 'center',\n        textAlignVertical: 'center',\n        includeFontPadding: false,\n        padding: 0,\n        color: valueColor,\n        fontSize: theme.typography.fonts.size[fontSizeToken],\n        fontFamily: theme.typography.fonts.family.text,\n        fontWeight: '600',\n      },\n    });\n\n    const contextValue = {\n      size,\n      emphasis,\n      isDisabled,\n      isLoading,\n      color: emphasisTokens.color,\n      disabledTextColor: emphasisTokens.disabledColor,\n      isInsideCounterInput: true,\n    };\n\n    return (\n      <CounterInputProvider value={contextValue}>\n        <BaseBox\n          ref={ref}\n          {...metaAttribute({ name: MetaConstants.CounterInput, testID })}\n          {...getStyledProps(rest)}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          <BaseBox display=\"flex\" flexDirection=\"column\">\n            {label && (\n              <FormLabel as=\"span\" position=\"top\" id={labelId} size={size}>\n                {label}\n              </FormLabel>\n            )}\n\n            <BaseBox\n              display=\"flex\"\n              alignItems=\"center\"\n              flexDirection=\"column\"\n              backgroundColor={\n                isLoading || isDisabled\n                  ? emphasisTokens.loadingOrDisabledBgColor\n                  : emphasisTokens.backgroundColor\n              }\n              style={containerStyle.box}\n              borderRadius={COUNTER_INPUT_TOKEN.containerBorderRadius[size]}\n              borderWidth=\"thin\"\n              borderColor={\n                _isDisabled ? emphasisTokens.disabledBorderColor : emphasisTokens.borderColor\n              }\n            >\n              <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\" flex={1}>\n                <Pressable\n                  onPress={handleDecrement}\n                  disabled={isDecrementDisabled}\n                  style={getButtonStyle('decrement', size)}\n                  accessibilityLabel=\"Decrement value\"\n                  accessibilityRole=\"button\"\n                >\n                  <MinusIcon\n                    size={COUNTER_INPUT_ICON_SIZE_MAP[size]}\n                    color={\n                      isDecrementDisabled\n                        ? emphasisTokens.disabledIconColor\n                        : emphasisTokens.iconColor\n                    }\n                  />\n                </Pressable>\n\n                <Animated.View style={[{ flex: 1 }, animatedStyle]}>\n                  <TextInput\n                    value={internalValue?.toString() ?? String(min)}\n                    onChangeText={handleInputChange}\n                    onFocus={() => onFocus?.({ name, value: internalValue?.toString() })}\n                    onBlur={() => onBlur?.({ name, value: internalValue?.toString() })}\n                    editable={!_isDisabled}\n                    keyboardType=\"numeric\"\n                    style={textInputStyle.input}\n                    accessibilityLabel={accessibilityLabel ?? label}\n                    accessibilityRole=\"spinbutton\"\n                  />\n                </Animated.View>\n\n                <Pressable\n                  onPress={handleIncrement}\n                  disabled={isIncrementDisabled}\n                  style={getButtonStyle('increment', size)}\n                  accessibilityLabel=\"Increment value\"\n                  accessibilityRole=\"button\"\n                >\n                  <PlusIcon\n                    size={COUNTER_INPUT_ICON_SIZE_MAP[size]}\n                    color={\n                      isIncrementDisabled\n                        ? emphasisTokens.disabledIconColor\n                        : emphasisTokens.iconColor\n                    }\n                  />\n                </Pressable>\n              </BaseBox>\n\n              {isLoading && (\n                <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n                  <ProgressBar\n                    color={emphasisTokens.progressBarColor}\n                    showPercentage={false}\n                    value={1}\n                    isIndeterminate={true}\n                    _oscillation={true}\n                  />\n                </BaseBox>\n              )}\n            </BaseBox>\n          </BaseBox>\n        </BaseBox>\n      </CounterInputProvider>\n    );\n  },\n);\n\nconst CounterInput = assignWithoutSideEffects(_CounterInput, {\n  componentId: MetaConstants.CounterInput,\n});\n\nexport { CounterInput };\n"],"names":["COUNTER_INPUT_SIZE_TO_TEXT_SIZE","xsmall","small","medium","large","getButtonStyle","type","size","_COUNTER_INPUT_TOKEN$","iconPadding","COUNTER_INPUT_TOKEN","margin","decrementIconMargin","incrementIconMargin","padding","marginTop","marginRight","marginBottom","marginLeft","borderRadius","buttonBorderRadius","_CounterInput","React","forwardRef","_ref","ref","_internalValue$toStri","label","accessibilityLabel","_ref$labelPosition","labelPosition","name","value","defaultValue","_ref$min","min","max","_ref$emphasis","emphasis","_ref$size","_ref$isLoading","isLoading","_ref$isDisabled","isDisabled","onChange","onFocus","onBlur","testID","rest","_objectWithoutProperties","_excluded","_useControllableState","useControllableState","newValue","_useControllableState2","_slicedToArray","internalValue","setInternalValue","translateY","useSharedValue","opacity","lastActionRef","useRef","previousValueRef","labelId","useId","_useTheme","useTheme","theme","emphasisTokens","_isDisabled","duration","motion","quick","useEffect","current","startY","withTiming","easing","Easing","out","ease","animatedStyle","useAnimatedStyle","transform","handleInputChange","useCallback","text","numericValue","parseInt","validValue","isNaN","constrainedValue","undefined","handleIncrement","Math","handleDecrement","isDecrementDisabled","isIncrementDisabled","valueColor","get","colors","disabledColor","color","_getTextProps","getTextProps","variant","weight","_getTextProps$fontSiz","fontSize","fontSizeToken","containerStyle","StyleSheet","create","box","width","height","textInputStyle","input","flex","textAlign","textAlignVertical","includeFontPadding","typography","fonts","fontFamily","family","fontWeight","contextValue","disabledTextColor","isInsideCounterInput","_jsx","CounterInputProvider","children","BaseBox","Object","assign","metaAttribute","MetaConstants","CounterInput","getStyledProps","makeAnalyticsAttribute","_jsxs","display","flexDirection","FormLabel","as","position","id","alignItems","backgroundColor","loadingOrDisabledBgColor","style","containerBorderRadius","borderWidth","borderColor","disabledBorderColor","Pressable","onPress","disabled","accessibilityRole","MinusIcon","COUNTER_INPUT_ICON_SIZE_MAP","disabledIconColor","iconColor","Animated","View","TextInput","toString","String","onChangeText","editable","keyboardType","PlusIcon","bottom","ProgressBar","progressBarColor","showPercentage","isIndeterminate","_oscillation","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6TA0BA,IAAMA,+BAA+B,CAAG,CACtCC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,CAAU,CAIV,IAAMC,cAAc,CAAG,SAAjBA,cAAcA,CAClBC,IAA+B,CAC/BC,IAAsB,CACK,CAAAC,IAAAA,qBAAA,CAC3B,IAAMC,WAAW,CAAA,CAAAD,qBAAA,CACfE,mBAAmB,CAACD,WAAW,CAACF,IAAI,CAAiD,QAAAC,qBAAA,CACrFE,mBAAmB,CAACD,WAAW,CAACR,MAAM,CACxC,IAAMU,MAAM,CACVL,IAAI,GAAK,WAAW,CAChBI,mBAAmB,CAACE,mBAAmB,CACvCF,mBAAmB,CAACG,mBAAmB,CAC7C,OAAO,CACLC,OAAO,CAAEL,WAAW,CACpBM,SAAS,CAAEJ,MAAM,CAAC,CAAC,CAAC,CACpBK,WAAW,CAAEL,MAAM,CAAC,CAAC,CAAC,CACtBM,YAAY,CAAEN,MAAM,CAAC,CAAC,CAAC,CACvBO,UAAU,CAAEP,MAAM,CAAC,CAAC,CAAC,CACrBQ,YAAY,CACVT,mBAAmB,CAACU,kBAAkB,CACnCb,IAAI,IAAIG,mBAAmB,CAACU,kBAAkB,CAC3Cb,IAAI,CACJ,QAAQ,CAElB,CAAC,CACH,CAAC,CAED,IAAMc,aAAa,CAAGC,cAAK,CAACC,UAAU,CACpC,SAAAC,IAAA,CAqBEC,GAAG,CACA,CAAAC,IAAAA,qBAAA,CApBD,IAAAC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CAAAC,kBAAA,CAAAL,IAAA,CAElBM,aAAa,CAAbA,aAAa,CAAAD,kBAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,kBAAA,CACrBE,IAAI,CAAAP,IAAA,CAAJO,IAAI,CACJC,KAAK,CAAAR,IAAA,CAALQ,KAAK,CACLC,YAAY,CAAAT,IAAA,CAAZS,YAAY,CAAAC,QAAA,CAAAV,IAAA,CACZW,GAAG,CAAHA,GAAG,CAAAD,QAAA,GAAG,KAAA,CAAA,CAAA,CAAC,CAAAA,QAAA,CACPE,GAAG,CAAAZ,IAAA,CAAHY,GAAG,CAAAC,aAAA,CAAAb,IAAA,CACHc,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,aAAA,CAAAE,SAAA,CAAAf,IAAA,CACnBjB,IAAI,CAAJA,IAAI,CAAAgC,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CAAAC,cAAA,CAAAhB,IAAA,CACfiB,SAAS,CAATA,SAAS,CAAAD,cAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,cAAA,CAAAE,eAAA,CAAAlB,IAAA,CACjBmB,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,eAAA,CAClBE,SAAQ,CAAApB,IAAA,CAARoB,QAAQ,CACRC,QAAO,CAAArB,IAAA,CAAPqB,OAAO,CACPC,OAAM,CAAAtB,IAAA,CAANsB,MAAM,CACNC,MAAM,CAAAvB,IAAA,CAANuB,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAzB,IAAA,CAAA0B,SAAA,CAIT,CAAA,IAAAC,qBAAA,CAA0CC,oBAAoB,CAAC,CAC7DpB,KAAK,CAALA,KAAK,CACLC,YAAY,CAAZA,YAAY,CACZW,QAAQ,CAAE,SAAVA,QAAQA,CAAGS,QAAQ,CAAA,CAAA,OAAKT,SAAQ,EAAA,IAAA,CAAA,KAAA,CAAA,CAARA,SAAQ,CAAG,CAAEZ,KAAK,CAAEqB,QAAS,CAAC,CAAC,CAAA,CACzD,CAAC,CAAC,CAAAC,sBAAA,CAAAC,cAAA,CAAAJ,qBAAA,CAJKK,CAAAA,CAAAA,CAAAA,aAAa,CAAAF,sBAAA,CAAA,CAAA,CAAA,CAAEG,gBAAgB,CAAAH,sBAAA,CAMtC,CAAA,CAAA,CAAA,IAAMI,UAAU,CAAGC,cAAc,CAAC,CAAC,CAAC,CACpC,IAAMC,OAAO,CAAGD,cAAc,CAAC,CAAC,CAAC,CACjC,IAAME,aAAa,CAAGC,MAAM,CAAmC,IAAI,CAAC,CACpE,IAAMC,gBAAgB,CAAGD,MAAM,CAAqBN,aAAa,CAAC,CAElE,IAAMQ,OAAO,CAAGC,KAAK,CAAC,qBAAqB,CAAC,CAC5C,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,cAAc,CAAG3D,mBAAmB,CAAC4B,QAAQ,CAACA,QAAQ,CAAC,CAC7D,IAAMgC,WAAW,CAAG3B,UAAU,EAAIF,SAAS,CAE3C,IAAM8B,QAAQ,CAAGH,KAAK,CAACI,MAAM,CAACD,QAAQ,CAACE,KAAK,CAE5CC,SAAS,CAAC,UAAM,CACd,GAAIb,aAAa,CAACc,OAAO,EAAInB,aAAa,GAAKO,gBAAgB,CAACY,OAAO,CAAE,CACvE,IAAMC,MAAM,CAAGf,aAAa,CAACc,OAAO,GAAK,WAAW,CAAG,CAAC,CAAG,CAAC,CAAC,CAC7DjB,UAAU,CAAC1B,KAAK,CAAG4C,MAAM,CACzBhB,OAAO,CAAC5B,KAAK,CAAG,CAAC,CACjB0B,UAAU,CAAC1B,KAAK,CAAG6C,UAAU,CAAC,CAAC,CAAE,CAAEN,QAAQ,CAARA,QAAQ,CAAEO,MAAM,CAAEC,MAAM,CAACC,GAAG,CAACD,MAAM,CAACE,IAAI,CAAE,CAAC,CAAC,CAC/ErB,OAAO,CAAC5B,KAAK,CAAG6C,UAAU,CAAC,CAAC,CAAE,CAAEN,QAAQ,CAARA,QAAQ,CAAEO,MAAM,CAAEC,MAAM,CAACC,GAAG,CAACD,MAAM,CAACE,IAAI,CAAE,CAAC,CAAC,CAC5EpB,aAAa,CAACc,OAAO,CAAG,IAAI,CAC9B,CACAZ,gBAAgB,CAACY,OAAO,CAAGnB,aAAa,CAC1C,CAAC,CAAE,CAACA,aAAa,CAAEe,QAAQ,CAAC,CAAC,CAE7B,IAAMW,aAAa,CAAGC,gBAAgB,CAAC,kBAAO,CAC5CC,SAAS,CAAE,CAAC,CAAE1B,UAAU,CAAEA,UAAU,CAAC1B,KAAM,CAAC,CAAC,CAC7C4B,OAAO,CAAEA,OAAO,CAAC5B,KACnB,CAAC,CAAA,CAAC,CAAC,CAEH,IAAMqD,iBAAiB,CAAGC,WAAW,CACnC,SAACC,IAAY,CAAK,CAChB,IAAMC,YAAY,CAAGD,IAAI,CAAGE,QAAQ,CAACF,IAAI,CAAE,EAAE,CAAC,CAAGpD,GAAG,CACpD,IAAMuD,UAAU,CAAGC,KAAK,CAACH,YAAY,CAAC,CAAGrD,GAAG,CAAGqD,YAAY,CAC3D,IAAII,gBAAgB,CAAGF,UAAU,CACjC,GAAIE,gBAAgB,CAAGzD,GAAG,CAAEyD,gBAAgB,CAAGzD,GAAG,CAClD,GAAIC,GAAG,GAAKyD,SAAS,EAAID,gBAAgB,CAAGxD,GAAG,CAAEwD,gBAAgB,CAAGxD,GAAG,CACvEqB,gBAAgB,CAAC,kBAAMmC,gBAAgB,GAAC,CAC1C,CAAC,CACD,CAACzD,GAAG,CAAEC,GAAG,CAAEqB,gBAAgB,CAC7B,CAAC,CAED,IAAMqC,eAAe,CAAGR,WAAW,CAAC,UAAM,CACxC,GAAIhB,WAAW,CAAE,OACjBT,aAAa,CAACc,OAAO,CAAG,WAAW,CACnC,IAAMtB,QAAQ,CAAG,CAACG,aAAa,EAAbA,IAAAA,CAAAA,aAAa,CAAIrB,GAAG,EAAI,CAAC,CAC3C,IAAMyD,gBAAgB,CAAGxD,GAAG,GAAKyD,SAAS,CAAGE,IAAI,CAAC5D,GAAG,CAACkB,QAAQ,CAAEjB,GAAG,CAAC,CAAGiB,QAAQ,CAC/EI,gBAAgB,CAAC,kBAAMmC,gBAAgB,CAAC,CAAA,CAAA,CAC1C,CAAC,CAAE,CAACpC,aAAa,CAAErB,GAAG,CAAEC,GAAG,CAAEkC,WAAW,CAAEb,gBAAgB,CAAC,CAAC,CAE5D,IAAMuC,eAAe,CAAGV,WAAW,CAAC,UAAM,CACxC,GAAIhB,WAAW,CAAE,OACjBT,aAAa,CAACc,OAAO,CAAG,WAAW,CACnC,IAAMtB,QAAQ,CAAG,CAACG,aAAa,EAAA,IAAA,CAAbA,aAAa,CAAIrB,GAAG,EAAI,CAAC,CAC3C,IAAMyD,gBAAgB,CAAGG,IAAI,CAAC3D,GAAG,CAACiB,QAAQ,CAAElB,GAAG,CAAC,CAChDsB,gBAAgB,CAAC,UAAA,CAAA,OAAMmC,gBAAgB,CAAC,CAAA,CAAA,CAC1C,CAAC,CAAE,CAACpC,aAAa,CAAErB,GAAG,CAAEmC,WAAW,CAAEb,gBAAgB,CAAC,CAAC,CAEvD,IAAMwC,mBAAmB,CAAG3B,WAAW,EAAI,CAACd,aAAa,EAAA,IAAA,CAAbA,aAAa,CAAIrB,GAAG,GAAKA,GAAG,CACxE,IAAM+D,mBAAmB,CAAG5B,WAAW,EAAKlC,GAAG,GAAKyD,SAAS,EAAI,CAACrC,aAAa,EAAbA,IAAAA,CAAAA,aAAa,CAAIrB,GAAG,GAAKC,GAAI,CAE/F,IAAM+D,UAAU,CAAGC,KAAG,CACpBhC,KAAK,CAACiC,MAAM,CACZ/B,WAAW,CAAGD,cAAc,CAACiC,aAAa,CAAGjC,cAAc,CAACkC,KAAK,CACjE,EACF,CAAW,CAEX,IAAAC,aAAA,CAA0CC,YAAY,CAAC,CACrDC,OAAO,CAAE,MAAM,CACfnG,IAAI,CAAEP,+BAA+B,CAACO,IAAI,CAAC,CAC3CoG,MAAM,CAAE,UACV,CAAC,CAAC,CAAAC,qBAAA,CAAAJ,aAAA,CAJMK,QAAQ,CAAEC,aAAa,CAAAF,qBAAA,GAAA,KAAA,CAAA,CAAG,GAAG,CAAAA,qBAAA,CAMrC,IAAMG,cAAc,CAAGC,UAAU,CAACC,MAAM,CAAC,CACvCC,GAAG,CAAE,CACHC,KAAK,CAAEzG,mBAAmB,CAACyG,KAAK,CAAC5G,IAAI,CAAC,CACtC6G,MAAM,CAAE1G,mBAAmB,CAAC0G,MAAM,CAAC7G,IAAI,CACzC,CACF,CAAC,CAAC,CAEF,IAAM8G,cAAc,CAAGL,UAAU,CAACC,MAAM,CAAC,CACvCK,KAAK,CAAE,CACLC,IAAI,CAAE,CAAC,CACPC,SAAS,CAAE,QAAQ,CACnBC,iBAAiB,CAAE,QAAQ,CAC3BC,kBAAkB,CAAE,KAAK,CACzB5G,OAAO,CAAE,CAAC,CACVyF,KAAK,CAAEJ,UAAU,CACjBU,QAAQ,CAAEzC,KAAK,CAACuD,UAAU,CAACC,KAAK,CAACrH,IAAI,CAACuG,aAAa,CAAC,CACpDe,UAAU,CAAEzD,KAAK,CAACuD,UAAU,CAACC,KAAK,CAACE,MAAM,CAACvC,IAAI,CAC9CwC,UAAU,CAAE,KACd,CACF,CAAC,CAAC,CAEF,IAAMC,YAAY,CAAG,CACnBzH,IAAI,CAAJA,IAAI,CACJ+B,QAAQ,CAARA,QAAQ,CACRK,UAAU,CAAVA,UAAU,CACVF,SAAS,CAATA,SAAS,CACT8D,KAAK,CAAElC,cAAc,CAACkC,KAAK,CAC3B0B,iBAAiB,CAAE5D,cAAc,CAACiC,aAAa,CAC/C4B,oBAAoB,CAAE,IACxB,CAAC,CAED,OACEC,GAAA,CAACC,oBAAoB,EAACpG,KAAK,CAAEgG,YAAa,CAAAK,QAAA,CACxCF,GAAA,CAACG,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACN/G,GAAG,CAAEA,GAAI,CAAA,CACLgH,aAAa,CAAC,CAAE1G,IAAI,CAAE2G,aAAa,CAACC,YAAY,CAAE5F,MAAM,CAANA,MAAO,CAAC,CAAC,CAC3D6F,cAAc,CAAC5F,IAAI,CAAC,CACpB6F,sBAAsB,CAAC7F,IAAI,CAAC,CAAAqF,CAAAA,QAAA,CAEhCS,IAAA,CAACR,OAAO,CAACS,CAAAA,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAAAX,QAAA,CAC3C1G,CAAAA,KAAK,EACJwG,GAAA,CAACc,SAAS,CAACC,CAAAA,EAAE,CAAC,MAAM,CAACC,QAAQ,CAAC,KAAK,CAACC,EAAE,CAAEpF,OAAQ,CAACzD,IAAI,CAAEA,IAAK,CAAA8H,QAAA,CACzD1G,KAAK,CACG,CACZ,CAEDmH,IAAA,CAACR,OAAO,CACNS,CAAAA,OAAO,CAAC,MAAM,CACdM,UAAU,CAAC,QAAQ,CACnBL,aAAa,CAAC,QAAQ,CACtBM,eAAe,CACb7G,SAAS,EAAIE,UAAU,CACnB0B,cAAc,CAACkF,wBAAwB,CACvClF,cAAc,CAACiF,eACpB,CACDE,KAAK,CAAEzC,cAAc,CAACG,GAAI,CAC1B/F,YAAY,CAAET,mBAAmB,CAAC+I,qBAAqB,CAAClJ,IAAI,CAAE,CAC9DmJ,WAAW,CAAC,MAAM,CAClBC,WAAW,CACTrF,WAAW,CAAGD,cAAc,CAACuF,mBAAmB,CAAGvF,cAAc,CAACsF,WACnE,CAAAtB,QAAA,CAAA,CAEDS,IAAA,CAACR,OAAO,EAACS,OAAO,CAAC,MAAM,CAACM,UAAU,CAAC,QAAQ,CAACL,aAAa,CAAC,KAAK,CAACzB,IAAI,CAAE,CAAE,CAAAc,QAAA,CACtEF,CAAAA,GAAA,CAAC0B,SAAS,CAAA,CACRC,OAAO,CAAE9D,eAAgB,CACzB+D,QAAQ,CAAE9D,mBAAoB,CAC9BuD,KAAK,CAAEnJ,cAAc,CAAC,WAAW,CAAEE,IAAI,CAAE,CACzCqB,kBAAkB,CAAC,iBAAiB,CACpCoI,iBAAiB,CAAC,QAAQ,CAAA3B,QAAA,CAE1BF,GAAA,CAAC8B,SAAS,CACR1J,CAAAA,IAAI,CAAE2J,2BAA2B,CAAC3J,IAAI,CAAE,CACxCgG,KAAK,CACHN,mBAAmB,CACf5B,cAAc,CAAC8F,iBAAiB,CAChC9F,cAAc,CAAC+F,SACpB,CACF,CAAC,CACO,CAAC,CAEZjC,GAAA,CAACkC,QAAQ,CAACC,IAAI,CAACd,CAAAA,KAAK,CAAE,CAAC,CAAEjC,IAAI,CAAE,CAAE,CAAC,CAAErC,aAAa,CAAE,CAAAmD,QAAA,CACjDF,GAAA,CAACoC,SAAS,EACRvI,KAAK,CAAA,CAAAN,qBAAA,CAAE8B,aAAa,EAAbA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,aAAa,CAAEgH,QAAQ,EAAE,GAAA,IAAA,CAAA9I,qBAAA,CAAI+I,MAAM,CAACtI,GAAG,CAAE,CAChDuI,YAAY,CAAErF,iBAAkB,CAChCxC,OAAO,CAAE,SAATA,OAAOA,EAAQ,CAAA,OAAAA,QAAO,EAAA,IAAA,CAAA,KAAA,CAAA,CAAPA,QAAO,CAAG,CAAEd,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAAEwB,aAAa,EAAA,IAAA,CAAA,KAAA,CAAA,CAAbA,aAAa,CAAEgH,QAAQ,EAAG,CAAC,CAAC,EAAC,CACrE1H,MAAM,CAAE,SAARA,MAAMA,EAAA,CAAA,OAAQA,OAAM,EAAA,IAAA,CAAA,KAAA,CAAA,CAANA,OAAM,CAAG,CAAEf,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAAEwB,aAAa,cAAbA,aAAa,CAAEgH,QAAQ,EAAG,CAAC,CAAC,CAAA,CAAC,CACnEG,QAAQ,CAAE,CAACrG,WAAY,CACvBsG,YAAY,CAAC,SAAS,CACtBpB,KAAK,CAAEnC,cAAc,CAACC,KAAM,CAC5B1F,kBAAkB,CAAEA,kBAAkB,EAAA,IAAA,CAAlBA,kBAAkB,CAAID,KAAM,CAChDqI,iBAAiB,CAAC,YAAY,CAC/B,CAAC,CACW,CAAC,CAEhB7B,GAAA,CAAC0B,SAAS,CAAA,CACRC,OAAO,CAAEhE,eAAgB,CACzBiE,QAAQ,CAAE7D,mBAAoB,CAC9BsD,KAAK,CAAEnJ,cAAc,CAAC,WAAW,CAAEE,IAAI,CAAE,CACzCqB,kBAAkB,CAAC,iBAAiB,CACpCoI,iBAAiB,CAAC,QAAQ,CAAA3B,QAAA,CAE1BF,GAAA,CAAC0C,QAAQ,CAAA,CACPtK,IAAI,CAAE2J,2BAA2B,CAAC3J,IAAI,CAAE,CACxCgG,KAAK,CACHL,mBAAmB,CACf7B,cAAc,CAAC8F,iBAAiB,CAChC9F,cAAc,CAAC+F,SACpB,CACF,CAAC,CACO,CAAC,CACL,CAAA,CAAC,CAET3H,SAAS,EACR0F,GAAA,CAACG,OAAO,CAAA,CAACnB,KAAK,CAAC,MAAM,CAACgC,QAAQ,CAAC,UAAU,CAAC2B,MAAM,CAAC,WAAW,CAAAzC,QAAA,CAC1DF,GAAA,CAAC4C,WAAW,CACVxE,CAAAA,KAAK,CAAElC,cAAc,CAAC2G,gBAAiB,CACvCC,cAAc,CAAE,KAAM,CACtBjJ,KAAK,CAAE,CAAE,CACTkJ,eAAe,CAAE,IAAK,CACtBC,YAAY,CAAE,IAAK,CACpB,CAAC,CACK,CACV,CACM,CAAA,CAAC,CACH,CAAA,CAAC,CACH,CAAA,CAAC,CACU,CAAC,CAE3B,CACF,CAAC,CAEK,IAAAxC,YAAY,CAAGyC,wBAAwB,CAAC/J,aAAa,CAAE,CAC3DgK,WAAW,CAAE3C,aAAa,CAACC,YAC7B,CAAC;;;;"}

package/build/lib/native/components/CounterInput/CounterInputContext.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-var CounterInputContext=React__default.createContext({isInsideCounterInput:false});CounterInputContext.Provider;var useCounterInputContext=function useCounterInputContext(){return React__default.useContext(CounterInputContext);};
+var CounterInputContext=React__default.createContext({isInsideCounterInput:false});var CounterInputProvider=CounterInputContext.Provider;var useCounterInputContext=function useCounterInputContext(){return React__default.useContext(CounterInputContext);};
 
-export { useCounterInputContext };
+export { CounterInputProvider, useCounterInputContext };
 //# sourceMappingURL=CounterInputContext.js.map

package/build/lib/native/components/CounterInput/CounterInputContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CounterInputContext.js","sources":["../../../../../src/components/CounterInput/CounterInputContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { CounterInputContextType } from './types';\n\nconst CounterInputContext = React.createContext<CounterInputContextType>({\n  isInsideCounterInput: false,\n});\nconst CounterInputProvider = CounterInputContext.Provider;\n\nconst useCounterInputContext = (): CounterInputContextType => {\n  return React.useContext(CounterInputContext);\n};\n\nexport { useCounterInputContext, CounterInputProvider };\n"],"names":["CounterInputContext","React","createContext","isInsideCounterInput","Provider","useCounterInputContext","useContext"],"mappings":";;AAGA,IAAMA,mBAAmB,CAAGC,cAAK,CAACC,aAAa,CAA0B,CACvEC,oBAAoB,CAAE,KACxB,CAAC,CAAC,CAC2BH,mBAAmB,CAACI,SAE3C,IAAAC,sBAAsB,CAAG,SAAzBA,sBAAsBA,EAAkC,CAC5D,OAAOJ,cAAK,CAACK,UAAU,CAACN,mBAAmB,CAAC,CAC9C;;;;"}
+{"version":3,"file":"CounterInputContext.js","sources":["../../../../../src/components/CounterInput/CounterInputContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { CounterInputContextType } from './types';\n\nconst CounterInputContext = React.createContext<CounterInputContextType>({\n  isInsideCounterInput: false,\n});\nconst CounterInputProvider = CounterInputContext.Provider;\n\nconst useCounterInputContext = (): CounterInputContextType => {\n  return React.useContext(CounterInputContext);\n};\n\nexport { useCounterInputContext, CounterInputProvider };\n"],"names":["CounterInputContext","React","createContext","isInsideCounterInput","CounterInputProvider","Provider","useCounterInputContext","useContext"],"mappings":";;AAGA,IAAMA,mBAAmB,CAAGC,cAAK,CAACC,aAAa,CAA0B,CACvEC,oBAAoB,CAAE,KACxB,CAAC,CAAC,CACI,IAAAC,oBAAoB,CAAGJ,mBAAmB,CAACK,SAE3C,IAAAC,sBAAsB,CAAG,SAAzBA,sBAAsBA,EAAkC,CAC5D,OAAOL,cAAK,CAACM,UAAU,CAACP,mBAAmB,CAAC,CAC9C;;;;"}

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

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

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

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

package/build/lib/native/components/CounterInput/token.js

@@ -0,0 +1,9 @@
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+import { border } from '../../tokens/global/border.js';
+import { spacing } from '../../tokens/global/spacing.js';
+
+var COUNTER_INPUT_ICON_SIZE_MAP={xsmall:'small',small:'small',medium:'large',large:'xlarge'};var COUNTER_INPUT_TOKEN={width:{xsmall:size[78],medium:size[94],large:size[122]},height:{xsmall:size[30],medium:size[38],large:size[50]},containerBorderRadius:{xsmall:'small',small:'small',medium:'small',large:'medium'},buttonBorderRadius:{xsmall:border.radius.xsmall,small:border.radius.xsmall,medium:border.radius.xsmall,large:border.radius.small},decrementIconMargin:[spacing[2],spacing[0],spacing[2],spacing[2]],incrementIconMargin:[spacing[2],spacing[2],spacing[2],spacing[0]],iconPadding:{xsmall:spacing[2],medium:spacing[2],large:spacing[3]},emphasis:{subtle:{color:'surface.text.gray.subtle',disabledColor:'surface.text.gray.disabled',iconColor:'interactive.icon.gray.subtle',disabledIconColor:'interactive.icon.gray.disabled',borderColor:'interactive.border.gray.default',disabledBorderColor:'interactive.border.gray.default',backgroundColor:'surface.background.gray.intense',loadingOrDisabledBgColor:'surface.background.gray.subtle',progressBarColor:'neutral'},intense:{color:'interactive.text.primary.subtle',disabledColor:'interactive.text.primary.disabled',iconColor:'interactive.icon.primary.subtle',disabledIconColor:'interactive.icon.primary.disabled',borderColor:'interactive.border.primary.highlighted',disabledBorderColor:'interactive.border.primary.disabled',backgroundColor:'surface.background.gray.intense',loadingOrDisabledBgColor:'surface.background.gray.subtle',progressBarColor:undefined}}};
+
+export { COUNTER_INPUT_ICON_SIZE_MAP, COUNTER_INPUT_TOKEN };
+//# sourceMappingURL=token.js.map

package/build/lib/native/components/CounterInput/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sources":["../../../../../src/components/CounterInput/token.ts"],"sourcesContent":["import { size as sizeTokens, spacing, border } from '~tokens/global';\n\nexport const COUNTER_INPUT_ICON_SIZE_MAP = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'large',\n  large: 'xlarge',\n} as const;\n\nexport const COUNTER_INPUT_TOKEN = {\n  width: {\n    xsmall: sizeTokens[78],\n    medium: sizeTokens[94],\n    large: sizeTokens[122],\n  },\n  height: {\n    xsmall: sizeTokens[30],\n    medium: sizeTokens[38],\n    large: sizeTokens[50],\n  },\n\n  containerBorderRadius: {\n    xsmall: 'small',\n    small: 'small',\n    medium: 'small',\n    large: 'medium',\n  },\n  buttonBorderRadius: {\n    xsmall: border.radius.xsmall,\n    small: border.radius.xsmall,\n    medium: border.radius.xsmall,\n    large: border.radius.small,\n  },\n\n  decrementIconMargin: [spacing[2], spacing[0], spacing[2], spacing[2]],\n  incrementIconMargin: [spacing[2], spacing[2], spacing[2], spacing[0]],\n\n  iconPadding: {\n    xsmall: spacing[2],\n    medium: spacing[2],\n    large: spacing[3],\n  },\n\n  emphasis: {\n    subtle: {\n      color: 'surface.text.gray.subtle',\n      disabledColor: 'surface.text.gray.disabled',\n      iconColor: 'interactive.icon.gray.subtle',\n      disabledIconColor: 'interactive.icon.gray.disabled',\n      borderColor: 'interactive.border.gray.default',\n      disabledBorderColor: 'interactive.border.gray.default',\n      backgroundColor: 'surface.background.gray.intense',\n      loadingOrDisabledBgColor: 'surface.background.gray.subtle',\n      progressBarColor: 'neutral',\n    },\n    intense: {\n      color: 'interactive.text.primary.subtle',\n      disabledColor: 'interactive.text.primary.disabled',\n      iconColor: 'interactive.icon.primary.subtle',\n      disabledIconColor: 'interactive.icon.primary.disabled',\n      borderColor: 'interactive.border.primary.highlighted',\n      disabledBorderColor: 'interactive.border.primary.disabled',\n      backgroundColor: 'surface.background.gray.intense',\n      loadingOrDisabledBgColor: 'surface.background.gray.subtle',\n      progressBarColor: undefined,\n    },\n  },\n} as const;\n"],"names":["COUNTER_INPUT_ICON_SIZE_MAP","xsmall","small","medium","large","COUNTER_INPUT_TOKEN","width","sizeTokens","height","containerBorderRadius","buttonBorderRadius","border","radius","decrementIconMargin","spacing","incrementIconMargin","iconPadding","emphasis","subtle","color","disabledColor","iconColor","disabledIconColor","borderColor","disabledBorderColor","backgroundColor","loadingOrDisabledBgColor","progressBarColor","intense","undefined"],"mappings":";;;;;AAEa,IAAAA,2BAA2B,CAAG,CACzCC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT,EAEa,IAAAC,mBAAmB,CAAG,CACjCC,KAAK,CAAE,CACLL,MAAM,CAAEM,IAAU,CAAC,EAAE,CAAC,CACtBJ,MAAM,CAAEI,IAAU,CAAC,EAAE,CAAC,CACtBH,KAAK,CAAEG,IAAU,CAAC,GAAG,CACvB,CAAC,CACDC,MAAM,CAAE,CACNP,MAAM,CAAEM,IAAU,CAAC,EAAE,CAAC,CACtBJ,MAAM,CAAEI,IAAU,CAAC,EAAE,CAAC,CACtBH,KAAK,CAAEG,IAAU,CAAC,EAAE,CACtB,CAAC,CAEDE,qBAAqB,CAAE,CACrBR,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT,CAAC,CACDM,kBAAkB,CAAE,CAClBT,MAAM,CAAEU,MAAM,CAACC,MAAM,CAACX,MAAM,CAC5BC,KAAK,CAAES,MAAM,CAACC,MAAM,CAACX,MAAM,CAC3BE,MAAM,CAAEQ,MAAM,CAACC,MAAM,CAACX,MAAM,CAC5BG,KAAK,CAAEO,MAAM,CAACC,MAAM,CAACV,KACvB,CAAC,CAEDW,mBAAmB,CAAE,CAACC,OAAO,CAAC,CAAC,CAAC,CAAEA,OAAO,CAAC,CAAC,CAAC,CAAEA,OAAO,CAAC,CAAC,CAAC,CAAEA,OAAO,CAAC,CAAC,CAAC,CAAC,CACrEC,mBAAmB,CAAE,CAACD,OAAO,CAAC,CAAC,CAAC,CAAEA,OAAO,CAAC,CAAC,CAAC,CAAEA,OAAO,CAAC,CAAC,CAAC,CAAEA,OAAO,CAAC,CAAC,CAAC,CAAC,CAErEE,WAAW,CAAE,CACXf,MAAM,CAAEa,OAAO,CAAC,CAAC,CAAC,CAClBX,MAAM,CAAEW,OAAO,CAAC,CAAC,CAAC,CAClBV,KAAK,CAAEU,OAAO,CAAC,CAAC,CAClB,CAAC,CAEDG,QAAQ,CAAE,CACRC,MAAM,CAAE,CACNC,KAAK,CAAE,0BAA0B,CACjCC,aAAa,CAAE,4BAA4B,CAC3CC,SAAS,CAAE,8BAA8B,CACzCC,iBAAiB,CAAE,gCAAgC,CACnDC,WAAW,CAAE,iCAAiC,CAC9CC,mBAAmB,CAAE,iCAAiC,CACtDC,eAAe,CAAE,iCAAiC,CAClDC,wBAAwB,CAAE,gCAAgC,CAC1DC,gBAAgB,CAAE,SACpB,CAAC,CACDC,OAAO,CAAE,CACPT,KAAK,CAAE,iCAAiC,CACxCC,aAAa,CAAE,mCAAmC,CAClDC,SAAS,CAAE,iCAAiC,CAC5CC,iBAAiB,CAAE,mCAAmC,CACtDC,WAAW,CAAE,wCAAwC,CACrDC,mBAAmB,CAAE,qCAAqC,CAC1DC,eAAe,CAAE,iCAAiC,CAClDC,wBAAwB,CAAE,gCAAgC,CAC1DC,gBAAgB,CAAEE,SACpB,CACF,CACF;;;;"}

package/build/lib/native/components/DatePicker/BaseDatePicker.native.js

@@ -0,0 +1,34 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Calendar } from './Calendar.native.js';
+import { CalendarFooter } from './CalendarFooter.native.js';
+import { DatePickerInput } from './DateInput.native.js';
+import { DatePickerFilterChip } from './FilterChipDatePicker/DatePickerFilterChip.native.js';
+import { renderPresetDropdown } from './QuickSelection/renderPresetDropdown.native.js';
+import { PresetSideBar } from './QuickSelection/PresetSideBar.native.js';
+import { usePresetState } from './QuickSelection/usePresetState.js';
+import { shiftTimezone } from './shiftTimezone.js';
+import { useDatesState } from './useDatesState.js';
+import { DatePickerProvider } from './DatePickerContext.js';
+import '../Box/BaseBox/index.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import '../BottomSheet/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { BottomSheet } from '../BottomSheet/BottomSheet.native.js';
+import { BottomSheetHeader } from '../BottomSheet/BottomSheetHeader.native.js';
+import { BottomSheetBody } from '../BottomSheet/BottomSheetBody.native.js';
+import { BottomSheetFooter } from '../BottomSheet/BottomSheetFooter.native.js';
+
+var _excluded=["selectionType","allowSingleDateInRange","value","defaultValue","onChange","onApply","presets","isOpen","defaultIsOpen","onOpenChange","label","labelPosition","accessibilityLabel","errorText","helpText","isDisabled","isRequired","successText","validationState","size","autoFocus","necessityIndicator","name","defaultPicker","picker","onPickerChange","format","inputPlaceHolder","inputElementType","showClearButton","onClearButtonClick","labelSuffix","labelTrailing","showFooterActions","footer","displayFormat","headerLabel","applyLabel","cancelLabel"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/DatePicker/BaseDatePicker.native.tsx";var BaseDatePicker=function BaseDatePicker(_ref){var selectionType=_ref.selectionType,allowSingleDateInRange=_ref.allowSingleDateInRange,value=_ref.value,defaultValue=_ref.defaultValue,_onChange=_ref.onChange,onApply=_ref.onApply,presets=_ref.presets,isOpen=_ref.isOpen,defaultIsOpen=_ref.defaultIsOpen,onOpenChange=_ref.onOpenChange,label=_ref.label,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,accessibilityLabel=_ref.accessibilityLabel,errorText=_ref.errorText,helpText=_ref.helpText,isDisabled=_ref.isDisabled,isRequired=_ref.isRequired,successText=_ref.successText,validationState=_ref.validationState,size=_ref.size,autoFocus=_ref.autoFocus,necessityIndicator=_ref.necessityIndicator,name=_ref.name,_ref$defaultPicker=_ref.defaultPicker,defaultPicker=_ref$defaultPicker===void 0?'day':_ref$defaultPicker,picker=_ref.picker,onPickerChange=_ref.onPickerChange,_ref$format=_ref.format,format=_ref$format===void 0?'DD/MM/YYYY':_ref$format,inputPlaceHolder=_ref.inputPlaceHolder,_ref$inputElementType=_ref.inputElementType,inputElementType=_ref$inputElementType===void 0?'datePickerInput':_ref$inputElementType,showClearButton=_ref.showClearButton,onClearButtonClick=_ref.onClearButtonClick,labelSuffix=_ref.labelSuffix,labelTrailing=_ref.labelTrailing,_ref$showFooterAction=_ref.showFooterActions,showFooterActions=_ref$showFooterAction===void 0?true:_ref$showFooterAction,footer=_ref.footer,_ref$displayFormat=_ref.displayFormat,displayFormat=_ref$displayFormat===void 0?'default':_ref$displayFormat,headerLabel=_ref.headerLabel,_ref$applyLabel=_ref.applyLabel,applyLabel=_ref$applyLabel===void 0?'Apply':_ref$applyLabel,_ref$cancelLabel=_ref.cancelLabel,cancelLabel=_ref$cancelLabel===void 0?'Cancel':_ref$cancelLabel,props=_objectWithoutProperties(_ref,_excluded);var _selectionType=selectionType!=null?selectionType:'single';var isSingle=_selectionType==='single';var _React$useState=React__default.useState(null),_React$useState2=_slicedToArray(_React$useState,2),selectedPreset=_React$useState2[0],setSelectedPreset=_React$useState2[1];var referenceRef=React__default.useRef(null);var shouldApplyAfterPresetSelection=React__default.useRef(false);var skipDismissCancelRef=React__default.useRef(false);var _useControllableState=useControllableState({defaultValue:defaultPicker,value:picker,onChange:function onChange(nextPicker){onPickerChange==null?void 0:onPickerChange(nextPicker);}}),_useControllableState2=_slicedToArray(_useControllableState,2),_picker=_useControllableState2[0],setPicker=_useControllableState2[1];var finalFormat=React__default.useMemo(function(){if(format){return format;}if(_picker==='month'){return 'MMMM';}if(_picker==='year'){return 'YYYY';}return 'DD/MM/YYYY';},[format,_picker]);var finalInputPlaceHolder=React__default.useMemo(function(){if(inputPlaceHolder){return inputPlaceHolder;}if(_picker==='month'){return 'Month';}if(_picker==='year'){return 'Year';}return 'DD/MM/YYYY';},[inputPlaceHolder,_picker]);var _useDatesState=useDatesState({level:_picker,type:isSingle?'default':'range',allowDeselect:false,allowSingleDateInRange:allowSingleDateInRange,value:value,defaultValue:defaultValue,onChange:function onChange(date){_onChange==null?void 0:_onChange(date);if(isSingle)return;setSelectedPreset(date);}}),onDateChange=_useDatesState.onDateChange,getControlProps=_useDatesState.getControlProps,setPickedDate=_useDatesState.setPickedDate,controlledValue=_useDatesState.controlledValue,setControlledValue=_useDatesState.setControlledValue,handleReset=_useDatesState.handleReset;var _React$useState3=React__default.useState(controlledValue),_React$useState4=_slicedToArray(_React$useState3,2),oldValue=_React$useState4[0],setOldValue=_React$useState4[1];React__default.useEffect(function(){if(!isSingle&&controlledValue){setSelectedPreset(controlledValue);}},[]);var _useControllableState3=useControllableState({value:isOpen,defaultValue:defaultIsOpen,onChange:function onChange(nextIsOpen){onOpenChange==null?void 0:onOpenChange({isOpen:nextIsOpen});if(nextIsOpen){skipDismissCancelRef.current=false;}setOldValue(controlledValue);setPicker(function(){return defaultPicker;});}}),_useControllableState4=_slicedToArray(_useControllableState3,2),controllableIsOpen=_useControllableState4[0],controllableSetIsOpen=_useControllableState4[1];var currentDate=shiftTimezone('add',new Date());var _usePresetState=usePresetState({presets:presets||[],selectedPreset:selectedPreset,currentDate:currentDate,displayFormat:displayFormat}),presetStates=_usePresetState.presetStates,selectedPresetLabel=_usePresetState.selectedPresetLabel,effectiveSelectionType=_usePresetState.effectiveSelectionType;var hasBothDatesSelected=(controlledValue==null?void 0:controlledValue[0])&&(controlledValue==null?void 0:controlledValue[1]);var applyButtonDisabled=!hasBothDatesSelected;if(isSingle){applyButtonDisabled=!Boolean(controlledValue);}var close=React__default.useCallback(function(){controllableSetIsOpen(function(){return false;});},[controllableSetIsOpen]);var handleApply=function handleApply(){if(isSingle){skipDismissCancelRef.current=true;_onChange==null?void 0:_onChange(controlledValue);setOldValue(controlledValue);onApply==null?void 0:onApply(controlledValue);close();return;}if(hasBothDatesSelected){skipDismissCancelRef.current=true;_onChange==null?void 0:_onChange(controlledValue);setOldValue(controlledValue);onApply==null?void 0:onApply(controlledValue);close();}};React__default.useEffect(function(){if(shouldApplyAfterPresetSelection.current){shouldApplyAfterPresetSelection.current=false;handleApply();}},[controlledValue]);var handleCancel=function handleCancel(){skipDismissCancelRef.current=true;setControlledValue(oldValue);setPickedDate(null);close();};var handleImplicitApply=function handleImplicitApply(){skipDismissCancelRef.current=true;_onChange==null?void 0:_onChange(controlledValue);setOldValue(controlledValue);onApply==null?void 0:onApply(controlledValue);close();};var handleClear=function handleClear(){skipDismissCancelRef.current=true;handleReset();setSelectedPreset(null);close();onClearButtonClick==null?void 0:onClearButtonClick();};var content=jsx(BaseBox,{width:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",children:jsx(BaseBox,{padding:"spacing.0",children:jsx(Calendar,Object.assign({},props,{selectionType:_selectionType,__onDayClick:function __onDayClick(date){onDateChange(date,'day');},getMonthControlProps:function getMonthControlProps(date){return getControlProps(date);},getYearControlProps:function getYearControlProps(date){return getControlProps(date);},getDayProps:function getDayProps(date){return getControlProps(date);},onMonthSelect:function onMonthSelect(date){props==null?void 0:props.onMonthSelect==null?void 0:props.onMonthSelect(date);onDateChange(date,'month');},onYearSelect:function onYearSelect(date){props==null?void 0:props.onYearSelect==null?void 0:props.onYearSelect(date);onDateChange(date,'year');},onNext:function onNext(data){props==null?void 0:props.onNext==null?void 0:props.onNext(data);},onPrevious:function onPrevious(data){props==null?void 0:props.onPrevious==null?void 0:props.onPrevious(data);},picker:_picker,showLevelChangeLink:!picker,onPickerChange:function onPickerChange(nextPicker){setPicker(function(){return nextPicker;});},selectedValue:controlledValue}))})});return jsx(DatePickerProvider,{isDatePickerBodyOpen:controllableIsOpen,displayFormat:displayFormat,children:jsxs(BaseBox,Object.assign({width:inputElementType==='chip'?undefined:'100%',alignSelf:inputElementType==='chip'?'flex-start':undefined},getStyledProps(props),metaAttribute({name:MetaConstants.DatePicker}),{children:[inputElementType==='chip'?jsx(DatePickerFilterChip,Object.assign({selectionType:_selectionType,date:controlledValue,ref:referenceRef,inputRef:referenceRef,referenceProps:{onClick:function onClick(){if(isDisabled)return;controllableSetIsOpen(function(){return true;});}},name:name,label:label,labelPosition:labelPosition,accessibilityLabel:accessibilityLabel,size:size,errorText:errorText,helpText:helpText,successText:successText,isDisabled:isDisabled,isRequired:isRequired,validationState:validationState,autoFocus:autoFocus,necessityIndicator:necessityIndicator,format:finalFormat,placeholder:finalInputPlaceHolder,onClearButtonChange:handleClear,effectiveSelectionType:isSingle?selectionType:effectiveSelectionType,selectedPresetLabel:selectedPresetLabel},makeAnalyticsAttribute(props))):jsx(DatePickerInput,Object.assign({selectionType:_selectionType,date:controlledValue,ref:referenceRef,inputRef:referenceRef,referenceProps:{onClick:function onClick(){if(isDisabled)return;controllableSetIsOpen(function(){return true;});}},name:name,label:label,labelPosition:labelPosition,accessibilityLabel:accessibilityLabel,size:size,errorText:errorText,helpText:helpText,successText:successText,isDisabled:isDisabled,isRequired:isRequired,validationState:validationState,autoFocus:autoFocus,necessityIndicator:necessityIndicator,format:finalFormat,placeholder:finalInputPlaceHolder,labelSuffix:labelSuffix,labelTrailing:labelTrailing,setControlledValue:setControlledValue,selectedPreset:selectedPreset,excludeDate:props.excludeDate,minDate:props.minDate,maxDate:props.maxDate,showClearButton:showClearButton,onClearButtonClick:handleClear,effectiveSelectionType:isSingle?selectionType:effectiveSelectionType,selectedPresetLabel:selectedPresetLabel,leadingDropdown:presets&&!isSingle&&hasBothDatesSelected?renderPresetDropdown({onSelection:function onSelection(preset){var presetValue=preset==null?void 0:preset(currentDate);setControlledValue(presetValue);setSelectedPreset(presetValue);shouldApplyAfterPresetSelection.current=true;},onOpenCalendar:function onOpenCalendar(){controllableSetIsOpen(function(){return true;});},presetStates:presetStates,selectedPresetLabel:selectedPresetLabel}):undefined},makeAnalyticsAttribute(props))),jsxs(BottomSheet,{snapToContentHeight:true,isOpen:controllableIsOpen,onDismiss:function onDismiss(){if(skipDismissCancelRef.current){skipDismissCancelRef.current=false;return;}if(!controllableIsOpen)return;if(!showFooterActions){handleImplicitApply();return;}handleCancel();},children:[jsx(BottomSheetHeader,{title:headerLabel!=null?headerLabel:isSingle?'Select Date':'Select Date Range'}),jsxs(BottomSheetBody,{children:[content,!isSingle&&presets&&jsx(PresetSideBar,{isMobile:true,presetStates:presetStates,onSelection:function onSelection(preset){var presetValue=preset==null?void 0:preset(currentDate);setControlledValue(presetValue);setSelectedPreset(presetValue);}})]}),showFooterActions&&jsx(BottomSheetFooter,{children:jsx(CalendarFooter,{isButtonDisabled:applyButtonDisabled,onCancel:handleCancel,onApply:handleApply,applyLabel:applyLabel,cancelLabel:cancelLabel,footer:footer})})]})]}))});};
+
+export { BaseDatePicker };
+//# sourceMappingURL=BaseDatePicker.native.js.map