@coinbase/cds-mobile 9.1.2 → 9.2.0

package/esm/overlays/modal/__figma__/Modal.figma.js

@@ -1,74 +0,0 @@
-const _excluded = ["modalHeader", "modalFooter", "children"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/* eslint-disable react-hooks/rules-of-hooks */
-import React from 'react';
-import { useToggler } from '@coinbase/cds-common/hooks/useToggler';
-import { figma } from '@figma/code-connect';
-import { Button } from '../../../buttons';
-import { Modal } from '../Modal';
-import { ModalBody } from '../ModalBody';
-import { ModalFooter } from '../ModalFooter';
-import { ModalHeader } from '../ModalHeader';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-figma.connect(Modal, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=68-1065&m=dev', {
-  imports: ["import { Modal } from '@coinbase/cds-mobile/overlays/Modal/Modal'", "import { ModalHeader } from '@coinbase/cds-mobile/overlays/Modal/ModalHeader'", "import { ModalFooter } from '@coinbase/cds-mobile/overlays/Modal/ModalFooter'", "import { ModalBody } from '@coinbase/cds-mobile/overlays/Modal/ModalBody'", "import { useToggler } from '@coinbase/cds-common/hooks/useToggler'"],
-  props: {
-    modalHeader: figma.nestedProps('.Modal Header', {
-      // onBackButtonPress: figma.boolean('show back button', {
-      //   true: () => {},
-      //   false: undefined,
-      // }),
-      title: figma.boolean('show title', {
-        true: figma.string('title'),
-        false: undefined
-      })
-    }),
-    modalFooter: figma.nestedProps('.Modal Footer', {
-      secondaryAction: figma.boolean('show secondary', {
-        true: /*#__PURE__*/_jsx(Button, {
-          variant: "secondary",
-          children: "Button"
-        }),
-        false: undefined
-      })
-    }),
-    children: figma.instance('🔄 replace me'),
-    hideDividers: figma.enum('height defined by', {
-      content: true,
-      container: undefined
-    })
-  },
-  example: _ref => {
-    let {
-        modalHeader,
-        modalFooter,
-        children
-      } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-    const [visible, {
-      toggleOn,
-      toggleOff
-    }] = useToggler(true);
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        onPress: toggleOn,
-        children: "Open Modal"
-      }), /*#__PURE__*/_jsxs(Modal, _extends({
-        onRequestClose: toggleOff,
-        visible: visible
-      }, props, {
-        children: [/*#__PURE__*/_jsx(ModalHeader, {
-          title: modalHeader.title
-        }), /*#__PURE__*/_jsx(ModalBody, {
-          children: children
-        }), /*#__PURE__*/_jsx(ModalFooter, {
-          primaryAction: /*#__PURE__*/_jsx(Button, {
-            children: "Button"
-          }),
-          secondaryAction: modalFooter.secondaryAction
-        })]
-      }))]
-    });
-  }
-});

package/esm/overlays/tooltip/__figma__/Tooltip.figma.js

