yeet

modules/premium/native/components/LinkButton.tsx

@@ -0,0 +1,27 @@
+// Metro module 6556 (f6557).
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
+import { Text } from "../../../../design/components/Text/native/Text";
+const useStyles = createStyles({
+  defaultContainerStyle: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  disabledContainerStyle: {
+    opacity: 0.5
+  }
+});
+export function LinkButton(props) {
+  const { onPress, text, containerStyle, disabled, textStyle, variant = "text-xs/medium", textColor = "text-link", iconRight } = props;
+  const styles = useStyles();
+  return <PressableOpacity style={[styles.defaultContainerStyle, disabled && styles.disabledContainerStyle, containerStyle]} hitSlop={{
+    top: 8,
+    right: 8,
+    bottom: 8
+  }} accessibilityRole="button" activeOpacity={0.2} disabled={disabled} onPress={onPress}>
+    <Text style={textStyle} variant={variant} color={textColor}>{text}</Text>
+    {iconRight}
+  </PressableOpacity>;
+}

modules/premium/native/components/PillText.tsx

@@ -0,0 +1,24 @@
+// Metro module 12465 (f12466).
+import { HorizontalGradient } from "../../../../Constants";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import usePremiumPrimaryGradientColors from "../usePremiumPrimaryGradientColors";
+import Module4611 from "../../../../_bundle/Module4611";
+import { Text } from "../../../../design/components/Text/native/Text";
+const useStyles = createStyles({
+  pillTextContainer: {
+    paddingHorizontal: 8,
+    borderRadius: Module712.radii.lg,
+    justifyContent: "center"
+  },
+  pillText: {
+    textTransform: "uppercase"
+  }
+});
+export default function PillText(props) {
+  const { pillText, style } = props;
+  const styles = useStyles();
+  return <Module4611 style={[styles.pillTextContainer, style]} start={HorizontalGradient.START} end={HorizontalGradient.END} colors={usePremiumPrimaryGradientColors()}>
+    <Text variant="text-xs/semibold" color="text-overlay-light" style={styles.pillText}>{pillText}</Text>
+  </Module4611>;
+};

modules/premium/native/components/ProgressCircle.tsx

@@ -0,0 +1,56 @@
+// Metro module 11685 (f11686).
+import { Component } from "react";
+import { View } from "react-native";
+import { createLegacyClassComponentStyles } from "../../../../design/components/Styles/native/createStyles";
+import { ThemeContext } from "../../../../_bundle/Module3901";
+import Module712 from "../../../../_bundle/Module712";
+import Module8531, { Circle } from "../../../../_bundle/Module8531";
+const styles = createLegacyClassComponentStyles({
+  progressCircle: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  circle: {
+    position: "absolute",
+    width: "100%",
+    height: "100%"
+  },
+  circleOverlay: {
+    position: "relative",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+class ProgressCircle extends Component {
+  static contextType = ThemeContext;
+  static defaultProps = {
+    size: 20,
+    strokeWidth: 0.9,
+    color: Module712.unsafe_rawColors.GUILD_BOOSTING_PINK
+  };
+  renderCircle() {
+    const r17 = styles(this.context);
+    const props = this.props;
+    const { percent, color, size, strokeWidth } = props;
+    const r31 = Math.min(Math.max(percent, 0), 100);
+    const r2 = (size - strokeWidth) / 2;
+    const strokeDasharray = r2 * Math.PI * 2;
+    return <Module8531 viewBox={`0 0 ${size} ${size}`} style={r17.circle}>
+      <Circle fill="none" cx={size / 2} cy={size / 2} r={r2} strokeWidth={strokeWidth} strokeLinecap="round" transform={`rotate(-90 ${size / 2} ${size / 2})`} stroke={color} style={{
+        strokeDasharray,
+        strokeDashoffset: (1 - r31 / 100) * strokeDasharray
+      }} />
+    </Module8531>;
+  }
+  render() {
+    const r10 = styles(this.context);
+    const props = this.props;
+    const { style, children } = props;
+    return <View style={[r10.progressCircle, style]}>
+      {this.renderCircle()}
+      {children != null ? <View style={r10.circleOverlay}>{children}</View> : null}
+    </View>;
+  }
+}
+export default ProgressCircle;