react-native-platform-components 1.1.0 → 1.2.0

package/android/src/main/res/values/styles.xml

@@ -37,4 +37,135 @@
     <item name="imageButtonStyle">@style/Widget.Material3.MaterialTimePicker.ImageButton</item>
     <item name="materialTimePickerTitleStyle">@style/TextAppearance.Material3.MaterialTimePicker.Title</item>
   </style>
+
+  <!--
+    Native theme (useNativeTheme / setNativeTheme, see PCNativeTheme). DynamicColors
+    overrides Material's "personalized" color resources with the scheme generated from
+    the brand color and applies ThemeOverlay.Material3.PersonalizedColors to the
+    activity. This overlay points the accent attributes that platform and AppCompat
+    widgets (DatePicker, TimePicker, Spinner) read at the primary color (the
+    personalized control color is a light tone that white labels don't contrast
+    with), and is re-applied over the Material 3 fallback contexts, which would
+    otherwise reset the colors.
+  -->
+  <style name="PCNativeThemeOverlay" parent="ThemeOverlay.Material3.PersonalizedColors">
+    <item name="colorAccent">?attr/colorPrimary</item>
+    <item name="android:colorAccent">?attr/colorPrimary</item>
+    <item name="android:colorControlActivated">?attr/colorPrimary</item>
+  </style>
+
+  <!--
+    The fallback dialog themes are full themes, so they would also reset the colors;
+    these variants carry the PCNativeThemeOverlay items (a style has one parent, so
+    they are repeated here).
+  -->
+  <style name="PCMaterial3CalendarDialogTheme.NativeTheme">
+    <item name="colorPrimary">@color/material_personalized_color_primary</item>
+    <item name="colorOnPrimary">@color/material_personalized_color_on_primary</item>
+    <item name="colorPrimaryInverse">@color/material_personalized_color_primary_inverse</item>
+    <item name="colorPrimaryContainer">@color/material_personalized_color_primary_container</item>
+    <item name="colorOnPrimaryContainer">@color/material_personalized_color_on_primary_container</item>
+    <item name="colorSecondary">@color/material_personalized_color_secondary</item>
+    <item name="colorOnSecondary">@color/material_personalized_color_on_secondary</item>
+    <item name="colorSecondaryContainer">@color/material_personalized_color_secondary_container</item>
+    <item name="colorOnSecondaryContainer">@color/material_personalized_color_on_secondary_container</item>
+    <item name="colorTertiary">@color/material_personalized_color_tertiary</item>
+    <item name="colorOnTertiary">@color/material_personalized_color_on_tertiary</item>
+    <item name="colorTertiaryContainer">@color/material_personalized_color_tertiary_container</item>
+    <item name="colorOnTertiaryContainer">@color/material_personalized_color_on_tertiary_container</item>
+    <item name="android:colorBackground">@color/material_personalized_color_background</item>
+    <item name="colorOnBackground">@color/material_personalized_color_on_background</item>
+    <item name="colorSurface">@color/material_personalized_color_surface</item>
+    <item name="colorOnSurface">@color/material_personalized_color_on_surface</item>
+    <item name="colorSurfaceVariant">@color/material_personalized_color_surface_variant</item>
+    <item name="colorOnSurfaceVariant">@color/material_personalized_color_on_surface_variant</item>
+    <item name="colorSurfaceInverse">@color/material_personalized_color_surface_inverse</item>
+    <item name="colorOnSurfaceInverse">@color/material_personalized_color_on_surface_inverse</item>
+    <item name="colorSurfaceBright">@color/material_personalized_color_surface_bright</item>
+    <item name="colorSurfaceDim">@color/material_personalized_color_surface_dim</item>
+    <item name="colorSurfaceContainer">@color/material_personalized_color_surface_container</item>
+    <item name="colorSurfaceContainerLow">@color/material_personalized_color_surface_container_low</item>
+    <item name="colorSurfaceContainerHigh">@color/material_personalized_color_surface_container_high</item>
+    <item name="colorSurfaceContainerLowest">@color/material_personalized_color_surface_container_lowest</item>
+    <item name="colorSurfaceContainerHighest">@color/material_personalized_color_surface_container_highest</item>
+    <item name="colorOutline">@color/material_personalized_color_outline</item>
+    <item name="colorOutlineVariant">@color/material_personalized_color_outline_variant</item>
+    <item name="colorError">@color/material_personalized_color_error</item>
+    <item name="colorOnError">@color/material_personalized_color_on_error</item>
+    <item name="colorErrorContainer">@color/material_personalized_color_error_container</item>
+    <item name="colorOnErrorContainer">@color/material_personalized_color_on_error_container</item>
+    <item name="android:textColorPrimary">@color/material_personalized_color_primary_text</item>
+    <item name="android:textColorPrimaryInverse">@color/material_personalized_color_primary_text_inverse</item>
+    <item name="android:textColorSecondary">@color/material_personalized_color_secondary_text</item>
+    <item name="android:textColorSecondaryInverse">@color/material_personalized_color_secondary_text_inverse</item>
+    <item name="android:textColorTertiary">@color/material_personalized_color_secondary_text</item>
+    <item name="android:textColorTertiaryInverse">@color/material_personalized_color_secondary_text_inverse</item>
+    <item name="android:textColorPrimaryDisableOnly">@color/material_personalized_primary_text_disable_only</item>
+    <item name="android:textColorPrimaryInverseDisableOnly">@color/material_personalized_primary_inverse_text_disable_only</item>
+    <item name="android:textColorHint">@color/material_personalized_hint_foreground</item>
+    <item name="android:textColorHintInverse">@color/material_personalized_hint_foreground_inverse</item>
+    <item name="android:textColorHighlight">@color/material_personalized__highlighted_text</item>
+    <item name="android:textColorHighlightInverse">@color/material_personalized__highlighted_text_inverse</item>
+    <item name="android:textColorAlertDialogListItem">@color/material_personalized_color_primary_text</item>
+    <item name="android:colorControlNormal">@color/material_personalized_color_control_normal</item>
+    <item name="android:colorControlHighlight">@color/material_personalized_color_control_highlight</item>
+    <item name="colorAccent">?attr/colorPrimary</item>
+    <item name="android:colorAccent">?attr/colorPrimary</item>
+    <item name="android:colorControlActivated">?attr/colorPrimary</item>
+  </style>
+
+  <style name="PCMaterial3TimePickerDialogTheme.NativeTheme">
+    <item name="colorPrimary">@color/material_personalized_color_primary</item>
+    <item name="colorOnPrimary">@color/material_personalized_color_on_primary</item>
+    <item name="colorPrimaryInverse">@color/material_personalized_color_primary_inverse</item>
+    <item name="colorPrimaryContainer">@color/material_personalized_color_primary_container</item>
+    <item name="colorOnPrimaryContainer">@color/material_personalized_color_on_primary_container</item>
+    <item name="colorSecondary">@color/material_personalized_color_secondary</item>
+    <item name="colorOnSecondary">@color/material_personalized_color_on_secondary</item>
+    <item name="colorSecondaryContainer">@color/material_personalized_color_secondary_container</item>
+    <item name="colorOnSecondaryContainer">@color/material_personalized_color_on_secondary_container</item>
+    <item name="colorTertiary">@color/material_personalized_color_tertiary</item>
+    <item name="colorOnTertiary">@color/material_personalized_color_on_tertiary</item>
+    <item name="colorTertiaryContainer">@color/material_personalized_color_tertiary_container</item>
+    <item name="colorOnTertiaryContainer">@color/material_personalized_color_on_tertiary_container</item>
+    <item name="android:colorBackground">@color/material_personalized_color_background</item>
+    <item name="colorOnBackground">@color/material_personalized_color_on_background</item>
+    <item name="colorSurface">@color/material_personalized_color_surface</item>
+    <item name="colorOnSurface">@color/material_personalized_color_on_surface</item>
+    <item name="colorSurfaceVariant">@color/material_personalized_color_surface_variant</item>
+    <item name="colorOnSurfaceVariant">@color/material_personalized_color_on_surface_variant</item>
+    <item name="colorSurfaceInverse">@color/material_personalized_color_surface_inverse</item>
+    <item name="colorOnSurfaceInverse">@color/material_personalized_color_on_surface_inverse</item>
+    <item name="colorSurfaceBright">@color/material_personalized_color_surface_bright</item>
+    <item name="colorSurfaceDim">@color/material_personalized_color_surface_dim</item>
+    <item name="colorSurfaceContainer">@color/material_personalized_color_surface_container</item>
+    <item name="colorSurfaceContainerLow">@color/material_personalized_color_surface_container_low</item>
+    <item name="colorSurfaceContainerHigh">@color/material_personalized_color_surface_container_high</item>
+    <item name="colorSurfaceContainerLowest">@color/material_personalized_color_surface_container_lowest</item>
+    <item name="colorSurfaceContainerHighest">@color/material_personalized_color_surface_container_highest</item>
+    <item name="colorOutline">@color/material_personalized_color_outline</item>
+    <item name="colorOutlineVariant">@color/material_personalized_color_outline_variant</item>
+    <item name="colorError">@color/material_personalized_color_error</item>
+    <item name="colorOnError">@color/material_personalized_color_on_error</item>
+    <item name="colorErrorContainer">@color/material_personalized_color_error_container</item>
+    <item name="colorOnErrorContainer">@color/material_personalized_color_on_error_container</item>
+    <item name="android:textColorPrimary">@color/material_personalized_color_primary_text</item>
+    <item name="android:textColorPrimaryInverse">@color/material_personalized_color_primary_text_inverse</item>
+    <item name="android:textColorSecondary">@color/material_personalized_color_secondary_text</item>
+    <item name="android:textColorSecondaryInverse">@color/material_personalized_color_secondary_text_inverse</item>
+    <item name="android:textColorTertiary">@color/material_personalized_color_secondary_text</item>
+    <item name="android:textColorTertiaryInverse">@color/material_personalized_color_secondary_text_inverse</item>
+    <item name="android:textColorPrimaryDisableOnly">@color/material_personalized_primary_text_disable_only</item>
+    <item name="android:textColorPrimaryInverseDisableOnly">@color/material_personalized_primary_inverse_text_disable_only</item>
+    <item name="android:textColorHint">@color/material_personalized_hint_foreground</item>
+    <item name="android:textColorHintInverse">@color/material_personalized_hint_foreground_inverse</item>
+    <item name="android:textColorHighlight">@color/material_personalized__highlighted_text</item>
+    <item name="android:textColorHighlightInverse">@color/material_personalized__highlighted_text_inverse</item>
+    <item name="android:textColorAlertDialogListItem">@color/material_personalized_color_primary_text</item>
+    <item name="android:colorControlNormal">@color/material_personalized_color_control_normal</item>
+    <item name="android:colorControlHighlight">@color/material_personalized_color_control_highlight</item>
+    <item name="colorAccent">?attr/colorPrimary</item>
+    <item name="android:colorAccent">?attr/colorPrimary</item>
+    <item name="android:colorControlActivated">?attr/colorPrimary</item>
+  </style>
 </resources>