@@ -1,92 +0,0 @@
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { Button } from '../../../buttons';
-import { Text } from '../../../typography';
-import { Tooltip } from '../Tooltip';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-figma.connect(Tooltip, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=715%3A14162', {
-  imports: ["import { Tooltip } from '@coinbase/cds-mobile/overlays'", "import { Button } from '@coinbase/cds-mobile/buttons/Button'"],
-  variant: {
-    type: 'body'
-  },
-  props: {
-    content: figma.nestedProps('string.tooltip', {
-      description: figma.enum('Ready-made', {
-        Custom: figma.string('description'),
-        Congestion: figma.textContent('body-option'),
-        'Crypto prices': figma.textContent('body-option'),
-        'Exchange rate': figma.textContent('body-option'),
-        'Gain/loss': figma.textContent('body-option'),
-        'Max slippage': figma.textContent('body-option'),
-        Network: figma.textContent('body-option'),
-        'Network fee': figma.textContent('body-option'),
-        'Trading activity': figma.textContent('body-option'),
-        'Transaction estimate': figma.textContent('body-option')
-      })
-    })
-  },
-  example: _ref => {
-    let {
-      content
-    } = _ref;
-    return /*#__PURE__*/_jsx(Tooltip, {
-      content: content.description,
-      children: /*#__PURE__*/_jsx(Button, {
-        children: "Default"
-      })
-    });
-  }
-});
-figma.connect(Tooltip, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=715%3A14162', {
-  imports: ["import { Tooltip } from '@coinbase/cds-mobile/overlays'", "import { Button } from '@coinbase/cds-mobile/buttons/Button'"],
-  variant: {
-    type: 'title + body'
-  },
-  props: {
-    content: figma.nestedProps('string.tooltip', {
-      title: figma.enum('Ready-made', {
-        Custom: figma.string('title'),
-        Congestion: figma.textContent('title-option'),
-        'Crypto prices': figma.textContent('title-option'),
-        'Exchange rate': figma.textContent('title-option'),
-        'Gain/loss': figma.textContent('title-option'),
-        'Max slippage': figma.textContent('title-option'),
-        Network: figma.textContent('title-option'),
-        'Network fee': figma.textContent('title-option'),
-        'Trading activity': figma.textContent('title-option'),
-        'Transaction estimate': figma.textContent('title-option')
-      }),
-      description: figma.enum('Ready-made', {
-        Custom: figma.string('description'),
-        Congestion: figma.textContent('body-option'),
-        'Crypto prices': figma.textContent('body-option'),
-        'Exchange rate': figma.textContent('body-option'),
-        'Gain/loss': figma.textContent('body-option'),
-        'Max slippage': figma.textContent('body-option'),
-        Network: figma.textContent('body-option'),
-        'Network fee': figma.textContent('body-option'),
-        'Trading activity': figma.textContent('body-option'),
-        'Transaction estimate': figma.textContent('body-option')
-      })
-    })
-  },
-  example: _ref2 => {
-    let {
-      content
-    } = _ref2;
-    return /*#__PURE__*/_jsx(Tooltip, {
-      content: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Text, {
-          font: "headline",
-          children: content.title
-        }), /*#__PURE__*/_jsx(Text, {
-          font: "body",
-          children: content.description
-        })]
-      }),
-      children: /*#__PURE__*/_jsx(Button, {
-        children: "Default"
-      })
-    });
-  }
-});

package/esm/overlays/tray/__figma__/Tray.figma.js

