npm - @razorpay/blade - Versions diffs - 12.49.3 → 12.49.5 - Mend

@razorpay/blade 12.49.3 → 12.49.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (618) hide show

package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js CHANGED Viewed

@@ -157,11 +157,11 @@ var _BaseFilterChip = function _BaseFilterChip(_ref5, ref) {
       id: id,
       onClick: function onClick(e) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
+        _onClick === null || _onClick === void 0 || _onClick(e);
       },
       onKeyDown: function onKeyDown(e) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+        _onKeyDown === null || _onKeyDown === void 0 || _onKeyDown(e);
       }
     }, makeAccessible(_objectSpread(_objectSpread({}, accessibilityProps), {}, {
       role: (_accessibilityProps$r = accessibilityProps === null || accessibilityProps === void 0 ? void 0 : accessibilityProps.role) !== null && _accessibilityProps$r !== void 0 ? _accessibilityProps$r : 'button'
@@ -210,7 +210,7 @@ var _BaseFilterChip = function _BaseFilterChip(_ref5, ref) {
     }) : null]
   });
 };
-var BaseFilterChip = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_BaseFilterChip), {
+var BaseFilterChip = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_BaseFilterChip), {
   componentId: MetaConstants.BaseFilterChip
 });

package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseFilterChip.web.js","sources":["../../../../../../src/components/FilterChip/BaseFilterChip.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport { FILTER_CHIP_HEIGHT } from './tokens';\nimport type { BaseFilterChipProps } from './types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { Theme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getInteractiveFilterItemStyles = ({ theme }: { theme: Theme }): CSSObject => {\n return {\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n border: 'none',\n cursor: 'pointer',\n color: 'currentcolor',\n '&:not([disabled]):hover': {\n backgroundColor: theme.colors.interactive.background.gray.faded,\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme }),\n outlineOffset: makeSpace(theme.spacing[1]),\n },\n };\n};\n\nconst StyledFilterChip = styled(BaseBox)<{ $isSelected?: boolean; $isDisabled?: boolean }>(\n ({ theme, $isDisabled, $isSelected }) => {\n return {\n borderWidth: makeBorderSize(theme.border.width.thin),\n borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],\n height: FILTER_CHIP_HEIGHT,\n borderRadius: theme.border.radius.max,\n display: 'flex',\n borderStyle: $isSelected ? 'solid' : 'dashed',\n backgroundColor: theme.colors.surface.background.gray.intense,\n color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],\n width: 'fit-content',\n };\n },\n);\n\nconst StyledFilterTrigger = styled.button<{ $isSelected?: boolean }>(({ theme, $isSelected }) => {\n const { spacing } = theme;\n return {\n backgroundColor: theme.colors.transparent,\n borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,\n borderTopLeftRadius: theme.border.radius.max,\n borderBottomLeftRadius: theme.border.radius.max,\n paddingLeft: makeSpace(spacing[4]),\n paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),\n gap: makeSpace(spacing[2]),\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst StyledFilterCloseButton = styled.button(({ theme }) => {\n return {\n backgroundColor: theme.colors.transparent,\n borderTopRightRadius: theme.border.radius.max,\n borderBottomRightRadius: theme.border.radius.max,\n paddingLeft: makeSpace(theme.spacing[2]),\n paddingRight: makeSpace(theme.spacing[3]),\n justifyContent: 'center',\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst renderValue = (\n selectionType: BaseFilterChipProps['selectionType'],\n value: BaseFilterChipProps['value'],\n isDisabled?: boolean,\n): React.ReactElement => {\n if (selectionType === 'multiple' && Array.isArray(value)) {\n return (\n <Box display=\"flex\" alignItems=\"center\">\n <Counter value={value.length} color={isDisabled ? 'neutral' : 'primary'} size=\"small\" />\n </Box>\n );\n }\n\n return (\n <Text\n as=\"span\"\n size=\"small\"\n weight=\"semibold\"\n color={isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.primary.normal'}\n >\n {value}\n </Text>\n );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<BladeElementRef, BaseFilterChipProps> = (\n {\n value,\n onClearButtonClick,\n label,\n isDisabled,\n selectionType = 'single',\n onClick,\n onKeyDown,\n accessibilityProps,\n id,\n ...rest\n }: BaseFilterChipProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const isSelected =\n selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n\n return (\n <StyledFilterChip\n $isDisabled={isDisabled}\n $isSelected={isSelected}\n ref={ref as React.Ref<HTMLDivElement>}\n >\n <StyledFilterTrigger\n $isSelected={isSelected}\n disabled={isDisabled}\n id={id}\n onClick={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onClick?.(e as any);\n }}\n onKeyDown={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyDown?.(e as any);\n }}\n {...makeAccessible({\n ...accessibilityProps,\n role: accessibilityProps?.role ?? 'button',\n })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID: rest.testID })}\n >\n <Box display=\"flex\" gap=\"spacing.2\" whiteSpace=\"nowrap\">\n <Text size=\"small\" weight=\"medium\" color=\"currentColor\" truncateAfterLines={1}>\n {label}\n {isSelected ? ':' : null}\n </Text>\n {isSelected ? renderValue(selectionType, value, isDisabled) : null}\n </Box>\n <Box display=\"flex\" alignItems=\"center\" paddingRight=\"spacing.1\">\n <ChevronDownIcon size=\"small\" color=\"currentColor\" />\n </Box>\n </StyledFilterTrigger>\n {isSelected ? (\n <>\n <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n <StyledFilterCloseButton\n aria-label={`Clear ${label} value`}\n // value can never be undefined because when it's undefined the button itself doesn't render/\n onClick={() => onClearButtonClick?.({ value: value ?? '' })}\n disabled={isDisabled}\n >\n <CloseIcon size=\"small\" color=\"currentColor\" />\n </StyledFilterCloseButton>\n </>\n ) : null}\n </StyledFilterChip>\n );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["getInteractiveFilterItemStyles","_ref","theme","display","height","alignItems","border","cursor","color","backgroundColor","colors","interactive","background","gray","faded","_objectSpread","getFocusRingStyles","outlineOffset","makeSpace","spacing","StyledFilterChip","styled","BaseBox","withConfig","displayName","componentId","_ref2","$isDisabled","$isSelected","borderWidth","makeBorderSize","width","thin","borderColor","FILTER_CHIP_HEIGHT","borderRadius","radius","max","borderStyle","surface","intense","text","StyledFilterTrigger","button","_ref3","transparent","none","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","isDisabled","Array","isArray","_jsx","Box","children","Counter","length","size","Text","as","weight","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","_ref5$selectionType","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","isSelected","_jsxs","disabled","e","makeAccessible","role","getStyledProps","makeAnalyticsAttribute","metaAttribute","testID","whiteSpace","truncateAfterLines","ChevronDownIcon","_Fragment","Divider","orientation","variant","concat","CloseIcon","BaseFilterChip","assignWithoutSideEffects","React","forwardRef","MetaConstants"],"mappings":"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"}
1	+ {"version":3,"file":"BaseFilterChip.web.js","sources":["../../../../../../src/components/FilterChip/BaseFilterChip.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport { FILTER_CHIP_HEIGHT } from './tokens';\nimport type { BaseFilterChipProps } from './types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { Theme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getInteractiveFilterItemStyles = ({ theme }: { theme: Theme }): CSSObject => {\n return {\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n border: 'none',\n cursor: 'pointer',\n color: 'currentcolor',\n '&:not([disabled]):hover': {\n backgroundColor: theme.colors.interactive.background.gray.faded,\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme }),\n outlineOffset: makeSpace(theme.spacing[1]),\n },\n };\n};\n\nconst StyledFilterChip = styled(BaseBox)<{ $isSelected?: boolean; $isDisabled?: boolean }>(\n ({ theme, $isDisabled, $isSelected }) => {\n return {\n borderWidth: makeBorderSize(theme.border.width.thin),\n borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],\n height: FILTER_CHIP_HEIGHT,\n borderRadius: theme.border.radius.max,\n display: 'flex',\n borderStyle: $isSelected ? 'solid' : 'dashed',\n backgroundColor: theme.colors.surface.background.gray.intense,\n color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],\n width: 'fit-content',\n };\n },\n);\n\nconst StyledFilterTrigger = styled.button<{ $isSelected?: boolean }>(({ theme, $isSelected }) => {\n const { spacing } = theme;\n return {\n backgroundColor: theme.colors.transparent,\n borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,\n borderTopLeftRadius: theme.border.radius.max,\n borderBottomLeftRadius: theme.border.radius.max,\n paddingLeft: makeSpace(spacing[4]),\n paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),\n gap: makeSpace(spacing[2]),\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst StyledFilterCloseButton = styled.button(({ theme }) => {\n return {\n backgroundColor: theme.colors.transparent,\n borderTopRightRadius: theme.border.radius.max,\n borderBottomRightRadius: theme.border.radius.max,\n paddingLeft: makeSpace(theme.spacing[2]),\n paddingRight: makeSpace(theme.spacing[3]),\n justifyContent: 'center',\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst renderValue = (\n selectionType: BaseFilterChipProps['selectionType'],\n value: BaseFilterChipProps['value'],\n isDisabled?: boolean,\n): React.ReactElement => {\n if (selectionType === 'multiple' && Array.isArray(value)) {\n return (\n <Box display=\"flex\" alignItems=\"center\">\n <Counter value={value.length} color={isDisabled ? 'neutral' : 'primary'} size=\"small\" />\n </Box>\n );\n }\n\n return (\n <Text\n as=\"span\"\n size=\"small\"\n weight=\"semibold\"\n color={isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.primary.normal'}\n >\n {value}\n </Text>\n );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<BladeElementRef, BaseFilterChipProps> = (\n {\n value,\n onClearButtonClick,\n label,\n isDisabled,\n selectionType = 'single',\n onClick,\n onKeyDown,\n accessibilityProps,\n id,\n ...rest\n }: BaseFilterChipProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const isSelected =\n selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n\n return (\n <StyledFilterChip\n $isDisabled={isDisabled}\n $isSelected={isSelected}\n ref={ref as React.Ref<HTMLDivElement>}\n >\n <StyledFilterTrigger\n $isSelected={isSelected}\n disabled={isDisabled}\n id={id}\n onClick={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onClick?.(e as any);\n }}\n onKeyDown={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyDown?.(e as any);\n }}\n {...makeAccessible({\n ...accessibilityProps,\n role: accessibilityProps?.role ?? 'button',\n })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID: rest.testID })}\n >\n <Box display=\"flex\" gap=\"spacing.2\" whiteSpace=\"nowrap\">\n <Text size=\"small\" weight=\"medium\" color=\"currentColor\" truncateAfterLines={1}>\n {label}\n {isSelected ? ':' : null}\n </Text>\n {isSelected ? renderValue(selectionType, value, isDisabled) : null}\n </Box>\n <Box display=\"flex\" alignItems=\"center\" paddingRight=\"spacing.1\">\n <ChevronDownIcon size=\"small\" color=\"currentColor\" />\n </Box>\n </StyledFilterTrigger>\n {isSelected ? (\n <>\n <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n <StyledFilterCloseButton\n aria-label={`Clear ${label} value`}\n // value can never be undefined because when it's undefined the button itself doesn't render/\n onClick={() => onClearButtonClick?.({ value: value ?? '' })}\n disabled={isDisabled}\n >\n <CloseIcon size=\"small\" color=\"currentColor\" />\n </StyledFilterCloseButton>\n </>\n ) : null}\n </StyledFilterChip>\n );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["getInteractiveFilterItemStyles","_ref","theme","display","height","alignItems","border","cursor","color","backgroundColor","colors","interactive","background","gray","faded","_objectSpread","getFocusRingStyles","outlineOffset","makeSpace","spacing","StyledFilterChip","styled","BaseBox","withConfig","displayName","componentId","_ref2","$isDisabled","$isSelected","borderWidth","makeBorderSize","width","thin","borderColor","FILTER_CHIP_HEIGHT","borderRadius","radius","max","borderStyle","surface","intense","text","StyledFilterTrigger","button","_ref3","transparent","none","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","isDisabled","Array","isArray","_jsx","Box","children","Counter","length","size","Text","as","weight","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","_ref5$selectionType","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","isSelected","_jsxs","disabled","e","makeAccessible","role","getStyledProps","makeAnalyticsAttribute","metaAttribute","testID","whiteSpace","truncateAfterLines","ChevronDownIcon","_Fragment","Divider","orientation","variant","concat","CloseIcon","BaseFilterChip","assignWithoutSideEffects","React","forwardRef","MetaConstants"],"mappings":"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"}

package/build/lib/web/production/components/Form/FormHint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormHint.js","sources":["../../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name /\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { Box } from '~components/Box';\n\ntype HintTextProps = {\n icon?: IconComponent;\n children: string;\n id?: string;\n color: TextProps<{ variant: 'caption' }>['color'];\n size: 'small' \| 'medium' \| 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n const isReactNative = getPlatformType() === 'react-native';\n\n return (\n <BaseBox marginTop={hintMarginTop[size]} id={id}>\n <FormHintWrapper>\n {Icon ? (\n // offset block element 2px down to align with text\n <Box flexShrink={0} marginTop=\"spacing.1\">\n <Icon />\n </Box>\n ) : null}\n <Text\n as={isReactNative ? undefined : 'span'}\n color={color}\n size={hintTextSize[size]}\n variant=\"caption\"\n wordBreak=\"break-word\"\n >\n {children}\n </Text>\n </FormHintWrapper>\n </BaseBox>\n );\n};\n\nexport type FormHintProps = {\n type: 'help' \| 'error' \| 'success';\n /\n Help text for the group\n /\n helpText?: string;\n /\n Error text for the group\n \n Renders when `state` is set to 'error'\n /\n errorText?: string;\n /\n Success text for the group\n \n Renders when `state` is set to 'success'\n /\n successText?: string;\n /\n Sets the id on errorText.\n * Needed for accessibility reasons.\n /\n errorTextId?: string;\n /\n Sets the id on helpText.\n * Needed for accessibility reasons.\n /\n helpTextId?: string;\n /\n Sets the id on successText.\n * Needed for accessibility reasons.\n /\n successTextId?: string;\n /\n Sets the size of the hint\n * @default medium\n */\n size?: 'small' \| 'medium' \| 'large';\n};\n\nconst Icons = {\n error: ({ size }: { size: 'small' \| 'medium' \| 'large' }): ReactElement => (\n <InfoIcon\n display={'block' as never}\n color=\"feedback.icon.negative.intense\"\n size={hintIconSize[size]}\n />\n ),\n success: ({ size }: { size: 'small' \| 'medium' \| 'large' }): ReactElement => (\n <CheckIcon\n display={'block' as never}\n color=\"feedback.icon.positive.intense\"\n size={hintIconSize[size]}\n />\n ),\n};\n\nconst FormHint = ({\n type,\n helpText,\n errorText,\n successText,\n helpTextId,\n errorTextId,\n successTextId,\n size = 'medium',\n}: FormHintProps): React.ReactElement => {\n const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n help: 'surface.text.gray.muted',\n error: 'feedback.text.negative.intense',\n success: 'feedback.text.positive.intense',\n };\n\n const showError = type === 'error' && errorText;\n const showSuccess = type === 'success' && successText;\n const showHelp = !showError && !showSuccess && helpText;\n\n return (\n <>\n {showHelp && (\n <HintText size={size} id={helpTextId} color={colors.help}>\n {helpText}\n </HintText>\n )}\n\n {showError && (\n <HintText\n size={size}\n id={errorTextId}\n icon={() => Icons.error({ size })}\n color={colors.error}\n >\n {errorText}\n </HintText>\n )}\n\n {showSuccess && (\n <HintText\n size={size}\n id={successTextId}\n icon={() => Icons.success({ size })}\n color={colors.success}\n >\n {successText}\n </HintText>\n )}\n </>\n );\n};\n\nexport { FormHint };\n"],"names":["HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Box","flexShrink","Text","as","undefined","hintTextSize","variant","wordBreak","Icons","error","_ref2","InfoIcon","display","hintIconSize","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp","_Fragment"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AAqBA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAA+E;AAAA,EAAA,IAAnEC,IAAI,GAAAD,IAAA,CAAVE,IAAI;IAAQC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,IAAI,GAAAN,IAAA,CAAJM,IAAI,CAAA;AACvD,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,oBACEC,GAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,SAAS,EAAEC,aAAa,CAACN,IAAI,CAAE;AAACF,IAAAA,EAAE,EAAEA,EAAG;IAAAD,QAAA,eAC9CU,IAAA,CAACC,eAAe,EAAA;AAAAX,MAAAA,QAAA,GACbF,IAAI;AAAA;AACH;AACAQ,MAAAA,GAAA,CAACM,GAAG,EAAA;AAACC,QAAAA,UAAU,EAAE,CAAE;AAACL,QAAAA,SAAS,EAAC,WAAW;AAAAR,QAAAA,QAAA,eACvCM,GAAA,CAACR,IAAI,EAAE,EAAA,CAAA;AAAC,OACL,CAAC,GACJ,IAAI,eACRQ,GAAA,CAACQ,IAAI,EAAA;AACHC,QAAAA,EAAE,EAAEX,aAAa,GAAGY,SAAS,GAAG,MAAO;AACvCd,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,IAAI,EAAEc,YAAY,CAACd,IAAI,CAAE;AACzBe,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,SAAS,EAAC,YAAY;AAAAnB,QAAAA,QAAA,EAErBA,QAAAA;AAAQ,OACL,CAAC,CAAA;KACQ,CAAA;AAAC,GACX,CAAC,CAAA;AAEd,CAAC,CAAA;AA0CD,IAAMoB,KAAK,GAAG;~~EACZC~~,KAAK,EAAE,~~SAAAA~~,~~KAAAA~~,CAAAC,KAAA,EAAA;AAAA,IAAA,~~IAAGnB~~,IAAI,GAAAmB,KAAA,CAAJnB,IAAI,CAAA;IAAA,oBACZG,GAAA,CAACiB,QAAQ,EAAA;AACPC,MAAAA,OAAO,EAAE,OAAiB;AAC1BtB,MAAAA,KAAK,EAAC,gCAAgC;MACtCC,IAAI,EAAEsB,YAAY,CAACtB,IAAI,CAAA;AAAE,KAC1B,CAAC,CAAA;GACH;~~EACDuB~~,OAAO,EAAE,~~SAAAA~~,~~OAAAA~~,CAAAC,KAAA,EAAA;AAAA,IAAA,~~IAAGxB~~,IAAI,GAAAwB,KAAA,CAAJxB,IAAI,CAAA;IAAA,oBACdG,GAAA,CAACsB,SAAS,EAAA;AACRJ,MAAAA,OAAO,EAAE,OAAiB;AAC1BtB,MAAAA,KAAK,EAAC,gCAAgC;MACtCC,IAAI,EAAEsB,YAAY,CAACtB,IAAI,CAAA;AAAE,KAC1B,CAAC,CAAA;AAAA,GAAA;AAEN,CAAC,CAAA;AAED,IAAM0B,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAS2B;AAAA,EAAA,IARvCC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,KAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,KAAA,CAAXI,WAAW;IACXC,UAAU,GAAAL,KAAA,CAAVK,UAAU;IACVC,WAAW,GAAAN,KAAA,CAAXM,WAAW;IACXC,aAAa,GAAAP,KAAA,CAAbO,aAAa;IAAAC,UAAA,GAAAR,KAAA,CACb3B,IAAI;AAAJA,IAAAA,IAAI,GAAAmC,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA,CAAA;AAEf,EAAA,IAAMC,MAAkE,GAAG;AACzEC,IAAAA,IAAI,EAAE,yBAAyB;AAC/BnB,IAAAA,KAAK,EAAE,gCAAgC;AACvCK,IAAAA,OAAO,EAAE,gCAAA;GACV,CAAA;AAED,EAAA,IAAMe,SAAS,GAAGV,IAAI,KAAK,OAAO,IAAIE,SAAS,CAAA;AAC/C,EAAA,IAAMS,WAAW,GAAGX,IAAI,KAAK,SAAS,IAAIG,WAAW,CAAA;EACrD,IAAMS,QAAQ,GAAG,CAACF,SAAS,IAAI,CAACC,WAAW,IAAIV,QAAQ,CAAA;EAEvD,oBACEtB,IAAA,CAAAkC,QAAA,EAAA;AAAA5C,IAAAA,QAAA,EACG2C,CAAAA,QAAQ,iBACPrC,GAAA,CAACV,QAAQ,EAAA;AAACO,MAAAA,IAAI,EAAEA,IAAK;AAACF,MAAAA,EAAE,EAAEkC,UAAW;MAACjC,KAAK,EAAEqC,MAAM,CAACC,IAAK;AAAAxC,MAAAA,QAAA,EACtDgC,QAAAA;AAAQ,KACD,CACX,EAEAS,SAAS,iBACRnC,GAAA,CAACV,QAAQ,EAAA;AACPO,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,EAAE,EAAEmC,WAAY;MAChBrC,IAAI,EAAE,~~SAAAA~~,~~IAAA~~,GAAA;QAAA,~~OAAMqB~~,KAAK,CAACC,KAAK,CAAC;AAAElB,UAAAA,IAAI,EAAJA,IAAAA;AAAK,SAAC,CAAC,CAAA;OAAC;MAClCD,KAAK,EAAEqC,MAAM,CAAClB,KAAM;AAAArB,MAAAA,QAAA,EAEnBiC,SAAAA;AAAS,KACF,CACX,EAEAS,WAAW,iBACVpC,GAAA,CAACV,QAAQ,EAAA;AACPO,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,EAAE,EAAEoC,aAAc;MAClBtC,IAAI,EAAE,~~SAAAA~~,~~IAAA~~,GAAA;QAAA,~~OAAMqB~~,KAAK,CAACM,OAAO,CAAC;AAAEvB,UAAAA,IAAI,EAAJA,IAAAA;AAAK,SAAC,CAAC,CAAA;OAAC;MACpCD,KAAK,EAAEqC,MAAM,CAACb,OAAQ;AAAA1B,MAAAA,QAAA,EAErBkC,WAAAA;AAAW,KACJ,CACX,CAAA;AAAA,GACD,CAAC,CAAA;AAEP;;;;"}
1	+ {"version":3,"file":"FormHint.js","sources":["../../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name /\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { Box } from '~components/Box';\n\ntype HintTextProps = {\n icon?: IconComponent;\n children: string;\n id?: string;\n color: TextProps<{ variant: 'caption' }>['color'];\n size: 'small' \| 'medium' \| 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n const isReactNative = getPlatformType() === 'react-native';\n\n return (\n <BaseBox marginTop={hintMarginTop[size]} id={id}>\n <FormHintWrapper>\n {Icon ? (\n // offset block element 2px down to align with text\n <Box flexShrink={0} marginTop=\"spacing.1\">\n <Icon />\n </Box>\n ) : null}\n <Text\n as={isReactNative ? undefined : 'span'}\n color={color}\n size={hintTextSize[size]}\n variant=\"caption\"\n wordBreak=\"break-word\"\n >\n {children}\n </Text>\n </FormHintWrapper>\n </BaseBox>\n );\n};\n\nexport type FormHintProps = {\n type: 'help' \| 'error' \| 'success';\n /\n Help text for the group\n /\n helpText?: string;\n /\n Error text for the group\n \n Renders when `state` is set to 'error'\n /\n errorText?: string;\n /\n Success text for the group\n \n Renders when `state` is set to 'success'\n /\n successText?: string;\n /\n Sets the id on errorText.\n * Needed for accessibility reasons.\n /\n errorTextId?: string;\n /\n Sets the id on helpText.\n * Needed for accessibility reasons.\n /\n helpTextId?: string;\n /\n Sets the id on successText.\n * Needed for accessibility reasons.\n /\n successTextId?: string;\n /\n Sets the size of the hint\n * @default medium\n */\n size?: 'small' \| 'medium' \| 'large';\n};\n\nconst Icons = {\n error: ({ size }: { size: 'small' \| 'medium' \| 'large' }): ReactElement => (\n <InfoIcon\n display={'block' as never}\n color=\"feedback.icon.negative.intense\"\n size={hintIconSize[size]}\n />\n ),\n success: ({ size }: { size: 'small' \| 'medium' \| 'large' }): ReactElement => (\n <CheckIcon\n display={'block' as never}\n color=\"feedback.icon.positive.intense\"\n size={hintIconSize[size]}\n />\n ),\n};\n\nconst FormHint = ({\n type,\n helpText,\n errorText,\n successText,\n helpTextId,\n errorTextId,\n successTextId,\n size = 'medium',\n}: FormHintProps): React.ReactElement => {\n const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n help: 'surface.text.gray.muted',\n error: 'feedback.text.negative.intense',\n success: 'feedback.text.positive.intense',\n };\n\n const showError = type === 'error' && errorText;\n const showSuccess = type === 'success' && successText;\n const showHelp = !showError && !showSuccess && helpText;\n\n return (\n <>\n {showHelp && (\n <HintText size={size} id={helpTextId} color={colors.help}>\n {helpText}\n </HintText>\n )}\n\n {showError && (\n <HintText\n size={size}\n id={errorTextId}\n icon={() => Icons.error({ size })}\n color={colors.error}\n >\n {errorText}\n </HintText>\n )}\n\n {showSuccess && (\n <HintText\n size={size}\n id={successTextId}\n icon={() => Icons.success({ size })}\n color={colors.success}\n >\n {successText}\n </HintText>\n )}\n </>\n );\n};\n\nexport { FormHint };\n"],"names":["HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Box","flexShrink","Text","as","undefined","hintTextSize","variant","wordBreak","Icons","error","_ref2","InfoIcon","display","hintIconSize","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp","_Fragment"],"mappings":"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"}

package/build/lib/web/production/components/Form/Selector/SelectorInput.web.js CHANGED Viewed

@@ -95,7 +95,7 @@ var _SelectorInput = function _SelectorInput(_ref3, ref) {
     ref: mergedRef
   }));
 };
-var SelectorInput = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_SelectorInput), {
+var SelectorInput = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_SelectorInput), {
   displayName: 'SelectorInput'
 });

package/build/lib/web/production/components/Form/Selector/SelectorInput.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles, legacyScreenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\n\nconst getHoverStyles = ({\n theme,\n isDisabled,\n hasError,\n isChecked,\n hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n if (isDisabled \|\| hasError) return {};\n\n const checked = isChecked ? 'checked' : 'unchecked';\n const backgroundColor = hoverTokens.default.background[checked];\n const borderColor = hoverTokens.default.border?.[checked];\n\n return {\n borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n backgroundColor: getIn(theme, backgroundColor),\n transitionTimingFunction: theme.motion.easing.standard as string,\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n };\n};\n\nconst StyledInput = styled.input<\n HoverProps & {\n shouldUseLegacyScreenReaderStyles?: boolean;\n }\n>(({ theme, isChecked, isDisabled, hasError, hoverTokens, shouldUseLegacyScreenReaderStyles }) => ({\n ...(shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles),\n '&:focus-visible + div': {\n ...getFocusRingStyles({ theme }),\n },\n '&:hover + div': {\n ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n },\n}));\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n {\n id,\n inputProps,\n isChecked,\n isDisabled,\n hasError,\n hoverTokens,\n tabIndex,\n accessibilityLabel,\n ...rest\n },\n ref,\n) => {\n // merging both refs because inputProps.ref needs to have access to indeterminate state\n // to be able to set the mixed value via setMixed() function\n // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n const mergedRef = useMergeRefs(ref, inputProps.ref);\n const { isInBottomSheet } = useBottomSheetContext();\n\n return (\n <StyledInput\n id={id}\n isChecked={isChecked}\n isDisabled={isDisabled}\n hasError={hasError}\n tabIndex={tabIndex}\n hoverTokens={hoverTokens}\n shouldUseLegacyScreenReaderStyles={isInBottomSheet}\n {...inputProps}\n {...makeAccessible({ label: accessibilityLabel })}\n {...makeAnalyticsAttribute(rest)}\n ref={mergedRef}\n />\n );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","shouldUseLegacyScreenReaderStyles","_objectSpread","legacyScreenReaderStyles","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAM4B;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAL9CC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,WAAW,GAAAN,IAAA,CAAXM,WAAW,CAAA;AAEX,EAAA,IAAIH,UAAU,IAAIC,QAAQ,EAAE,OAAO,EAAE,CAAA;AAErC,EAAA,IAAMG,OAAO,GAAGF,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;EACnD,IAAMG,eAAe,GAAGF,WAAW,CAAA,SAAA,CAAQ,CAACG,UAAU,CAACF,OAAO,CAAC,CAAA;AAC/D,EAAA,IAAMG,WAAW,GAAA,CAAAT,qBAAA,GAAGK,WAAW,CAAQ,SAAA,CAAA,CAACK,MAAM,MAAA,IAAA,IAAAV,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA1BA,qBAAA,CAA6BM,OAAO,CAAC,CAAA;EAEzD,OAAO;IACLG,WAAW,EAAEA,WAAW,GAAGE,KAAK,CAACV,KAAK,EAAEQ,WAAW,CAAC,GAAGG,SAAS;AAChEL,IAAAA,eAAe,EAAEI,KAAK,CAACV,KAAK,EAAEM,eAAe,CAAC;AAC9CM,IAAAA,wBAAwB,EAAEZ,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,QAAkB;AAChEC,IAAAA,kBAAkB,EAAEC,WAAW,CAACC,cAAc,CAAClB,KAAK,CAACa,MAAM,CAACM,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA;GACjF,CAAA;AACH,CAAC,CAAA;AAED,IAAMC,WAAW,gBAAGC,MAAM,CAACC,KAAK,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAI9B,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAG1B,KAAK,GAAA0B,KAAA,CAAL1B,KAAK;IAAEG,SAAS,GAAAuB,KAAA,CAATvB,SAAS;IAAEF,UAAU,GAAAyB,KAAA,CAAVzB,UAAU;IAAEC,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;IAAEE,WAAW,GAAAsB,KAAA,CAAXtB,WAAW;IAAEuB,iCAAiC,GAAAD,KAAA,CAAjCC,iCAAiC,CAAA;EAAA,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACrFD,iCAAiC,GAAGE,wBAAwB,GAAGC,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACrF,IAAA,uBAAuB,EAAAF,aAAA,CAClBG,EAAAA,EAAAA,kBAAkB,CAAC;AAAE/B,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CACjC;AACD,IAAA,eAAe,EAAA4B,aAAA,CACV/B,EAAAA,EAAAA,cAAc,CAAC;AAAEG,MAAAA,KAAK,EAALA,KAAK;AAAEG,MAAAA,SAAS,EAATA,SAAS;AAAEF,MAAAA,UAAU,EAAVA,UAAU;AAAEC,MAAAA,QAAQ,EAARA,QAAQ;AAAEE,MAAAA,WAAW,EAAXA,WAAAA;AAAY,KAAC,CAAC,CAAA;AAC3E,GAAA,CAAA,CAAA;AAAA,CACD,CAAC,CAAA;AAEH,IAAM4B,cAAmF,GAAG,SAAtFA,cAAmFA,CAAAC,KAAA,EAYvFC,GAAG,EACA;AAAA,EAAA,IAXDC,EAAE,GAAAF,KAAA,CAAFE,EAAE;IACFC,UAAU,GAAAH,KAAA,CAAVG,UAAU;IACVjC,SAAS,GAAA8B,KAAA,CAAT9B,SAAS;IACTF,UAAU,GAAAgC,KAAA,CAAVhC,UAAU;IACVC,QAAQ,GAAA+B,KAAA,CAAR/B,QAAQ;IACRE,WAAW,GAAA6B,KAAA,CAAX7B,WAAW;IACXiC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;IACRC,kBAAkB,GAAAL,KAAA,CAAlBK,kBAAkB;AACfC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,KAAA,EAAAQ,SAAA,CAAA,CAAA;AAIT;AACA;AACA;EACA,IAAMC,SAAS,GAAGC,YAAY,CAACT,GAAG,EAAEE,UAAU,CAACF,GAAG,CAAC,CAAA;AACnD,EAAA,IAAAU,qBAAA,GAA4BC,qBAAqB,EAAE;IAA3CC,eAAe,GAAAF,qBAAA,CAAfE,eAAe,CAAA;EAEvB,oBACEC,GAAA,CAAC3B,WAAW,EAAAQ,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACVO,IAAAA,EAAE,EAAEA,EAAG;AACPhC,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBmC,IAAAA,QAAQ,EAAEA,QAAS;AACnBjC,IAAAA,WAAW,EAAEA,WAAY;AACzBuB,IAAAA,iCAAiC,EAAEmB,eAAAA;GAC/BV,EAAAA,UAAU,CACVY,EAAAA,cAAc,CAAC;AAAEC,IAAAA,KAAK,EAAEX,kBAAAA;AAAmB,GAAC,CAAC,CAAA,EAC7CY,sBAAsB,CAACX,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCL,IAAAA,GAAG,EAAEQ,SAAAA;AAAU,GAAA,CAChB,CAAC,CAAA;AAEN,CAAC,CAAA;AAEKS,IAAAA,aAAa,gBAAGC,wBAAwB,~~eAACC~~,cAAK,CAACC,UAAU,CAACtB,cAAc,CAAC,EAAE;AAC/ER,EAAAA,WAAW,EAAE,eAAA;AACf,CAAC;;;;"}
1	+ {"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles, legacyScreenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\n\nconst getHoverStyles = ({\n theme,\n isDisabled,\n hasError,\n isChecked,\n hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n if (isDisabled \|\| hasError) return {};\n\n const checked = isChecked ? 'checked' : 'unchecked';\n const backgroundColor = hoverTokens.default.background[checked];\n const borderColor = hoverTokens.default.border?.[checked];\n\n return {\n borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n backgroundColor: getIn(theme, backgroundColor),\n transitionTimingFunction: theme.motion.easing.standard as string,\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n };\n};\n\nconst StyledInput = styled.input<\n HoverProps & {\n shouldUseLegacyScreenReaderStyles?: boolean;\n }\n>(({ theme, isChecked, isDisabled, hasError, hoverTokens, shouldUseLegacyScreenReaderStyles }) => ({\n ...(shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles),\n '&:focus-visible + div': {\n ...getFocusRingStyles({ theme }),\n },\n '&:hover + div': {\n ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n },\n}));\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n {\n id,\n inputProps,\n isChecked,\n isDisabled,\n hasError,\n hoverTokens,\n tabIndex,\n accessibilityLabel,\n ...rest\n },\n ref,\n) => {\n // merging both refs because inputProps.ref needs to have access to indeterminate state\n // to be able to set the mixed value via setMixed() function\n // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n const mergedRef = useMergeRefs(ref, inputProps.ref);\n const { isInBottomSheet } = useBottomSheetContext();\n\n return (\n <StyledInput\n id={id}\n isChecked={isChecked}\n isDisabled={isDisabled}\n hasError={hasError}\n tabIndex={tabIndex}\n hoverTokens={hoverTokens}\n shouldUseLegacyScreenReaderStyles={isInBottomSheet}\n {...inputProps}\n {...makeAccessible({ label: accessibilityLabel })}\n {...makeAnalyticsAttribute(rest)}\n ref={mergedRef}\n />\n );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","shouldUseLegacyScreenReaderStyles","_objectSpread","legacyScreenReaderStyles","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Indicator/Indicator.js CHANGED Viewed

@@ -104,7 +104,7 @@ var _Indicator = function _Indicator(_ref, ref) {
     })
   }));
 };
