Initial commit

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;
+}
+