@proulr/sdui-components 0.1.66 → 0.1.68

package/src/renderer/ui/app-icon.tsx

@@ -1,175 +1,15 @@
 import type { ComponentType } from 'react';
 import { isAppIconName, type AppIconName } from '../../catalog/app-icon-names';
 import { APP_ICON_SIZE } from './app-icon-size-catalog';
-import {
-  AppChromeArrowDownRightGlyph,
-  AppChromeArrowRightGlyph,
-  AppChromeArrowUpRightGlyph,
-  AppChromeAttachmentGlyph,
-  AppChromeBackGlyph,
-  AppChromeBellGlyph,
-  AppChromeBookmarkGlyph,
-  AppChromeBoostGlyph,
-  AppChromeChatGlyph,
-  AppChromeCheckGlyph,
-  AppChromeChevronDownGlyph,
-  AppChromeChevronRightGlyph,
-  AppChromeCloseGlyph,
-  AppChromeCommunitiesGlyph,
-  AppChromeCopyGlyph,
-  AppChromeDownloadGlyph,
-  AppChromeEditGlyph,
-  AppChromeCropGlyph,
-  AppChromeEventsGlyph,
-  AppChromeFireGlyph,
-  AppChromeRightNowGlyph,
-  AppChromeFlashGlyph,
-  AppChromeFlipCameraGlyph,
-  AppChromeHeartFilledGlyph,
-  AppChromeHeartGlyph,
-  AppChromeHourglassGlyph,
-  AppChromeHuntGlyph,
-  AppChromeIncognitoGlyph,
-  AppChromeInfoGlyph,
-  AppChromeListGlyph,
-  AppChromeLocationGlyph,
-  AppChromeLockGlyph,
-  AppChromeMicGlyph,
-  AppChromeOverflowGlyph,
-  AppChromePauseGlyph,
-  AppChromePendingGlyph,
-  AppChromePlayGlyph,
-  AppChromePlusGlyph,
-  AppChromePollGlyph,
-  AppChromeProfileGlyph,
-  AppChromePublishGlyph,
-  AppChromeRadioUncheckedGlyph,
-  AppChromeReplyGlyph,
-  AppChromeRepostGlyph,
-  AppChromeSearchGlyph,
-  AppChromeSendGlyph,
-  AppChromeShareGlyph,
-  AppChromeGiftGlyph,
-  AppChromeSettingsGlyph,
-  AppChromeShieldGlyph,
-  AppChromeSignalGlyph,
-  AppChromeSignOutGlyph,
-  AppChromeStarGlyph,
-  AppChromeStoryEffectsGlyph,
-  AppChromeStoryGlyph,
-  AppChromeStoryMentionGlyph,
-  AppChromeStoryMusicGlyph,
-  AppChromeStoryStickerGlyph,
-  AppChromeStoryTextGlyph,
-  AppChromeTabChatGlyph,
-  AppChromeTabDiscoverGlyph,
-  AppChromeTabFlashGlyph,
-  AppChromeTabRandomGlyph,
-  AppChromeTabVibesGlyph,
-  AppChromeThumbsUpFilledGlyph,
-  AppChromeThumbsUpGlyph,
-  AppChromeVisibilityGlyph,
-  AppChromeVisibilityOffGlyph,
-  AppChromeVolumeOffGlyph,
-  AppChromeVolumeOnGlyph,
-  AppChromeWarningGlyph,
-  type AppChromeGlyphProps,
-} from './app-glyphs';
-import {
-  ComposeCameraGlyph,
-  ComposeFollowersGlyph,
-  ComposeGalleryGlyph,
-  ComposeGlobeGlyph,
-  ComposeMentionGlyph,
-  ComposeTravelGlyph,
-  ComposeTrashGlyph,
-  ComposeVideoGlyph,
-} from './compose-glyphs';
+import type { AppIconGlyphProps } from './app-icon-glyph-props';
+import { GENERATED_ICON_REGISTRY } from './generated';
 
 export type { AppIconName };
 export { isAppIconName };
 
