Initial commit

sources/design/components/experimental/ActionSheetDragHandle/native/ActionSheetDragHandle.native.tsx

@@ -0,0 +1,64 @@
+/* Metro module 8563; source: design/components/experimental/ActionSheetDragHandle/native/ActionSheetDragHandle.native.tsx; dependencies: [31, 27, 8555, 33, 4501, 697, 1244, 4017, 2] */
+function _fun67821(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67821, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8748:6, offset: 0x01c32e6e, size: 355 bytes, params: 8, frame: 24
+    var object2;
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    let value = importAll(31) /* metro dependency 31 */;
+    const value2 = require(27) /* metro dependency 27 */;
+    const env0_3 = value2.TouchableWithoutFeedback;
+    const env0_4 = value2.View;
+    const {DRAG_HANDLE_BAR_HEIGHT, DRAG_HANDLE_PADDING,
+        DRAG_HANDLE_HEIGHT} = require(8555) /* metro dependency 8555: ActionSheetDragHandleConstants */;
+    const env0_5 = (require(33) /* metro dependency 33 */).jsx;
+    const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = createStylesModule.createStyles;
+    object2 = {};
+    object2.container = {height: DRAG_HANDLE_HEIGHT};
+    object2.containerOverlay = {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0};
+    object2.handle = {alignItems: 'center', paddingVertical: DRAG_HANDLE_PADDING};
+    const object3 = {};
+    const ICON_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.ICON_MUTED;
+    object3.backgroundColor = ICON_MUTED;
+    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
+    object3.height = DRAG_HANDLE_BAR_HEIGHT;
+    object3.width = 31;
+    object2.bar = object3;
+    const env0_6 = Reflect.apply(createStyles, createStylesModule, [object2]);
+    value = value.memo(_fun67822);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/ActionSheetDragHandle/native/ActionSheetDragHandle.native.tsx');
+    exports.ActionSheetDragHandle = value;
+}
+
+function _fun67822(a0) { // fn#67822, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8748:512, offset: 0x01c32fd1, size: 310 bytes, params: 2, frame: 23
+    var r6;
+    var intl;
+    const onPress = a0.onPress;
+    const overlay = a0.overlay;
+    const accessibilityLabel = a0.accessibilityLabel;
+    if (accessibilityLabel !== undefined) {
+        r6 = accessibilityLabel;
+    } else {
+        intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+        r6 = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.WAI6xu);
+    }
+    const animatedBarStyles = a0.animatedBarStyles;
+    const property = a0['aria-hidden'];
+    const styles = useStyles();
+    const value2 = null;
+    return (
+        <TouchableWithoutFeedback
+            style={[styles.container, value2 != overlay ? styles.containerOverlay : value2]}
+            accessibilityLabel={r6}
+            accessibilityRole="button"
+            {...{['aria-hidden']: property}}
+            onPress={onPress}
+        >
+            <View style={styles.handle}>
+                {value2 != animatedBarStyles ? ((View) => <View style={[styles.bar,
+                    animatedBarStyles]} />)((importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View) : <View style={styles.bar} />}
+            </View>
+        </TouchableWithoutFeedback>
+    );
+}
+

sources/design/components/experimental/ActionSheetDragHandle/native/ActionSheetDragHandleConstants.tsx

@@ -0,0 +1,13 @@
+/* Metro module 8555; source: design/components/experimental/ActionSheetDragHandle/native/ActionSheetDragHandleConstants.tsx; dependencies: [697, 2] */
+function _fun67798(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67798, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8740:6, offset: 0x01c31a0c, size: 146 bytes, params: 8, frame: 18
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
+    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    const value = 2 * PX_8 + PX_4;
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/ActionSheetDragHandle/native/ActionSheetDragHandleConstants.tsx');
+    exports.DRAG_HANDLE_BAR_HEIGHT = PX_4;
+    exports.DRAG_HANDLE_PADDING = PX_8;
+    exports.DRAG_HANDLE_HEIGHT = value;
+}
+

sources/design/components/experimental/BackgroundBlurView/native/BackgroundBlurFill.native.tsx

