@proulr/sdui-components 0.1.66 → 0.1.68

package/src/renderer/ui/generated/flash.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 FlashIcon({
+  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="M14 1.6 5.8 13.6h5l-1.3 9.2 9-13.4h-5.2l.7-7.8z" />
+      <Path fill={color} d="M13.6 2.4 6.6 13.2h4.2l-1 7.8 7.4-11h-4.4l.4-7.6z" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,20 @@
+/* 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 FlipCameraIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={12} cy={12} r={3.6} fill={color} fillOpacity={0.3} />
+      <Circle cx={12} cy={12} r={4.2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Circle cx={12} cy={12} r={1.55} fill={color} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M4.8 9.2A8.2 8.2 0 0 1 12 3.8c2.6 0 4.9 1.2 6.4 3.1" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M19.2 14.8A8.2 8.2 0 0 1 12 20.2c-2.6 0-4.9-1.2-6.4-3.1" />
+      <Path fill={color} d="M18.2 4.6l2.4 3.2h-4.2l1.8-3.2zM5.8 19.4l-2.4-3.2h4.2l-1.8 3.2z" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,21 @@
+/* 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 FollowersIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={10.2} cy={8} r={3.9} fill={color} fillOpacity={0.28} />
+      <Circle cx={10.2} cy={8} r={3.4} fill={color} />
+      <Path fill={color} fillOpacity={0.28} d="M3.4 19.4c0-3.1 3-5.4 6.8-5.4 1.5 0 2.9.4 4 1-.4.7-.7 1.6-.7 2.5V20.4H3.4v-1z" />
+      <Path fill={color} d="M4 19.6c0-2.6 2.7-4.5 6.2-4.5 1.2 0 2.3.2 3.2.7-.3.7-.5 1.4-.5 2.2V20H4v-.4z" />
+      <Circle cx={17.6} cy={15.6} r={3.6} fill={color} fillOpacity={0.3} />
+      <Circle cx={17.6} cy={15.6} r={3.1} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M17.6 14v3.2M16 15.6h3.2" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,20 @@
+/* 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 GalleryIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x={2.4} y={6.6} width={12.8} height={12.8} rx={2.1} fill={color} fillOpacity={0.3} />
+      <Rect x={2.4} y={6.6} width={12.8} height={12.8} rx={2.1} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} />
+      <Rect x={7.8} y={2.8} width={13.4} height={13.4} rx={2.2} fill={color} fillOpacity={0.22} />
+      <Rect x={7.8} y={2.8} width={13.4} height={13.4} rx={2.2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Circle cx={12.4} cy={7.2} r={1.5} fill={color} />
+      <Path fill={color} d="M9.4 14.6l2.8-3.1 2.1 1.8 2.8-3.3 2.6 4.6H9.4z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/gift.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 GiftIcon({
+  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="M4.4 11.2h15.2v9.6H4.4v-9.6z" />
+      <Rect x={4.4} y={11} width={15.2} height={9.8} rx={1.6} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M12 11v9.8M4.4 13.4h15.2" />
+      <Path fill={color} fillOpacity={0.4} d="M12 6.8c.9-1.5 2.4-2.5 4-2.5 1.6 0 2.7 1.1 2.7 2.5S17.6 9.8 16 9.8H12V6.8zm0 0C11.1 5.3 9.6 4.3 8 4.3 6.4 4.3 5.3 5.4 5.3 6.8S6.4 9.8 8 9.8h4V6.8z" />
+      <Path fill={color} d="M4.4 9.8h15.2v2.4H4.4V9.8z" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,18 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Circle, Ellipse, Path } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function GlobeIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={12} cy={12} r={7.6} fill={color} fillOpacity={0.25} />
+      <Circle cx={12} cy={12} r={8.4} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Ellipse cx={12} cy={12} rx={4} ry={8.4} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M3.6 12h16.8M5.2 7.6h13.6M5.2 16.4h13.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/heart-filled.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 HeartFilledIcon({
+  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 21S2.8 15 2.8 9A5.1 5.1 0 0 1 12 5.8 5.1 5.1 0 0 1 21.2 9c0 6-9.2 12-9.2 12z" />
+      <Path fill={color} d="M12 19.8S4.2 14.6 4.2 9.4A4.2 4.2 0 0 1 12 6.8a4.2 4.2 0 0 1 7.8 2.6c0 5.2-7.8 10.4-7.8 10.4z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/heart.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 HeartIcon({
+  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="M12 19.2S5.2 14.4 5.2 9.6A3.6 3.6 0 0 1 12 7.2a3.6 3.6 0 0 1 6.8 2.4c0 4.8-6.8 9.6-6.8 9.6z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M12 20.4S3.6 14.9 3.6 9.4A4.6 4.6 0 0 1 12 6.8a4.6 4.6 0 0 1 8.4 2.6c0 5.5-8.4 11-8.4 11z" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,21 @@
+/* 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 HourglassIcon({
+  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="M9.2 5.2h5.6L12 10.2 9.2 5.2z" />
+      <Path fill={color} fillOpacity={0.28} d="M9.2 18.8h5.6L12 13.8 9.2 18.8z" />
+      <Path stroke={color} strokeWidth={1.9} strokeLinecap="round" strokeLinejoin="round" fill="none" d="M8 4.5h8" />
+      <Path stroke={color} strokeWidth={1.9} strokeLinecap="round" strokeLinejoin="round" fill="none" d="M8 19.5h8" />
+      <Path stroke={color} strokeWidth={1.9} strokeLinecap="round" strokeLinejoin="round" fill="none" d="M8 4.5 12 11 16 4.5" />
+      <Path stroke={color} strokeWidth={1.9} strokeLinecap="round" strokeLinejoin="round" fill="none" d="M8 19.5 12 13 16 19.5" />
+      <Circle cx={12} cy={12} r={0.85} fill={color} />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,20 @@
+/* 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 HuntIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={12} cy={12} r={7.2} fill={color} fillOpacity={0.22} />
+      <Circle cx={12} cy={12} r={8.4} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Circle cx={12} cy={12} r={5.1} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} />
+      <Circle cx={12} cy={12} r={2.35} fill={color} />
+      <Path fill={color} d="M11.15 1.8h1.7v3.1h-1.7V1.8zm0 17.3h1.7v3.1h-1.7v-3.1zM1.8 11.15h3.1v1.7H1.8v-1.7zm17.3 0h3.1v1.7h-3.1v-1.7z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} d="M12 6.5v1.5M12 16v1.5M6.5 12h1.5M16 12h1.5" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/incognito.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 IncognitoIcon({
+  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.6c-4.1 0-7.4 3.4-7.4 7.5V19l3-1.8 4.4 2.6 4.4-2.6 3 1.8v-8.9c0-4.1-3.3-7.5-7.4-7.5z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M12 3.4c-3.6 0-6.5 3-6.5 6.7V17.6l2.4-1.45 4.1 2.4 4.1-2.4 2.4 1.45V10.1c0-3.7-2.9-6.7-6.5-6.7z" />
+      <Circle cx={12} cy={10.2} r={3.5} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.7} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.7} d="M12 7.2v6M9 10.2h6" />
+      <Circle cx={12} cy={10.2} r={1.05} fill={color} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/index.ts

@@ -0,0 +1,248 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import type { ComponentType } from 'react';
+import type { AppIconName } from '../../../catalog/app-icon-names';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+import { SearchIcon } from './search';
+import { HuntIcon } from './hunt';
+import { BackIcon } from './back';
+import { OverflowIcon } from './overflow';
+import { LocationIcon } from './location';
+import { MicIcon } from './mic';
+import { SendIcon } from './send';
+import { ChatIcon } from './chat';
+import { CloseIcon } from './close';
+import { ChevronDownIcon } from './chevron-down';
+import { ChevronRightIcon } from './chevron-right';
+import { FlipCameraIcon } from './flip-camera';
+import { FlashIcon } from './flash';
+import { GalleryIcon } from './gallery';
+import { VideoIcon } from './video';
+import { CameraIcon } from './camera';
+import { TrashIcon } from './trash';
+import { GlobeIcon } from './globe';
+import { TravelIcon } from './travel';
+import { TabDiscoverIcon } from './tab-discover';
+import { TabVibesIcon } from './tab-vibes';
+import { TabFlashIcon } from './tab-flash';
+import { TabChatIcon } from './tab-chat';
+import { TabRandomIcon } from './tab-random';
+import { BoostIcon } from './boost';
+import { FireIcon } from './fire';
+import { RightNowIcon } from './right-now';
+import { SettingsIcon } from './settings';
+import { EditIcon } from './edit';
+import { CropIcon } from './crop';
+import { IncognitoIcon } from './incognito';
+import { EventsIcon } from './events';
+import { ShieldIcon } from './shield';
+import { ProfileIcon } from './profile';
+import { BookmarkIcon } from './bookmark';
+import { ListIcon } from './list';
+import { CommunitiesIcon } from './communities';
+import { StarIcon } from './star';
+import { SignOutIcon } from './sign-out';
+import { PublishIcon } from './publish';
+import { StoryIcon } from './story';
+import { StoryMusicIcon } from './story-music';
+import { StoryStickerIcon } from './story-sticker';
+import { StoryTextIcon } from './story-text';
+import { StoryEffectsIcon } from './story-effects';
+import { StoryMentionIcon } from './story-mention';
+import { RepostIcon } from './repost';
+import { HeartIcon } from './heart';
+import { HeartFilledIcon } from './heart-filled';
+import { ThumbsUpIcon } from './thumbs-up';
+import { ThumbsUpFilledIcon } from './thumbs-up-filled';
+import { PlayIcon } from './play';
+import { PauseIcon } from './pause';
+import { PlusIcon } from './plus';
+import { FollowersIcon } from './followers';
+import { MentionIcon } from './mention';
+import { VisibilityIcon } from './visibility';
+import { VisibilityOffIcon } from './visibility-off';
+import { CheckIcon } from './check';
+import { ArrowRightIcon } from './arrow-right';
+import { ArrowUpRightIcon } from './arrow-up-right';
+import { ArrowDownRightIcon } from './arrow-down-right';
+import { ReplyIcon } from './reply';
+import { PendingIcon } from './pending';
+import { DownloadIcon } from './download';
+import { RadioUncheckedIcon } from './radio-unchecked';
+import { CopyIcon } from './copy';
+import { AttachmentIcon } from './attachment';
+import { PollIcon } from './poll';
+import { LockIcon } from './lock';
+import { VolumeOnIcon } from './volume-on';
+import { VolumeOffIcon } from './volume-off';
+import { InfoIcon } from './info';
+import { WarningIcon } from './warning';
+import { SignalIcon } from './signal';
+import { HourglassIcon } from './hourglass';
+import { BellIcon } from './bell';
+import { ShareIcon } from './share';
+import { GiftIcon } from './gift';
+
+export const GENERATED_ICON_REGISTRY: Record<
+  AppIconName,
+  ComponentType<AppIconGlyphProps>
+> = {
+  'search': SearchIcon,
+  'hunt': HuntIcon,
+  'back': BackIcon,
+  'overflow': OverflowIcon,
+  'location': LocationIcon,
+  'mic': MicIcon,
+  'send': SendIcon,
+  'chat': ChatIcon,
+  'close': CloseIcon,
+  'chevron-down': ChevronDownIcon,
+  'chevron-right': ChevronRightIcon,
+  'flip-camera': FlipCameraIcon,
+  'flash': FlashIcon,
+  'gallery': GalleryIcon,
+  'video': VideoIcon,
+  'camera': CameraIcon,
+  'trash': TrashIcon,
+  'globe': GlobeIcon,
+  'travel': TravelIcon,
+  'tab-discover': TabDiscoverIcon,
+  'tab-vibes': TabVibesIcon,
+  'tab-flash': TabFlashIcon,
+  'tab-chat': TabChatIcon,
+  'tab-random': TabRandomIcon,
+  'boost': BoostIcon,
+  'fire': FireIcon,
+  'right-now': RightNowIcon,
+  'settings': SettingsIcon,
+  'edit': EditIcon,
+  'crop': CropIcon,
+  'incognito': IncognitoIcon,
+  'events': EventsIcon,
+  'shield': ShieldIcon,
+  'profile': ProfileIcon,
+  'bookmark': BookmarkIcon,
+  'list': ListIcon,
+  'communities': CommunitiesIcon,
+  'star': StarIcon,
+  'sign-out': SignOutIcon,
+  'publish': PublishIcon,
+  'story': StoryIcon,
+  'story-music': StoryMusicIcon,
+  'story-sticker': StoryStickerIcon,
+  'story-text': StoryTextIcon,
+  'story-effects': StoryEffectsIcon,
+  'story-mention': StoryMentionIcon,
+  'repost': RepostIcon,
+  'heart': HeartIcon,
+  'heart-filled': HeartFilledIcon,
+  'thumbs-up': ThumbsUpIcon,
+  'thumbs-up-filled': ThumbsUpFilledIcon,
+  'play': PlayIcon,
+  'pause': PauseIcon,
+  'plus': PlusIcon,
+  'followers': FollowersIcon,
+  'mention': MentionIcon,
+  'visibility': VisibilityIcon,
+  'visibility-off': VisibilityOffIcon,
+  'check': CheckIcon,
+  'arrow-right': ArrowRightIcon,
+  'arrow-up-right': ArrowUpRightIcon,
+  'arrow-down-right': ArrowDownRightIcon,
+  'reply': ReplyIcon,
+  'pending': PendingIcon,
+  'download': DownloadIcon,
+  'radio-unchecked': RadioUncheckedIcon,
+  'copy': CopyIcon,
+  'attachment': AttachmentIcon,
+  'poll': PollIcon,
+  'lock': LockIcon,
+  'volume-on': VolumeOnIcon,
+  'volume-off': VolumeOffIcon,
+  'info': InfoIcon,
+  'warning': WarningIcon,
+  'signal': SignalIcon,
+  'hourglass': HourglassIcon,
+  'bell': BellIcon,
+  'share': ShareIcon,
+  'gift': GiftIcon,
+};
+
+export { SearchIcon } from './search';
+export { HuntIcon } from './hunt';
+export { BackIcon } from './back';
+export { OverflowIcon } from './overflow';
+export { LocationIcon } from './location';
+export { MicIcon } from './mic';
+export { SendIcon } from './send';
+export { ChatIcon } from './chat';
+export { CloseIcon } from './close';
+export { ChevronDownIcon } from './chevron-down';
+export { ChevronRightIcon } from './chevron-right';
+export { FlipCameraIcon } from './flip-camera';
+export { FlashIcon } from './flash';
+export { GalleryIcon } from './gallery';
+export { VideoIcon } from './video';
+export { CameraIcon } from './camera';
+export { TrashIcon } from './trash';
+export { GlobeIcon } from './globe';
+export { TravelIcon } from './travel';
+export { TabDiscoverIcon } from './tab-discover';
+export { TabVibesIcon } from './tab-vibes';
+export { TabFlashIcon } from './tab-flash';
+export { TabChatIcon } from './tab-chat';
+export { TabRandomIcon } from './tab-random';
+export { BoostIcon } from './boost';
+export { FireIcon } from './fire';
+export { RightNowIcon } from './right-now';
+export { SettingsIcon } from './settings';
+export { EditIcon } from './edit';
+export { CropIcon } from './crop';
+export { IncognitoIcon } from './incognito';
+export { EventsIcon } from './events';
+export { ShieldIcon } from './shield';
+export { ProfileIcon } from './profile';
+export { BookmarkIcon } from './bookmark';
+export { ListIcon } from './list';
+export { CommunitiesIcon } from './communities';
+export { StarIcon } from './star';
+export { SignOutIcon } from './sign-out';
+export { PublishIcon } from './publish';
+export { StoryIcon } from './story';
+export { StoryMusicIcon } from './story-music';
+export { StoryStickerIcon } from './story-sticker';
+export { StoryTextIcon } from './story-text';
+export { StoryEffectsIcon } from './story-effects';
+export { StoryMentionIcon } from './story-mention';
+export { RepostIcon } from './repost';
+export { HeartIcon } from './heart';
+export { HeartFilledIcon } from './heart-filled';
+export { ThumbsUpIcon } from './thumbs-up';
+export { ThumbsUpFilledIcon } from './thumbs-up-filled';
+export { PlayIcon } from './play';
+export { PauseIcon } from './pause';
+export { PlusIcon } from './plus';
+export { FollowersIcon } from './followers';
+export { MentionIcon } from './mention';
+export { VisibilityIcon } from './visibility';
+export { VisibilityOffIcon } from './visibility-off';
+export { CheckIcon } from './check';
+export { ArrowRightIcon } from './arrow-right';
+export { ArrowUpRightIcon } from './arrow-up-right';
+export { ArrowDownRightIcon } from './arrow-down-right';
+export { ReplyIcon } from './reply';
+export { PendingIcon } from './pending';
+export { DownloadIcon } from './download';
+export { RadioUncheckedIcon } from './radio-unchecked';
+export { CopyIcon } from './copy';
+export { AttachmentIcon } from './attachment';
+export { PollIcon } from './poll';
+export { LockIcon } from './lock';
+export { VolumeOnIcon } from './volume-on';
+export { VolumeOffIcon } from './volume-off';
+export { InfoIcon } from './info';
+export { WarningIcon } from './warning';
+export { SignalIcon } from './signal';
+export { HourglassIcon } from './hourglass';
+export { BellIcon } from './bell';
+export { ShareIcon } from './share';
+export { GiftIcon } from './gift';

package/src/renderer/ui/generated/info.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 InfoIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={12} cy={12} r={8.2} fill={color} fillOpacity={0.28} />
+      <Circle cx={12} cy={12} r={8.2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Circle cx={12} cy={8} r={1.25} fill={color} />
+      <Path fill={color} d="M10.9 10.6h2.2v6h-2.2v-6z" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,21 @@
+/* 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 ListIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={5.4} cy={6.4} r={1.85} fill={color} fillOpacity={0.35} />
+      <Circle cx={5.4} cy={12} r={1.85} fill={color} fillOpacity={0.35} />
+      <Circle cx={5.4} cy={17.6} r={1.85} fill={color} fillOpacity={0.35} />
+      <Circle cx={5.4} cy={6.4} r={1.25} fill={color} />
+      <Circle cx={5.4} cy={12} r={1.25} fill={color} />
+      <Circle cx={5.4} cy={17.6} r={1.25} fill={color} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M9.4 6.4h10.2M9.4 12h10.2M9.4 17.6h10.2" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/location.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 LocationIcon({
+  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="M12 2.2c-4 0-7.2 3.1-7.2 7 0 5 5.8 11.4 6.7 12.4a.75.75 0 0 0 1.1 0c.9-1 6.7-7.4 6.7-12.4 0-3.9-3.2-7-7.2-7z" />
+      <Path fill={color} fillRule="evenodd" d="M12 2.6c-3.6 0-6.5 2.8-6.5 6.3 0 4.5 5.2 10.5 6 11.4a.65.65 0 0 0 .95 0c.8-.9 6-6.9 6-11.4 0-3.5-2.9-6.3-6.45-6.3zm0 4a2.3 2.3 0 1 0 0 4.6 2.3 2.3 0 0 0 0-4.6z" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,19 @@
+/* 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 LockIcon({
+  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="M8.2 10.4V7.6A3.8 3.8 0 0 1 12 3.8a3.8 3.8 0 0 1 3.8 3.8v2.8" />
+      <Rect x={5.6} y={10.6} width={12.8} height={9.6} rx={2.1} fill={color} fillOpacity={0.3} />
+      <Rect x={5.4} y={10.4} width={13.2} height={10} rx={2.2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} />
+      <Circle cx={12} cy={15.2} r={1.35} fill={color} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} d="M12 16.4v1.8" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,17 @@
+/* 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 MentionIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={12} cy={12} r={7.5} fill={color} fillOpacity={0.22} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M16 12.2a4 4 0 1 1-.5-1.9" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M15.5 10.3v3.8c0 1.3.8 2.2 2.1 2.2h.2" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/mic.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 MicIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x={9.2} y={3.6} width={5.6} height={10.4} rx={2.8} fill={color} fillOpacity={0.3} />
+      <Rect x={9} y={3.2} width={6} height={11.2} rx={3} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M6.2 11.4a5.8 5.8 0 0 0 11.6 0" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M12 17.2v3.2M9.2 20.6h5.6" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,20 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Circle } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function OverflowIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={12} cy={5.2} r={2.1} fill={color} fillOpacity={0.3} />
+      <Circle cx={12} cy={12} r={2.1} fill={color} fillOpacity={0.3} />
+      <Circle cx={12} cy={18.8} r={2.1} fill={color} fillOpacity={0.3} />
+      <Circle cx={12} cy={5.2} r={1.55} fill={color} />
+      <Circle cx={12} cy={12} r={1.55} fill={color} />
+      <Circle cx={12} cy={18.8} r={1.55} fill={color} />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,18 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Rect } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function PauseIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x={5.8} y={4.4} width={4.6} height={15.2} rx={1.6} fill={color} fillOpacity={0.28} />
+      <Rect x={13.6} y={4.4} width={4.6} height={15.2} rx={1.6} fill={color} fillOpacity={0.28} />
+      <Rect x={6.6} y={5.2} width={3.4} height={13.6} rx={1.2} fill={color} />
+      <Rect x={14.4} y={5.2} width={3.4} height={13.6} rx={1.2} fill={color} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/pending.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 PendingIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={12} cy={12} r={7.6} fill={color} fillOpacity={0.25} />
+      <Circle cx={12} cy={12} r={8.4} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M12 7.2v5.2l3.6 2.2" />
+      <Circle cx={12} cy={12} r={1.15} fill={color} />
+    </Svg>
+  );
+}