-const ICON_REGISTRY: Record<AppIconName, ComponentType<AppChromeGlyphProps>> = {
-  search: AppChromeSearchGlyph,
-  hunt: AppChromeHuntGlyph,
-  back: AppChromeBackGlyph,
-  overflow: AppChromeOverflowGlyph,
-  location: AppChromeLocationGlyph,
-  mic: AppChromeMicGlyph,
-  send: AppChromeSendGlyph,
-  chat: AppChromeChatGlyph,
-  close: AppChromeCloseGlyph,
-  'chevron-down': AppChromeChevronDownGlyph,
-  'chevron-right': AppChromeChevronRightGlyph,
-  'flip-camera': AppChromeFlipCameraGlyph,
-  flash: AppChromeFlashGlyph,
-  gallery: ComposeGalleryGlyph,
-  video: ComposeVideoGlyph,
-  camera: ComposeCameraGlyph,
-  trash: ComposeTrashGlyph,
-  globe: ComposeGlobeGlyph,
-  travel: ComposeTravelGlyph,
-  'tab-discover': AppChromeTabDiscoverGlyph,
-  'tab-vibes': AppChromeTabVibesGlyph,
-  'tab-flash': AppChromeTabFlashGlyph,
-  'tab-chat': AppChromeTabChatGlyph,
-  'tab-random': AppChromeTabRandomGlyph,
-  boost: AppChromeBoostGlyph,
-  fire: AppChromeFireGlyph,
-  'right-now': AppChromeRightNowGlyph,
-  settings: AppChromeSettingsGlyph,
-  edit: AppChromeEditGlyph,
-  crop: AppChromeCropGlyph,
-  incognito: AppChromeIncognitoGlyph,
-  events: AppChromeEventsGlyph,
-  shield: AppChromeShieldGlyph,
-  profile: AppChromeProfileGlyph,
-  bookmark: AppChromeBookmarkGlyph,
-  list: AppChromeListGlyph,
-  communities: AppChromeCommunitiesGlyph,
-  star: AppChromeStarGlyph,
-  'sign-out': AppChromeSignOutGlyph,
-  publish: AppChromePublishGlyph,
-  story: AppChromeStoryGlyph,
-  'story-music': AppChromeStoryMusicGlyph,
-  'story-sticker': AppChromeStoryStickerGlyph,
-  'story-text': AppChromeStoryTextGlyph,
-  'story-effects': AppChromeStoryEffectsGlyph,
-  'story-mention': AppChromeStoryMentionGlyph,
-  repost: AppChromeRepostGlyph,
-  heart: AppChromeHeartGlyph,
-  'heart-filled': AppChromeHeartFilledGlyph,
-  'thumbs-up': AppChromeThumbsUpGlyph,
-  'thumbs-up-filled': AppChromeThumbsUpFilledGlyph,
-  play: AppChromePlayGlyph,
-  pause: AppChromePauseGlyph,
-  plus: AppChromePlusGlyph,
-  followers: ComposeFollowersGlyph,
-  mention: ComposeMentionGlyph,
-  visibility: AppChromeVisibilityGlyph,
-  'visibility-off': AppChromeVisibilityOffGlyph,
-  check: AppChromeCheckGlyph,
-  'arrow-right': AppChromeArrowRightGlyph,
-  'arrow-up-right': AppChromeArrowUpRightGlyph,
-  'arrow-down-right': AppChromeArrowDownRightGlyph,
-  reply: AppChromeReplyGlyph,
-  pending: AppChromePendingGlyph,
-  download: AppChromeDownloadGlyph,
-  'radio-unchecked': AppChromeRadioUncheckedGlyph,
-  copy: AppChromeCopyGlyph,
-  attachment: AppChromeAttachmentGlyph,
-  poll: AppChromePollGlyph,
-  lock: AppChromeLockGlyph,
-  'volume-on': AppChromeVolumeOnGlyph,
-  'volume-off': AppChromeVolumeOffGlyph,
-  info: AppChromeInfoGlyph,
-  warning: AppChromeWarningGlyph,
-  signal: AppChromeSignalGlyph,
-  hourglass: AppChromeHourglassGlyph,
-  bell: AppChromeBellGlyph,
-  share: AppChromeShareGlyph,
-  gift: AppChromeGiftGlyph,
-};
+/** 1:1 registry — one generated SVG component per AppIconName (no aliases). */
+const ICON_REGISTRY: Record<AppIconName, ComponentType<AppIconGlyphProps>> =
+  GENERATED_ICON_REGISTRY;
 
 export type AppIconProps = {
   name: AppIconName;
@@ -188,4 +28,4 @@ export function AppIcon({ name, color, size = APP_ICON_SIZE.composer }: AppIconP
   return <Glyph color={color} size={size} />;
 }
 
-export { APP_ICON_SIZE };
+export { APP_ICON_SIZE, ICON_REGISTRY };

package/src/renderer/ui/compose-recent-media-grid.tsx

@@ -8,8 +8,8 @@ import {
   View,
 } from 'react-native';
 import { fonts, m3Colors, m3Shape, m3Type, spacing } from '../theme/proulr-theme';
+import { AppIcon } from './app-icon';
 import { AppLoadingSpinner } from './AppLoadingSpinner';
-import { ComposeCameraGlyph } from './compose-glyphs';
 import { StoryTextGlyph } from './story-glyphs';
 
 export type ComposeRecentMediaItem = {
@@ -114,7 +114,7 @@ export function ComposeRecentMediaGrid({
                         pressed && { opacity: 0.85 },
                       ]}
                     >
-                      <ComposeCameraGlyph color={m3Colors.onSurface} />
+                      <AppIcon name="camera" color={m3Colors.onSurface} size={24} />
                     </Pressable>
                   );
                 }