@@ -0,0 +1,169 @@
+/* Metro module 7977; source: design/components/experimental/BackgroundBlurView/native/BackgroundBlurFill.native.tsx; dependencies: [31, 27, 33, 697, 4000, 3868, 3860, 4564, 4563, 4017, 4577, 4581, 2] */
+function _fun63476(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#63476, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:6, offset: 0x01b81735, size: 453 bytes, params: 8, frame: 20
+    const env0_0 = require;
+    const useBlurTheme = function(a0) {
+        return a0 ?? require(dependencyMap[5]).useThemeContext().theme;
+    };
+    const useBlurFallback = function(a0, a1) {
+        var value = a1;
+        var moduleValue = require(dependencyMap[6]);
+        var BACKGROUND_SCRIM = importDefault(dependencyMap[3]).colors.BACKGROUND_SCRIM;
+        return value ?? moduleValue.useToken(BACKGROUND_SCRIM, a0);
+    };
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importAll(31) /* metro dependency 31 */;
+    const env0_4 = (require(27) /* metro dependency 27 */).StyleSheet;
+    const env0_5 = (require(33) /* metro dependency 33 */).jsx;
+    const BLACK = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BLACK;
+    const env0_6 = (require(4000) /* metro dependency 4000: ColorUtils */).hexWithOpacity(BLACK, 0);
+    const env0_7 = (require(4000) /* metro dependency 4000: ColorUtils */).hexWithOpacity(BLACK, 0.2);
+    const env0_8 = (require(4000) /* metro dependency 4000: ColorUtils */).hexWithOpacity(BLACK, 0.4);
+    const env0_9 = (require(4000) /* metro dependency 4000: ColorUtils */).hexWithOpacity(BLACK, 0.5);
+    object = {code: "function BackgroundBlurFillNativeTsx1(){const{withSpring,interpolateColor,pressed,fallbackColor,fallbackColorPressed,ON_PRESS_SPRING}=this.__closure;return{backgroundColor:withSpring(interpolateColor(pressed.get(),[0,1],[fallbackColor,fallbackColorPressed]),ON_PRESS_SPRING,'animate-always')};}"};
+    object = {code: "function BackgroundBlurFillNativeTsx2(){const{shouldUseFallback,withSpring,interpolateColor,pressed,blurTint,blurTintPressed,ON_PRESS_SPRING}=this.__closure;return{blurTintRgba:shouldUseFallback?undefined:withSpring(interpolateColor(pressed.get(),[0,1],[blurTint,blurTintPressed]),ON_PRESS_SPRING,'animate-always')};}"};
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/BackgroundBlurView/native/BackgroundBlurFill.native.tsx');
+    const BlurTheme = (require(4564) /* metro dependency 4564: VisualEffectView */).BlurTheme;
+    exports.BlurTheme = BlurTheme;
+    const BlurStyle = (require(4564) /* metro dependency 4564: VisualEffectView */).BlurStyle;
+    exports.BlurStyle = BlurStyle;
+    exports.BackgroundBlurFill = BackgroundBlurFill;
+    exports.BackgroundBlurFillAnimated = BackgroundBlurFillAnimated;
+    exports.BackgroundBlurFillWithPress = BackgroundBlurFillWithPress;
+}
+
+function useBlurStyle(a0, a1) { // fn#63478, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:379, offset: 0x01b81931, size: 54 bytes, params: 3, frame: 15
+    const value = a1;
+    const env0_0 = a0;
+    return value ?? env0_3.useMemo(_fun63479, [a0]);
+}
+
+function useBlurTintRgba(a0, a1) { // fn#63480, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:487, offset: 0x01b81982, size: 54 bytes, params: 3, frame: 15
+    const value = a1;
+    const env0_0 = a0;
+    return value ?? env0_3.useMemo(_fun63481, [a0]);
+}
+
+function BackgroundBlurFill({style, blurTheme, blurStyle, blurAmount, blurTintRgba, android_fallbackColor, android_blurTargetViewNativeId}) { // fn#63483, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:1577, offset: 0x01b81a6c, size: 178 bytes, params: 2, frame: 22
+    const value2 = useBlurTheme(blurTheme);
+    return ((Component) => <Component blurTheme={value2} blurStyle={useBlurStyle(value2,
+        blurStyle)} blurAmount={blurAmount} blurTintRgba={useBlurTintRgba(value2,
+        blurTintRgba)} android_fallbackColor={useBlurFallback(value2,
+        android_fallbackColor)} android_blurTargetViewNativeId={android_blurTargetViewNativeId} style={[StyleSheet.absoluteFill,
+        style]} />)(importDefault(4564) /* metro dependency 4564: VisualEffectView */);
+}
+
+function BackgroundBlurFillAnimated({style, blurTheme, blurStyle, blurAmount, blurTintRgba, android_fallbackColor, android_blurTargetViewNativeId, animatedProps}) { // fn#63484, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:1991, offset: 0x01b81b1e, size: 213 bytes, params: 2, frame: 23
+    const value2 = useBlurTheme(blurTheme);
+    return ((Component) => <Component blurTheme={value2} blurStyle={useBlurStyle(value2,
+        blurStyle)} blurAmount={blurAmount} blurTintRgba={useBlurTintRgba(value2,
+        blurTintRgba)} android_fallbackColor={useBlurFallback(value2,
+        android_fallbackColor)} android_blurTargetViewNativeId={android_blurTargetViewNativeId} style={[StyleSheet.absoluteFill,
+        style]} {...animatedProps != null && ({animatedProps: animatedProps})} />)(importDefault(4563) /* metro dependency 4563: VisualEffectViewAnimated */);
+}
+
+function BackgroundBlurFillWithPress(a0) { // fn#63485, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:2460, offset: 0x01b81bf3, size: 667 bytes, params: 2, frame: 32
+    const style = a0.style;
+    const blurTheme = a0.blurTheme;
+    const pressed = a0.pressed;
+    const object4 = {'style': 0, 'blurTheme': 0, 'pressed': 0};
+    silentSetPrototypeOf(object4, null, undefined);
+    let value = copyDataProperties({}, a0, object4, undefined);
+    const value3 = useBlurTheme(blurTheme);
+    const value4 = useBlurStyle(value3, undefined);
+    const value5 = value3 === 'light';
+    const r16 = value5 ? env0_6 : env0_8;
+    const r15 = value5 ? env0_7 : env0_9;
+    const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
+    let useToken = useTokenModule.useToken;
+    const BACKGROUND_SCRIM = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SCRIM;
+    const value6 = Reflect.apply(useToken, useTokenModule, [BACKGROUND_SCRIM, value3]);
+    const moduleValue2 = useTokenModule;
+    useToken = moduleValue2.useToken;
+    const BACKGROUND_SCRIM_LIGHTBOX = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SCRIM_LIGHTBOX;
+    const value7 = Reflect.apply(useToken, moduleValue2, [BACKGROUND_SCRIM_LIGHTBOX, value3]);
+    value = (require(4564) /* metro dependency 4564: VisualEffectView */).isBlurDisabled(value);
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
+    let closure = BackgroundBlurFillWithPressT;
+    const object5 = {};
+    object5.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
+    object5.interpolateColor = reanimatedRexportModule.interpolateColor;
+    object5.pressed = pressed;
+    object5.fallbackColor = value6;
+    object5.fallbackColorPressed = value7;
+    const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
+    object5.ON_PRESS_SPRING = ON_PRESS_SPRING;
+    closure.__closure = object5;
+    closure.__workletHash = 10497618157620;
+    closure.__initData = env0_10;
+    const value8 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
+    const moduleValue5 = reanimatedRexportModule;
+    const useAnimatedProps = moduleValue5.useAnimatedProps;
+    closure = BackgroundBlurFillWithPressP;
+    const object6 = {shouldUseFallback: value};
+    object6.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
+    object6.interpolateColor = reanimatedRexportModule.interpolateColor;
+    object6.pressed = pressed;
+    object6.blurTint = r16;
+    object6.blurTintPressed = r15;
+    object6.ON_PRESS_SPRING = ON_PRESS_SPRING;
+    closure.__closure = object6;
+    closure.__workletHash = 3902745666351;
+    closure.__initData = env0_11;
+    return ((Component) => <Component blurTheme={value3} blurStyle={value4} style={[StyleSheet.absoluteFill, style,
+        value ? value8 : {}]} {...!value && ({animatedProps: Reflect.apply(useAnimatedProps, moduleValue5,
+        [closure])})} />)(importDefault(4563) /* metro dependency 4563: VisualEffectViewAnimated */);
+}
+
+function _fun63479() { // fn#63479, offset: 0x01b81967, size: 27 bytes, params: 1, frame: 3
+    return env0_0 !== 'light' ? 'ultra-thin' : 'default';
+}
+
+function _fun63481() { // fn#63481, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:534, offset: 0x01b819b8, size: 99 bytes, params: 1, frame: 13
+    var r0;
+    var value;
+    if (env0_0 === 'light') {
+        value = environment.__proto__;
+        value = (require(4000) /* metro dependency 4000: ColorUtils */).hexToRgbaString(env1_6);
+        r0 = value;
+    } else {
+        value = environment.__proto__;
+        value = (require(4000) /* metro dependency 4000: ColorUtils */).hexToRgbaString(env1_8);
+        r0 = value;
+    }
+    return r0;
+}
+
+function BackgroundBlurFillWithPressT() { // fn#63486, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:2798, owner: BackgroundBlurFillWithPress.T, offset: 0x01b81e8e, size: 140 bytes, params: 1, frame: 22
+    let value = environment.__proto__;
+    value = require(4577) /* metro dependency 4577: spring */;
+    const withSpring = value.withSpring;
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const value4 = reanimatedRexportModule.interpolateColor(pressed.get(), [0, 1], [env0_3, env0_4]);
+    const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
+    return {backgroundColor: Reflect.apply(withSpring, value, [value4, ON_PRESS_SPRING, 'animate-always'])};
+}
+
+function BackgroundBlurFillWithPressP() { // fn#63487, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:3199, owner: BackgroundBlurFillWithPress.p, offset: 0x01b81f1a, size: 153 bytes, params: 1, frame: 23
+    var r1;
+    var value3;
+    var moduleValue;
+    var withSpring;
+    var moduleValue2;
+    var value;
+    if (env0_5) {
+        r1 = undefined;
+    } else {
+        value3 = environment.__proto__;
+        moduleValue = require(4577) /* metro dependency 4577: spring */;
+        withSpring = moduleValue.withSpring;
+        moduleValue2 = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+        value = moduleValue2.interpolateColor(pressed.get(), [0, 1], [env0_1, env0_2]);
+        value = Reflect.apply(withSpring, moduleValue, [value,
+            (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING, 'animate-always']);
+        r1 = value;
+    }
+    return {blurTintRgba: r1};
+}
+

sources/design/components/experimental/BackgroundBlurView/native/BackgroundBlurView.native.tsx

@@ -0,0 +1,39 @@
+/* Metro module 7976; source: design/components/experimental/BackgroundBlurView/native/BackgroundBlurView.native.tsx; dependencies: [31, 27, 33, 4501, 7977, 2] */
+function _fun63474(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#63474, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8154:6, offset: 0x01b81551, size: 212 bytes, params: 8, frame: 20
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    let value = importAll(31) /* metro dependency 31 */;
+    const env0_2 = (require(27) /* metro dependency 27 */).View;
+    const value2 = require(33) /* metro dependency 33 */;
+    const env0_3 = value2.jsx;
+    const env0_4 = value2.jsxs;
+    const env0_5 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({container: {'position': 'relative',
+        'overflow': 'hidden'}});
+    value = value.forwardRef(BackgroundBlurViewComponent);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/BackgroundBlurView/native/BackgroundBlurView.native.tsx');
+    exports.BackgroundBlurView = value;
+}
+
+function BackgroundBlurViewComponent(a0, a1) { // fn#63475, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8154:244, offset: 0x01b81625, size: 272 bytes, params: 3, frame: 23
+    const children = a0.children;
+    const style = a0.style;
+    const blurTheme = a0.blurTheme;
+    const pressed = a0.pressed;
+    const android_blurTargetViewNativeId = a0.android_blurTargetViewNativeId;
+    const object2 = {'children': 0, 'style': 0, 'blurTheme': 0, 'pressed': 0, 'android_blurTargetViewNativeId': 0};
+    silentSetPrototypeOf(object2, null, undefined);
+    const value = copyDataProperties({}, a0, object2, undefined);
+    const styles = useStyles();
+    return (
+        <View
+            {...value}
+            {...{['style']: [styles.container, style]}}
+            {...{['ref']: a1}}
+        >
+            {pressed != null ? ((BackgroundBlurFillWithPress) => <BackgroundBlurFillWithPress blurTheme={blurTheme} pressed={pressed} android_blurTargetViewNativeId={android_blurTargetViewNativeId} />)((require(7977) /* metro dependency 7977: BackgroundBlurFillNative */).BackgroundBlurFillWithPress) : ((BackgroundBlurFill) => <BackgroundBlurFill blurTheme={blurTheme} android_blurTargetViewNativeId={android_blurTargetViewNativeId} />)((require(7977) /* metro dependency 7977: BackgroundBlurFillNative */).BackgroundBlurFill)}
+            {children}
+        </View>
+    );
+}
+

sources/design/components/experimental/Button/native/CollapsibleFloatingActionButton.native.tsx

@@ -0,0 +1,113 @@
+/* Metro module 8560; source: design/components/experimental/Button/native/CollapsibleFloatingActionButton.native.tsx; dependencies: [31, 33, 4582, 4501, 4017, 4577, 4581, 4579, 8561, 697, 2] */
+function _fun67809(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67809, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8745:6, offset: 0x01c32372, size: 274 bytes, params: 8, frame: 21
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importAll(31) /* metro dependency 31 */;
+    const env0_4 = (require(33) /* metro dependency 33 */).jsx;
+    let value = require(4582) /* metro dependency 4582: ButtonConstantsNative */;
+    const getButtonPadding = value.getButtonPadding;
+    const FAB_BUTTON_SIZE = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).FAB_BUTTON_SIZE;
+    const FAB_BUTTON_ICON_SIZE = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).FAB_BUTTON_ICON_SIZE;
+    value = Reflect.apply(getButtonPadding, value, [FAB_BUTTON_SIZE, FAB_BUTTON_ICON_SIZE]);
+    const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({textButtonPill: {paddingHorizontal: 20,
+        paddingVertical: value}});
+    object = {code: "function CollapsibleFloatingActionButtonNativeTsx1(){const{FAB_BUTTON_SIZE,withSpring,interpolate,collapseText,FAB_PADDING_HORIZONTAL,FAB_PADDING_VERTICAL,SUBTLE_SPRING}=this.__closure;return{minWidth:FAB_BUTTON_SIZE,minHeight:FAB_BUTTON_SIZE,paddingHorizontal:withSpring(interpolate(collapseText.get(),[0,1],[FAB_PADDING_HORIZONTAL,FAB_PADDING_VERTICAL]),SUBTLE_SPRING,'animate-always'),paddingVertical:FAB_PADDING_VERTICAL};}"};
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/Button/native/CollapsibleFloatingActionButton.native.tsx');
+    exports.CollapsibleFloatingActionButton = CollapsibleFloatingActionButton;
+}
+
+function CollapsableButton(a0) { // fn#67810, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8745:722, offset: 0x01c32484, size: 347 bytes, params: 2, frame: 23
+    const state = a0.state;
+    const style = a0.style;
+    const value = Object.create(null);
+    value.state = 0;
+    value.style = 0;
+    const value2 = copyDataProperties({}, a0, value, undefined);
+    const collapseText = state.collapseText;
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
+    const closure = CollapsableButtonB;
+    const object2 = {};
+    const FAB_BUTTON_SIZE = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).FAB_BUTTON_SIZE;
+    object2.FAB_BUTTON_SIZE = FAB_BUTTON_SIZE;
+    object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
+    object2.interpolate = reanimatedRexportModule.interpolate;
+    object2.collapseText = collapseText;
+    object2.FAB_PADDING_HORIZONTAL = 20;
+    object2.FAB_PADDING_VERTICAL = env0_5;
+    const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
+    object2.SUBTLE_SPRING = SUBTLE_SPRING;
+    closure.__closure = object2;
+    closure.__workletHash = 5958377845220;
+    closure.__initData = env0_7;
+    const value4 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
+    const BaseTextButton = (require(4579) /* metro dependency 4579: BaseTextButtonNative */).BaseTextButton;
+    return (
+        <BaseTextButton
+            {...value2}
+            {...{['size']: 'lg'}}
+            {...{['variant']: 'primary'}}
+            {...{['textVariant']: 'text-md/semibold'}}
+            {...{['collapseText']: collapseText}}
+            {...{['style']: style}}
+            {...{['pillStyle']: value4}}
+        />
+    );
+}
+
+function CollapsibleFloatingActionButton(a0) { // fn#67812, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8745:1605, offset: 0x01c3269d, size: 476 bytes, params: 2, frame: 29
+    var r6;
+    var r0;
+    var cloneElement;
+    var object4;
+    const icon = a0.icon;
+    const positionBottom = a0.positionBottom;
+    const positionRight = a0.positionRight;
+    const text = a0.text;
+    const state = a0.state;
+    const object5 = {'icon': 0, 'positionBottom': 0, 'positionRight': 0, 'text': 0, 'state': 0};
+    silentSetPrototypeOf(object5, null, undefined);
+    let value = copyDataProperties({}, a0, object5, undefined);
+    const styles = useStyles();
+    const styles2 = (require(8561) /* metro dependency 8561: FloatingActionButtonNative */).useStyles();
+    let binding = env0_3;
+    if (binding.isValidElement(icon)) {
+        binding = env0_3;
+        cloneElement = binding.cloneElement;
+        object4 = {};
+        object4.color = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
+        r6 = Reflect.apply(cloneElement, binding, [icon, object4]);
+    } else {
+        r6 = icon;
+    }
+    const object6 = {position: 'absolute'};
+    object6.right = positionRight ?? (require(8561) /* metro dependency 8561: FloatingActionButtonNative */).DEFAULT_POSITION_OFFSET;
+    object6.bottom = positionBottom ?? (require(8561) /* metro dependency 8561: FloatingActionButtonNative */).DEFAULT_POSITION_OFFSET;
+    const items2 = [styles2.button, object6];
+    if (state != null) {
+        value = <CollapsableButton {...value} {...{['state']: state}} {...{['text']: text}} {...{['style']: items2}} {...{['icon']: r6}} />;
+        r0 = value;
+    } else {
+        const BaseTextButton = (require(4579) /* metro dependency 4579: BaseTextButtonNative */).BaseTextButton;
+        value = <BaseTextButton {...value} {...{['text']: text}} {...{['size']: 'lg'}} {...{['variant']: 'primary'}} {...{['textVariant']: 'text-md/semibold'}} {...{['icon']: r6}} {...{['style']: items2}} {...{['pillStyle']: styles.textButtonPill}} />;
+        r0 = value;
+    }
+    return r0;
+}
+
+function CollapsableButtonB() { // fn#67811, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8745:827, owner: CollapsableButton.B, offset: 0x01c325df, size: 190 bytes, params: 1, frame: 22
+    const object2 = {};
+    const FAB_BUTTON_SIZE = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).FAB_BUTTON_SIZE;
+    object2.minWidth = FAB_BUTTON_SIZE;
+    object2.minHeight = FAB_BUTTON_SIZE;
+    const springModule = require(4577) /* metro dependency 4577: spring */;
+    const withSpring = springModule.withSpring;
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const value4 = reanimatedRexportModule.interpolate(collapseText.get(), [0, 1], [20, env1_5]);
+    const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
+    object2.paddingHorizontal = Reflect.apply(withSpring, springModule, [value4, SUBTLE_SPRING, 'animate-always']);
+    object2.paddingVertical = env1_5;
+    return object2;
+}
+

