@oxyhq/services 11.0.0 → 11.1.0

package/lib/module/ui/screens/LanguageSelectorScreen.js

@@ -1,24 +1,31 @@
 "use strict";
 
 import React, { useState, useMemo, useCallback } from 'react';
-import { View, Text, StyleSheet, ScrollView, Platform } from 'react-native';
+import { View, StyleSheet, ScrollView } from 'react-native';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { normalizeTheme } from '@oxyhq/core';
 import { Ionicons } from '@expo/vector-icons';
 import { toast } from '@oxyhq/bloom';
-import Header from "../components/Header.js";
+import { H1, Text } from '@oxyhq/bloom/typography';
+import { SearchInput } from '@oxyhq/bloom/search-input';
 import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
+import Header from "../components/Header.js";
 import { useI18n } from "../hooks/useI18n.js";
 import { SUPPORTED_LANGUAGES } from '@oxyhq/core';
 import { useOxy } from "../context/OxyContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Size (in dp) of the circular flag chip rendered as each row's leading icon.
+const FLAG_CHIP_SIZE = 40;
+// Selected-row check indicator size (dp).
+const CHECK_ICON_SIZE = 24;
+
 /**
  * LanguageSelectorScreen - Optimized for performance
- * 
+ *
  * Performance optimizations:
- * - useMemo for language items to prevent recreation on every render
+ * - useMemo for the filtered language list to prevent recreation on every render
  * - useCallback for handlers to prevent unnecessary re-renders
- * - Memoized current language section
+ * - Memoized component to prevent unnecessary re-renders
  */
 const LanguageSelectorScreen = ({
   goBack,
@@ -39,6 +46,7 @@ const LanguageSelectorScreen = ({
   const bloomTheme = useTheme();
   const normalizedTheme = normalizeTheme(theme);
   const [isLoading, setIsLoading] = useState(false);
+  const [query, setQuery] = useState('');
 
   // Memoize the language select handler to prevent recreation on every render
   const handleLanguageSelect = useCallback(async languageId => {
@@ -90,35 +98,16 @@ const LanguageSelectorScreen = ({
     }
   }, [currentLanguage, isLoading, isAuthenticated, user?.id, oxyServices, setLanguage, t, onClose, goBack]);
 
-  // Memoize language items to prevent recreation on every render
-  const languageItems = useMemo(() => SUPPORTED_LANGUAGES.map(language => {
-    const isSelected = currentLanguage === language.id;
-    return {
-      id: language.id,
-      title: language.name,
-      description: language.nativeName,
-      icon: /*#__PURE__*/_jsx(View, {
-        style: [styles.languageFlag, {
-          backgroundColor: `${language.color}15`
-        }],
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.flagEmoji,
-          children: language.flag
-        })
-      }),
-      onPress: () => handleLanguageSelect(language.id),
-      rightElement: isSelected ? /*#__PURE__*/_jsx(Ionicons, {
-        name: "checkmark-circle",
-        size: 24,
-        color: bloomTheme.colors.primary
-      }) : undefined,
-      showChevron: false
-    };
-  }), [currentLanguage, handleLanguageSelect, bloomTheme]);
+  // Filter the supported languages by the search query (name + native name).
+  const filteredLanguages = useMemo(() => {
+    const normalized = query.trim().toLowerCase();
+    if (!normalized) {
+      return SUPPORTED_LANGUAGES;
+    }
+    return SUPPORTED_LANGUAGES.filter(language => language.name.toLowerCase().includes(normalized) || language.nativeName.toLowerCase().includes(normalized));
+  }, [query]);
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
+    className: "flex-1 bg-bg",
     children: [/*#__PURE__*/_jsx(Header, {
       title: "",
       subtitle: "",
@@ -127,85 +116,73 @@ const LanguageSelectorScreen = ({
       variant: "minimal",
       elevation: "none"
     }), /*#__PURE__*/_jsxs(ScrollView, {
-      style: styles.content,
-      contentContainerStyle: styles.contentContainer,
+      className: "flex-1",
+      contentContainerClassName: "px-screen-margin pt-space-24 pb-space-24",
       showsVerticalScrollIndicator: false,
       removeClippedSubviews: true,
+      keyboardShouldPersistTaps: "handled",
       children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.titleContainer,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.bigTitle, {
-            color: bloomTheme.colors.text
-          }],
+        className: "mb-space-16",
+        children: [/*#__PURE__*/_jsx(H1, {
+          className: "text-text",
+          style: styles.bigTitle,
           children: t('language.title')
-        }), t('language.subtitle') && /*#__PURE__*/_jsx(Text, {
-          style: [styles.bigSubtitle, {
-            color: bloomTheme.colors.textSecondary
-          }],
+        }), t('language.subtitle') ? /*#__PURE__*/_jsx(Text, {
+          className: "text-text-secondary mt-space-2",
+          style: styles.bigSubtitle,
           children: t('language.subtitle')
-        })]
+        }) : null]
       }), /*#__PURE__*/_jsx(View, {
-        style: styles.sectionContainer,
-        children: /*#__PURE__*/_jsx(View, {
-          style: [styles.materialCard, {
-            backgroundColor: bloomTheme.colors.card
-          }],
-          children: /*#__PURE__*/_jsx(SettingsListGroup, {
-            children: languageItems.map(item => /*#__PURE__*/_jsx(SettingsListItem, {
-              icon: item.icon,
-              title: item.title,
-              description: item.description,
-              onPress: item.onPress,
-              rightElement: item.rightElement,
-              showChevron: false
-            }, item.id))
-          })
+        className: "mb-space-16",
+        children: /*#__PURE__*/_jsx(SearchInput, {
+          value: query,
+          onChangeText: setQuery,
+          onClearText: () => setQuery(''),
+          label: t('language.search') || 'Search languages'
+        })
+      }), /*#__PURE__*/_jsx(SettingsListGroup, {
+        children: filteredLanguages.map(language => {
+          const isSelected = currentLanguage === language.id;
+          return /*#__PURE__*/_jsx(SettingsListItem, {
+            icon: /*#__PURE__*/_jsx(View, {
+              className: "bg-fill-secondary items-center justify-center",
+              style: styles.languageFlag,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.flagEmoji,
+                children: language.flag
+              })
+            }),
+            title: language.name,
+            description: language.nativeName,
+            onPress: () => handleLanguageSelect(language.id),
+            rightElement: isSelected ? /*#__PURE__*/_jsx(Ionicons, {
+              name: "checkmark-circle",
+              size: CHECK_ICON_SIZE,
+              color: bloomTheme.colors.primary
+            }) : undefined,
+            showChevron: false
+          }, language.id);
         })
       })]
     })]
   });
 };
