@razorpay/blade 12.98.1 → 12.110.0

package/build/lib/web/development/components/TrustBadge/TrustBadge.web.js

@@ -0,0 +1,95 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import '../Box/BaseBox/index.js';
+import '../Icons/index.js';
+import '../Typography/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import RazorpayTrustIcon from '../Icons/RazorpayTrustIcon/RazorpayTrustIcon.web.js';
+import { Text } from '../Typography/Text/Text.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded = ["variant", "label", "testID"];
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DEFAULT_LABEL = 'Razorpay Trusted Business';
+
+/**
+ * ### TrustBadge
+ *
+ * A generic trust badge — a brand shield paired with a sea-tinted pill that displays
+ * a configurable trust label (default: "Razorpay Trusted Business").
+ *
+ * The component is intentionally generic so the label and semantics can evolve
+ * (e.g. "Razorpay Verified") without a breaking API change.
+ *
+ * ---
+ *
+ * #### Usage
+ *
+ * ```jsx
+ * <TrustBadge />                        // shield + label pill (default)
+ * <TrustBadge variant="icon-only" />    // shield only, no pill/text
+ * <TrustBadge label="Razorpay Verified" />  // custom trust label
+ * ```
+ */
+var _TrustBadge = function _TrustBadge(_ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? DEFAULT_LABEL : _ref$label,
+    testID = _ref.testID,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var isIconOnly = variant === 'icon-only';
+  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    display: "inline-flex",
+    flexDirection: "row",
+    alignItems: "center",
+    flexShrink: 0,
+    gap: isIconOnly ? undefined : 'spacing.2',
+    height: isIconOnly ? undefined : '24px',
+    padding: isIconOnly ? 'spacing.2' : ['spacing.2', 'spacing.3'],
+    borderRadius: isIconOnly ? undefined : 'max',
+    backgroundColor: isIconOnly ? undefined : 'surface.background.sea.subtle'
+  }, metaAttribute({
+    name: MetaConstants.TrustBadge,
+    testID: testID
+  })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
+    children: [/*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+      display: "flex",
+      alignItems: "center",
+      flexShrink: 0
+    }, isIconOnly ? makeAccessible({
+      role: 'img',
+      label: label
+    }) : {
+      'aria-hidden': true
+    }), {}, {
+      children: /*#__PURE__*/jsx(RazorpayTrustIcon, {
+        size: "medium"
+      })
+    })), isIconOnly ? null : /*#__PURE__*/jsx(Text, {
+      size: "xsmall",
+      weight: "regular",
+      color: "surface.text.gray.subtle",
+      children: label
+    })]
+  }));
+};
+var TrustBadge = /*#__PURE__*/assignWithoutSideEffects(_TrustBadge, {
+  componentId: MetaConstants.TrustBadge
+});
+
+export { TrustBadge };
+//# sourceMappingURL=TrustBadge.web.js.map

