@razorpay/blade 12.32.2 → 12.33.1

package/build/lib/native/components/ActionList/ActionListNoResults.js

@@ -4,6 +4,8 @@ import 'react-native-svg';
 import '@babel/runtime/helpers/defineProperty';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '../Icons/_Svg/Svg/Svg.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -12,8 +14,6 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import '../BottomSheet/BottomSheetStack.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import SearchIcon from '../Icons/SearchIcon/SearchIcon.js';
 import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';

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

@@ -7,6 +7,8 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../Icons/_Svg/Svg/Svg.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -16,8 +18,6 @@ import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js'
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
 import { castNativeType, castWebType } from '../../utils/platform/castUtils.js';
 import '../BottomSheet/BottomSheetStack.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import AlertOctagonIcon from '../Icons/AlertOctagonIcon/AlertOctagonIcon.js';
 import AlertTriangleIcon from '../Icons/AlertTriangleIcon/AlertTriangleIcon.js';
 import CheckCircleIcon from '../Icons/CheckCircleIcon/CheckCircleIcon.js';

package/build/lib/native/components/BaseHeaderFooter/BaseHeader.js

@@ -12,6 +12,9 @@ import 'react-native-svg';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '../Icons/_Svg/Svg/Svg.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import { size } from '../../tokens/global/size.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -21,9 +24,6 @@ import { throwBladeError, logger } from '../../utils/logger/logger.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import '../BottomSheet/BottomSheetStack.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
 import ChevronLeftIcon from '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import { Box } from '../Box/Box.js';

package/build/lib/native/components/BottomSheet/BottomSheetCommon.js

@@ -7,6 +7,9 @@ import 'react-native-svg';
 import '@babel/runtime/helpers/defineProperty';
 import { jsx } from 'react/jsx-runtime';
 import '../Icons/_Svg/Svg/Svg.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import { size } from '../../tokens/global/size.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -17,9 +20,6 @@ import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import './BottomSheetStack.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 
 var BottomSheetEmptyHeader=React__default.forwardRef(function(_ref,ref){var onClickCapture=_ref.onClickCapture,onKeyDown=_ref.onKeyDown,onKeyUp=_ref.onKeyUp,onLostPointerCapture=_ref.onLostPointerCapture,onPointerCancel=_ref.onPointerCancel,onPointerDown=_ref.onPointerDown,onPointerMove=_ref.onPointerMove,onPointerUp=_ref.onPointerUp;var _useBottomSheetContex=useBottomSheetContext(),close=_useBottomSheetContex.close,isHeaderFloating=_useBottomSheetContex.isHeaderFloating;var webOnlyEventHandlers=isReactNative()?{}:{onClickCapture:onClickCapture,onKeyDown:onKeyDown,onKeyUp:onKeyUp,onLostPointerCapture:onLostPointerCapture,onPointerCancel:onPointerCancel,onPointerDown:onPointerDown,onPointerMove:onPointerMove,onPointerUp:onPointerUp};var topOffset=isHeaderFloating?'spacing.5':undefined;if(isReactNative()){topOffset='spacing.0';}return jsx(BaseBox,Object.assign({position:isHeaderFloating?'absolute':'relative',height:makeSize(size[8]),touchAction:"none",top:topOffset,right:"spacing.0"},webOnlyEventHandlers,{children:jsx(BaseBox,{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:isHeaderFloating?'spacing.0':makeSpace(-size[4]),right:"spacing.5",width:makeSize(size[28]),height:makeSize(size[28]),flexShrink:0,backgroundColor:"popup.background.subtle",borderRadius:"max",zIndex:100,children:jsx(IconButton,{ref:ref,size:"large",icon:CloseIcon,accessibilityLabel:"Close",onClick:close})})}));});

package/build/lib/native/components/Carousel/NavigationButton/NavigationButton.js

@@ -5,6 +5,8 @@ import 'react-native-svg';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
 import { jsx } from 'react/jsx-runtime';
 import '../../Icons/_Svg/Svg/Svg.native.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -13,8 +15,6 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import '../../BottomSheet/BottomSheetStack.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import ChevronLeftIcon from '../../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
 import ChevronRightIcon from '../../Icons/ChevronRightIcon/ChevronRightIcon.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';

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

@@ -11,12 +11,12 @@ import 'react-native-svg';
 import '@babel/runtime/helpers/defineProperty';
 import { jsx } from 'react/jsx-runtime';
 import '../Icons/_Svg/Svg/Svg.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
 import '../BottomSheet/BottomSheetStack.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import ChevronDownIcon from '../Icons/ChevronDownIcon/ChevronDownIcon.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 

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

@@ -8,6 +8,8 @@ import 'react-native-svg';
 import '@babel/runtime/helpers/defineProperty';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '../Icons/_Svg/Svg/Svg.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -16,8 +18,6 @@ import 'react-native';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '../BottomSheet/BottomSheetStack.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import CheckIcon from '../Icons/CheckIcon/CheckIcon.js';
 import InfoIcon from '../Icons/InfoIcon/InfoIcon.js';
 import { Box } from '../Box/Box.js';

package/build/lib/native/components/Form/Selector/SelectorGroupField.js

@@ -5,12 +5,17 @@ import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 import 'react-native';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
+import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
 import '@babel/runtime/helpers/slicedToArray';