package/ios/PCNativeTheme.swift

@@ -0,0 +1,56 @@
+import UIKit
+
+/// The native theme set from JS with `useNativeTheme` / `setNativeTheme`.
+///
+/// The brand color becomes the tint color of every window, which UIKit views inherit:
+/// these components, alerts, text input cursors. Windows that appear later (an alert's
+/// window, for example) are tinted when they become visible. Clearing the color resets
+/// the tinted windows to UIKit's default tint (the app's accent color, if it has one).
+///
+/// Light and dark mode need nothing here: UIKit views follow the window's appearance,
+/// including `Appearance.setColorScheme`.
+@objc(PCNativeTheme)
+public final class PCNativeTheme: NSObject {
+    @objc public static let shared = PCNativeTheme()
+
+    private var primaryColor: UIColor?
+    private var windowObserver: NSObjectProtocol?
+    private let tintedWindows = NSHashTable<UIWindow>.weakObjects()
+
+    /// Main thread only.
+    @objc public func setPrimaryColor(_ color: UIColor?) {
+        primaryColor = color
+
+        guard let color else {
+            for window in tintedWindows.allObjects {
+                window.tintColor = nil
+            }
+            tintedWindows.removeAllObjects()
+            return
+        }
+
+        if windowObserver == nil {
+            windowObserver = NotificationCenter.default.addObserver(
+                forName: UIWindow.didBecomeVisibleNotification,
+                object: nil,
+                queue: .main
+            ) { [weak self] notification in
+                guard let self, let window = notification.object as? UIWindow,
+                      let color = self.primaryColor else { return }
+                self.tint(window, with: color)
+            }
+        }
+
+        let windows = UIApplication.shared.connectedScenes
+            .compactMap { $0 as? UIWindowScene }
+            .flatMap { $0.windows }
+        for window in windows {
+            tint(window, with: color)
+        }
+    }
+
+    private func tint(_ window: UIWindow, with color: UIColor) {
+        window.tintColor = color
+        tintedWindows.add(window)
+    }
+}