+
+// StyleSheet retained ONLY for measured layout (sizes / line metrics) — no colors.
 const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  content: {
-    flex: 1
-  },
-  contentContainer: {
-    padding: 16,
-    paddingTop: 24
-  },
-  titleContainer: {
-    marginBottom: 32,
-    paddingTop: 0
-  },
   bigTitle: {
     fontSize: 34,
-    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
     lineHeight: 40,
-    marginBottom: 8,
     letterSpacing: -0.5
   },
   bigSubtitle: {
     fontSize: 16,
-    lineHeight: 22,
-    opacity: 0.7,
-    marginTop: 4
-  },
-  sectionContainer: {
-    marginBottom: 8
-  },
-  materialCard: {
-    borderRadius: 12,
-    overflow: 'hidden'
+    lineHeight: 22
   },
   languageFlag: {
-    width: 40,
-    height: 40,
-    borderRadius: 20,
-    alignItems: 'center',
-    justifyContent: 'center'
+    width: FLAG_CHIP_SIZE,
+    height: FLAG_CHIP_SIZE,
+    borderRadius: FLAG_CHIP_SIZE / 2
   },
   flagEmoji: {
     fontSize: 20

package/lib/module/ui/screens/LanguageSelectorScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useMemo","useCallback","View","Text","StyleSheet","ScrollView","Platform","useTheme","normalizeTheme","Ionicons","toast","Header","SettingsListGroup","SettingsListItem","useI18n","SUPPORTED_LANGUAGES","useOxy","jsx","_jsx","jsxs","_jsxs","LanguageSelectorScreen","goBack","onClose","theme","user","currentLanguage","setLanguage","oxyServices","isAuthenticated","t","bloomTheme","normalizedTheme","isLoading","setIsLoading","handleLanguageSelect","languageId","serverSyncFailed","id","updateProfile","language","e","__DEV__","console","warn","Error","message","selectedLang","find","lang","success","name","error","languageItems","map","isSelected","title","description","nativeName","icon","style","styles","languageFlag","backgroundColor","color","children","flagEmoji","flag","onPress","rightElement","size","colors","primary","undefined","showChevron","container","background","subtitle","onBack","variant","elevation","content","contentContainerStyle","contentContainer","showsVerticalScrollIndicator","removeClippedSubviews","titleContainer","bigTitle","text","bigSubtitle","textSecondary","sectionContainer","materialCard","card","item","create","flex","padding","paddingTop","marginBottom","fontSize","fontWeight","OS","lineHeight","letterSpacing","opacity","marginTop","borderRadius","overflow","width","height","alignItems","justifyContent","memo"],"sourceRoot":"../../../../src","sources":["ui/screens/LanguageSelectorScreen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useMemo","useCallback","View","StyleSheet","ScrollView","useTheme","normalizeTheme","Ionicons","toast","H1","Text","SearchInput","SettingsListGroup","SettingsListItem","Header","useI18n","SUPPORTED_LANGUAGES","useOxy","jsx","_jsx","jsxs","_jsxs","FLAG_CHIP_SIZE","CHECK_ICON_SIZE","LanguageSelectorScreen","goBack","onClose","theme","user","currentLanguage","setLanguage","oxyServices","isAuthenticated","t","bloomTheme","normalizedTheme","isLoading","setIsLoading","query","setQuery","handleLanguageSelect","languageId","serverSyncFailed","id","updateProfile","language","e","__DEV__","console","warn","Error","message","selectedLang","find","lang","success","name","error","filteredLanguages","normalized","trim","toLowerCase","filter","includes","nativeName","className","children","title","subtitle","onBack","variant","elevation","contentContainerClassName","showsVerticalScrollIndicator","removeClippedSubviews","keyboardShouldPersistTaps","style","styles","bigTitle","bigSubtitle","value","onChangeText","onClearText","label","map","isSelected","icon","languageFlag","flagEmoji","flag","description","onPress","rightElement","size","color","colors","primary","undefined","showChevron","create","fontSize","lineHeight","letterSpacing","width","height","borderRadius","memo"],"sourceRoot":"../../../../src","sources":["ui/screens/LanguageSelectorScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/LearnMoreUsernamesScreen.js

@@ -1,228 +1,126 @@
 "use strict";
 
-import { useState, useCallback, useMemo } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
+import { useCallback, useState } from 'react';
+import { View, ScrollView, StyleSheet } from 'react-native';
 import { useTheme } from '@oxyhq/bloom/theme';
+import { Text } from '@oxyhq/bloom/typography';
+import { IconCircle } from '@oxyhq/bloom/icon-circle';
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@oxyhq/bloom/accordion';
+import * as Icons from '@oxyhq/bloom/icons';
+import Header from "../components/Header.js";
 import { useI18n } from "../hooks/useI18n.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const INFO_SECTIONS = [{
   id: 'what',
   titleKey: 'learnMoreUsernames.sections.what.title',
   contentKey: 'learnMoreUsernames.sections.what.content',
-  icon: 'at-outline'
+  Icon: Icons.At_Stroke2_Corner0_Rounded
 }, {
   id: 'rules',
   titleKey: 'learnMoreUsernames.sections.rules.title',
   contentKey: 'learnMoreUsernames.sections.rules.content',
-  icon: 'list-outline'
+  Icon: Icons.BulletList_Stroke2_Corner0_Rounded
 }, {
   id: 'unique',
   titleKey: 'learnMoreUsernames.sections.unique.title',
   contentKey: 'learnMoreUsernames.sections.unique.content',
-  icon: 'finger-print-outline'
+  Icon: Icons.Key_Stroke2_Corner2_Rounded
 }, {
   id: 'change',
   titleKey: 'learnMoreUsernames.sections.change.title',
   contentKey: 'learnMoreUsernames.sections.change.content',
-  icon: 'refresh-outline'
+  Icon: Icons.ArrowRotateClockwise_Stroke2_Corner0_Rounded
 }, {
   id: 'tips',
   titleKey: 'learnMoreUsernames.sections.tips.title',
   contentKey: 'learnMoreUsernames.sections.tips.content',
-  icon: 'bulb-outline'
+  Icon: Icons.Sparkle_Stroke2_Corner0_Rounded
 }];
 const LearnMoreUsernamesScreen = ({
-  theme
+  onClose,
+  goBack
 }) => {
   const bloomTheme = useTheme();
   const {
     t
   } = useI18n();
-  const [expandedIds, setExpandedIds] = useState(new Set(['what'])); // Start with first section expanded
-
-  const toggleExpanded = useCallback(id => {
-    setExpandedIds(prev => {
-      const next = new Set(prev);
-      if (next.has(id)) {
-        next.delete(id);
-      } else {
-        next.add(id);
-      }
-      return next;
-    });
+  // Start with the first section expanded.
+  const [expandedIds, setExpandedIds] = useState(['what']);
+  const handleAccordionChange = useCallback(value => {
+    if (Array.isArray(value)) {
+      setExpandedIds(value);
+    } else if (value == null) {
+      setExpandedIds([]);
+    } else {
+      setExpandedIds([value]);
+    }
   }, []);
-  const styles = useMemo(() => createStyles(), []);
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
-    children: /*#__PURE__*/_jsxs(ScrollView, {
-      style: styles.content,
+  return /*#__PURE__*/_jsxs(View, {
+    className: "flex-1 bg-bg",
+    children: [/*#__PURE__*/_jsx(Header, {
+      title: t('learnMoreUsernames.introTitle'),
+      onBack: goBack || onClose,
+      variant: "minimal",
+      elevation: "subtle"
+    }), /*#__PURE__*/_jsxs(ScrollView, {
+      className: "flex-1 px-screen-margin",
       showsVerticalScrollIndicator: false,
-      contentContainerStyle: styles.contentContainer,
+      contentContainerClassName: "pb-space-32",
       children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.introSection,
-        children: [/*#__PURE__*/_jsx(View, {
-          style: [styles.introIcon, {
-            backgroundColor: `${bloomTheme.colors.primary}15`
-          }],
-          children: /*#__PURE__*/_jsx(Ionicons, {
-            name: "at",
-            size: 32,
-            color: bloomTheme.colors.primary
-          })
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.introTitle, {
-            color: bloomTheme.colors.text
-          }],
-          children: t('learnMoreUsernames.introTitle')
+        className: "items-center py-space-24 gap-space-12",
+        children: [/*#__PURE__*/_jsx(IconCircle, {
+          icon: Icons.At_Stroke2_Corner0_Rounded
         }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.introText, {
-            color: bloomTheme.colors.textSecondary
-          }],
+          className: "font-sans text-body text-text-secondary text-center",
           children: t('learnMoreUsernames.introText')
         })]
-      }), INFO_SECTIONS.map((section, index) => {
-        const isExpanded = expandedIds.has(section.id);
-        const sectionTitle = t(section.titleKey);
-        return /*#__PURE__*/_jsxs(View, {
-          style: [styles.section, {
-            backgroundColor: bloomTheme.colors.backgroundSecondary,
-            borderColor: bloomTheme.colors.border
-          }, index === 0 && styles.sectionFirst],
-          children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-            style: styles.sectionHeader,
-            onPress: () => toggleExpanded(section.id),
-            accessibilityRole: "button",
-            accessibilityLabel: sectionTitle,
-            accessibilityHint: isExpanded ? t('learnMoreUsernames.collapseHint') : t('learnMoreUsernames.expandHint'),
-            accessibilityState: {
-              expanded: isExpanded
-            },
-            children: [/*#__PURE__*/_jsx(View, {
-              style: [styles.sectionIconContainer, {
-                backgroundColor: `${bloomTheme.colors.primary}15`
-              }],
-              children: /*#__PURE__*/_jsx(Ionicons, {
-                name: section.icon,
-                size: 20,
-                color: bloomTheme.colors.primary
+      }), /*#__PURE__*/_jsx(Accordion, {
+        type: "multiple",
+        value: expandedIds,
+        onValueChange: handleAccordionChange,
+        children: INFO_SECTIONS.map(({
+          id,
+          titleKey,
+          contentKey,
+          Icon
+        }) => /*#__PURE__*/_jsxs(AccordionItem, {
+          value: id,
+          children: [/*#__PURE__*/_jsx(AccordionTrigger, {
+            icon: /*#__PURE__*/_jsx(View, {
+              className: "bg-fill-secondary rounded-radius-12",
+              style: styles.iconSquare,
+              children: /*#__PURE__*/_jsx(Icon, {
+                size: "md",
+                style: {
+                  color: bloomTheme.colors.primary
+                }
               })
-            }), /*#__PURE__*/_jsx(Text, {
-              style: [styles.sectionTitle, {
-                color: bloomTheme.colors.text
-              }],
-              children: sectionTitle
-            }), /*#__PURE__*/_jsx(Ionicons, {
-              name: isExpanded ? 'chevron-up' : 'chevron-down',
-              size: 20,
-              color: bloomTheme.colors.textSecondary
-            })]
-          }), isExpanded && /*#__PURE__*/_jsx(View, {
-            style: [styles.sectionContent, {
-              borderTopColor: bloomTheme.colors.border
-            }],
+            }),
+            children: t(titleKey)
+          }), /*#__PURE__*/_jsx(AccordionContent, {
             children: /*#__PURE__*/_jsx(Text, {
-              style: [styles.sectionText, {
-                color: bloomTheme.colors.textSecondary
-              }],
-              children: t(section.contentKey)
+              className: "font-sans text-bodyMedium text-text-secondary",
+              children: t(contentKey)
             })
           })]
-        }, section.id);
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.footer,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [styles.footerText, {
-            color: bloomTheme.colors.textSecondary
-          }],
-          children: t('learnMoreUsernames.footer')
-        })
+        }, id))
+      }), /*#__PURE__*/_jsx(Text, {
+        className: "font-sans text-caption text-text-tertiary text-center mt-space-16",
+        children: t('learnMoreUsernames.footer')
       })]
-    })
+    })]
   });
 };