package/src/renderer/ui/compose-screen-header.tsx

@@ -1,8 +1,8 @@
 import { Pressable, StyleSheet, Text, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { fonts, m3Colors, m3Shape, m3Type, spacing } from '../theme/proulr-theme';
+import { AppIcon } from './app-icon';
 import { AppLoadingSpinner } from './AppLoadingSpinner';
-import { ComposeCloseGlyph } from './compose-glyphs';
 
 export function ComposeScreenHeader({
   title,
@@ -30,7 +30,7 @@ export function ComposeScreenHeader({
         accessibilityLabel="Fechar"
         style={styles.closeBtn}
       >
-        <ComposeCloseGlyph />
+        <AppIcon name="close" color={m3Colors.onSurface} size={18} />
       </Pressable>
 
       {title ? (

package/src/renderer/ui/compose-visibility-row.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import { Pressable, StyleSheet, Text } from 'react-native';
 import { fonts, m3Colors, spacing } from '../theme/proulr-theme';
-import { ComposeGlobeGlyph } from './compose-glyphs';
+import { AppIcon } from './app-icon';
 
 export function ComposeVisibilityRow({
   label,
@@ -26,7 +26,7 @@ export function ComposeVisibilityRow({
         pressed && onPress && { opacity: 0.82 },
       ]}
     >
-      {icon ?? <ComposeGlobeGlyph />}
+      {icon ?? <AppIcon name="globe" color={m3Colors.primary} size={24} />}
       <Text style={styles.label}>{label}</Text>
     </Pressable>
   );

package/src/renderer/ui/generated/arrow-down-right.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function ArrowDownRightIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M8 8 15.8 15.8M10 16h5.8v-5.8" opacity={0.3} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.1} d="M7.2 7.2 16.8 16.8M9.2 16.8h7.6v-7.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/arrow-right.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function ArrowRightIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M5.4 12.8h12.6M14.6 7.4 19 12l-4.4 4.6" opacity={0.3} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.1} d="M4.6 12h14.2M14.2 6.4 19.8 12l-5.6 5.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/arrow-up-right.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function ArrowUpRightIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M8 16 15.8 8.2M10 8h5.8v5.8" opacity={0.3} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.1} d="M7.2 16.8 16.8 7.2M9.2 7.2h7.6v7.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/attachment.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function AttachmentIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M15.6 11.8 10.2 17.2a2.8 2.8 0 0 1-4-4l7-7" opacity={0.32} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M16.8 11.2 11 17a3.6 3.6 0 0 1-5.1-5.1l7.2-7.2a2.6 2.6 0 0 1 3.7 3.7l-7.2 7.2a1.4 1.4 0 1 1-2-2l6.4-6.4" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/back.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function BackIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.7} d="M15.4 6.4L10 12l5.4 5.6" opacity={0.35} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.2} d="M14.8 5.2L8.2 12l6.6 6.8" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/bell.tsx

@@ -0,0 +1,18 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function BellIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.3} d="M12 2.8a1.7 1.7 0 0 1 1.7 1.7v.5A6.8 6.8 0 0 1 19 11.6v4.8l1.5 1.7v1.4H3.5v-1.4l1.5-1.7v-4.8A6.8 6.8 0 0 1 10.3 5v-.5A1.7 1.7 0 0 1 12 2.8z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M12 3.8a1.2 1.2 0 0 1 1.2 1.2v.55A6 6 0 0 1 17.8 11.4v4.2l1.2 1.4M12 3.8a1.2 1.2 0 0 0-1.2 1.2v.55A6 6 0 0 0 6.2 11.4v4.2L5 16.999" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M4.4 18.2h15.2" />
+      <Path fill={color} d="M10.2 19.2a1.8 1.8 0 0 0 3.6 0H10.2z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/bookmark.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function BookmarkIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.3} d="M7 3.2h10A1.8 1.8 0 0 1 18.8 5v15.4l-6.8-3.8-6.8 3.8V5A1.8 1.8 0 0 1 7 3.2z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M7.4 4h9.2A1 1 0 0 1 17.6 5v13.8l-5.6-3.15L6.4 18.8V5A1 1 0 0 1 7.4 4z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/boost.tsx

@@ -0,0 +1,19 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function BoostIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.3} d="M12 2.8 18.2 12.4h-3.6v7.6H9.4v-7.6H5.8L12 2.8z" />
+      <Path fill={color} d="M12 4.2 16.6 11.6h-2.8v6.6H10.2v-6.6H7.4L12 4.2z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M7.6 3.6V2.2M12 2.8V1.4M16.4 3.6V2.2" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.7} d="M5.2 16.8A8.6 8.6 0 0 0 12 19.6a8.6 8.6 0 0 0 6.8-2.8" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M3.8 18.6A11 11 0 0 0 12 21.4a11 11 0 0 0 8.2-2.8" opacity={0.45} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/camera.tsx

@@ -0,0 +1,18 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Circle, Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function CameraIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.3} d="M8.2 5.2h2.1l1.1-1.4h1.4l1.1 1.4h2.1A2.4 2.4 0 0 1 18.4 7.6v10a2.4 2.4 0 0 1-2.4 2.4H8.2A2.4 2.4 0 0 1 5.8 17.6v-10A2.4 2.4 0 0 1 8.2 5.2z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M8.2 5.8h2l1-1.2h1.6l1 1.2h2A1.8 1.8 0 0 1 17.6 7.6v10a1.8 1.8 0 0 1-1.8 1.8H8.2A1.8 1.8 0 0 1 6.4 17.6v-10A1.8 1.8 0 0 1 8.2 5.8z" />
+      <Circle cx={12} cy={12.6} r={3.4} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} />
+      <Circle cx={12} cy={12.6} r={1.65} fill={color} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/chat.tsx

@@ -0,0 +1,19 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Circle, Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function ChatIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.32} d="M5.2 3.8h13.6A2.4 2.4 0 0 1 21.2 6.2v8.4a2.4 2.4 0 0 1-2.4 2.4H10.1L5.4 20.8a.7.7 0 0 1-1.15-.55V16.8H5.2A2.4 2.4 0 0 1 2.8 14.4V6.2A2.4 2.4 0 0 1 5.2 3.8z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M5.2 4.6h13.6A1.6 1.6 0 0 1 20.4 6.2v8.4a1.6 1.6 0 0 1-1.6 1.6H9.8L5.2 19.8V15H5.2A1.6 1.6 0 0 1 3.6 13.4V6.2A1.6 1.6 0 0 1 5.2 4.6z" />
+      <Circle cx={8.6} cy={10.2} r={1.05} fill={color} />
+      <Circle cx={12} cy={10.2} r={1.05} fill={color} />
+      <Circle cx={15.4} cy={10.2} r={1.05} fill={color} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/check.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function CheckIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} d="M5.8 12.6 10.3 16.8 18.4 7" opacity={0.3} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.3} d="M5.2 12.2 10.1 17l8.7-10.4" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/chevron-down.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function ChevronDownIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} d="M6.4 9.8L12 15.2l5.6-5.4" opacity={0.32} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.2} d="M5.4 9.2L12 15.8l6.6-6.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/chevron-right.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function ChevronRightIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} d="M9.8 6.4L15.2 12l-5.4 5.6" opacity={0.32} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.2} d="M9.2 5.4L15.8 12l-6.6 6.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/close.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function CloseIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} d="M7 7l10 10M17 7L7 17" opacity={0.32} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.2} d="M6.2 6.2l11.6 11.6M17.8 6.2L6.2 17.8" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/communities.tsx