package/ios/PCNativeThemeModule.mm

@@ -0,0 +1,36 @@
+// ios/PCNativeThemeModule.mm
+
+#import <PlatformComponentsViewSpec/PlatformComponentsViewSpec.h>
+#import <React/RCTConvert.h>
+
+#if __has_include(<PlatformComponents/PlatformComponents-Swift.h>)
+#import <PlatformComponents/PlatformComponents-Swift.h>
+#else
+#import "PlatformComponents-Swift.h"
+#endif
+
+/// `setNativeTheme` / `useNativeTheme` on iOS. See PCNativeTheme.swift.
+@interface PCNativeThemeModule : NSObject <NativePlatformComponentsThemeSpec>
+@end
+
+@implementation PCNativeThemeModule
+
+RCT_EXPORT_MODULE(PlatformComponentsTheme)
+
+- (void)setTheme:(NSDictionary *)theme
+{
+  id primary = theme[@"primary"];
+  dispatch_async(dispatch_get_main_queue(), ^{
+    // Resolves PlatformColor and DynamicColorIOS values as well as plain colors.
+    UIColor *color = primary == nil || primary == [NSNull null] ? nil : [RCTConvert UIColor:primary];
+    [PCNativeTheme.shared setPrimaryColor:color];
+  });
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+  return std::make_shared<facebook::react::NativePlatformComponentsThemeSpecJSI>(params);
+}
+
+@end

