react-native-platform-components 1.1.0 → 1.3.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,49 @@
+// 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];
+  });
+}
+
+/// Reports what this *build* can do, not just what the device runs: with an
+/// older Xcode the glass code is compiled out (see PCLiquidGlass.swift), so
+/// the iOS version alone would be a false positive.
+- (NSNumber *)isLiquidGlassSupported
+{
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 260000
+  if (@available(iOS 26.0, *)) {
+    return @(PCLiquidGlassView.isSupported);
+  }
+#endif
+  return @NO;
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+  return std::make_shared<facebook::react::NativePlatformComponentsThemeSpecJSI>(params);
+}
+
+@end

package/ios/PCSelectionMenu.swift

@@ -473,8 +473,12 @@ private class PCMenuViewController: UIViewController, UITableViewDelegate, UITab
         menuContainer.clipsToBounds = true
         view.addSubview(menuContainer)
 
-        // Use liquid glass on iOS 26+, fall back to system material blur on older versions
+        // Use liquid glass on iOS 26+, fall back to system material blur on older
+        // versions. UIGlassEffect only exists in the iOS 26 SDK, so the branch is
+        // compiled out entirely on older toolchains — same guard as
+        // PCLiquidGlass.swift, which keeps the library buildable without Xcode 26.
         let effectView: UIVisualEffectView
+        #if compiler(>=6.2)
         if #available(iOS 26, *) {
             let glassEffect = UIGlassEffect()
             glassEffect.isInteractive = true
@@ -483,6 +487,10 @@ private class PCMenuViewController: UIViewController, UITableViewDelegate, UITab
             let blurEffect = UIBlurEffect(style: .systemMaterial)
             effectView = UIVisualEffectView(effect: blurEffect)
         }
+        #else
+        let blurEffect = UIBlurEffect(style: .systemMaterial)
+        effectView = UIVisualEffectView(effect: blurEffect)
+        #endif
         effectView.frame = menuContainer.bounds
         effectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
         menuContainer.addSubview(effectView)

package/lib/commonjs/ContextMenuNativeComponent.ts

@@ -1,6 +1,7 @@
 // ContextMenuNativeComponent.ts
-import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
+import type { BubblingEventHandler } from './codegenTypes';
 
 /**
  * Attributes for a context menu action.
@@ -120,17 +121,17 @@ export interface ContextMenuProps extends ViewProps {
   /**
    * Fired when user presses an action.
    */
-  onPressAction?: CodegenTypes.BubblingEventHandler<ContextMenuPressActionEvent>;
+  onPressAction?: BubblingEventHandler<ContextMenuPressActionEvent>;
 
   /**
    * Fired when menu opens.
    */
-  onMenuOpen?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+  onMenuOpen?: BubblingEventHandler<Readonly<{}>>;
 
   /**
    * Fired when menu closes.
    */
-  onMenuClose?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+  onMenuClose?: BubblingEventHandler<Readonly<{}>>;
 
   ios?: IOSProps;
   android?: AndroidProps;

package/lib/commonjs/DatePickerNativeComponent.ts

@@ -1,11 +1,17 @@
 // DatePickerNativeComponent.ts
-import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
+import type {
+  BubblingEventHandler,
+  Double,
+  Int32,
+  WithDefault,
+} from './codegenTypes';
 
-export type TimestampMs = CodegenTypes.Double;
+export type TimestampMs = Double;
 
 export type DateChangeEvent = {
-  timestampMs: CodegenTypes.Double;
+  timestampMs: Double;
   confirmed: boolean;
 };
 
