@razorpay/blade 12.68.0 → 12.89.1

package/build/lib/web/production/components/GenUI/GenUISchemaRenderer.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenUISchemaRenderer.web.js","sources":["../../../../../../src/components/GenUI/GenUISchemaRenderer.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React, { memo, useState, useEffect, useRef, useCallback } from 'react';\nimport styled, { createGlobalStyle, keyframes } from 'styled-components';\nimport type { GenUIComponent } from './GenUIComponents';\nimport { useGenUI, GenUIContext } from './GenUIContext';\nimport type { AnimateOptions } from './rehypeAnimate';\nimport { useResize } from '~utils/useResize';\n\n/**\n * Block-level component types that should have the animated gradient border effect\n */\nconst BLOCK_LEVEL_COMPONENTS = new Set(['CARD', 'TABLE']);\n\n/**\n * Global styles for @property rules needed for CSS animation of custom properties\n * Note: @property is required to animate CSS custom properties (interpolation)\n */\nconst GlobalAnimationStyles = createGlobalStyle`\n  @property --travel-x {\n    syntax: '<length>';\n    inherits: false;\n    initial-value: 0px;\n  }\n  @property --travel-r {\n    syntax: '<angle>';\n    inherits: false;\n    initial-value: 0deg;\n  }\n  @property --travel-x2 {\n    syntax: '<length>';\n    inherits: false;\n    initial-value: 0px;\n  }\n  @property --travel-r2 {\n    syntax: '<angle>';\n    inherits: false;\n    initial-value: 0deg;\n  }\n`;\n\n/**\n * Static keyframes using CSS variables for positions.\n * Values are passed via inline style: --x-start, --x-end\n * Using ~70% for edge traversal, ~30% for corner sweep (good for typical card aspect ratios)\n */\nconst travelX = keyframes`\n  0% { --travel-x: var(--x-start); }\n  70% { --travel-x: var(--x-end); }\n  100% { --travel-x: var(--x-end); }\n`;\n\nconst travelR = keyframes`\n  0% { --travel-r: 0deg; }\n  70% { --travel-r: 0deg; }\n  100% { --travel-r: 180deg; }\n`;\n\nconst travelX2 = keyframes`\n  0% { --travel-x2: var(--x-start); }\n  30% { --travel-x2: var(--x-start); }\n  100% { --travel-x2: var(--x-end); }\n`;\n\nconst travelR2 = keyframes`\n  0% { --travel-r2: 0deg; }\n  30% { --travel-r2: -180deg; }\n  100% { --travel-r2: -180deg; }\n`;\n\n/** Mask reveal animation - diagonal swipe from top-left to bottom-right */\nconst maskReveal = keyframes`\n  0% {\n    mask-position: 100% 100%;\n    opacity: 0;\n  }\n  100% {\n    mask-position: 0% 0%;\n    opacity: 1;\n  }\n`;\n\n/** Gradient shade movement - left to right, fades out at end */\nconst shadeMove = keyframes`\n  0% {\n    background-position: 0% 50%;\n    opacity: 1;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    background-position: 100% 50%;\n    opacity: 0;\n  }\n`;\n\n/** Container for the animated border effect — owns the vertical margin to keep the ring flush */\nconst AnimatedBorderContainer = styled.div<{ $showContent?: boolean }>`\n  position: relative;\n  width: 100%;\n  border-radius: 12px;\n  margin: 12px 0;\n`;\n\n/**\n * The animated gradient border layer - light travels along the border edges.\n * Uses conic-gradient positioned at (--travel-x, 50%) with rotation --travel-r.\n * The animation moves the gradient center along the horizontal axis while\n * rotating it at the corners to create the illusion of perimeter traversal.\n */\nconst GradientBorder = styled.div<{ $fadeOut?: boolean }>`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: 12px;\n  background: conic-gradient(\n      from calc(var(--travel-r) - 50deg) at var(--travel-x) 50%,\n      transparent 0%,\n      hsl(180 85% 65%) 3%,\n      hsl(145 75% 45%) 5%,\n      hsl(145 85% 70%) 7%,\n      transparent 30%,\n      transparent 100%\n    ),\n    conic-gradient(\n      from calc(var(--travel-r2) - 50deg) at var(--travel-x2) 50%,\n      transparent 0%,\n      hsl(180 85% 65%) 3%,\n      hsl(145 75% 45%) 5%,\n      hsl(145 85% 70%) 7%,\n      transparent 30%,\n      transparent 100%\n    );\n  animation: ${travelX} 1s linear infinite, ${travelR} 1s linear infinite,\n    ${travelX2} 1s linear infinite, ${travelR2} 1s linear infinite;\n  pointer-events: none;\n  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  mask-composite: exclude;\n  padding: 1.5px;\n  opacity: ${({ $fadeOut }) => ($fadeOut ? 0 : 1)};\n  transition: opacity 3s ease-out;\n`;\n\n/** Content container with mask reveal animation */\nconst ContentContainer = styled.div`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  /* Diagonal gradient mask for reveal effect - starts hidden, animates to revealed */\n  mask-image: linear-gradient(135deg, black 0%, black 45%, transparent 55%);\n  mask-size: 300% 300%;\n  /* Start position: fully masked (hidden) */\n  mask-position: 100% 100%;\n  /* Animate to 0% 0% (fully revealed) with ease-out for smooth finish */\n  animation: ${maskReveal} 2s ease-out forwards;\n  animation-delay: 0.6s;\n`;\n\n/** Green linear gradient shade overlay */\nconst GradientShade = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: 12px;\n  pointer-events: none;\n  z-index: 5;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    hsl(145 85% 50% / 0.15) 30%,\n    hsl(155 85% 45% / 0.25) 50%,\n    hsl(145 85% 50% / 0.15) 70%,\n    transparent 100%\n  );\n  background-size: 50% 100%;\n  background-repeat: no-repeat;\n  background-position: 0% 50%;\n  animation: ${shadeMove} 1.5s ease-out forwards;\n  animation-delay: 0.3s;\n`;\n\n/**\n * Animated gradient border wrapper for block-level components.\n * Uses CSS variables for dynamic position values with static keyframes (best perf).\n * No dynamic style injection - just pass --x-start and --x-end via inline style.\n */\nconst AnimatedGradientBorder: React.FC<{\n  children: React.ReactNode;\n  onAnimationComplete?: () => void;\n}> = ({ children, onAnimationComplete }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [showContent, setShowContent] = useState(false);\n  // Initial default values to prevent animation from breaking before ResizeObserver fires\n  const [cssVars, setCssVars] = useState<React.CSSProperties>({\n    '--x-start': '50px',\n    '--x-end': '500px',\n  } as React.CSSProperties);\n\n  useEffect(() => {\n    // Trigger border fade-out after mask reveal completes (0.6s delay + 1s animation)\n    const timer = setTimeout(() => {\n      setShowContent(true);\n      onAnimationComplete?.();\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, [onAnimationComplete]);\n\n  // Measure container and compute CSS variable values for animation positions.\n  // Ring now spans the full container (top: 0, bottom: 0), so rect.height is the ring height.\n  const computePositions = useCallback((entry: ResizeObserverEntry) => {\n    const { width: w, height } = entry.contentRect;\n    const h = height;\n    if (w <= 0 || h <= 0) return;\n\n    const xMargin = Math.min(h * 0.5, w * 0.1);\n    const xMax = w - xMargin;\n\n    setCssVars({\n      '--x-start': `${xMargin.toFixed(1)}px`,\n      '--x-end': `${xMax.toFixed(1)}px`,\n    } as React.CSSProperties);\n  }, []);\n\n  useResize(containerRef, computePositions);\n\n  return (\n    <>\n      <GlobalAnimationStyles />\n      <AnimatedBorderContainer ref={containerRef} $showContent={showContent}>\n        <GradientBorder $fadeOut={showContent} style={cssVars} />\n        <ContentContainer>\n          {children}\n          <GradientShade />\n        </ContentContainer>\n      </AnimatedBorderContainer>\n    </>\n  );\n};\n\n/**\n * Helper to generate a stable key for a component based on its index and type\n */\nconst getComponentKey = (component: GenUIComponent, index: number): string => {\n  if (!component?.component) {\n    return `empty-${index}`;\n  }\n  return `${component.component}-${index}`;\n};\n\ntype ComponentRendererProps = {\n  /** The component schema to render */\n  component?: GenUIComponent;\n  /** Index of the component in the list */\n  index: number;\n};\n\n/**\n * Internal component that renders a single GenUI component based on its schema\n * Must be used within a GenUIProvider\n */\nconst ComponentRenderer = memo(({ component, index }: ComponentRendererProps) => {\n  const { registry, validComponentTypes } = useGenUI();\n\n  // Handle incomplete components during streaming\n  if (!component?.component) {\n    return null;\n  }\n\n  const componentType = component.component;\n  const key = getComponentKey(component, index);\n\n  // Look up the renderer in the registry\n  const definition = registry[componentType];\n\n  if (definition) {\n    const Renderer = definition.renderer;\n    const isBuiltInBlockLevel = BLOCK_LEVEL_COMPONENTS.has(componentType);\n    const isGradientAnimation = definition?.animation?.name === 'gradient-ring-entry';\n    const isBlockLevel = isBuiltInBlockLevel || isGradientAnimation;\n\n    // Block-level components get the animated gradient border effect.\n    // Built-in components (CARD, TABLE) carry marginY=\"spacing.4\" so need a\n    // 13px inset; custom components have no external margin so use 0.\n    if (isBlockLevel) {\n      return (\n        <AnimatedGradientBorder key={key}>\n          <Renderer {...component} index={index} />\n        </AnimatedGradientBorder>\n      );\n    }\n\n    return <Renderer key={key} {...component} index={index} />;\n  }\n\n  // During streaming, we might get partial component names, ie DIV for DIVIDER or ST for STACK\n  // Check if the current component name is a prefix of any valid component name\n  const isPotentiallyValidComponentName = validComponentTypes.some((validName) =>\n    validName.startsWith(componentType),\n  );\n\n  if (isPotentiallyValidComponentName) {\n    return null;\n  }\n\n  console.warn(`[GenUI]: Unsupported component: ${componentType}`);\n  return null;\n});\n\ntype GenUISchemaRendererProps = {\n  /** The components array to render */\n  components?: GenUIComponent[];\n  /** Whether text animation is active (for streaming) */\n  isAnimating?: boolean;\n  /** Animation options for text streaming */\n  animateOptions?: AnimateOptions;\n};\n\n/**\n * Renders an array of GenUI components\n * Must be used within a GenUIProvider\n *\n * @example\n * ```tsx\n * <GenUIProvider>\n *   <GenUISchemaRenderer components={[...]} isAnimating={isStreaming} />\n * </GenUIProvider>\n * ```\n */\nconst GenUISchemaRenderer = memo(\n  ({ components, isAnimating, animateOptions }: GenUISchemaRendererProps) => {\n    const parentContext = useGenUI();\n\n    if (!components || components.length === 0) {\n      return null;\n    }\n\n    // Create a new context value with animation state overrides\n    const contextValue = {\n      ...parentContext,\n      isAnimating: isAnimating ?? parentContext.isAnimating,\n      animateOptions: animateOptions ?? parentContext.animateOptions,\n    };\n\n    return (\n      <GenUIContext.Provider value={contextValue}>\n        <>\n          {components.map((component, index) => (\n            <ComponentRenderer\n              key={getComponentKey(component, index)}\n              component={component}\n              index={index}\n            />\n          ))}\n        </>\n      </GenUIContext.Provider>\n    );\n  },\n);\n\nexport { GenUISchemaRenderer, ComponentRenderer };\nexport type { GenUISchemaRendererProps };\n"],"names":["BLOCK_LEVEL_COMPONENTS","Set","GlobalAnimationStyles","createGlobalStyle","_templateObject","_taggedTemplateLiteral","travelX","keyframes","travelR","travelX2","travelR2","maskReveal","shadeMove","AnimatedBorderContainer","styled","div","withConfig","displayName","componentId","GradientBorder","_ref","$fadeOut","ContentContainer","GradientShade","AnimatedGradientBorder","_ref2","children","onAnimationComplete","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","showContent","setShowContent","_useState3","_useState4","cssVars","setCssVars","useEffect","timer","setTimeout","clearTimeout","computePositions","useCallback","entry","_entry$contentRect","contentRect","w","width","height","h","xMargin","Math","min","xMax","concat","toFixed","useResize","_jsxs","_Fragment","_jsx","ref","$showContent","style","getComponentKey","component","index","ComponentRenderer","memo","_ref3","_useGenUI","useGenUI","registry","validComponentTypes","componentType","key","definition","_definition$animation","Renderer","renderer","isBuiltInBlockLevel","has","isGradientAnimation","animation","name","isBlockLevel","_objectSpread","isPotentiallyValidComponentName","some","validName","startsWith","console","warn","GenUISchemaRenderer","_ref4","components","isAnimating","animateOptions","parentContext","length","contextValue","GenUIContext","Provider","value","map"],"mappings":"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"}

package/build/lib/web/production/components/GenUI/index.js

@@ -0,0 +1,4 @@
+export { GenUIProvider } from './GenUIProvider.web.js';
+export { useGenUI, useGenUIAction } from './GenUIContext.web.js';
+export { GenUISchemaRenderer } from './GenUISchemaRenderer.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/GenUI/index.js.map

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

package/build/lib/web/production/components/GenUI/rehypeAnimate.js

@@ -0,0 +1,139 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _typeof from '@babel/runtime/helpers/typeof';
+import { visitParents, SKIP } from 'unist-util-visit-parents';
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var SKIP_TAGS = new Set(['code', 'pre', 'svg', 'math', 'annotation']);
+var isElement = function isElement(node) {
+  return _typeof(node) === 'object' && node !== null && 'type' in node && node.type === 'element';
+};
+var hasSkipAncestor = function hasSkipAncestor(ancestors) {
+  return ancestors.some(function (ancestor) {
+    return isElement(ancestor) && SKIP_TAGS.has(ancestor.tagName);
+  });
+};
+var splitByWord = function splitByWord(text) {
+  var parts = [];
+  var current = '';
+  var inWhitespace = false;
+  var _iterator = _createForOfIteratorHelper(text),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _char = _step.value;
+      var isWs = /\s/.test(_char);
+      if (isWs !== inWhitespace && current) {
+        parts.push(current);
+        current = '';
+      }
+      current += _char;
+      inWhitespace = isWs;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (current) {
+    parts.push(current);
+  }
+  return parts;
+};
+var splitByChar = function splitByChar(text) {
+  var parts = [];
+  var wsBuffer = '';
+  var _iterator2 = _createForOfIteratorHelper(text),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _char2 = _step2.value;
+      if (/\s/.test(_char2)) {
+        wsBuffer += _char2;
+      } else {
+        if (wsBuffer) {
+          parts.push(wsBuffer);
+          wsBuffer = '';
+        }
+        parts.push(_char2);
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  if (wsBuffer) {
+    parts.push(wsBuffer);
+  }
+  return parts;
+};
+var makeSpan = function makeSpan(word, duration, easing) {
+  return {
+    type: 'element',
+    tagName: 'span',
+    properties: {
+      'data-animate-word': true,
+      style: "--animate-duration:".concat(duration, "ms;--animate-easing:").concat(easing)
+    },
+    children: [{
+      type: 'text',
+      value: word
+    }]
+  };
+};
+
+/**
+ * Creates a rehype plugin that animates text by wrapping words/characters in spans.
+ * Words fade in as they mount, creating a smooth text-reveal effect during AI streaming.
+ *
+ * @param options - Animation configuration options
+ * @returns A rehype plugin function
+ */
+function createRehypeAnimate(options) {
+  var _options$duration, _options$easing, _options$sep;
+  var duration = (_options$duration = options === null || options === void 0 ? void 0 : options.duration) !== null && _options$duration !== void 0 ? _options$duration : 300;
+  var easing = (_options$easing = options === null || options === void 0 ? void 0 : options.easing) !== null && _options$easing !== void 0 ? _options$easing : 'ease-in-out';
+  var sep = (_options$sep = options === null || options === void 0 ? void 0 : options.sep) !== null && _options$sep !== void 0 ? _options$sep : 'word';
+  return function () {
+    return function (tree) {
+      visitParents(tree, 'text', function (node, ancestors) {
+        var _parent$children;
+        var parent = ancestors[ancestors.length - 1];
+        if (!parent || !('children' in parent)) {
+          return undefined;
+        }
+        if (hasSkipAncestor(ancestors)) {
+          return SKIP;
+        }
+        var index = parent.children.indexOf(node);
+        if (index === -1) {
+          return undefined;
+        }
+        var text = node.value;
+        if (!text.trim()) {
+          return undefined;
+        }
+        var parts = sep === 'char' ? splitByChar(text) : splitByWord(text);
+        var nodes = parts.map(function (part) {
+          if (/^\s+$/.test(part)) {
+            return {
+              type: 'text',
+              value: part
+            };
+          }
+          return makeSpan(part, duration, easing);
+        });
+        (_parent$children = parent.children).splice.apply(_parent$children, [index, 1].concat(_toConsumableArray(nodes)));
+        return index + nodes.length;
+      });
+    };
+  };
+}
+
+// Default animate plugin with fadeIn animation
+var rehypeAnimate = createRehypeAnimate();
+
+export { createRehypeAnimate, rehypeAnimate };
+//# sourceMappingURL=rehypeAnimate.js.map

package/build/lib/web/production/components/GenUI/rehypeAnimate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rehypeAnimate.js","sources":["../../../../../../src/components/GenUI/rehypeAnimate.ts"],"sourcesContent":["import type { Element, Root, Text, Node, Parent } from 'hast';\nimport { SKIP, visitParents } from 'unist-util-visit-parents';\n\nexport interface AnimateOptions {\n  duration?: number;\n  easing?: string;\n  sep?: 'word' | 'char';\n}\n\nconst SKIP_TAGS = new Set(['code', 'pre', 'svg', 'math', 'annotation']);\n\nconst isElement = (node: unknown): node is Element =>\n  typeof node === 'object' &&\n  node !== null &&\n  'type' in node &&\n  (node as Element).type === 'element';\n\nconst hasSkipAncestor = (ancestors: Node[]): boolean =>\n  ancestors.some((ancestor) => isElement(ancestor) && SKIP_TAGS.has(ancestor.tagName));\n\nconst splitByWord = (text: string): string[] => {\n  const parts: string[] = [];\n  let current = '';\n  let inWhitespace = false;\n\n  for (const char of text) {\n    const isWs = /\\s/.test(char);\n    if (isWs !== inWhitespace && current) {\n      parts.push(current);\n      current = '';\n    }\n    current += char;\n    inWhitespace = isWs;\n  }\n\n  if (current) {\n    parts.push(current);\n  }\n\n  return parts;\n};\n\nconst splitByChar = (text: string): string[] => {\n  const parts: string[] = [];\n  let wsBuffer = '';\n\n  for (const char of text) {\n    if (/\\s/.test(char)) {\n      wsBuffer += char;\n    } else {\n      if (wsBuffer) {\n        parts.push(wsBuffer);\n        wsBuffer = '';\n      }\n      parts.push(char);\n    }\n  }\n\n  if (wsBuffer) {\n    parts.push(wsBuffer);\n  }\n\n  return parts;\n};\n\nconst makeSpan = (word: string, duration: number, easing: string): Element => ({\n  type: 'element',\n  tagName: 'span',\n  properties: {\n    'data-animate-word': true,\n    style: `--animate-duration:${duration}ms;--animate-easing:${easing}`,\n  },\n  children: [{ type: 'text', value: word }],\n});\n\n/**\n * Creates a rehype plugin that animates text by wrapping words/characters in spans.\n * Words fade in as they mount, creating a smooth text-reveal effect during AI streaming.\n *\n * @param options - Animation configuration options\n * @returns A rehype plugin function\n */\nexport function createRehypeAnimate(options?: AnimateOptions): () => (tree: Root) => void {\n  const duration = options?.duration ?? 300;\n  const easing = options?.easing ?? 'ease-in-out';\n  const sep = options?.sep ?? 'word';\n\n  return () => (tree: Root) => {\n    visitParents(tree, 'text', (node: Text, ancestors: Node[]) => {\n      const parent = ancestors[ancestors.length - 1] as Parent | undefined;\n      if (!parent || !('children' in parent)) {\n        return undefined;\n      }\n\n      if (hasSkipAncestor(ancestors)) {\n        return SKIP;\n      }\n\n      const index = parent.children.indexOf(node);\n      if (index === -1) {\n        return undefined;\n      }\n\n      const text = node.value;\n      if (!text.trim()) {\n        return undefined;\n      }\n\n      const parts = sep === 'char' ? splitByChar(text) : splitByWord(text);\n\n      const nodes: (Element | Text)[] = parts.map((part) => {\n        if (/^\\s+$/.test(part)) {\n          return { type: 'text', value: part } as Text;\n        }\n        return makeSpan(part, duration, easing);\n      });\n\n      parent.children.splice(index, 1, ...nodes);\n      return index + nodes.length;\n    });\n  };\n}\n\n// Default animate plugin with fadeIn animation\nexport const rehypeAnimate = createRehypeAnimate();\n"],"names":["SKIP_TAGS","Set","isElement","node","_typeof","type","hasSkipAncestor","ancestors","some","ancestor","has","tagName","splitByWord","text","parts","current","inWhitespace","_iterator","_createForOfIteratorHelper","_step","s","n","done","char","value","isWs","test","push","err","e","f","splitByChar","wsBuffer","_iterator2","_step2","makeSpan","word","duration","easing","properties","style","concat","children","createRehypeAnimate","options","_options$duration","_options$easing","_options$sep","sep","tree","visitParents","_parent$children","parent","length","undefined","SKIP","index","indexOf","trim","nodes","map","part","splice","apply","_toConsumableArray","rehypeAnimate"],"mappings":"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"}

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

@@ -214,7 +214,7 @@ var _InfoItemValue = function _InfoItemValue(_ref3, ref) {
       leading: leading,
       trailing: trailing,
       helpText: helpText,
-      titleWeight: "semibold",
+      titleWeight: "medium",
       titleColor: "surface.text.gray.subtle",
       truncateAfterLines: truncateAfterLines,
       paddingLeft: isHighlighted && itemOrientation === 'vertical' ? 'spacing.4' : 'spacing.0',

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

@@ -1 +1 @@
-{"version":3,"file":"InfoGroup.web.js","sources":["../../../../../../src/components/InfoGroup/InfoGroup.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type {\n  InfoGroupProps,\n  InfoItemProps,\n  InfoItemKeyProps,\n  InfoItemValueProps,\n  TitleCollectionProps,\n} from './types';\nimport {\n  elementGap,\n  titleTextSize,\n  helpTextSize,\n  iconSize,\n  itemTitleHeight,\n  avatarAdjustmentPaddingY,\n} from './infoGroupTokens';\nimport { InfoGroupContext, useInfoGroup, InfoItemContext, useInfoItem } from './InfoGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport type { IconComponent } from '~components/Icons';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils';\nimport type { BoxProps } from '~components/Box';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst getCenterBoxProps = (\n  size: NonNullable<InfoGroupProps['size']>,\n  strictHeight = false,\n): BoxProps => {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    ...(strictHeight\n      ? { height: makeSize(itemTitleHeight[size]) }\n      : {\n          minHeight: makeSize(itemTitleHeight[size]),\n        }),\n  };\n};\n\n// Helper function to render leading/trailing elements (icons or JSX)\nconst renderElement = (\n  element: IconComponent | React.ReactElement | undefined,\n  size: NonNullable<InfoGroupProps['size']>,\n): React.ReactNode => {\n  if (!element) return null;\n\n  // Check if it's already a JSX element (React element)\n  if (React.isValidElement(element)) {\n    return element;\n  }\n\n  // Otherwise, it's a component function - render it with size prop\n  const IconComponent = element as IconComponent;\n  return <IconComponent size={iconSize[size]} color=\"surface.icon.gray.muted\" />;\n};\n\nconst TitleCollection = ({\n  children,\n  leading,\n  trailing,\n  helpText,\n  titleWeight,\n  titleColor,\n  paddingLeft,\n  paddingRight,\n  truncateAfterLines,\n}: TitleCollectionProps): React.ReactElement => {\n  const { size } = useInfoGroup();\n  const { setHasAvatar } = useInfoItem();\n\n  const isAvatar = getComponentId(React.isValidElement(leading) ? leading : undefined) === 'Avatar';\n\n  // Set hasAvatar context when an avatar is detected\n  useIsomorphicLayoutEffect(() => {\n    if (isAvatar) {\n      setHasAvatar(true);\n    }\n  }, [isAvatar, setHasAvatar]);\n\n  const { containerRef, textRef } = useTruncationTitle({\n    content: typeof children === 'string' ? children : undefined,\n  });\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      alignItems=\"flex-start\"\n      gap={elementGap[size]}\n      paddingLeft={paddingLeft}\n      paddingRight={paddingRight}\n    >\n      {leading && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(leading, size)}</BaseBox>\n      )}\n      <BaseBox display=\"flex\" flexDirection=\"column\" flex=\"1\">\n        <BaseBox ref={containerRef} {...getCenterBoxProps(size)}>\n          {typeof children === 'string' ? (\n            <Text\n              ref={textRef}\n              variant=\"body\"\n              size={titleTextSize[size]}\n              weight={titleWeight}\n              color={titleColor}\n              truncateAfterLines={truncateAfterLines}\n            >\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </BaseBox>\n\n        {helpText && (\n          <Text\n            variant=\"body\"\n            size={helpTextSize[size]}\n            weight=\"regular\"\n            color=\"surface.text.gray.muted\"\n          >\n            {helpText}\n          </Text>\n        )}\n      </BaseBox>\n      {trailing && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(trailing, size)}</BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst _InfoItemKey = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemKeyProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      as=\"dt\"\n      display=\"flex\"\n      alignItems=\"center\"\n      alignSelf=\"flex-start\"\n      justifyContent=\"flex-start\"\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemKey, testID })}\n    >\n      {itemOrientation === 'horizontal' && isHighlighted ? (\n        <Divider orientation=\"vertical\" />\n      ) : null}\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"medium\"\n        titleColor=\"surface.text.gray.muted\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted ? 'spacing.4' : 'spacing.0'}\n        paddingRight=\"spacing.0\"\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemKey\n *\n * Displays the key portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemKey = assignWithoutSideEffects(React.forwardRef(_InfoItemKey), {\n  displayName: 'InfoItemKey',\n  componentId: 'InfoItemKey',\n});\n\nconst _InfoItemValue = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemValueProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, valueAlign, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      as=\"dd\"\n      margin=\"spacing.0\"\n      display=\"flex\"\n      alignItems=\"center\"\n      alignSelf=\"flex-start\"\n      justifyContent={valueAlign === 'right' ? 'flex-end' : 'flex-start'}\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemValue, testID })}\n    >\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"semibold\"\n        titleColor=\"surface.text.gray.subtle\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted && itemOrientation === 'vertical' ? 'spacing.4' : 'spacing.0'}\n        paddingRight={isHighlighted ? 'spacing.4' : 'spacing.0'}\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemValue\n *\n * Displays the value portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemValue helpText=\"Customer name\" trailing={CheckIcon}>\n *   Saurabh Daware\n * </InfoItemValue>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemValue = assignWithoutSideEffects(React.forwardRef(_InfoItemValue), {\n  displayName: 'InfoItemValue',\n  componentId: 'InfoItemValue',\n});\n\nconst ContentsItemBox = React.forwardRef<\n  BladeElementRef,\n  {\n    children: React.ReactNode;\n    testID?: string;\n  }\n>(\n  ({ children, testID }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        display=\"contents\"\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {children}\n      </BaseBox>\n    );\n  },\n);\n\nconst FlexItemBox = React.forwardRef<\n  BladeElementRef,\n  { children: React.ReactNode; testID?: string; isHighlighted?: boolean }\n>(\n  ({ children, testID, isHighlighted = false }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        display=\"flex\"\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {isHighlighted && <Divider orientation=\"vertical\" />}\n        <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\">\n          {children}\n        </BaseBox>\n      </BaseBox>\n    );\n  },\n);\n\nconst _InfoItem = (\n  { children, testID, isHighlighted }: InfoItemProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, isHighlighted: contextIsHighlighted } = useInfoGroup();\n  const [hasAvatar, setHasAvatar] = React.useState(false);\n  const isVertical = itemOrientation === 'vertical';\n  const shouldHighlight = isHighlighted ?? contextIsHighlighted;\n\n  const infoItemContextValue = React.useMemo(\n    () => ({\n      hasAvatar,\n      setHasAvatar,\n      isHighlighted: shouldHighlight,\n    }),\n    [hasAvatar, shouldHighlight],\n  );\n\n  if (isVertical) {\n    return (\n      <InfoItemContext.Provider value={infoItemContextValue}>\n        <FlexItemBox ref={ref as never} testID={testID} isHighlighted={shouldHighlight}>\n          {children}\n        </FlexItemBox>\n      </InfoItemContext.Provider>\n    );\n  }\n\n  return (\n    <InfoItemContext.Provider value={infoItemContextValue}>\n      <ContentsItemBox ref={ref as never} testID={testID}>\n        {children}\n      </ContentsItemBox>\n    </InfoItemContext.Provider>\n  );\n};\n\n/**\n * InfoItem\n *\n * Container component that wraps InfoItemKey and InfoItemValue pairs.\n * Manages the layout and visual connection between key-value elements.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItem>\n *   <InfoItemKey>Account Holder</InfoItemKey>\n *   <InfoItemValue>Saurabh Daware</InfoItemValue>\n * </InfoItem>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItem = assignWithoutSideEffects(React.forwardRef(_InfoItem), {\n  displayName: 'InfoItem',\n  componentId: 'InfoItem',\n});\n\n// InfoGroup Component\nconst _InfoGroup = (\n  {\n    children,\n    itemOrientation = 'horizontal',\n    size = 'medium',\n    valueAlign = 'left',\n    isHighlighted = false,\n    gridTemplateColumns,\n    width,\n    maxWidth,\n    minWidth,\n    testID,\n    paddingLeft,\n    paddingRight,\n    paddingTop,\n    paddingBottom,\n    padding,\n    paddingX,\n    paddingY,\n    ...rest\n  }: InfoGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const contextValue = React.useMemo(\n    () => ({\n      size,\n      itemOrientation,\n      valueAlign,\n      isHighlighted,\n    }),\n    [size, itemOrientation, valueAlign, isHighlighted],\n  );\n\n  const defaultGridTemplateColumns =\n    itemOrientation === 'horizontal'\n      ? 'max-content 1fr'\n      : `repeat(min(4, ${React.Children.count(children)}), 1fr)`;\n\n  // Use provided gridTemplateColumns or default based on itemOrientation\n  const templateColumns = gridTemplateColumns ?? defaultGridTemplateColumns;\n\n  return (\n    <InfoGroupContext.Provider value={contextValue}>\n      <BaseBox\n        ref={ref as never}\n        as=\"dl\"\n        display=\"grid\"\n        gridTemplateColumns={templateColumns}\n        rowGap=\"spacing.4\"\n        columnGap={{ base: 'spacing.6', m: 'spacing.10' }}\n        flexDirection=\"column\"\n        margin=\"spacing.0\"\n        width={width}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        paddingLeft={paddingLeft}\n        paddingRight={paddingRight}\n        paddingTop={paddingTop}\n        paddingBottom={paddingBottom}\n        padding={padding}\n        paddingX={paddingX}\n        paddingY={paddingY}\n        {...metaAttribute({ name: MetaConstants.InfoGroup, testID })}\n        {...getStyledProps(rest)}\n      >\n        {children}\n      </BaseBox>\n    </InfoGroupContext.Provider>\n  );\n};\n\n/**\n * InfoGroup\n *\n * A structured component for displaying key-value pairs in a consistent, organized format.\n * Provides standardized presentation for transaction details, user data, or any related data pairs.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoGroup itemOrientation=\"horizontal\" size=\"medium\">\n *   <InfoItem>\n *     <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n *     <InfoItemValue>Saurabh Daware</InfoItemValue>\n *   </InfoItem>\n * </InfoGroup>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoGroup = assignWithoutSideEffects(React.forwardRef(_InfoGroup), {\n  displayName: 'InfoGroup',\n  componentId: 'InfoGroup',\n});\n\nexport type { InfoGroupProps, InfoItemProps, InfoItemKeyProps, InfoItemValueProps };\n\nexport { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };\n"],"names":["getCenterBoxProps","size","strictHeight","arguments","length","undefined","_objectSpread","display","alignItems","justifyContent","height","makeSize","itemTitleHeight","minHeight","renderElement","element","React","isValidElement","IconComponent","_jsx","iconSize","color","TitleCollection","_ref","children","leading","trailing","helpText","titleWeight","titleColor","paddingLeft","paddingRight","truncateAfterLines","_useInfoGroup","useInfoGroup","_useInfoItem","useInfoItem","setHasAvatar","isAvatar","getComponentId","useIsomorphicLayoutEffect","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsxs","BaseBox","gap","elementGap","flexDirection","flex","ref","Text","variant","titleTextSize","weight","helpTextSize","_InfoItemKey","_ref2","testID","_useInfoGroup2","itemOrientation","_useInfoItem2","hasAvatar","isHighlighted","as","alignSelf","paddingY","avatarAdjustmentPaddingY","metaAttribute","name","MetaConstants","InfoItemKey","Divider","orientation","assignWithoutSideEffects","forwardRef","displayName","componentId","_InfoItemValue","_ref3","_useInfoGroup3","valueAlign","_useInfoItem3","margin","InfoItemValue","ContentsItemBox","_ref4","InfoItem","FlexItemBox","_ref5","_ref5$isHighlighted","_InfoItem","_ref6","_useInfoGroup4","contextIsHighlighted","_React$useState","useState","_React$useState2","_slicedToArray","isVertical","shouldHighlight","infoItemContextValue","useMemo","InfoItemContext","Provider","value","_InfoGroup","_ref7","_ref7$itemOrientation","_ref7$size","_ref7$valueAlign","_ref7$isHighlighted","gridTemplateColumns","width","maxWidth","minWidth","paddingTop","paddingBottom","padding","paddingX","rest","_objectWithoutProperties","_excluded","contextValue","defaultGridTemplateColumns","concat","Children","count","templateColumns","InfoGroupContext","rowGap","columnGap","base","m","InfoGroup","getStyledProps"],"mappings":"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"}
+{"version":3,"file":"InfoGroup.web.js","sources":["../../../../../../src/components/InfoGroup/InfoGroup.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type {\n  InfoGroupProps,\n  InfoItemProps,\n  InfoItemKeyProps,\n  InfoItemValueProps,\n  TitleCollectionProps,\n} from './types';\nimport {\n  elementGap,\n  titleTextSize,\n  helpTextSize,\n  iconSize,\n  itemTitleHeight,\n  avatarAdjustmentPaddingY,\n} from './infoGroupTokens';\nimport { InfoGroupContext, useInfoGroup, InfoItemContext, useInfoItem } from './InfoGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport type { IconComponent } from '~components/Icons';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils';\nimport type { BoxProps } from '~components/Box';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst getCenterBoxProps = (\n  size: NonNullable<InfoGroupProps['size']>,\n  strictHeight = false,\n): BoxProps => {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    ...(strictHeight\n      ? { height: makeSize(itemTitleHeight[size]) }\n      : {\n          minHeight: makeSize(itemTitleHeight[size]),\n        }),\n  };\n};\n\n// Helper function to render leading/trailing elements (icons or JSX)\nconst renderElement = (\n  element: IconComponent | React.ReactElement | undefined,\n  size: NonNullable<InfoGroupProps['size']>,\n): React.ReactNode => {\n  if (!element) return null;\n\n  // Check if it's already a JSX element (React element)\n  if (React.isValidElement(element)) {\n    return element;\n  }\n\n  // Otherwise, it's a component function - render it with size prop\n  const IconComponent = element as IconComponent;\n  return <IconComponent size={iconSize[size]} color=\"surface.icon.gray.muted\" />;\n};\n\nconst TitleCollection = ({\n  children,\n  leading,\n  trailing,\n  helpText,\n  titleWeight,\n  titleColor,\n  paddingLeft,\n  paddingRight,\n  truncateAfterLines,\n}: TitleCollectionProps): React.ReactElement => {\n  const { size } = useInfoGroup();\n  const { setHasAvatar } = useInfoItem();\n\n  const isAvatar = getComponentId(React.isValidElement(leading) ? leading : undefined) === 'Avatar';\n\n  // Set hasAvatar context when an avatar is detected\n  useIsomorphicLayoutEffect(() => {\n    if (isAvatar) {\n      setHasAvatar(true);\n    }\n  }, [isAvatar, setHasAvatar]);\n\n  const { containerRef, textRef } = useTruncationTitle({\n    content: typeof children === 'string' ? children : undefined,\n  });\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      alignItems=\"flex-start\"\n      gap={elementGap[size]}\n      paddingLeft={paddingLeft}\n      paddingRight={paddingRight}\n    >\n      {leading && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(leading, size)}</BaseBox>\n      )}\n      <BaseBox display=\"flex\" flexDirection=\"column\" flex=\"1\">\n        <BaseBox ref={containerRef} {...getCenterBoxProps(size)}>\n          {typeof children === 'string' ? (\n            <Text\n              ref={textRef}\n              variant=\"body\"\n              size={titleTextSize[size]}\n              weight={titleWeight}\n              color={titleColor}\n              truncateAfterLines={truncateAfterLines}\n            >\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </BaseBox>\n\n        {helpText && (\n          <Text\n            variant=\"body\"\n            size={helpTextSize[size]}\n            weight=\"regular\"\n            color=\"surface.text.gray.muted\"\n          >\n            {helpText}\n          </Text>\n        )}\n      </BaseBox>\n      {trailing && (\n        <BaseBox {...getCenterBoxProps(size, true)}>{renderElement(trailing, size)}</BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst _InfoItemKey = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemKeyProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      as=\"dt\"\n      display=\"flex\"\n      alignItems=\"center\"\n      alignSelf=\"flex-start\"\n      justifyContent=\"flex-start\"\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemKey, testID })}\n    >\n      {itemOrientation === 'horizontal' && isHighlighted ? (\n        <Divider orientation=\"vertical\" />\n      ) : null}\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"medium\"\n        titleColor=\"surface.text.gray.muted\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted ? 'spacing.4' : 'spacing.0'}\n        paddingRight=\"spacing.0\"\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemKey\n *\n * Displays the key portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemKey = assignWithoutSideEffects(React.forwardRef(_InfoItemKey), {\n  displayName: 'InfoItemKey',\n  componentId: 'InfoItemKey',\n});\n\nconst _InfoItemValue = (\n  { children, leading, trailing, helpText, truncateAfterLines, testID }: InfoItemValueProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, valueAlign, size } = useInfoGroup();\n\n  const { hasAvatar, isHighlighted } = useInfoItem();\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      as=\"dd\"\n      margin=\"spacing.0\"\n      display=\"flex\"\n      alignItems=\"center\"\n      alignSelf=\"flex-start\"\n      justifyContent={valueAlign === 'right' ? 'flex-end' : 'flex-start'}\n      paddingY={hasAvatar ? avatarAdjustmentPaddingY[size] : undefined}\n      {...metaAttribute({ name: MetaConstants.InfoItemValue, testID })}\n    >\n      <TitleCollection\n        leading={leading}\n        trailing={trailing}\n        helpText={helpText}\n        titleWeight=\"medium\"\n        titleColor=\"surface.text.gray.subtle\"\n        truncateAfterLines={truncateAfterLines}\n        paddingLeft={isHighlighted && itemOrientation === 'vertical' ? 'spacing.4' : 'spacing.0'}\n        paddingRight={isHighlighted ? 'spacing.4' : 'spacing.0'}\n      >\n        {children}\n      </TitleCollection>\n    </BaseBox>\n  );\n};\n\n/**\n * InfoItemValue\n *\n * Displays the value portion of a key-value pair within an InfoItem.\n * Supports leading/trailing elements and customizable text alignment.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItemValue helpText=\"Customer name\" trailing={CheckIcon}>\n *   Saurabh Daware\n * </InfoItemValue>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItemValue = assignWithoutSideEffects(React.forwardRef(_InfoItemValue), {\n  displayName: 'InfoItemValue',\n  componentId: 'InfoItemValue',\n});\n\nconst ContentsItemBox = React.forwardRef<\n  BladeElementRef,\n  {\n    children: React.ReactNode;\n    testID?: string;\n  }\n>(\n  ({ children, testID }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        display=\"contents\"\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {children}\n      </BaseBox>\n    );\n  },\n);\n\nconst FlexItemBox = React.forwardRef<\n  BladeElementRef,\n  { children: React.ReactNode; testID?: string; isHighlighted?: boolean }\n>(\n  ({ children, testID, isHighlighted = false }, ref): React.ReactElement => {\n    return (\n      <BaseBox\n        display=\"flex\"\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.InfoItem, testID })}\n      >\n        {isHighlighted && <Divider orientation=\"vertical\" />}\n        <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\">\n          {children}\n        </BaseBox>\n      </BaseBox>\n    );\n  },\n);\n\nconst _InfoItem = (\n  { children, testID, isHighlighted }: InfoItemProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const { itemOrientation, isHighlighted: contextIsHighlighted } = useInfoGroup();\n  const [hasAvatar, setHasAvatar] = React.useState(false);\n  const isVertical = itemOrientation === 'vertical';\n  const shouldHighlight = isHighlighted ?? contextIsHighlighted;\n\n  const infoItemContextValue = React.useMemo(\n    () => ({\n      hasAvatar,\n      setHasAvatar,\n      isHighlighted: shouldHighlight,\n    }),\n    [hasAvatar, shouldHighlight],\n  );\n\n  if (isVertical) {\n    return (\n      <InfoItemContext.Provider value={infoItemContextValue}>\n        <FlexItemBox ref={ref as never} testID={testID} isHighlighted={shouldHighlight}>\n          {children}\n        </FlexItemBox>\n      </InfoItemContext.Provider>\n    );\n  }\n\n  return (\n    <InfoItemContext.Provider value={infoItemContextValue}>\n      <ContentsItemBox ref={ref as never} testID={testID}>\n        {children}\n      </ContentsItemBox>\n    </InfoItemContext.Provider>\n  );\n};\n\n/**\n * InfoItem\n *\n * Container component that wraps InfoItemKey and InfoItemValue pairs.\n * Manages the layout and visual connection between key-value elements.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoItem>\n *   <InfoItemKey>Account Holder</InfoItemKey>\n *   <InfoItemValue>Saurabh Daware</InfoItemValue>\n * </InfoItem>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoItem = assignWithoutSideEffects(React.forwardRef(_InfoItem), {\n  displayName: 'InfoItem',\n  componentId: 'InfoItem',\n});\n\n// InfoGroup Component\nconst _InfoGroup = (\n  {\n    children,\n    itemOrientation = 'horizontal',\n    size = 'medium',\n    valueAlign = 'left',\n    isHighlighted = false,\n    gridTemplateColumns,\n    width,\n    maxWidth,\n    minWidth,\n    testID,\n    paddingLeft,\n    paddingRight,\n    paddingTop,\n    paddingBottom,\n    padding,\n    paddingX,\n    paddingY,\n    ...rest\n  }: InfoGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const contextValue = React.useMemo(\n    () => ({\n      size,\n      itemOrientation,\n      valueAlign,\n      isHighlighted,\n    }),\n    [size, itemOrientation, valueAlign, isHighlighted],\n  );\n\n  const defaultGridTemplateColumns =\n    itemOrientation === 'horizontal'\n      ? 'max-content 1fr'\n      : `repeat(min(4, ${React.Children.count(children)}), 1fr)`;\n\n  // Use provided gridTemplateColumns or default based on itemOrientation\n  const templateColumns = gridTemplateColumns ?? defaultGridTemplateColumns;\n\n  return (\n    <InfoGroupContext.Provider value={contextValue}>\n      <BaseBox\n        ref={ref as never}\n        as=\"dl\"\n        display=\"grid\"\n        gridTemplateColumns={templateColumns}\n        rowGap=\"spacing.4\"\n        columnGap={{ base: 'spacing.6', m: 'spacing.10' }}\n        flexDirection=\"column\"\n        margin=\"spacing.0\"\n        width={width}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        paddingLeft={paddingLeft}\n        paddingRight={paddingRight}\n        paddingTop={paddingTop}\n        paddingBottom={paddingBottom}\n        padding={padding}\n        paddingX={paddingX}\n        paddingY={paddingY}\n        {...metaAttribute({ name: MetaConstants.InfoGroup, testID })}\n        {...getStyledProps(rest)}\n      >\n        {children}\n      </BaseBox>\n    </InfoGroupContext.Provider>\n  );\n};\n\n/**\n * InfoGroup\n *\n * A structured component for displaying key-value pairs in a consistent, organized format.\n * Provides standardized presentation for transaction details, user data, or any related data pairs.\n *\n * ----\n *\n * #### Usage\n *\n * ```tsx\n * <InfoGroup itemOrientation=\"horizontal\" size=\"medium\">\n *   <InfoItem>\n *     <InfoItemKey leading={UserIcon}>Account Holder</InfoItemKey>\n *     <InfoItemValue>Saurabh Daware</InfoItemValue>\n *   </InfoItem>\n * </InfoGroup>\n * ```\n *\n * ----\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-infogroup InfoGroup Documentation}\n */\nconst InfoGroup = assignWithoutSideEffects(React.forwardRef(_InfoGroup), {\n  displayName: 'InfoGroup',\n  componentId: 'InfoGroup',\n});\n\nexport type { InfoGroupProps, InfoItemProps, InfoItemKeyProps, InfoItemValueProps };\n\nexport { InfoGroup, InfoItem, InfoItemKey, InfoItemValue };\n"],"names":["getCenterBoxProps","size","strictHeight","arguments","length","undefined","_objectSpread","display","alignItems","justifyContent","height","makeSize","itemTitleHeight","minHeight","renderElement","element","React","isValidElement","IconComponent","_jsx","iconSize","color","TitleCollection","_ref","children","leading","trailing","helpText","titleWeight","titleColor","paddingLeft","paddingRight","truncateAfterLines","_useInfoGroup","useInfoGroup","_useInfoItem","useInfoItem","setHasAvatar","isAvatar","getComponentId","useIsomorphicLayoutEffect","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsxs","BaseBox","gap","elementGap","flexDirection","flex","ref","Text","variant","titleTextSize","weight","helpTextSize","_InfoItemKey","_ref2","testID","_useInfoGroup2","itemOrientation","_useInfoItem2","hasAvatar","isHighlighted","as","alignSelf","paddingY","avatarAdjustmentPaddingY","metaAttribute","name","MetaConstants","InfoItemKey","Divider","orientation","assignWithoutSideEffects","forwardRef","displayName","componentId","_InfoItemValue","_ref3","_useInfoGroup3","valueAlign","_useInfoItem3","margin","InfoItemValue","ContentsItemBox","_ref4","InfoItem","FlexItemBox","_ref5","_ref5$isHighlighted","_InfoItem","_ref6","_useInfoGroup4","contextIsHighlighted","_React$useState","useState","_React$useState2","_slicedToArray","isVertical","shouldHighlight","infoItemContextValue","useMemo","InfoItemContext","Provider","value","_InfoGroup","_ref7","_ref7$itemOrientation","_ref7$size","_ref7$valueAlign","_ref7$isHighlighted","gridTemplateColumns","width","maxWidth","minWidth","paddingTop","paddingBottom","padding","paddingX","rest","_objectWithoutProperties","_excluded","contextValue","defaultGridTemplateColumns","concat","Children","count","templateColumns","InfoGroupContext","rowGap","columnGap","base","m","InfoGroup","getStyledProps"],"mappings":"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"}

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

