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

package/lib/commonjs/components/KeyValuePair/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KeyValuePair", {
+  enumerable: true,
+  get: function () {
+    return _KeyValuePair.default;
+  }
+});
+var _KeyValuePair = _interopRequireDefault(require("./KeyValuePair.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/KeyValuePair/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_KeyValuePair","_interopRequireDefault","require","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/KeyValuePair/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwD,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/KeyValuePair/keyValuePair.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=keyValuePair.types.js.map

package/lib/commonjs/components/KeyValuePair/keyValuePair.types.js.map

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

package/lib/commonjs/components/Menu/Menu.js

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _node = require("@juspay/blend-design-system/node");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _BottomSheet = require("../../overlay/sheet/BottomSheet.js");
+var _Block = require("../../primitives/Block.js");
+var _index = require("../shared/dropdown/index.js");
+var _dropdownFilter = require("../shared/dropdown/dropdownFilter.js");
+var _dropdownFlatten = require("../shared/dropdown/dropdownFlatten.js");
+var _menuUtils = require("./menu.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DEFAULT_PLACEMENT_MAP = {
+  [_node.MenuV2Side.TOP]: 'top',
+  [_node.MenuV2Side.BOTTOM]: 'bottom',
+  [_node.MenuV2Side.LEFT]: 'left',
+  [_node.MenuV2Side.RIGHT]: 'right'
+};
+const DEFAULT_ALIGNMENT_MAP = {
+  [_node.MenuV2Alignment.START]: 'start',
+  [_node.MenuV2Alignment.CENTER]: 'center',
+  [_node.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__*/(0, _react.forwardRef)(function Menu({
+  trigger,
+  items = [],
+  open: openProp,
+  onOpenChange,
+  closeOnSelect = true,
+  enableSearch = false,
+  searchPlaceholder = 'Search...',
+  alignment = _node.MenuV2Alignment.START,
+  side = _node.MenuV2Side.BOTTOM,
+  sideOffset = 8,
+  usePanelOnMobile = false,
+  enableVirtualization = false,
+  menuFooter,
+  testID,
+  accessibilityLabel
+}, ref) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('MENUV2');
+  const [searchText, setSearchText] = (0, _react.useState)('');
+  const dropdown = (0, _index.useDropdown)({
+    open: openProp,
+    onOpenChange,
+    placement: DEFAULT_PLACEMENT_MAP[side],
+    alignment: DEFAULT_ALIGNMENT_MAP[alignment],
+    offset: sideOffset,
+    usePanelOnMobile
+  });
+  const contentTokens = (0, _react.useMemo)(() => (0, _menuUtils.getMenuContentTokens)(tokens), [tokens]);
+  const filteredGroups = (0, _react.useMemo)(() => {
+    if (!enableSearch || !searchText) return items;
+    const filterable = items.map(g => ({
+      label: g.label,
+      items: g.items.map(_menuUtils.toFilterableItem),
+      showSeparator: g.showSeparator
+    }));
+    const filtered = (0, _dropdownFilter.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 = (0, _react.useMemo)(() => (0, _menuUtils.flattenMenuGroups)(filteredGroups), [filteredGroups]);
+  const flatRows = (0, _react.useMemo)(() => (0, _dropdownFlatten.flattenGroups)(adapterGroups), [adapterGroups]);
+  const itemTokens = (0, _react.useMemo)(() => (0, _menuUtils.getMenuItemTokens)(tokens), [tokens]);
+  const handleItemPress = (0, _react.useCallback)(item => {
+    const menuItem = item;
+    menuItem?.onClick?.();
+    if (closeOnSelect) {
+      dropdown.setOpen(false);
+    }
+  }, [closeOnSelect, dropdown]);
+
+  // Reset search when the menu closes
+  _react.default.useEffect(() => {
+    if (!dropdown.open) setSearchText('');
+  }, [dropdown.open]);
+  const triggerElement = /*#__PURE__*/_react.default.cloneElement(trigger, {
+    ref: dropdown.anchorRef,
+    onPress: dropdown.handleOpen
+  });
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [enableSearch ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.Block, {
+      paddingBottom: 8,
+      paddingLeft: 8,
+      paddingRight: 8,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DropdownSearch, {
+        value: searchText,
+        onChange: setSearchText,
+        placeholder: searchPlaceholder,
+        testID: testID
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.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__*/(0, _jsxRuntime.jsx)(_Block.Block, {
+      paddingTop: 4,
+      children: menuFooter
+    }) : null]
+  });
+  if (dropdown.shouldUseSheet) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      ref: ref,
+      testID: testID,
+      children: [triggerElement, /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheet.BottomSheet, {
+        open: dropdown.open,
+        onClose: () => dropdown.setOpen(false),
+        backgroundColor: contentTokens.backgroundColor,
+        topRadius: 16,
+        accessibilityLabel: accessibilityLabel ?? 'Menu',
+        testID: testID ? `${testID}-sheet` : undefined,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.Block, {
+          paddingTop: contentTokens.paddingTop,
+          paddingRight: contentTokens.paddingRight,
+          paddingBottom: contentTokens.paddingBottom,
+          paddingLeft: contentTokens.paddingLeft,
+          children: content
+        })
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ref: ref,
+    testID: testID,
+    children: [triggerElement, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.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
+    })]
+  });
+});
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Menu);
+Menu.displayName = 'Menu';
+//# sourceMappingURL=Menu.js.map

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () {
+    return _Menu.default;
+  }
+});
+var _Menu = _interopRequireDefault(require("./Menu.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Menu","_interopRequireDefault","require","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/Menu/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=menu.types.js.map

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

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

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

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flattenMenuGroups = flattenMenuGroups;
+exports.getMenuContentTokens = getMenuContentTokens;
+exports.getMenuItemTokens = getMenuItemTokens;
+exports.getMenuSearchableText = getMenuSearchableText;
+exports.menuItemAdapter = menuItemAdapter;
+exports.toFilterableItem = toFilterableItem;
+var _node = require("@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.
+ */
+function menuItemAdapter(item, index) {
+  const variant = item.variant === _node.MenuV2ItemVariant.ACTION ? item.actionType === _node.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`).
+ */
+function toFilterableItem(item) {
+  return {
+    primaryText: item.label.text,
+    secondaryText: item.subLabel,
+    subItems: item.subMenu?.map(toFilterableItem)
+  };
+}
+
+/** Searchable text extractor — the primary label text. */
+function getMenuSearchableText(item) {
+  return item.label.text;
+}
+
+/**
+ * Map MenuV2 tokens to the `DropdownContentTokens` shape the shared
+ * `DropdownContent` expects.
+ */
+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 === _node.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 === _node.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 === _node.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.
+ */
+function getMenuItemTokens(tokens, variant = _node.MenuV2ItemVariant.DEFAULT, actionType = _node.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`.
+ */
+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/commonjs/components/Menu/menu.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_node","require","menuItemAdapter","item","index","variant","MenuV2ItemVariant","ACTION","actionType","MenuV2ItemActionType","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/commonjs/components/Modal/Modal.js

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Modal = Modal;
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _useNativeBreakpoint = require("../../theme/useNativeBreakpoint.js");
+var _portal = require("../../overlay/portal.js");
+var _BottomSheet = require("../../overlay/sheet/BottomSheet.js");
+var _SheetScrollable = require("../../overlay/sheet/SheetScrollable.js");
+var _motion = require("../../motion/motion.js");
+var _useReduceMotion = require("../../motion/useReduceMotion.js");
+var _cssStringAdapter = require("../../adapters/cssStringAdapter.js");
+var _ModalHeader = require("./ModalHeader.js");
+var _ModalFooter = require("./ModalFooter.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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.MOTION_EASING[name];
+  return _reactNativeReanimated.Easing.bezier(x1, y1, x2, y2);
+}
+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 = (0, _useNativeTokens.useNativeTokens)('MODALV2');
+  const breakpoint = (0, _useNativeBreakpoint.useNativeBreakpoint)();
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
+  const preset = reduceMotion ? (0, _motion.reducedMotionVariant)(_motion.MOTION_PRESETS.scaleFade) : _motion.MOTION_PRESETS.scaleFade;
+
+  // Keep-mounted through the exit animation (the BottomSheet pattern).
+  const [mounted, setMounted] = (0, _react.useState)(isOpen);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  const unmount = (0, _react.useCallback)(() => setMounted(false), []);
+  (0, _react.useEffect)(() => {
+    if (isOpen) {
+      setMounted(true);
+      progress.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: preset.duration,
+        easing: bezierFor(preset.easing)
+      });
+    } else {
+      progress.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: preset.exitDuration,
+        easing: bezierFor(preset.exitEasing)
+      }, finished => {
+        if (finished) (0, _reactNativeReanimated.runOnJS)(unmount)();
+      });
+    }
+  }, [isOpen, progress, preset, unmount]);
+
+  // Android hardware back closes the dialog instead of the screen.
+  (0, _react.useEffect)(() => {
+    if (!isOpen || breakpoint === 'sm') return;
+    const subscription = _reactNative.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 = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: fromOpacity + (toOpacity - fromOpacity) * progress.value,
+    transform: [{
+      scale: fromScale + (toScale - fromScale) * progress.value
+    }]
+  }));
+  const backdropStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value
+  }));
+  const header = customHeader ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalHeader.ModalHeader, {
+    title: title,
+    subtitle: subtitle,
+    headerSlot: headerSlot,
+    showCloseButton: showCloseButton,
+    showDivider: showDivider,
+    onClose: onClose,
+    tokens: tokens,
+    testID: testID ? `${testID}-header` : undefined
+  });
+  const footer = customFooter ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalFooter.ModalFooter, {
+    primaryAction: primaryAction,
+    secondaryAction: secondaryAction,
+    showDivider: showDivider,
+    tokens: tokens,
+    testID: testID ? `${testID}-footer` : undefined
+  });
+  const bodyPadding = {
+    paddingTop: (0, _cssStringAdapter.parseDimension)(tokens.body.paddingTop),
+    paddingBottom: (0, _cssStringAdapter.parseDimension)(tokens.body.paddingBottom),
+    paddingLeft: (0, _cssStringAdapter.parseDimension)(tokens.body.paddingLeft),
+    paddingRight: (0, _cssStringAdapter.parseDimension)(tokens.body.paddingRight)
+  };
+  if (breakpoint === 'sm') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BottomSheet.BottomSheet, {
+      open: isOpen,
+      onClose: onClose,
+      backgroundColor: String(tokens.backgroundColor ?? '#FFFFFF'),
+      backdropColor: String(tokens.overlay.backgroundColor ?? 'rgba(0, 0, 0, 0.5)'),
+      topRadius: (0, _cssStringAdapter.parseDimension)(tokens.borderRadius) ?? 16,
+      dismissOnBackdropPress: closeOnBackdropClick,
+      maxHeightFraction: maxHeightFraction,
+      accessibilityLabel: title,
+      testID: testID,
+      style: style,
+      children: [showHeader ? header : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_SheetScrollable.BottomSheetScrollable, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          contentContainerStyle: [bodyPadding, {
+            backgroundColor: String(tokens.body.backgroundColor ?? 'transparent')
+          }],
+          children: children
+        })
+      }), showFooter ? footer : null]
+    });
+  }
+  if (!mounted) return null;
+  const overlayOffset = (0, _cssStringAdapter.parseDimension)(tokens.overlay.offset) ?? 16;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_portal.Portal, {
+    modal: true,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: _reactNative.StyleSheet.absoluteFill,
+        onPress: closeOnBackdropClick ? onClose : undefined
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.center, {
+        padding: overlayOffset
+      }],
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+        accessibilityViewIsModal: true,
+        onAccessibilityEscape: onClose,
+        accessibilityLabel: title,
+        testID: testID,
+        style: [{
+          backgroundColor: String(tokens.backgroundColor ?? '#FFFFFF'),
+          borderRadius: (0, _cssStringAdapter.parseDimension)(tokens.borderRadius) ?? 16,
+          overflow: 'hidden',
+          minWidth: 320,
+          maxWidth: '90%',
+          maxHeight: '90%',
+          ...dimensions
+        }, cardStyle, style],
+        children: [showHeader ? header : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          contentContainerStyle: [bodyPadding, {
+            backgroundColor: String(tokens.body.backgroundColor ?? 'transparent')
+          }],
+          children: children
+        }), showFooter ? footer : null]
+      })
+    })]
+  });
+}
+Modal.displayName = 'Modal';
+const styles = _reactNative.StyleSheet.create({
+  center: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+var _default = exports.default = Modal;
+//# sourceMappingURL=Modal.js.map