@react-navigation/native 8.0.0-alpha.1 → 8.0.0-alpha.10

package/ios/ReactNavigationSFSymbolView.swift

@@ -4,10 +4,25 @@ import UIKit
   public var name: String?
   public var size: CGFloat = 24
   public var color: UIColor = .black
+  public var weight: Int = 0
+  public var scale: String = "medium"
+  public var mode: String = "monochrome"
+  public var colorPrimary: UIColor?
+  public var colorSecondary: UIColor?
+  public var colorTertiary: UIColor?
+  public var animation: String = ""
+  public var animationRepeating: Bool = false
+  public var animationRepeatCount: Int = 0
+  public var animationSpeed: CGFloat = 1
+  public var animationWholeSymbol: Bool = false
+  public var animationDirection: String = ""
+  public var animationReversing: Bool = false
+  public var animationCumulative: Bool = false
 }
 
 @objc public class ReactNavigationSFSymbolViewImpl: UIView {
   private var imageView: UIImageView
+  private var currentAnimation: String = ""
 
   override init(frame: CGRect) {
     imageView = UIImageView()
@@ -33,18 +48,253 @@ import UIKit
   }
 
   @objc public func updateProps(_ props: ReactNavigationSFSymbolViewImplProps, oldProps: ReactNavigationSFSymbolViewImplProps) {
-    if props.name != oldProps.name || props.size != oldProps.size {
+    let needsImageUpdate =
+      props.name != oldProps.name ||
+      props.size != oldProps.size ||
+      props.weight != oldProps.weight ||
+      props.scale != oldProps.scale ||
+      props.mode != oldProps.mode ||
+      props.colorPrimary != oldProps.colorPrimary ||
+      props.colorSecondary != oldProps.colorSecondary ||
+      props.colorTertiary != oldProps.colorTertiary
+
+    if needsImageUpdate {
       if let name = props.name {
-        let configuration = UIImage.SymbolConfiguration(pointSize: props.size, weight: .regular)
-        let image = UIImage(systemName: name, withConfiguration: configuration)
+        let symbolWeight = Self.symbolWeight(from: props.weight)
+        let symbolScale = Self.symbolScale(from: props.scale)
+
+        var configuration = UIImage.SymbolConfiguration(pointSize: props.size, weight: symbolWeight, scale: symbolScale)
+
+        let primaryColor = props.colorPrimary ?? props.color
+
+        switch props.mode {
+        case "hierarchical":
+          configuration = configuration.applying(
+            UIImage.SymbolConfiguration(hierarchicalColor: primaryColor)
+          )
+
+          let image = UIImage(systemName: name, withConfiguration: configuration)
+
+          imageView.image = image
+          imageView.tintColor = nil
+
+        case "palette":
+          var paletteColors: [UIColor] = []
+
+          paletteColors.append(primaryColor)
+
+          if let secondary = props.colorSecondary {
+            paletteColors.append(secondary)
+          }
+
+          if let tertiary = props.colorTertiary {
+            paletteColors.append(tertiary)
+          }
+
+          configuration = configuration.applying(
+            UIImage.SymbolConfiguration(paletteColors: paletteColors)
+          )
 
-        imageView.image = image?.withRenderingMode(.alwaysTemplate)
-        imageView.tintColor = props.color
+          let image = UIImage(systemName: name, withConfiguration: configuration)
+
+          imageView.image = image
+          imageView.tintColor = nil
+
+        case "multicolor":
+          configuration = configuration.applying(
+            UIImage.SymbolConfiguration.preferringMulticolor()
+          )
+
+          let image = UIImage(systemName: name, withConfiguration: configuration)
+
+          imageView.image = image
+          imageView.tintColor = nil
+
+        default:
+          // monochrome
+          let image = UIImage(systemName: name, withConfiguration: configuration)
+
+          imageView.image = image?.withRenderingMode(.alwaysTemplate)
+          imageView.tintColor = primaryColor
+        }
       }
     }
 
-    if props.color != oldProps.color {
-      imageView.tintColor = props.color
+    if !needsImageUpdate && props.color != oldProps.color && props.mode == "monochrome" {
+      imageView.tintColor = props.colorPrimary ?? props.color
+    }
+
+    let animationChanged =
+      props.animation != oldProps.animation ||
+      props.animationRepeating != oldProps.animationRepeating ||
+      props.animationRepeatCount != oldProps.animationRepeatCount ||
+      props.animationSpeed != oldProps.animationSpeed ||
+      props.animationWholeSymbol != oldProps.animationWholeSymbol ||
+      props.animationDirection != oldProps.animationDirection ||
+      props.animationReversing != oldProps.animationReversing ||
+      props.animationCumulative != oldProps.animationCumulative
+
+    if animationChanged {
+      updateAnimation(props)
+    }
+  }
+
+  private func updateAnimation(_ props: ReactNavigationSFSymbolViewImplProps) {
+    guard #available(iOS 17.0, *) else { return }
+
+    imageView.removeAllSymbolEffects()
+
+    guard !props.animation.isEmpty else { return }
+
+    var options: SymbolEffectOptions = .default
+
+    if props.animationRepeating {
+      options = options.repeating
+    } else if props.animationRepeatCount > 0 {
+      options = options.repeat(props.animationRepeatCount)
+    }
+
+    if props.animationSpeed != 1 {
+      options = options.speed(props.animationSpeed)
+    }
+
+    switch props.animation {
+    case "bounce":
+      var effect = BounceSymbolEffect.bounce
+
+      if props.animationWholeSymbol {
+        effect = effect.wholeSymbol
+      }
+
+      if props.animationDirection == "up" {
+        effect = effect.up
+      }
+
+      if props.animationDirection == "down" {
+        effect = effect.down
+      }
+
+      imageView.addSymbolEffect(effect, options: options)
+
+    case "pulse":
+      var effect = PulseSymbolEffect.pulse
+
+      if props.animationWholeSymbol {
+        effect = effect.wholeSymbol
+      }
+
+      imageView.addSymbolEffect(effect, options: options)
+
+    case "appear":
+      var effect = AppearSymbolEffect.appear
+
+      if props.animationWholeSymbol {
+        effect = effect.wholeSymbol
+      }
+
+      if props.animationDirection == "up" {
+        effect = effect.up
+      }
+
+      if props.animationDirection == "down" {
+        effect = effect.down
+      }
+
+      imageView.addSymbolEffect(effect, options: options)
+
+    case "disappear":
+      var effect = DisappearSymbolEffect.disappear
+
+      if props.animationWholeSymbol {
+        effect = effect.wholeSymbol
+      }
+
+      if props.animationDirection == "up" {
+        effect = effect.up
+      }
+
+      if props.animationDirection == "down" {
+        effect = effect.down
+      }
+
+      imageView.addSymbolEffect(effect, options: options)
+
+    case "variableColor":
+      var effect = VariableColorSymbolEffect.variableColor
+
+      if props.animationReversing {
+        effect = props.animationCumulative ? effect.reversing.cumulative : effect.reversing.iterative
+      } else {
+        effect = props.animationCumulative ? effect.nonReversing.cumulative : effect.nonReversing.iterative
+      }
+
+      imageView.addSymbolEffect(effect, options: options)
+
+    case "breathe":
+      if #available(iOS 18.0, *) {
+        var effect = BreatheSymbolEffect.breathe
+
+        if props.animationWholeSymbol {
+          effect = effect.wholeSymbol
+        }
+
+        imageView.addSymbolEffect(effect, options: options)
+      }
+
+    case "wiggle":
+      if #available(iOS 18.0, *) {
+        var effect = WiggleSymbolEffect.wiggle
+
+        if props.animationWholeSymbol {
+          effect = effect.wholeSymbol
+        }
+
+        if props.animationDirection == "up" {
+          effect = effect.up
+        }
+
+        if props.animationDirection == "down" {
+          effect = effect.down
+        }
+
+        imageView.addSymbolEffect(effect, options: options)
+      }
+
+    case "rotate":
+      if #available(iOS 18.0, *) {
+        var effect = RotateSymbolEffect.rotate
+
+        if props.animationWholeSymbol {
+          effect = effect.wholeSymbol
+        }
+
+        imageView.addSymbolEffect(effect, options: options)
+      }
+
+    default: break
+    }
+  }
+
+  private static func symbolWeight(from value: Int) -> UIImage.SymbolWeight {
+    switch value {
+    case 100: return .thin
+    case 200: return .ultraLight
+    case 300: return .light
+    case 400: return .regular
+    case 500: return .medium
+    case 600: return .semibold
+    case 700: return .bold
+    case 800: return .heavy
+    case 900: return .black
+    default: return .regular
+    }
+  }
+
+  private static func symbolScale(from value: String) -> UIImage.SymbolScale {
+    switch value {
+    case "small": return .small
+    case "large": return .large
+    default: return .medium
     }
   }
 }

