@razorpay/blade 12.32.2 → 12.33.1

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

@@ -1,19 +1,10 @@
+import { iconSizeMap } from './iconSizeMap.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import '../../BladeProvider/index.js';
-import '../../../tokens/global/index.js';
 import '../../../utils/makeSize/index.js';
-import { size } from '../../../tokens/global/size.js';
 import useTheme from '../../BladeProvider/useTheme.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 
-var iconSize = {
-  xsmall: size[8],
-  small: size[12],
-  medium: size[16],
-  large: size[20],
-  xlarge: size[24],
-  '2xlarge': size[32]
-};
 function useIconProps(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
@@ -21,8 +12,8 @@ function useIconProps(_ref) {
     color = _ref$color === void 0 ? 'surface.icon.gray.normal' : _ref$color;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
-  var height = makeSize(iconSize[size]);
-  var width = makeSize(iconSize[size]);
+  var height = makeSize(iconSizeMap[size]);
+  var width = makeSize(iconSizeMap[size]);
   var iconColor = color === 'currentColor' ? 'currentColor' : getIn(theme.colors, color, '');
   return {
     height: height,

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

@@ -1 +1 @@
-{"version":3,"file":"useIconProps.js","sources":["../../../../../../../src/components/Icons/useIconProps/useIconProps.tsx"],"sourcesContent":["import type { IconProps } from '..';\nimport get from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\n\nconst iconSize = {\n  xsmall: size[8],\n  small: size[12],\n  medium: size[16],\n  large: size[20],\n  xlarge: size[24],\n  '2xlarge': size[32],\n} as const;\n\nfunction useIconProps({\n  size = 'medium',\n  color = 'surface.icon.gray.normal',\n}: IconProps): {\n  height: `${typeof iconSize[keyof typeof iconSize]}px`;\n  width: `${typeof iconSize[keyof typeof iconSize]}px`;\n  iconColor: string;\n} {\n  const { theme } = useTheme();\n  const height = makeSize(iconSize[size]);\n  const width = makeSize(iconSize[size]);\n  const iconColor = color === 'currentColor' ? 'currentColor' : get(theme.colors, color, '');\n\n  return { height, width, iconColor };\n}\n\nexport default useIconProps;\n"],"names":["iconSize","xsmall","size","small","medium","large","xlarge","useIconProps","_ref","_ref$size","_ref$color","color","_useTheme","useTheme","theme","height","makeSize","width","iconColor","get","colors"],"mappings":";;;;;;;;AAMA,IAAMA,QAAQ,GAAG;AACfC,EAAAA,MAAM,EAAEC,IAAI,CAAC,CAAC,CAAC;AACfC,EAAAA,KAAK,EAAED,IAAI,CAAC,EAAE,CAAC;AACfE,EAAAA,MAAM,EAAEF,IAAI,CAAC,EAAE,CAAC;AAChBG,EAAAA,KAAK,EAAEH,IAAI,CAAC,EAAE,CAAC;AACfI,EAAAA,MAAM,EAAEJ,IAAI,CAAC,EAAE,CAAC;EAChB,SAAS,EAAEA,IAAI,CAAC,EAAE,CAAA;AACpB,CAAU,CAAA;AAEV,SAASK,YAAYA,CAAAC,IAAA,EAOnB;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CANAN,IAAI;AAAJA,IAAAA,IAAI,GAAAO,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAC,UAAA,GAAAF,IAAA,CACfG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,0BAA0B,GAAAA,UAAA,CAAA;AAMlC,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAMC,MAAM,GAAGC,QAAQ,CAAChB,QAAQ,CAACE,IAAI,CAAC,CAAC,CAAA;EACvC,IAAMe,KAAK,GAAGD,QAAQ,CAAChB,QAAQ,CAACE,IAAI,CAAC,CAAC,CAAA;AACtC,EAAA,IAAMgB,SAAS,GAAGP,KAAK,KAAK,cAAc,GAAG,cAAc,GAAGQ,KAAG,CAACL,KAAK,CAACM,MAAM,EAAET,KAAK,EAAE,EAAE,CAAC,CAAA;EAE1F,OAAO;AAAEI,IAAAA,MAAM,EAANA,MAAM;AAAEE,IAAAA,KAAK,EAALA,KAAK;AAAEC,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACrC;;;;"}
+{"version":3,"file":"useIconProps.js","sources":["../../../../../../../src/components/Icons/useIconProps/useIconProps.tsx"],"sourcesContent":["import type { IconProps } from '..';\nimport { iconSizeMap } from './iconSizeMap';\nimport get from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\n\nfunction useIconProps({\n  size = 'medium',\n  color = 'surface.icon.gray.normal',\n}: IconProps): {\n  height: `${typeof iconSizeMap[keyof typeof iconSizeMap]}px`;\n  width: `${typeof iconSizeMap[keyof typeof iconSizeMap]}px`;\n  iconColor: string;\n} {\n  const { theme } = useTheme();\n  const height = makeSize(iconSizeMap[size]);\n  const width = makeSize(iconSizeMap[size]);\n  const iconColor = color === 'currentColor' ? 'currentColor' : get(theme.colors, color, '');\n\n  return { height, width, iconColor };\n}\n\nexport default useIconProps;\n"],"names":["useIconProps","_ref","_ref$size","size","_ref$color","color","_useTheme","useTheme","theme","height","makeSize","iconSizeMap","width","iconColor","get","colors"],"mappings":";;;;;;;AAMA,SAASA,YAAYA,CAAAC,IAAA,EAOnB;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CANAE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,UAAA,GAAAH,IAAA,CACfI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,0BAA0B,GAAAA,UAAA,CAAA;AAMlC,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAMC,MAAM,GAAGC,QAAQ,CAACC,WAAW,CAACR,IAAI,CAAC,CAAC,CAAA;EAC1C,IAAMS,KAAK,GAAGF,QAAQ,CAACC,WAAW,CAACR,IAAI,CAAC,CAAC,CAAA;AACzC,EAAA,IAAMU,SAAS,GAAGR,KAAK,KAAK,cAAc,GAAG,cAAc,GAAGS,KAAG,CAACN,KAAK,CAACO,MAAM,EAAEV,KAAK,EAAE,EAAE,CAAC,CAAA;EAE1F,OAAO;AAAEI,IAAAA,MAAM,EAANA,MAAM;AAAEG,IAAAA,KAAK,EAALA,KAAK;AAAEC,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACrC;;;;"}

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

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

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

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

package/build/lib/web/development/components/InfoGroup/InfoGroupContext.js

@@ -0,0 +1,26 @@
+import React__default from 'react';
+
+var InfoGroupContext = /*#__PURE__*/React__default.createContext({
+  size: 'medium',
+  itemOrientation: 'horizontal',
+  valueAlign: 'left',
+  isHighlighted: false
+});
+var InfoItemContext = /*#__PURE__*/React__default.createContext({
+  hasAvatar: false,
+  setHasAvatar: function setHasAvatar() {
+    // no-op default implementation
+  },
+  isHighlighted: false
+});
+
+// Add hooks to use the context
+var useInfoGroup = function useInfoGroup() {
+  return React__default.useContext(InfoGroupContext);
+};
+var useInfoItem = function useInfoItem() {
+  return React__default.useContext(InfoItemContext);
+};
+
+export { InfoGroupContext, InfoItemContext, useInfoGroup, useInfoItem };
+//# sourceMappingURL=InfoGroupContext.js.map

package/build/lib/web/development/components/InfoGroup/InfoGroupContext.js.map

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

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

@@ -0,0 +1,3 @@
+export { InfoGroup, InfoItem, InfoItemKey, InfoItemValue } from './InfoGroup.web.js';
+import './types.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/web/development/components/InfoGroup/infoGroupTokens.js

@@ -0,0 +1,49 @@
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+
+// Gap between leading/trailing elements and content
+var elementGap = {
+  xsmall: 'spacing.1',
+  small: 'spacing.2',
+  medium: 'spacing.2',
+  large: 'spacing.3'
+};
+
+// Size mapping for InfoItemKey
+var titleTextSize = {
+  xsmall: 'xsmall',
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
+};
+
+// Text sizes for help text (has different mapping)
+var helpTextSize = {
+  xsmall: 'xsmall',
+  small: 'xsmall',
+  medium: 'xsmall',
+  large: 'small'
+};
+
+// Icon sizes for different InfoGroup sizes
+var iconSize = {
+  xsmall: 'xsmall',
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
+};
+var itemTitleHeight = {
+  xsmall: size['14'],
+  small: size['18'],
+  medium: size['20'],
+  large: size['24']
+};
+var avatarAdjustmentPaddingY = {
+  xsmall: 'spacing.1',
+  small: 'spacing.2',
+  medium: 'spacing.2',
+  large: 'spacing.3'
+};
+
+export { avatarAdjustmentPaddingY, elementGap, helpTextSize, iconSize, itemTitleHeight, titleTextSize };
+//# sourceMappingURL=infoGroupTokens.js.map

package/build/lib/web/development/components/InfoGroup/infoGroupTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"infoGroupTokens.js","sources":["../../../../../../src/components/InfoGroup/infoGroupTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\n// Gap between leading/trailing elements and content\nconst elementGap = {\n  xsmall: 'spacing.1',\n  small: 'spacing.2',\n  medium: 'spacing.2',\n  large: 'spacing.3',\n} as const;\n\n// Size mapping for InfoItemKey\nconst titleTextSize = {\n  xsmall: 'xsmall',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\n// Text sizes for help text (has different mapping)\nconst helpTextSize = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'xsmall',\n  large: 'small',\n} as const;\n\n// Icon sizes for different InfoGroup sizes\nconst iconSize = {\n  xsmall: 'xsmall',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst itemTitleHeight = {\n  xsmall: size['14'],\n  small: size['18'],\n  medium: size['20'],\n  large: size['24'],\n};\n\nconst avatarAdjustmentPaddingY = {\n  xsmall: 'spacing.1',\n  small: 'spacing.2',\n  medium: 'spacing.2',\n  large: 'spacing.3',\n} as const;\n\nexport {\n  elementGap,\n  titleTextSize,\n  helpTextSize,\n  iconSize,\n  itemTitleHeight,\n  avatarAdjustmentPaddingY,\n};\n"],"names":["elementGap","xsmall","small","medium","large","titleTextSize","helpTextSize","iconSize","itemTitleHeight","size","avatarAdjustmentPaddingY"],"mappings":";;;AAEA;AACA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAU;;AAEV;AACA,IAAMC,aAAa,GAAG;AACpBJ,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAU;;AAEV;AACA,IAAME,YAAY,GAAG;AACnBL,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAU;;AAEV;AACA,IAAMG,QAAQ,GAAG;AACfN,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAU;AAEV,IAAMI,eAAe,GAAG;AACtBP,EAAAA,MAAM,EAAEQ,IAAI,CAAC,IAAI,CAAC;AAClBP,EAAAA,KAAK,EAAEO,IAAI,CAAC,IAAI,CAAC;AACjBN,EAAAA,MAAM,EAAEM,IAAI,CAAC,IAAI,CAAC;EAClBL,KAAK,EAAEK,IAAI,CAAC,IAAI,CAAA;AAClB,EAAC;AAED,IAAMC,wBAAwB,GAAG;AAC/BT,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT;;;;"}