sources/design/components/experimental/Button/native/CollapsibleFloatingActionButtonState.native.tsx

@@ -0,0 +1,64 @@
+/* Metro module 8562; source: design/components/experimental/Button/native/CollapsibleFloatingActionButtonState.native.tsx; dependencies: [31, 4017, 2] */
+function _fun67817(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67817, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8747:6, offset: 0x01c32c4a, size: 143 bytes, params: 8, frame: 18
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_2 = importAll(31) /* metro dependency 31 */;
+    object = {code: 'function CollapsibleFloatingActionButtonStateNativeTsx1({nativeEvent:nativeEvent}){const{initialScrollStart,previousOffset,MINIMUM_SCROLL_DISTANCE_TO_CLOSE,collapseText,SCROLL_OFFSET_THRESHOLD}=this.__closure;if(nativeEvent==null)return;const{contentOffset:{y:currentOffset},contentSize:{height:contentHeight},layoutMeasurement:{height:layoutHeight}}=nativeEvent;if(currentOffset<initialScrollStart)return;const contentHeightAsOffset=currentOffset+layoutHeight;if(contentHeightAsOffset>contentHeight)return;const offsetChanged=currentOffset-previousOffset.get();if(currentOffset<MINIMUM_SCROLL_DISTANCE_TO_CLOSE){collapseText.set(0);}else{if(Math.abs(offsetChanged)>SCROLL_OFFSET_THRESHOLD){collapseText.set(offsetChanged<0?0:1);}}previousOffset.set(currentOffset);}'};
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/Button/native/CollapsibleFloatingActionButtonState.native.tsx');
+    exports.useCollapsibleFloatingActionButtonState = useCollapsibleFloatingActionButtonState;
+    exports.useCollapsibleFloatingActionButtonScroll = useCollapsibleFloatingActionButtonScroll;
+}
+
+function useCollapsibleFloatingActionButtonState() { // fn#67818, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8747:1056, offset: 0x01c32cd9, size: 47 bytes, params: 1, frame: 12
+    const object2 = {};
+    object2.collapseText = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0);
+    return object2;
+}
+
+function useCollapsibleFloatingActionButtonScroll({collapseText}) { // fn#67819, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8747:1198, offset: 0x01c32d08, size: 180 bytes, params: 2, frame: 19
+    const value = a1;
+    const r6 = value !== undefined ? value : 0;
+    const value2 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(r6);
+    const binding = value2;
+    const useCallback = binding.useCallback;
+    const closure = useCollapsibleFloatingActionButtonScrollS;
+    closure.__closure = {initialScrollStart: r6, previousOffset: value2, MINIMUM_SCROLL_DISTANCE_TO_CLOSE: 10,
+        collapseText: collapseText, SCROLL_OFFSET_THRESHOLD: 10};
+    closure.__workletHash = 10435259247914;
+    closure.__initData = env0_3;
+    return Reflect.apply(useCallback, binding, [closure, [r6, value2, collapseText]]);
+}
+
+function useCollapsibleFloatingActionButtonScrollS({nativeEvent}) { // fn#67820, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8747:1329, owner: useCollapsibleFloatingActionButtonScroll.s, offset: 0x01c32dbc, size: 178 bytes, params: 2, frame: 15
+    var y;
+    var binding;
+    var value2;
+    var Math;
+    var collapseTextBinding;
+    var value3;
+    var value4;
+    if (nativeEvent != null) {
+        y = nativeEvent.contentOffset.y;
+        if (!(y < env0_1)) {
+            if (!(y + nativeEvent.layoutMeasurement.height > nativeEvent.contentSize.height)) {
+                binding = env0_2;
+                value2 = y - binding.get();
+                if (y < 10) {
+                    collapseText.set(0);
+                } else {
+                    Math = global.Math;
+                    if (Math.abs(value2) > 10) {
+                        collapseTextBinding = collapseText;
+                        value3 = 1;
+                        value4 = 0;
+                        collapseTextBinding.set(value2 < value4 ? value4 : value3);
+                    }
+                }
+                binding = env0_2;
+                binding.set(y);
+            }
+        }
+    }
+}
+