@@ -1,223 +0,0 @@
-import React, { useState } from 'react';
-import { figma } from '@figma/code-connect';
-import { Button } from '../../../buttons/Button';
-import { Box, VStack } from '../../../layout';
-import { StickyFooter } from '../../../sticky-footer/StickyFooter';
-import { Text } from '../../../typography/Text';
-import { Tray } from '../Tray';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-figma.connect(Tray, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14729-33327&m=dev', {
-  imports: ["import { Tray } from '@coinbase/cds-mobile/overlays/tray/Tray'", "import { StickyFooter } from '@coinbase/cds-mobile/sticky-footer/StickyFooter'"],
-  props: {
-    title: figma.boolean('show section header', {
-      true: figma.textContent('SectionHeader'),
-      false: undefined
-    }),
-    content: figma.children('.Select Option*')
-  },
-  example: function TrayExample(_ref) {
-    let {
-      content,
-      title
-    } = _ref;
-    const [isTrayVisible, setIsTrayVisible] = useState(false);
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        onPress: () => setIsTrayVisible(true),
-        children: "Open Tray"
-      }), isTrayVisible && /*#__PURE__*/_jsx(Tray, {
-        footer: _ref2 => {
-          let {
-            handleClose
-          } = _ref2;
-          return /*#__PURE__*/_jsx(StickyFooter, {
-            background: "bgElevation2",
-            paddingX: 3,
-            children: /*#__PURE__*/_jsx(Button, {
-              block: true,
-              onPress: handleClose,
-              children: "Close"
-            })
-          });
-        },
-        handleBarVariant: "inside",
-        onCloseComplete: () => setIsTrayVisible(false),
-        title: title,
-        children: /*#__PURE__*/_jsx(VStack, {
-          paddingX: 3,
-          children: content
-        })
-      })]
-    });
-  }
-});
-figma.connect(Tray, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14729-33472&m=dev', {
-  imports: ["import { Tray } from '@coinbase/cds-mobile/overlays/tray/Tray'"],
-  props: {
-    pictogram: figma.boolean('show pictogram', {
-      true: figma.children('Spot Square/blockchain'),
-      false: undefined
-    }),
-    sectionTitle: figma.textContent('SectionHeader')
-  },
-  example: function TrayExample(_ref3) {
-    let {
-      pictogram,
-      sectionTitle
-    } = _ref3;
-    const [isTrayVisible, setIsTrayVisible] = useState(false);
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        onPress: () => setIsTrayVisible(true),
-        children: "Open Tray"
-      }), isTrayVisible && /*#__PURE__*/_jsx(Tray, {
-        accessibilityLabel: sectionTitle,
-        handleBarVariant: "inside",
-        onCloseComplete: () => setIsTrayVisible(false),
-        title: /*#__PURE__*/_jsxs(VStack, {
-          gap: 1.5,
-          children: [pictogram, /*#__PURE__*/_jsx(Text, {
-            font: "title3",
-            children: sectionTitle
-          })]
-        }),
-        children: /*#__PURE__*/_jsx(VStack, {
-          paddingX: 3,
-          children: /*#__PURE__*/_jsx(Text, {
-            color: "fgMuted",
-            font: "body",
-            paddingBottom: 2,
-            children: "Content goes here."
-          })
-        })
-      })]
-    });
-  }
-});
-figma.connect(Tray, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14729-33505&m=dev', {
-  imports: ["import { Tray } from '@coinbase/cds-mobile/overlays/tray/Tray'", "import { StickyFooter } from '@coinbase/cds-mobile/sticky-footer/StickyFooter'"],
-  props: {
-    spotRectangle: figma.instance('spot rectangle'),
-    title: figma.string('title'),
-    body: figma.string('body')
-  },
-  example: function TrayExample(_ref4) {
-    let {
-      spotRectangle,
-      title,
-      body
-    } = _ref4;
-    const [isTrayVisible, setIsTrayVisible] = useState(false);
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        onPress: () => setIsTrayVisible(true),
-        children: "Open Tray"
-      }), isTrayVisible && /*#__PURE__*/_jsx(Tray, {
-        accessibilityLabel: title,
-        footer: _ref5 => {
-          let {
-            handleClose
-          } = _ref5;
-          return /*#__PURE__*/_jsx(StickyFooter, {
-            background: "bgElevation2",
-            paddingX: 3,
-            children: /*#__PURE__*/_jsx(Button, {
-              block: true,
-              onPress: handleClose,
-              children: "Close"
-            })
-          });
-        },
-        handleBarVariant: "inside",
-        onCloseComplete: () => setIsTrayVisible(false),
-        children: /*#__PURE__*/_jsxs(VStack, {
-          paddingX: 3,
-          children: [/*#__PURE__*/_jsx(Box, {
-            alignItems: "center",
-            paddingBottom: 3,
-            children: spotRectangle
-          }), /*#__PURE__*/_jsx(Text, {
-            align: "center",
-            font: "title1",
-            paddingBottom: 2,
-            children: title
-          }), /*#__PURE__*/_jsx(Text, {
-            align: "center",
-            color: "fgMuted",
-            font: "body",
-            paddingBottom: 2,
-            children: body
-          })]
-        })
-      })]
-    });
-  }
-});
-figma.connect(Tray, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14729-33538&m=dev', {
-  imports: ["import { Tray } from '@coinbase/cds-mobile/overlays/tray/Tray'"],
-  props: {
-    children: figma.children('*')
-  },
-  example: function TrayExample(_ref6) {
-    let {
-      children
-    } = _ref6;
-    const [isTrayVisible, setIsTrayVisible] = useState(false);
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        onPress: () => setIsTrayVisible(true),
-        children: "Open Tray"
-      }), isTrayVisible && /*#__PURE__*/_jsx(Tray, {
-        handleBarVariant: "inside",
-        onCloseComplete: () => setIsTrayVisible(false),
-        title: "Title",
-        children: children
-      })]
-    });
-  }
-});
-figma.connect(Tray, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14729-77780&m=dev', {
-  imports: ["import { Tray } from '@coinbase/cds-mobile/overlays/tray/Tray'", "import { StickyFooter } from '@coinbase/cds-mobile/sticky-footer/StickyFooter'"],
-  props: {
-    content: figma.instance('content'),
-    title: figma.boolean('show section header', {
-      true: figma.textContent('SectionHeader'),
-      false: undefined
-    })
-  },
-  example: function TrayExample(_ref7) {
-    let {
-      content,
-      title
-    } = _ref7;
-    const [isTrayVisible, setIsTrayVisible] = useState(false);
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        onPress: () => setIsTrayVisible(true),
-        children: "Open Tray"
-      }), isTrayVisible && /*#__PURE__*/_jsx(Tray, {
-        footer: _ref8 => {
-          let {
-            handleClose
-          } = _ref8;
-          return /*#__PURE__*/_jsx(StickyFooter, {
-            background: "bgElevation2",
-            paddingX: 3,
-            children: /*#__PURE__*/_jsx(Button, {
-              block: true,
-              onPress: handleClose,
-              children: "Close"
-            })
-          });
-        },
-        handleBarVariant: "inside",
-        onCloseComplete: () => setIsTrayVisible(false),
-        title: title,
-        children: /*#__PURE__*/_jsx(VStack, {
-          paddingX: 3,
-          children: content
-        })
-      })]
-    });
-  }
-});