@@ -29,7 +29,9 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     validationState: props.validationState,
     isTextArea: props.isTextArea,
     isDropdownTrigger: props.isDropdownTrigger,
-    isTableInputCell: props.isTableInputCell
+    isTableInputCell: props.isTableInputCell,
+    size: props.size,
+    borderRadius: props.borderRadius
   })), {}, {
     '&:hover': _objectSpread(_objectSpread({}, getInputBackgroundAndBorderStyles({
       theme: props.theme,
@@ -39,7 +41,9 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
       validationState: props.validationState,
       isDropdownTrigger: props.isDropdownTrigger,
       isTextArea: props.isTextArea,
-      isTableInputCell: props.isTableInputCell
+      isTableInputCell: props.isTableInputCell,
+      size: props.size,
+      borderRadius: props.borderRadius
     })), {}, {
       transitionProperty: 'background-color',
       transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),
@@ -52,7 +56,9 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
       validationState: props.validationState,
       isDropdownTrigger: props.isDropdownTrigger,
       isTextArea: props.isTextArea,
-      isTableInputCell: props.isTableInputCell
+      isTableInputCell: props.isTableInputCell,
+      size: props.size,
+      borderRadius: props.borderRadius
     }))
   });
 });

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

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

package/build/lib/web/production/components/Input/BaseInput/BaseInput.js