sources/design/components/experimental/Button/native/HeaderButton.native.tsx

@@ -0,0 +1,36 @@
+/* Metro module 8557; source: design/components/experimental/Button/native/HeaderButton.native.tsx; dependencies: [31, 33, 4582, 4573, 4501, 4579, 2] */
+function _fun67803(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67803, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8742:6, offset: 0x01c31ca8, size: 287 bytes, params: 8, frame: 22
+    const env0_0 = require;
+    const closure = HeaderButton;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    const env0_2 = (require(33) /* metro dependency 33 */).jsx;
+    const SMALL_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_HEIGHT;
+    const BUTTON_BORDER_WIDTH = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).BUTTON_BORDER_WIDTH;
+    let value = SMALL_BUTTON_HEIGHT - 2 * BUTTON_BORDER_WIDTH;
+    const TextStyleSheet = (require(4573) /* metro dependency 4573: Text */).TextStyleSheet;
+    value -= TextStyleSheet['heading-md/bold'].lineHeight;
+    const env0_4 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({pill: {paddingVertical: value / 2}});
+    const BaseTextButton = (require(4579) /* metro dependency 4579: BaseTextButtonNative */).BaseTextButton;
+    const Icon = BaseTextButton.Icon;
+    closure.Icon = Icon;
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/Button/native/HeaderButton.native.tsx');
+    exports.HeaderButton = closure;
+}
+
+function HeaderButton(a0) { // fn#67804, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8742:290, offset: 0x01c31dc7, size: 127 bytes, params: 2, frame: 16
+    const styles = useStyles();
+    const BaseTextButton = (require(4579) /* metro dependency 4579: BaseTextButtonNative */).BaseTextButton;
+    return (
+        <BaseTextButton
+            accessibilityRole="header"
+            {...a0}
+            {...{['pillStyle']: styles.pill}}
+            {...{['size']: 'sm'}}
+            {...{['textVariant']: env0_3}}
+            {...{['variant']: 'secondary-overlay'}}
+        />
+    );
+}
+

