@proulr/sdui-components 0.1.65 → 0.1.67

package/src/renderer/ui/generated/video.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 VideoIcon({
+  color = m3Colors.primary,
+  size = 24,
+}: AppIconGlyphProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x={2.6} y={6.4} width={12.8} height={11.2} rx={2.3} fill={color} fillOpacity={0.32} />
+      <Rect x={2.6} y={6.4} width={12.8} height={11.2} rx={2.3} stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} />
+      <Circle cx={9} cy={12} r={2.3} fill={color} />
+      <Path fill={color} fillOpacity={0.35} d="M16.2 9.2 21.2 6.6v10.8l-5-2.6V9.2z" />
+      <Path fill={color} d="M16.6 10 20.4 8v8l-3.8-2V10z" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/visibility-off.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 VisibilityOffIcon({
+  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 4.8c5.8 0 10.4 4.6 11.2 7.2-.8 2.6-5.4 7.2-11.2 7.2S1.6 14.6.8 12C1.6 9.4 6.2 4.8 12 4.8z" />
+      <Path fill={color} fillRule="evenodd" d="M12 5.6c5.2 0 9.4 4.1 10.2 6.4-.8 2.3-5 6.4-10.2 6.4S2.6 14.3 1.8 12C2.6 9.7 6.8 5.6 12 5.6zm0 2.6a3.8 3.8 0 1 0 0 7.6 3.8 3.8 0 0 0 0-7.6z" />
+      <Circle cx={12} cy={12} r={1.55} fill={color} />
+      <Path stroke={color} strokeWidth={2.2} strokeLinecap="round" d="M4.2 5.2 19.8 18.8" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/visibility.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 VisibilityIcon({
+  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 4.8c5.8 0 10.4 4.6 11.2 7.2-.8 2.6-5.4 7.2-11.2 7.2S1.6 14.6.8 12C1.6 9.4 6.2 4.8 12 4.8z" />
+      <Path fill={color} fillRule="evenodd" d="M12 5.6c5.2 0 9.4 4.1 10.2 6.4-.8 2.3-5 6.4-10.2 6.4S2.6 14.3 1.8 12C2.6 9.7 6.8 5.6 12 5.6zm0 2.6a3.8 3.8 0 1 0 0 7.6 3.8 3.8 0 0 0 0-7.6z" />
+      <Circle cx={12} cy={12} r={1.55} fill={color} />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/volume-off.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 VolumeOffIcon({
+  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="M4.2 8.8h3.8L12.6 4.4v15.2l-4.6-4.4H4.2V8.8z" />
+      <Path fill={color} d="M4.8 9.6h3L11.6 6v12l-3.8-3.6h-3V9.6z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={2.1} d="M15.2 9.4l5 5M20.2 9.4l-5 5" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/volume-on.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 VolumeOnIcon({
+  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="M4.2 8.8h3.8L12.6 4.4v15.2l-4.6-4.4H4.2V8.8z" />
+      <Path fill={color} d="M4.8 9.6h3L11.6 6v12l-3.8-3.6h-3V9.6z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M15.2 9.2a3.4 3.4 0 0 1 0 5.6" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.8} d="M17.4 7a6 6 0 0 1 0 10" />
+    </Svg>
+  );
+}

package/src/renderer/ui/generated/warning.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 WarningIcon({
+  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 21.8 19.8H2.2L12 2.8z" />
+      <Path stroke={color} strokeLinecap="round" strokeLinejoin="round" fill="none" strokeWidth={1.9} d="M12 4.6 19.4 18.2H4.6L12 4.6z" />
+      <Path fill={color} d="M11.1 9.2h1.8v5h-1.8v-5z" />
+      <Circle cx={12} cy={16.4} r={1.15} fill={color} />
+    </Svg>
+  );
+}

package/src/renderer/ui/index.ts

@@ -13,98 +13,15 @@ export { Chip } from './Chip';
 export { ChipRow } from './ChipRow';
 export { ChromeGlassLayer, ChromeGlassShell } from './ChromeGlass';
 export { ComposeAudiencePill } from './compose-audience-pill';
-export {
-  ComposeCameraGlyph,
-  ComposeCloseGlyph,
-  ComposeFollowersGlyph,
-  ComposeFollowingGlyph,
-  ComposeGalleryGlyph,
-  ComposeGlobeGlyph,
-  ComposeLiveGlyph,
-  ComposeMentionGlyph,
-  ComposePostGlyph,
-  ComposeStoryGlyph,
-  ComposeTrashGlyph,
-  ComposeVideoGlyph,
-} from './compose-glyphs';
-export {
-  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,
-  AppChromeSettingsGlyph,
-  AppChromeShieldGlyph,
-  AppChromeSignalGlyph,
-  AppChromeSignOutGlyph,
-  AppChromeStarGlyph,
-  AppChromeStoryEffectsGlyph,
-  AppChromeStoryGlyph,
-  AppChromeStoryMentionGlyph,
-  AppChromeStoryMusicGlyph,
-  AppChromeStoryStickerGlyph,
-  AppChromeStoryTextGlyph,
-  AppChromeTabChatGlyph,
-  AppChromeTabDiscoverGlyph,
-  AppChromeTabFlashGlyph,
-  AppChromeTabVibesGlyph,
-  AppChromeThumbsUpFilledGlyph,
-  AppChromeThumbsUpGlyph,
-  AppChromeVisibilityGlyph,
-  AppChromeVisibilityOffGlyph,
-  AppChromeVolumeOffGlyph,
-  AppChromeVolumeOnGlyph,
-  AppChromeWarningGlyph,
-  type AppChromeGlyphProps,
-} from './app-glyphs';
 export {
   AppIcon,
   APP_ICON_SIZE,
+  ICON_REGISTRY,
   isAppIconName,
   type AppIconName,
   type AppIconProps,
 } from './app-icon';
+export type { AppIconGlyphProps } from './app-icon-glyph-props';
 export { ComposeMediaCarousel, type ComposeMediaCarouselItem } from './compose-media-carousel';
 export { ComposeMediaShortcut, COMPOSE_MEDIA_TILE_SIZE } from './compose-media-shortcut';
 export { ComposeRecentMediaGrid, type ComposeRecentMediaItem } from './compose-recent-media-grid';

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

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