-var Indicator = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_Indicator), {
+var Indicator = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_Indicator), {
   componentId: 'Indicator'
 });

package/build/lib/web/production/components/Indicator/Indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Indicator.js","sources":["../../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement, Ref } from 'react';\nimport { indicatorDotSizes, textSizeMapping } from './indicatorTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { Text } from '~components/Typography';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type {\n DataAnalyticsAttribute,\n BladeElementRef,\n StringChildrenType,\n TestID,\n} from '~utils/types';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype IndicatorProps = {\n /*\n Sets the color tone\n \n @default neutral\n /\n color?: FeedbackColors \| 'primary';\n\n /\n Sets the emphasis of the indicator\n \n If set to intense it will show a background circle\n \n @default subtle\n /\n emphasis?: 'subtle' \| 'intense';\n\n /\n Size of the indicator\n \n @default medium\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n A text label to show alongside the indicator dot\n /\n children?: StringChildrenType;\n /\n a11y label for screen readers\n */\n accessibilityLabel?: string;\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\nconst _Indicator = (\n {\n accessibilityLabel,\n children,\n size = 'medium',\n color = 'neutral',\n emphasis = 'subtle',\n testID,\n ...rest\n }: IndicatorProps,\n ref: Ref<BladeElementRef>,\n): ReactElement => {\n const { theme } = useTheme();\n const childrenString = getStringFromReactText(children);\n const isIntense = emphasis === 'intense';\n const isPrimary = color === 'primary';\n\n const fillColorOuter = isPrimary\n ? theme.colors.surface.background.primary.subtle\n : theme.colors.feedback.background[color].subtle;\n const fillColorInner = isPrimary\n ? theme.colors.surface.icon.primary.normal\n : theme.colors.feedback.icon[color].intense;\n\n const isWeb = !isReactNative();\n const a11yProps = makeAccessible({\n label: accessibilityLabel ?? childrenString,\n ...(isWeb && { role: 'status' }),\n });\n\n const svgSize = isIntense\n ? indicatorDotSizes[emphasis][size].outer\n : indicatorDotSizes[emphasis][size].inner;\n\n return (\n <BaseBox\n ref={ref as never}\n display={(isWeb ? 'inline-flex' : 'flex') as never}\n {...a11yProps}\n {...metaAttribute({ name: MetaConstants.Indicator, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n <Svg width={String(svgSize)} height={String(svgSize)} viewBox=\"0 0 10 10\" fill=\"none\">\n {isIntense ? (\n <>\n <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorOuter} />\n <Circle cx=\"5\" cy=\"5\" r=\"2.5\" fill={fillColorInner} />\n </>\n ) : (\n <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorInner} />\n )}\n </Svg>\n <BaseBox marginLeft={childrenString ? 'spacing.2' : 'spacing.0'}>\n <Text\n weight=\"medium\"\n color=\"surface.text.gray.subtle\"\n textAlign=\"left\"\n size={textSizeMapping[size]}\n >\n {children}\n </Text>\n </BaseBox>\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst Indicator = assignWithoutSideEffects(React.forwardRef(_Indicator), {\n componentId: 'Indicator',\n});\n\nexport type { IndicatorProps };\nexport { Indicator };\n"],"names":["_Indicator","_ref","ref","accessibilityLabel","children","_ref$size","size","_ref$color","color","_ref$emphasis","emphasis","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","childrenString","getStringFromReactText","isIntense","isPrimary","fillColorOuter","colors","surface","background","primary","subtle","feedback","fillColorInner","icon","normal","intense","isWeb","isReactNative","a11yProps","makeAccessible","_objectSpread","label","role","svgSize","indicatorDotSizes","outer","inner","_jsx","BaseBox","display","metaAttribute","name","MetaConstants","Indicator","getStyledProps","makeAnalyticsAttribute","_jsxs","flexDirection","alignItems","Svg","width","String","height","viewBox","fill","_Fragment","Circle","cx","cy","r","marginLeft","Text","weight","textAlign","textSizeMapping","assignWithoutSideEffects","React","forwardRef","componentId"],"mappings":"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~~eAACC~~,cAAK,CAACC,UAAU,CAAC1E,UAAU,CAAC,EAAE;AACvE2E,EAAAA,WAAW,EAAE,WAAA;AACf,CAAC;;;;"}
1	+ {"version":3,"file":"Indicator.js","sources":["../../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement, Ref } from 'react';\nimport { indicatorDotSizes, textSizeMapping } from './indicatorTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { Text } from '~components/Typography';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type {\n DataAnalyticsAttribute,\n BladeElementRef,\n StringChildrenType,\n TestID,\n} from '~utils/types';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype IndicatorProps = {\n /*\n Sets the color tone\n \n @default neutral\n /\n color?: FeedbackColors \| 'primary';\n\n /\n Sets the emphasis of the indicator\n \n If set to intense it will show a background circle\n \n @default subtle\n /\n emphasis?: 'subtle' \| 'intense';\n\n /\n Size of the indicator\n \n @default medium\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n A text label to show alongside the indicator dot\n /\n children?: StringChildrenType;\n /\n a11y label for screen readers\n */\n accessibilityLabel?: string;\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\nconst _Indicator = (\n {\n accessibilityLabel,\n children,\n size = 'medium',\n color = 'neutral',\n emphasis = 'subtle',\n testID,\n ...rest\n }: IndicatorProps,\n ref: Ref<BladeElementRef>,\n): ReactElement => {\n const { theme } = useTheme();\n const childrenString = getStringFromReactText(children);\n const isIntense = emphasis === 'intense';\n const isPrimary = color === 'primary';\n\n const fillColorOuter = isPrimary\n ? theme.colors.surface.background.primary.subtle\n : theme.colors.feedback.background[color].subtle;\n const fillColorInner = isPrimary\n ? theme.colors.surface.icon.primary.normal\n : theme.colors.feedback.icon[color].intense;\n\n const isWeb = !isReactNative();\n const a11yProps = makeAccessible({\n label: accessibilityLabel ?? childrenString,\n ...(isWeb && { role: 'status' }),\n });\n\n const svgSize = isIntense\n ? indicatorDotSizes[emphasis][size].outer\n : indicatorDotSizes[emphasis][size].inner;\n\n return (\n <BaseBox\n ref={ref as never}\n display={(isWeb ? 'inline-flex' : 'flex') as never}\n {...a11yProps}\n {...metaAttribute({ name: MetaConstants.Indicator, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n <Svg width={String(svgSize)} height={String(svgSize)} viewBox=\"0 0 10 10\" fill=\"none\">\n {isIntense ? (\n <>\n <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorOuter} />\n <Circle cx=\"5\" cy=\"5\" r=\"2.5\" fill={fillColorInner} />\n </>\n ) : (\n <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorInner} />\n )}\n </Svg>\n <BaseBox marginLeft={childrenString ? 'spacing.2' : 'spacing.0'}>\n <Text\n weight=\"medium\"\n color=\"surface.text.gray.subtle\"\n textAlign=\"left\"\n size={textSizeMapping[size]}\n >\n {children}\n </Text>\n </BaseBox>\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst Indicator = assignWithoutSideEffects(React.forwardRef(_Indicator), {\n componentId: 'Indicator',\n});\n\nexport type { IndicatorProps };\nexport { Indicator };\n"],"names":["_Indicator","_ref","ref","accessibilityLabel","children","_ref$size","size","_ref$color","color","_ref$emphasis","emphasis","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","childrenString","getStringFromReactText","isIntense","isPrimary","fillColorOuter","colors","surface","background","primary","subtle","feedback","fillColorInner","icon","normal","intense","isWeb","isReactNative","a11yProps","makeAccessible","_objectSpread","label","role","svgSize","indicatorDotSizes","outer","inner","_jsx","BaseBox","display","metaAttribute","name","MetaConstants","Indicator","getStyledProps","makeAnalyticsAttribute","_jsxs","flexDirection","alignItems","Svg","width","String","height","viewBox","fill","_Fragment","Circle","cx","cy","r","marginLeft","Text","weight","textAlign","textSizeMapping","assignWithoutSideEffects","React","forwardRef","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAUdC,GAAyB,EACR;AAAA,EAAA,IATfC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,SAAA,GAAAJ,IAAA,CACRK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,UAAA,GAAAN,IAAA,CACfO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,aAAA,GAAAR,IAAA,CACjBS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,aAAA;IACnBE,MAAM,GAAAV,IAAA,CAANU,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;AAIT,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAMC,cAAc,GAAGC,sBAAsB,CAACf,QAAQ,CAAC,CAAA;AACvD,EAAA,IAAMgB,SAAS,GAAGV,QAAQ,KAAK,SAAS,CAAA;AACxC,EAAA,IAAMW,SAAS,GAAGb,KAAK,KAAK,SAAS,CAAA;EAErC,IAAMc,cAAc,GAAGD,SAAS,GAC5BJ,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,OAAO,CAACC,MAAM,GAC9CV,KAAK,CAACM,MAAM,CAACK,QAAQ,CAACH,UAAU,CAACjB,KAAK,CAAC,CAACmB,MAAM,CAAA;EAClD,IAAME,cAAc,GAAGR,SAAS,GAC5BJ,KAAK,CAACM,MAAM,CAACC,OAAO,CAACM,IAAI,CAACJ,OAAO,CAACK,MAAM,GACxCd,KAAK,CAACM,MAAM,CAACK,QAAQ,CAACE,IAAI,CAACtB,KAAK,CAAC,CAACwB,OAAO,CAAA;AAE7C,EAAA,IAAMC,KAAK,GAAG,CAACC,aAAa,EAAE,CAAA;AAC9B,EAAA,IAAMC,SAAS,GAAGC,cAAc,CAAAC,aAAA,CAAA;AAC9BC,IAAAA,KAAK,EAAEnC,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAIe,cAAAA;AAAc,GAAA,EACvCe,KAAK,IAAI;AAAEM,IAAAA,IAAI,EAAE,QAAA;AAAS,GAAC,CAChC,CAAC,CAAA;EAEF,IAAMC,OAAO,GAAGpB,SAAS,GACrBqB,iBAAiB,CAAC/B,QAAQ,CAAC,CAACJ,IAAI,CAAC,CAACoC,KAAK,GACvCD,iBAAiB,CAAC/B,QAAQ,CAAC,CAACJ,IAAI,CAAC,CAACqC,KAAK,CAAA;AAE3C,EAAA,oBACEC,GAAA,CAACC,OAAO,EAAAR,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNnC,IAAAA,GAAG,EAAEA,GAAa;AAClB4C,IAAAA,OAAO,EAAGb,KAAK,GAAG,aAAa,GAAG,MAAA;GAC9BE,EAAAA,SAAS,CACTY,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,SAAS;AAAEvC,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAC,CACxDwC,EAAAA,cAAc,CAACvC,IAAI,CAAC,CACpBwC,EAAAA,sBAAsB,CAACxC,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAR,QAAA,eAEhCiD,IAAA,CAACR,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACQ,MAAAA,aAAa,EAAC,KAAK;AAACC,MAAAA,UAAU,EAAC,QAAQ;MAAAnD,QAAA,EAAA,cAC7DwC,GAAA,CAACY,GAAG,EAAA;AAACC,QAAAA,KAAK,EAAEC,MAAM,CAAClB,OAAO,CAAE;AAACmB,QAAAA,MAAM,EAAED,MAAM,CAAClB,OAAO,CAAE;AAACoB,QAAAA,OAAO,EAAC,WAAW;AAACC,QAAAA,IAAI,EAAC,MAAM;AAAAzD,QAAAA,QAAA,EAClFgB,SAAS,gBACRiC,IAAA,CAAAS,QAAA,EAAA;UAAA1D,QAAA,EAAA,cACEwC,GAAA,CAACmB,MAAM,EAAA;AAACC,YAAAA,EAAE,EAAC,GAAG;AAACC,YAAAA,EAAE,EAAC,GAAG;AAACC,YAAAA,CAAC,EAAC,GAAG;AAACL,YAAAA,IAAI,EAAEvC,cAAAA;AAAe,WAAE,CAAC,eACpDsB,GAAA,CAACmB,MAAM,EAAA;AAACC,YAAAA,EAAE,EAAC,GAAG;AAACC,YAAAA,EAAE,EAAC,GAAG;AAACC,YAAAA,CAAC,EAAC,KAAK;AAACL,YAAAA,IAAI,EAAEhC,cAAAA;AAAe,WAAE,CAAC,CAAA;AAAA,SACtD,CAAC,gBAEHe,GAAA,CAACmB,MAAM,EAAA;AAACC,UAAAA,EAAE,EAAC,GAAG;AAACC,UAAAA,EAAE,EAAC,GAAG;AAACC,UAAAA,CAAC,EAAC,GAAG;AAACL,UAAAA,IAAI,EAAEhC,cAAAA;SAAiB,CAAA;AACpD,OACE,CAAC,eACNe,GAAA,CAACC,OAAO,EAAA;AAACsB,QAAAA,UAAU,EAAEjD,cAAc,GAAG,WAAW,GAAG,WAAY;QAAAd,QAAA,eAC9DwC,GAAA,CAACwB,IAAI,EAAA;AACHC,UAAAA,MAAM,EAAC,QAAQ;AACf7D,UAAAA,KAAK,EAAC,0BAA0B;AAChC8D,UAAAA,SAAS,EAAC,MAAM;AAChBhE,UAAAA,IAAI,EAAEiE,eAAe,CAACjE,IAAI,CAAE;AAAAF,UAAAA,QAAA,EAE3BA,QAAAA;SACG,CAAA;AAAC,OACA,CAAC,CAAA;KACH,CAAA;AAAC,GAAA,CACH,CAAC,CAAA;AAEd,CAAC,CAAA;AAEK8C,IAAAA,SAAS,gBAAGsB,wBAAwB,cAACC,cAAK,CAACC,UAAU,CAAC1E,UAAU,CAAC,EAAE;AACvE2E,EAAAA,WAAW,EAAE,WAAA;AACf,CAAC;;;;"}

package/build/lib/web/production/components/InfoGroup/InfoGroup.web.js CHANGED Viewed

@@ -47,7 +47,7 @@ var renderElement = function renderElement(element, size) {
   if (!element) return null;
   // Check if it's already a JSX element (React element)
-  if ( /*#__PURE__*/React__default.isValidElement(element)) {
+  if (/*#__PURE__*/React__default.isValidElement(element)) {
     return element;
   }
@@ -72,7 +72,7 @@ var TitleCollection = function TitleCollection(_ref) {
     size = _useInfoGroup.size;
   var _useInfoItem = useInfoItem(),
     setHasAvatar = _useInfoItem.setHasAvatar;
-  var isAvatar = getComponentId( /*#__PURE__*/React__default.isValidElement(leading) ? leading : undefined) === 'Avatar';
+  var isAvatar = getComponentId(/*#__PURE__*/React__default.isValidElement(leading) ? leading : undefined) === 'Avatar';
   // Set hasAvatar context when an avatar is detected
   useIsomorphicLayoutEffect(function () {
@@ -179,7 +179,7 @@ var _InfoItemKey = function _InfoItemKey(_ref2, ref) {
  * ----
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}
  */
-var InfoItemKey = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_InfoItemKey), {
+var InfoItemKey = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_InfoItemKey), {
   displayName: 'InfoItemKey',
   componentId: 'InfoItemKey'
 });
@@ -243,7 +243,7 @@ var _InfoItemValue = function _InfoItemValue(_ref3, ref) {
  * ----
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}
  */
-var InfoItemValue = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_InfoItemValue), {
+var InfoItemValue = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_InfoItemValue), {
   displayName: 'InfoItemValue',
   componentId: 'InfoItemValue'
 });
@@ -343,7 +343,7 @@ var _InfoItem = function _InfoItem(_ref6, ref) {
  * ----
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}
  */
-var InfoItem = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_InfoItem), {
+var InfoItem = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_InfoItem), {
   displayName: 'InfoItem',
   componentId: 'InfoItem'
 });