sources/design/components/experimental/Button/native/InputButton.native.tsx

@@ -0,0 +1,80 @@
+/* Metro module 8558; source: design/components/experimental/Button/native/InputButton.native.tsx; dependencies: [29, 31, 27, 33, 4501, 697, 4582, 6992, 4579, 2] */
+function _fun67805(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67805, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8743:6, offset: 0x01c31e46, size: 308 bytes, params: 8, frame: 23
+    var object2;
+    const env0_0 = require;
+    const env0_2 = ['size', 'isRound', 'text', 'value', 'icon', 'iconPosition', 'accessibilityLabel',
+        'accessibilityValue', 'maxFontSizeMultiplier'];
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importDefault(29) /* metro dependency 29 */;
+    let value = importAll(31) /* metro dependency 31 */;
+    const env0_4 = (require(27) /* metro dependency 27 */).Text;
+    const env0_5 = (require(33) /* metro dependency 33 */).jsx;
+    const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = createStylesModule.createStyles;
+    object2 = {buttonText: {'flexGrow': 1, 'flexShrink': 1, 'width': '100%'}};
+    const INPUT_PLACEHOLDER_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.INPUT_PLACEHOLDER_TEXT_DEFAULT;
+    object2.buttonTextPlaceholder = {color: INPUT_PLACEHOLDER_TEXT_DEFAULT};
+    const REDESIGN_BUTTON_TERTIARY_TEXT = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_BUTTON_TERTIARY_TEXT;
+    object2.buttonTextValue = {color: REDESIGN_BUTTON_TERTIARY_TEXT};
+    const env0_6 = Reflect.apply(createStyles, createStylesModule, [object2]);
+    value = value.forwardRef(_fun67806);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/Button/native/InputButton.native.tsx');
+    exports.InputButton = value;
+}
+
+function _fun67806(a0, a1) { // fn#67806, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8743:510, offset: 0x01c31f7a, size: 550 bytes, params: 3, frame: 28
+    var r12;
+    const size = a0.size;
+    let value = 'lg';
+    const value2 = undefined;
+    const r17 = value2 === size ? value : size;
+    const isRound = a0.isRound;
+    const r11 = value2 !== isRound && isRound;
+    const text = a0.text;
+    value = a0.value;
+    const icon = a0.icon;
+    const iconPosition = a0.iconPosition;
+    const value3 = 'start';
+    const r15 = value2 === iconPosition ? value3 : iconPosition;
+    const accessibilityLabel = a0.accessibilityLabel;
+    const accessibilityValue = a0.accessibilityValue;
+    const maxFontSizeMultiplier = a0.maxFontSizeMultiplier;
+    const r10 = value2 !== maxFontSizeMultiplier ? maxFontSizeMultiplier : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).BUTTON_DEFAULT_MAX_FONT_SIZE_MULTIPLIER;
+    const value6 = env0_3(a0, env0_2);
+    const inputFieldContainerNativeModule = require(6992) /* metro dependency 6992: InputFieldContainerNative */;
+    const useInputStyles = inputFieldContainerNativeModule.useInputStyles;
+    let object2 = {size: r17, isRound: r11};
+    const value7 = value3 === r15;
+    object2.hasLeadingIcon = value7;
+    const value8 = Reflect.apply(useInputStyles, inputFieldContainerNativeModule, [object2]);
+    const styles = useStyles();
+    if (icon != null) {
+        object2 = {};
+        if (value7) {
+            object2.paddingStart = value8.leadingIcon.paddingEnd;
+            r12 = object2;
+        } else {
+            object2.paddingEnd = value8.trailingIcon.paddingStart;
+            r12 = object2;
+        }
+    } else {
+        r12 = {};
+    }
+    const BaseTextButton = (require(4579) /* metro dependency 4579: BaseTextButtonNative */).BaseTextButton;
+    const baseTextButtonProps = {...value6};
+    baseTextButtonProps['ref'] = a1;
+    baseTextButtonProps['size'] = r17;
+    baseTextButtonProps['variant'] = 'tertiary';
+    baseTextButtonProps['icon'] = icon;
+    baseTextButtonProps['iconPosition'] = r15;
+    baseTextButtonProps['pillStyle'] = [value8.padding, value8.radius];
+    baseTextButtonProps['accessibilityLabel'] = accessibilityLabel ?? (text == null ? value2 : text.toString());
+    baseTextButtonProps['accessibilityValue'] = accessibilityValue ?? ({text: value});
+    value = <Text style={[value8.text, styles.buttonText,
+        value != null ? styles.buttonTextValue : styles.buttonTextPlaceholder,
+        r12]} numberOfLines={1} maxFontSizeMultiplier={r10}>{value ?? text}</Text>;
+    baseTextButtonProps['textElement'] = value;
+    return <BaseTextButton {...baseTextButtonProps} />;
+}
+

