@proulr/sdui-components 0.1.65 → 0.1.67

package/src/renderer/ui/generated/play.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 PlayIcon({
+  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.6 4.6v14.8l12.2-7.4L7.6 4.6z" />
+      <Path fill={color} d="M8.6 6.2v11.6l9.4-5.8L8.6 6.2z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/plus.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 PlusIcon({
+  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="M10.4 4h3.2v6.4H20v3.2h-6.4V20h-3.2v-6.4H4v-3.2h6.4V4z" />
+      <Path fill={color} d="M11 4.8h2v6.2h6.2v2H13v6.2h-2v-6.2H4.8v-2H11V4.8z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/poll.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 PollIcon({
+  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 13.6h4V20.4h-4v-6.8zm5.6-5.4h4V20.4h-4V8.2zm5.6-4.6h4V20.4h-4V3.6z" />
+      <Path fill={color} d="M5.2 14.4h2.6V20H5.2v-5.6zm5.6-5h2.6V20h-2.6V9.4zm5.6-4.4h2.6V20h-2.6V5z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M4.2 20.6h15.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/profile.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 ProfileIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={12} cy={8} r={4.3} fill={color} fillOpacity={0.28} />
+      <Circle cx={12} cy={8} r={3.7} fill={color} />
+      <Path fill={color} fillOpacity={0.3} d="M4.4 19.6c0-3.5 3.4-6 7.6-6s7.6 2.5 7.6 6V21H4.4v-1.4z" />
+      <Path fill={color} d="M5.2 19.8c0-2.8 3-4.8 6.8-4.8s6.8 2 6.8 4.8V20.6H5.2v-.8z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/publish.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 PublishIcon({
+  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 16.6h10.4v3H6.8v-3z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M12 15.6V4.8M8.2 8.4 12 4.6l3.8 3.8" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M5.2 14.2v3.6A2 2 0 0 0 7.2 19.8h9.6a2 2 0 0 0 2-2v-3.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/radio-unchecked.tsx

@@ -0,0 +1,16 @@
+/* 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 RadioUncheckedIcon({
+  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={6.2} fill={color} fillOpacity={0.22} />
+      <Circle cx={12} cy={12} r={8.2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/reply.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 ReplyIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.25} d="M6 11.2h8.2a3.6 3.6 0 0 1 3.6 3.6v1.4H14a3.6 3.6 0 0 0-3.6-3.6H6v-1.4z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M9.2 8.2 4.6 12.8 9.2 17.4" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M4.6 12.8H14a5.2 5.2 0 0 1 5.2 5.2v1" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/repost.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 RepostIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path fill={color} fillOpacity={0.25} d="M8.4 9.4h7.6a2.6 2.6 0 0 1 2.6 2.6v.8H8.4V9.4z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M7.2 8.4H16a3 3 0 0 1 3 3v1.2" />
+      <Path fill={color} d="M7.2 5.2 4.2 8.4l3 3.2V5.2z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M16.8 15.6H8a3 3 0 0 1-3-3v-1.2" />
+      <Path fill={color} d="M16.8 18.8 19.8 15.6l-3-3.2v6.4z" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,22 @@
+/* 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 RightNowIcon({
+  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.4} fill={color} fillOpacity={0.28} />
+      <Circle cx={12} cy={12} r={2.2} fill={color} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M12 6.2a5.8 5.8 0 0 1 5.8 5.8" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M12 4a8 8 0 0 1 8 8" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M12 2.2a9.8 9.8 0 0 1 9.8 9.8" opacity={0.55} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.7} d="M6.2 12A5.8 5.8 0 0 1 12 6.2" opacity={0.4} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} d="M12 2.4v2.2M12 19.4v2.2M2.4 12h2.2M19.4 12h2.2" />
+      <Circle cx={17.2} cy={6.8} r={0.9} fill={color} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/search.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 SearchIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={10.6} cy={10.6} r={5.6} fill={color} fillOpacity={0.28} />
+      <Circle cx={10.6} cy={10.6} r={6.4} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.2} d="M15.4 15.4l5 5" />
+      <Circle cx={8.8} cy={8.8} r={1.2} fill={color} fillOpacity={0.4} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/send.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 SendIcon({
+  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.4 11.1 19.8 3.4a.8.8 0 0 1 1.05 1L14.5 20.2a.8.8 0 0 1-1.45.08l-2.4-5.6-5.6-2.4a.8.8 0 0 1-.61-1.18z" />
+      <Path fill={color} d="M4.2 11.2 19.6 4.2 13.2 18.8l-2.2-5.2-5.2-2.2a.55.55 0 0 1-.4-.8z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} d="M10.8 13.6l3.4-3.4" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,16 @@
+/* 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 SettingsIcon({
+  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={9.2} fill={color} fillOpacity={0.18} />
+      <Path fill={color} fillRule="evenodd" d="M19.35 13.05a7.4 7.4 0 0 0 .1-1.05 7.4 7.4 0 0 0-.1-1.05l1.95-1.55a.55.55 0 0 0 .12-.7l-1.85-3.2a.55.55 0 0 0-.66-.24l-2.3.95a7.2 7.2 0 0 0-1.65-.95l-.38-2.45A.55.55 0 0 0 13.9 2.4h-3.8a.55.55 0 0 0-.54.45l-.38 2.45c-.58.24-1.14.55-1.65.95l-2.3-.95a.55.55 0 0 0-.66.24L2.72 8.5a.55.55 0 0 0 .12.7l1.95 1.55a7.4 7.4 0 0 0-.1 1.05c0 .36.03.71.1 1.05l-1.95 1.55a.55.55 0 0 0-.12.7l1.85 3.2a.55.55 0 0 0 .66.24l2.3-.95c.5.4 1.07.72 1.65.95l.38 2.45a.55.55 0 0 0 .54.45h3.8a.55.55 0 0 0 .54-.45l.38-2.45c.58-.23 1.14-.55 1.65-.95l2.3.95a.55.55 0 0 0 .66-.24l1.85-3.2a.55.55 0 0 0-.12-.7l-1.95-1.55zM12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/share.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 ShareIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx={18.2} cy={5.4} r={3} fill={color} fillOpacity={0.3} />
+      <Circle cx={5.8} cy={12} r={3} fill={color} fillOpacity={0.3} />
+      <Circle cx={18.2} cy={18.6} r={3} fill={color} fillOpacity={0.3} />
+      <Circle cx={18.2} cy={5.4} r={2.2} fill={color} />
+      <Circle cx={5.8} cy={12} r={2.2} fill={color} />
+      <Circle cx={18.2} cy={18.6} r={2.2} fill={color} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M8.1 10.7 15.8 6.7M8.1 13.3l7.7 4" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/shield.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 ShieldIcon({
+  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.4 19.6 5.4v6.4c0 5-3.4 8.8-7.6 10-4.2-1.2-7.6-5-7.6-10V5.4L12 2.4z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M12 3.4 18.4 5.8v5.8c0 4.4-2.9 7.8-6.4 8.9-3.5-1.1-6.4-4.5-6.4-8.9V5.8L12 3.4z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.7} d="M12 8.4v6.2M9.6 11.2h4.8" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/sign-out.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 SignOutIcon({
+  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.6 5.4h6.4v13.2H4.6V5.4z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M11.2 4.2H6.4A2 2 0 0 0 4.4 6.2v11.6a2 2 0 0 0 2 2h4.8" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M10.4 12h9.2M16.4 8.2 20.2 12l-3.8 3.8" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/signal.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 SignalIcon({
+  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="M3.6 14.6h3.8V20.4H3.6v-5.8zm4.6-4.2h3.8V20.4H8.2v-10zm4.6-4.2h3.8V20.4h-3.8V6.2zm4.6-3.6h3.8V20.4h-3.8V2.6z" />
+      <Path fill={color} d="M4.4 15.4h2.4V20H4.4v-4.6zm4.6-4h2.4V20H9v-8.6zm4.6-4h2.4V20h-2.4V7.4zm4.6-3.4h2.4V20h-2.4V4z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/star.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 StarIcon({
+  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.2 15.1 9.1l7.2.55-5.5 4.75 1.7 7L12 18 5.5 21.4l1.7-7L1.7 9.65l7.2-.55L12 2.2z" />
+      <Path fill={color} d="M12 3.6 14.55 9.4l5.9.5-4.5 3.9 1.4 5.7L12 16.5 6.65 19.5l1.4-5.7-4.5-3.9 5.9-.5L12 3.6z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/story-effects.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 StoryEffectsIcon({
+  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.4 13.3 9.2 19.8 10.4 13.3 11.6 12 18.4 10.7 11.6 4.2 10.4 10.7 9.2 12 2.4z" />
+      <Path fill={color} d="M12 4.2 12.9 9.4 18 10.2 12.9 11 12 16.2 11.1 11 6 10.2 11.1 9.4 12 4.2z" />
+      <Circle cx={18.6} cy={5.2} r={1.2} fill={color} />
+      <Circle cx={5.4} cy={6} r={1} fill={color} fillOpacity={0.55} />
+      <Circle cx={18.2} cy={17.8} r={1.05} fill={color} fillOpacity={0.55} />
+      <Circle cx={6.2} cy={17.2} r={0.9} fill={color} fillOpacity={0.45} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/story-mention.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 StoryMentionIcon({
+  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.4} fill={color} fillOpacity={0.22} />
+      <Circle cx={12} cy={12} r={8.2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M15.6 12a3.6 3.6 0 1 1-.4-1.7" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M15.2 10.3v3.4a2 2 0 0 0 2 2h.4" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/story-music.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 StoryMusicIcon({
+  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="M11.2 5.2 18.6 3.6v11.2l-7.4 1.6V5.2z" />
+      <Circle cx={9.2} cy={19.2} r={2.5} fill={color} />
+      <Circle cx={16.4} cy={16} r={2.5} fill={color} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} d="M11.7 18V5.2l6.9-1.5v11.6" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/story-sticker.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 StoryStickerIcon({
+  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.4 14.4 8.2l6.1.5-4.65 4 1.45 6L12 15.8 6.7 18.7l1.45-6-4.65-4 6.1-.5L12 2.4z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M12 3.6 13.9 8.5l4.9.4-3.75 3.25 1.15 4.8L12 14.7 7.8 17l1.15-4.8L5.2 8.9l4.9-.4L12 3.6z" />
+      <Circle cx={10.3} cy={10.6} r={0.9} fill={color} />
+      <Circle cx={13.7} cy={10.6} r={0.9} fill={color} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M10.1 13.2c.55.65 1.3 1 1.9 1s1.35-.35 1.9-1" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/story-text.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 StoryTextIcon({
+  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="M5.2 4.6h13.6v3H5.2v-3z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.2} d="M5.4 6.2h13.2M12 6.2v12.4" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M8.8 18.6h6.4" />
+    </Svg>
+  );
+}

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

@@ -0,0 +1,18 @@
+/* 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 StoryIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x={4.4} y={3.6} width={15.2} height={16.8} rx={3.2} fill={color} fillOpacity={0.28} />
+      <Rect x={4.2} y={3.4} width={15.6} height={17.2} rx={3.4} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Circle cx={12} cy={11} r={2.7} fill={color} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.6} d="M8.4 17.4h7.2" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/tab-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 TabChatIcon({
+  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 4h14a2.2 2.2 0 0 1 2.2 2.2v8.2A2.2 2.2 0 0 1 19 16.6h-8.2L6.2 20.2V16.6H5A2.2 2.2 0 0 1 2.8 14.4V6.2A2.2 2.2 0 0 1 5 4z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M5 4.8h14a1.4 1.4 0 0 1 1.4 1.4v8.2a1.4 1.4 0 0 1-1.4 1.4H10.6L6.4 19V15.8H5A1.4 1.4 0 0 1 3.6 14.4V6.2A1.4 1.4 0 0 1 5 4.8z" />
+      <Circle cx={8.8} cy={10} r={0.95} fill={color} />
+      <Circle cx={12} cy={10} r={0.95} fill={color} />
+      <Circle cx={15.2} cy={10} r={0.95} fill={color} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/tab-discover.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 TabDiscoverIcon({
+  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} fill={color} fillOpacity={0.22} />
+      <Circle cx={12} cy={12} r={8.2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2} />
+      <Circle cx={12} cy={12} r={4.6} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} />
+      <Circle cx={12} cy={12} r={2.15} fill={color} />
+      <Path fill={color} d="M11.2 2h1.6v2.8h-1.6V2zm0 17.2h1.6V22h-1.6v-2.8zM2 11.2h2.8v1.6H2v-1.6zm17.2 0H22v1.6h-2.8v-1.6z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/tab-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 TabFlashIcon({
+  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="M13.8 1.8 6 13.4h4.8l-1.15 8.8 8.5-12.8H13l.8-7.6z" />
+      <Path fill={color} d="M13.4 2.6 6.8 13h4l-.9 7.6 7.2-10.8h-4.2l.5-7.2z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/tab-random.tsx

@@ -0,0 +1,21 @@
+/* Generated by scripts/generate-app-icons.mjs — do not edit. */
+import Svg, { Circle, Rect } from 'react-native-svg';
+import { m3Colors } from '../../theme/proulr-theme';
+import type { AppIconGlyphProps } from '../app-icon-glyph-props';
+
+export function TabRandomIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x={3.8} y={3.8} width={16.4} height={16.4} rx={3.1} fill={color} fillOpacity={0.3} />
+      <Rect x={3.6} y={3.6} width={16.8} height={16.8} rx={3.2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} />
+      <Circle cx={8.4} cy={8.4} r={1.35} fill={color} />
+      <Circle cx={15.6} cy={8.4} r={1.35} fill={color} />
+      <Circle cx={12} cy={12} r={1.35} fill={color} />
+      <Circle cx={8.4} cy={15.6} r={1.35} fill={color} />
+      <Circle cx={15.6} cy={15.6} r={1.35} fill={color} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/tab-vibes.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 TabVibesIcon({
+  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="M3.8 9h3v6h-3V9zm3.6-3.2h3v12.4h-3V5.8zm3.6 2h3v8.4h-3V7.8zm3.6-3.4h3v15.2h-3V4.4zm3.6 4.6h3v6h-3v-6z" />
+      <Path fill={color} d="M4.4 9.6h2v4.8h-2V9.6zm3.6-3h2v10.8h-2V6.6zm3.6 1.8h2v7.2h-2V8.4zm3.6-3.2h2v13.6h-2V5.2zm3.6 4.4h2v4.8h-2v-4.8z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/thumbs-up-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 ThumbsUpFilledIcon({
+  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="M7.6 10V20H5.4A2 2 0 0 1 3.4 18v-5.8A2 2 0 0 1 5.4 10H7.6zm2-5.8a2.2 2.2 0 0 1 4.05 1.1V10h4.4a2.2 2.2 0 0 1 2.15 2.7l-1.3 6A2.8 2.8 0 0 1 16.3 20.4H7.6V10l2-5.8z" />
+      <Path fill={color} d="M8 10.4V19.6H5.8A1.8 1.8 0 0 1 4 17.8v-5.6a1.8 1.8 0 0 1 1.8-1.8H8zm2.2-5.6a2 2 0 0 1 3.7 1V10h4.2a2 2 0 0 1 1.95 2.45l-1.25 5.7A2.6 2.6 0 0 1 16.1 20H8V10.4l2.2-5.6z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/thumbs-up.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 ThumbsUpIcon({
+  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="M8.4 10.8V19H6.4A1.4 1.4 0 0 1 5 17.6v-5.4A1.4 1.4 0 0 1 6.4 10.8h2z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M8.2 10.6V19.4H6.2A1.6 1.6 0 0 1 4.6 17.8v-5.6A1.6 1.6 0 0 1 6.2 10.6h2z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M8.2 10.6 10.4 5.2a1.8 1.8 0 0 1 3.3.9V10h4.4a1.8 1.8 0 0 1 1.75 2.2l-1.2 5.6A2.4 2.4 0 0 1 16.7 19.4H8.2" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/trash.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 TrashIcon({
+  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="M8.4 9h7.2l-.65 9.4a1.6 1.6 0 0 1-1.6 1.45H10.65a1.6 1.6 0 0 1-1.6-1.45L8.4 9z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M8.2 8.8h7.6l-.7 10.2a1.8 1.8 0 0 1-1.8 1.6H10.7a1.8 1.8 0 0 1-1.8-1.6L8.2 8.8z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M5.4 8.8h13.2M10 5.6h4a1.4 1.4 0 0 1 1.4 1.4V8.8H8.6V7A1.4 1.4 0 0 1 10 5.6z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.5} d="M11.2 12.2v4.2M12.8 12.2v4.2" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/travel.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 TravelIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x={4.2} y={8.4} width={15.6} height={11} rx={2.1} fill={color} fillOpacity={0.3} />
+      <Rect x={4} y={8.2} width={16} height={11.4} rx={2.2} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M9 8.2V6.4A1.8 1.8 0 0 1 10.8 4.6h2.4A1.8 1.8 0 0 1 15 6.4v1.8" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.7} d="M12 9.8v8.2M4 13.8h16" />
+      <Circle cx={17} cy={11.6} r={1.15} fill={color} />
+    </Svg>
+  );
+}