-import '../../BladeProvider/useTheme.js';
+import useTheme from '../../BladeProvider/useTheme.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import 'styled-components/native';
+import '@gorhom/portal';
+import 'react-native-gesture-handler';
+import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","labelledBy","position","accessibilityRole","componentName","testID"];var SelectorGroupField=function SelectorGroupField(_ref){var children=_ref.children,labelledBy=_ref.labelledBy,position=_ref.position,_ref$accessibilityRol=_ref.accessibilityRole,accessibilityRole=_ref$accessibilityRol===void 0?'group':_ref$accessibilityRol,componentName=_ref.componentName,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);var isReactNative=getPlatformType()==='react-native';var labelPosition=position==='top'?'column':'row';if(isReactNative)labelPosition='column';var role=accessibilityRole==='group'&&isReactNative?undefined:accessibilityRole;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:labelPosition},makeAccessible({role:role,labelledBy:labelledBy}),metaAttribute({name:componentName,testID:testID}),makeAnalyticsAttribute(props),{children:children}));};
+var _excluded=["children","labelledBy","position","accessibilityRole","componentName","testID"];var SelectorGroupField=function SelectorGroupField(_ref){var children=_ref.children,labelledBy=_ref.labelledBy,position=_ref.position,_ref$accessibilityRol=_ref.accessibilityRole,accessibilityRole=_ref$accessibilityRol===void 0?'group':_ref$accessibilityRol,componentName=_ref.componentName,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isReactNative=getPlatformType()==='react-native';var isLabelLeftPositioned=position==='left'&&matchedDeviceType==='desktop';if(isReactNative)isLabelLeftPositioned=false;var role=accessibilityRole==='group'&&isReactNative?undefined:accessibilityRole;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:isLabelLeftPositioned?'row':'column'},makeAccessible({role:role,labelledBy:labelledBy}),metaAttribute({name:componentName,testID:testID}),makeAnalyticsAttribute(props),{children:children}));};
 
 export { SelectorGroupField };
 //# sourceMappingURL=SelectorGroupField.js.map