sources/design/components/experimental/Button/native/PressableScale.native.tsx

@@ -0,0 +1,33 @@
+/* Metro module 8559; source: design/components/experimental/Button/native/PressableScale.native.tsx; dependencies: [29, 31, 27, 33, 4017, 4583, 2] */
+function _fun67807(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67807, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8744:6, offset: 0x01c321a0, size: 220 bytes, params: 8, frame: 19
+    const env0_0 = require;
+    const env0_2 = ['style'];
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importDefault(29) /* metro dependency 29 */;
+    let value = importAll(31) /* metro dependency 31 */;
+    const Pressable = (require(27) /* metro dependency 27 */).Pressable;
+    const env0_4 = (require(33) /* metro dependency 33 */).jsx;
+    const env0_5 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(Pressable);
+    value = value.forwardRef(_fun67808);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/Button/native/PressableScale.native.tsx');
+    exports.PressableScale = value;
+}
+
+function _fun67808(a0, a1) { // fn#67808, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8744:219, offset: 0x01c3227c, size: 246 bytes, params: 3, frame: 25
+    const style = a0.style;
+    let scaleAmountInPx = a0.scaleAmountInPx;
+    scaleAmountInPx = scaleAmountInPx === undefined ? 8 : scaleAmountInPx;
+    const onLayout = a0.onLayout;
+    const onPressIn = a0.onPressIn;
+    const onPressOut = a0.onPressOut;
+    const object2 = {'style': 0, 'scaleAmountInPx': 0, 'onLayout': 0, 'onPressIn': 0, 'onPressOut': 0};
+    silentSetPrototypeOf(object2, null, undefined);
+    const value = copyDataProperties({}, a0, object2, onPressIn);
+    const value4 = (require(4583) /* metro dependency 4583: ButtonHooksNative */).useButtonPressAnimationProps((require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0),
+        scaleAmountInPx, onLayout, onPressIn, onPressOut);
+    return ((Component) => <Component {...env0_3(value4,
+        env0_2)} {...value} {...{['ref']: a1}} {...{['accessibilityRole']: 'button'}} {...{['style']: [value4.style,
+        style]}} />)(env0_5);
+}
+