package/build/lib/web/development/components/TrustBadge/TrustBadge.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrustBadge.web.js","sources":["../../../../../../src/components/TrustBadge/TrustBadge.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { TrustBadgeProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { RazorpayTrustIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst DEFAULT_LABEL = 'Razorpay Trusted Business';\n\n/**\n * ### TrustBadge\n *\n * A generic trust badge — a brand shield paired with a sea-tinted pill that displays\n * a configurable trust label (default: \"Razorpay Trusted Business\").\n *\n * The component is intentionally generic so the label and semantics can evolve\n * (e.g. \"Razorpay Verified\") without a breaking API change.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <TrustBadge />                        // shield + label pill (default)\n * <TrustBadge variant=\"icon-only\" />    // shield only, no pill/text\n * <TrustBadge label=\"Razorpay Verified\" />  // custom trust label\n * ```\n */\nconst _TrustBadge = ({\n  variant = 'default',\n  label = DEFAULT_LABEL,\n  testID,\n  ...rest\n}: TrustBadgeProps): React.ReactElement => {\n  const isIconOnly = variant === 'icon-only';\n\n  return (\n    <BaseBox\n      display=\"inline-flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      flexShrink={0}\n      gap={isIconOnly ? undefined : 'spacing.2'}\n      height={isIconOnly ? undefined : '24px'}\n      padding={isIconOnly ? 'spacing.2' : ['spacing.2', 'spacing.3']}\n      borderRadius={isIconOnly ? undefined : 'max'}\n      backgroundColor={isIconOnly ? undefined : 'surface.background.sea.subtle'}\n      {...metaAttribute({ name: MetaConstants.TrustBadge, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {/* In the default variant the pill text announces the badge, so the shield is decorative.\n        In the icon-only variant there is no visible text, so the shield wrapper carries the label. */}\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        flexShrink={0}\n        {...(isIconOnly ? makeAccessible({ role: 'img', label }) : { 'aria-hidden': true })}\n      >\n        <RazorpayTrustIcon size=\"medium\" />\n      </BaseBox>\n      {isIconOnly ? null : (\n        <Text size=\"xsmall\" weight=\"regular\" color=\"surface.text.gray.subtle\">\n          {label}\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\n\nconst TrustBadge = assignWithoutSideEffects(_TrustBadge, {\n  componentId: MetaConstants.TrustBadge,\n});\n\nexport { TrustBadge };\n"],"names":["DEFAULT_LABEL","_TrustBadge","_ref","_ref$variant","variant","_ref$label","label","testID","rest","_objectWithoutProperties","_excluded","isIconOnly","_jsxs","BaseBox","_objectSpread","display","flexDirection","alignItems","flexShrink","gap","undefined","height","padding","borderRadius","backgroundColor","metaAttribute","name","MetaConstants","TrustBadge","getStyledProps","makeAnalyticsAttribute","children","_jsx","makeAccessible","role","RazorpayTrustIcon","size","Text","weight","color","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,aAAa,GAAG,2BAA2B,CAAA;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAK0B;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CAJzCE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAAE,UAAA,GAAAH,IAAA,CACnBI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAGL,KAAAA,CAAAA,GAAAA,aAAa,GAAAK,UAAA;IACrBE,MAAM,GAAAL,IAAA,CAANK,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGP,OAAO,KAAK,WAAW,CAAA;EAE1C,oBACEQ,IAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,aAAa;AACrBC,IAAAA,aAAa,EAAC,KAAK;AACnBC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,GAAG,EAAER,UAAU,GAAGS,SAAS,GAAG,WAAY;AAC1CC,IAAAA,MAAM,EAAEV,UAAU,GAAGS,SAAS,GAAG,MAAO;IACxCE,OAAO,EAAEX,UAAU,GAAG,WAAW,GAAG,CAAC,WAAW,EAAE,WAAW,CAAE;AAC/DY,IAAAA,YAAY,EAAEZ,UAAU,GAAGS,SAAS,GAAG,KAAM;AAC7CI,IAAAA,eAAe,EAAEb,UAAU,GAAGS,SAAS,GAAG,+BAAA;AAAgC,GAAA,EACtEK,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,UAAU;AAAErB,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAC,CACzDsB,EAAAA,cAAc,CAACrB,IAAI,CAAC,CACpBsB,EAAAA,sBAAsB,CAACtB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAuB,IAAAA,QAAA,gBAIhCC,GAAA,CAACnB,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACNC,MAAAA,OAAO,EAAC,MAAM;AACdE,MAAAA,UAAU,EAAC,QAAQ;AACnBC,MAAAA,UAAU,EAAE,CAAA;KACPP,EAAAA,UAAU,GAAGsB,cAAc,CAAC;AAAEC,MAAAA,IAAI,EAAE,KAAK;AAAE5B,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,GAAG;AAAE,MAAA,aAAa,EAAE,IAAA;KAAM,CAAA,EAAA,EAAA,EAAA;MAAAyB,QAAA,eAElFC,GAAA,CAACG,iBAAiB,EAAA;AAACC,QAAAA,IAAI,EAAC,QAAA;OAAU,CAAA;KAC3B,CAAA,CAAC,EACTzB,UAAU,GAAG,IAAI,gBAChBqB,GAAA,CAACK,IAAI,EAAA;AAACD,MAAAA,IAAI,EAAC,QAAQ;AAACE,MAAAA,MAAM,EAAC,SAAS;AAACC,MAAAA,KAAK,EAAC,0BAA0B;AAAAR,MAAAA,QAAA,EAClEzB,KAAAA;AAAK,KACF,CACP,CAAA;AAAA,GAAA,CACM,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMsB,UAAU,gBAAGY,wBAAwB,CAACvC,WAAW,EAAE;EACvDwC,WAAW,EAAEd,aAAa,CAACC,UAAAA;AAC7B,CAAC;;;;"}

package/build/lib/web/development/components/TrustBadge/index.js

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

package/build/lib/web/development/components/TrustBadge/index.js.map

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

package/build/lib/web/development/components/Typography/BaseText/getBaseTextStyles.js

@@ -83,14 +83,23 @@ var getBaseTextStyles = function getBaseTextStyles(_ref) {
 
   // Apply dotted styles only on web
   var dottedStyles = isDotted && !isReactNative() ? DOTTED_UNDERLINE_STYLES : {};
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+
+  // Apply Display optical size (opsz: 60) for heading font on web.
+  // The TASA Orbiter variable font has three named optical-size instances:
+  //   Text (opsz:8), Deck (opsz:32), Display (opsz:60).
+  // Without this, browsers default to opsz:8 (Text), which doesn't match
+  // "TASA Orbiter Display" that designers have installed locally.
+  var headingVariationStyles = fontFamily === 'heading' && !isReactNative() ? {
+    fontVariationSettings: "'opsz' 60"
+  } : {};
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     color: textColor,
     fontFamily: themeFontFamily,
     fontSize: themeFontSize,
     fontWeight: themeFontWeight,
     fontStyle: fontStyle,
     textDecorationLine: actualTextDecorationLine
-  }, dottedStyles), textDecorationLine !== 'none' && {
+  }, dottedStyles), headingVariationStyles), textDecorationLine !== 'none' && {
     textDecorationColor: textColor
   }), {}, {
     lineHeight: themeLineHeight,

package/build/lib/web/development/components/Typography/BaseText/getBaseTextStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBaseTextStyles.js","sources":["../../../../../../../src/components/Typography/BaseText/getBaseTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport type { StyledBaseTextProps } from './types';\nimport { DOTTED_UNDERLINE_STYLES } from './tokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { isReactNative } from '~utils';\nimport { makeLetterSpacing } from '~utils/makeLetterSpacing';\nimport { logger } from '~utils/logger';\n\nconst getBaseTextStyles = ({\n  color = 'surface.text.gray.normal',\n  fontFamily = 'text',\n  fontSize = 200,\n  fontWeight = 'regular',\n  fontStyle = 'normal',\n  textDecorationLine = 'none',\n  numberOfLines,\n  wordBreak,\n  lineHeight = 100,\n  letterSpacing = 100,\n  textAlign,\n  opacity,\n  theme,\n  textTransform,\n}: StyledBaseTextProps): CSSObject => {\n  const textColor = color === 'currentColor' ? 'currentColor' : getIn(theme.colors, color);\n  const themeFontFamily = theme.typography.fonts.family[fontFamily];\n  const themeFontSize = makeTypographySize(theme.typography.fonts.size[fontSize]);\n  const themeFontWeight = theme.typography.fonts.weight[fontWeight];\n  const themeLineHeight = makeTypographySize(theme.typography.lineHeights[lineHeight]);\n  const themeLetterSpacing = makeLetterSpacing(\n    theme.typography.letterSpacings[letterSpacing],\n    theme.typography.fonts.size[fontSize],\n  );\n  let truncateStyles: CSSObject = {};\n  let wordBreakStyles: CSSObject = {};\n  if (numberOfLines !== undefined) {\n    if (isReactNative()) {\n      truncateStyles = {};\n    } else {\n      truncateStyles = {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        'line-clamp': `${numberOfLines}`,\n        '-webkit-line-clamp': `${numberOfLines}`,\n        '-webkit-box-orient': 'vertical',\n        overflowWrap: 'break-word',\n      };\n    }\n  }\n  if (wordBreak !== undefined) {\n    if (isReactNative()) {\n      wordBreakStyles = {};\n    } else {\n      wordBreakStyles = {\n        wordBreak,\n      };\n    }\n  }\n\n  // Handle 'dotted' as a special case - it creates a dotted underline\n  // Both RN and Web use 'underline' when dotted, just different styling\n  const isDotted = textDecorationLine === 'dotted';\n  const actualTextDecorationLine = isDotted ? 'underline' : textDecorationLine;\n\n  // Warn on React Native since dotted styling isn't supported\n  if (isDotted && isReactNative()) {\n    logger({\n      message:\n        'textDecorationLine=\"dotted\" is not supported on React Native. Falling back to \"underline\".',\n      moduleName: 'BaseText',\n      type: 'warn',\n    });\n  }\n\n  // Apply dotted styles only on web\n  const dottedStyles = isDotted && !isReactNative() ? DOTTED_UNDERLINE_STYLES : {};\n\n  return {\n    color: textColor,\n    fontFamily: themeFontFamily,\n    fontSize: themeFontSize,\n    fontWeight: themeFontWeight,\n    fontStyle,\n    textDecorationLine: actualTextDecorationLine,\n    ...dottedStyles,\n    ...(textDecorationLine !== 'none' && {\n      textDecorationColor: textColor,\n    }),\n    lineHeight: themeLineHeight,\n    letterSpacing: themeLetterSpacing,\n    textAlign,\n    margin: 0,\n    padding: 0,\n    opacity,\n    textTransform,\n    ...truncateStyles,\n    ...wordBreakStyles,\n  };\n};\n\nexport default getBaseTextStyles;\n"],"names":["getBaseTextStyles","_ref","_ref$color","color","_ref$fontFamily","fontFamily","_ref$fontSize","fontSize","_ref$fontWeight","fontWeight","_ref$fontStyle","fontStyle","_ref$textDecorationLi","textDecorationLine","numberOfLines","wordBreak","_ref$lineHeight","lineHeight","_ref$letterSpacing","letterSpacing","textAlign","opacity","theme","textTransform","textColor","getIn","colors","themeFontFamily","typography","fonts","family","themeFontSize","makeTypographySize","size","themeFontWeight","weight","themeLineHeight","lineHeights","themeLetterSpacing","makeLetterSpacing","letterSpacings","truncateStyles","wordBreakStyles","undefined","isReactNative","overflow","display","concat","overflowWrap","isDotted","actualTextDecorationLine","logger","message","moduleName","type","dottedStyles","DOTTED_UNDERLINE_STYLES","_objectSpread","textDecorationColor","margin","padding"],"mappings":"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"}
+{"version":3,"file":"getBaseTextStyles.js","sources":["../../../../../../../src/components/Typography/BaseText/getBaseTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport type { StyledBaseTextProps } from './types';\nimport { DOTTED_UNDERLINE_STYLES } from './tokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { isReactNative } from '~utils';\nimport { makeLetterSpacing } from '~utils/makeLetterSpacing';\nimport { logger } from '~utils/logger';\n\nconst getBaseTextStyles = ({\n  color = 'surface.text.gray.normal',\n  fontFamily = 'text',\n  fontSize = 200,\n  fontWeight = 'regular',\n  fontStyle = 'normal',\n  textDecorationLine = 'none',\n  numberOfLines,\n  wordBreak,\n  lineHeight = 100,\n  letterSpacing = 100,\n  textAlign,\n  opacity,\n  theme,\n  textTransform,\n}: StyledBaseTextProps): CSSObject => {\n  const textColor = color === 'currentColor' ? 'currentColor' : getIn(theme.colors, color);\n  const themeFontFamily = theme.typography.fonts.family[fontFamily];\n  const themeFontSize = makeTypographySize(theme.typography.fonts.size[fontSize]);\n  const themeFontWeight = theme.typography.fonts.weight[fontWeight];\n  const themeLineHeight = makeTypographySize(theme.typography.lineHeights[lineHeight]);\n  const themeLetterSpacing = makeLetterSpacing(\n    theme.typography.letterSpacings[letterSpacing],\n    theme.typography.fonts.size[fontSize],\n  );\n  let truncateStyles: CSSObject = {};\n  let wordBreakStyles: CSSObject = {};\n  if (numberOfLines !== undefined) {\n    if (isReactNative()) {\n      truncateStyles = {};\n    } else {\n      truncateStyles = {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        'line-clamp': `${numberOfLines}`,\n        '-webkit-line-clamp': `${numberOfLines}`,\n        '-webkit-box-orient': 'vertical',\n        overflowWrap: 'break-word',\n      };\n    }\n  }\n  if (wordBreak !== undefined) {\n    if (isReactNative()) {\n      wordBreakStyles = {};\n    } else {\n      wordBreakStyles = {\n        wordBreak,\n      };\n    }\n  }\n\n  // Handle 'dotted' as a special case - it creates a dotted underline\n  // Both RN and Web use 'underline' when dotted, just different styling\n  const isDotted = textDecorationLine === 'dotted';\n  const actualTextDecorationLine = isDotted ? 'underline' : textDecorationLine;\n\n  // Warn on React Native since dotted styling isn't supported\n  if (isDotted && isReactNative()) {\n    logger({\n      message:\n        'textDecorationLine=\"dotted\" is not supported on React Native. Falling back to \"underline\".',\n      moduleName: 'BaseText',\n      type: 'warn',\n    });\n  }\n\n  // Apply dotted styles only on web\n  const dottedStyles = isDotted && !isReactNative() ? DOTTED_UNDERLINE_STYLES : {};\n\n  // Apply Display optical size (opsz: 60) for heading font on web.\n  // The TASA Orbiter variable font has three named optical-size instances:\n  //   Text (opsz:8), Deck (opsz:32), Display (opsz:60).\n  // Without this, browsers default to opsz:8 (Text), which doesn't match\n  // \"TASA Orbiter Display\" that designers have installed locally.\n  const headingVariationStyles: CSSObject =\n    fontFamily === 'heading' && !isReactNative() ? { fontVariationSettings: \"'opsz' 60\" } : {};\n\n  return {\n    color: textColor,\n    fontFamily: themeFontFamily,\n    fontSize: themeFontSize,\n    fontWeight: themeFontWeight,\n    fontStyle,\n    textDecorationLine: actualTextDecorationLine,\n    ...dottedStyles,\n    ...headingVariationStyles,\n    ...(textDecorationLine !== 'none' && {\n      textDecorationColor: textColor,\n    }),\n    lineHeight: themeLineHeight,\n    letterSpacing: themeLetterSpacing,\n    textAlign,\n    margin: 0,\n    padding: 0,\n    opacity,\n    textTransform,\n    ...truncateStyles,\n    ...wordBreakStyles,\n  };\n};\n\nexport default getBaseTextStyles;\n"],"names":["getBaseTextStyles","_ref","_ref$color","color","_ref$fontFamily","fontFamily","_ref$fontSize","fontSize","_ref$fontWeight","fontWeight","_ref$fontStyle","fontStyle","_ref$textDecorationLi","textDecorationLine","numberOfLines","wordBreak","_ref$lineHeight","lineHeight","_ref$letterSpacing","letterSpacing","textAlign","opacity","theme","textTransform","textColor","getIn","colors","themeFontFamily","typography","fonts","family","themeFontSize","makeTypographySize","size","themeFontWeight","weight","themeLineHeight","lineHeights","themeLetterSpacing","makeLetterSpacing","letterSpacings","truncateStyles","wordBreakStyles","undefined","isReactNative","overflow","display","concat","overflowWrap","isDotted","actualTextDecorationLine","logger","message","moduleName","type","dottedStyles","DOTTED_UNDERLINE_STYLES","headingVariationStyles","fontVariationSettings","_objectSpread","textDecorationColor","margin","padding"],"mappings":"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"}

package/build/lib/web/development/components/Typography/Code/Code.js

@@ -20,6 +20,7 @@ import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
 import { BaseText } from '../BaseText/BaseText.web.js';
+import { isAndroid } from '../../../utils/platform/getOS.web.js';
 
 var _excluded = ["children", "size", "weight", "isHighlighted", "color", "testID", "textTransform"];
 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; }
