blend-native 0.0.1-beta.0 → 0.0.1-beta.2

package/lib/module/components/Menu/Menu.js

@@ -0,0 +1,170 @@
+"use strict";
+
+import React, { forwardRef, memo, useCallback, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { MenuV2Alignment, MenuV2Side } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { BottomSheet } from "../../overlay/sheet/BottomSheet.js";
+import { Block } from "../../primitives/Block.js";
+import { DropdownContent, DropdownList, DropdownSearch, useDropdown } from "../shared/dropdown/index.js";
+import { filterGroups } from "../shared/dropdown/dropdownFilter.js";
+import { flattenGroups } from "../shared/dropdown/dropdownFlatten.js";
+import { getMenuContentTokens, getMenuItemTokens, flattenMenuGroups, toFilterableItem } from "./menu.utils.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_PLACEMENT_MAP = {
+  [MenuV2Side.TOP]: 'top',
+  [MenuV2Side.BOTTOM]: 'bottom',
+  [MenuV2Side.LEFT]: 'left',
+  [MenuV2Side.RIGHT]: 'right'
+};
+const DEFAULT_ALIGNMENT_MAP = {
+  [MenuV2Alignment.START]: 'start',
+  [MenuV2Alignment.CENTER]: 'center',
+  [MenuV2Alignment.END]: 'end'
+};
+
+/**
+ * Menu — React Native implementation of web's `MenuV2`.
+ *
+ * Renders a trigger; on press, a floating panel (or bottom sheet on mobile)
+ * opens with the items. Selection is per-item controlled (`item.selected`);
+ * Menu manages no selection state. Sub-menus render trailing chevrons.
+ */
+const Menu = /*#__PURE__*/forwardRef(function Menu({
+  trigger,
+  items = [],
+  open: openProp,
+  onOpenChange,
+  closeOnSelect = true,
+  enableSearch = false,
+  searchPlaceholder = 'Search...',
+  alignment = MenuV2Alignment.START,
+  side = MenuV2Side.BOTTOM,
+  sideOffset = 8,
+  usePanelOnMobile = false,
+  enableVirtualization = false,
+  menuFooter,
+  testID,
+  accessibilityLabel
+}, ref) {
+  const tokens = useNativeTokens('MENUV2');
+  const [searchText, setSearchText] = useState('');
+  const dropdown = useDropdown({
+    open: openProp,
+    onOpenChange,
+    placement: DEFAULT_PLACEMENT_MAP[side],
+    alignment: DEFAULT_ALIGNMENT_MAP[alignment],
+    offset: sideOffset,
+    usePanelOnMobile
+  });
+  const contentTokens = useMemo(() => getMenuContentTokens(tokens), [tokens]);
+  const filteredGroups = useMemo(() => {
+    if (!enableSearch || !searchText) return items;
+    const filterable = items.map(g => ({
+      label: g.label,
+      items: g.items.map(toFilterableItem),
+      showSeparator: g.showSeparator
+    }));
+    const filtered = filterGroups(filterable, searchText);
+    // Re-attach original items by index
+    return items.map(originalGroup => {
+      const match = filtered.find(fg => fg.label === originalGroup.label);
+      if (!match) return null;
+      // For each surviving filterable item, find the original
+      const survivingOriginals = match.items.map(fi => originalGroup.items.find(oi => oi.label.text === fi.primaryText)).filter(Boolean);
+      if (!survivingOriginals.length) return null;
+      return {
+        ...originalGroup,
+        items: survivingOriginals
+      };
+    }).filter(Boolean);
+  }, [items, enableSearch, searchText]);
+  const adapterGroups = useMemo(() => flattenMenuGroups(filteredGroups), [filteredGroups]);
+  const flatRows = useMemo(() => flattenGroups(adapterGroups), [adapterGroups]);
+  const itemTokens = useMemo(() => getMenuItemTokens(tokens), [tokens]);
+  const handleItemPress = useCallback(item => {
+    const menuItem = item;
+    menuItem?.onClick?.();
+    if (closeOnSelect) {
+      dropdown.setOpen(false);
+    }
+  }, [closeOnSelect, dropdown]);
+
+  // Reset search when the menu closes
+  React.useEffect(() => {
+    if (!dropdown.open) setSearchText('');
+  }, [dropdown.open]);
+  const triggerElement = /*#__PURE__*/React.cloneElement(trigger, {
+    ref: dropdown.anchorRef,
+    onPress: dropdown.handleOpen
+  });
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [enableSearch ? /*#__PURE__*/_jsx(Block, {
+      paddingBottom: 8,
+      paddingLeft: 8,
+      paddingRight: 8,
+      children: /*#__PURE__*/_jsx(DropdownSearch, {
+        value: searchText,
+        onChange: setSearchText,
+        placeholder: searchPlaceholder,
+        testID: testID
+      })
+    }) : null, /*#__PURE__*/_jsx(DropdownList, {
+      rows: flatRows,
+      itemTokens: itemTokens,
+      separatorColor: String(tokens.separator.color),
+      separatorHeight: tokens.separator.height,
+      separatorMargin: tokens.separator.marginTop,
+      labelColor: String(tokens.group.label.color),
+      labelFontSize: tokens.group.label.fontSize ?? 14,
+      labelFontWeight: tokens.group.label.fontWeight ?? '500',
+      labelPaddingTop: tokens.group.label.paddingTop,
+      labelPaddingBottom: tokens.group.label.paddingBottom,
+      labelPaddingHorizontal: tokens.group.label.paddingLeft,
+      onItemPress: handleItemPress,
+      enableVirtualization: enableVirtualization,
+      testID: testID ? `${testID}-list` : undefined
+    }), menuFooter ? /*#__PURE__*/_jsx(Block, {
+      paddingTop: 4,
+      children: menuFooter
+    }) : null]
+  });
+  if (dropdown.shouldUseSheet) {
+    return /*#__PURE__*/_jsxs(View, {
+      ref: ref,
+      testID: testID,
+      children: [triggerElement, /*#__PURE__*/_jsx(BottomSheet, {
+        open: dropdown.open,
+        onClose: () => dropdown.setOpen(false),
+        backgroundColor: contentTokens.backgroundColor,
+        topRadius: 16,
+        accessibilityLabel: accessibilityLabel ?? 'Menu',
+        testID: testID ? `${testID}-sheet` : undefined,
+        children: /*#__PURE__*/_jsx(Block, {
+          paddingTop: contentTokens.paddingTop,
+          paddingRight: contentTokens.paddingRight,
+          paddingBottom: contentTokens.paddingBottom,
+          paddingLeft: contentTokens.paddingLeft,
+          children: content
+        })
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    testID: testID,
+    children: [triggerElement, /*#__PURE__*/_jsx(DropdownContent, {
+      open: dropdown.open,
+      onClose: () => dropdown.setOpen(false),
+      position: dropdown.position,
+      onContentLayout: dropdown.onContentLayout,
+      tokens: contentTokens,
+      accessibilityLabel: accessibilityLabel ?? 'Menu',
+      testID: testID ? `${testID}-content` : undefined,
+      children: content
+    })]
+  });
+});
+export default /*#__PURE__*/memo(Menu);
+Menu.displayName = 'Menu';
+//# sourceMappingURL=Menu.js.map

package/lib/module/components/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","memo","useCallback","useMemo","useState","View","MenuV2Alignment","MenuV2Side","useNativeTokens","BottomSheet","Block","DropdownContent","DropdownList","DropdownSearch","useDropdown","filterGroups","flattenGroups","getMenuContentTokens","getMenuItemTokens","flattenMenuGroups","toFilterableItem","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULT_PLACEMENT_MAP","TOP","BOTTOM","LEFT","RIGHT","DEFAULT_ALIGNMENT_MAP","START","CENTER","END","Menu","trigger","items","open","openProp","onOpenChange","closeOnSelect","enableSearch","searchPlaceholder","alignment","side","sideOffset","usePanelOnMobile","enableVirtualization","menuFooter","testID","accessibilityLabel","ref","tokens","searchText","setSearchText","dropdown","placement","offset","contentTokens","filteredGroups","filterable","map","g","label","showSeparator","filtered","originalGroup","match","find","fg","survivingOriginals","fi","oi","text","primaryText","filter","Boolean","length","adapterGroups","flatRows","itemTokens","handleItemPress","item","menuItem","onClick","setOpen","useEffect","triggerElement","cloneElement","anchorRef","onPress","handleOpen","content","children","paddingBottom","paddingLeft","paddingRight","value","onChange","placeholder","rows","separatorColor","String","separator","color","separatorHeight","height","separatorMargin","marginTop","labelColor","group","labelFontSize","fontSize","labelFontWeight","fontWeight","labelPaddingTop","paddingTop","labelPaddingBottom","labelPaddingHorizontal","onItemPress","undefined","shouldUseSheet","onClose","backgroundColor","topRadius","position","onContentLayout","displayName"],"sourceRoot":"../../../../src","sources":["components/Menu/Menu.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Menu/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as Menu } from "./Menu.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Menu"],"sourceRoot":"../../../../src","sources":["components/Menu/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,WAAQ","ignoreList":[]}