package/lib/commonjs/NativePlatformComponentsTheme.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+// NativePlatformComponentsTheme.ts
+var _default = exports.default = _reactNative.TurboModuleRegistry.get('PlatformComponentsTheme');
+//# sourceMappingURL=NativePlatformComponentsTheme.js.map

package/lib/commonjs/NativePlatformComponentsTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","TurboModuleRegistry","get"],"sourceRoot":"../../src","sources":["NativePlatformComponentsTheme.ts"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAFA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAYeC,gCAAmB,CAACC,GAAG,CAAO,yBAAyB,CAAC","ignoreList":[]}

package/lib/commonjs/NativeTheme.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setNativeTheme = setNativeTheme;
+exports.useNativeTheme = useNativeTheme;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _NativePlatformComponentsTheme = _interopRequireDefault(require("./NativePlatformComponentsTheme"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// NativeTheme.ts
+
+/**
+ * The part of an app theme that is applied to the native platform theme. A
+ * React Navigation theme has this shape, so it can be passed as is.
+ */
+
+function applyProcessedPrimary(primary) {
+  _NativePlatformComponentsTheme.default?.setTheme(primary == null ? {} : {
+    primary
+  });
+}
+
+/**
+ * Applies the theme's brand color to the native platform theme, app-wide:
+ * these components and other native views that use the theme colors (the
+ * window tint color on iOS, the Material theme on Android). Pass `null` to
+ * restore the app's own theme colors.
+ *
+ * Light and dark mode follow the native appearance; use
+ * `Appearance.setColorScheme` to change it from JavaScript.
+ */
+function setNativeTheme(theme) {
+  applyProcessedPrimary(theme ? (0, _reactNative.processColor)(theme.colors.primary) : null);
+}
+
+/**
+ * Keeps the native platform theme's brand color in sync with `theme`. Call it
+ * once, near the root of the app. See {@link setNativeTheme}.
+ */
+function useNativeTheme(theme) {
+  // Processed colors are numbers or plain objects (PlatformColor,
+  // DynamicColorIOS); compare them by value so a theme object recreated on
+  // every render does not re-apply the same color.
+  const primary = JSON.stringify(theme ? (0, _reactNative.processColor)(theme.colors.primary) ?? null : null);
+  (0, _react.useLayoutEffect)(() => {
+    applyProcessedPrimary(JSON.parse(primary));
+  }, [primary]);
+}
+//# sourceMappingURL=NativeTheme.js.map

package/lib/commonjs/NativeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_NativePlatformComponentsTheme","_interopRequireDefault","e","__esModule","default","applyProcessedPrimary","primary","NativePlatformComponentsTheme","setTheme","setNativeTheme","theme","processColor","colors","useNativeTheme","JSON","stringify","useLayoutEffect","parse"],"sourceRoot":"../../src","sources":["NativeTheme.ts"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,8BAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA4E,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJ5E;;AAMA;AACA;AACA;AACA;;AAWA,SAASG,qBAAqBA,CAACC,OAAgB,EAAQ;EACrDC,sCAA6B,EAAEC,QAAQ,CAACF,OAAO,IAAI,IAAI,GAAG,CAAC,CAAC,GAAG;IAAEA;EAAQ,CAAC,CAAC;AAC7E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,cAAcA,CAACC,KAAyB,EAAQ;EAC9DL,qBAAqB,CAACK,KAAK,GAAG,IAAAC,yBAAY,EAACD,KAAK,CAACE,MAAM,CAACN,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1E;;AAEA;AACA;AACA;AACA;AACO,SAASO,cAAcA,CAACH,KAAqC,EAAQ;EAC1E;EACA;EACA;EACA,MAAMJ,OAAO,GAAGQ,IAAI,CAACC,SAAS,CAC5BL,KAAK,GAAI,IAAAC,yBAAY,EAACD,KAAK,CAACE,MAAM,CAACN,OAAO,CAAC,IAAI,IAAI,GAAI,IACzD,CAAC;EAED,IAAAU,sBAAe,EAAC,MAAM;IACpBX,qBAAqB,CAACS,IAAI,CAACG,KAAK,CAACX,OAAO,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;AACf","ignoreList":[]}

package/lib/commonjs/index.js

@@ -69,4 +69,15 @@ Object.keys(_sharedTypes).forEach(function (key) {
     }
   });
 });
