@razorpay/blade 12.37.0 → 12.39.0

package/build/lib/web/production/components/Card/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","sources":["../../../../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CardFooterAction = Pick<\n  ButtonProps,\n  'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'\n> & {\n  text: ButtonProps['children'];\n};\n\ntype CardFooterProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and footer title\n   */\n  paddingTop?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginTop?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardFooter = ({\n  children,\n  testID,\n  marginTop = 'spacing.4',\n  paddingTop = 'spacing.4',\n  showDivider = true,\n  ...props\n}: CardFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooter');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardFooter',\n    allowedComponents: [ComponentIds.CardFooterLeading, ComponentIds.CardFooterTrailing],\n  });\n\n  const footerChildrensArray = React.Children.toArray(children);\n  if (__DEV__) {\n    if (!React.isValidElement(footerChildrensArray[0])) {\n      throwBladeError({\n        message: `Invalid React Element ${footerChildrensArray}`,\n        moduleName: 'CardFooter',\n      });\n    }\n  }\n\n  // the reason why we are checking for actions here is, because we want the footerTrailing\n  // to always be aligned to the right\n  // if we don't check for action here, and if we do not have footerTrailing and only footerLeading\n  // then the content of footerLeading will be justified to the end.\n  const baseBoxJustifyContent =\n    footerChildrensArray.length === 2 || !(footerChildrensArray[0] as ReactElement)?.props?.actions\n      ? 'space-between'\n      : 'flex-end';\n\n  return (\n    <BaseBox\n      marginTop={marginTop}\n      {...metaAttribute({ name: MetaConstants.CardFooter, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {showDivider ? <Divider /> : null}\n      <BaseBox\n        paddingTop={paddingTop}\n        display=\"flex\"\n        flexDirection={isMobile ? 'column' : 'row'}\n        justifyContent={baseBoxJustifyContent}\n        alignItems={isMobile ? 'stretch' : 'center'}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooter = assignWithoutSideEffects(_CardFooter, { componentId: ComponentIds.CardFooter });\n\ntype CardFooterLeadingProps = {\n  title?: string;\n  subtitle?: string;\n} & DataAnalyticsAttribute;\nconst _CardFooterLeading = ({\n  title,\n  subtitle,\n  ...rest\n}: CardFooterLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardFooterLeading');\n\n  return (\n    <BaseBox textAlign={'left' as never} {...makeAnalyticsAttribute(rest)}>\n      {title && (\n        <Text color=\"surface.text.gray.normal\" size=\"medium\" weight=\"semibold\">\n          {title}\n        </Text>\n      )}\n      {subtitle && (\n        <Text color=\"surface.text.gray.subtle\" size=\"small\" weight=\"regular\">\n          {subtitle}\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\nconst CardFooterLeading = assignWithoutSideEffects(_CardFooterLeading, {\n  componentId: ComponentIds.CardFooterLeading,\n});\n\ntype CardFooterTrailingProps = {\n  actions?: {\n    primary?: CardFooterAction;\n    secondary?: CardFooterAction;\n  };\n} & DataAnalyticsAttribute;\nconst _CardFooterTrailing = ({ actions, ...rest }: CardFooterTrailingProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooterTrailing');\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignSelf={isMobile ? 'auto' : 'center'}\n      marginTop={isMobile ? 'spacing.5' : 'spacing.0'}\n      marginLeft={isMobile ? 'spacing.0' : 'spacing.5'}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox flexGrow={1}>\n        {actions?.secondary ? (\n          <Button isFullWidth size=\"medium\" variant=\"secondary\" {...actions.secondary}>\n            {actions.secondary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n      <BaseBox marginLeft=\"spacing.5\" />\n      <BaseBox flexGrow={1}>\n        {actions?.primary ? (\n          <Button isFullWidth size=\"medium\" {...actions.primary}>\n            {actions.primary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooterTrailing = assignWithoutSideEffects(_CardFooterTrailing, {\n  componentId: ComponentIds.CardFooterTrailing,\n});\n\nexport { CardFooter, CardFooterLeading, CardFooterTrailing };\n"],"names":["_CardFooter","_ref","_footerChildrensArray","_footerChildrensArray2","children","testID","_ref$marginTop","marginTop","_ref$paddingTop","paddingTop","_ref$showDivider","showDivider","props","_objectWithoutProperties","_excluded","isMobile","useIsMobile","useVerifyInsideCard","useVerifyAllowedChildren","componentName","allowedComponents","ComponentIds","CardFooterLeading","CardFooterTrailing","footerChildrensArray","React","Children","toArray","isValidElement","throwBladeError","message","concat","moduleName","baseBoxJustifyContent","length","actions","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","CardFooter","makeAnalyticsAttribute","_jsx","Divider","display","flexDirection","justifyContent","alignItems","assignWithoutSideEffects","componentId","_CardFooterLeading","_ref2","title","subtitle","rest","_excluded2","textAlign","Text","color","size","weight","_CardFooterTrailing","_ref3","_excluded3","alignSelf","marginLeft","flexGrow","secondary","Button","isFullWidth","variant","text","primary"],"mappings":"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"}
+{"version":3,"file":"CardFooter.js","sources":["../../../../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { MAKE_ANALYTICS_CONSTANTS, makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CardFooterAction = Pick<\n  ButtonProps,\n  'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'\n> & {\n  text: ButtonProps['children'];\n};\n\ntype CardFooterProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and footer title\n   */\n  paddingTop?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginTop?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardFooter = ({\n  children,\n  testID,\n  marginTop = 'spacing.4',\n  paddingTop = 'spacing.4',\n  showDivider = true,\n  ...props\n}: CardFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooter');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardFooter',\n    allowedComponents: [ComponentIds.CardFooterLeading, ComponentIds.CardFooterTrailing],\n  });\n\n  const footerChildrensArray = React.Children.toArray(children);\n  if (__DEV__) {\n    if (!React.isValidElement(footerChildrensArray[0])) {\n      throwBladeError({\n        message: `Invalid React Element ${footerChildrensArray}`,\n        moduleName: 'CardFooter',\n      });\n    }\n  }\n\n  // the reason why we are checking for actions here is, because we want the footerTrailing\n  // to always be aligned to the right\n  // if we don't check for action here, and if we do not have footerTrailing and only footerLeading\n  // then the content of footerLeading will be justified to the end.\n  const baseBoxJustifyContent =\n    footerChildrensArray.length === 2 || !(footerChildrensArray[0] as ReactElement)?.props?.actions\n      ? 'space-between'\n      : 'flex-end';\n\n  return (\n    <BaseBox\n      marginTop={marginTop}\n      {...metaAttribute({ name: MetaConstants.CardFooter, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {showDivider ? <Divider /> : null}\n      <BaseBox\n        paddingTop={paddingTop}\n        display=\"flex\"\n        flexDirection={isMobile ? 'column' : 'row'}\n        justifyContent={baseBoxJustifyContent}\n        alignItems={isMobile ? 'stretch' : 'center'}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooter = assignWithoutSideEffects(_CardFooter, { componentId: ComponentIds.CardFooter });\n\ntype CardFooterLeadingProps = {\n  title?: string;\n  subtitle?: string;\n} & DataAnalyticsAttribute;\nconst _CardFooterLeading = ({\n  title,\n  subtitle,\n  ...rest\n}: CardFooterLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardFooterLeading');\n\n  return (\n    <BaseBox textAlign={'left' as never} {...makeAnalyticsAttribute(rest)}>\n      {title && (\n        <Text color=\"surface.text.gray.normal\" size=\"medium\" weight=\"semibold\">\n          {title}\n        </Text>\n      )}\n      {subtitle && (\n        <Text color=\"surface.text.gray.subtle\" size=\"small\" weight=\"regular\">\n          {subtitle}\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\nconst CardFooterLeading = assignWithoutSideEffects(_CardFooterLeading, {\n  componentId: ComponentIds.CardFooterLeading,\n});\n\ntype CardFooterTrailingProps = {\n  actions?: {\n    primary?: CardFooterAction;\n    secondary?: CardFooterAction;\n  };\n} & DataAnalyticsAttribute;\nconst _CardFooterTrailing = ({ actions, ...rest }: CardFooterTrailingProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooterTrailing');\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignSelf={isMobile ? 'auto' : 'center'}\n      marginTop={isMobile ? 'spacing.5' : 'spacing.0'}\n      marginLeft={isMobile ? 'spacing.0' : 'spacing.5'}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox flexGrow={1}>\n        {actions?.secondary ? (\n          <Button\n            isFullWidth\n            size=\"medium\"\n            variant=\"secondary\"\n            {...actions.secondary}\n            data-analytics-name={MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_SECONDARY_ACTION_BUTTON}\n          >\n            {actions.secondary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n      <BaseBox marginLeft=\"spacing.5\" />\n      <BaseBox flexGrow={1}>\n        {actions?.primary ? (\n          <Button\n            isFullWidth\n            size=\"medium\"\n            {...actions.primary}\n            data-analytics-name={MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_PRIMARY_ACTION_BUTTON}\n          >\n            {actions.primary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooterTrailing = assignWithoutSideEffects(_CardFooterTrailing, {\n  componentId: ComponentIds.CardFooterTrailing,\n});\n\nexport { CardFooter, CardFooterLeading, CardFooterTrailing };\n"],"names":["_CardFooter","_ref","_footerChildrensArray","_footerChildrensArray2","children","testID","_ref$marginTop","marginTop","_ref$paddingTop","paddingTop","_ref$showDivider","showDivider","props","_objectWithoutProperties","_excluded","isMobile","useIsMobile","useVerifyInsideCard","useVerifyAllowedChildren","componentName","allowedComponents","ComponentIds","CardFooterLeading","CardFooterTrailing","footerChildrensArray","React","Children","toArray","isValidElement","throwBladeError","message","concat","moduleName","baseBoxJustifyContent","length","actions","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","CardFooter","makeAnalyticsAttribute","_jsx","Divider","display","flexDirection","justifyContent","alignItems","assignWithoutSideEffects","componentId","_CardFooterLeading","_ref2","title","subtitle","rest","_excluded2","textAlign","Text","color","size","weight","_CardFooterTrailing","_ref3","_excluded3","alignSelf","marginLeft","flexGrow","secondary","Button","isFullWidth","variant","MAKE_ANALYTICS_CONSTANTS","CARD","FOOTER_SECONDARY_ACTION_BUTTON","text","primary","FOOTER_PRIMARY_ACTION_BUTTON"],"mappings":"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"}