sources/design/components/experimental/Button/native/TwinButtons.native.tsx

@@ -0,0 +1,35 @@
+/* Metro module 8556; source: design/components/experimental/Button/native/TwinButtons.native.tsx; dependencies: [31, 27, 33, 4501, 697, 4584, 4578, 2] */
+function _fun67799(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67799, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8741:6, offset: 0x01c31a9e, size: 196 bytes, params: 8, frame: 18
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importAll(31) /* metro dependency 31 */;
+    const env0_4 = (require(27) /* metro dependency 27 */).View;
+    const env0_5 = (require(33) /* metro dependency 33 */).jsx;
+    const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun67800);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/Button/native/TwinButtons.native.tsx');
+    exports.TwinButtons = TwinButtons;
+}
+
+function _fun67800(a0) { // fn#67800, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8741:159, offset: 0x01c31b62, size: 92 bytes, params: 2, frame: 14
+    const space = (importDefault(697) /* metro dependency 697: native */).space;
+    return {container: {flexDirection: a0 ? 'column' : 'row', gap: a0 ? space.PX_8 : space.PX_12}, button: {flex: 1}};
+}
+
+function TwinButtons({children}) { // fn#67801, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8741:387, offset: 0x01c31bbe, size: 131 bytes, params: 2, frame: 17
+    const styles = useStyles((require(4584) /* metro dependency 4584: useFontScale */).useFontScale() > 1.2);
+    const Children = env0_3.Children;
+    return (
+        <View style={styles.container}>
+            {Children.map(children, _fun67802)}
+        </View>
+    );
+}
+
+function _fun67802(a0) { // fn#67802, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8741:519, offset: 0x01c31c41, size: 103 bytes, params: 2, frame: 17
+    const value = environment.__proto__;
+    const isValidElement2 = env1_3.isValidElement(a0);
+    const value2 = null;
+    return isValidElement2 ? a0.type !== (require(4578) /* metro dependency 4578: ButtonNative */).Button ? value2 : <View style={styles.button}>{a0}</View> : value2;
+}
+

sources/design/components/experimental/Pressables/native/AnimatedPressableHighlight.native.tsx

