@oxy.so/services 2.1.0 → 3.1.0

package/src/ui/screens/LearnMoreUsernamesScreen.tsx

@@ -10,7 +10,17 @@ import {
     AccordionTrigger,
     AccordionContent,
 } from '@oxy.so/bloom/accordion';
-import * as Icons from '@oxy.so/bloom/icons';
+// Per glyph, never `@oxy.so/bloom/icons`. That barrel re-exports all 461 Remix
+// glyphs and Metro does not tree-shake, so one import of it here re-ships every
+// glyph — 313,123 B, measured — to every app in this package's graph, and no
+// consumer can opt out of what a dependency asks for.
+import { RiAtLine } from '@oxy.so/bloom/icons/RiAtLine';
+import { RiKey2Line } from '@oxy.so/bloom/icons/RiKey2Line';
+import { RiListUnordered } from '@oxy.so/bloom/icons/RiListUnordered';
+import { RiResetRightLine } from '@oxy.so/bloom/icons/RiResetRightLine';
+import { RiSparklingLine } from '@oxy.so/bloom/icons/RiSparklingLine';
+// `Props` has no per-glyph subpath and needs none: `import type` is erased
+// before any bundler sees it, so the barrel is named here and never loaded.
 import type { Props as IconProps } from '@oxy.so/bloom/icons';
 import type { BaseScreenProps } from '../types/navigation';
 import { useI18n } from '../hooks/useI18n';
@@ -28,31 +38,31 @@ const INFO_SECTIONS: InfoSection[] = [
         id: 'what',
         titleKey: 'learnMoreUsernames.sections.what.title',
         contentKey: 'learnMoreUsernames.sections.what.content',
-        Icon: Icons.RiAtLine,
+        Icon: RiAtLine,
     },
     {
         id: 'rules',
         titleKey: 'learnMoreUsernames.sections.rules.title',
         contentKey: 'learnMoreUsernames.sections.rules.content',
-        Icon: Icons.RiListUnordered,
+        Icon: RiListUnordered,
     },
     {
         id: 'unique',
         titleKey: 'learnMoreUsernames.sections.unique.title',
         contentKey: 'learnMoreUsernames.sections.unique.content',
-        Icon: Icons.RiKey2Line,
+        Icon: RiKey2Line,
     },
     {
         id: 'change',
         titleKey: 'learnMoreUsernames.sections.change.title',
         contentKey: 'learnMoreUsernames.sections.change.content',
-        Icon: Icons.RiResetRightLine,
+        Icon: RiResetRightLine,
     },
     {
         id: 'tips',
         titleKey: 'learnMoreUsernames.sections.tips.title',
         contentKey: 'learnMoreUsernames.sections.tips.content',
-        Icon: Icons.RiSparklingLine,
+        Icon: RiSparklingLine,
     },
 ];
 
@@ -84,7 +94,7 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
         <>
             <View className="px-screen-margin pb-space-32">
                 <View className="items-center py-space-24 gap-space-12">
-                    <IconCircle icon={Icons.RiAtLine} />
+                    <IconCircle icon={RiAtLine} />
                     <Text className="font-sans text-body text-text-secondary text-center">
                         {t('learnMoreUsernames.introText')}
                     </Text>

package/src/ui/screens/trust/TrustAboutScreen.tsx

@@ -4,7 +4,16 @@ import { useTheme } from '@oxy.so/bloom/theme';
 import { H4, Text } from '@oxy.so/bloom/typography';
 import { IconCircle } from '@oxy.so/bloom/icon-circle';
 import { BenefitList, BenefitRow } from '../../components/BenefitList';
-import * as Icons from '@oxy.so/bloom/icons';
+// Per glyph, never `@oxy.so/bloom/icons`. That barrel re-exports all 461 Remix
+// glyphs and Metro does not tree-shake, so one import of it here re-ships every
+// glyph — 313,123 B, measured — to every app in this package's graph, and no
+// consumer can opt out of what a dependency asks for.
+import { RiAccountCircleLine } from '@oxy.so/bloom/icons/RiAccountCircleLine';
+import { RiCalendarLine } from '@oxy.so/bloom/icons/RiCalendarLine';
+import { RiEditLine } from '@oxy.so/bloom/icons/RiEditLine';
+import { RiFlagLine } from '@oxy.so/bloom/icons/RiFlagLine';
+import { RiShieldCheckLine } from '@oxy.so/bloom/icons/RiShieldCheckLine';
+import { RiSparklingLine } from '@oxy.so/bloom/icons/RiSparklingLine';
 import type { BaseScreenProps } from '../../types/navigation';
 import { useI18n } from '../../hooks/useI18n';
 import { useSurfaceHeader } from '../../hooks/useSurfaceHeader';
@@ -22,7 +31,7 @@ const TrustAboutScreen: React.FC<BaseScreenProps> = () => {
     return (
             <View className="px-screen-margin pt-space-16 pb-space-32">
                 <View className="items-center py-space-24 gap-space-12">
-                    <IconCircle icon={Icons.RiShieldCheckLine} />
+                    <IconCircle icon={RiShieldCheckLine} />
                     <Text className="font-sans text-body text-text-secondary text-center">
                         {t('trust.about.intro') || 'Oxy Trust is a recognition of your positive actions in the Oxy Ecosystem. Reputation cannot be sent or received directly, only earned by contributing to the community.'}
                     </Text>
@@ -36,23 +45,23 @@ const TrustAboutScreen: React.FC<BaseScreenProps> = () => {
                     accessibilityLabel={t('trust.about.how.title') || 'How to Earn Reputation'}
                 >
                     <BenefitRow
-                        icon={<Icons.RiAccountCircleLine size="sm" style={{ color: iconColor }} />}
+                        icon={<RiAccountCircleLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.help') || 'Helping other users'}
                     />
                     <BenefitRow
-                        icon={<Icons.RiFlagLine size="sm" style={{ color: iconColor }} />}
+                        icon={<RiFlagLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.report') || 'Reporting bugs'}
                     />
                     <BenefitRow
-                        icon={<Icons.RiEditLine size="sm" style={{ color: iconColor }} />}
+                        icon={<RiEditLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.contribute') || 'Contributing content'}
                     />
                     <BenefitRow
-                        icon={<Icons.RiCalendarLine size="sm" style={{ color: iconColor }} />}
+                        icon={<RiCalendarLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.participate') || 'Participating in events'}
                     />
                     <BenefitRow
-                        icon={<Icons.RiSparklingLine size="sm" style={{ color: iconColor }} />}
+                        icon={<RiSparklingLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.other') || 'Other positive actions'}
                     />
                 </BenefitList>