@@ -123,7 +124,12 @@ var _Code = function _Code(_ref2, ref) {
       as: isPlatformWeb ? 'code' : undefined,
       lineHeight: lineHeight,
       letterSpacing: letterSpacing,
-      textTransform: textTransform,
+      textTransform: textTransform
+      // Android's default font padding nudges inline code up relative to adjacent text.
+      ,
+      style: isAndroid() ? {
+        includeFontPadding: false
+      } : undefined,
       children: children
     })
   }));

package/build/lib/web/development/components/Typography/Code/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","sources":["../../../../../../../src/components/Typography/Code/Code.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FontSize, Typography } from '~tokens/global';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport { makeSpace } from '~utils/makeSpace';\nimport { throwBladeError } from '~utils/logger';\n\ntype CodeCommonProps = {\n  /**\n   * Sets the color of the Heading component.\n   */\n  children: StringChildrenType;\n  /**\n   * Decides the fontSize and padding of Code\n   *\n   * @default small\n   */\n  size?: Extract<BaseTextSizes, 'small' | 'medium'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'bold'>;\n  isHighlighted?: boolean;\n  textTransform?: BaseTextProps['textTransform'];\n  color?: BaseTextProps['color'];\n} & TestID &\n  StyledPropsBlade;\n\ntype CodeHighlightedProps = CodeCommonProps & {\n  /**\n   * Adds background color to highlight the text\n   *\n   * @default true\n   */\n  isHighlighted?: true;\n  /**\n   * color prop can only be added when `isHighlighted` is set to `false`\n   */\n  color?: undefined;\n};\n\ntype CodeNonHighlightedProps = CodeCommonProps & {\n  /**\n   * Adds background color to highlight the text\n   *\n   * @default true\n   */\n  isHighlighted: false;\n  /**\n   * color prop to set color of text when `isHighlighted` is set to false\n   */\n  color?: BaseTextProps['color'];\n};\n\nexport type CodeProps = CodeHighlightedProps | CodeNonHighlightedProps;\n\ntype CodeContainerProps = {\n  size: CodeProps['size'];\n  isHighlighted: CodeProps['isHighlighted'];\n};\n\nconst platformType = getPlatformType();\nconst isPlatformWeb = platformType === 'browser' || platformType === 'node';\n\nconst getCodeFontSizeAndLineHeight = (\n  size: CodeProps['size'],\n):\n  | {\n      fontSize: keyof FontSize;\n      lineHeight: keyof Typography['lineHeights'];\n      letterSpacing: keyof Typography['letterSpacings'];\n    }\n  | undefined => {\n  switch (size) {\n    case 'medium':\n      return { fontSize: 75, lineHeight: 75, letterSpacing: 100 };\n    case 'small':\n      return { fontSize: 25, lineHeight: 25, letterSpacing: 100 };\n    default:\n      if (__DEV__) {\n        throwBladeError({\n          moduleName: 'Code',\n          message: `Unexpected size: ${size}`,\n        });\n      }\n      return undefined;\n  }\n};\n\nconst CodeContainer = styled(BaseBox)<CodeContainerProps>((props) => {\n  const padding = `${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[2])}`;\n  return {\n    padding,\n    backgroundColor: props.isHighlighted\n      ? props.theme.colors.feedback.background.neutral.subtle\n      : undefined,\n    borderRadius: props.theme.border.radius.xsmall,\n    display: isPlatformWeb ? 'inline-block' : 'flex',\n    alignSelf: isPlatformWeb ? undefined : 'center',\n    verticalAlign: 'middle',\n    lineHeight: makeTypographySize(props.theme.typography.lineHeights[0]),\n  };\n});\n\nconst getCodeColor = ({\n  isHighlighted,\n  color,\n}: Pick<CodeProps, 'isHighlighted' | 'color'>): CodeProps['color'] => {\n  if (isHighlighted) {\n    if (__DEV__) {\n      if (color) {\n        throwBladeError({\n          moduleName: 'Code',\n          message: '`color` prop cannot be used without `isHighlighted={false}`',\n        });\n      }\n    }\n\n    return 'surface.text.gray.subtle';\n  }\n\n  if (color) {\n    return color;\n  }\n\n  return 'surface.text.gray.normal';\n};\n\nconst _Code = (\n  {\n    children,\n    size = 'small',\n    weight = 'regular',\n    isHighlighted = true,\n    color,\n    testID,\n    textTransform,\n    ...styledProps\n  }: CodeProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { fontSize, lineHeight, letterSpacing } = getCodeFontSizeAndLineHeight(size)!;\n  const codeTextColor = React.useMemo<CodeProps['color']>(\n    () => getCodeColor({ isHighlighted, color }),\n    [isHighlighted, color],\n  );\n\n  return (\n    <CodeContainer\n      ref={ref as never}\n      size={size}\n      isHighlighted={isHighlighted}\n      as={isPlatformWeb ? 'span' : undefined}\n      {...metaAttribute({ name: MetaConstants.Code, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseText\n        color={codeTextColor}\n        fontFamily=\"code\"\n        fontSize={fontSize}\n        fontWeight={weight}\n        as={isPlatformWeb ? 'code' : undefined}\n        lineHeight={lineHeight}\n        letterSpacing={letterSpacing}\n        textTransform={textTransform}\n      >\n        {children}\n      </BaseText>\n    </CodeContainer>\n  );\n};\n\n/**\n * Code component can be used for displaying token, variable names, or inlined code snippets.\n *\n * ## Usage\n *\n * ### In Web\n * In web, you can use it inside `Text` component or individually. The component is set to display `inline-block`\n *\n * ```tsx\n * <Text>\n *  Lorem ipsum <Code>SENTRY_TOKEN</Code> normal text\n * </Text>\n * ```\n *\n * ### In React Native\n *\n * In React Native, you would have to align it using flex to make sure the Code and the surrounding text is correctly aligned\n *\n * ```tsx\n *  <Box flexWrap=\"wrap\" flexDirection=\"row\" alignItems=\"flex-start\">\n *   <Text>Lorem ipsum </Text>\n *   <Code>SENTRY_TOKEN</Code>\n *   <Text> normal text</Text>\n * </Box>\n * ```\n */\nconst Code = React.forwardRef(_Code);\n\nexport { Code };\n"],"names":["platformType","getPlatformType","isPlatformWeb","getCodeFontSizeAndLineHeight","size","fontSize","lineHeight","letterSpacing","throwBladeError","moduleName","message","concat","undefined","CodeContainer","styled","BaseBox","withConfig","displayName","componentId","props","padding","makeSpace","theme","spacing","backgroundColor","isHighlighted","colors","feedback","background","neutral","subtle","borderRadius","border","radius","xsmall","display","alignSelf","verticalAlign","makeTypographySize","typography","lineHeights","getCodeColor","_ref","color","_Code","_ref2","ref","children","_ref2$size","_ref2$weight","weight","_ref2$isHighlighted","testID","textTransform","styledProps","_objectWithoutProperties","_excluded","_ref3","codeTextColor","React","useMemo","_jsx","_objectSpread","as","metaAttribute","name","MetaConstants","Code","getStyledProps","BaseText","fontFamily","fontWeight","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Code.js","sources":["../../../../../../../src/components/Typography/Code/Code.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType, isAndroid } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FontSize, Typography } from '~tokens/global';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport { makeSpace } from '~utils/makeSpace';\nimport { throwBladeError } from '~utils/logger';\n\ntype CodeCommonProps = {\n  /**\n   * Sets the color of the Heading component.\n   */\n  children: StringChildrenType;\n  /**\n   * Decides the fontSize and padding of Code\n   *\n   * @default small\n   */\n  size?: Extract<BaseTextSizes, 'small' | 'medium'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'bold'>;\n  isHighlighted?: boolean;\n  textTransform?: BaseTextProps['textTransform'];\n  color?: BaseTextProps['color'];\n} & TestID &\n  StyledPropsBlade;\n\ntype CodeHighlightedProps = CodeCommonProps & {\n  /**\n   * Adds background color to highlight the text\n   *\n   * @default true\n   */\n  isHighlighted?: true;\n  /**\n   * color prop can only be added when `isHighlighted` is set to `false`\n   */\n  color?: undefined;\n};\n\ntype CodeNonHighlightedProps = CodeCommonProps & {\n  /**\n   * Adds background color to highlight the text\n   *\n   * @default true\n   */\n  isHighlighted: false;\n  /**\n   * color prop to set color of text when `isHighlighted` is set to false\n   */\n  color?: BaseTextProps['color'];\n};\n\nexport type CodeProps = CodeHighlightedProps | CodeNonHighlightedProps;\n\ntype CodeContainerProps = {\n  size: CodeProps['size'];\n  isHighlighted: CodeProps['isHighlighted'];\n};\n\nconst platformType = getPlatformType();\nconst isPlatformWeb = platformType === 'browser' || platformType === 'node';\n\nconst getCodeFontSizeAndLineHeight = (\n  size: CodeProps['size'],\n):\n  | {\n      fontSize: keyof FontSize;\n      lineHeight: keyof Typography['lineHeights'];\n      letterSpacing: keyof Typography['letterSpacings'];\n    }\n  | undefined => {\n  switch (size) {\n    case 'medium':\n      return { fontSize: 75, lineHeight: 75, letterSpacing: 100 };\n    case 'small':\n      return { fontSize: 25, lineHeight: 25, letterSpacing: 100 };\n    default:\n      if (__DEV__) {\n        throwBladeError({\n          moduleName: 'Code',\n          message: `Unexpected size: ${size}`,\n        });\n      }\n      return undefined;\n  }\n};\n\nconst CodeContainer = styled(BaseBox)<CodeContainerProps>((props) => {\n  const padding = `${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[2])}`;\n  return {\n    padding,\n    backgroundColor: props.isHighlighted\n      ? props.theme.colors.feedback.background.neutral.subtle\n      : undefined,\n    borderRadius: props.theme.border.radius.xsmall,\n    display: isPlatformWeb ? 'inline-block' : 'flex',\n    alignSelf: isPlatformWeb ? undefined : 'center',\n    verticalAlign: 'middle',\n    lineHeight: makeTypographySize(props.theme.typography.lineHeights[0]),\n  };\n});\n\nconst getCodeColor = ({\n  isHighlighted,\n  color,\n}: Pick<CodeProps, 'isHighlighted' | 'color'>): CodeProps['color'] => {\n  if (isHighlighted) {\n    if (__DEV__) {\n      if (color) {\n        throwBladeError({\n          moduleName: 'Code',\n          message: '`color` prop cannot be used without `isHighlighted={false}`',\n        });\n      }\n    }\n\n    return 'surface.text.gray.subtle';\n  }\n\n  if (color) {\n    return color;\n  }\n\n  return 'surface.text.gray.normal';\n};\n\nconst _Code = (\n  {\n    children,\n    size = 'small',\n    weight = 'regular',\n    isHighlighted = true,\n    color,\n    testID,\n    textTransform,\n    ...styledProps\n  }: CodeProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { fontSize, lineHeight, letterSpacing } = getCodeFontSizeAndLineHeight(size)!;\n  const codeTextColor = React.useMemo<CodeProps['color']>(\n    () => getCodeColor({ isHighlighted, color }),\n    [isHighlighted, color],\n  );\n\n  return (\n    <CodeContainer\n      ref={ref as never}\n      size={size}\n      isHighlighted={isHighlighted}\n      as={isPlatformWeb ? 'span' : undefined}\n      {...metaAttribute({ name: MetaConstants.Code, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseText\n        color={codeTextColor}\n        fontFamily=\"code\"\n        fontSize={fontSize}\n        fontWeight={weight}\n        as={isPlatformWeb ? 'code' : undefined}\n        lineHeight={lineHeight}\n        letterSpacing={letterSpacing}\n        textTransform={textTransform}\n        // Android's default font padding nudges inline code up relative to adjacent text.\n        style={(isAndroid() ? { includeFontPadding: false } : undefined) as never}\n      >\n        {children}\n      </BaseText>\n    </CodeContainer>\n  );\n};\n\n/**\n * Code component can be used for displaying token, variable names, or inlined code snippets.\n *\n * ## Usage\n *\n * ### In Web\n * In web, you can use it inside `Text` component or individually. The component is set to display `inline-block`\n *\n * ```tsx\n * <Text>\n *  Lorem ipsum <Code>SENTRY_TOKEN</Code> normal text\n * </Text>\n * ```\n *\n * ### In React Native\n *\n * In React Native, you would have to align it using flex to make sure the Code and the surrounding text is correctly aligned\n *\n * ```tsx\n *  <Box flexWrap=\"wrap\" flexDirection=\"row\" alignItems=\"flex-start\">\n *   <Text>Lorem ipsum </Text>\n *   <Code>SENTRY_TOKEN</Code>\n *   <Text> normal text</Text>\n * </Box>\n * ```\n */\nconst Code = React.forwardRef(_Code);\n\nexport { Code };\n"],"names":["platformType","getPlatformType","isPlatformWeb","getCodeFontSizeAndLineHeight","size","fontSize","lineHeight","letterSpacing","throwBladeError","moduleName","message","concat","undefined","CodeContainer","styled","BaseBox","withConfig","displayName","componentId","props","padding","makeSpace","theme","spacing","backgroundColor","isHighlighted","colors","feedback","background","neutral","subtle","borderRadius","border","radius","xsmall","display","alignSelf","verticalAlign","makeTypographySize","typography","lineHeights","getCodeColor","_ref","color","_Code","_ref2","ref","children","_ref2$size","_ref2$weight","weight","_ref2$isHighlighted","testID","textTransform","styledProps","_objectWithoutProperties","_excluded","_ref3","codeTextColor","React","useMemo","_jsx","_objectSpread","as","metaAttribute","name","MetaConstants","Code","getStyledProps","BaseText","fontFamily","fontWeight","style","isAndroid","includeFontPadding","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/index.js

@@ -2,7 +2,9 @@ import './Accordion/index.js';
 import './ActionList/index.js';
 import './Alert/index.js';
 import './Amount/index.js';
+import './AnnouncementBanner/index.js';
 import './AnimateInteractions/index.js';
+import './AppBar/index.js';
 import './Avatar/index.js';
 import './Badge/index.js';
 import './BladeProvider/index.js';
@@ -41,6 +43,7 @@ import './Input/TextArea/index.js';
 import './Input/TextInput/index.js';
 import './Input/SearchInput/index.js';
 import './Input/PhoneNumberInput/index.js';
+import './Input/ColorInput/index.js';
 import './InputGroup/index.js';
 import './Link/index.js';
 import './List/index.js';
@@ -54,6 +57,7 @@ import './Popover/index.js';
 import './ProgressBar/index.js';
 import './QuickFilters/index.js';
 import './Radio/index.js';
+import './TrustBadge/index.js';
 import './Scale/index.js';
 import './SideNav/index.js';
 import './Skeleton/index.js';
@@ -88,7 +92,10 @@ export { ActionListItem, ActionListItemAvatar, ActionListItemBadge, ActionListIt
 export { ActionListItemAsset } from './ActionList/ActionListItemAsset.web.js';
 export { Alert } from './Alert/Alert.js';
 export { Amount } from './Amount/Amount.js';
+export { AnnouncementBanner } from './AnnouncementBanner/AnnouncementBanner.js';
 export { AnimateInteractions } from './AnimateInteractions/AnimateInteractions.web.js';
+export { AppBar, AppBarActions, AppBarLeading } from './AppBar/AppBar.web.js';
+export { useAppBarContext } from './AppBar/AppBarContext.js';
 export { Avatar } from './Avatar/Avatar.web.js';
 export { AvatarGroup } from './Avatar/AvatarGroup.web.js';
 export { TrustedBadgeIcon } from './Avatar/TrustedBadgeIcon.web.js';
@@ -109,6 +116,8 @@ export { ButtonGroup } from './ButtonGroup/ButtonGroup.web.js';
 export { Card, CardBody, ComponentIds } from './Card/Card.js';
 export { CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing } from './Card/CardHeader.js';
 export { CardFooter, CardFooterLeading, CardFooterTrailing } from './Card/CardFooter.js';
+export { TicketCard, TicketCardBody, TicketCardFooter } from './Card/TicketCard.js';
+export { InfoCard, InfoCardBody, InfoCardFooter } from './Card/InfoCard.js';
 export { Carousel } from './Carousel/Carousel.web.js';
 export { CarouselItem } from './Carousel/CarouselItem.web.js';
 export { Checkbox } from './Checkbox/Checkbox.js';
@@ -121,12 +130,14 @@ export { ChartDonut, ChartDonutCell, ChartDonutWrapper } from './Charts/DonutCha
 export { ChartBar, ChartBarWrapper } from './Charts/BarChart/BarChart.web.js';
 export { ChartCartesianGrid, ChartLegend, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis } from './Charts/CommonChartComponents/CommonChartComponents.web.js';
 export { CommonChartComponentsContext, useCommonChartComponentsContext } from './Charts/CommonChartComponents/CommonChartComponentsContext.js';
-export { DEFAULT_COLOR } from './Charts/CommonChartComponents/tokens.js';
+export { DEFAULT_COLOR, componentId } from './Charts/CommonChartComponents/tokens.js';
+export { ChartSankey, ChartSankeyWrapper } from './Charts/SankeyChart/SankeyChart.web.js';
 export { Chip } from './Chip/Chip.js';
 export { ChipGroup } from './Chip/ChipGroup.js';
 export { Collapsible } from './Collapsible/Collapsible.js';
 export { CollapsibleLink } from './Collapsible/CollapsibleLink.js';
 export { CollapsibleButton } from './Collapsible/CollapsibleButton.js';
+export { CollapsibleText } from './Collapsible/CollapsibleText.web.js';
 export { CollapsibleBody } from './Collapsible/CollapsibleBody.js';
 export { Counter } from './Counter/Counter.js';
 export { CounterInput } from './CounterInput/CounterInput.web.js';
@@ -155,6 +166,7 @@ export { default as ActivityIcon } from './Icons/ActivityIcon/ActivityIcon.js';
 export { default as AddressBookIcon } from './Icons/AddressBookIcon/AddressBookIcon.js';
 export { default as AffordabilityFilledIcon } from './Icons/AffordabilityFilledIcon/AffordabilityFilledIcon.js';
 export { default as AffordabilityIcon } from './Icons/AffordabilityIcon/AffordabilityIcon.js';
+export { default as AgentStudioIcon } from './Icons/AgentStudioIcon/AgentStudioIcon.js';
 export { default as AirplayIcon } from './Icons/AirplayIcon/AirplayIcon.js';
 export { default as AlertCircleIcon } from './Icons/AlertCircleIcon/AlertCircleIcon.js';
 export { default as AlertOctagonIcon } from './Icons/AlertOctagonIcon/AlertOctagonIcon.js';
@@ -225,6 +237,7 @@ export { default as BulkPayoutsIcon } from './Icons/BulkPayoutsIcon/BulkPayoutsI
 export { default as BusinessBankingIcon } from './Icons/BusinessBankingIcon/BusinessBankingIcon.js';
 export { default as BusinessSpendManagementFilledIcon } from './Icons/BusinessSpendManagementFilledIcon/BusinessSpendManagementFilledIcon.js';
 export { default as BusinessSpendManagementIcon } from './Icons/BusinessSpendManagementIcon/BusinessSpendManagementIcon.js';
+export { default as CalendarFilledIcon } from './Icons/CalendarFilledIcon/CalendarFilledIcon.js';
 export { default as CalendarIcon } from './Icons/CalendarIcon/CalendarIcon.js';
 export { default as CameraIcon } from './Icons/CameraIcon/CameraIcon.js';
 export { default as CameraOffIcon } from './Icons/CameraOffIcon/CameraOffIcon.js';
@@ -246,6 +259,7 @@ export { default as ChevronsUpIcon } from './Icons/ChevronsUpIcon/ChevronsUpIcon
 export { default as ChromeIcon } from './Icons/ChromeIcon/ChromeIcon.js';
 export { default as CircleIcon } from './Icons/CircleIcon/CircleIcon.js';
 export { default as ClipboardIcon } from './Icons/ClipboardIcon/ClipboardIcon.js';
+export { default as ClockFilledIcon } from './Icons/ClockFilledIcon/ClockFilledIcon.js';
 export { default as ClockIcon } from './Icons/ClockIcon/ClockIcon.js';
 export { default as CloseIcon } from './Icons/CloseIcon/CloseIcon.js';
 export { default as ClosedCaptioningIcon } from './Icons/ClosedCaptioningIcon/ClosedCaptioningIcon.js';
@@ -277,6 +291,7 @@ export { default as CornerRightUpIcon } from './Icons/CornerRightUpIcon/CornerRi
 export { default as CornerUpLeftIcon } from './Icons/CornerUpLeftIcon/CornerUpLeftIcon.js';
 export { default as CornerUpRightIcon } from './Icons/CornerUpRightIcon/CornerUpRightIcon.js';
 export { default as CpuIcon } from './Icons/CpuIcon/CpuIcon.js';
+export { default as CreditCardFilledIcon } from './Icons/CreditCardFilledIcon/CreditCardFilledIcon.js';
 export { default as CreditCardIcon } from './Icons/CreditCardIcon/CreditCardIcon.js';
 export { default as CreditsAndLoansFilledIcon } from './Icons/CreditsAndLoansFilledIcon/CreditsAndLoansFilledIcon.js';
 export { default as CreditsAndLoansIcon } from './Icons/CreditsAndLoansIcon/CreditsAndLoansIcon.js';
@@ -288,6 +303,7 @@ export { default as CustomersIcon } from './Icons/CustomersIcon/CustomersIcon.js
 export { default as CutIcon } from './Icons/CutIcon/CutIcon.js';
 export { default as DashboardIcon } from './Icons/DashboardIcon/DashboardIcon.js';
 export { default as DeleteIcon } from './Icons/DeleteIcon/DeleteIcon.js';
+export { default as DiamondBlocksIcon } from './Icons/DiamondBlocksIcon/DiamondBlocksIcon.js';
 export { default as DigitalLendingFilledIcon } from './Icons/DigitalLendingFilledIcon/DigitalLendingFilledIcon.js';
 export { default as DigitalLendingIcon } from './Icons/DigitalLendingIcon/DigitalLendingIcon.js';
 export { default as DisbursePaymentsFilledIcon } from './Icons/DisbursePaymentsFilledIcon/DisbursePaymentsFilledIcon.js';
@@ -348,6 +364,7 @@ export { default as HeartIcon } from './Icons/HeartIcon/HeartIcon.js';
 export { default as HelpCircleIcon } from './Icons/HelpCircleIcon/HelpCircleIcon.js';
 export { default as HistoryIcon } from './Icons/HistoryIcon/HistoryIcon.js';
 export { default as HomeIcon } from './Icons/HomeIcon/HomeIcon.js';
+export { default as HorizontalBlocksIcon } from './Icons/HorizontalBlocksIcon/HorizontalBlocksIcon.js';
 export { default as ImageIcon } from './Icons/ImageIcon/ImageIcon.js';
 export { default as InboxIcon } from './Icons/InboxIcon/InboxIcon.js';
 export { default as IndiaFlagIcon } from './Icons/IndiaFlagIcon/IndiaFlagIcon.js';
@@ -460,6 +477,7 @@ export { default as QRCodeIcon } from './Icons/QRCodeIcon/QRCodeIcon.js';
 export { default as RadioIcon } from './Icons/RadioIcon/RadioIcon.js';
 export { default as RayIcon } from './Icons/RayIcon/RayIcon.js';
 export { default as RazorpayIcon } from './Icons/RazorpayIcon/RazorpayIcon.js';
+export { default as RazorpayTrustIcon } from './Icons/RazorpayTrustIcon/RazorpayTrustIcon.web.js';
 export { default as RazorpayXIcon } from './Icons/RazorpayXIcon/RazorpayXIcon.js';
 export { default as RazorpayxPayrollFilledIcon } from './Icons/RazorpayxPayrollFilledIcon/RazorpayxPayrollFilledIcon.js';
 export { default as RazorpayxPayrollIcon } from './Icons/RazorpayxPayrollIcon/RazorpayxPayrollIcon.js';
@@ -554,10 +572,12 @@ export { default as UnderlineIcon } from './Icons/UnderlineIcon/UnderlineIcon.js
 export { default as UnlockIcon } from './Icons/UnlockIcon/UnlockIcon.js';
 export { default as UpiAutopayFilledIcon } from './Icons/UpiAutopayFilledIcon/UpiAutopayFilledIcon.js';
 export { default as UpiAutopayIcon } from './Icons/UpiAutopayIcon/UpiAutopayIcon.js';
+export { default as UpiFilledIcon } from './Icons/UpiFilledIcon/UpiFilledIcon.js';
 export { default as UpiIcon } from './Icons/UpiIcon/UpiIcon.js';
 export { default as UploadCloudIcon } from './Icons/UploadCloudIcon/UploadCloudIcon.js';
 export { default as UploadIcon } from './Icons/UploadIcon/UploadIcon.js';
 export { default as UserCheckIcon } from './Icons/UserCheckIcon/UserCheckIcon.js';
+export { default as UserFilledIcon } from './Icons/UserFilledIcon/UserFilledIcon.js';
 export { default as UserIcon } from './Icons/UserIcon/UserIcon.js';
 export { default as UserMinusIcon } from './Icons/UserMinusIcon/UserMinusIcon.js';
 export { default as UserPlusIcon } from './Icons/UserPlusIcon/UserPlusIcon.js';
@@ -565,6 +585,7 @@ export { default as UserXIcon } from './Icons/UserXIcon/UserXIcon.js';
 export { default as UsersIcon } from './Icons/UsersIcon/UsersIcon.js';
 export { default as VendorPaymentsFilledIcon } from './Icons/VendorPaymentsFilledIcon/VendorPaymentsFilledIcon.js';
 export { default as VendorPaymentsIcon } from './Icons/VendorPaymentsIcon/VendorPaymentsIcon.js';
+export { default as VerticalBlocksIcon } from './Icons/VerticalBlocksIcon/VerticalBlocksIcon.js';
 export { default as VideoIcon } from './Icons/VideoIcon/VideoIcon.js';
 export { default as VideoOffIcon } from './Icons/VideoOffIcon/VideoOffIcon.js';
 export { default as ViewLiveDemoFilledIcon } from './Icons/ViewLiveDemoFilledIcon/ViewLiveDemoFilledIcon.js';
@@ -576,6 +597,7 @@ export { default as VolumeLowIcon } from './Icons/VolumeLowIcon/VolumeLowIcon.js
 export { default as VolumeMuteIcon } from './Icons/VolumeMuteIcon/VolumeMuteIcon.js';
 export { default as VolumeOffIcon } from './Icons/VolumeOffIcon/VolumeOffIcon.js';
 export { default as VolumeOnIcon } from './Icons/VolumeOnIcon/VolumeOnIcon.js';
+export { default as WalletFilledIcon } from './Icons/WalletFilledIcon/WalletFilledIcon.js';
 export { default as WalletIcon } from './Icons/WalletIcon/WalletIcon.js';
 export { default as WatchIcon } from './Icons/WatchIcon/WatchIcon.js';
 export { default as WhatsAppIcon } from './Icons/WhatsAppIcon/WhatsAppIcon.js';
@@ -599,6 +621,7 @@ export { TextArea } from './Input/TextArea/TextArea.js';
 export { TextInput } from './Input/TextInput/TextInput.js';
 export { SearchInput } from './Input/SearchInput/SearchInput.js';
 export { PhoneNumberInput } from './Input/PhoneNumberInput/PhoneNumberInput.web.js';
+export { ColorInput } from './Input/ColorInput/ColorInput.web.js';
 export { InputGroup } from './InputGroup/InputGroup.web.js';
 export { InputRow } from './InputGroup/InputRow.web.js';
 export { default as Link } from './Link/Link/Link.js';
@@ -623,10 +646,11 @@ export { Pagination } from './Pagination/Pagination.web.js';
 export { Popover } from './Popover/Popover.web.js';
 export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.web.js';
 export { ProgressBar } from './ProgressBar/ProgressBar.js';
-export { QuickFilter } from './QuickFilters/QuickFilter.js';
+export { QuickFilter } from './QuickFilters/QuickFilter.web.js';
 export { QuickFilterGroup } from './QuickFilters/QuickFilterGroup/QuickFilterGroup.js';
 export { Radio } from './Radio/Radio.js';
 export { RadioGroup } from './Radio/RadioGroup/RadioGroup.js';
+export { TrustBadge } from './TrustBadge/TrustBadge.web.js';
 export { Scale } from './Scale/Scale.web.js';
 export { SideNav } from './SideNav/SideNav.web.js';
 export { SideNavLink } from './SideNav/SideNavItems/SideNavLink.web.js';
@@ -664,7 +688,7 @@ export { TimePicker } from './TimePicker/TimePicker.web.js';
 export { Tooltip } from './Tooltip/Tooltip.web.js';
 export { TooltipInteractiveWrapper } from './Tooltip/TooltipInteractiveWrapper.web.js';
 export { ToastContainer } from './Toast/ToastContainer.web.js';
-export { useToast } from './Toast/useToast.js';
+export { useToast } from './Toast/useToast.web.js';
 export { useTopNavContext } from './TopNav/TopNavContext.js';
 export { TopNavOverlayThemeOverride } from './TopNav/TopNavOverlayThemeOverride.js';
 export { TabNav, TabNavItems } from './TopNav/TabNav/TabNav.web.js';

package/build/lib/web/development/components/index.js.map

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

package/build/lib/web/development/node_modules/es-toolkit/dist/array/flatten.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
-import { __exports as flatten$1 } from '../../../../_virtual/flatten2.js';
+import { __exports as flatten$1 } from '../../../../_virtual/flatten4.js';
 
 (function (exports) {
 	'use strict';

package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/flatten.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
-import { __exports as flatten$1 } from '../../../../../_virtual/flatten4.js';
+import { __exports as flatten$1 } from '../../../../../_virtual/flatten2.js';
 import '../../../../../_virtual/isArrayLike.js';
 import { __exports as isArrayLike } from '../../../../../_virtual/isArrayLike2.js';
 

package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/sortBy.js

@@ -1,10 +1,10 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
 import { __exports as sortBy$1 } from '../../../../../_virtual/sortBy2.js';
 import '../../../../../_virtual/orderBy.js';
-import '../../../../../_virtual/flatten.js';
+import '../../../../../_virtual/flatten3.js';
 import '../../../../../_virtual/isIterateeCall.js';
 import { __exports as orderBy } from '../../../../../_virtual/orderBy2.js';
-import { __exports as flatten } from '../../../../../_virtual/flatten2.js';
+import { __exports as flatten } from '../../../../../_virtual/flatten4.js';
 import { __exports as isIterateeCall } from '../../../../../_virtual/isIterateeCall2.js';
 
 (function (exports) {

package/build/lib/web/development/node_modules/es-toolkit/dist/compat/object/omit.js

@@ -5,14 +5,14 @@ import '../../../../../_virtual/keysIn.js';
 import '../../../../../_virtual/unset.js';
 import '../../../../../_virtual/getSymbolsIn.js';
 import '../../../../../_virtual/isDeepKey.js';
-import '../../../../../_virtual/flatten3.js';
+import '../../../../../_virtual/flatten.js';
 import '../../../../../_virtual/isPlainObject.js';
 import { __exports as cloneDeepWith } from '../../../../../_virtual/cloneDeepWith2.js';
 import { __exports as keysIn } from '../../../../../_virtual/keysIn2.js';
 import { __exports as unset } from '../../../../../_virtual/unset2.js';
 import { __exports as getSymbolsIn } from '../../../../../_virtual/getSymbolsIn2.js';
 import { __exports as isDeepKey } from '../../../../../_virtual/isDeepKey2.js';
-import { __exports as flatten } from '../../../../../_virtual/flatten4.js';
+import { __exports as flatten } from '../../../../../_virtual/flatten2.js';
 import { __exports as isPlainObject } from '../../../../../_virtual/isPlainObject2.js';
 
 (function (exports) {

package/build/lib/web/development/utils/cardTicketOutline.js

@@ -0,0 +1,72 @@
+/**
+ * Keep in sync with packages/blade-core/src/utils/cardTicketOutline.ts
+ * (blade does not depend on blade-core yet).
+ * TODO: import from @razorpay/blade-core
+ *
+ * Known limitation: CARD_TICKET_CORNER_RADIUS, CARD_TICKET_NOTCH_RADIUS, and
+ * CARD_TICKET_OUTLINE_STROKE_WIDTH are hardcoded to match their corresponding
+ * design tokens (--border-radius-medium, notch geometry, --border-width-thin).
+ * SVG path geometry cannot reference CSS variables, so these constants must be
+ * manually kept in sync if the token values change.
+ */
+/** Corner radius — matches `--border-radius-medium`. */
+var CARD_TICKET_CORNER_RADIUS = 12;
+
+/** Radius of the semicircular notch at the tear line on each edge. */
+var CARD_TICKET_NOTCH_RADIUS = 10;
+
+/** Outline stroke width in px — matches `--border-width-thin`. */
+var CARD_TICKET_OUTLINE_STROKE_WIDTH = 1;
+
+/** Stroke dash pattern for the disabled ticket outline. */
+var CARD_TICKET_DISABLED_STROKE_DASHARRAY = '6 4';
+/**
+ * Minimum height for valid ticket geometry: 2 × (cornerRadius + notchRadius).
+ * Below this height the clamp bounds for tearY invert (min > max), producing
+ * a malformed SVG path with overlapping coordinates.
+ */
+var MIN_TICKET_HEIGHT = 2 * (CARD_TICKET_CORNER_RADIUS + CARD_TICKET_NOTCH_RADIUS);
+
+/**
+ * Closed ticket shell with inward side notches and rounded corners. Shared by the SVG stroke
+ * and the content clip path so borders and transparent notch bites stay aligned.
+ */
+function buildTicketShellPath(_ref) {
+  var width = _ref.width,
+    height = _ref.height,
+    tearLineY = _ref.tearLineY;
+  if (width <= 0 || height <= 0 || height < MIN_TICKET_HEIGHT) {
+    return '';
+  }
+  return buildInwardNotchBoundary(getTicketGeometry(width, height, tearLineY));
+}
+function getTicketGeometry(width, height, tearLineY) {
+  var cornerRadius = CARD_TICKET_CORNER_RADIUS;
+  var notchRadius = CARD_TICKET_NOTCH_RADIUS;
+  var tearY = clamp(tearLineY, cornerRadius + notchRadius, height - cornerRadius - notchRadius);
+  return {
+    minX: 0,
+    maxX: width,
+    minY: 0,
+    maxY: height,
+    tearY: tearY
+  };
+}
+function buildInwardNotchBoundary(_ref2) {
+  var minX = _ref2.minX,
+    maxX = _ref2.maxX,
+    minY = _ref2.minY,
+    maxY = _ref2.maxY,
+    tearY = _ref2.tearY;
+  var cornerRadius = CARD_TICKET_CORNER_RADIUS;
+  var notchRadius = CARD_TICKET_NOTCH_RADIUS;
+  return ["M ".concat(minX + cornerRadius, " ").concat(minY), "H ".concat(maxX - cornerRadius), "A ".concat(cornerRadius, " ").concat(cornerRadius, " 0 0 1 ").concat(maxX, " ").concat(minY + cornerRadius), "V ".concat(tearY - notchRadius), // Inward notch on the right edge (arc bulges left).
+  "A ".concat(notchRadius, " ").concat(notchRadius, " 0 0 0 ").concat(maxX, " ").concat(tearY + notchRadius), "V ".concat(maxY - cornerRadius), "A ".concat(cornerRadius, " ").concat(cornerRadius, " 0 0 1 ").concat(maxX - cornerRadius, " ").concat(maxY), "H ".concat(minX + cornerRadius), "A ".concat(cornerRadius, " ").concat(cornerRadius, " 0 0 1 ").concat(minX, " ").concat(maxY - cornerRadius), "V ".concat(tearY + notchRadius), // Inward notch on the left edge (arc bulges right).
+  "A ".concat(notchRadius, " ").concat(notchRadius, " 0 0 0 ").concat(minX, " ").concat(tearY - notchRadius), "V ".concat(minY + cornerRadius), "A ".concat(cornerRadius, " ").concat(cornerRadius, " 0 0 1 ").concat(minX + cornerRadius, " ").concat(minY), 'Z'].join(' ');
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+
+export { CARD_TICKET_CORNER_RADIUS, CARD_TICKET_DISABLED_STROKE_DASHARRAY, CARD_TICKET_NOTCH_RADIUS, CARD_TICKET_OUTLINE_STROKE_WIDTH, buildTicketShellPath };
+//# sourceMappingURL=cardTicketOutline.js.map

package/build/lib/web/development/utils/cardTicketOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardTicketOutline.js","sources":["../../../../../src/utils/cardTicketOutline.ts"],"sourcesContent":["/**\n * Keep in sync with packages/blade-core/src/utils/cardTicketOutline.ts\n * (blade does not depend on blade-core yet).\n * TODO: import from @razorpay/blade-core\n *\n * Known limitation: CARD_TICKET_CORNER_RADIUS, CARD_TICKET_NOTCH_RADIUS, and\n * CARD_TICKET_OUTLINE_STROKE_WIDTH are hardcoded to match their corresponding\n * design tokens (--border-radius-medium, notch geometry, --border-width-thin).\n * SVG path geometry cannot reference CSS variables, so these constants must be\n * manually kept in sync if the token values change.\n */\n/** Corner radius — matches `--border-radius-medium`. */\nexport const CARD_TICKET_CORNER_RADIUS = 12;\n\n/** Radius of the semicircular notch at the tear line on each edge. */\nexport const CARD_TICKET_NOTCH_RADIUS = 10;\n\n/** Outline stroke width in px — matches `--border-width-thin`. */\nexport const CARD_TICKET_OUTLINE_STROKE_WIDTH = 1;\n\n/** Stroke dash pattern for the disabled ticket outline. */\nexport const CARD_TICKET_DISABLED_STROKE_DASHARRAY = '6 4';\n\nexport type TicketOutlineDimensions = {\n  width: number;\n  height: number;\n  tearLineY: number;\n};\n\ntype TicketGeometry = {\n  minX: number;\n  maxX: number;\n  minY: number;\n  maxY: number;\n  tearY: number;\n};\n\n/**\n * Minimum height for valid ticket geometry: 2 × (cornerRadius + notchRadius).\n * Below this height the clamp bounds for tearY invert (min > max), producing\n * a malformed SVG path with overlapping coordinates.\n */\nconst MIN_TICKET_HEIGHT = 2 * (CARD_TICKET_CORNER_RADIUS + CARD_TICKET_NOTCH_RADIUS);\n\n/**\n * Closed ticket shell with inward side notches and rounded corners. Shared by the SVG stroke\n * and the content clip path so borders and transparent notch bites stay aligned.\n */\nexport function buildTicketShellPath({\n  width,\n  height,\n  tearLineY,\n}: TicketOutlineDimensions): string {\n  if (width <= 0 || height <= 0 || height < MIN_TICKET_HEIGHT) {\n    return '';\n  }\n\n  return buildInwardNotchBoundary(getTicketGeometry(width, height, tearLineY));\n}\n\nfunction getTicketGeometry(width: number, height: number, tearLineY: number): TicketGeometry {\n  const cornerRadius = CARD_TICKET_CORNER_RADIUS;\n  const notchRadius = CARD_TICKET_NOTCH_RADIUS;\n\n  const tearY = clamp(tearLineY, cornerRadius + notchRadius, height - cornerRadius - notchRadius);\n\n  return {\n    minX: 0,\n    maxX: width,\n    minY: 0,\n    maxY: height,\n    tearY,\n  };\n}\n\nfunction buildInwardNotchBoundary({ minX, maxX, minY, maxY, tearY }: TicketGeometry): string {\n  const cornerRadius = CARD_TICKET_CORNER_RADIUS;\n  const notchRadius = CARD_TICKET_NOTCH_RADIUS;\n\n  return [\n    `M ${minX + cornerRadius} ${minY}`,\n    `H ${maxX - cornerRadius}`,\n    `A ${cornerRadius} ${cornerRadius} 0 0 1 ${maxX} ${minY + cornerRadius}`,\n    `V ${tearY - notchRadius}`,\n    // Inward notch on the right edge (arc bulges left).\n    `A ${notchRadius} ${notchRadius} 0 0 0 ${maxX} ${tearY + notchRadius}`,\n    `V ${maxY - cornerRadius}`,\n    `A ${cornerRadius} ${cornerRadius} 0 0 1 ${maxX - cornerRadius} ${maxY}`,\n    `H ${minX + cornerRadius}`,\n    `A ${cornerRadius} ${cornerRadius} 0 0 1 ${minX} ${maxY - cornerRadius}`,\n    `V ${tearY + notchRadius}`,\n    // Inward notch on the left edge (arc bulges right).\n    `A ${notchRadius} ${notchRadius} 0 0 0 ${minX} ${tearY - notchRadius}`,\n    `V ${minY + cornerRadius}`,\n    `A ${cornerRadius} ${cornerRadius} 0 0 1 ${minX + cornerRadius} ${minY}`,\n    'Z',\n  ].join(' ');\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n"],"names":["CARD_TICKET_CORNER_RADIUS","CARD_TICKET_NOTCH_RADIUS","CARD_TICKET_OUTLINE_STROKE_WIDTH","CARD_TICKET_DISABLED_STROKE_DASHARRAY","MIN_TICKET_HEIGHT","buildTicketShellPath","_ref","width","height","tearLineY","buildInwardNotchBoundary","getTicketGeometry","cornerRadius","notchRadius","tearY","clamp","minX","maxX","minY","maxY","_ref2","concat","join","value","min","max","Math"],"mappings":"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"}