@@ -439,7 +439,7 @@ var _InfoGroup = function _InfoGroup(_ref7, ref) {
  * ----
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}
  */
-var InfoGroup = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_InfoGroup), {
+var InfoGroup = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_InfoGroup), {
   displayName: 'InfoGroup',
   componentId: 'InfoGroup'
 });

package/build/lib/web/production/components/InfoGroup/InfoGroup.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoGroup.web.js","sources":["../../../../../../src/components/InfoGroup/InfoGroup.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type {\n InfoGroupProps,\n InfoItemProps,\n InfoItemKeyProps,\n InfoItemValueProps,\n TitleCollectionProps,\n} from './types';\nimport {\n elementGap,\n titleTextSize,\n helpTextSize,\n iconSize,\n itemTitleHeight,\n avatarAdjustmentPaddingY,\n} from './infoGroupTokens';\nimport { InfoGroupContext, useInfoGroup, InfoItemContext, useInfoItem } from './InfoGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport type { IconComponent } from '~components/Icons';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils';\nimport type { BoxProps } from '~components/Box';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst getCenterBoxProps = (\n size: NonNullable<InfoGroupProps['size']>,\n strictHeight = false,\n): BoxProps => {\n return {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n ...(strictHeight\n ? { height: makeSize(itemTitleHeight[size]) }\n : {\n minHeight: makeSize(itemTitleHeight[size]),\n }),\n };\n};\n\n// Helper function to render leading/trailing elements (icons or JSX)\nconst renderElement = (\n element: IconComponent \| React.ReactElement \| undefined,\n size: NonNullable<InfoGroupProps['size']>,\n): React.ReactNode => {\n if (!element) return null;\n\n // Check if it's already a JSX element (React element)\n if (React.isValidElement(element)) {\n return element;\n }\n\n // Otherwise, it's a component function - render it with size prop\n const IconComponent = element as IconComponent;\n return <IconComponent size={iconSize[size]} color=\"surface.icon.gray.muted\" />;\n};\n\nconst TitleCollection = ({\n children,\n leading,\n trailing,\n helpText,\n titleWeight,\n titleColor,\n paddingLeft,\n paddingRight,\n truncateAfterLines,\n}: TitleCollectionProps): React.ReactElement => {\n const { size } = useInfoGroup();\n const { setHasAvatar } = useInfoItem();\n\n const isAvatar = getComponentId(React.isValidElement(leading) ? leading : undefined) === 'Avatar';\n\n // Set hasAvatar context when an avatar is detected\n useIsomorphicLayoutEffect(() => {\n if (isAvatar) {\n setHasAvatar(true);\n }\n }, [isAvatar, setHasAvatar]);\n\n const { containerRef, textRef } = useTruncationTitle({\n content: typeof children === 'string' ? children : undefined,\n });\n\n return (\n <BaseBox\n display=\"flex\"\n alignItems=\"flex-start\"\n gap={elementGap[size]}\n paddingLeft={paddingLeft}\n paddingRight={paddingRight}\n >\n {leading && (\n <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(leading, size)}</BaseBox>\n )}\n <BaseBox display=\"flex\" flexDirection=\"column\" flex=\"1\">\n <BaseBox ref={containerRef} {...getCenterBoxProps(size)}>\n {typeof children === 'string' ? (\n <Text\n ref={textRef}\n variant=\"body\"\n size={titleTextSize[size]}\n weight={titleWeight}\n color={titleColor}\n truncateAfterLines={truncateAfterLines}\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </BaseBox>\n\n {helpText && (\n <Text\n variant=\"body\"\n size={helpTextSize[size]}\n weight=\"regular\"\n color=\"surface.text.gray.muted\"\n >\n {helpText}\n </Text>\n )}\n </BaseBox>\n {trailing && (\n <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(trailing, size)}</BaseBox>\n )}\n </BaseBox>\n );\n};\n\nconst _InfoItemKey = (\n { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemKeyProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const { itemOrientation, size } = useInfoGroup();\n\n const { hasAvatar, isHighlighted } = useInfoItem();\n\n return (\n <BaseBox\n ref={ref as never}\n as=\"dt\"\n display=\"flex\"\n alignItems=\"center\"\n alignSelf=\"flex-start\"\n justifyContent=\"flex-start\"\n paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n {...metaAttribute({ name: MetaConstants.InfoItemKey, testID })}\n >\n {itemOrientation === 'horizontal' && isHighlighted ? (\n <Divider orientation=\"vertical\" />\n ) : null}\n <TitleCollection\n leading={leading}\n trailing={trailing}\n helpText={helpText}\n titleWeight=\"medium\"\n titleColor=\"surface.text.gray.muted\"\n truncateAfterLines={truncateAfterLines}\n paddingLeft={isHighlighted ? 'spacing.4' : 'spacing.0'}\n paddingRight=\"spacing.0\"\n >\n {children}\n </TitleCollection>\n </BaseBox>\n );\n};\n\n/*\n InfoItemKey\n \n Displays the key portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n \n ----\n \n #### Usage\n \n ```tsx\n * <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n * ```\n \n ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n /\nconst InfoItemKey = assignWithoutSideEffects(React.forwardRef(_InfoItemKey), {\n displayName: 'InfoItemKey',\n componentId: 'InfoItemKey',\n});\n\nconst _InfoItemValue = (\n { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemValueProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const { itemOrientation, valueAlign, size } = useInfoGroup();\n\n const { hasAvatar, isHighlighted } = useInfoItem();\n\n return (\n <BaseBox\n ref={ref as never}\n as=\"dd\"\n margin=\"spacing.0\"\n display=\"flex\"\n alignItems=\"center\"\n alignSelf=\"flex-start\"\n justifyContent={valueAlign === 'right' ? 'flex-end' : 'flex-start'}\n paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n {...metaAttribute({ name: MetaConstants.InfoItemValue, testID })}\n >\n <TitleCollection\n leading={leading}\n trailing={trailing}\n helpText={helpText}\n titleWeight=\"semibold\"\n titleColor=\"surface.text.gray.subtle\"\n truncateAfterLines={truncateAfterLines}\n paddingLeft={isHighlighted && itemOrientation === 'vertical' ? 'spacing.4' : 'spacing.0'}\n paddingRight={isHighlighted ? 'spacing.4' : 'spacing.0'}\n >\n {children}\n </TitleCollection>\n </BaseBox>\n );\n};\n\n/\n InfoItemValue\n \n Displays the value portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n \n ----\n \n #### Usage\n \n ```tsx\n * <InfoItemValue helpText=\"Customer name\" trailing={CheckIcon}>\n * Saurabh Daware\n * </InfoItemValue>\n * ```\n \n ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n /\nconst InfoItemValue = assignWithoutSideEffects(React.forwardRef(_InfoItemValue), {\n displayName: 'InfoItemValue',\n componentId: 'InfoItemValue',\n});\n\nconst ContentsItemBox = React.forwardRef<\n BladeElementRef,\n {\n children: React.ReactNode;\n testID?: string;\n }\n>(\n ({ children, testID }, ref): React.ReactElement => {\n return (\n <BaseBox\n display=\"contents\"\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n >\n {children}\n </BaseBox>\n );\n },\n);\n\nconst FlexItemBox = React.forwardRef<\n BladeElementRef,\n { children: React.ReactNode; testID?: string; isHighlighted?: boolean }\n>(\n ({ children, testID, isHighlighted = false }, ref): React.ReactElement => {\n return (\n <BaseBox\n display=\"flex\"\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n >\n {isHighlighted && <Divider orientation=\"vertical\" />}\n <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\">\n {children}\n </BaseBox>\n </BaseBox>\n );\n },\n);\n\nconst _InfoItem = (\n { children, testID, isHighlighted }: InfoItemProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const { itemOrientation, isHighlighted: contextIsHighlighted } = useInfoGroup();\n const [hasAvatar, setHasAvatar] = React.useState(false);\n const isVertical = itemOrientation === 'vertical';\n const shouldHighlight = isHighlighted ?? contextIsHighlighted;\n\n const infoItemContextValue = React.useMemo(\n () => ({\n hasAvatar,\n setHasAvatar,\n isHighlighted: shouldHighlight,\n }),\n [hasAvatar, shouldHighlight],\n );\n\n if (isVertical) {\n return (\n <InfoItemContext.Provider value={infoItemContextValue}>\n <FlexItemBox ref={ref as never} testID={testID} isHighlighted={shouldHighlight}>\n {children}\n </FlexItemBox>\n </InfoItemContext.Provider>\n );\n }\n\n return (\n <InfoItemContext.Provider value={infoItemContextValue}>\n <ContentsItemBox ref={ref as never} testID={testID}>\n {children}\n </ContentsItemBox>\n </InfoItemContext.Provider>\n );\n};\n\n/\n InfoItem\n \n Container component that wraps InfoItemKey and InfoItemValue pairs.\n * Manages the layout and visual connection between key-value elements.\n \n ----\n \n #### Usage\n \n ```tsx\n * <InfoItem>\n * <InfoItemKey>Account Holder</InfoItemKey>\n * <InfoItemValue>Saurabh Daware</InfoItemValue>\n * </InfoItem>\n * ```\n \n ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n /\nconst InfoItem = assignWithoutSideEffects(React.forwardRef(_InfoItem), {\n displayName: 'InfoItem',\n componentId: 'InfoItem',\n});\n\n// InfoGroup Component\nconst _InfoGroup = (\n {\n children,\n itemOrientation = 'horizontal',\n size = 'medium',\n valueAlign = 'left',\n isHighlighted = false,\n gridTemplateColumns,\n width,\n maxWidth,\n minWidth,\n testID,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n padding,\n paddingX,\n paddingY,\n ...rest\n }: InfoGroupProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const contextValue = React.useMemo(\n () => ({\n size,\n itemOrientation,\n valueAlign,\n isHighlighted,\n }),\n [size, itemOrientation, valueAlign, isHighlighted],\n );\n\n const defaultGridTemplateColumns =\n itemOrientation === 'horizontal'\n ? 'max-content 1fr'\n : `repeat(min(4, ${React.Children.count(children)}), 1fr)`;\n\n // Use provided gridTemplateColumns or default based on itemOrientation\n const templateColumns = gridTemplateColumns ?? defaultGridTemplateColumns;\n\n return (\n <InfoGroupContext.Provider value={contextValue}>\n <BaseBox\n ref={ref as never}\n as=\"dl\"\n display=\"grid\"\n gridTemplateColumns={templateColumns}\n rowGap=\"spacing.4\"\n columnGap={{ base: 'spacing.6', m: 'spacing.10' }}\n flexDirection=\"column\"\n margin=\"spacing.0\"\n width={width}\n maxWidth={maxWidth}\n minWidth={minWidth}\n paddingLeft={paddingLeft}\n paddingRight={paddingRight}\n paddingTop={paddingTop}\n paddingBottom={paddingBottom}\n padding={padding}\n paddingX={paddingX}\n paddingY={paddingY}\n {...metaAttribute({ name: MetaConstants.InfoGroup, testID })}\n {...getStyledProps(rest)}\n >\n {children}\n </BaseBox>\n </InfoGroupContext.Provider>\n );\n};\n\n/\n InfoGroup\n \n A structured component for displaying key-value pairs in a consistent, organized format.\n * Provides standardized presentation for transaction details, user data, or any related data pairs.\n \n ----\n \n #### Usage\n \n ```tsx\n * <InfoGroup itemOrientation=\"horizontal\" size=\"medium\">\n * <InfoItem>\n * <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n * <InfoItemValue>Saurabh Daware</InfoItemValue>\n * </InfoItem>\n * </InfoGroup>\n * ```\n \n ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoGroup = assignWithoutSideEffects(React.forwardRef(_InfoGroup), {\n displayName: 'InfoGroup',\n componentId: 'InfoGroup',\n});\n\nexport type { InfoGroupProps, InfoItemProps, InfoItemKeyProps, InfoItemValueProps };\n\nexport { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };\n"],"names":["getCenterBoxProps","size","strictHeight","arguments","length","undefined","_objectSpread","display","alignItems","justifyContent","height","makeSize","itemTitleHeight","minHeight","renderElement","element","React","isValidElement","IconComponent","_jsx","iconSize","color","TitleCollection","_ref","children","leading","trailing","helpText","titleWeight","titleColor","paddingLeft","paddingRight","truncateAfterLines","_useInfoGroup","useInfoGroup","_useInfoItem","useInfoItem","setHasAvatar","isAvatar","getComponentId","useIsomorphicLayoutEffect","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsxs","BaseBox","gap","elementGap","flexDirection","flex","ref","Text","variant","titleTextSize","weight","helpTextSize","_InfoItemKey","_ref2","testID","_useInfoGroup2","itemOrientation","_useInfoItem2","hasAvatar","isHighlighted","as","alignSelf","paddingY","avatarAdjustmentPaddingY","metaAttribute","name","MetaConstants","InfoItemKey","Divider","orientation","assignWithoutSideEffects","forwardRef","displayName","componentId","_InfoItemValue","_ref3","_useInfoGroup3","valueAlign","_useInfoItem3","margin","InfoItemValue","ContentsItemBox","_ref4","InfoItem","FlexItemBox","_ref5","_ref5$isHighlighted","_InfoItem","_ref6","_useInfoGroup4","contextIsHighlighted","_React$useState","useState","_React$useState2","_slicedToArray","isVertical","shouldHighlight","infoItemContextValue","useMemo","InfoItemContext","Provider","value","_InfoGroup","_ref7","_ref7$itemOrientation","_ref7$size","_ref7$valueAlign","_ref7$isHighlighted","gridTemplateColumns","width","maxWidth","minWidth","paddingTop","paddingBottom","padding","paddingX","rest","_objectWithoutProperties","_excluded","contextValue","defaultGridTemplateColumns","concat","Children","count","templateColumns","InfoGroupContext","rowGap","columnGap","base","m","InfoGroup","getStyledProps"],"mappings":"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"}
1	+ {"version":3,"file":"InfoGroup.web.js","sources":["../../../../../../src/components/InfoGroup/InfoGroup.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type {\n InfoGroupProps,\n InfoItemProps,\n InfoItemKeyProps,\n InfoItemValueProps,\n TitleCollectionProps,\n} from './types';\nimport {\n elementGap,\n titleTextSize,\n helpTextSize,\n iconSize,\n itemTitleHeight,\n avatarAdjustmentPaddingY,\n} from './infoGroupTokens';\nimport { InfoGroupContext, useInfoGroup, InfoItemContext, useInfoItem } from './InfoGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport type { IconComponent } from '~components/Icons';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils';\nimport type { BoxProps } from '~components/Box';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst getCenterBoxProps = (\n size: NonNullable<InfoGroupProps['size']>,\n strictHeight = false,\n): BoxProps => {\n return {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n ...(strictHeight\n ? { height: makeSize(itemTitleHeight[size]) }\n : {\n minHeight: makeSize(itemTitleHeight[size]),\n }),\n };\n};\n\n// Helper function to render leading/trailing elements (icons or JSX)\nconst renderElement = (\n element: IconComponent \| React.ReactElement \| undefined,\n size: NonNullable<InfoGroupProps['size']>,\n): React.ReactNode => {\n if (!element) return null;\n\n // Check if it's already a JSX element (React element)\n if (React.isValidElement(element)) {\n return element;\n }\n\n // Otherwise, it's a component function - render it with size prop\n const IconComponent = element as IconComponent;\n return <IconComponent size={iconSize[size]} color=\"surface.icon.gray.muted\" />;\n};\n\nconst TitleCollection = ({\n children,\n leading,\n trailing,\n helpText,\n titleWeight,\n titleColor,\n paddingLeft,\n paddingRight,\n truncateAfterLines,\n}: TitleCollectionProps): React.ReactElement => {\n const { size } = useInfoGroup();\n const { setHasAvatar } = useInfoItem();\n\n const isAvatar = getComponentId(React.isValidElement(leading) ? leading : undefined) === 'Avatar';\n\n // Set hasAvatar context when an avatar is detected\n useIsomorphicLayoutEffect(() => {\n if (isAvatar) {\n setHasAvatar(true);\n }\n }, [isAvatar, setHasAvatar]);\n\n const { containerRef, textRef } = useTruncationTitle({\n content: typeof children === 'string' ? children : undefined,\n });\n\n return (\n <BaseBox\n display=\"flex\"\n alignItems=\"flex-start\"\n gap={elementGap[size]}\n paddingLeft={paddingLeft}\n paddingRight={paddingRight}\n >\n {leading && (\n <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(leading, size)}</BaseBox>\n )}\n <BaseBox display=\"flex\" flexDirection=\"column\" flex=\"1\">\n <BaseBox ref={containerRef} {...getCenterBoxProps(size)}>\n {typeof children === 'string' ? (\n <Text\n ref={textRef}\n variant=\"body\"\n size={titleTextSize[size]}\n weight={titleWeight}\n color={titleColor}\n truncateAfterLines={truncateAfterLines}\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </BaseBox>\n\n {helpText && (\n <Text\n variant=\"body\"\n size={helpTextSize[size]}\n weight=\"regular\"\n color=\"surface.text.gray.muted\"\n >\n {helpText}\n </Text>\n )}\n </BaseBox>\n {trailing && (\n <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(trailing, size)}</BaseBox>\n )}\n </BaseBox>\n );\n};\n\nconst _InfoItemKey = (\n { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemKeyProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const { itemOrientation, size } = useInfoGroup();\n\n const { hasAvatar, isHighlighted } = useInfoItem();\n\n return (\n <BaseBox\n ref={ref as never}\n as=\"dt\"\n display=\"flex\"\n alignItems=\"center\"\n alignSelf=\"flex-start\"\n justifyContent=\"flex-start\"\n paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n {...metaAttribute({ name: MetaConstants.InfoItemKey, testID })}\n >\n {itemOrientation === 'horizontal' && isHighlighted ? (\n <Divider orientation=\"vertical\" />\n ) : null}\n <TitleCollection\n leading={leading}\n trailing={trailing}\n helpText={helpText}\n titleWeight=\"medium\"\n titleColor=\"surface.text.gray.muted\"\n truncateAfterLines={truncateAfterLines}\n paddingLeft={isHighlighted ? 'spacing.4' : 'spacing.0'}\n paddingRight=\"spacing.0\"\n >\n {children}\n </TitleCollection>\n </BaseBox>\n );\n};\n\n/*\n InfoItemKey\n \n Displays the key portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n \n ----\n \n #### Usage\n \n ```tsx\n * <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n * ```\n \n ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n /\nconst InfoItemKey = assignWithoutSideEffects(React.forwardRef(_InfoItemKey), {\n displayName: 'InfoItemKey',\n componentId: 'InfoItemKey',\n});\n\nconst _InfoItemValue = (\n { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemValueProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const { itemOrientation, valueAlign, size } = useInfoGroup();\n\n const { hasAvatar, isHighlighted } = useInfoItem();\n\n return (\n <BaseBox\n ref={ref as never}\n as=\"dd\"\n margin=\"spacing.0\"\n display=\"flex\"\n alignItems=\"center\"\n alignSelf=\"flex-start\"\n justifyContent={valueAlign === 'right' ? 'flex-end' : 'flex-start'}\n paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n {...metaAttribute({ name: MetaConstants.InfoItemValue, testID })}\n >\n <TitleCollection\n leading={leading}\n trailing={trailing}\n helpText={helpText}\n titleWeight=\"semibold\"\n titleColor=\"surface.text.gray.subtle\"\n truncateAfterLines={truncateAfterLines}\n paddingLeft={isHighlighted && itemOrientation === 'vertical' ? 'spacing.4' : 'spacing.0'}\n paddingRight={isHighlighted ? 'spacing.4' : 'spacing.0'}\n >\n {children}\n </TitleCollection>\n </BaseBox>\n );\n};\n\n/\n InfoItemValue\n \n Displays the value portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n \n ----\n \n #### Usage\n \n ```tsx\n * <InfoItemValue helpText=\"Customer name\" trailing={CheckIcon}>\n * Saurabh Daware\n * </InfoItemValue>\n * ```\n \n ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n /\nconst InfoItemValue = assignWithoutSideEffects(React.forwardRef(_InfoItemValue), {\n displayName: 'InfoItemValue',\n componentId: 'InfoItemValue',\n});\n\nconst ContentsItemBox = React.forwardRef<\n BladeElementRef,\n {\n children: React.ReactNode;\n testID?: string;\n }\n>(\n ({ children, testID }, ref): React.ReactElement => {\n return (\n <BaseBox\n display=\"contents\"\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n >\n {children}\n </BaseBox>\n );\n },\n);\n\nconst FlexItemBox = React.forwardRef<\n BladeElementRef,\n { children: React.ReactNode; testID?: string; isHighlighted?: boolean }\n>(\n ({ children, testID, isHighlighted = false }, ref): React.ReactElement => {\n return (\n <BaseBox\n display=\"flex\"\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n >\n {isHighlighted && <Divider orientation=\"vertical\" />}\n <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\">\n {children}\n </BaseBox>\n </BaseBox>\n );\n },\n);\n\nconst _InfoItem = (\n { children, testID, isHighlighted }: InfoItemProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const { itemOrientation, isHighlighted: contextIsHighlighted } = useInfoGroup();\n const [hasAvatar, setHasAvatar] = React.useState(false);\n const isVertical = itemOrientation === 'vertical';\n const shouldHighlight = isHighlighted ?? contextIsHighlighted;\n\n const infoItemContextValue = React.useMemo(\n () => ({\n hasAvatar,\n setHasAvatar,\n isHighlighted: shouldHighlight,\n }),\n [hasAvatar, shouldHighlight],\n );\n\n if (isVertical) {\n return (\n <InfoItemContext.Provider value={infoItemContextValue}>\n <FlexItemBox ref={ref as never} testID={testID} isHighlighted={shouldHighlight}>\n {children}\n </FlexItemBox>\n </InfoItemContext.Provider>\n );\n }\n\n return (\n <InfoItemContext.Provider value={infoItemContextValue}>\n <ContentsItemBox ref={ref as never} testID={testID}>\n {children}\n </ContentsItemBox>\n </InfoItemContext.Provider>\n );\n};\n\n/\n InfoItem\n \n Container component that wraps InfoItemKey and InfoItemValue pairs.\n * Manages the layout and visual connection between key-value elements.\n \n ----\n \n #### Usage\n \n ```tsx\n * <InfoItem>\n * <InfoItemKey>Account Holder</InfoItemKey>\n * <InfoItemValue>Saurabh Daware</InfoItemValue>\n * </InfoItem>\n * ```\n \n ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n /\nconst InfoItem = assignWithoutSideEffects(React.forwardRef(_InfoItem), {\n displayName: 'InfoItem',\n componentId: 'InfoItem',\n});\n\n// InfoGroup Component\nconst _InfoGroup = (\n {\n children,\n itemOrientation = 'horizontal',\n size = 'medium',\n valueAlign = 'left',\n isHighlighted = false,\n gridTemplateColumns,\n width,\n maxWidth,\n minWidth,\n testID,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n padding,\n paddingX,\n paddingY,\n ...rest\n }: InfoGroupProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const contextValue = React.useMemo(\n () => ({\n size,\n itemOrientation,\n valueAlign,\n isHighlighted,\n }),\n [size, itemOrientation, valueAlign, isHighlighted],\n );\n\n const defaultGridTemplateColumns =\n itemOrientation === 'horizontal'\n ? 'max-content 1fr'\n : `repeat(min(4, ${React.Children.count(children)}), 1fr)`;\n\n // Use provided gridTemplateColumns or default based on itemOrientation\n const templateColumns = gridTemplateColumns ?? defaultGridTemplateColumns;\n\n return (\n <InfoGroupContext.Provider value={contextValue}>\n <BaseBox\n ref={ref as never}\n as=\"dl\"\n display=\"grid\"\n gridTemplateColumns={templateColumns}\n rowGap=\"spacing.4\"\n columnGap={{ base: 'spacing.6', m: 'spacing.10' }}\n flexDirection=\"column\"\n margin=\"spacing.0\"\n width={width}\n maxWidth={maxWidth}\n minWidth={minWidth}\n paddingLeft={paddingLeft}\n paddingRight={paddingRight}\n paddingTop={paddingTop}\n paddingBottom={paddingBottom}\n padding={padding}\n paddingX={paddingX}\n paddingY={paddingY}\n {...metaAttribute({ name: MetaConstants.InfoGroup, testID })}\n {...getStyledProps(rest)}\n >\n {children}\n </BaseBox>\n </InfoGroupContext.Provider>\n );\n};\n\n/\n InfoGroup\n \n A structured component for displaying key-value pairs in a consistent, organized format.\n * Provides standardized presentation for transaction details, user data, or any related data pairs.\n \n ----\n \n #### Usage\n \n ```tsx\n * <InfoGroup itemOrientation=\"horizontal\" size=\"medium\">\n * <InfoItem>\n * <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n * <InfoItemValue>Saurabh Daware</InfoItemValue>\n * </InfoItem>\n * </InfoGroup>\n * ```\n \n ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoGroup = assignWithoutSideEffects(React.forwardRef(_InfoGroup), {\n displayName: 'InfoGroup',\n componentId: 'InfoGroup',\n});\n\nexport type { InfoGroupProps, InfoItemProps, InfoItemKeyProps, InfoItemValueProps };\n\nexport { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };\n"],"names":["getCenterBoxProps","size","strictHeight","arguments","length","undefined","_objectSpread","display","alignItems","justifyContent","height","makeSize","itemTitleHeight","minHeight","renderElement","element","React","isValidElement","IconComponent","_jsx","iconSize","color","TitleCollection","_ref","children","leading","trailing","helpText","titleWeight","titleColor","paddingLeft","paddingRight","truncateAfterLines","_useInfoGroup","useInfoGroup","_useInfoItem","useInfoItem","setHasAvatar","isAvatar","getComponentId","useIsomorphicLayoutEffect","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsxs","BaseBox","gap","elementGap","flexDirection","flex","ref","Text","variant","titleTextSize","weight","helpTextSize","_InfoItemKey","_ref2","testID","_useInfoGroup2","itemOrientation","_useInfoItem2","hasAvatar","isHighlighted","as","alignSelf","paddingY","avatarAdjustmentPaddingY","metaAttribute","name","MetaConstants","InfoItemKey","Divider","orientation","assignWithoutSideEffects","forwardRef","displayName","componentId","_InfoItemValue","_ref3","_useInfoGroup3","valueAlign","_useInfoItem3","margin","InfoItemValue","ContentsItemBox","_ref4","InfoItem","FlexItemBox","_ref5","_ref5$isHighlighted","_InfoItem","_ref6","_useInfoGroup4","contextIsHighlighted","_React$useState","useState","_React$useState2","_slicedToArray","isVertical","shouldHighlight","infoItemContextValue","useMemo","InfoItemContext","Provider","value","_InfoGroup","_ref7","_ref7$itemOrientation","_ref7$size","_ref7$valueAlign","_ref7$isHighlighted","gridTemplateColumns","width","maxWidth","minWidth","paddingTop","paddingBottom","padding","paddingX","rest","_objectWithoutProperties","_excluded","contextValue","defaultGridTemplateColumns","concat","Children","count","templateColumns","InfoGroupContext","rowGap","columnGap","base","m","InfoGroup","getStyledProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CACrBC,IAAyC,EAE5B;AAAA,EAAA,IADbC,YAAY,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK,CAAA;AAEpB,EAAA,OAAAG,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,YAAA;AAAY,GAAA,EACxBP,YAAY,GACZ;AAAEQ,IAAAA,MAAM,EAAEC,QAAQ,CAACC,eAAe,CAACX,IAAI,CAAC,CAAA;AAAE,GAAC,GAC3C;AACEY,IAAAA,SAAS,EAAEF,QAAQ,CAACC,eAAe,CAACX,IAAI,CAAC,CAAA;GAC1C,CAAA,CAAA;AAET,CAAC,CAAA;;AAED;AACA,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAAuD,EACvDd,IAAyC,EACrB;AACpB,EAAA,IAAI,CAACc,OAAO,EAAE,OAAO,IAAI,CAAA;;AAEzB;AACA,EAAA,iBAAIC,cAAK,CAACC,cAAc,CAACF,OAAO,CAAC,EAAE;AACjC,IAAA,OAAOA,OAAO,CAAA;AAChB,GAAA;;AAEA;EACA,IAAMG,aAAa,GAAGH,OAAwB,CAAA;EAC9C,oBAAOI,GAAA,CAACD,aAAa,EAAA;AAACjB,IAAAA,IAAI,EAAEmB,QAAQ,CAACnB,IAAI,CAAE;AAACoB,IAAAA,KAAK,EAAC,yBAAA;AAAyB,GAAE,CAAC,CAAA;AAChF,CAAC,CAAA;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAU2B;AAAA,EAAA,IAT9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,kBAAkB,GAAAT,IAAA,CAAlBS,kBAAkB,CAAA;AAElB,EAAA,IAAAC,aAAA,GAAiBC,YAAY,EAAE;IAAvBjC,IAAI,GAAAgC,aAAA,CAAJhC,IAAI,CAAA;AACZ,EAAA,IAAAkC,YAAA,GAAyBC,WAAW,EAAE;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY,CAAA;AAEpB,EAAA,IAAMC,QAAQ,GAAGC,cAAc,cAACvB,cAAK,CAACC,cAAc,CAACQ,OAAO,CAAC,GAAGA,OAAO,GAAGpB,SAAS,CAAC,KAAK,QAAQ,CAAA;;AAEjG;AACAmC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,IAAA,IAAIF,QAAQ,EAAE;MACZD,YAAY,CAAC,IAAI,CAAC,CAAA;AACpB,KAAA;AACF,GAAC,EAAE,CAACC,QAAQ,EAAED,YAAY,CAAC,CAAC,CAAA;EAE5B,IAAAI,mBAAA,GAAkCC,kBAAkB,CAAC;AACnDC,MAAAA,OAAO,EAAE,OAAOnB,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGnB,SAAAA;AACrD,KAAC,CAAC;IAFMuC,YAAY,GAAAH,mBAAA,CAAZG,YAAY;IAAEC,OAAO,GAAAJ,mBAAA,CAAPI,OAAO,CAAA;EAI7B,oBACEC,IAAA,CAACC,OAAO,EAAA;AACNxC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,UAAU,EAAC,YAAY;AACvBwC,IAAAA,GAAG,EAAEC,UAAU,CAAChD,IAAI,CAAE;AACtB6B,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,YAAY,EAAEA,YAAa;AAAAP,IAAAA,QAAA,GAE1BC,OAAO,iBACNN,GAAA,CAAC4B,OAAO,EAAAzC,aAAA,CAAAA,aAAA,KAAKN,iBAAiB,CAACC,IAAI,EAAE,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAuB,MAAAA,QAAA,EAAGV,aAAa,CAACW,OAAO,EAAExB,IAAI,CAAA;AAAC,KAAA,CAAU,CACpF,eACD6C,IAAA,CAACC,OAAO,EAAA;AAACxC,MAAAA,OAAO,EAAC,MAAM;AAAC2C,MAAAA,aAAa,EAAC,QAAQ;AAACC,MAAAA,IAAI,EAAC,GAAG;AAAA3B,MAAAA,QAAA,gBACrDL,GAAA,CAAC4B,OAAO,EAAAzC,aAAA,CAAAA,aAAA,CAAA;AAAC8C,QAAAA,GAAG,EAAER,YAAAA;OAAkB5C,EAAAA,iBAAiB,CAACC,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;QAAAuB,QAAA,EACpD,OAAOA,QAAQ,KAAK,QAAQ,gBAC3BL,GAAA,CAACkC,IAAI,EAAA;AACHD,UAAAA,GAAG,EAAEP,OAAQ;AACbS,UAAAA,OAAO,EAAC,MAAM;AACdrD,UAAAA,IAAI,EAAEsD,aAAa,CAACtD,IAAI,CAAE;AAC1BuD,UAAAA,MAAM,EAAE5B,WAAY;AACpBP,UAAAA,KAAK,EAAEQ,UAAW;AAClBG,UAAAA,kBAAkB,EAAEA,kBAAmB;AAAAR,UAAAA,QAAA,EAEtCA,QAAAA;AAAQ,SACL,CAAC,GAEPA,QAAAA;AACD,OAAA,CACM,CAAC,EAETG,QAAQ,iBACPR,GAAA,CAACkC,IAAI,EAAA;AACHC,QAAAA,OAAO,EAAC,MAAM;AACdrD,QAAAA,IAAI,EAAEwD,YAAY,CAACxD,IAAI,CAAE;AACzBuD,QAAAA,MAAM,EAAC,SAAS;AAChBnC,QAAAA,KAAK,EAAC,yBAAyB;AAAAG,QAAAA,QAAA,EAE9BG,QAAAA;AAAQ,OACL,CACP,CAAA;AAAA,KACM,CAAC,EACTD,QAAQ,iBACPP,GAAA,CAAC4B,OAAO,EAAAzC,aAAA,CAAAA,aAAA,CAAKN,EAAAA,EAAAA,iBAAiB,CAACC,IAAI,EAAE,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAuB,MAAAA,QAAA,EAAGV,aAAa,CAACY,QAAQ,EAAEzB,IAAI,CAAA;AAAC,KAAA,CAAU,CACrF,CAAA;AAAA,GACM,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMyD,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAEhBP,GAA+B,EACd;AAAA,EAAA,IAFf5B,QAAQ,GAAAmC,KAAA,CAARnC,QAAQ;IAAEC,OAAO,GAAAkC,KAAA,CAAPlC,OAAO;IAAEC,QAAQ,GAAAiC,KAAA,CAARjC,QAAQ;IAAEC,QAAQ,GAAAgC,KAAA,CAARhC,QAAQ;IAAEK,kBAAkB,GAAA2B,KAAA,CAAlB3B,kBAAkB;IAAE4B,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;AAGnE,EAAA,IAAAC,cAAA,GAAkC3B,YAAY,EAAE;IAAxC4B,eAAe,GAAAD,cAAA,CAAfC,eAAe;IAAE7D,IAAI,GAAA4D,cAAA,CAAJ5D,IAAI,CAAA;AAE7B,EAAA,IAAA8D,aAAA,GAAqC3B,WAAW,EAAE;IAA1C4B,SAAS,GAAAD,aAAA,CAATC,SAAS;IAAEC,aAAa,GAAAF,aAAA,CAAbE,aAAa,CAAA;AAEhC,EAAA,oBACEnB,IAAA,CAACC,OAAO,EAAAzC,aAAA,CAAAA,aAAA,CAAA;AACN8C,IAAAA,GAAG,EAAEA,GAAa;AAClBc,IAAAA,EAAE,EAAC,IAAI;AACP3D,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,UAAU,EAAC,QAAQ;AACnB2D,IAAAA,SAAS,EAAC,YAAY;AACtB1D,IAAAA,cAAc,EAAC,YAAY;AAC3B2D,IAAAA,QAAQ,EAAEJ,SAAS,GAAGK,wBAAwB,CAACpE,IAAI,CAAC,GAAGI,SAAAA;AAAU,GAAA,EAC7DiE,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,WAAW;AAAEb,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAApC,QAAA,EAAA,CAE7DsC,eAAe,KAAK,YAAY,IAAIG,aAAa,gBAChD9C,GAAA,CAACuD,OAAO,EAAA;AAACC,MAAAA,WAAW,EAAC,UAAA;AAAU,KAAE,CAAC,GAChC,IAAI,eACRxD,GAAA,CAACG,eAAe,EAAA;AACdG,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,WAAW,EAAC,QAAQ;AACpBC,MAAAA,UAAU,EAAC,yBAAyB;AACpCG,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvCF,MAAAA,WAAW,EAAEmC,aAAa,GAAG,WAAW,GAAG,WAAY;AACvDlC,MAAAA,YAAY,EAAC,WAAW;AAAAP,MAAAA,QAAA,EAEvBA,QAAAA;AAAQ,KACM,CAAC,CAAA;AAAA,GAAA,CACX,CAAC,CAAA;AAEd,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACMiD,IAAAA,WAAW,gBAAGG,wBAAwB,cAAC5D,cAAK,CAAC6D,UAAU,CAACnB,YAAY,CAAC,EAAE;AAC3EoB,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,WAAW,EAAE,aAAA;AACf,CAAC,EAAC;AAEF,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAElB7B,GAA+B,EACd;AAAA,EAAA,IAFf5B,QAAQ,GAAAyD,KAAA,CAARzD,QAAQ;IAAEC,OAAO,GAAAwD,KAAA,CAAPxD,OAAO;IAAEC,QAAQ,GAAAuD,KAAA,CAARvD,QAAQ;IAAEC,QAAQ,GAAAsD,KAAA,CAARtD,QAAQ;IAAEK,kBAAkB,GAAAiD,KAAA,CAAlBjD,kBAAkB;IAAE4B,MAAM,GAAAqB,KAAA,CAANrB,MAAM,CAAA;AAGnE,EAAA,IAAAsB,cAAA,GAA8ChD,YAAY,EAAE;IAApD4B,eAAe,GAAAoB,cAAA,CAAfpB,eAAe;IAAEqB,UAAU,GAAAD,cAAA,CAAVC,UAAU;IAAElF,IAAI,GAAAiF,cAAA,CAAJjF,IAAI,CAAA;AAEzC,EAAA,IAAAmF,aAAA,GAAqChD,WAAW,EAAE;IAA1C4B,SAAS,GAAAoB,aAAA,CAATpB,SAAS;IAAEC,aAAa,GAAAmB,aAAA,CAAbnB,aAAa,CAAA;AAEhC,EAAA,oBACE9C,GAAA,CAAC4B,OAAO,EAAAzC,aAAA,CAAAA,aAAA,CAAA;AACN8C,IAAAA,GAAG,EAAEA,GAAa;AAClBc,IAAAA,EAAE,EAAC,IAAI;AACPmB,IAAAA,MAAM,EAAC,WAAW;AAClB9E,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,UAAU,EAAC,QAAQ;AACnB2D,IAAAA,SAAS,EAAC,YAAY;AACtB1D,IAAAA,cAAc,EAAE0E,UAAU,KAAK,OAAO,GAAG,UAAU,GAAG,YAAa;AACnEf,IAAAA,QAAQ,EAAEJ,SAAS,GAAGK,wBAAwB,CAACpE,IAAI,CAAC,GAAGI,SAAAA;AAAU,GAAA,EAC7DiE,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACc,aAAa;AAAE1B,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAApC,QAAA,eAEhEL,GAAA,CAACG,eAAe,EAAA;AACdG,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,WAAW,EAAC,UAAU;AACtBC,MAAAA,UAAU,EAAC,0BAA0B;AACrCG,MAAAA,kBAAkB,EAAEA,kBAAmB;MACvCF,WAAW,EAAEmC,aAAa,IAAIH,eAAe,KAAK,UAAU,GAAG,WAAW,GAAG,WAAY;AACzF/B,MAAAA,YAAY,EAAEkC,aAAa,GAAG,WAAW,GAAG,WAAY;AAAAzC,MAAAA,QAAA,EAEvDA,QAAAA;KACc,CAAA;AAAC,GAAA,CACX,CAAC,CAAA;AAEd,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACM8D,IAAAA,aAAa,gBAAGV,wBAAwB,cAAC5D,cAAK,CAAC6D,UAAU,CAACG,cAAc,CAAC,EAAE;AAC/EF,EAAAA,WAAW,EAAE,eAAe;AAC5BC,EAAAA,WAAW,EAAE,eAAA;AACf,CAAC,EAAC;AAEF,IAAMQ,eAAe,gBAAGvE,cAAK,CAAC6D,UAAU,CAOtC,UAAAW,KAAA,EAAuBpC,GAAG,EAAyB;AAAA,EAAA,IAAhD5B,QAAQ,GAAAgE,KAAA,CAARhE,QAAQ;IAAEoC,MAAM,GAAA4B,KAAA,CAAN5B,MAAM,CAAA;AACjB,EAAA,oBACEzC,GAAA,CAAC4B,OAAO,EAAAzC,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,UAAU;AAClB6C,IAAAA,GAAG,EAAEA,GAAAA;AAAa,GAAA,EACdkB,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACiB,QAAQ;AAAE7B,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAApC,IAAAA,QAAA,EAE1DA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd,CACF,CAAC,CAAA;AAED,IAAMkE,WAAW,gBAAG1E,cAAK,CAAC6D,UAAU,CAIlC,UAAAc,KAAA,EAA8CvC,GAAG,EAAyB;AAAA,EAAA,IAAvE5B,QAAQ,GAAAmE,KAAA,CAARnE,QAAQ;IAAEoC,MAAM,GAAA+B,KAAA,CAAN/B,MAAM;IAAAgC,mBAAA,GAAAD,KAAA,CAAE1B,aAAa;AAAbA,IAAAA,aAAa,GAAA2B,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA,CAAA;AACxC,EAAA,oBACE9C,IAAA,CAACC,OAAO,EAAAzC,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACd6C,IAAAA,GAAG,EAAEA,GAAAA;AAAa,GAAA,EACdkB,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACiB,QAAQ;AAAE7B,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAApC,IAAAA,QAAA,EAE1DyC,CAAAA,aAAa,iBAAI9C,GAAA,CAACuD,OAAO,EAAA;AAACC,MAAAA,WAAW,EAAC,UAAA;AAAU,KAAE,CAAC,eACpDxD,GAAA,CAAC4B,OAAO,EAAA;AAACxC,MAAAA,OAAO,EAAC,MAAM;AAAC2C,MAAAA,aAAa,EAAC,QAAQ;AAACF,MAAAA,GAAG,EAAC,WAAW;AAAAxB,MAAAA,QAAA,EAC3DA,QAAAA;AAAQ,KACF,CAAC,CAAA;AAAA,GAAA,CACH,CAAC,CAAA;AAEd,CACF,CAAC,CAAA;AAED,IAAMqE,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAEb1C,GAA+B,EACd;AAAA,EAAA,IAFf5B,QAAQ,GAAAsE,KAAA,CAARtE,QAAQ;IAAEoC,MAAM,GAAAkC,KAAA,CAANlC,MAAM;IAAEK,aAAa,GAAA6B,KAAA,CAAb7B,aAAa,CAAA;AAGjC,EAAA,IAAA8B,cAAA,GAAiE7D,YAAY,EAAE;IAAvE4B,eAAe,GAAAiC,cAAA,CAAfjC,eAAe;IAAiBkC,oBAAoB,GAAAD,cAAA,CAAnC9B,aAAa,CAAA;AACtC,EAAA,IAAAgC,eAAA,GAAkCjF,cAAK,CAACkF,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAhDjC,IAAAA,SAAS,GAAAmC,gBAAA,CAAA,CAAA,CAAA;AAAE9D,IAAAA,YAAY,GAAA8D,gBAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAME,UAAU,GAAGvC,eAAe,KAAK,UAAU,CAAA;EACjD,IAAMwC,eAAe,GAAGrC,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,GAAI+B,oBAAoB,CAAA;AAE7D,EAAA,IAAMO,oBAAoB,GAAGvF,cAAK,CAACwF,OAAO,CACxC,YAAA;IAAA,OAAO;AACLxC,MAAAA,SAAS,EAATA,SAAS;AACT3B,MAAAA,YAAY,EAAZA,YAAY;AACZ4B,MAAAA,aAAa,EAAEqC,eAAAA;KAChB,CAAA;AAAA,GAAC,EACF,CAACtC,SAAS,EAAEsC,eAAe,CAC7B,CAAC,CAAA;AAED,EAAA,IAAID,UAAU,EAAE;AACd,IAAA,oBACElF,GAAA,CAACsF,eAAe,CAACC,QAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEJ,oBAAqB;MAAA/E,QAAA,eACpDL,GAAA,CAACuE,WAAW,EAAA;AAACtC,QAAAA,GAAG,EAAEA,GAAa;AAACQ,QAAAA,MAAM,EAAEA,MAAO;AAACK,QAAAA,aAAa,EAAEqC,eAAgB;AAAA9E,QAAAA,QAAA,EAC5EA,QAAAA;OACU,CAAA;AAAC,KACU,CAAC,CAAA;AAE/B,GAAA;AAEA,EAAA,oBACEL,GAAA,CAACsF,eAAe,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,oBAAqB;IAAA/E,QAAA,eACpDL,GAAA,CAACoE,eAAe,EAAA;AAACnC,MAAAA,GAAG,EAAEA,GAAa;AAACQ,MAAAA,MAAM,EAAEA,MAAO;AAAApC,MAAAA,QAAA,EAChDA,QAAAA;KACc,CAAA;AAAC,GACM,CAAC,CAAA;AAE/B,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACMiE,IAAAA,QAAQ,gBAAGb,wBAAwB,cAAC5D,cAAK,CAAC6D,UAAU,CAACgB,SAAS,CAAC,EAAE;AACrEf,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,WAAW,EAAE,UAAA;AACf,CAAC,EAAC;;AAEF;AACA,IAAM6B,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAqBdzD,GAA+B,EACd;AAAA,EAAA,IApBf5B,QAAQ,GAAAqF,KAAA,CAARrF,QAAQ;IAAAsF,qBAAA,GAAAD,KAAA,CACR/C,eAAe;AAAfA,IAAAA,eAAe,GAAAgD,qBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,qBAAA;IAAAC,UAAA,GAAAF,KAAA,CAC9B5G,IAAI;AAAJA,IAAAA,IAAI,GAAA8G,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA;IAAAC,gBAAA,GAAAH,KAAA,CACf1B,UAAU;AAAVA,IAAAA,UAAU,GAAA6B,gBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,gBAAA;IAAAC,mBAAA,GAAAJ,KAAA,CACnB5C,aAAa;AAAbA,IAAAA,aAAa,GAAAgD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IACrBC,mBAAmB,GAAAL,KAAA,CAAnBK,mBAAmB;IACnBC,KAAK,GAAAN,KAAA,CAALM,KAAK;IACLC,QAAQ,GAAAP,KAAA,CAARO,QAAQ;IACRC,QAAQ,GAAAR,KAAA,CAARQ,QAAQ;IACRzD,MAAM,GAAAiD,KAAA,CAANjD,MAAM;IACN9B,WAAW,GAAA+E,KAAA,CAAX/E,WAAW;IACXC,YAAY,GAAA8E,KAAA,CAAZ9E,YAAY;IACZuF,UAAU,GAAAT,KAAA,CAAVS,UAAU;IACVC,aAAa,GAAAV,KAAA,CAAbU,aAAa;IACbC,OAAO,GAAAX,KAAA,CAAPW,OAAO;IACPC,QAAQ,GAAAZ,KAAA,CAARY,QAAQ;IACRrD,QAAQ,GAAAyC,KAAA,CAARzC,QAAQ;AACLsD,IAAAA,IAAI,GAAAC,wBAAA,CAAAd,KAAA,EAAAe,SAAA,CAAA,CAAA;AAIT,EAAA,IAAMC,YAAY,GAAG7G,cAAK,CAACwF,OAAO,CAChC,YAAA;IAAA,OAAO;AACLvG,MAAAA,IAAI,EAAJA,IAAI;AACJ6D,MAAAA,eAAe,EAAfA,eAAe;AACfqB,MAAAA,UAAU,EAAVA,UAAU;AACVlB,MAAAA,aAAa,EAAbA,aAAAA;KACD,CAAA;GAAC,EACF,CAAChE,IAAI,EAAE6D,eAAe,EAAEqB,UAAU,EAAElB,aAAa,CACnD,CAAC,CAAA;AAED,EAAA,IAAM6D,0BAA0B,GAC9BhE,eAAe,KAAK,YAAY,GAC5B,iBAAiB,GAAAiE,gBAAAA,CAAAA,MAAA,CACA/G,cAAK,CAACgH,QAAQ,CAACC,KAAK,CAACzG,QAAQ,CAAC,EAAS,SAAA,CAAA,CAAA;;AAE9D;EACA,IAAM0G,eAAe,GAAGhB,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,mBAAmB,GAAIY,0BAA0B,CAAA;AAEzE,EAAA,oBACE3G,GAAA,CAACgH,gBAAgB,CAACzB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEkB,YAAa;IAAArG,QAAA,eAC7CL,GAAA,CAAC4B,OAAO,EAAAzC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACN8C,MAAAA,GAAG,EAAEA,GAAa;AAClBc,MAAAA,EAAE,EAAC,IAAI;AACP3D,MAAAA,OAAO,EAAC,MAAM;AACd2G,MAAAA,mBAAmB,EAAEgB,eAAgB;AACrCE,MAAAA,MAAM,EAAC,WAAW;AAClBC,MAAAA,SAAS,EAAE;AAAEC,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,YAAA;OAAe;AAClDrF,MAAAA,aAAa,EAAC,QAAQ;AACtBmC,MAAAA,MAAM,EAAC,WAAW;AAClB8B,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBvF,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BuF,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBrD,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EACfE,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAACgE,SAAS;AAAE5E,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EACxD6E,cAAc,CAACf,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAlG,MAAAA,QAAA,EAEvBA,QAAAA;KACM,CAAA,CAAA;AAAC,GACe,CAAC,CAAA;AAEhC,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACMgH,IAAAA,SAAS,gBAAG5D,wBAAwB,cAAC5D,cAAK,CAAC6D,UAAU,CAAC+B,UAAU,CAAC,EAAE;AACvE9B,EAAAA,WAAW,EAAE,WAAW;AACxBC,EAAAA,WAAW,EAAE,WAAA;AACf,CAAC;;;;"}

package/build/lib/web/production/components/InfoGroup/InfoGroupContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoGroupContext.js","sources":["../../../../../../src/components/InfoGroup/InfoGroupContext.ts"],"sourcesContent":["import React from 'react';\nimport type { InfoGroupProps } from './types';\n\ntype InfoGroupContextType = {\n size: NonNullable<InfoGroupProps['size']>;\n itemOrientation: NonNullable<InfoGroupProps['itemOrientation']>;\n valueAlign: NonNullable<InfoGroupProps['valueAlign']>;\n isHighlighted: NonNullable<InfoGroupProps['isHighlighted']>;\n};\n\ntype InfoItemContextType = {\n hasAvatar: boolean;\n setHasAvatar: (hasAvatar: boolean) => void;\n isHighlighted: boolean;\n};\n\nconst InfoGroupContext = React.createContext<InfoGroupContextType>({\n size: 'medium',\n itemOrientation: 'horizontal',\n valueAlign: 'left',\n isHighlighted: false,\n});\n\nconst InfoItemContext = React.createContext<InfoItemContextType>({\n hasAvatar: false,\n setHasAvatar: () => {\n // no-op default implementation\n },\n isHighlighted: false,\n});\n\n// Add hooks to use the context\nconst useInfoGroup = (): InfoGroupContextType => React.useContext(InfoGroupContext);\nconst useInfoItem = (): InfoItemContextType => React.useContext(InfoItemContext);\n\nexport { InfoGroupContext, InfoItemContext, useInfoGroup, useInfoItem };\n"],"names":["InfoGroupContext","React","createContext","size","itemOrientation","valueAlign","isHighlighted","InfoItemContext","hasAvatar","setHasAvatar","useInfoGroup","useContext","useInfoItem"],"mappings":";;AAgBA,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAuB;AACjEC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,eAAe,EAAE,YAAY;AAC7BC,EAAAA,UAAU,EAAE,MAAM;AAClBC,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;AAEF,IAAMC,eAAe,gBAAGN,cAAK,CAACC,aAAa,CAAsB;AAC/DM,EAAAA,SAAS,EAAE,KAAK;~~EAChBC~~,YAAY,EAAE,~~SAAAA~~,~~YAAAA~~,~~GAAM~~;AAClB;GACD;AACDH,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;;AAEF;AACA,IAAMI,YAAY,GAAG,SAAfA,YAAYA,GAAA;AAAA,EAAA,OAA+BT,cAAK,CAACU,UAAU,CAACX,gBAAgB,CAAC,CAAA;AAAA,EAAA;AACnF,IAAMY,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,OAA8BX,cAAK,CAACU,UAAU,CAACJ,eAAe,CAAC,CAAA;AAAA;;;;"}
1	+ {"version":3,"file":"InfoGroupContext.js","sources":["../../../../../../src/components/InfoGroup/InfoGroupContext.ts"],"sourcesContent":["import React from 'react';\nimport type { InfoGroupProps } from './types';\n\ntype InfoGroupContextType = {\n size: NonNullable<InfoGroupProps['size']>;\n itemOrientation: NonNullable<InfoGroupProps['itemOrientation']>;\n valueAlign: NonNullable<InfoGroupProps['valueAlign']>;\n isHighlighted: NonNullable<InfoGroupProps['isHighlighted']>;\n};\n\ntype InfoItemContextType = {\n hasAvatar: boolean;\n setHasAvatar: (hasAvatar: boolean) => void;\n isHighlighted: boolean;\n};\n\nconst InfoGroupContext = React.createContext<InfoGroupContextType>({\n size: 'medium',\n itemOrientation: 'horizontal',\n valueAlign: 'left',\n isHighlighted: false,\n});\n\nconst InfoItemContext = React.createContext<InfoItemContextType>({\n hasAvatar: false,\n setHasAvatar: () => {\n // no-op default implementation\n },\n isHighlighted: false,\n});\n\n// Add hooks to use the context\nconst useInfoGroup = (): InfoGroupContextType => React.useContext(InfoGroupContext);\nconst useInfoItem = (): InfoItemContextType => React.useContext(InfoItemContext);\n\nexport { InfoGroupContext, InfoItemContext, useInfoGroup, useInfoItem };\n"],"names":["InfoGroupContext","React","createContext","size","itemOrientation","valueAlign","isHighlighted","InfoItemContext","hasAvatar","setHasAvatar","useInfoGroup","useContext","useInfoItem"],"mappings":";;AAgBA,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAuB;AACjEC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,eAAe,EAAE,YAAY;AAC7BC,EAAAA,UAAU,EAAE,MAAM;AAClBC,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;AAEF,IAAMC,eAAe,gBAAGN,cAAK,CAACC,aAAa,CAAsB;AAC/DM,EAAAA,SAAS,EAAE,KAAK;AAChBC,EAAAA,YAAY,EAAE,SAAdA,YAAYA,GAAQ;AAClB;GACD;AACDH,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;;AAEF;AACA,IAAMI,YAAY,GAAG,SAAfA,YAAYA,GAAA;AAAA,EAAA,OAA+BT,cAAK,CAACU,UAAU,CAACX,gBAAgB,CAAC,CAAA;AAAA,EAAA;AACnF,IAAMY,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,OAA8BX,cAAK,CAACU,UAAU,CAACJ,eAAe,CAAC,CAAA;AAAA;;;;"}

package/build/lib/web/production/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js CHANGED Viewed

@@ -95,7 +95,7 @@ var _AnimatedBaseInputWrapper = function _AnimatedBaseInputWrapper(_ref, ref) {
     onAnimationEnd: function onAnimationEnd(e) {
       if (!showAllTags && e.animationName === collapseAnimation.getName()) {
         // Triggered for the collapse animation
-        setShowAllTagsWithAnimation === null || setShowAllTagsWithAnimation === void 0 ? void 0 : setShowAllTagsWithAnimation(false);
+        setShowAllTagsWithAnimation === null || setShowAllTagsWithAnimation === void 0 || setShowAllTagsWithAnimation(false);
       }
     },
     isTableInputCell: rest.isTableInputCell,

package/build/lib/web/production/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnimatedBaseInputWrapper.web.js","sources":["../../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n getAnimatedBaseInputWrapperMaxHeight,\n getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport { baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { motion } from '~tokens/global';\nimport { castWebType, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledBaseInputWrapper = styled(BaseBox)<\n Pick<\n BaseInputWrapperProps,\n \| 'currentInteraction'\n \| 'isDisabled'\n \| 'validationState'\n \| 'isTextArea'\n \| 'isDropdownTrigger'\n \| 'maxTagRows'\n \| 'isTableInputCell'\n >\n>((props) => ({\n ...getInputBackgroundAndBorderStyles({\n theme: props.theme,\n isFocused: props.currentInteraction === 'focus',\n isDisabled: props.isDisabled,\n validationState: props.validationState,\n isTextArea: props.isTextArea,\n isDropdownTrigger: props.isDropdownTrigger,\n isTableInputCell: props.isTableInputCell,\n }),\n '&:hover': {\n ...getInputBackgroundAndBorderStyles({\n theme: props.theme,\n isHovered: true,\n isFocused: props.currentInteraction === 'focus',\n isDisabled: props.isDisabled,\n validationState: props.validationState,\n isDropdownTrigger: props.isDropdownTrigger,\n isTextArea: props.isTextArea,\n isTableInputCell: props.isTableInputCell,\n }),\n transitionProperty: 'background-color',\n transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),\n transitionTimingFunction: castWebType(props.theme.motion.easing.standard),\n },\n ':focus-within': {\n ...getInputBackgroundAndBorderStyles({\n theme: props.theme,\n isFocused: props.currentInteraction === 'focus',\n isDisabled: props.isDisabled,\n validationState: props.validationState,\n isDropdownTrigger: props.isDropdownTrigger,\n isTextArea: props.isTextArea,\n isTableInputCell: props.isTableInputCell,\n }),\n },\n}));\n\n// Styled component with animation\nconst StyledAnimatedBaseInputWrapper = styled(StyledBaseInputWrapper)<{\n transition?: FlattenSimpleInterpolation;\n maxTagRows: BaseInputWrapperProps['maxTagRows'];\n showAllTags: BaseInputWrapperProps['showAllTags'];\n isDropdownTrigger: BaseInputWrapperProps['isDropdownTrigger'];\n size: NonNullable<BaseInputWrapperProps['size']>;\n}>((props) =>\n props.isDropdownTrigger && !props.isTableInputCell\n ? css`\n ${props.transition};\n max-height: ${makeSize(\n getAnimatedBaseInputWrapperMaxHeight({\n maxTagRows: props.maxTagRows,\n showAllTags: props.showAllTags,\n size: props.size,\n }),\n )};\n `\n : undefined,\n);\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n BladeElementRef,\n BaseInputWrapperProps & {\n showAllTags?: boolean;\n }\n> = (\n { showAllTags, setShowAllTagsWithAnimation, maxTagRows, isDropdownTrigger, ...rest },\n ref,\n): React.ReactElement => {\n // Define the animation keyframes\n const expandAnimation = keyframes`\nfrom {\n max-height: ${makeSize(baseInputHeight[rest.size])};\n}\nto {\n max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\n`;\n\n const collapseAnimation = keyframes`\nfrom {\n max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\nto {\n max-height: ${makeSize(baseInputHeight[rest.size])};\n}\n`;\n\n const expandTransition = css`\n animation: ${expandAnimation} ${makeMotionTime(motion.duration.quick)}\n ${String(motion.easing.entrance)};\n `;\n\n const collapseTransition = css`\n animation: ${collapseAnimation} ${makeMotionTime(motion.duration.quick)}\n ${String(motion.easing.exit)};\n `;\n\n const noTransition = css`\n animation: none;\n `;\n return (\n <StyledAnimatedBaseInputWrapper\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n {...rest}\n transition={\n maxTagRows !== 'expandable'\n ? noTransition\n : showAllTags\n ? expandTransition\n : collapseTransition\n }\n height={\n rest.isTextArea && isDropdownTrigger\n ? makeSpace((rest.numberOfLines ?? 0) * baseInputHeight[rest.size])\n : undefined\n }\n cursor={rest.isTextArea && isDropdownTrigger ? 'text' : undefined}\n isDropdownTrigger={isDropdownTrigger}\n showAllTags={showAllTags}\n maxTagRows={maxTagRows}\n onAnimationEnd={(e) => {\n if (!showAllTags && e.animationName === collapseAnimation.getName()) {\n // Triggered for the collapse animation\n setShowAllTagsWithAnimation?.(false);\n }\n }}\n isTableInputCell={rest.isTableInputCell}\n className=\"__blade-base-input-wrapper\"\n />\n );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","isTableInputCell","isHovered","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","StyledAnimatedBaseInputWrapper","css","transition","makeSize","getAnimatedBaseInputWrapperMaxHeight","maxTagRows","showAllTags","size","undefined","_AnimatedBaseInputWrapper","_ref","ref","_rest$numberOfLines","setShowAllTagsWithAnimation","rest","_objectWithoutProperties","_excluded","expandAnimation","keyframes","baseInputHeight","baseInputWrapperMaxHeight","collapseAnimation","expandTransition","quick","String","entrance","collapseTransition","exit","noTransition","_jsx","height","makeSpace","numberOfLines","cursor","onAnimationEnd","e","animationName","getName","className","AnimatedBaseInputWrapper","React","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"AnimatedBaseInputWrapper.web.js","sources":["../../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n getAnimatedBaseInputWrapperMaxHeight,\n getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport { baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { motion } from '~tokens/global';\nimport { castWebType, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledBaseInputWrapper = styled(BaseBox)<\n Pick<\n BaseInputWrapperProps,\n \| 'currentInteraction'\n \| 'isDisabled'\n \| 'validationState'\n \| 'isTextArea'\n \| 'isDropdownTrigger'\n \| 'maxTagRows'\n \| 'isTableInputCell'\n >\n>((props) => ({\n ...getInputBackgroundAndBorderStyles({\n theme: props.theme,\n isFocused: props.currentInteraction === 'focus',\n isDisabled: props.isDisabled,\n validationState: props.validationState,\n isTextArea: props.isTextArea,\n isDropdownTrigger: props.isDropdownTrigger,\n isTableInputCell: props.isTableInputCell,\n }),\n '&:hover': {\n ...getInputBackgroundAndBorderStyles({\n theme: props.theme,\n isHovered: true,\n isFocused: props.currentInteraction === 'focus',\n isDisabled: props.isDisabled,\n validationState: props.validationState,\n isDropdownTrigger: props.isDropdownTrigger,\n isTextArea: props.isTextArea,\n isTableInputCell: props.isTableInputCell,\n }),\n transitionProperty: 'background-color',\n transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),\n transitionTimingFunction: castWebType(props.theme.motion.easing.standard),\n },\n ':focus-within': {\n ...getInputBackgroundAndBorderStyles({\n theme: props.theme,\n isFocused: props.currentInteraction === 'focus',\n isDisabled: props.isDisabled,\n validationState: props.validationState,\n isDropdownTrigger: props.isDropdownTrigger,\n isTextArea: props.isTextArea,\n isTableInputCell: props.isTableInputCell,\n }),\n },\n}));\n\n// Styled component with animation\nconst StyledAnimatedBaseInputWrapper = styled(StyledBaseInputWrapper)<{\n transition?: FlattenSimpleInterpolation;\n maxTagRows: BaseInputWrapperProps['maxTagRows'];\n showAllTags: BaseInputWrapperProps['showAllTags'];\n isDropdownTrigger: BaseInputWrapperProps['isDropdownTrigger'];\n size: NonNullable<BaseInputWrapperProps['size']>;\n}>((props) =>\n props.isDropdownTrigger && !props.isTableInputCell\n ? css`\n ${props.transition};\n max-height: ${makeSize(\n getAnimatedBaseInputWrapperMaxHeight({\n maxTagRows: props.maxTagRows,\n showAllTags: props.showAllTags,\n size: props.size,\n }),\n )};\n `\n : undefined,\n);\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n BladeElementRef,\n BaseInputWrapperProps & {\n showAllTags?: boolean;\n }\n> = (\n { showAllTags, setShowAllTagsWithAnimation, maxTagRows, isDropdownTrigger, ...rest },\n ref,\n): React.ReactElement => {\n // Define the animation keyframes\n const expandAnimation = keyframes`\nfrom {\n max-height: ${makeSize(baseInputHeight[rest.size])};\n}\nto {\n max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\n`;\n\n const collapseAnimation = keyframes`\nfrom {\n max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\nto {\n max-height: ${makeSize(baseInputHeight[rest.size])};\n}\n`;\n\n const expandTransition = css`\n animation: ${expandAnimation} ${makeMotionTime(motion.duration.quick)}\n ${String(motion.easing.entrance)};\n `;\n\n const collapseTransition = css`\n animation: ${collapseAnimation} ${makeMotionTime(motion.duration.quick)}\n ${String(motion.easing.exit)};\n `;\n\n const noTransition = css`\n animation: none;\n `;\n return (\n <StyledAnimatedBaseInputWrapper\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n {...rest}\n transition={\n maxTagRows !== 'expandable'\n ? noTransition\n : showAllTags\n ? expandTransition\n : collapseTransition\n }\n height={\n rest.isTextArea && isDropdownTrigger\n ? makeSpace((rest.numberOfLines ?? 0) * baseInputHeight[rest.size])\n : undefined\n }\n cursor={rest.isTextArea && isDropdownTrigger ? 'text' : undefined}\n isDropdownTrigger={isDropdownTrigger}\n showAllTags={showAllTags}\n maxTagRows={maxTagRows}\n onAnimationEnd={(e) => {\n if (!showAllTags && e.animationName === collapseAnimation.getName()) {\n // Triggered for the collapse animation\n setShowAllTagsWithAnimation?.(false);\n }\n }}\n isTableInputCell={rest.isTableInputCell}\n className=\"__blade-base-input-wrapper\"\n />\n );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","isTableInputCell","isHovered","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","StyledAnimatedBaseInputWrapper","css","transition","makeSize","getAnimatedBaseInputWrapperMaxHeight","maxTagRows","showAllTags","size","undefined","_AnimatedBaseInputWrapper","_ref","ref","_rest$numberOfLines","setShowAllTagsWithAnimation","rest","_objectWithoutProperties","_excluded","expandAnimation","keyframes","baseInputHeight","baseInputWrapperMaxHeight","collapseAnimation","expandTransition","quick","String","entrance","collapseTransition","exit","noTransition","_jsx","height","makeSpace","numberOfLines","cursor","onAnimationEnd","e","animationName","getName","className","AnimatedBaseInputWrapper","React","forwardRef"],"mappings":"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"}