@@ -7,7 +7,7 @@ import { StyledBaseInput } from './StyledBaseInput.web.js';
 import { BaseInputVisuals } from './BaseInputVisuals.js';
 import { BaseInputWrapper } from './BaseInputWrapper.js';
 import { BaseInputTagSlot } from './BaseInputTagSlot.web.js';
-import { baseInputBorderBackgroundMotion, formHintLeftLabelMarginLeft } from './baseInputTokens.js';
+import { baseInputBorderRadius, baseInputBorderBackgroundMotion, formHintLeftLabelMarginLeft } from './baseInputTokens.js';
 import '../../Form/index.js';
 import '../../Box/BaseBox/index.js';
 import '../../Box/styledProps/index.js';
@@ -49,7 +49,7 @@ import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { FormHint } from '../../Form/FormHint.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["as", "label", "labelPosition", "placeholder", "type", "defaultValue", "tags", "showAllTags", "activeTagIndex", "setActiveTagIndex", "name", "value", "onFocus", "onChange", "onInput", "onBlur", "onSubmit", "onClick", "onKeyDown", "isDisabled", "necessityIndicator", "validationState", "errorText", "helpText", "successText", "isRequired", "leadingIcon", "prefix", "trailingInteractionElement", "onTrailingInteractionElementClick", "leadingInteractionElement", "suffix", "trailingIcon", "maxCharacters", "textAlign", "autoFocus", "keyboardReturnKeyType", "keyboardType", "autoCompleteSuggestionType", "trailingHeaderSlot", "trailingFooterSlot", "numberOfLines", "id", "componentName", "accessibilityLabel", "labelId", "activeDescendant", "hideLabelText", "hideFormHint", "hasPopup", "popupId", "isPopupExpanded", "maxTagRows", "shouldIgnoreBlurAnimation", "setShouldIgnoreBlurAnimation", "autoCapitalize", "setInputWrapperRef", "testID", "isDropdownTrigger", "isLabelInsideInput", "size", "trailingButton", "valueComponentType", "isTableInputCell", "showHintsAsTooltip", "_motionMeta", "role", "tabIndex", "leadingDropDown", "trailingDropDown", "labelSuffix", "labelTrailing", "valueSuffix", "children"];
+var _excluded = ["as", "label", "labelPosition", "placeholder", "type", "defaultValue", "tags", "showAllTags", "activeTagIndex", "setActiveTagIndex", "name", "value", "onFocus", "onChange", "onInput", "onBlur", "onSubmit", "onClick", "onKeyDown", "onPaste", "isDisabled", "necessityIndicator", "validationState", "errorText", "helpText", "successText", "isRequired", "leadingIcon", "prefix", "trailingInteractionElement", "onTrailingInteractionElementClick", "leadingInteractionElement", "suffix", "trailingIcon", "maxCharacters", "textAlign", "autoFocus", "keyboardReturnKeyType", "keyboardType", "autoCompleteSuggestionType", "trailingHeaderSlot", "trailingFooterSlot", "numberOfLines", "id", "componentName", "accessibilityLabel", "labelId", "activeDescendant", "hideLabelText", "hideFormHint", "hasPopup", "popupId", "isPopupExpanded", "maxTagRows", "shouldIgnoreBlurAnimation", "setShouldIgnoreBlurAnimation", "autoCapitalize", "setInputWrapperRef", "testID", "isDropdownTrigger", "isLabelInsideInput", "size", "padding", "borderRadius", "elevation", "trailingButton", "valueComponentType", "isTableInputCell", "showHintsAsTooltip", "_motionMeta", "role", "tabIndex", "leadingDropDown", "trailingDropDown", "labelSuffix", "labelTrailing", "valueSuffix", "children", "topContent", "bottomContent", "inputRowOverlay", "caretColor"];
 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 autoCompleteSuggestionTypeValues = ['none', 'on', 'name', 'email', 'username', 'password', 'newPassword', 'oneTimeCode', 'telephone', 'postalCode', 'countryName', 'creditCardNumber', 'creditCardCSC', 'creditCardExpiry', 'creditCardExpiryMonth', 'creditCardExpiryYear'];