-const createStyles = () => StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  content: {
-    flex: 1
-  },
-  contentContainer: {
-    padding: 16,
-    paddingBottom: 32
-  },
-  introSection: {
-    alignItems: 'center',
-    paddingVertical: 24,
-    paddingHorizontal: 16
-  },
-  introIcon: {
-    width: 64,
-    height: 64,
-    borderRadius: 32,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginBottom: 16
-  },
-  introTitle: {
-    fontSize: 24,
-    fontWeight: '700',
-    marginBottom: 8,
-    textAlign: 'center'
-  },
-  introText: {
-    fontSize: 16,
-    lineHeight: 24,
-    textAlign: 'center'
-  },
-  section: {
-    borderRadius: 12,
-    borderWidth: 1,
-    marginBottom: 12,
-    overflow: 'hidden'
-  },
-  sectionFirst: {
-    marginTop: 8
-  },
-  sectionHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 16
-  },
-  sectionIconContainer: {
+
+// Measured layout only (no color): fixed-size square that hosts the leading
+// section icon inside the accordion trigger. Color comes from the
+// `bg-fill-secondary` token class on the View.
+const styles = StyleSheet.create({
+  iconSquare: {
     width: 36,
     height: 36,
-    borderRadius: 18,
     alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: 12
-  },
-  sectionTitle: {
-    flex: 1,
-    fontSize: 16,
-    fontWeight: '600',
-    marginRight: 12
-  },
-  sectionContent: {
-    padding: 16,
-    paddingTop: 12,
-    borderTopWidth: 1
-  },
-  sectionText: {
-    fontSize: 14,
-    lineHeight: 22
-  },
-  footer: {
-    marginTop: 16,
-    paddingHorizontal: 16
-  },
-  footerText: {
-    fontSize: 14,
-    textAlign: 'center',
-    lineHeight: 20
+    justifyContent: 'center'
   }
 });
 export default LearnMoreUsernamesScreen;

package/lib/module/ui/screens/LearnMoreUsernamesScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useCallback","useMemo","View","Text","TouchableOpacity","StyleSheet","ScrollView","Ionicons","useTheme","useI18n","jsx","_jsx","jsxs","_jsxs","INFO_SECTIONS","id","titleKey","contentKey","icon","LearnMoreUsernamesScreen","theme","bloomTheme","t","expandedIds","setExpandedIds","Set","toggleExpanded","prev","next","has","delete","add","styles","createStyles","style","container","backgroundColor","colors","background","children","content","showsVerticalScrollIndicator","contentContainerStyle","contentContainer","introSection","introIcon","primary","name","size","color","introTitle","text","introText","textSecondary","map","section","index","isExpanded","sectionTitle","backgroundSecondary","borderColor","border","sectionFirst","sectionHeader","onPress","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState","expanded","sectionIconContainer","sectionContent","borderTopColor","sectionText","footer","footerText","create","flex","padding","paddingBottom","alignItems","paddingVertical","paddingHorizontal","width","height","borderRadius","justifyContent","marginBottom","fontSize","fontWeight","textAlign","lineHeight","borderWidth","overflow","marginTop","flexDirection","marginRight","paddingTop","borderTopWidth"],"sourceRoot":"../../../../src","sources":["ui/screens/LearnMoreUsernamesScreen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useState","View","ScrollView","StyleSheet","useTheme","Text","IconCircle","Accordion","AccordionItem","AccordionTrigger","AccordionContent","Icons","Header","useI18n","jsx","_jsx","jsxs","_jsxs","INFO_SECTIONS","id","titleKey","contentKey","Icon","At_Stroke2_Corner0_Rounded","BulletList_Stroke2_Corner0_Rounded","Key_Stroke2_Corner2_Rounded","ArrowRotateClockwise_Stroke2_Corner0_Rounded","Sparkle_Stroke2_Corner0_Rounded","LearnMoreUsernamesScreen","onClose","goBack","bloomTheme","t","expandedIds","setExpandedIds","handleAccordionChange","value","Array","isArray","className","children","title","onBack","variant","elevation","showsVerticalScrollIndicator","contentContainerClassName","icon","type","onValueChange","map","style","styles","iconSquare","size","color","colors","primary","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/screens/LearnMoreUsernamesScreen.tsx"],"mappings":"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","ignoreList":[]}