package/build/lib/web/production/components/Card/CardHeader.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import 'react';
-import { useVerifyInsideCard } from './CardContext.js';
+import { useContext } from 'react';
+import { useVerifyInsideCard, CardContext } from './CardContext.js';
 import { ComponentIds } from './Card.js';
 import '../Badge/index.js';
 import '../Link/index.js';
@@ -137,6 +137,7 @@ var _CardHeader = function _CardHeader(_ref2) {
 var CardHeader = /*#__PURE__*/assignWithoutSideEffects(_CardHeader, {
   componentId: ComponentIds.CardHeader
 });
+var CardHeaderSuffixComponents = [ComponentIds.CardHeaderCounter, ComponentIds.CardHeaderLink];
 var _CardHeaderLeading = function _CardHeaderLeading(_ref3) {
   var title = _ref3.title,
     subtitle = _ref3.subtitle,
@@ -144,6 +145,8 @@ var _CardHeaderLeading = function _CardHeaderLeading(_ref3) {
     suffix = _ref3.suffix,
     rest = _objectWithoutProperties(_ref3, _excluded2);
   useVerifyInsideCard('CardHeaderLeading');
+  var _useContext = useContext(CardContext),
+    size = _useContext.size;
   if (false) {
     if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {
       throwBladeError({
@@ -151,62 +154,53 @@ var _CardHeaderLeading = function _CardHeaderLeading(_ref3) {
         moduleName: 'CardHeaderLeading'
       });
     }
-    if (suffix && !isValidAllowedChildren(suffix, ComponentIds.CardHeaderCounter)) {
-      throwBladeError({
-        message: "Only `".concat(ComponentIds.CardHeaderCounter, "` component is accepted in prefix"),
-        moduleName: 'CardHeaderLeading'
-      });
-    }
   }
-  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({}, makeAnalyticsAttribute(rest)), {}, {
-    flex: 1,
+  var isSuffixACardComponent = CardHeaderSuffixComponents.includes(getComponentId(suffix));
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, makeAnalyticsAttribute(rest)), {}, {
     display: "flex",
-    flexDirection: "row",
-    children: [/*#__PURE__*/jsx(BaseBox, {
-      marginRight: "spacing.3",
-      alignSelf: "center",
+    flexDirection: "column",
+    gap: "spacing.4",
+    children: /*#__PURE__*/jsxs(BaseBox, {
+      flex: 1,
       display: "flex",
-      children: prefix
-    }), /*#__PURE__*/jsxs(BaseBox, {
-      marginRight: "spacing.5",
-      children: [/*#__PURE__*/jsxs(BaseBox, {
+      flexDirection: "row",
+      children: [prefix && /*#__PURE__*/jsx(BaseBox, {
+        marginRight: "spacing.3",
+        alignSelf: "center",
         display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        flexWrap: "wrap",
-        children: [/*#__PURE__*/jsx(Text, {
-          color: "surface.text.gray.normal",
-          size: "large",
-          weight: "semibold",
-          children: title
-        }), /*#__PURE__*/jsx(BaseBox, {
-          marginLeft: "spacing.3",
-          children: suffix
+        children: prefix
+      }), /*#__PURE__*/jsxs(BaseBox, {
+        marginRight: "spacing.5",
+        children: [/*#__PURE__*/jsxs(BaseBox, {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          flexWrap: "wrap",
+          children: [/*#__PURE__*/jsx(Text, {
+            color: "surface.text.gray.normal",
+            size: size,
+            weight: "semibold",
+            children: title
+          }), suffix && isSuffixACardComponent ? /*#__PURE__*/jsx(BaseBox, {
+            marginLeft: "spacing.3",
+            children: suffix
+          }) : suffix]
+        }), subtitle && /*#__PURE__*/jsx(Text, {
+          color: "surface.text.gray.subtle",
+          textAlign: "left",
+          size: "small",
+          children: subtitle
         })]
-      }), subtitle && /*#__PURE__*/jsx(Text, {
-        color: "surface.text.gray.subtle",
-        textAlign: "left",
-        size: "small",
-        children: subtitle
       })]
-    })]
+    })
   }));
 };
 var CardHeaderLeading = /*#__PURE__*/assignWithoutSideEffects(_CardHeaderLeading, {
   componentId: ComponentIds.CardHeaderLeading
 });
-var headerTrailingAllowedComponents = [ComponentIds.CardHeaderLink, ComponentIds.CardHeaderText, ComponentIds.CardHeaderIconButton, ComponentIds.CardHeaderBadge, ComponentIds.CardHeaderAmount];
 var _CardHeaderTrailing = function _CardHeaderTrailing(_ref4) {
   var visual = _ref4.visual;
   useVerifyInsideCard('CardHeaderTrailing');
-  if (false) {
-    if (visual && !headerTrailingAllowedComponents.includes(getComponentId(visual))) {
-      throwBladeError({
-        message: "Only one of `".concat(headerTrailingAllowedComponents.join(', '), "` component is accepted in visual"),
-        moduleName: 'CardHeaderTrailing'
-      });
-    }
-  }
   return /*#__PURE__*/jsx(BaseBox, {
     alignSelf: "center",
     children: visual

package/build/lib/web/production/components/Card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderAmount');\n\n  return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n  componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and header title\n   */\n  paddingBottom?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginBottom?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n  children,\n  testID,\n  marginBottom = 'spacing.4',\n  paddingBottom = 'spacing.4',\n  showDivider = true,\n  ...rest\n}: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom={marginBottom}\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        paddingBottom={paddingBottom}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * Accepts: `CardHeaderCounter` component\n   */\n  suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n  ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n\n    if (suffix && !isValidAllowedChildren(suffix, ComponentIds.CardHeaderCounter)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderCounter}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  return (\n    <BaseBox {...makeAnalyticsAttribute(rest)} flex={1} display=\"flex\" flexDirection=\"row\">\n      <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n        {prefix}\n      </BaseBox>\n      <BaseBox marginRight=\"spacing.5\">\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n          <Text color=\"surface.text.gray.normal\" size=\"large\" weight=\"semibold\">\n            {title}\n          </Text>\n          <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n        </BaseBox>\n        {subtitle && (\n          <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n            {subtitle}\n          </Text>\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   * Accepts: `CardHeaderLink`, `CardHeaderText`, `CardHeaderIconButton`, `CardHeaderBadge`\n   */\n  visual?: React.ReactNode;\n};\n\nconst headerTrailingAllowedComponents = [\n  ComponentIds.CardHeaderLink,\n  ComponentIds.CardHeaderText,\n  ComponentIds.CardHeaderIconButton,\n  ComponentIds.CardHeaderBadge,\n  ComponentIds.CardHeaderAmount,\n];\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  if (__DEV__) {\n    if (visual && !headerTrailingAllowedComponents.includes(getComponentId(visual)!)) {\n      throwBladeError({\n        message: `Only one of \\`${headerTrailingAllowedComponents.join(\n          ', ',\n        )}\\` component is accepted in visual`,\n        moduleName: 'CardHeaderTrailing',\n      });\n    }\n  }\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderAmount,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","_objectSpread","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","isValidAllowedChildren","throwBladeError","message","concat","moduleName","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","headerTrailingAllowedComponents","_CardHeaderTrailing","_ref4","visual","includes","getComponentId","join"],"mappings":"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"}
+{"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useContext } from 'react';\nimport { useVerifyInsideCard, CardContext } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderAmount');\n\n  return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n  componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and header title\n   */\n  paddingBottom?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginBottom?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n  children,\n  testID,\n  marginBottom = 'spacing.4',\n  paddingBottom = 'spacing.4',\n  showDivider = true,\n  ...rest\n}: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom={marginBottom}\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        paddingBottom={paddingBottom}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\nconst CardHeaderSuffixComponents = [ComponentIds.CardHeaderCounter, ComponentIds.CardHeaderLink];\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * it add marginLeft to `CardHeaderCounter`,`CardHeaderLink`  components by default.\n   */\n  suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n  ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n  const { size } = useContext(CardContext);\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  const isSuffixACardComponent = CardHeaderSuffixComponents.includes(getComponentId(suffix)!);\n\n  return (\n    <BaseBox\n      {...makeAnalyticsAttribute(rest)}\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.4\"\n    >\n      <BaseBox flex={1} display=\"flex\" flexDirection=\"row\">\n        {prefix && (\n          <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n            {prefix}\n          </BaseBox>\n        )}\n\n        <BaseBox marginRight=\"spacing.5\">\n          <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n            <Text color=\"surface.text.gray.normal\" size={size} weight=\"semibold\">\n              {title}\n            </Text>\n            {/* if we are using CardHeaderSuffixComponents we still need marginLeft for spacing ,\n             but if it's not a CardHeaderSuffixComponents we don't need marginLeft for example in case of tooltip */}\n            {suffix && isSuffixACardComponent ? (\n              <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n            ) : (\n              suffix\n            )}\n          </BaseBox>\n          {subtitle && (\n            <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n              {subtitle}\n            </Text>\n          )}\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   */\n  visual?: React.ReactNode;\n};\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderAmount,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","_objectSpread","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","CardHeaderSuffixComponents","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","_useContext","useContext","CardContext","isValidAllowedChildren","throwBladeError","message","concat","moduleName","isSuffixACardComponent","includes","getComponentId","gap","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","_CardHeaderTrailing","_ref4","visual"],"mappings":"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"}

package/build/lib/web/production/components/Chip/Chip.js

@@ -29,8 +29,8 @@ import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { Text } from '../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
@@ -142,10 +142,10 @@ var _Chip = function _Chip(_ref, ref) {
   }
   var chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];
   var chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     name: MetaConstants.Chip,
     testID: testID
-  })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
+  })), getStyledProps(rest)), {}, {
     display: isReactNative() ? 'flex' : 'inline-flex',
     ref: getOuterMotionRef({
       _motionMeta: _motionMeta,
@@ -176,7 +176,7 @@ var _Chip = function _Chip(_ref, ref) {
           display: "flex",
           alignItems: "center",
           flexDirection: "row",
-          children: [/*#__PURE__*/jsx(SelectorInput, {
+          children: [/*#__PURE__*/jsx(SelectorInput, _objectSpread({
             hoverTokens: getChipInputHoverTokens(chipColor),
             isChecked: state.isChecked,
             isDisabled: _isDisabled,
@@ -186,7 +186,7 @@ var _Chip = function _Chip(_ref, ref) {
               _motionMeta: _motionMeta,
               ref: ref
             })
-          }), /*#__PURE__*/jsx(AnimatedChip, {
+          }, makeAnalyticsAttribute(rest))), /*#__PURE__*/jsx(AnimatedChip, {
             borderColor: chipBorderColor,
             isDisabled: _isDisabled,
             isPressed: isPressed,

package/build/lib/web/production/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  {\n    isDisabled,\n    value,\n    children,\n    icon: Icon,\n    color,\n    testID,\n    _motionMeta,\n    width,\n    maxWidth,\n    minWidth,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const hasError = groupProps?.validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    hasError,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      width={width}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{\n          cursor: _isDisabled ? 'not-allowed' : 'pointer',\n          width: '100%',\n        }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              hasError={hasError}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n                gap=\"spacing.3\"\n                width=\"100%\"\n              >\n                {Icon ? (\n                  <BaseBox display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                {children ? (\n                  <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                    {children}\n                  </Text>\n                ) : null}\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","_motionMeta","width","maxWidth","minWidth","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","throwBladeError","moduleName","message","hasError","validationState","_isDisabled","_isRequired","isRequired","necessityIndicator","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Chip","getStyledProps","makeAnalyticsAttribute","display","isReactNative","getOuterMotionRef","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","getInnerMotionRef","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","gap","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  {\n    isDisabled,\n    value,\n    children,\n    icon: Icon,\n    color,\n    testID,\n    _motionMeta,\n    width,\n    maxWidth,\n    minWidth,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const hasError = groupProps?.validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    hasError,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(rest)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      width={width}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{\n          cursor: _isDisabled ? 'not-allowed' : 'pointer',\n          width: '100%',\n        }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              hasError={hasError}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n                gap=\"spacing.3\"\n                width=\"100%\"\n              >\n                {Icon ? (\n                  <BaseBox display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                {children ? (\n                  <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                    {children}\n                  </Text>\n                ) : null}\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","_motionMeta","width","maxWidth","minWidth","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","throwBladeError","moduleName","message","hasError","validationState","_isDisabled","_isRequired","isRequired","necessityIndicator","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","getOuterMotionRef","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","gap","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/production/components/DatePicker/BaseDatePicker.web.js

@@ -48,7 +48,7 @@ import { BottomSheetBody } from '../BottomSheet/BottomSheetBody.web.js';
 import { BottomSheetFooter } from '../BottomSheet/BottomSheetFooter.web.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 
-var _excluded = ["selectionType", "allowSingleDateInRange", "value", "defaultValue", "onChange", "onApply", "presets", "isOpen", "defaultIsOpen", "onOpenChange", "label", "labelPosition", "accessibilityLabel", "errorText", "helpText", "isDisabled", "isRequired", "successText", "validationState", "size", "autoFocus", "necessityIndicator", "name", "defaultPicker", "picker", "onPickerChange", "zIndex", "format", "inputPlaceHolder", "inputElementType", "onClearButtonClick"];
+var _excluded = ["selectionType", "allowSingleDateInRange", "value", "defaultValue", "onChange", "onApply", "presets", "isOpen", "defaultIsOpen", "onOpenChange", "label", "labelPosition", "accessibilityLabel", "errorText", "helpText", "isDisabled", "isRequired", "successText", "validationState", "size", "autoFocus", "necessityIndicator", "name", "defaultPicker", "picker", "onPickerChange", "zIndex", "format", "inputPlaceHolder", "inputElementType", "onClearButtonClick", "labelSuffix", "labelTrailing"];
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -90,6 +90,8 @@ var BaseDatePicker = function BaseDatePicker(_ref) {
     _ref$inputElementType = _ref.inputElementType,
     inputElementType = _ref$inputElementType === void 0 ? 'datePickerInput' : _ref$inputElementType,
     onClearButtonClick = _ref.onClearButtonClick,
+    labelSuffix = _ref.labelSuffix,
+    labelTrailing = _ref.labelTrailing,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useI18nContext = useI18nContext(),
     i18nState = _useI18nContext.i18nState;
@@ -454,7 +456,9 @@ var BaseDatePicker = function BaseDatePicker(_ref) {
           autoFocus: autoFocus,
           necessityIndicator: necessityIndicator,
           format: finalFormat,
-          placeholder: finalInputPlaceHolder
+          placeholder: finalInputPlaceHolder,
+          labelSuffix: labelSuffix,
+          labelTrailing: labelTrailing
         }, makeAnalyticsAttribute(props))), isMobile ? /*#__PURE__*/jsxs(BottomSheet, {
           snapPoints: [0.9, 0.9, 1],
           isOpen: controllableIsOpen,