@@ -293,9 +293,11 @@ var FocusRingWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   var theme = _ref1.theme,
     currentInteraction = _ref1.currentInteraction,
     isTableInputCell = _ref1.isTableInputCell,
-    shouldAddLimitedFocus = _ref1.shouldAddLimitedFocus;
+    shouldAddLimitedFocus = _ref1.shouldAddLimitedFocus,
+    $size = _ref1.$size,
+    $borderRadius = _ref1.$borderRadius;
   return {
-    borderRadius: makeBorderSize(isTableInputCell ? theme.border.radius.none : theme.border.radius.medium),
+    borderRadius: makeBorderSize(isTableInputCell ? theme.border.radius.none : theme.border.radius[$borderRadius !== null && $borderRadius !== void 0 ? $borderRadius : baseInputBorderRadius[$size]]),
     width: '100%',
     '&:focus-within': !isTableInputCell && (shouldAddLimitedFocus ? currentInteraction === 'focus' : true) ? _objectSpread(_objectSpread({}, getFocusRingStyles({
       theme: theme
@@ -331,6 +333,7 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
     onSubmit = _ref10.onSubmit,
     onClick = _ref10.onClick,
     onKeyDown = _ref10.onKeyDown,
+    onPaste = _ref10.onPaste,
     isDisabled = _ref10.isDisabled,
     necessityIndicator = _ref10.necessityIndicator,
     validationState = _ref10.validationState,
@@ -374,6 +377,9 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
     isLabelInsideInput = _ref10.isLabelInsideInput,
     _ref10$size = _ref10.size,
     size = _ref10$size === void 0 ? 'medium' : _ref10$size,
+    padding = _ref10.padding,
+    borderRadius = _ref10.borderRadius,
+    elevation = _ref10.elevation,
     trailingButton = _ref10.trailingButton,
     _ref10$valueComponent = _ref10.valueComponentType,
     valueComponentType = _ref10$valueComponent === void 0 ? 'text' : _ref10$valueComponent,
@@ -390,6 +396,10 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
     labelTrailing = _ref10.labelTrailing,
     valueSuffix = _ref10.valueSuffix,
     children = _ref10.children,
+    topContent = _ref10.topContent,
+    bottomContent = _ref10.bottomContent,
+    inputRowOverlay = _ref10.inputRowOverlay,
+    caretColor = _ref10.caretColor,
     rest = _objectWithoutProperties(_ref10, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -527,6 +537,9 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
         isTableInputCell: isTableInputCell,
         className: "focus-ring-wrapper",
         shouldAddLimitedFocus: shouldAddLimitedFocus,
+        $size: _size,
+        $borderRadius: borderRadius,
+        elevation: elevation,
         children: /*#__PURE__*/jsxs(BaseInputWrapper, {
           isDropdownTrigger: isDropdownTrigger,
           isTextArea: isTextArea,
@@ -544,6 +557,7 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
           },
           maxTagRows: maxTagRows,
           size: _size,
+          borderRadius: borderRadius,
           numberOfLines: numberOfLines,
           onClick: function onClick() {
             if (!isReactNative) {
@@ -552,6 +566,9 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
             }
           },
           isTableInputCell: isTableInputCell,
+          topContent: topContent,
+          bottomContent: bottomContent,
+          inputRowOverlay: inputRowOverlay,
           children: [/*#__PURE__*/jsx(BaseInputVisuals, {
             size: _size,
             leadingIcon: leadingIcon,
@@ -610,6 +627,7 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
               handleOnSubmit: handleOnSubmit,
               handleOnInput: handleOnInput,
               handleOnKeyDown: handleOnKeyDown,
+              onPaste: onPaste,
               handleOnClick: handleOnClick,
               leadingIcon: leadingIcon,
               prefix: prefix,
@@ -637,6 +655,7 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
               autoCapitalize: autoCapitalize,
               isDropdownTrigger: isDropdownTrigger,
               $size: _size,
+              $padding: padding,
               valueComponentType: valueComponentType,
               isTableInputCell: isTableInputCell,
               tabIndex: tabIndex,
@@ -644,7 +663,8 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
               children: children,
               color: color,
               disabledColor: disabledColor,
-              isInsideCounterInput: isInsideCounterInput
+              isInsideCounterInput: isInsideCounterInput,
+              $caretColor: caretColor
             }, metaAttribute({
               name: MetaConstants.StyledBaseInput
             })), makeAnalyticsAttribute(rest)))