@@ -0,0 +1,57 @@
+/* Metro module 6240; source: design/components/experimental/Pressables/native/AnimatedPressableHighlight.native.tsx; dependencies: [31, 27, 33, 4017, 5278, 6241, 3860, 697, 477, 2] */
+function _fun49330(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#49330, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6418:6, offset: 0x011f61dd, size: 239 bytes, params: 8, frame: 19
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importAll(31) /* metro dependency 31 */;
+    const env0_4 = (require(27) /* metro dependency 27 */).Pressable;
+    const env0_5 = (require(33) /* metro dependency 33 */).jsx;
+    let value = importDefault(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const createAnimatedComponent = value.createAnimatedComponent;
+    const PressableHighlight = (require(5278) /* metro dependency 5278: Pressables */).PressableHighlight;
+    const env0_6 = Reflect.apply(createAnimatedComponent, value, [PressableHighlight]);
+    value = require(477) /* metro dependency 477: PlatformUtils */;
+    const r1 = value.isAndroid() ? AnimatedPressableHighlightAndroid : AnimatedPressableHighlightiOS;
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/Pressables/native/AnimatedPressableHighlight.native.tsx');
+    exports.AnimatedPressableHighlight = r1;
+}
+
+function AnimatedPressableHighlightAndroid(a0) { // fn#49331, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6418:228, offset: 0x011f62cc, size: 199 bytes, params: 2, frame: 21
+    const children = a0.children;
+    const value = Object.create(null);
+    value.children = 0;
+    const value2 = copyDataProperties({}, a0, value, undefined);
+    const value4 = undefined;
+    const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
+    const useToken = useTokenModule.useToken;
+    const MOBILE_ANDROID_BUTTON_BACKGROUND_RIPPLE = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_ANDROID_BUTTON_BACKGROUND_RIPPLE;
+    const value5 = Reflect.apply(useToken, useTokenModule, [MOBILE_ANDROID_BUTTON_BACKGROUND_RIPPLE]);
+    const binding = env0_3;
+    const useMemo = binding.useMemo;
+    const androidRippleConfig = value2.androidRippleConfig;
+    return (
+        <Pressable
+            android_ripple={Reflect.apply(useMemo, binding, [_fun49332, [value5,
+                androidRippleConfig == null ? value4 : androidRippleConfig.cornerRadius]])}
+            {...value2}
+        >
+            {children}
+        </Pressable>
+    );
+}
+
+function AnimatedPressableHighlightiOS(a0) { // fn#49333, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6418:604, offset: 0x011f63cf, size: 169 bytes, params: 2, frame: 20
+    const children = a0.children;
+    const value = Object.create(null);
+    value.children = 0;
+    const value2 = copyDataProperties({}, a0, value, undefined);
+    const {onPressIn, onPressOut,
+        pressableStyles} = (require(6241) /* metro dependency 6241: useIOSPressEffects */).useIOSPressEffects(4);
+    return ((Component) => <Component accessibilityRole="button" onPressIn={onPressIn} onPressOut={onPressOut} {...value2} {...{['style']: [pressableStyles,
+        value2.style]}}>{children}</Component>)(env0_6);
+}
+
+function _fun49332() { // fn#49332, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6418:384, offset: 0x011f6393, size: 60 bytes, params: 1, frame: 5
+    return {color: env0_1, cornerRadius: env0_0.androidRippleConfig?.cornerRadius ?? 12};
+}
+

sources/design/components/experimental/native.tsx

@@ -0,0 +1,45 @@
+/* Metro module 8554; source: design/components/experimental/native.tsx; dependencies: [8555, 2, 8556, 8557, 8558, 8559, 8560, 8562, 7976, 7977, 6240, 8563] */
+function _fun67797(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67797, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8739:6, offset: 0x01c31814, size: 504 bytes, params: 8, frame: 18
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const DRAG_HANDLE_HEIGHT = (require(8555) /* metro dependency 8555: ActionSheetDragHandleConstants */).DRAG_HANDLE_HEIGHT;
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/native.tsx');
+    const TwinButtons = (require(8556) /* metro dependency 8556: TwinButtonsNative */).TwinButtons;
+    exports.TwinButtons = TwinButtons;
+    const HeaderButton = (require(8557) /* metro dependency 8557: HeaderButtonNative */).HeaderButton;
+    exports.HeaderButton = HeaderButton;
+    const HeaderButtonProps = (require(8557) /* metro dependency 8557: HeaderButtonNative */).HeaderButtonProps;
+    exports.HeaderButtonProps = HeaderButtonProps;
+    const InputButton = (require(8558) /* metro dependency 8558: InputButtonNative */).InputButton;
+    exports.InputButton = InputButton;
+    const InputButtonProps = (require(8558) /* metro dependency 8558: InputButtonNative */).InputButtonProps;
+    exports.InputButtonProps = InputButtonProps;
+    const PressableScale = (require(8559) /* metro dependency 8559: PressableScaleNative */).PressableScale;
+    exports.PressableScale = PressableScale;
+    const PressableScaleProps = (require(8559) /* metro dependency 8559: PressableScaleNative */).PressableScaleProps;
+    exports.PressableScaleProps = PressableScaleProps;
+    const CollapsibleFloatingActionButton = (require(8560) /* metro dependency 8560: CollapsibleFloatingActionButtonNative */).CollapsibleFloatingActionButton;
+    exports.CollapsibleFloatingActionButton = CollapsibleFloatingActionButton;
+    const CollapsibleFloatingActionButtonProps = (require(8560) /* metro dependency 8560: CollapsibleFloatingActionButtonNative */).CollapsibleFloatingActionButtonProps;
+    exports.CollapsibleFloatingActionButtonProps = CollapsibleFloatingActionButtonProps;
+    const useCollapsibleFloatingActionButtonState = (require(8562) /* metro dependency 8562: CollapsibleFloatingActionButtonStateNative */).useCollapsibleFloatingActionButtonState;
+    exports.useCollapsibleFloatingActionButtonState = useCollapsibleFloatingActionButtonState;
+    const useCollapsibleFloatingActionButtonScroll = (require(8562) /* metro dependency 8562: CollapsibleFloatingActionButtonStateNative */).useCollapsibleFloatingActionButtonScroll;
+    exports.useCollapsibleFloatingActionButtonScroll = useCollapsibleFloatingActionButtonScroll;
+    const BackgroundBlurView = (require(7976) /* metro dependency 7976: BackgroundBlurViewNative */).BackgroundBlurView;
+    exports.BackgroundBlurView = BackgroundBlurView;
+    const BackgroundBlurFill = (require(7977) /* metro dependency 7977: BackgroundBlurFillNative */).BackgroundBlurFill;
+    exports.BackgroundBlurFill = BackgroundBlurFill;
+    const BackgroundBlurFillAnimated = (require(7977) /* metro dependency 7977: BackgroundBlurFillNative */).BackgroundBlurFillAnimated;
+    exports.BackgroundBlurFillAnimated = BackgroundBlurFillAnimated;
+    const BlurTheme = (require(7977) /* metro dependency 7977: BackgroundBlurFillNative */).BlurTheme;
+    exports.BlurTheme = BlurTheme;
+    const BlurStyle = (require(7977) /* metro dependency 7977: BackgroundBlurFillNative */).BlurStyle;
+    exports.BlurStyle = BlurStyle;
+    const AnimatedPressableHighlight = (require(6240) /* metro dependency 6240: AnimatedPressableHighlightNative */).AnimatedPressableHighlight;
+    exports.AnimatedPressableHighlight = AnimatedPressableHighlight;
+    const ActionSheetDragHandle = (require(8563) /* metro dependency 8563: ActionSheetDragHandleNative */).ActionSheetDragHandle;
+    exports.ActionSheetDragHandle = ActionSheetDragHandle;
+    exports.ACTION_SHEET_DRAG_HANDLE_HEIGHT = DRAG_HANDLE_HEIGHT;
+}
+