package/build/lib/native/components/Form/Selector/SelectorGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  let labelPosition: CSSObject['flexDirection'] = position === 'top' ? 'column' : 'row';\n  if (isReactNative) labelPosition = 'column';\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={labelPosition}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","isReactNative","getPlatformType","labelPosition","role","undefined","_jsx","BaseBox","Object","assign","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;gGAmBM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAQ2B,CAAA,IAPjDC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CACVC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAAC,qBAAA,CAAAJ,IAAA,CACRK,iBAAiB,CAAjBA,iBAAiB,CAAAD,qBAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,qBAAA,CAC3BE,aAAa,CAAAN,IAAA,CAAbM,aAAa,CACbC,MAAM,CAAAP,IAAA,CAANO,MAAM,CACHC,KAAK,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAER,CAAA,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAC1D,IAAIC,aAAyC,CAAGV,QAAQ,GAAK,KAAK,CAAG,QAAQ,CAAG,KAAK,CACrF,GAAIQ,aAAa,CAAEE,aAAa,CAAG,QAAQ,CAC3C,IAAMC,IAAI,CAAGT,iBAAiB,GAAK,OAAO,EAAIM,aAAa,CAAGI,SAAS,CAAGV,iBAAiB,CAE3F,OACEW,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNC,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAER,aAAc,EACzBS,cAAc,CAAC,CACjBR,IAAI,CAAJA,IAAI,CACJZ,UAAU,CAAVA,UACF,CAAC,CAAC,CACEqB,aAAa,CAAC,CAAEC,IAAI,CAAElB,aAAa,CAAEC,MAAM,CAANA,MAAO,CAAC,CAAC,CAC9CkB,sBAAsB,CAACjB,KAAK,CAAC,CAAAP,CAAAA,QAAA,CAEhCA,QAAQ,CAAA,CACF,CAAC,CAEd;;;;"}
+{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isReactNative = getPlatformType() === 'react-native';\n\n  let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n  if (isReactNative) isLabelLeftPositioned = false;\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","Object","assign","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;gGAmBM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAQ2B,CAAA,IAPjDC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CACVC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAAC,qBAAA,CAAAJ,IAAA,CACRK,iBAAiB,CAAjBA,iBAAiB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,qBAAA,CAC3BE,aAAa,CAAAN,IAAA,CAAbM,aAAa,CACbC,MAAM,CAAAP,IAAA,CAANO,MAAM,CACHC,KAAK,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAAA,CAER,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAAC,cAAA,CAA8BC,aAAa,CAAC,CAAEC,WAAW,CAAEH,KAAK,CAACG,WAAY,CAAC,CAAC,CAAvEC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CACzB,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAE1D,IAAIC,qBAAqB,CAAGjB,QAAQ,GAAK,MAAM,EAAIc,iBAAiB,GAAK,SAAS,CAClF,GAAIC,aAAa,CAAEE,qBAAqB,CAAG,KAAK,CAChD,IAAMC,IAAI,CAAGhB,iBAAiB,GAAK,OAAO,EAAIa,aAAa,CAAGI,SAAS,CAAGjB,iBAAiB,CAE3F,OACEkB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNC,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAER,qBAAqB,CAAG,KAAK,CAAG,QAAS,CAAA,CACpDS,cAAc,CAAC,CACjBR,IAAI,CAAJA,IAAI,CACJnB,UAAU,CAAVA,UACF,CAAC,CAAC,CACE4B,aAAa,CAAC,CAAEC,IAAI,CAAEzB,aAAa,CAAEC,MAAM,CAANA,MAAO,CAAC,CAAC,CAC9CyB,sBAAsB,CAACxB,KAAK,CAAC,CAAAP,CAAAA,QAAA,CAEhCA,QAAQ,CACF,CAAA,CAAC,CAEd;;;;"}

package/build/lib/native/components/Icons/useIconProps/iconSizeMap.js

@@ -0,0 +1,8 @@
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import { size } from '../../../tokens/global/size.js';
+
+var iconSizeMap={xsmall:size[8],small:size[12],medium:size[16],large:size[20],xlarge:size[24],'2xlarge':size[32]};
+
+export { iconSizeMap };
+//# sourceMappingURL=iconSizeMap.js.map

package/build/lib/native/components/Icons/useIconProps/iconSizeMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconSizeMap.js","sources":["../../../../../../src/components/Icons/useIconProps/iconSizeMap.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst iconSizeMap = {\n  xsmall: size[8],\n  small: size[12],\n  medium: size[16],\n  large: size[20],\n  xlarge: size[24],\n  '2xlarge': size[32],\n} as const;\n\nexport { iconSizeMap };\n"],"names":["iconSizeMap","xsmall","size","small","medium","large","xlarge"],"mappings":";;;;AAEM,IAAAA,WAAW,CAAG,CAClBC,MAAM,CAAEC,IAAI,CAAC,CAAC,CAAC,CACfC,KAAK,CAAED,IAAI,CAAC,EAAE,CAAC,CACfE,MAAM,CAAEF,IAAI,CAAC,EAAE,CAAC,CAChBG,KAAK,CAAEH,IAAI,CAAC,EAAE,CAAC,CACfI,MAAM,CAAEJ,IAAI,CAAC,EAAE,CAAC,CAChB,SAAS,CAAEA,IAAI,CAAC,EAAE,CACpB;;;;"}

package/build/lib/native/components/Icons/useIconProps/useIconProps.js

@@ -1,3 +1,4 @@
+import { iconSizeMap } from './iconSizeMap.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import 'styled-components/native';
 import '@gorhom/portal';
@@ -9,11 +10,8 @@ import 'react';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import '../../BottomSheet/BottomSheetStack.js';
 import 'react/jsx-runtime';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import { size } from '../../../tokens/global/size.js';
 
-var iconSize={xsmall:size[8],small:size[12],medium:size[16],large:size[20],xlarge:size[24],'2xlarge':size[32]};function useIconProps(_ref){var _ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'surface.icon.gray.normal':_ref$color;var _useTheme=useTheme(),theme=_useTheme.theme;var height=makeSize(iconSize[size]);var width=makeSize(iconSize[size]);var iconColor=color==='currentColor'?'currentColor':getIn(theme.colors,color,'');return {height:height,width:width,iconColor:iconColor};}
+function useIconProps(_ref){var _ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'surface.icon.gray.normal':_ref$color;var _useTheme=useTheme(),theme=_useTheme.theme;var height=makeSize(iconSizeMap[size]);var width=makeSize(iconSizeMap[size]);var iconColor=color==='currentColor'?'currentColor':getIn(theme.colors,color,'');return {height:height,width:width,iconColor:iconColor};}
 
 export { useIconProps as default };
 //# sourceMappingURL=useIconProps.js.map

package/build/lib/native/components/Icons/useIconProps/useIconProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIconProps.js","sources":["../../../../../../src/components/Icons/useIconProps/useIconProps.tsx"],"sourcesContent":["import type { IconProps } from '..';\nimport get from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\n\nconst iconSize = {\n  xsmall: size[8],\n  small: size[12],\n  medium: size[16],\n  large: size[20],\n  xlarge: size[24],\n  '2xlarge': size[32],\n} as const;\n\nfunction useIconProps({\n  size = 'medium',\n  color = 'surface.icon.gray.normal',\n}: IconProps): {\n  height: `${typeof iconSize[keyof typeof iconSize]}px`;\n  width: `${typeof iconSize[keyof typeof iconSize]}px`;\n  iconColor: string;\n} {\n  const { theme } = useTheme();\n  const height = makeSize(iconSize[size]);\n  const width = makeSize(iconSize[size]);\n  const iconColor = color === 'currentColor' ? 'currentColor' : get(theme.colors, color, '');\n\n  return { height, width, iconColor };\n}\n\nexport default useIconProps;\n"],"names":["iconSize","xsmall","size","small","medium","large","xlarge","useIconProps","_ref","_ref$size","_ref$color","color","_useTheme","useTheme","theme","height","makeSize","width","iconColor","get","colors"],"mappings":";;;;;;;;;;;;;;;AAMA,IAAMA,QAAQ,CAAG,CACfC,MAAM,CAAEC,IAAI,CAAC,CAAC,CAAC,CACfC,KAAK,CAAED,IAAI,CAAC,EAAE,CAAC,CACfE,MAAM,CAAEF,IAAI,CAAC,EAAE,CAAC,CAChBG,KAAK,CAAEH,IAAI,CAAC,EAAE,CAAC,CACfI,MAAM,CAAEJ,IAAI,CAAC,EAAE,CAAC,CAChB,SAAS,CAAEA,IAAI,CAAC,EAAE,CACpB,CAAU,CAEV,SAASK,YAAYA,CAAAC,IAAA,CAOnB,CAAAC,IAAAA,SAAA,CAAAD,IAAA,CANAN,IAAI,CAAJA,IAAI,CAAAO,SAAA,UAAG,QAAQ,CAAAA,SAAA,CAAAC,UAAA,CAAAF,IAAA,CACfG,KAAK,CAALA,KAAK,CAAAD,UAAA,UAAG,0BAA0B,CAAAA,UAAA,CAMlC,IAAAE,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,MAAM,CAAGC,QAAQ,CAAChB,QAAQ,CAACE,IAAI,CAAC,CAAC,CACvC,IAAMe,KAAK,CAAGD,QAAQ,CAAChB,QAAQ,CAACE,IAAI,CAAC,CAAC,CACtC,IAAMgB,SAAS,CAAGP,KAAK,GAAK,cAAc,CAAG,cAAc,CAAGQ,KAAG,CAACL,KAAK,CAACM,MAAM,CAAET,KAAK,CAAE,EAAE,CAAC,CAE1F,OAAO,CAAEI,MAAM,CAANA,MAAM,CAAEE,KAAK,CAALA,KAAK,CAAEC,SAAS,CAATA,SAAU,CAAC,CACrC;;;;"}
+{"version":3,"file":"useIconProps.js","sources":["../../../../../../src/components/Icons/useIconProps/useIconProps.tsx"],"sourcesContent":["import type { IconProps } from '..';\nimport { iconSizeMap } from './iconSizeMap';\nimport get from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\n\nfunction useIconProps({\n  size = 'medium',\n  color = 'surface.icon.gray.normal',\n}: IconProps): {\n  height: `${typeof iconSizeMap[keyof typeof iconSizeMap]}px`;\n  width: `${typeof iconSizeMap[keyof typeof iconSizeMap]}px`;\n  iconColor: string;\n} {\n  const { theme } = useTheme();\n  const height = makeSize(iconSizeMap[size]);\n  const width = makeSize(iconSizeMap[size]);\n  const iconColor = color === 'currentColor' ? 'currentColor' : get(theme.colors, color, '');\n\n  return { height, width, iconColor };\n}\n\nexport default useIconProps;\n"],"names":["useIconProps","_ref","_ref$size","size","_ref$color","color","_useTheme","useTheme","theme","height","makeSize","iconSizeMap","width","iconColor","get","colors"],"mappings":";;;;;;;;;;;;;AAMA,SAASA,YAAYA,CAAAC,IAAA,CAOnB,CAAA,IAAAC,SAAA,CAAAD,IAAA,CANAE,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CAAAE,UAAA,CAAAH,IAAA,CACfI,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,0BAA0B,CAAAA,UAAA,CAMlC,IAAAE,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,MAAM,CAAGC,QAAQ,CAACC,WAAW,CAACR,IAAI,CAAC,CAAC,CAC1C,IAAMS,KAAK,CAAGF,QAAQ,CAACC,WAAW,CAACR,IAAI,CAAC,CAAC,CACzC,IAAMU,SAAS,CAAGR,KAAK,GAAK,cAAc,CAAG,cAAc,CAAGS,KAAG,CAACN,KAAK,CAACO,MAAM,CAAEV,KAAK,CAAE,EAAE,CAAC,CAE1F,OAAO,CAAEI,MAAM,CAANA,MAAM,CAAEG,KAAK,CAALA,KAAK,CAAEC,SAAS,CAATA,SAAU,CAAC,CACrC;;;;"}

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

@@ -0,0 +1,7 @@
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var InfoGroup=function InfoGroup(_props){throwBladeError({message:'InfoGroup is not yet implemented for React Native',moduleName:'InfoGroup'});return jsx(Fragment,{});};var InfoItem=function InfoItem(_props){throwBladeError({message:'InfoItem is not yet implemented for React Native',moduleName:'InfoItem'});return jsx(Fragment,{});};var InfoItemKey=function InfoItemKey(_props){throwBladeError({message:'InfoItemKey is not yet implemented for React Native',moduleName:'InfoItemKey'});return jsx(Fragment,{});};var InfoItemValue=function InfoItemValue(_props){throwBladeError({message:'InfoItemValue is not yet implemented for React Native',moduleName:'InfoItemValue'});return jsx(Fragment,{});};
+
+export { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };
+//# sourceMappingURL=InfoGroup.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoGroup.native.js","sources":["../../../../../src/components/InfoGroup/InfoGroup.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport type { InfoGroupProps, InfoItemProps, InfoItemKeyProps, InfoItemValueProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst InfoGroup = (_props: InfoGroupProps): React.ReactElement => {\n  throwBladeError({\n    message: 'InfoGroup is not yet implemented for React Native',\n    moduleName: 'InfoGroup',\n  });\n\n  return <></>;\n};\n\nconst InfoItem = (_props: InfoItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'InfoItem is not yet implemented for React Native',\n    moduleName: 'InfoItem',\n  });\n\n  return <></>;\n};\n\nconst InfoItemKey = (_props: InfoItemKeyProps): React.ReactElement => {\n  throwBladeError({\n    message: 'InfoItemKey is not yet implemented for React Native',\n    moduleName: 'InfoItemKey',\n  });\n\n  return <></>;\n};\n\nconst InfoItemValue = (_props: InfoItemValueProps): React.ReactElement => {\n  throwBladeError({\n    message: 'InfoItemValue is not yet implemented for React Native',\n    moduleName: 'InfoItemValue',\n  });\n\n  return <></>;\n};\n\nexport { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };\n"],"names":["InfoGroup","_props","throwBladeError","message","moduleName","_jsx","_Fragment","InfoItem","InfoItemKey","InfoItemValue"],"mappings":";;;AAIM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,MAAsB,CAAyB,CAChEC,eAAe,CAAC,CACdC,OAAO,CAAE,mDAAmD,CAC5DC,UAAU,CAAE,WACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAI,EAAA,CAAC,CACd,EAEM,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,CAAIN,MAAqB,CAAyB,CAC9DC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,UACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,GAAI,CAAC,CACd,EAEM,IAAAE,WAAW,CAAG,SAAdA,WAAWA,CAAIP,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,qDAAqD,CAC9DC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,GAAI,CAAC,CACd,EAEM,IAAAG,aAAa,CAAG,SAAhBA,aAAaA,CAAIR,MAA0B,CAAyB,CACxEC,eAAe,CAAC,CACdC,OAAO,CAAE,uDAAuD,CAChEC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}

package/build/lib/native/components/Input/DropdownInputTriggers/Chevron.js

@@ -4,6 +4,8 @@ import 'react-native-svg';
 import '@babel/runtime/helpers/defineProperty';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '../../Icons/_Svg/Svg/Svg.native.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -11,8 +13,6 @@ import '../../BladeProvider/useTheme.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import '../../BottomSheet/BottomSheetStack.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import ChevronDownIcon from '../../Icons/ChevronDownIcon/ChevronDownIcon.js';
 import ChevronUpIcon from '../../Icons/ChevronUpIcon/ChevronUpIcon.js';
 

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

@@ -7,14 +7,14 @@ import '@babel/runtime/helpers/defineProperty';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { jsx } from 'react/jsx-runtime';
 import '../../Icons/_Svg/Svg/Svg.native.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
 import '../../BladeProvider/useTheme.js';
 import 'react-native';
 import '../../BottomSheet/BottomSheetStack.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import EyeIcon from '../../Icons/EyeIcon/EyeIcon.js';
 import EyeOffIcon from '../../Icons/EyeOffIcon/EyeOffIcon.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';

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

@@ -9,6 +9,8 @@ import '@babel/runtime/helpers/defineProperty';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { jsx } from 'react/jsx-runtime';
 import '../../Icons/_Svg/Svg/Svg.native.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -16,8 +18,6 @@ import '../../BladeProvider/useTheme.js';
 import 'react-native';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
 import '../../BottomSheet/BottomSheetStack.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import CloseIcon from '../../Icons/CloseIcon/CloseIcon.js';
 import SearchIcon from '../../Icons/SearchIcon/SearchIcon.js';
 import { IconButton } from '../../Button/IconButton/IconButton.js';

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

@@ -9,6 +9,8 @@ import '@babel/runtime/helpers/defineProperty';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { jsx } from 'react/jsx-runtime';
 import '../../Icons/_Svg/Svg/Svg.native.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -16,8 +18,6 @@ import '../../BladeProvider/useTheme.js';
 import 'react-native';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
 import '../../BottomSheet/BottomSheetStack.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import CloseIcon from '../../Icons/CloseIcon/CloseIcon.js';
 import { IconButton } from '../../Button/IconButton/IconButton.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';

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

@@ -10,6 +10,8 @@ import '@babel/runtime/helpers/defineProperty';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { jsx } from 'react/jsx-runtime';
 import '../../Icons/_Svg/Svg/Svg.native.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -17,8 +19,6 @@ import '../../BladeProvider/useTheme.js';
 import 'react-native';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
 import '../../BottomSheet/BottomSheetStack.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import CloseIcon from '../../Icons/CloseIcon/CloseIcon.js';
 import { IconButton } from '../../Button/IconButton/IconButton.js';
 import { CharacterCounter } from '../../Form/CharacterCounter/CharacterCounter.js';

package/build/lib/native/components/Popover/PopoverCloseButton.js

@@ -5,6 +5,8 @@ import 'react-native-svg';
 import '@babel/runtime/helpers/defineProperty';
 import { jsx } from 'react/jsx-runtime';
 import '../Icons/_Svg/Svg/Svg.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -13,8 +15,6 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import '../BottomSheet/BottomSheetStack.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 
 var PopoverCloseButton=function PopoverCloseButton(){var _usePopoverContext=usePopoverContext(),close=_usePopoverContext.close,defaultInitialFocusRef=_usePopoverContext.defaultInitialFocusRef;return jsx(IconButton,{ref:defaultInitialFocusRef,size:"large",icon:CloseIcon,accessibilityLabel:"Close",onClick:close});};

package/build/lib/native/components/Table/tokens.js

@@ -3,6 +3,8 @@ import 'react-native-svg';
 import '@babel/runtime/helpers/defineProperty';
 import 'react/jsx-runtime';
 import '../Icons/_Svg/Svg/Svg.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
@@ -11,8 +13,6 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import '../BottomSheet/BottomSheetStack.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import AlertCircleIcon from '../Icons/AlertCircleIcon/AlertCircleIcon.js';
 import CheckIcon from '../Icons/CheckIcon/CheckIcon.js';
 

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

@@ -439,6 +439,7 @@ export { default as YoutubeIcon } from './Icons/YoutubeIcon/YoutubeIcon.js';
 export { default as ZapIcon } from './Icons/ZapIcon/ZapIcon.js';
 export { default as ZoomInIcon } from './Icons/ZoomInIcon/ZoomInIcon.js';
 export { default as ZoomOutIcon } from './Icons/ZoomOutIcon/ZoomOutIcon.js';
+export { InfoGroup, InfoItem, InfoItemKey, InfoItemValue } from './InfoGroup/InfoGroup.native.js';
 export { Indicator } from './Indicator/Indicator.js';
 export { SelectInput } from './Input/DropdownInputTriggers/SelectInput.js';
 export { AutoComplete } from './Input/DropdownInputTriggers/AutoComplete.js';

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

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

package/build/lib/native/utils/metaAttribute/metaConstants.js

@@ -1,4 +1,4 @@
-var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Avatar:'avatar',AvatarGroup:'avatar-group',Badge:'badge',BaseFilterChip:'base-filter-chip',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',BottomNav:'bottomnav',BottomNavItem:'bottomnav-item',Carousel:'carousel',ChatMessage:'chat-message',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Drawer:'drawer',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',DatePicker:'datepicker',Calendar:'calendar',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',FilterChipGroup:'filter-chip-group',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',InputGroup:'input-group',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',ListView:'list-view',ListViewFilter:'list-view-filter',OTPInput:'otp-input',PasswordInput:'password-input',SearchInput:'search-input',TextArea:'textarea',TextInput:'textinput',PhoneNumberInput:'phone-number-input',Toast:'toast',ToastContainer:'toast-container',TopNav:'top-nav',TopNavBrand:'top-nav-brand',TopNavContent:'top-nav-content',TopNavActions:'top-nav-actions',TabNav:'tab-nav',TabNavItems:'tab-nav-items',TabNavItem:'tab-nav-item',TabNavItemLink:'tab-nav-item-link',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SideNav:'sidenav',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableCellWrapper:'table-cell-wrapper',TableSortButton:'table-sort-button',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TablePageSelectionButton:'table-page-selection-button',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Menu:'menu',MenuHeader:'menu-header',MenuFooter:'menu-footer',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton',StepGroup:'step-group',StepItem:'step-item',PreviewWindow:'preview-window',PreviewHeader:'preview-header',PreviewBody:'preview-body',PreviewFooter:'preview-footer'};
+var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Avatar:'avatar',AvatarGroup:'avatar-group',Badge:'badge',BaseFilterChip:'base-filter-chip',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',BottomNav:'bottomnav',BottomNavItem:'bottomnav-item',Carousel:'carousel',ChatMessage:'chat-message',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Drawer:'drawer',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',DatePicker:'datepicker',Calendar:'calendar',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',FilterChipGroup:'filter-chip-group',Icon:'icon',IconButton:'icon-button',InfoGroup:'info-group',InfoItem:'info-item',InfoItemKey:'info-item-key',InfoItemValue:'info-item-value',InfoItemIcon:'info-item-icon',Indicator:'indicator',InputGroup:'input-group',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',ListView:'list-view',ListViewFilter:'list-view-filter',OTPInput:'otp-input',PasswordInput:'password-input',SearchInput:'search-input',TextArea:'textarea',TextInput:'textinput',PhoneNumberInput:'phone-number-input',Toast:'toast',ToastContainer:'toast-container',TopNav:'top-nav',TopNavBrand:'top-nav-brand',TopNavContent:'top-nav-content',TopNavActions:'top-nav-actions',TabNav:'tab-nav',TabNavItems:'tab-nav-items',TabNavItem:'tab-nav-item',TabNavItemLink:'tab-nav-item-link',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SideNav:'sidenav',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableCellWrapper:'table-cell-wrapper',TableSortButton:'table-sort-button',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TablePageSelectionButton:'table-page-selection-button',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Menu:'menu',MenuHeader:'menu-header',MenuFooter:'menu-footer',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton',StepGroup:'step-group',StepItem:'step-item',PreviewWindow:'preview-window',PreviewHeader:'preview-header',PreviewBody:'preview-body',PreviewFooter:'preview-footer'};
 
 export { MetaConstants };
 //# sourceMappingURL=metaConstants.js.map