package/lib/module/components/Menu/menu.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=menu.types.js.map

package/lib/module/components/Menu/menu.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Menu/menu.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Menu/menu.utils.js

@@ -0,0 +1,151 @@
+"use strict";
+
+import { MenuV2ItemVariant, MenuV2ItemActionType } from '@juspay/blend-design-system/node';
+/**
+ * Adapt a `MenuV2ItemType` to the common `DropdownItemAdapter` shape.
+ *
+ * Menu's item label is `{ text, leftSlot }` — the adapter unwraps it into
+ * `primaryText` + `leadingSlot`. `variant` and `actionType` are collapsed
+ * into a simpler `'default' | 'primary' | 'danger'` union for the row
+ * renderer.
+ */
+export function menuItemAdapter(item, index) {
+  const variant = item.variant === MenuV2ItemVariant.ACTION ? item.actionType === MenuV2ItemActionType.DANGER ? 'danger' : 'primary' : 'default';
+  return {
+    id: item.id ?? `menu-item-${index}`,
+    primaryText: item.label.text,
+    secondaryText: item.subLabel,
+    leadingSlot: item.label.leftSlot,
+    disabled: item.disabled,
+    isSelected: item.selected,
+    hasSubMenu: Boolean(item.subMenu && item.subMenu.length > 0),
+    variant,
+    item
+  };
+}
+
+/**
+ * Build a `FilterableItem` view of a menu item for `filterGroups`.
+ * The filter works on `primaryText` / `secondaryText` and recurses into
+ * `subItems` (which maps to `item.subMenu`).
+ */
+export function toFilterableItem(item) {
+  return {
+    primaryText: item.label.text,
+    secondaryText: item.subLabel,
+    subItems: item.subMenu?.map(toFilterableItem)
+  };
+}
+
+/** Searchable text extractor — the primary label text. */
+export function getMenuSearchableText(item) {
+  return item.label.text;
+}
+
+/**
+ * Map MenuV2 tokens to the `DropdownContentTokens` shape the shared
+ * `DropdownContent` expects.
+ */
+export function getMenuContentTokens(tokens) {
+  return {
+    backgroundColor: String(tokens.backgroundColor),
+    border: String(tokens.border),
+    borderRadius: tokens.borderRadius,
+    boxShadow: String(tokens.boxShadow),
+    paddingTop: tokens.paddingTop,
+    paddingRight: tokens.paddingRight,
+    paddingBottom: tokens.paddingBottom,
+    paddingLeft: tokens.paddingLeft,
+    minWidth: tokens.minWidth,
+    maxWidth: tokens.maxWidth
+  };
+}
+
+/**
+ * Resolve the background color for an item given its variant, actionType,
+ * and state. The MenuV2 token tree nests:
+ * `backgroundColor[variant][actionType?][state]`.
+ */
+function resolveBackgroundColor(tokens, variant, actionType, state) {
+  const bg = tokens.group.item.backgroundColor;
+  if (variant === MenuV2ItemVariant.DEFAULT) {
+    return String(bg[variant][state]);
+  }
+  return String(bg[variant][actionType][state]);
+}
+function resolveTextColor(tokens, variant, actionType, state) {
+  const color = tokens.group.item.text.color;
+  if (variant === MenuV2ItemVariant.DEFAULT) {
+    return String(color[variant][state]);
+  }
+  return String(color[variant][actionType][state]);
+}
+function resolveSubTextColor(tokens, variant, actionType, state) {
+  const color = tokens.group.item.text.subText.color;
+  if (variant === MenuV2ItemVariant.DEFAULT) {
+    return String(color[variant][state]);
+  }
+  return String(color[variant][actionType][state]);
+}
+
+/**
+ * Map MenuV2 item tokens to the `DropdownItemTokens` shape. For the default
+ * variant; action variants resolve through the same state keys.
+ */
+export function getMenuItemTokens(tokens, variant = MenuV2ItemVariant.DEFAULT, actionType = MenuV2ItemActionType.PRIMARY) {
+  const itemTokens = tokens.group.item;
+  const states = ['default', 'hover', 'active', 'focus', 'focusVisible', 'disabled', 'selected'];
+  const bgRecord = {};
+  const colorRecord = {};
+  const subColorRecord = {};
+  for (const s of states) {
+    bgRecord[s] = resolveBackgroundColor(tokens, variant, actionType, s);
+    colorRecord[s] = resolveTextColor(tokens, variant, actionType, s);
+    subColorRecord[s] = resolveSubTextColor(tokens, variant, actionType, s);
+  }
+  return {
+    paddingTop: itemTokens.paddingTop,
+    paddingRight: itemTokens.paddingRight,
+    paddingBottom: itemTokens.paddingBottom,
+    paddingLeft: itemTokens.paddingLeft,
+    margin: itemTokens.marginTop,
+    gap: itemTokens.gap,
+    borderRadius: itemTokens.borderRadius,
+    backgroundColor: bgRecord,
+    text: {
+      fontSize: itemTokens.text.fontSize,
+      fontWeight: itemTokens.text.fontWeight,
+      lineHeight: itemTokens.text.lineHeight,
+      color: colorRecord,
+      subText: {
+        fontSize: itemTokens.text.subText.fontSize,
+        fontWeight: itemTokens.text.subText.fontWeight,
+        lineHeight: itemTokens.text.subText.lineHeight,
+        color: subColorRecord
+      },
+      leftSlot: itemTokens.text.leftSlot,
+      checkmark: itemTokens.text.checkmark ? {
+        position: itemTokens.text.checkmark.position,
+        width: Number(itemTokens.text.checkmark.width) || 16,
+        color: String(itemTokens.text.checkmark.color)
+      } : undefined,
+      rightChevron: {
+        color: String(itemTokens.text.rightChevron.color),
+        width: Number(itemTokens.text.rightChevron.width) || 16
+      }
+    }
+  };
+}
+
+/**
+ * Flatten menu groups into adapter-backed groups for `DropdownList`.
+ */
+export function flattenMenuGroups(groups) {
+  let globalIndex = 0;
+  return groups.map(group => ({
+    label: group.label,
+    items: group.items.map(item => menuItemAdapter(item, globalIndex++)),
+    showSeparator: group.showSeparator
+  }));
+}
+//# sourceMappingURL=menu.utils.js.map