+var _NativeTheme = require("./NativeTheme");
+Object.keys(_NativeTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NativeTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NativeTheme[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DatePicker","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_SelectionMenu","_ContextMenu","_SegmentedControl","_LiquidGlass","_sharedTypes"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,YAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,iBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,iBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,iBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,iBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,YAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,YAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,YAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_DatePicker","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_SelectionMenu","_ContextMenu","_SegmentedControl","_LiquidGlass","_sharedTypes","_NativeTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,YAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,iBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,iBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,iBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,iBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,YAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,YAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,YAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAM,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/index.web.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isLiquidGlassSupported = exports.SelectionMenu = exports.SegmentedControl = exports.LiquidGlass = exports.DatePicker = exports.ContextMenu = void 0;
+exports.useNativeTheme = exports.setNativeTheme = exports.isLiquidGlassSupported = exports.SelectionMenu = exports.SegmentedControl = exports.LiquidGlass = exports.DatePicker = exports.ContextMenu = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -59,4 +59,13 @@ const LiquidGlass = ({
 };
 exports.LiquidGlass = LiquidGlass;
 const isLiquidGlassSupported = exports.isLiquidGlassSupported = false;
+
+// ============================================================================
+// Native theme
+// ============================================================================
+
+const setNativeTheme = _theme => {};
+exports.setNativeTheme = setNativeTheme;
+const useNativeTheme = _theme => {};
+exports.useNativeTheme = useNativeTheme;
 //# sourceMappingURL=index.web.js.map

package/lib/commonjs/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","DatePicker","_props","exports","SelectionMenu","ContextMenu","children","jsx","Fragment","SegmentedControl","LiquidGlass","isLiquidGlassSupported"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAL1B;AACA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAoBO,MAAMG,UAAU,GACrBC,MAAuB,IACO,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAF,UAAA,GAAAA,UAAA;AAoBO,MAAMG,aAAa,GACxBF,MAA0B,IACI,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAgCO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC;AACgB,CAAC,KAAgC;EACjD,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;;AAED;AACA;AACA;AAAAH,OAAA,CAAAE,WAAA,GAAAA,WAAA;AAmDO,MAAMI,gBAAgB,GAC3BP,MAA6B,IACC,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAM,gBAAA,GAAAA,gBAAA;AASO,MAAMC,WAAW,GAAGA,CAAC;EAC1BJ;AACgB,CAAC,KAAgC;EACjD,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;AAACH,OAAA,CAAAO,WAAA,GAAAA,WAAA;AAEK,MAAMC,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,KAAK","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","DatePicker","_props","exports","SelectionMenu","ContextMenu","children","jsx","Fragment","SegmentedControl","LiquidGlass","isLiquidGlassSupported","setNativeTheme","_theme","useNativeTheme"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAL1B;AACA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAoBO,MAAMG,UAAU,GACrBC,MAAuB,IACO,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAF,UAAA,GAAAA,UAAA;AAoBO,MAAMG,aAAa,GACxBF,MAA0B,IACI,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAgCO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC;AACgB,CAAC,KAAgC;EACjD,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;;AAED;AACA;AACA;AAAAH,OAAA,CAAAE,WAAA,GAAAA,WAAA;AAmDO,MAAMI,gBAAgB,GAC3BP,MAA6B,IACC,IAAI;;AAEpC;AACA;AACA;AAAAC,OAAA,CAAAM,gBAAA,GAAAA,gBAAA;AASO,MAAMC,WAAW,GAAGA,CAAC;EAC1BJ;AACgB,CAAC,KAAgC;EACjD,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;AAACH,OAAA,CAAAO,WAAA,GAAAA,WAAA;AAEK,MAAMC,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,KAAK;;AAE3C;AACA;AACA;;AAQO,MAAMC,cAAc,GAAIC,MAA0B,IAAW,CAAC,CAAC;AAACV,OAAA,CAAAS,cAAA,GAAAA,cAAA;AAEhE,MAAME,cAAc,GACzBD,MAAsC,IAC7B,CAAC,CAAC;AAACV,OAAA,CAAAW,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/module/NativePlatformComponentsTheme.js

@@ -0,0 +1,7 @@
+"use strict";
+
+// NativePlatformComponentsTheme.ts
+
+import { TurboModuleRegistry } from 'react-native';
+export default TurboModuleRegistry.get('PlatformComponentsTheme');
+//# sourceMappingURL=NativePlatformComponentsTheme.js.map

package/lib/module/NativePlatformComponentsTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","get"],"sourceRoot":"../../src","sources":["NativePlatformComponentsTheme.ts"],"mappings":";;AAAA;;AAEA,SAASA,mBAAmB,QAAQ,cAAc;AAUlD,eAAeA,mBAAmB,CAACC,GAAG,CAAO,yBAAyB,CAAC","ignoreList":[]}

package/lib/module/NativeTheme.js

@@ -0,0 +1,45 @@
+"use strict";
+
+// NativeTheme.ts
+import { useLayoutEffect } from 'react';
+import { processColor } from 'react-native';
+import NativePlatformComponentsTheme from "./NativePlatformComponentsTheme.js";
+
+/**
+ * The part of an app theme that is applied to the native platform theme. A
+ * React Navigation theme has this shape, so it can be passed as is.
+ */
+
+function applyProcessedPrimary(primary) {
+  NativePlatformComponentsTheme?.setTheme(primary == null ? {} : {
+    primary
+  });
+}
+
+/**
+ * Applies the theme's brand color to the native platform theme, app-wide:
+ * these components and other native views that use the theme colors (the
+ * window tint color on iOS, the Material theme on Android). Pass `null` to
+ * restore the app's own theme colors.
+ *
+ * Light and dark mode follow the native appearance; use
+ * `Appearance.setColorScheme` to change it from JavaScript.
+ */
+export function setNativeTheme(theme) {
+  applyProcessedPrimary(theme ? processColor(theme.colors.primary) : null);
+}
+
+/**
+ * Keeps the native platform theme's brand color in sync with `theme`. Call it
+ * once, near the root of the app. See {@link setNativeTheme}.
+ */
+export function useNativeTheme(theme) {
+  // Processed colors are numbers or plain objects (PlatformColor,
+  // DynamicColorIOS); compare them by value so a theme object recreated on
+  // every render does not re-apply the same color.
+  const primary = JSON.stringify(theme ? processColor(theme.colors.primary) ?? null : null);
+  useLayoutEffect(() => {
+    applyProcessedPrimary(JSON.parse(primary));
+  }, [primary]);
+}
+//# sourceMappingURL=NativeTheme.js.map

package/lib/module/NativeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLayoutEffect","processColor","NativePlatformComponentsTheme","applyProcessedPrimary","primary","setTheme","setNativeTheme","theme","colors","useNativeTheme","JSON","stringify","parse"],"sourceRoot":"../../src","sources":["NativeTheme.ts"],"mappings":";;AAAA;AACA,SAASA,eAAe,QAAQ,OAAO;AACvC,SAASC,YAAY,QAAyB,cAAc;AAE5D,OAAOC,6BAA6B,MAAM,oCAAiC;;AAE3E;AACA;AACA;AACA;;AAWA,SAASC,qBAAqBA,CAACC,OAAgB,EAAQ;EACrDF,6BAA6B,EAAEG,QAAQ,CAACD,OAAO,IAAI,IAAI,GAAG,CAAC,CAAC,GAAG;IAAEA;EAAQ,CAAC,CAAC;AAC7E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,cAAcA,CAACC,KAAyB,EAAQ;EAC9DJ,qBAAqB,CAACI,KAAK,GAAGN,YAAY,CAACM,KAAK,CAACC,MAAM,CAACJ,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1E;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASK,cAAcA,CAACF,KAAqC,EAAQ;EAC1E;EACA;EACA;EACA,MAAMH,OAAO,GAAGM,IAAI,CAACC,SAAS,CAC5BJ,KAAK,GAAIN,YAAY,CAACM,KAAK,CAACC,MAAM,CAACJ,OAAO,CAAC,IAAI,IAAI,GAAI,IACzD,CAAC;EAEDJ,eAAe,CAAC,MAAM;IACpBG,qBAAqB,CAACO,IAAI,CAACE,KAAK,CAACR,OAAO,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;AACf","ignoreList":[]}

package/lib/module/index.js

@@ -6,4 +6,5 @@ export * from "./ContextMenu.js";
 export * from "./SegmentedControl.js";
 export * from "./LiquidGlass.js";
 export * from "./sharedTypes.js";
+export * from "./NativeTheme.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,cAAc,iBAAc;AAC5B,cAAc,oBAAiB;AAC/B,cAAc,kBAAe;AAC7B,cAAc,uBAAoB;AAClC,cAAc,kBAAe;AAC7B,cAAc,kBAAe","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,cAAc,iBAAc;AAC5B,cAAc,oBAAiB;AAC/B,cAAc,kBAAe;AAC7B,cAAc,uBAAoB;AAClC,cAAc,kBAAe;AAC7B,cAAc,kBAAe;AAC7B,cAAc,kBAAe","ignoreList":[]}

package/lib/module/index.web.js

@@ -53,4 +53,11 @@ export const LiquidGlass = ({
   });
 };
 export const isLiquidGlassSupported = false;
+
+// ============================================================================
+// Native theme
+// ============================================================================
+
+export const setNativeTheme = _theme => {};
+export const useNativeTheme = _theme => {};
 //# sourceMappingURL=index.web.js.map

package/lib/module/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","_Fragment","jsx","_jsx","DatePicker","_props","SelectionMenu","ContextMenu","children","SegmentedControl","LiquidGlass","isLiquidGlassSupported"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;;AAIzB;AACA;AACA;;AAMA;AACA;AACA;AAAA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAoBA,OAAO,MAAMC,UAAU,GACrBC,MAAuB,IACO,IAAI;;AAEpC;AACA;AACA;;AAoBA,OAAO,MAAMC,aAAa,GACxBD,MAA0B,IACI,IAAI;;AAEpC;AACA;AACA;;AAgCA,OAAO,MAAME,WAAW,GAAGA,CAAC;EAC1BC;AACgB,CAAC,KAAgC;EACjD,oBAAOL,IAAA,CAAAF,SAAA;IAAAO,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;;AAED;AACA;AACA;;AAmDA,OAAO,MAAMC,gBAAgB,GAC3BJ,MAA6B,IACC,IAAI;;AAEpC;AACA;AACA;;AASA,OAAO,MAAMK,WAAW,GAAGA,CAAC;EAC1BF;AACgB,CAAC,KAAgC;EACjD,oBAAOL,IAAA,CAAAF,SAAA;IAAAO,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;AAED,OAAO,MAAMG,sBAAsB,GAAG,KAAK","ignoreList":[]}
+{"version":3,"names":["React","Fragment","_Fragment","jsx","_jsx","DatePicker","_props","SelectionMenu","ContextMenu","children","SegmentedControl","LiquidGlass","isLiquidGlassSupported","setNativeTheme","_theme","useNativeTheme"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;;AAIzB;AACA;AACA;;AAMA;AACA;AACA;AAAA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAoBA,OAAO,MAAMC,UAAU,GACrBC,MAAuB,IACO,IAAI;;AAEpC;AACA;AACA;;AAoBA,OAAO,MAAMC,aAAa,GACxBD,MAA0B,IACI,IAAI;;AAEpC;AACA;AACA;;AAgCA,OAAO,MAAME,WAAW,GAAGA,CAAC;EAC1BC;AACgB,CAAC,KAAgC;EACjD,oBAAOL,IAAA,CAAAF,SAAA;IAAAO,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;;AAED;AACA;AACA;;AAmDA,OAAO,MAAMC,gBAAgB,GAC3BJ,MAA6B,IACC,IAAI;;AAEpC;AACA;AACA;;AASA,OAAO,MAAMK,WAAW,GAAGA,CAAC;EAC1BF;AACgB,CAAC,KAAgC;EACjD,oBAAOL,IAAA,CAAAF,SAAA;IAAAO,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB,CAAC;AAED,OAAO,MAAMG,sBAAsB,GAAG,KAAK;;AAE3C;AACA;AACA;;AAQA,OAAO,MAAMC,cAAc,GAAIC,MAA0B,IAAW,CAAC,CAAC;AAEtE,OAAO,MAAMC,cAAc,GACzBD,MAAsC,IAC7B,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/commonjs/src/NativePlatformComponentsTheme.d.ts

@@ -0,0 +1,11 @@
+import type { CodegenTypes, TurboModule } from 'react-native';
+export interface Spec extends TurboModule {
+    /**
+     * `{ primary }`, where `primary` is a color from `processColor`. An empty
+     * object restores the app's own theme colors.
+     */
+    setTheme(theme: CodegenTypes.UnsafeObject): void;
+}
+declare const _default: Spec | null | undefined;
+export default _default;
+//# sourceMappingURL=NativePlatformComponentsTheme.d.ts.map

package/lib/typescript/commonjs/src/NativePlatformComponentsTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativePlatformComponentsTheme.d.ts","sourceRoot":"","sources":["../../../../src/NativePlatformComponentsTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;CAClD;;AAED,wBAAwE"}

package/lib/typescript/commonjs/src/NativeTheme.d.ts

@@ -0,0 +1,30 @@
+import { type ColorValue } from 'react-native';
+/**
+ * The part of an app theme that is applied to the native platform theme. A
+ * React Navigation theme has this shape, so it can be passed as is.
+ */
+export type NativeTheme = {
+    colors: {
+        /**
+         * Brand color. Android generates a Material 3 color scheme from it for
+         * light and dark mode (Android 13+); iOS uses it as the tint color.
+         */
+        primary: ColorValue;
+    };
+};
+/**
+ * Applies the theme's brand color to the native platform theme, app-wide:
+ * these components and other native views that use the theme colors (the
+ * window tint color on iOS, the Material theme on Android). Pass `null` to
+ * restore the app's own theme colors.
+ *
+ * Light and dark mode follow the native appearance; use
+ * `Appearance.setColorScheme` to change it from JavaScript.
+ */
+export declare function setNativeTheme(theme: NativeTheme | null): void;
+/**
+ * Keeps the native platform theme's brand color in sync with `theme`. Call it
+ * once, near the root of the app. See {@link setNativeTheme}.
+ */
+export declare function useNativeTheme(theme: NativeTheme | null | undefined): void;
+//# sourceMappingURL=NativeTheme.d.ts.map

package/lib/typescript/commonjs/src/NativeTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTheme.d.ts","sourceRoot":"","sources":["../../../../src/NativeTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAI7D;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE;QACN;;;WAGG;QACH,OAAO,EAAE,UAAU,CAAC;KACrB,CAAC;CACH,CAAC;AAMF;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAE9D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAW1E"}

package/lib/typescript/commonjs/src/index.d.ts

@@ -4,4 +4,5 @@ export * from './ContextMenu';
 export * from './SegmentedControl';
 export * from './LiquidGlass';
 export * from './sharedTypes';
+export * from './NativeTheme';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/lib/typescript/commonjs/src/index.web.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { ColorValue, StyleProp, ViewStyle, ViewProps } from 'react-native';
 export type Visible = 'open' | 'closed';
 export type Presentation = 'modal' | 'embedded';
 export type AndroidMaterialMode = 'system' | 'm3';
@@ -124,4 +124,11 @@ export interface LiquidGlassProps extends ViewProps {
 }
 export declare const LiquidGlass: ({ children, }: LiquidGlassProps) => React.ReactElement | null;
 export declare const isLiquidGlassSupported = false;
+export type NativeTheme = {
+    colors: {
+        primary: ColorValue;
+    };
+};
+export declare const setNativeTheme: (_theme: NativeTheme | null) => void;
+export declare const useNativeTheme: (_theme: NativeTheme | null | undefined) => void;
 //# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/commonjs/src/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/index.web.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/index.web.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/NativePlatformComponentsTheme.d.ts

@@ -0,0 +1,11 @@
+import type { CodegenTypes, TurboModule } from 'react-native';
+export interface Spec extends TurboModule {
+    /**
+     * `{ primary }`, where `primary` is a color from `processColor`. An empty
+     * object restores the app's own theme colors.
+     */
+    setTheme(theme: CodegenTypes.UnsafeObject): void;
+}
+declare const _default: Spec | null | undefined;
+export default _default;
+//# sourceMappingURL=NativePlatformComponentsTheme.d.ts.map

package/lib/typescript/module/src/NativePlatformComponentsTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativePlatformComponentsTheme.d.ts","sourceRoot":"","sources":["../../../../src/NativePlatformComponentsTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;CAClD;;AAED,wBAAwE"}

package/lib/typescript/module/src/NativeTheme.d.ts

@@ -0,0 +1,30 @@
+import { type ColorValue } from 'react-native';
+/**
+ * The part of an app theme that is applied to the native platform theme. A
+ * React Navigation theme has this shape, so it can be passed as is.
+ */
+export type NativeTheme = {
+    colors: {
+        /**
+         * Brand color. Android generates a Material 3 color scheme from it for
+         * light and dark mode (Android 13+); iOS uses it as the tint color.
+         */
+        primary: ColorValue;
+    };
+};
+/**
+ * Applies the theme's brand color to the native platform theme, app-wide:
+ * these components and other native views that use the theme colors (the
+ * window tint color on iOS, the Material theme on Android). Pass `null` to
+ * restore the app's own theme colors.
+ *
+ * Light and dark mode follow the native appearance; use
+ * `Appearance.setColorScheme` to change it from JavaScript.
+ */
+export declare function setNativeTheme(theme: NativeTheme | null): void;
+/**
+ * Keeps the native platform theme's brand color in sync with `theme`. Call it
+ * once, near the root of the app. See {@link setNativeTheme}.
+ */
+export declare function useNativeTheme(theme: NativeTheme | null | undefined): void;
+//# sourceMappingURL=NativeTheme.d.ts.map