@@ -0,0 +1,18 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Circle, Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function CommunitiesIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={15.4} cy={8} r={3.2} fill={color} fillOpacity={0.35} />
+      <Path fill={color} fillOpacity={0.35} d="M12.8 14.4c.6-.2 1.3-.3 2.1-.3 3.2 0 5.6 1.8 5.6 4.4V20h-6.2v-1.9c0-1.4-.5-2.6-1.5-3.7z" />
+      <Circle cx={8.6} cy={8.2} r={3.3} fill={color} />
+      <Path fill={color} d="M2.8 18.8c0-2.7 2.6-4.6 5.8-4.6s5.8 1.9 5.8 4.6V20H2.8v-1.2z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/copy.tsx

@@ -0,0 +1,19 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path, Rect } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function CopyIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x={8.4} y={6.4} width={10.8} height={12.8} rx={1.9} fill={color} fillOpacity={0.3} />
+      <Rect x={8.2} y={6.2} width={11.2} height={13.2} rx={2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.7} />
+      <Rect x={4.6} y={3.8} width={11.2} height={13.2} rx={2} fill={color} fillOpacity={0.2} />
+      <Rect x={4.6} y={3.8} width={11.2} height={13.2} rx={2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M7.2 8.4h5.6M7.2 11h5.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/crop.tsx

@@ -0,0 +1,18 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path, Rect } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function CropIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M7.2 3.4v13.4H20.6" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M16.8 20.6V7.2H3.4" />
+      <Rect x={6} y={6} width={2.4} height={2.4} rx={0.5} fill={color} fillOpacity={0.4} />
+      <Rect x={15.6} y={15.6} width={2.4} height={2.4} rx={0.5} fill={color} fillOpacity={0.4} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/download.tsx