package/lib/module/components/Menu/menu.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MenuV2ItemVariant","MenuV2ItemActionType","menuItemAdapter","item","index","variant","ACTION","actionType","DANGER","id","primaryText","label","text","secondaryText","subLabel","leadingSlot","leftSlot","disabled","isSelected","selected","hasSubMenu","Boolean","subMenu","length","toFilterableItem","subItems","map","getMenuSearchableText","getMenuContentTokens","tokens","backgroundColor","String","border","borderRadius","boxShadow","paddingTop","paddingRight","paddingBottom","paddingLeft","minWidth","maxWidth","resolveBackgroundColor","state","bg","group","DEFAULT","resolveTextColor","color","resolveSubTextColor","subText","getMenuItemTokens","PRIMARY","itemTokens","states","bgRecord","colorRecord","subColorRecord","s","margin","marginTop","gap","fontSize","fontWeight","lineHeight","checkmark","position","width","Number","undefined","rightChevron","flattenMenuGroups","groups","globalIndex","items","showSeparator"],"sourceRoot":"../../../../src","sources":["components/Menu/menu.utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Modal/Modal.js

@@ -0,0 +1,204 @@
+"use strict";
+
+import { useCallback, useEffect, useState } from 'react';
+import { BackHandler, Pressable, ScrollView, StyleSheet, View } from 'react-native';
+import Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { useNativeBreakpoint } from "../../theme/useNativeBreakpoint.js";
+import { Portal } from "../../overlay/portal.js";
+import { BottomSheet } from "../../overlay/sheet/BottomSheet.js";
+import { BottomSheetScrollable } from "../../overlay/sheet/SheetScrollable.js";
+import { MOTION_EASING, MOTION_PRESETS, reducedMotionVariant } from "../../motion/motion.js";
+import { useReduceMotion } from "../../motion/useReduceMotion.js";
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import { ModalHeader } from "./ModalHeader.js";
+import { ModalFooter } from "./ModalFooter.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Modal — the native port of web's `ModalV2`.
+ *
+ * Phones (`sm`) present a bottom sheet — exactly what web does under
+ * 1024px with vaul, styled from the same MODALV2 tokens — and tablets
+ * (`lg`) a centered dialog card with a dimmed backdrop, `scaleFade`
+ * entrance, hardware-back/VoiceOver-escape dismissal and the exit
+ * keep-mounted pattern.
+ */
+
+// Indexing MOTION_EASING with a dynamic key yields a union of tuples,
+// which cannot be spread into Easing.bezier directly.
+function bezierFor(name) {
+  const [x1, y1, x2, y2] = MOTION_EASING[name];
+  return Easing.bezier(x1, y1, x2, y2);
+}
+export function Modal({
+  isOpen,
+  onClose,
+  title,
+  subtitle,
+  children,
+  primaryAction,
+  secondaryAction,
+  showCloseButton = true,
+  showHeader = true,
+  showFooter = true,
+  closeOnBackdropClick = true,
+  showDivider = true,
+  customHeader,
+  customFooter,
+  headerSlot,
+  dimensions,
+  maxHeightFraction,
+  testID,
+  style
+}) {
+  const tokens = useNativeTokens('MODALV2');
+  const breakpoint = useNativeBreakpoint();
+  const reduceMotion = useReduceMotion();
+  const preset = reduceMotion ? reducedMotionVariant(MOTION_PRESETS.scaleFade) : MOTION_PRESETS.scaleFade;
+
+  // Keep-mounted through the exit animation (the BottomSheet pattern).
+  const [mounted, setMounted] = useState(isOpen);
+  const progress = useSharedValue(0);
+  const unmount = useCallback(() => setMounted(false), []);
+  useEffect(() => {
+    if (isOpen) {
+      setMounted(true);
+      progress.value = withTiming(1, {
+        duration: preset.duration,
+        easing: bezierFor(preset.easing)
+      });
+    } else {
+      progress.value = withTiming(0, {
+        duration: preset.exitDuration,
+        easing: bezierFor(preset.exitEasing)
+      }, finished => {
+        if (finished) runOnJS(unmount)();
+      });
+    }
+  }, [isOpen, progress, preset, unmount]);
+
+  // Android hardware back closes the dialog instead of the screen.
+  useEffect(() => {
+    if (!isOpen || breakpoint === 'sm') return;
+    const subscription = BackHandler.addEventListener('hardwareBackPress', () => {
+      onClose();
+      return true;
+    });
+    return () => subscription.remove();
+  }, [isOpen, breakpoint, onClose]);
+  const fromOpacity = preset.from.opacity ?? 1;
+  const toOpacity = preset.to.opacity ?? 1;
+  const fromScale = preset.from.scale ?? 1;
+  const toScale = preset.to.scale ?? 1;
+  const cardStyle = useAnimatedStyle(() => ({
+    opacity: fromOpacity + (toOpacity - fromOpacity) * progress.value,
+    transform: [{
+      scale: fromScale + (toScale - fromScale) * progress.value
+    }]
+  }));
+  const backdropStyle = useAnimatedStyle(() => ({
+    opacity: progress.value
+  }));
+  const header = customHeader ?? /*#__PURE__*/_jsx(ModalHeader, {
+    title: title,
+    subtitle: subtitle,
+    headerSlot: headerSlot,
+    showCloseButton: showCloseButton,
+    showDivider: showDivider,
+    onClose: onClose,
+    tokens: tokens,
+    testID: testID ? `${testID}-header` : undefined
+  });
+  const footer = customFooter ?? /*#__PURE__*/_jsx(ModalFooter, {
+    primaryAction: primaryAction,
+    secondaryAction: secondaryAction,
+    showDivider: showDivider,
+    tokens: tokens,
+    testID: testID ? `${testID}-footer` : undefined
+  });
+  const bodyPadding = {
+    paddingTop: parseDimension(tokens.body.paddingTop),
+    paddingBottom: parseDimension(tokens.body.paddingBottom),
+    paddingLeft: parseDimension(tokens.body.paddingLeft),
+    paddingRight: parseDimension(tokens.body.paddingRight)
+  };
+  if (breakpoint === 'sm') {
+    return /*#__PURE__*/_jsxs(BottomSheet, {
+      open: isOpen,
+      onClose: onClose,
+      backgroundColor: String(tokens.backgroundColor ?? '#FFFFFF'),
+      backdropColor: String(tokens.overlay.backgroundColor ?? 'rgba(0, 0, 0, 0.5)'),
+      topRadius: parseDimension(tokens.borderRadius) ?? 16,
+      dismissOnBackdropPress: closeOnBackdropClick,
+      maxHeightFraction: maxHeightFraction,
+      accessibilityLabel: title,
+      testID: testID,
+      style: style,
+      children: [showHeader ? header : null, /*#__PURE__*/_jsx(BottomSheetScrollable, {
+        children: /*#__PURE__*/_jsx(ScrollView, {
+          contentContainerStyle: [bodyPadding, {
+            backgroundColor: String(tokens.body.backgroundColor ?? 'transparent')
+          }],
+          children: children
+        })
+      }), showFooter ? footer : null]
+    });
+  }
+  if (!mounted) return null;
+  const overlayOffset = parseDimension(tokens.overlay.offset) ?? 16;
+  return /*#__PURE__*/_jsxs(Portal, {
+    modal: true,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [StyleSheet.absoluteFill, {
+        backgroundColor: String(tokens.overlay.backgroundColor ?? 'rgba(0, 0, 0, 0.5)')
+      }, backdropStyle],
+      accessible: false,
+      importantForAccessibility: "no-hide-descendants",
+      testID: testID ? `${testID}-backdrop` : undefined,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: StyleSheet.absoluteFill,
+        onPress: closeOnBackdropClick ? onClose : undefined
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.center, {
+        padding: overlayOffset
+      }],
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        accessibilityViewIsModal: true,
+        onAccessibilityEscape: onClose,
+        accessibilityLabel: title,
+        testID: testID,
+        style: [{
+          backgroundColor: String(tokens.backgroundColor ?? '#FFFFFF'),
+          borderRadius: parseDimension(tokens.borderRadius) ?? 16,
+          overflow: 'hidden',
+          minWidth: 320,
+          maxWidth: '90%',
+          maxHeight: '90%',
+          ...dimensions
+        }, cardStyle, style],
+        children: [showHeader ? header : null, /*#__PURE__*/_jsx(ScrollView, {
+          contentContainerStyle: [bodyPadding, {
+            backgroundColor: String(tokens.body.backgroundColor ?? 'transparent')
+          }],
+          children: children
+        }), showFooter ? footer : null]
+      })
+    })]
+  });
+}
+Modal.displayName = 'Modal';
+const styles = StyleSheet.create({
+  center: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+export default Modal;
+//# sourceMappingURL=Modal.js.map

package/lib/module/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useState","BackHandler","Pressable","ScrollView","StyleSheet","View","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","useNativeTokens","useNativeBreakpoint","Portal","BottomSheet","BottomSheetScrollable","MOTION_EASING","MOTION_PRESETS","reducedMotionVariant","useReduceMotion","parseDimension","ModalHeader","ModalFooter","jsx","_jsx","jsxs","_jsxs","bezierFor","name","x1","y1","x2","y2","bezier","Modal","isOpen","onClose","title","subtitle","children","primaryAction","secondaryAction","showCloseButton","showHeader","showFooter","closeOnBackdropClick","showDivider","customHeader","customFooter","headerSlot","dimensions","maxHeightFraction","testID","style","tokens","breakpoint","reduceMotion","preset","scaleFade","mounted","setMounted","progress","unmount","value","duration","easing","exitDuration","exitEasing","finished","subscription","addEventListener","remove","fromOpacity","from","opacity","toOpacity","to","fromScale","scale","toScale","cardStyle","transform","backdropStyle","header","undefined","footer","bodyPadding","paddingTop","body","paddingBottom","paddingLeft","paddingRight","open","backgroundColor","String","backdropColor","overlay","topRadius","borderRadius","dismissOnBackdropPress","accessibilityLabel","contentContainerStyle","overlayOffset","offset","modal","absoluteFill","accessible","importantForAccessibility","onPress","styles","center","padding","pointerEvents","accessibilityViewIsModal","onAccessibilityEscape","overflow","minWidth","maxWidth","maxHeight","displayName","create","position","top","left","right","bottom","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/Modal/Modal.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SACIC,WAAW,EACXC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,IAAI,QACD,cAAc;AACrB,OAAOC,QAAQ,IACXC,MAAM,EACNC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACP,yBAAyB;AAEhC,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,mBAAmB,QAAQ,oCAAiC;AACrE,SAASC,MAAM,QAAQ,yBAAsB;AAC7C,SAASC,WAAW,QAAQ,oCAAiC;AAC7D,SAASC,qBAAqB,QAAQ,wCAAqC;AAC3E,SACIC,aAAa,EACbC,cAAc,EACdC,oBAAoB,QAEjB,wBAAqB;AAC5B,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SAASC,cAAc,QAAQ,oCAAiC;AAChE,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,WAAW,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,SAASC,SAASA,CAACC,IAAkB,EAAE;EACnC,MAAM,CAACC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC,GAAGhB,aAAa,CAACY,IAAI,CAAC;EAC5C,OAAOtB,MAAM,CAAC2B,MAAM,CAACJ,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC;AACxC;AAEA,OAAO,SAASE,KAAKA,CAAC;EAClBC,MAAM;EACNC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,aAAa;EACbC,eAAe;EACfC,eAAe,GAAG,IAAI;EACtBC,UAAU,GAAG,IAAI;EACjBC,UAAU,GAAG,IAAI;EACjBC,oBAAoB,GAAG,IAAI;EAC3BC,WAAW,GAAG,IAAI;EAClBC,YAAY;EACZC,YAAY;EACZC,UAAU;EACVC,UAAU;EACVC,iBAAiB;EACjBC,MAAM;EACNC;AACc,CAAC,EAAE;EACjB,MAAMC,MAAM,GAAG3C,eAAe,CAAoB,SAAS,CAAC;EAC5D,MAAM4C,UAAU,GAAG3C,mBAAmB,CAAC,CAAC;EACxC,MAAM4C,YAAY,GAAGrC,eAAe,CAAC,CAAC;EACtC,MAAMsC,MAAM,GAAGD,YAAY,GACrBtC,oBAAoB,CAACD,cAAc,CAACyC,SAAS,CAAC,GAC9CzC,cAAc,CAACyC,SAAS;;EAE9B;EACA,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG7D,QAAQ,CAACoC,MAAM,CAAC;EAC9C,MAAM0B,QAAQ,GAAGpD,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMqD,OAAO,GAAGjE,WAAW,CAAC,MAAM+D,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAExD9D,SAAS,CAAC,MAAM;IACZ,IAAIqC,MAAM,EAAE;MACRyB,UAAU,CAAC,IAAI,CAAC;MAChBC,QAAQ,CAACE,KAAK,GAAGrD,UAAU,CAAC,CAAC,EAAE;QAC3BsD,QAAQ,EAAEP,MAAM,CAACO,QAAQ;QACzBC,MAAM,EAAEtC,SAAS,CAAC8B,MAAM,CAACQ,MAAM;MACnC,CAAC,CAAC;IACN,CAAC,MAAM;MACHJ,QAAQ,CAACE,KAAK,GAAGrD,UAAU,CACvB,CAAC,EACD;QACIsD,QAAQ,EAAEP,MAAM,CAACS,YAAY;QAC7BD,MAAM,EAAEtC,SAAS,CAAC8B,MAAM,CAACU,UAAU;MACvC,CAAC,EACAC,QAAQ,IAAK;QACV,IAAIA,QAAQ,EAAE7D,OAAO,CAACuD,OAAO,CAAC,CAAC,CAAC;MACpC,CACJ,CAAC;IACL;EACJ,CAAC,EAAE,CAAC3B,MAAM,EAAE0B,QAAQ,EAAEJ,MAAM,EAAEK,OAAO,CAAC,CAAC;;EAEvC;EACAhE,SAAS,CAAC,MAAM;IACZ,IAAI,CAACqC,MAAM,IAAIoB,UAAU,KAAK,IAAI,EAAE;IACpC,MAAMc,YAAY,GAAGrE,WAAW,CAACsE,gBAAgB,CAC7C,mBAAmB,EACnB,MAAM;MACFlC,OAAO,CAAC,CAAC;MACT,OAAO,IAAI;IACf,CACJ,CAAC;IACD,OAAO,MAAMiC,YAAY,CAACE,MAAM,CAAC,CAAC;EACtC,CAAC,EAAE,CAACpC,MAAM,EAAEoB,UAAU,EAAEnB,OAAO,CAAC,CAAC;EAEjC,MAAMoC,WAAW,GAAGf,MAAM,CAACgB,IAAI,CAACC,OAAO,IAAI,CAAC;EAC5C,MAAMC,SAAS,GAAGlB,MAAM,CAACmB,EAAE,CAACF,OAAO,IAAI,CAAC;EACxC,MAAMG,SAAS,GAAGpB,MAAM,CAACgB,IAAI,CAACK,KAAK,IAAI,CAAC;EACxC,MAAMC,OAAO,GAAGtB,MAAM,CAACmB,EAAE,CAACE,KAAK,IAAI,CAAC;EACpC,MAAME,SAAS,GAAGxE,gBAAgB,CAAC,OAAO;IACtCkE,OAAO,EAAEF,WAAW,GAAG,CAACG,SAAS,GAAGH,WAAW,IAAIX,QAAQ,CAACE,KAAK;IACjEkB,SAAS,EAAE,CACP;MAAEH,KAAK,EAAED,SAAS,GAAG,CAACE,OAAO,GAAGF,SAAS,IAAIhB,QAAQ,CAACE;IAAM,CAAC;EAErE,CAAC,CAAC,CAAC;EACH,MAAMmB,aAAa,GAAG1E,gBAAgB,CAAC,OAAO;IAC1CkE,OAAO,EAAEb,QAAQ,CAACE;EACtB,CAAC,CAAC,CAAC;EAEH,MAAMoB,MAAM,GAAGpC,YAAY,iBACvBvB,IAAA,CAACH,WAAW;IACRgB,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBW,UAAU,EAAEA,UAAW;IACvBP,eAAe,EAAEA,eAAgB;IACjCI,WAAW,EAAEA,WAAY;IACzBV,OAAO,EAAEA,OAAQ;IACjBkB,MAAM,EAAEA,MAAO;IACfF,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGgC;EAAU,CACnD,CACJ;EACD,MAAMC,MAAM,GAAGrC,YAAY,iBACvBxB,IAAA,CAACF,WAAW;IACRkB,aAAa,EAAEA,aAAc;IAC7BC,eAAe,EAAEA,eAAgB;IACjCK,WAAW,EAAEA,WAAY;IACzBQ,MAAM,EAAEA,MAAO;IACfF,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGgC;EAAU,CACnD,CACJ;EAED,MAAME,WAAW,GAAG;IAChBC,UAAU,EAAEnE,cAAc,CAACkC,MAAM,CAACkC,IAAI,CAACD,UAA6B,CAAC;IACrEE,aAAa,EAAErE,cAAc,CACzBkC,MAAM,CAACkC,IAAI,CAACC,aAChB,CAAC;IACDC,WAAW,EAAEtE,cAAc,CAACkC,MAAM,CAACkC,IAAI,CAACE,WAA8B,CAAC;IACvEC,YAAY,EAAEvE,cAAc,CACxBkC,MAAM,CAACkC,IAAI,CAACG,YAChB;EACJ,CAAC;EAED,IAAIpC,UAAU,KAAK,IAAI,EAAE;IACrB,oBACI7B,KAAA,CAACZ,WAAW;MACR8E,IAAI,EAAEzD,MAAO;MACbC,OAAO,EAAEA,OAAQ;MACjByD,eAAe,EAAEC,MAAM,CAACxC,MAAM,CAACuC,eAAe,IAAI,SAAS,CAAE;MAC7DE,aAAa,EAAED,MAAM,CACjBxC,MAAM,CAAC0C,OAAO,CAACH,eAAe,IAAI,oBACtC,CAAE;MACFI,SAAS,EACL7E,cAAc,CAACkC,MAAM,CAAC4C,YAA+B,CAAC,IAAI,EAC7D;MACDC,sBAAsB,EAAEtD,oBAAqB;MAC7CM,iBAAiB,EAAEA,iBAAkB;MACrCiD,kBAAkB,EAAE/D,KAAM;MAC1Be,MAAM,EAAEA,MAAO;MACfC,KAAK,EAAEA,KAAM;MAAAd,QAAA,GAEZI,UAAU,GAAGwC,MAAM,GAAG,IAAI,eAC3B3D,IAAA,CAACT,qBAAqB;QAAAwB,QAAA,eAClBf,IAAA,CAACtB,UAAU;UACPmG,qBAAqB,EAAE,CACnBf,WAAW,EACX;YACIO,eAAe,EAAEC,MAAM,CACnBxC,MAAM,CAACkC,IAAI,CAACK,eAAe,IAAI,aACnC;UACJ,CAAC,CACH;UAAAtD,QAAA,EAEDA;QAAQ,CACD;MAAC,CACM,CAAC,EACvBK,UAAU,GAAGyC,MAAM,GAAG,IAAI;IAAA,CAClB,CAAC;EAEtB;EAEA,IAAI,CAAC1B,OAAO,EAAE,OAAO,IAAI;EAEzB,MAAM2C,aAAa,GACflF,cAAc,CAACkC,MAAM,CAAC0C,OAAO,CAACO,MAAyB,CAAC,IAAI,EAAE;EAElE,oBACI7E,KAAA,CAACb,MAAM;IAAC2F,KAAK;IAAAjE,QAAA,gBACTf,IAAA,CAACnB,QAAQ,CAACD,IAAI;MACViD,KAAK,EAAE,CACHlD,UAAU,CAACsG,YAAY,EACvB;QACIZ,eAAe,EAAEC,MAAM,CACnBxC,MAAM,CAAC0C,OAAO,CAACH,eAAe,IAC1B,oBACR;MACJ,CAAC,EACDX,aAAa,CACf;MACFwB,UAAU,EAAE,KAAM;MAClBC,yBAAyB,EAAC,qBAAqB;MAC/CvD,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW,GAAGgC,SAAU;MAAA7C,QAAA,eAElDf,IAAA,CAACvB,SAAS;QACNoD,KAAK,EAAElD,UAAU,CAACsG,YAAa;QAC/BG,OAAO,EAAE/D,oBAAoB,GAAGT,OAAO,GAAGgD;MAAU,CACvD;IAAC,CACS,CAAC,eAChB5D,IAAA,CAACpB,IAAI;MACDiD,KAAK,EAAE,CAACwD,MAAM,CAACC,MAAM,EAAE;QAAEC,OAAO,EAAET;MAAc,CAAC,CAAE;MACnDU,aAAa,EAAC,UAAU;MAAAzE,QAAA,eAExBb,KAAA,CAACrB,QAAQ,CAACD,IAAI;QACV6G,wBAAwB;QACxBC,qBAAqB,EAAE9E,OAAQ;QAC/BgE,kBAAkB,EAAE/D,KAAM;QAC1Be,MAAM,EAAEA,MAAO;QACfC,KAAK,EAAE,CACH;UACIwC,eAAe,EAAEC,MAAM,CACnBxC,MAAM,CAACuC,eAAe,IAAI,SAC9B,CAAC;UACDK,YAAY,EACR9E,cAAc,CACVkC,MAAM,CAAC4C,YACX,CAAC,IAAI,EAAE;UACXiB,QAAQ,EAAE,QAAQ;UAClBC,QAAQ,EAAE,GAAG;UACbC,QAAQ,EAAE,KAAK;UACfC,SAAS,EAAE,KAAK;UAChB,GAAGpE;QACP,CAAC,EACD8B,SAAS,EACT3B,KAAK,CACP;QAAAd,QAAA,GAEDI,UAAU,GAAGwC,MAAM,GAAG,IAAI,eAC3B3D,IAAA,CAACtB,UAAU;UACPmG,qBAAqB,EAAE,CACnBf,WAAW,EACX;YACIO,eAAe,EAAEC,MAAM,CACnBxC,MAAM,CAACkC,IAAI,CAACK,eAAe,IAAI,aACnC;UACJ,CAAC,CACH;UAAAtD,QAAA,EAEDA;QAAQ,CACD,CAAC,EACZK,UAAU,GAAGyC,MAAM,GAAG,IAAI;MAAA,CAChB;IAAC,CACd,CAAC;EAAA,CACH,CAAC;AAEjB;AAEAnD,KAAK,CAACqF,WAAW,GAAG,OAAO;AAE3B,MAAMV,MAAM,GAAG1G,UAAU,CAACqH,MAAM,CAAC;EAC7BV,MAAM,EAAE;IACJW,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC;AAEF,eAAe7F,KAAK","ignoreList":[]}

package/lib/module/components/Modal/ModalFooter.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { View } from 'react-native';
+import { ButtonV2Size, ButtonV2Type } from '@juspay/blend-design-system/node';
+import { parseBorder, parseDimension } from "../../adapters/cssStringAdapter.js";
+import { Button } from "../Button/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Secondary/primary action row; the top divider follows `showDivider`. */
+export function ModalFooter({
+  primaryAction,
+  secondaryAction,
+  showDivider,
+  tokens,
+  testID
+}) {
+  if (!primaryAction && !secondaryAction) return null;
+  const footer = tokens.footer;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      gap: parseDimension(footer.gap) ?? 12,
+      paddingTop: parseDimension(footer.paddingTop),
+      paddingBottom: parseDimension(footer.paddingBottom),
+      paddingLeft: parseDimension(footer.paddingLeft),
+      paddingRight: parseDimension(footer.paddingRight),
+      backgroundColor: String(footer.backgroundColor ?? 'transparent'),
+      ...(showDivider ? {
+        ...parseBorder(String(footer.borderTop ?? 'none')),
+        borderTopWidth: 1,
+        borderBottomWidth: 0,
+        borderLeftWidth: 0,
+        borderRightWidth: 0
+      } : null)
+    },
+    testID: testID,
+    children: [secondaryAction ? /*#__PURE__*/_jsx(Button, {
+      text: secondaryAction.text,
+      buttonType: secondaryAction.buttonType ?? ButtonV2Type.SECONDARY,
+      size: ButtonV2Size.SMALL,
+      onPress: secondaryAction.onPress,
+      disabled: secondaryAction.disabled,
+      loading: secondaryAction.loading,
+      accessibilityLabel: secondaryAction.accessibilityLabel,
+      testID: testID ? `${testID}-secondary` : undefined
+    }) : null, primaryAction ? /*#__PURE__*/_jsx(Button, {
+      text: primaryAction.text,
+      buttonType: primaryAction.buttonType ?? ButtonV2Type.PRIMARY,
+      size: ButtonV2Size.SMALL,
+      onPress: primaryAction.onPress,
+      disabled: primaryAction.disabled,
+      loading: primaryAction.loading,
+      accessibilityLabel: primaryAction.accessibilityLabel,
+      testID: testID ? `${testID}-primary` : undefined
+    }) : null]
+  });
+}
+export default ModalFooter;
+//# sourceMappingURL=ModalFooter.js.map

