@proulr/sdui-components 0.1.12 → 0.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "main": "./src/renderer/index.ts",
   "types": "./src/renderer/index.ts",
   "exports": {

package/src/renderer/blocks/SduiDiscoverBlocks.tsx

@@ -126,6 +126,11 @@ export function SduiDiscoverProfileCardBlock({ block, data, onAction }: SduiBloc
           <Text style={styles.newBadgeText}>Novo</Text>
         </View>
       ) : null}
+      {person.traveling ? (
+        <View style={[styles.travelBadge, person.has_new_media ? styles.travelBadgeOffset : null]}>
+          <Text style={styles.travelBadgeText}>Viajando</Text>
+        </View>
+      ) : null}
       <View style={styles.profileInfo}>
         <Text style={styles.profileName} numberOfLines={1}>
           {person.display_name ?? 'Alguém'}
@@ -394,6 +399,19 @@ const styles = StyleSheet.create({
     borderRadius: m3Shape.cornerSmall,
   },
   newBadgeText: { color: m3Colors.onPrimary, fontSize: 11, fontWeight: '700' },
+  travelBadge: {
+    position: 'absolute',
+    top: spacing.sm,
+    right: spacing.sm,
+    backgroundColor: m3Colors.secondaryContainer,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: m3Shape.cornerSmall,
+  },
+  travelBadgeOffset: {
+    top: spacing.sm + 24,
+  },
+  travelBadgeText: { color: m3Colors.onSecondaryContainer, fontSize: 11, fontWeight: '700' },
   profileInfo: { position: 'absolute', left: spacing.sm, bottom: spacing.sm, right: spacing.sm },
   profileName: { color: colors.white, fontSize: 13, fontWeight: '700' },
   distRow: { flexDirection: 'row', alignItems: 'center', gap: 6, marginTop: 2 },

package/src/renderer/lib/discover-profile-formatters.ts

@@ -9,6 +9,7 @@ export type DiscoverNearbyProfileWire = {
   last_seen?: string | null;
   is_creator?: boolean | null;
   has_new_media?: boolean | null;
+  traveling?: boolean | null;
 };
 
 export type DiscoverGridProfileItemWire = {
@@ -38,7 +39,17 @@ export function profileAgeFromBirthDate(birthDate: string | null | undefined): n
   return age >= 0 ? age : null;
 }
 
-export function formatDistanceLabel(distanceM: number): string {
+export function formatDistanceLabel(
+  distanceM: number,
+  unit: 'metric' | 'imperial' = 'metric',
+): string {
+  if (unit === 'imperial') {
+    const feet = distanceM * 3.28084;
+    if (feet < 528) return `${Math.round(feet)} ft`;
+    const miles = distanceM / 1609.34;
+    return miles < 10 ? `${miles.toFixed(1)} mi` : `${Math.round(miles)} mi`;
+  }
+
   if (distanceM < 1000) return `${Math.round(distanceM)} m`;
   const km = distanceM / 1000;
   return km < 10 ? `${km.toFixed(1)} km` : `${Math.round(km)} km`;

package/src/renderer/ui/compose-pill-input.tsx

@@ -235,6 +235,10 @@ export type ComposePillInputProps = {
   /** Bare row without pill chrome — text field only grows inline (ex.: comentários). */
   bare?: boolean;
   rowAlignItems?: 'center' | 'flex-end';
+  textInputProps?: Omit<
+    ComposePillTextFieldProps,
+    'value' | 'onChangeText' | 'variant' | 'maxLines' | 'inputRef' | 'layout' | 'editable'
+  >;
 };
 
 function composePillVariantColors(variant: ComposePillVariant) {
@@ -378,6 +382,7 @@ export function ComposePillInput({
   transparentWrap = false,
   bare = false,
   rowAlignItems = bare ? 'center' : 'flex-end',
+  textInputProps,
 }: ComposePillInputProps) {
   const layout = useComposePillLineLayout(value, { maxLines });
   const { isMultiline, pillHeight, resetLineCount } = layout;
@@ -406,6 +411,7 @@ export function ComposePillInput({
       onBlur={onBlur}
       editable={!disabled}
       style={bare ? styles.bareInput : undefined}
+      {...textInputProps}
     />
   );