package/build/lib/native/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  BaseFilterChip: 'base-filter-chip',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  BottomNav: 'bottomnav',\n  BottomNavItem: 'bottomnav-item',\n  Carousel: 'carousel',\n  ChatMessage: 'chat-message',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  FilterChipGroup: 'filter-chip-group',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  InputGroup: 'input-group',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  ListView: 'list-view',\n  ListViewFilter: 'list-view-filter',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItems: 'tab-nav-items',\n  TabNavItem: 'tab-nav-item',\n  TabNavItemLink: 'tab-nav-item-link',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableCellWrapper: 'table-cell-wrapper',\n  TableSortButton: 'table-sort-button',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TablePageSelectionButton: 'table-page-selection-button',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n  PreviewWindow: 'preview-window',\n  PreviewHeader: 'preview-header',\n  PreviewBody: 'preview-body',\n  PreviewFooter: 'preview-footer',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatMessage","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter"],"mappings":"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"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  BaseFilterChip: 'base-filter-chip',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  BottomNav: 'bottomnav',\n  BottomNavItem: 'bottomnav-item',\n  Carousel: 'carousel',\n  ChatMessage: 'chat-message',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  FilterChipGroup: 'filter-chip-group',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  InfoGroup: 'info-group',\n  InfoItem: 'info-item',\n  InfoItemKey: 'info-item-key',\n  InfoItemValue: 'info-item-value',\n  InfoItemIcon: 'info-item-icon',\n  Indicator: 'indicator',\n  InputGroup: 'input-group',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  ListView: 'list-view',\n  ListViewFilter: 'list-view-filter',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItems: 'tab-nav-items',\n  TabNavItem: 'tab-nav-item',\n  TabNavItemLink: 'tab-nav-item-link',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableCellWrapper: 'table-cell-wrapper',\n  TableSortButton: 'table-sort-button',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TablePageSelectionButton: 'table-page-selection-button',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n  PreviewWindow: 'preview-window',\n  PreviewHeader: 'preview-header',\n  PreviewBody: 'preview-body',\n  PreviewFooter: 'preview-footer',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatMessage","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter"],"mappings":"AAAa,IAAAA,aAAa,CAAG,CAC3BC,SAAS,CAAE,WAAW,CACtBC,eAAe,CAAE,kBAAkB,CACnCC,aAAa,CAAE,gBAAgB,CAC/BC,mBAAmB,CAAE,uBAAuB,CAC5CC,iBAAiB,CAAE,qBAAqB,CACxCC,UAAU,CAAE,aAAa,CACzBC,cAAc,CAAE,kBAAkB,CAClCC,iBAAiB,CAAE,qBAAqB,CACxCC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,YAAY,CAAE,cAAc,CAC5BC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,KAAK,CAAE,OAAO,CACdC,cAAc,CAAE,kBAAkB,CAClCC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,UAAU,CAAE,YAAY,CACxBC,cAAc,CAAE,iBAAiB,CACjCC,SAAS,CAAE,WAAW,CACtBC,aAAa,CAAE,gBAAgB,CAC/BC,QAAQ,CAAE,UAAU,CACpBC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,UAAU,CACpBC,aAAa,CAAE,gBAAgB,CAC/BC,aAAa,CAAE,gBAAgB,CAC/BC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,YAAY,CACvBC,SAAS,CAAE,YAAY,CACvBC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,iBAAiB,CAC5BC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,MAAM,CAAE,QAAQ,CAChBC,QAAQ,CAAE,UAAU,CACpBC,eAAe,CAAE,kBAAkB,CACnCC,cAAc,CAAE,iBAAiB,CACjCC,cAAc,CAAE,iBAAiB,CACjCC,UAAU,CAAE,YAAY,CACxBC,QAAQ,CAAE,UAAU,CACpBC,UAAU,CAAE,aAAa,CACzBC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,eAAe,CAAE,mBAAmB,CACpCC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,aAAa,CACzBC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,WAAW,CAAE,eAAe,CAC5BC,aAAa,CAAE,iBAAiB,CAChCC,YAAY,CAAE,gBAAgB,CAC9BC,SAAS,CAAE,WAAW,CACtBC,UAAU,CAAE,aAAa,CACzBC,IAAI,CAAE,MAAM,CACZC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,QAAQ,CAAE,WAAW,CACrBC,cAAc,CAAE,kBAAkB,CAClCC,QAAQ,CAAE,WAAW,CACrBC,aAAa,CAAE,gBAAgB,CAC/BC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,UAAU,CACpBC,SAAS,CAAE,WAAW,CACtBC,gBAAgB,CAAE,oBAAoB,CACtCC,KAAK,CAAE,OAAO,CACdC,cAAc,CAAE,iBAAiB,CACjCC,MAAM,CAAE,SAAS,CACjBC,WAAW,CAAE,eAAe,CAC5BC,aAAa,CAAE,iBAAiB,CAChCC,aAAa,CAAE,iBAAiB,CAChCC,MAAM,CAAE,SAAS,CACjBC,WAAW,CAAE,eAAe,CAC5BC,UAAU,CAAE,cAAc,CAC1BC,cAAc,CAAE,mBAAmB,CACnCC,WAAW,CAAE,cAAc,CAC3BC,KAAK,CAAE,OAAO,CACdC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,WAAW,CAAE,cAAc,CAC3BC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAE,UAAU,CACnBC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,eAAe,CAC7BC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,SAAS,CAAE,YAAY,CACvBC,gBAAgB,CAAE,oBAAoB,CACtCC,eAAe,CAAE,mBAAmB,CACpCC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,YAAY,CAAE,eAAe,CAC7BC,wBAAwB,CAAE,6BAA6B,CACvDC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,WAAW,CACrBC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,iBAAiB,CAAE,qBAAqB,CACxCC,iBAAiB,CAAE,qBAAqB,CACxCC,qBAAqB,CAAE,yBAAyB,CAChDC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,WAAW,CAAE,aAAa,CAC1BC,eAAe,CAAE,kBAAkB,CACnCC,iBAAiB,CAAE,oBAAoB,CACvCC,eAAe,CAAE,kBAAkB,CACnCC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,WAAW,CAAE,cAAc,CAC3BC,WAAW,CAAE,cAAc,CAC3BC,aAAa,CAAE,gBAAgB,CAC/BC,kBAAkB,CAAE,sBAAsB,CAC1CC,cAAc,CAAE,iBAAiB,CACjCC,SAAS,CAAE,YAAY,CACvBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,QAAQ,CAAE,UAAU,CACpBC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,aAAa,CAAE,gBAAgB,CAC/BC,aAAa,CAAE,gBAAgB,CAC/BC,WAAW,CAAE,cAAc,CAC3BC,aAAa,CAAE,gBACjB;;;;"}