package/lib/module/components/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ButtonV2Size","ButtonV2Type","parseBorder","parseDimension","Button","jsx","_jsx","jsxs","_jsxs","ModalFooter","primaryAction","secondaryAction","showDivider","tokens","testID","footer","style","flexDirection","justifyContent","gap","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","String","borderTop","borderTopWidth","borderBottomWidth","borderLeftWidth","borderRightWidth","children","text","buttonType","SECONDARY","size","SMALL","onPress","disabled","loading","accessibilityLabel","undefined","PRIMARY"],"sourceRoot":"../../../../src","sources":["components/Modal/ModalFooter.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,YAAY,EAAEC,YAAY,QAAQ,kCAAkC;AAE7E,SAASC,WAAW,EAAEC,cAAc,QAAQ,oCAAiC;AAC7E,SAASC,MAAM,QAAQ,oBAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlC;AACA,OAAO,SAASC,WAAWA,CAAC;EACxBC,aAAa;EACbC,eAAe;EACfC,WAAW;EACXC,MAAM;EACNC;AAOJ,CAAC,EAAE;EACC,IAAI,CAACJ,aAAa,IAAI,CAACC,eAAe,EAAE,OAAO,IAAI;EACnD,MAAMI,MAAM,GAAGF,MAAM,CAACE,MAAM;EAE5B,oBACIP,KAAA,CAACT,IAAI;IACDiB,KAAK,EAAE;MACHC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,UAAU;MAC1BC,GAAG,EAAEhB,cAAc,CAACY,MAAM,CAACI,GAAsB,CAAC,IAAI,EAAE;MACxDC,UAAU,EAAEjB,cAAc,CACtBY,MAAM,CAACK,UACX,CAAC;MACDC,aAAa,EAAElB,cAAc,CACzBY,MAAM,CAACM,aACX,CAAC;MACDC,WAAW,EAAEnB,cAAc,CACvBY,MAAM,CAACO,WACX,CAAC;MACDC,YAAY,EAAEpB,cAAc,CACxBY,MAAM,CAACQ,YACX,CAAC;MACDC,eAAe,EAAEC,MAAM,CACnBV,MAAM,CAACS,eAAe,IAAI,aAC9B,CAAC;MACD,IAAIZ,WAAW,GACT;QACI,GAAGV,WAAW,CAACuB,MAAM,CAACV,MAAM,CAACW,SAAS,IAAI,MAAM,CAAC,CAAC;QAClDC,cAAc,EAAE,CAAC;QACjBC,iBAAiB,EAAE,CAAC;QACpBC,eAAe,EAAE,CAAC;QAClBC,gBAAgB,EAAE;MACtB,CAAC,GACD,IAAI;IACd,CAAE;IACFhB,MAAM,EAAEA,MAAO;IAAAiB,QAAA,GAEdpB,eAAe,gBACZL,IAAA,CAACF,MAAM;MACH4B,IAAI,EAAErB,eAAe,CAACqB,IAAK;MAC3BC,UAAU,EACNtB,eAAe,CAACsB,UAAU,IAAIhC,YAAY,CAACiC,SAC9C;MACDC,IAAI,EAAEnC,YAAY,CAACoC,KAAM;MACzBC,OAAO,EAAE1B,eAAe,CAAC0B,OAAQ;MACjCC,QAAQ,EAAE3B,eAAe,CAAC2B,QAAS;MACnCC,OAAO,EAAE5B,eAAe,CAAC4B,OAAQ;MACjCC,kBAAkB,EAAE7B,eAAe,CAAC6B,kBAAmB;MACvD1B,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,YAAY,GAAG2B;IAAU,CACtD,CAAC,GACF,IAAI,EACP/B,aAAa,gBACVJ,IAAA,CAACF,MAAM;MACH4B,IAAI,EAAEtB,aAAa,CAACsB,IAAK;MACzBC,UAAU,EACNvB,aAAa,CAACuB,UAAU,IAAIhC,YAAY,CAACyC,OAC5C;MACDP,IAAI,EAAEnC,YAAY,CAACoC,KAAM;MACzBC,OAAO,EAAE3B,aAAa,CAAC2B,OAAQ;MAC/BC,QAAQ,EAAE5B,aAAa,CAAC4B,QAAS;MACjCC,OAAO,EAAE7B,aAAa,CAAC6B,OAAQ;MAC/BC,kBAAkB,EAAE9B,aAAa,CAAC8B,kBAAmB;MACrD1B,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU,GAAG2B;IAAU,CACpD,CAAC,GACF,IAAI;EAAA,CACN,CAAC;AAEf;AAEA,eAAehC,WAAW","ignoreList":[]}