package/esm/page/__figma__/PageFooter.figma.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { Button } from '../../buttons/Button';
-import { ButtonGroup } from '../../buttons/ButtonGroup';
-import { PageFooter } from '../PageFooter';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const url = 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=17685%3A3266';
-figma.connect(PageFooter, url, {
-  imports: ["import { PageFooter } from '@coinbase/cds-mobile/page/PageFooter'", "import { Button } from '@coinbase/cds-mobile/buttons/Button'"],
-  variant: {
-    '# of actions': '1'
-  },
-  props: {
-    legalText: figma.boolean('show legal text', {
-      true: 'Your legal text here.',
-      false: undefined
-    })
-  },
-  example: _ref => {
-    let {
-      legalText
-    } = _ref;
-    return /*#__PURE__*/_jsx(PageFooter, {
-      action: /*#__PURE__*/_jsx(Button, {
-        variant: "primary",
-        children: "Next"
-      }),
-      legalText: legalText
-    });
-  }
-});
-figma.connect(PageFooter, url, {
-  imports: ["import { PageFooter } from '@coinbase/cds-mobile/page/PageFooter'", "import { Button } from '@coinbase/cds-mobile/buttons/Button'", "import { ButtonGroup } from '@coinbase/cds-mobile/buttons/ButtonGroup'"],
-  variant: {
-    '# of actions': '2'
-  },
-  props: {
-    legalText: figma.boolean('show legal text', {
-      true: 'Your legal text here.',
-      false: undefined
-    })
-  },
-  example: _ref2 => {
-    let {
-      legalText
-    } = _ref2;
-    return /*#__PURE__*/_jsx(PageFooter, {
-      action: /*#__PURE__*/_jsxs(ButtonGroup, {
-        block: true,
-        children: [/*#__PURE__*/_jsx(Button, {
-          variant: "secondary",
-          children: "Back"
-        }), /*#__PURE__*/_jsx(Button, {
-          variant: "primary",
-          children: "Next"
-        })]
-      }),
-      legalText: legalText
-    });
-  }
-});