package/build/lib/web/development/components/Form/Selector/SelectorGroupField.js

@@ -6,7 +6,10 @@ import '../../Box/BaseBox/index.js';
 import '../../../utils/makeAccessible/index.js';
 import '../../../utils/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
@@ -25,13 +28,19 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
     componentName = _ref.componentName,
     testID = _ref.testID,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useBreakpoint = useBreakpoint({
+      breakpoints: theme.breakpoints
+    }),
+    matchedDeviceType = _useBreakpoint.matchedDeviceType;
   var isReactNative = getPlatformType() === 'react-native';
-  var labelPosition = position === 'top' ? 'column' : 'row';
-  if (isReactNative) labelPosition = 'column';
+  var isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';
+  if (isReactNative) isLabelLeftPositioned = false;
   var role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: "flex",
-    flexDirection: labelPosition
+    flexDirection: isLabelLeftPositioned ? 'row' : 'column'
   }, makeAccessible({
     role: role,
     labelledBy: labelledBy

package/build/lib/web/development/components/Form/Selector/SelectorGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  let labelPosition: CSSObject['flexDirection'] = position === 'top' ? 'column' : 'row';\n  if (isReactNative) labelPosition = 'column';\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={labelPosition}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","isReactNative","getPlatformType","labelPosition","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAC1D,IAAIC,aAAyC,GAAGV,QAAQ,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAA;AACrF,EAAA,IAAIQ,aAAa,EAAEE,aAAa,GAAG,QAAQ,CAAA;EAC3C,IAAMC,IAAI,GAAGT,iBAAiB,KAAK,OAAO,IAAIM,aAAa,GAAGI,SAAS,GAAGV,iBAAiB,CAAA;EAE3F,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,aAAAA;AAAc,GAAA,EACzBQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJZ,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAC,CACEoB,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEjB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CiB,sBAAsB,CAAChB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isReactNative = getPlatformType() === 'react-native';\n\n  let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n  if (isReactNative) isLabelLeftPositioned = false;\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,IAAIC,qBAAqB,GAAGjB,QAAQ,KAAK,MAAM,IAAIc,iBAAiB,KAAK,SAAS,CAAA;AAClF,EAAA,IAAIC,aAAa,EAAEE,qBAAqB,GAAG,KAAK,CAAA;EAChD,IAAMC,IAAI,GAAGhB,iBAAiB,KAAK,OAAO,IAAIa,aAAa,GAAGI,SAAS,GAAGjB,iBAAiB,CAAA;EAE3F,oBACEkB,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,qBAAqB,GAAG,KAAK,GAAG,QAAA;AAAS,GAAA,EACpDQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJnB,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAC,CACE2B,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAExB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CwB,sBAAsB,CAACvB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/Icons/useIconProps/iconSizeMap.js

@@ -0,0 +1,14 @@
+import '../../../tokens/global/index.js';
+import { size } from '../../../tokens/global/size.js';
+
+var iconSizeMap = {
+  xsmall: size[8],
+  small: size[12],
+  medium: size[16],
+  large: size[20],
+  xlarge: size[24],
+  '2xlarge': size[32]
+};
+
+export { iconSizeMap };
+//# sourceMappingURL=iconSizeMap.js.map

package/build/lib/web/development/components/Icons/useIconProps/iconSizeMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconSizeMap.js","sources":["../../../../../../../src/components/Icons/useIconProps/iconSizeMap.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst iconSizeMap = {\n  xsmall: size[8],\n  small: size[12],\n  medium: size[16],\n  large: size[20],\n  xlarge: size[24],\n  '2xlarge': size[32],\n} as const;\n\nexport { iconSizeMap };\n"],"names":["iconSizeMap","xsmall","size","small","medium","large","xlarge"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,MAAM,EAAEC,IAAI,CAAC,CAAC,CAAC;AACfC,EAAAA,KAAK,EAAED,IAAI,CAAC,EAAE,CAAC;AACfE,EAAAA,MAAM,EAAEF,IAAI,CAAC,EAAE,CAAC;AAChBG,EAAAA,KAAK,EAAEH,IAAI,CAAC,EAAE,CAAC;AACfI,EAAAA,MAAM,EAAEJ,IAAI,CAAC,EAAE,CAAC;EAChB,SAAS,EAAEA,IAAI,CAAC,EAAE,CAAA;AACpB;;;;"}