package/lib/module/NavigationContainer.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { I18nManager, Platform } from 'react-native';
 import { LinkingContext } from "./LinkingContext.js";
 import { LocaleDirContext } from "./LocaleDirContext.js";
-import { DefaultTheme } from "./theming/DefaultTheme.js";
+import { LightTheme } from "./theming/LightTheme.js";
 import { useBackButton } from './useBackButton';
 import { useDocumentTitle } from './useDocumentTitle';
 import { useLinking } from './useLinking';
@@ -15,7 +15,7 @@ globalThis.REACT_NAVIGATION_DEVTOOLS = new WeakMap();
 const RESTORE_STATE_ERROR = 'Failed to restore navigation state. The state will be initialized based on the navigation tree.';
 function NavigationContainerInner({
   direction = I18nManager.getConstants().isRTL ? 'rtl' : 'ltr',
-  theme = DefaultTheme,
+  theme = LightTheme,
   linking,
   persistor,
   fallback = null,
@@ -56,9 +56,14 @@ function NavigationContainerInner({
   // This will be used by the devtools
   React.useEffect(() => {
     if (refContainer.current) {
+      const previous = REACT_NAVIGATION_DEVTOOLS.get(refContainer.current);
+      const listeners = previous?.listeners ?? new Set();
       REACT_NAVIGATION_DEVTOOLS.set(refContainer.current, {
         get linking() {
           return linkingConfig.options;
+        },
+        get listeners() {
+          return listeners;
         }
       });
     }

package/lib/module/NavigationContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseNavigationContainer","getActionFromState","getPathFromState","getStateFromPath","ThemeProvider","validatePathConfig","React","I18nManager","Platform","LinkingContext","LocaleDirContext","DefaultTheme","useBackButton","useDocumentTitle","useLinking","useThenable","jsx","_jsx","globalThis","REACT_NAVIGATION_DEVTOOLS","WeakMap","RESTORE_STATE_ERROR","NavigationContainerInner","direction","getConstants","isRTL","theme","linking","persistor","fallback","documentTitle","onStateChange","rest","ref","config","refContainer","useRef","linkingConfig","useMemo","options","enabled","prefixes","getInitialState","useEffect","current","set","isLinkStateResolved","initialStateFromLink","initialState","undefined","isPersistenceSupported","OS","isPersistedStateResolved","initialStateFromPersisted","restoredState","restore","e","console","error","then","state","thenable","onfulfilled","Promise","resolve","useImperativeHandle","isStateReady","Provider","value","children","persist","NavigationContainer","forwardRef"],"sourceRoot":"../../src","sources":["NavigationContainer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BaseNavigationContainer","getActionFromState","getPathFromState","getStateFromPath","ThemeProvider","validatePathConfig","React","I18nManager","Platform","LinkingContext","LocaleDirContext","LightTheme","useBackButton","useDocumentTitle","useLinking","useThenable","jsx","_jsx","globalThis","REACT_NAVIGATION_DEVTOOLS","WeakMap","RESTORE_STATE_ERROR","NavigationContainerInner","direction","getConstants","isRTL","theme","linking","persistor","fallback","documentTitle","onStateChange","rest","ref","config","refContainer","useRef","linkingConfig","useMemo","options","enabled","prefixes","getInitialState","useEffect","current","previous","get","listeners","Set","set","isLinkStateResolved","initialStateFromLink","initialState","undefined","isPersistenceSupported","OS","isPersistedStateResolved","initialStateFromPersisted","restoredState","restore","e","console","error","then","state","thenable","onfulfilled","Promise","resolve","useImperativeHandle","isStateReady","Provider","value","children","persist","NavigationContainer","forwardRef"],"sourceRoot":"../../src","sources":["NavigationContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -9,7 +9,8 @@ export { SFSymbol } from './native/SFSymbol';
 export { NavigationContainer } from "./NavigationContainer.js";
 export { ServerContainer } from "./ServerContainer.js";
 export { DarkTheme } from "./theming/DarkTheme.js";
-export { DefaultTheme } from "./theming/DefaultTheme.js";
+export { LightTheme as DefaultTheme } from "./theming/LightTheme.js";
+export { MaterialDarkTheme, MaterialLightTheme } from './theming/MaterialTheme';
 export * from "./types.js";
 export { useLinkBuilder } from "./useLinkBuilder.js";
 export { useLinkProps } from "./useLinkProps.js";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createStaticNavigation","Link","LinkingContext","LocaleDirContext","MaterialSymbol","SFSymbol","NavigationContainer","ServerContainer","DarkTheme","DefaultTheme","useLinkBuilder","useLinkProps","useLinkTo","useLocale","useRoutePath","useScrollToTop"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SACEC,cAAc,QAET,yBAAyB;AAChC,SAASC,QAAQ,QAA4B,mBAAmB;AAChE,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,SAAS,QAAQ,wBAAqB;AAC/C,SAASC,YAAY,QAAQ,2BAAwB;AACrD,cAAc,YAAS;AACvB,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAAyBC,YAAY,QAAQ,mBAAgB;AAC7D,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,cAAc,wBAAwB","ignoreList":[]}
+{"version":3,"names":["createStaticNavigation","Link","LinkingContext","LocaleDirContext","MaterialSymbol","SFSymbol","NavigationContainer","ServerContainer","DarkTheme","LightTheme","DefaultTheme","MaterialDarkTheme","MaterialLightTheme","useLinkBuilder","useLinkProps","useLinkTo","useLocale","useRoutePath","useScrollToTop"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SACEC,cAAc,QAET,yBAAyB;AAChC,SAASC,QAAQ,QAA4B,mBAAmB;AAChE,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,SAAS,QAAQ,wBAAqB;AAC/C,SAASC,UAAU,IAAIC,YAAY,QAAQ,yBAAsB;AACjE,SAASC,iBAAiB,EAAEC,kBAAkB,QAAQ,yBAAyB;AAC/E,cAAc,YAAS;AACvB,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAAyBC,YAAY,QAAQ,mBAAgB;AAC7D,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,cAAc,wBAAwB","ignoreList":[]}

package/lib/module/native/MaterialSymbol.android.js

@@ -1,22 +1,22 @@
 "use strict";
 
 import { PixelRatio, processColor } from 'react-native';
-import { MATERIAL_SYMBOL_FONT_HASHES } from "./MaterialSymbolData.js";
+import { FONT_WEIGHTS } from "./constants.js";
 import MaterialSymbolViewNativeComponent from './MaterialSymbolViewNativeComponent';
 import NativeMaterialSymbolModule from "./NativeMaterialSymbolModule.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const imageSourceCache = new Map();
 export function MaterialSymbol({
   name,
-  variant = 'outlined',
+  weight,
   size = 24,
-  color = 'black',
+  color,
   style,
   ...rest
 }) {
   return /*#__PURE__*/_jsx(MaterialSymbolViewNativeComponent, {
     name: name,
-    variant: variant,
+    weight: typeof weight === 'string' ? FONT_WEIGHTS[weight] : weight ?? 0,
     size: size,
     color: color,
     style: [{
@@ -28,26 +28,27 @@ export function MaterialSymbol({
 }
 MaterialSymbol.getImageSource = ({
   name,
-  variant = 'outlined',
+  variant,
+  weight,
   size = 24,
   color = 'black'
 }) => {
-  const hash = MATERIAL_SYMBOL_FONT_HASHES[variant];
   const processedColor = processColor(color);
   if (processedColor == null) {
     throw new Error(`Invalid color value: ${String(color)}`);
   }
-  const cacheKey = `${name}:${variant}:${size}:${JSON.stringify(processedColor)}:${hash}`;
+  const scale = PixelRatio.get();
+  const cacheKey = `${name}:${variant}:${weight}:${size}:${scale}:${JSON.stringify(processedColor)}`;
   const cached = imageSourceCache.get(cacheKey);
   if (cached !== undefined) {
     return cached;
   }
-  const uri = NativeMaterialSymbolModule.getImageSource(name, variant, size, {
+  const uri = NativeMaterialSymbolModule.getImageSource(name, variant, typeof weight === 'string' ? FONT_WEIGHTS[weight] : weight, size, {
     value: processedColor
-  }, hash);
+  });
   const source = {
     uri,
-    scale: PixelRatio.get(),
+    scale,
     width: size,
     height: size
   };

package/lib/module/native/MaterialSymbol.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["PixelRatio","processColor","MATERIAL_SYMBOL_FONT_HASHES","MaterialSymbolViewNativeComponent","NativeMaterialSymbolModule","jsx","_jsx","imageSourceCache","Map","MaterialSymbol","name","variant","size","color","style","rest","width","height","getImageSource","hash","processedColor","Error","String","cacheKey","JSON","stringify","cached","get","undefined","uri","value","source","scale","set"],"sourceRoot":"../../../src","sources":["native/MaterialSymbol.android.tsx"],"mappings":";;AAAA,SAEEA,UAAU,EACVC,YAAY,QAEP,cAAc;AAErB,SAASC,2BAA2B,QAAQ,yBAAsB;AAClE,OAAOC,iCAAiC,MAAM,qCAAqC;AACnF,OAAOC,0BAA0B,MAAM,iCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtE,MAAMC,gBAAgB,GAAG,IAAIC,GAAG,CAA8B,CAAC;AAE/D,OAAO,SAASC,cAAcA,CAAC;EAC7BC,IAAI;EACJC,OAAO,GAAG,UAAU;EACpBC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,OAAO;EACfC,KAAK;EACL,GAAGC;AACgB,CAAC,EAAsB;EAC1C,oBACET,IAAA,CAACH,iCAAiC;IAChCO,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAE,CACL;MACEE,KAAK,EAAEJ,IAAI;MACXK,MAAM,EAAEL;IACV,CAAC,EACDE,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN;AAEAN,cAAc,CAACS,cAAc,GAAG,CAAC;EAC/BR,IAAI;EACJC,OAAO,GAAG,UAAU;EACpBC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG;AACa,CAAC,KAA0B;EAChD,MAAMM,IAAI,GAAGjB,2BAA2B,CAACS,OAAO,CAAC;EACjD,MAAMS,cAAc,GAAGnB,YAAY,CAACY,KAAK,CAAC;EAE1C,IAAIO,cAAc,IAAI,IAAI,EAAE;IAC1B,MAAM,IAAIC,KAAK,CAAC,wBAAwBC,MAAM,CAACT,KAAK,CAAC,EAAE,CAAC;EAC1D;EAEA,MAAMU,QAAQ,GAAG,GAAGb,IAAI,IAAIC,OAAO,IAAIC,IAAI,IAAIY,IAAI,CAACC,SAAS,CAACL,cAAc,CAAC,IAAID,IAAI,EAAE;EACvF,MAAMO,MAAM,GAAGnB,gBAAgB,CAACoB,GAAG,CAACJ,QAAQ,CAAC;EAE7C,IAAIG,MAAM,KAAKE,SAAS,EAAE;IACxB,OAAOF,MAAM;EACf;EAEA,MAAMG,GAAG,GAAGzB,0BAA0B,CAACc,cAAc,CACnDR,IAAI,EACJC,OAAO,EACPC,IAAI,EACJ;IAAEkB,KAAK,EAAEV;EAAe,CAAC,EACzBD,IACF,CAAC;EAED,MAAMY,MAA2B,GAAG;IAClCF,GAAG;IACHG,KAAK,EAAEhC,UAAU,CAAC2B,GAAG,CAAC,CAAC;IACvBX,KAAK,EAAEJ,IAAI;IACXK,MAAM,EAAEL;EACV,CAAC;EAEDL,gBAAgB,CAAC0B,GAAG,CAACV,QAAQ,EAAEQ,MAAM,CAAC;EAEtC,OAAOA,MAAM;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["PixelRatio","processColor","FONT_WEIGHTS","MaterialSymbolViewNativeComponent","NativeMaterialSymbolModule","jsx","_jsx","imageSourceCache","Map","MaterialSymbol","name","weight","size","color","style","rest","width","height","getImageSource","variant","processedColor","Error","String","scale","get","cacheKey","JSON","stringify","cached","undefined","uri","value","source","set"],"sourceRoot":"../../../src","sources":["native/MaterialSymbol.android.tsx"],"mappings":";;AAAA,SAEEA,UAAU,EACVC,YAAY,QAEP,cAAc;AAErB,SAASC,YAAY,QAAQ,gBAAa;AAC1C,OAAOC,iCAAiC,MAAM,qCAAqC;AACnF,OAAOC,0BAA0B,MAAM,iCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtE,MAAMC,gBAAgB,GAAG,IAAIC,GAAG,CAA8B,CAAC;AAE/D,OAAO,SAASC,cAAcA,CAAC;EAC7BC,IAAI;EACJC,MAAM;EACNC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC,KAAK;EACL,GAAGC;AACgB,CAAC,EAAsB;EAC1C,oBACET,IAAA,CAACH,iCAAiC;IAChCO,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGT,YAAY,CAACS,MAAM,CAAC,GAAIA,MAAM,IAAI,CAAG;IAC1EC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAE,CACL;MACEE,KAAK,EAAEJ,IAAI;MACXK,MAAM,EAAEL;IACV,CAAC,EACDE,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN;AAEAN,cAAc,CAACS,cAAc,GAAG,CAAC;EAC/BR,IAAI;EACJS,OAAO;EACPR,MAAM;EACNC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG;AACa,CAAC,KAA0B;EAChD,MAAMO,cAAc,GAAGnB,YAAY,CAACY,KAAK,CAAC;EAE1C,IAAIO,cAAc,IAAI,IAAI,EAAE;IAC1B,MAAM,IAAIC,KAAK,CAAC,wBAAwBC,MAAM,CAACT,KAAK,CAAC,EAAE,CAAC;EAC1D;EAEA,MAAMU,KAAK,GAAGvB,UAAU,CAACwB,GAAG,CAAC,CAAC;EAE9B,MAAMC,QAAQ,GAAG,GAAGf,IAAI,IAAIS,OAAO,IAAIR,MAAM,IAAIC,IAAI,IAAIW,KAAK,IAAIG,IAAI,CAACC,SAAS,CAACP,cAAc,CAAC,EAAE;EAClG,MAAMQ,MAAM,GAAGrB,gBAAgB,CAACiB,GAAG,CAACC,QAAQ,CAAC;EAE7C,IAAIG,MAAM,KAAKC,SAAS,EAAE;IACxB,OAAOD,MAAM;EACf;EAEA,MAAME,GAAG,GAAG1B,0BAA0B,CAACc,cAAc,CACnDR,IAAI,EACJS,OAAO,EACP,OAAOR,MAAM,KAAK,QAAQ,GAAGT,YAAY,CAACS,MAAM,CAAC,GAAGA,MAAM,EAC1DC,IAAI,EACJ;IAAEmB,KAAK,EAAEX;EAAe,CAC1B,CAAC;EAED,MAAMY,MAA2B,GAAG;IAClCF,GAAG;IACHP,KAAK;IACLP,KAAK,EAAEJ,IAAI;IACXK,MAAM,EAAEL;EACV,CAAC;EAEDL,gBAAgB,CAAC0B,GAAG,CAACR,QAAQ,EAAEO,MAAM,CAAC;EAEtC,OAAOA,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/native/MaterialSymbolData.js

@@ -1,11 +1,2 @@
 "use strict";
-
-// Auto-generated by scripts/update-material-symbols.ts
-// Do not edit manually
-
-export const MATERIAL_SYMBOL_FONT_HASHES = {
-  outlined: 'bc5ec91a',
-  rounded: 'eb75c001',
-  sharp: '66ecc6b8'
-};
 //# sourceMappingURL=MaterialSymbolData.js.map

package/lib/module/native/MaterialSymbolData.js.map

@@ -1 +1 @@
-{"version":3,"names":["MATERIAL_SYMBOL_FONT_HASHES","outlined","rounded","sharp"],"sourceRoot":"../../../src","sources":["native/MaterialSymbolData.tsx"],"mappings":";;AAAA;AACA;;AAEA,OAAO,MAAMA,2BAA2B,GAAG;EACzCC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE,UAAU;EACnBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["native/MaterialSymbolData.tsx"],"mappings":"","ignoreList":[]}

package/lib/module/native/MaterialSymbolViewNativeComponent.ts

@@ -9,9 +9,13 @@ import {
 
 export interface NativeProps extends ViewProps {
   name: string;
-  variant: string;
+  variant?: string;
+  weight?: CodegenTypes.WithDefault<
+    0 | 100 | 200 | 300 | 400 | 500 | 600 | 700,
+    0
+  >;
   size: CodegenTypes.Float;
-  color: ColorValue;
+  color?: ColorValue;
 }
 
 export default codegenNativeComponent<NativeProps>(

package/lib/module/native/SFSymbol.ios.js

@@ -1,18 +1,41 @@
 "use strict";
 
+import { FONT_WEIGHTS } from "./constants.js";
 import SFSymbolViewNativeComponent from './SFSymbolViewNativeComponent';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function SFSymbol({
   name,
   size = 24,
-  color = 'black',
+  color,
+  weight,
+  scale = 'medium',
+  mode = 'monochrome',
+  colors,
+  animation,
   style,
   ...rest
 }) {
+  const animConfig = typeof animation === 'string' ? {
+    effect: animation
+  } : animation;
   return /*#__PURE__*/_jsx(SFSymbolViewNativeComponent, {
     name: name,
     size: size,
     color: color,
+    weight: typeof weight === 'string' ? FONT_WEIGHTS[weight] : weight ?? 0,
+    scale: scale,
+    mode: mode,
+    colorPrimary: colors?.primary ?? color,
+    colorSecondary: colors?.secondary,
+    colorTertiary: colors?.tertiary,
+    animation: animConfig?.effect ?? '',
+    animationRepeating: animConfig?.repeating ?? false,
+    animationRepeatCount: animConfig?.repeatCount ?? 0,
+    animationSpeed: animConfig?.speed ?? 1,
+    animationWholeSymbol: animConfig?.wholeSymbol ?? false,
+    animationDirection: animConfig?.direction ?? '',
+    animationReversing: animConfig?.reversing ?? false,
+    animationCumulative: animConfig?.cumulative ?? false,
     style: [{
       width: size,
       height: size

package/lib/module/native/SFSymbol.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["SFSymbolViewNativeComponent","jsx","_jsx","SFSymbol","name","size","color","style","rest","width","height"],"sourceRoot":"../../../src","sources":["native/SFSymbol.ios.tsx"],"mappings":";;AAEA,OAAOA,2BAA2B,MAAM,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKxE,OAAO,SAASC,QAAQA,CAAC;EACvBC,IAAI;EACJC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,OAAO;EACfC,KAAK;EACL,GAAGC;AACU,CAAC,EAAsB;EACpC,oBACEN,IAAA,CAACF,2BAA2B;IAC1BI,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAE,CACL;MACEE,KAAK,EAAEJ,IAAI;MACXK,MAAM,EAAEL;IACV,CAAC,EACDE,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["FONT_WEIGHTS","SFSymbolViewNativeComponent","jsx","_jsx","SFSymbol","name","size","color","weight","scale","mode","colors","animation","style","rest","animConfig","effect","colorPrimary","primary","colorSecondary","secondary","colorTertiary","tertiary","animationRepeating","repeating","animationRepeatCount","repeatCount","animationSpeed","speed","animationWholeSymbol","wholeSymbol","animationDirection","direction","animationReversing","reversing","animationCumulative","cumulative","width","height"],"sourceRoot":"../../../src","sources":["native/SFSymbol.ios.tsx"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,gBAAa;AAC1C,OAAOC,2BAA2B,MAAM,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKxE,OAAO,SAASC,QAAQA,CAAC;EACvBC,IAAI;EACJC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAG,QAAQ;EAChBC,IAAI,GAAG,YAAY;EACnBC,MAAM;EACNC,SAAS;EACTC,KAAK;EACL,GAAGC;AACU,CAAC,EAAsB;EACpC,MAAMC,UAAU,GACd,OAAOH,SAAS,KAAK,QAAQ,GAAG;IAAEI,MAAM,EAAEJ;EAAU,CAAC,GAAGA,SAAS;EAEnE,oBACET,IAAA,CAACF,2BAA2B;IAC1BI,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGR,YAAY,CAACQ,MAAM,CAAC,GAAIA,MAAM,IAAI,CAAG;IAC1EC,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXO,YAAY,EAAEN,MAAM,EAAEO,OAAO,IAAIX,KAAM;IACvCY,cAAc,EAAER,MAAM,EAAES,SAAU;IAClCC,aAAa,EAAEV,MAAM,EAAEW,QAAS;IAChCV,SAAS,EAAEG,UAAU,EAAEC,MAAM,IAAI,EAAG;IACpCO,kBAAkB,EAAER,UAAU,EAAES,SAAS,IAAI,KAAM;IACnDC,oBAAoB,EAAEV,UAAU,EAAEW,WAAW,IAAI,CAAE;IACnDC,cAAc,EAAEZ,UAAU,EAAEa,KAAK,IAAI,CAAE;IACvCC,oBAAoB,EAAEd,UAAU,EAAEe,WAAW,IAAI,KAAM;IACvDC,kBAAkB,EAAEhB,UAAU,EAAEiB,SAAS,IAAI,EAAG;IAChDC,kBAAkB,EAAElB,UAAU,EAAEmB,SAAS,IAAI,KAAM;IACnDC,mBAAmB,EAAEpB,UAAU,EAAEqB,UAAU,IAAI,KAAM;IACrDvB,KAAK,EAAE,CACL;MACEwB,KAAK,EAAE/B,IAAI;MACXgC,MAAM,EAAEhC;IACV,CAAC,EACDO,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN","ignoreList":[]}

package/lib/module/native/SFSymbolViewNativeComponent.ts

@@ -10,7 +10,21 @@ import {
 export interface NativeProps extends ViewProps {
   name: string;
   size: CodegenTypes.Float;
-  color: ColorValue;
+  color?: ColorValue;
+  weight: CodegenTypes.Int32;
+  scale: string;
+  mode: string;
+  colorPrimary?: ColorValue;
+  colorSecondary?: ColorValue;
+  colorTertiary?: ColorValue;
+  animation: string;
+  animationRepeating: boolean;
+  animationRepeatCount: CodegenTypes.Int32;
+  animationSpeed: CodegenTypes.Float;
+  animationWholeSymbol: boolean;
+  animationDirection: string;
+  animationReversing: boolean;
+  animationCumulative: boolean;
 }
 
 export default codegenNativeComponent<NativeProps>(

package/lib/module/native/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+export const FONT_WEIGHTS = {
+  thin: 100,
+  ultralight: 200,
+  light: 300,
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+  extrabold: 800,
+  black: 900
+};
+//# sourceMappingURL=constants.js.map

package/lib/module/native/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FONT_WEIGHTS","thin","ultralight","light","regular","medium","semibold","bold","extrabold","black"],"sourceRoot":"../../../src","sources":["native/constants.tsx"],"mappings":";;AAAA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,IAAI,EAAE,GAAG;EACTC,UAAU,EAAE,GAAG;EACfC,KAAK,EAAE,GAAG;EACVC,OAAO,EAAE,GAAG;EACZC,MAAM,EAAE,GAAG;EACXC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE,GAAG;EACTC,SAAS,EAAE,GAAG;EACdC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

package/lib/module/theming/{DefaultTheme.js → LightTheme.js}

@@ -1,7 +1,7 @@
 "use strict";
 
 import { fonts } from "./fonts.js";
-export const DefaultTheme = {
+export const LightTheme = {
   dark: false,
   colors: {
     primary: 'rgb(0, 122, 255)',
@@ -13,4 +13,4 @@ export const DefaultTheme = {
   },
   fonts
 };
-//# sourceMappingURL=DefaultTheme.js.map
+//# sourceMappingURL=LightTheme.js.map

package/lib/module/theming/LightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fonts","LightTheme","dark","colors","primary","background","card","text","border","notification"],"sourceRoot":"../../../src","sources":["theming/LightTheme.tsx"],"mappings":";;AAEA,SAASA,KAAK,QAAQ,YAAS;AAE/B,OAAO,MAAMC,UAAU,GAAG;EACxBC,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE;IACNC,OAAO,EAAE,kBAAkB;IAC3BC,UAAU,EAAE,oBAAoB;IAChCC,IAAI,EAAE,oBAAoB;IAC1BC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE,oBAAoB;IAC5BC,YAAY,EAAE;EAChB,CAAC;EACDT;AACF,CAA0B","ignoreList":[]}

package/lib/module/theming/MaterialTheme.android.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { PlatformColor } from 'react-native';
+import { fonts } from "./fonts.js";
+export const MaterialLightTheme = {
+  dark: false,
+  colors: {
+    primary: PlatformColor('@android:color/system_primary_light'),
+    background: PlatformColor('@android:color/system_surface_container_light'),
+    card: PlatformColor('@android:color/system_background_light'),
+    text: PlatformColor('@android:color/system_on_surface_light'),
+    border: PlatformColor('@android:color/system_outline_variant_light'),
+    notification: PlatformColor('@android:color/system_error_light')
+  },
+  fonts
+};
+export const MaterialDarkTheme = {
+  dark: true,
+  colors: {
+    primary: PlatformColor('@android:color/system_primary_dark'),
+    background: PlatformColor('@android:color/system_surface_container_dark'),
+    card: PlatformColor('@android:color/system_background_dark'),
+    text: PlatformColor('@android:color/system_on_surface_dark'),
+    border: PlatformColor('@android:color/system_outline_variant_dark'),
+    notification: PlatformColor('@android:color/system_error_dark')
+  },
+  fonts
+};
+//# sourceMappingURL=MaterialTheme.android.js.map

package/lib/module/theming/MaterialTheme.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PlatformColor","fonts","MaterialLightTheme","dark","colors","primary","background","card","text","border","notification","MaterialDarkTheme"],"sourceRoot":"../../../src","sources":["theming/MaterialTheme.android.tsx"],"mappings":";;AACA,SAASA,aAAa,QAAQ,cAAc;AAE5C,SAASC,KAAK,QAAQ,YAAS;AAE/B,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE;IACNC,OAAO,EAAEL,aAAa,CAAC,qCAAqC,CAAC;IAC7DM,UAAU,EAAEN,aAAa,CAAC,+CAA+C,CAAC;IAC1EO,IAAI,EAAEP,aAAa,CAAC,wCAAwC,CAAC;IAC7DQ,IAAI,EAAER,aAAa,CAAC,wCAAwC,CAAC;IAC7DS,MAAM,EAAET,aAAa,CAAC,6CAA6C,CAAC;IACpEU,YAAY,EAAEV,aAAa,CAAC,mCAAmC;EACjE,CAAC;EACDC;AACF,CAA0B;AAE1B,OAAO,MAAMU,iBAAiB,GAAG;EAC/BR,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE;IACNC,OAAO,EAAEL,aAAa,CAAC,oCAAoC,CAAC;IAC5DM,UAAU,EAAEN,aAAa,CAAC,8CAA8C,CAAC;IACzEO,IAAI,EAAEP,aAAa,CAAC,uCAAuC,CAAC;IAC5DQ,IAAI,EAAER,aAAa,CAAC,uCAAuC,CAAC;IAC5DS,MAAM,EAAET,aAAa,CAAC,4CAA4C,CAAC;IACnEU,YAAY,EAAEV,aAAa,CAAC,kCAAkC;EAChE,CAAC;EACDC;AACF,CAA0B","ignoreList":[]}

package/lib/module/theming/MaterialTheme.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { fonts } from "./fonts.js";
+export const MaterialLightTheme = {
+  dark: false,
+  get colors() {
+    throw new Error('MaterialLightTheme is only supported on Android');
+  },
+  fonts
+};
+export const MaterialDarkTheme = {
+  dark: true,
+  get colors() {
+    throw new Error('MaterialDarkTheme is only supported on Android');
+  },
+  fonts
+};
+//# sourceMappingURL=MaterialTheme.js.map

package/lib/module/theming/MaterialTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fonts","MaterialLightTheme","dark","colors","Error","MaterialDarkTheme"],"sourceRoot":"../../../src","sources":["theming/MaterialTheme.tsx"],"mappings":";;AAEA,SAASA,KAAK,QAAQ,YAAS;AAE/B,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,IAAI,EAAE,KAAK;EACX,IAAIC,MAAMA,CAAA,EAAoB;IAC5B,MAAM,IAAIC,KAAK,CAAC,iDAAiD,CAAC;EACpE,CAAC;EACDJ;AACF,CAA0B;AAE1B,OAAO,MAAMK,iBAAiB,GAAG;EAC/BH,IAAI,EAAE,IAAI;EACV,IAAIC,MAAMA,CAAA,EAAoB;IAC5B,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EACnE,CAAC;EACDJ;AACF,CAA0B","ignoreList":[]}