package/esm/page/__figma__/PageHeader.figma.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { Button, IconButton } from '../../buttons';
-import { HStack } from '../../layout';
-import { PageHeader } from '../PageHeader';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-figma.connect(PageHeader, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=17685%3A3171', {
-  imports: ["import { PageHeader } from '@coinbase/cds-mobile/page/PageHeader'", "import { HStack } from '@coinbase/cds-mobile/layout/HStack'"],
-  props: {
-    start: figma.boolean('show start', {
-      true: figma.enum('type', {
-        L1: figma.children('Logo*'),
-        L2: /*#__PURE__*/_jsx(IconButton, {
-          compact: true,
-          name: "backArrow",
-          variant: "secondary"
-        })
-      }),
-      false: undefined
-    }),
-    title: figma.boolean('stepper', {
-      true: 'Stepper',
-      false: figma.boolean('show page title', {
-        true: 'Page title',
-        false: undefined
-      })
-    })
-  },
-  example: _ref => {
-    let {
-      title,
-      start
-    } = _ref;
-    return /*#__PURE__*/_jsx(PageHeader, {
-      end: /*#__PURE__*/_jsxs(HStack, {
-        children: [/*#__PURE__*/_jsx(Button, {
-          compact: true,
-          transparent: true,
-          flush: "start",
-          variant: "primary",
-          children: "Button"
-        }), /*#__PURE__*/_jsx(IconButton, {
-          compact: true,
-          transparent: true,
-          name: "externalLink",
-          variant: "secondary"
-        }), /*#__PURE__*/_jsx(IconButton, {
-          compact: true,
-          transparent: true,
-          name: "close",
-          variant: "secondary"
-        })]
-      }),
-      start: start,
-      title: title
-    });
-  }
-});

package/esm/perf/component-config/Button.component-config.perf-test.js

@@ -1,35 +0,0 @@
-import { measurePerformance } from 'reassure';
-import { Button } from '../../buttons/Button';
-import { ComponentConfigProvider } from '../../system/ComponentConfigProvider';
-import { DefaultThemeProvider } from '../../utils/testHelpers';
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const buttonCount = 1000;
-const ButtonList = () => {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: Array.from({
-      length: buttonCount
-    }, (_, index) => /*#__PURE__*/_jsx(Button, {
-      children: "Child"
-    }, index))
-  });
-};
-describe('Button component-config performance (mobile)', () => {
-  jest.setTimeout(20000);
-  it('no provider', async () => {
-    await measurePerformance(/*#__PURE__*/_jsx(DefaultThemeProvider, {
-      children: /*#__PURE__*/_jsx(ButtonList, {})
-    }));
-  });
-  it('provider customization', async () => {
-    await measurePerformance(/*#__PURE__*/_jsx(DefaultThemeProvider, {
-      children: /*#__PURE__*/_jsx(ComponentConfigProvider, {
-        value: {
-          Button: {
-            compact: true
-          }
-        },
-        children: /*#__PURE__*/_jsx(ButtonList, {})
-      })
-    }));
-  });
-});

package/esm/perf/component-config/ComponentConfigProvider.perf-test.js