@@ -18,14 +24,14 @@ export type IOSConfirmToolbar = 'show' | 'hide';
 
 export type IOSProps = {
   preferredStyle?: string; // IOSDatePickerStyle
-  countDownDurationSeconds?: CodegenTypes.Double;
-  minuteInterval?: CodegenTypes.Int32;
+  countDownDurationSeconds?: Double;
+  minuteInterval?: Int32;
   roundsToMinuteInterval?: string; // IOSRoundsToMinuteInterval
   confirmToolbar?: string; // IOSConfirmToolbar
 };
 
 export type AndroidProps = {
-  firstDayOfWeek?: CodegenTypes.Int32;
+  firstDayOfWeek?: Int32;
   material?: string; // AndroidMaterialMode
   dialogTitle?: string;
   positiveButtonTitle?: string;
@@ -44,9 +50,9 @@ export type MacOSProps = Readonly<{}>;
 export type CommonProps = {
   mode?: string; // DatePickerMode
 
-  dateMs?: CodegenTypes.WithDefault<TimestampMs, -9007199254740991>;
-  minDateMs?: CodegenTypes.WithDefault<TimestampMs, -9007199254740991>;
-  maxDateMs?: CodegenTypes.WithDefault<TimestampMs, -9007199254740991>;
+  dateMs?: WithDefault<TimestampMs, -9007199254740991>;
+  minDateMs?: WithDefault<TimestampMs, -9007199254740991>;
+  maxDateMs?: WithDefault<TimestampMs, -9007199254740991>;
 
   locale?: string;
   timeZoneName?: string;
@@ -65,8 +71,8 @@ export interface NativeProps extends ViewProps, CommonProps {
   ios?: IOSProps;
   android?: AndroidProps;
 
-  onConfirm?: CodegenTypes.BubblingEventHandler<DateChangeEvent>;
-  onClosed?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+  onConfirm?: BubblingEventHandler<DateChangeEvent>;
+  onClosed?: BubblingEventHandler<Readonly<{}>>;
 }
 
 export default codegenNativeComponent<NativeProps>(

package/lib/commonjs/LiquidGlass.js

@@ -8,18 +8,38 @@ exports.isLiquidGlassSupported = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _LiquidGlassNativeComponent = _interopRequireDefault(require("./LiquidGlassNativeComponent"));
+var _NativePlatformComponentsTheme = _interopRequireDefault(require("./NativePlatformComponentsTheme"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // LiquidGlass.tsx
 
+function resolveLiquidGlassSupport() {
+  if (_reactNative.Platform.OS !== 'ios') {
+    return false;
+  }
+  try {
+    // The native module answers for this build: Liquid Glass is compiled out
+    // when the library is built with an Xcode that predates the iOS 26 SDK,
+    // and then no device version makes it available.
+    const supported = _NativePlatformComponentsTheme.default?.isLiquidGlassSupported();
+    if (typeof supported === 'boolean') {
+      return supported;
+    }
+  } catch {
+    // Native module not available (web, tests): fall back to the OS version.
+  }
+  return parseInt(String(_reactNative.Platform.Version), 10) >= 26;
+}
+
 /**
- * Whether the LiquidGlass effect is supported on the current device.
- * Returns true on iOS 26+ (with Liquid Glass support), false otherwise.
+ * Whether the LiquidGlass effect is supported here: iOS 26 or newer, in a
+ * build compiled against the iOS 26 SDK. False on Android, on older iOS, and
+ * in builds made with an older Xcode, where the views fall back to a blur.
  *
- * Use this to conditionally render fallback UI on unsupported devices.
+ * Use this to conditionally render fallback UI.
  */
-const isLiquidGlassSupported = exports.isLiquidGlassSupported = _reactNative.Platform.OS === 'ios' && parseInt(String(_reactNative.Platform.Version), 10) >= 26;
+const isLiquidGlassSupported = exports.isLiquidGlassSupported = resolveLiquidGlassSupport();
 function LiquidGlass(props) {
   const {
     style,

package/lib/commonjs/LiquidGlass.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_LiquidGlassNativeComponent","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isLiquidGlassSupported","exports","Platform","OS","parseInt","String","Version","LiquidGlass","props","style","cornerRadius","ios","android","children","onPress","viewProps","nativeIos","useMemo","undefined","effect","interactive","tintColor","colorScheme","nativeAndroid","fallbackBackgroundColor","handlePress","useCallback","event","x","nativeEvent","y","jsx","onGlassPress"],"sourceRoot":"../../src","sources":["LiquidGlass.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_LiquidGlassNativeComponent","_interopRequireDefault","_NativePlatformComponentsTheme","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","resolveLiquidGlassSupport","Platform","OS","supported","NativePlatformComponentsTheme","isLiquidGlassSupported","parseInt","String","Version","exports","LiquidGlass","props","style","cornerRadius","ios","android","children","onPress","viewProps","nativeIos","useMemo","undefined","effect","interactive","tintColor","colorScheme","nativeAndroid","fallbackBackgroundColor","handlePress","useCallback","event","x","nativeEvent","y","jsx","onGlassPress"],"sourceRoot":"../../src","sources":["LiquidGlass.tsx"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAC,sBAAA,CAAAH,OAAA;AAKA,IAAAI,8BAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA4E,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAO,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAT5E;;AAiBA,SAASgB,yBAAyBA,CAAA,EAAY;EAC5C,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB,OAAO,KAAK;EACd;EACA,IAAI;IACF;IACA;IACA;IACA,MAAMC,SAAS,GAAGC,sCAA6B,EAAEC,sBAAsB,CAAC,CAAC;IACzE,IAAI,OAAOF,SAAS,KAAK,SAAS,EAAE;MAClC,OAAOA,SAAS;IAClB;EACF,CAAC,CAAC,MAAM;IACN;EAAA;EAEF,OAAOG,QAAQ,CAACC,MAAM,CAACN,qBAAQ,CAACO,OAAO,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;AACrD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMH,sBAA+B,GAAAI,OAAA,CAAAJ,sBAAA,GAAGL,yBAAyB,CAAC,CAAC;AA+EnE,SAASU,WAAWA,CAACC,KAAuB,EAAsB;EACvE,MAAM;IACJC,KAAK;IACLC,YAAY,GAAG,CAAC;IAChBC,GAAG;IACHC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGP,KAAK;;EAET;EACA,MAAMQ,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,IAAInB,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,CAACY,GAAG,EAAE,OAAOO,SAAS;IACnD,OAAO;MACLC,MAAM,EAAER,GAAG,CAACQ,MAAM;MAClBC,WAAW,EAAET,GAAG,CAACS,WAAW,GAAG,MAAM,GAAG,OAAO;MAC/CC,SAAS,EAAEV,GAAG,CAACU,SAAS;MACxBC,WAAW,EAAEX,GAAG,CAACW;IACnB,CAAC;EACH,CAAC,EAAE,CAACX,GAAG,CAAC,CAAC;;EAET;EACA,MAAMY,aAAa,GAAG,IAAAN,cAAO,EAAC,MAAM;IAClC,IAAInB,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAI,CAACa,OAAO,EAAE,OAAOM,SAAS;IAC3D,OAAO;MACLM,uBAAuB,EAAEZ,OAAO,CAACY;IACnC,CAAC;EACH,CAAC,EAAE,CAACZ,OAAO,CAAC,CAAC;;EAEb;EACA,MAAMa,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,KAAgD,IAAK;IACpDb,OAAO,GAAG;MAAEc,CAAC,EAAED,KAAK,CAACE,WAAW,CAACD,CAAC;MAAEE,CAAC,EAAEH,KAAK,CAACE,WAAW,CAACC;IAAE,CAAC,CAAC;EAC/D,CAAC,EACD,CAAChB,OAAO,CACV,CAAC;EAED,oBACE,IAAArC,WAAA,CAAAsD,GAAA,EAACzD,2BAAA,CAAAM,OAAiB;IAChB6B,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,GAAG,EAAEK,SAAU;IACfJ,OAAO,EAAEW,aAAc;IACvBS,YAAY,EAAElB,OAAO,GAAGW,WAAW,GAAGP,SAAU;IAAA,GAC5CH,SAAS;IAAAF,QAAA,EAEZA;EAAQ,CACQ,CAAC;AAExB","ignoreList":[]}

package/lib/commonjs/LiquidGlassNativeComponent.ts

@@ -1,6 +1,7 @@
 // LiquidGlassNativeComponent.ts
-import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
+import type { DirectEventHandler, Float, WithDefault } from './codegenTypes';
 
 /**
  * Glass effect intensity/style.
@@ -64,9 +65,9 @@ export type LiquidGlassAndroidProps = Readonly<{
  */
 export type LiquidGlassPressEvent = Readonly<{
   /** X coordinate of touch relative to view bounds */
-  x: CodegenTypes.Float;
+  x: Float;
   /** Y coordinate of touch relative to view bounds */
-  y: CodegenTypes.Float;
+  y: Float;
 }>;
 
 export interface LiquidGlassNativeProps extends ViewProps {
@@ -75,7 +76,7 @@ export interface LiquidGlassNativeProps extends ViewProps {
    * Applied uniformly to all corners.
    * @default 0
    */
-  cornerRadius?: CodegenTypes.WithDefault<CodegenTypes.Float, 0>;
+  cornerRadius?: WithDefault<Float, 0>;
 
   /**
    * iOS-specific props.
@@ -91,7 +92,7 @@ export interface LiquidGlassNativeProps extends ViewProps {
    * Fired when the glass view is pressed.
    * Includes touch coordinates relative to view bounds.
    */
-  onGlassPress?: CodegenTypes.DirectEventHandler<LiquidGlassPressEvent>;
+  onGlassPress?: DirectEventHandler<LiquidGlassPressEvent>;
 }
 
 export default codegenNativeComponent<LiquidGlassNativeProps>(

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,GAqBeC,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/SegmentedControlNativeComponent.ts

@@ -1,11 +1,12 @@
 // SegmentedControlNativeComponent.ts
-import type {
-  CodegenTypes,
-  ColorValue,
-  HostComponent,
-  ViewProps,
-} from 'react-native';
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
+import type {
+  BubblingEventHandler,
+  Double,
+  Int32,
+  WithDefault,
+} from './codegenTypes';
 
 /**
  * A single segment in the control.
@@ -21,7 +22,7 @@ export type SegmentedControlSegment = Readonly<{
   iconType: string; // '' | 'sfSymbol' | 'drawable' | 'image'
   iconName: string; // SF Symbol (iOS) or drawable resource name (Android)
   iconUri: string; // Resolved image URI when iconType === 'image'
-  iconScale: CodegenTypes.Double; // Resolved image scale when iconType === 'image'
+  iconScale: Double; // Resolved image scale when iconType === 'image'
   iconTinted: string; // 'true' | 'false' — draw the image as a tinted template
   badge: string; // Badge text, empty = no badge
   accessibilityLabel: string; // Screen-reader label, empty = use label
@@ -32,7 +33,7 @@ export type SegmentedControlSegment = Readonly<{
  */
 export type SegmentedControlSelectEvent = Readonly<{
   /** Selected segment index. -1 means the selection was cleared. */
-  index: CodegenTypes.Int32;
+  index: Int32;
 
   /** Selected segment value. Empty when the selection was cleared. */
   value: string;
@@ -49,7 +50,7 @@ export type SegmentedControlLabelVisibility = 'auto' | 'labeled' | 'unlabeled';
  */
 export type LabelStyleProps = Readonly<{
   fontFamily?: string;
-  fontSize?: CodegenTypes.Double;
+  fontSize?: Double;
   fontWeight?: string; // 'normal' | 'bold' | '100'..'900'
   fontStyle?: string; // 'normal' | 'italic'
 }>;
@@ -83,7 +84,7 @@ export interface SegmentedControlProps extends ViewProps {
    * Controlled selection by `value`.
    * Empty string means "no selection".
    */
-  selectedValue?: CodegenTypes.WithDefault<string, ''>;
+  selectedValue?: WithDefault<string, ''>;
 
   /**
    * Enabled / disabled state.
@@ -122,7 +123,7 @@ export interface SegmentedControlProps extends ViewProps {
   /**
    * Fired when the user selects a segment.
    */
-  onSelect?: CodegenTypes.BubblingEventHandler<SegmentedControlSelectEvent>;
+  onSelect?: BubblingEventHandler<SegmentedControlSelectEvent>;
 
   ios?: IOSProps;
   android?: AndroidProps;

package/lib/commonjs/SelectionMenuNativeComponent.ts

@@ -1,6 +1,7 @@
 // SelectionMenuNativeComponent.ts
-import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
+import type { BubblingEventHandler, Int32, WithDefault } from './codegenTypes';
 
 /**
  * A single option in the menu.
@@ -15,7 +16,7 @@ export type SelectionMenuOption = Readonly<{
  */
 export type SelectionMenuSelectEvent = Readonly<{
   /** Selected option index (implementation detail; stable for this render) */
-  index: CodegenTypes.Int32;
+  index: Int32;
 
   /** Selected option label */
   label: string;
@@ -57,7 +58,7 @@ export interface SelectionMenuProps extends ViewProps {
    * - Empty string means "no selection".
    * - Native should treat this as the single source of truth.
    */
-  selectedData?: CodegenTypes.WithDefault<string, ''>;
+  selectedData?: WithDefault<string, ''>;
 
   /**
    * Enabled / disabled state.
@@ -83,12 +84,12 @@ export interface SelectionMenuProps extends ViewProps {
   /**
    * Fired when the user selects an option.
    */
-  onSelect?: CodegenTypes.BubblingEventHandler<SelectionMenuSelectEvent>;
+  onSelect?: BubblingEventHandler<SelectionMenuSelectEvent>;
 
   /**
    * Fired when dismissed without selection.
    */
-  onRequestClose?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+  onRequestClose?: BubblingEventHandler<Readonly<{}>>;
 
   ios?: IOSProps;
   android?: AndroidProps;