@@ -0,0 +1,17 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function DownloadIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.28} d="M6.8 17.4h10.4v2.6H6.8v-2.6z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M12 4.6v10.8M8.2 12.2 12 16l3.8-3.8" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M5.2 16.4v2a2 2 0 0 0 2 2h9.6a2 2 0 0 0 2-2v-2" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/edit.tsx

@@ -0,0 +1,18 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function EditIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.3} d="M3.8 16.6V20.4h3.8l9.4-9.4-3.8-3.8L3.8 16.6z" />
+      <Path fill={color} d="M4.4 17.2V19.6h2.4l8.5-8.5-2.4-2.4L4.4 17.2z" />
+      <Path fill={color} d="M17.4 8.1 19.5 6a1.2 1.2 0 0 0 0-1.7l-1.15-1.15a1.2 1.2 0 0 0-1.7 0L14.55 5.2l2.85 2.9z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M13.3 6.5l2.8 2.8" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/events.tsx

@@ -0,0 +1,23 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Circle, Path, Rect } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function EventsIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x={3.6} y={5.4} width={16.8} height={14.8} rx={2.3} fill={color} fillOpacity={0.28} />
+      <Rect x={3.4} y={5.2} width={17.2} height={15.2} rx={2.4} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} />
+      <Path fill={color} d="M3.4 5.2h17.2v4H3.4V5.2z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M8 3.4v3.2M16 3.4v3.2" />
+      <Circle cx={8.6} cy={14.2} r={1.1} fill={color} />
+      <Circle cx={12} cy={14.2} r={1.1} fill={color} />
+      <Circle cx={15.4} cy={14.2} r={1.1} fill={color} />
+      <Circle cx={8.6} cy={17.4} r={1.05} fill={color} fillOpacity={0.55} />
+      <Circle cx={12} cy={17.4} r={1.05} fill={color} fillOpacity={0.55} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/fire.tsx

@@ -0,0 +1,16 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function FireIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.34} d="M12 21.8c5 0 9-3.8 9-8.4 0-4.4-3.4-9-6-11.4-.4 2.2-1.7 4-3.4 5.3C10.8 4.8 10.2 1.8 12 .6c-1.9 1.5-2.5 4.8-1.8 8.2-1.7-1.3-3-3.2-3.4-5.4C4.4 5.8 1.2 10.4 1.2 14.4c0 4.6 4 8.4 10.8 8.4z" />
+      <Path fill={color} fillRule="evenodd" d="M12 20.6c4.2 0 7.6-3.2 7.6-7.2 0-3.6-2.8-7.6-5-9.8-.3 1.8-1.4 3.4-2.8 4.5.7-2.8.2-5.6 1.6-6.9-1.5 1.3-2 4-1.4 7-1.4-1-2.5-2.6-2.8-4.4C7.2 5.8 4.4 9.6 4.4 13.4c0 4 3.4 7.2 7.6 7.2zM12 17.6c1.7 0 3-1.2 3-2.9 0-1.2-1.2-2.9-3-5-1.8 2.1-3 3.8-3 5 0 1.7 1.3 2.9 3 2.9z" />
+    </Svg>
+  );
+}