@@ -1,147 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import { Pressable, Text } from 'react-native';
-import { fireEvent, screen } from '@testing-library/react-native';
-import { measurePerformance } from 'reassure';
-import { useComponentConfig } from '../../hooks/useComponentConfig';
-import { ComponentConfigProvider } from '../../system/ComponentConfigProvider';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const consumerCount = 1000;
-const updateIterations = 50;
-const testTimeoutMs = 20000;
-const stableButtonConfig = () => ({
-  compact: true
-});
-const stableAvatarConfig = () => ({});
-const ButtonConfigConsumer = _ref => {
-  let {
-    index
-  } = _ref;
-  const mergedProps = useComponentConfig('Button', {
-    compact: false,
-    variant: 'primary'
-  });
-  return /*#__PURE__*/_jsx(Text, {
-    testID: "consumer-" + index,
-    children: mergedProps.compact ? 'compact' : 'default'
-  });
-};
-const ButtonConfigConsumerList = _ref2 => {
-  let {
-    count
-  } = _ref2;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: Array.from({
-      length: count
-    }, (_, index) => /*#__PURE__*/_jsx(ButtonConfigConsumer, {
-      index: index
-    }, index))
-  });
-};
-const UnrelatedKeyUpdateHarness = _ref3 => {
-  let {
-    count
-  } = _ref3;
-  const [unrelatedUpdates, setUnrelatedUpdates] = useState(0);
-  const value = useMemo(() => ({
-    Avatar: () => unrelatedUpdates % 2 === 0 ? {} : {},
-    Button: stableButtonConfig
-  }), [unrelatedUpdates]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Pressable, {
-      onPress: () => setUnrelatedUpdates(v => v + 1),
-      testID: "update-unrelated-key",
-      children: /*#__PURE__*/_jsx(Text, {
-        children: "Update unrelated key"
-      })
-    }), /*#__PURE__*/_jsx(ComponentConfigProvider, {
-      value: value,
-      children: /*#__PURE__*/_jsx(ButtonConfigConsumerList, {
-        count: count
-      })
-    })]
-  });
-};
-const TargetKeyUpdateHarness = _ref4 => {
-  let {
-    count
-  } = _ref4;
-  const [targetUpdates, setTargetUpdates] = useState(0);
-  const value = useMemo(() => ({
-    Avatar: stableAvatarConfig,
-    Button: () => ({
-      compact: targetUpdates % 2 === 0
-    })
-  }), [targetUpdates]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Pressable, {
-      onPress: () => setTargetUpdates(v => v + 1),
-      testID: "update-target-key",
-      children: /*#__PURE__*/_jsx(Text, {
-        children: "Update target key"
-      })
-    }), /*#__PURE__*/_jsx(ComponentConfigProvider, {
-      value: value,
-      children: /*#__PURE__*/_jsx(ButtonConfigConsumerList, {
-        count: count
-      })
-    })]
-  });
-};
-describe('ComponentConfigProvider performance tests (mobile)', () => {
-  jest.setTimeout(testTimeoutMs);
-  beforeAll(() => {
-    jest.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterAll(() => {
-    jest.restoreAllMocks();
-  });
-  it('Scenario A: renders 1000 consumers under one provider', async () => {
-    await measurePerformance(/*#__PURE__*/_jsx(ComponentConfigProvider, {
-      value: {
-        Button: stableButtonConfig
-      },
-      children: /*#__PURE__*/_jsx(ButtonConfigConsumerList, {
-        count: consumerCount
-      })
-    }));
-  });
-  it('Scenario B: updates unrelated component key 50 times', async () => {
-    const scenario = async () => {
-      for (let i = 0; i < updateIterations; i += 1) {
-        fireEvent.press(screen.getByTestId('update-unrelated-key'));
-      }
-    };
-    await measurePerformance(/*#__PURE__*/_jsx(UnrelatedKeyUpdateHarness, {
-      count: consumerCount
-    }), {
-      scenario
-    });
-  });
-  it('Scenario C: updates target component key 50 times', async () => {
-    const scenario = async () => {
-      for (let i = 0; i < updateIterations; i += 1) {
-        fireEvent.press(screen.getByTestId('update-target-key'));
-      }
-    };
-    await measurePerformance(/*#__PURE__*/_jsx(TargetKeyUpdateHarness, {
-      count: consumerCount
-    }), {
-      scenario
-    });
-  });
-  it('Scenario D (baseline): no provider with 1000 consumers', async () => {
-    await measurePerformance(/*#__PURE__*/_jsx(ButtonConfigConsumerList, {
-      count: consumerCount
-    }));
-  });
-  it('Scenario D (provider): provider enabled with 1000 consumers', async () => {
-    await measurePerformance(/*#__PURE__*/_jsx(ComponentConfigProvider, {
-      value: {
-        Button: stableButtonConfig
-      },
-      children: /*#__PURE__*/_jsx(ButtonConfigConsumerList, {
-        count: consumerCount
-      })
-    }));
-  });
-});