react-native-platform-components 0.7.0 → 0.8.0

package/ios/PCLiquidGlass.swift

@@ -0,0 +1,354 @@
+import UIKit
+
+/// Glass effect style enum for bridging to ObjC++
+@objc public enum PCLiquidGlassEffectStyle: Int {
+    case regular
+    case clear
+    case none
+
+    #if compiler(>=6.2)
+    @available(iOS 26.0, *)
+    var glassStyle: UIGlassEffect.Style? {
+        switch self {
+        case .regular:
+            return .regular
+        case .clear:
+            return .clear
+        case .none:
+            return nil
+        }
+    }
+    #endif
+}
+
+#if compiler(>=6.2)
+
+/// The actual Liquid Glass view implementation for iOS 26+
+/// Extends UIVisualEffectView to properly support UIGlassEffect
+@available(iOS 26.0, *)
+@objcMembers
+public final class PCLiquidGlassView: UIVisualEffectView {
+
+    // MARK: - Static
+
+    @objc public static var isSupported: Bool {
+        return true
+    }
+
+    // MARK: - Props (set from ObjC++)
+
+    private var isFirstMount: Bool = true
+
+    /// Effect style: "clear", "regular", "none"
+    public var effectStyle: String = "regular" {
+        didSet { applyGlassEffect() }
+    }
+
+    /// Corner radius for the glass effect
+    public var glassCornerRadius: CGFloat = 0 {
+        didSet { applyCornerRadius() }
+    }
+
+    /// Enable touch interaction feedback
+    public var interactive: Bool = false
+
+    /// Tint color for the glass effect (hex string)
+    public var glassTintColor: String? {
+        didSet { applyGlassEffect() }
+    }
+
+    /// Color scheme: "light", "dark", "system"
+    public var colorScheme: String = "system" {
+        didSet { applyColorScheme() }
+    }
+
+    /// Shadow radius for glow effect
+    public var glassShadowRadius: CGFloat = 20 {
+        didSet { applyShadow() }
+    }
+
+    /// Manual highlight state control (no-op on iOS 26+, use `interactive` instead)
+    /// The native UIGlassEffect.isInteractive handles touch-based highlighting automatically
+    public var isHighlighted: Bool = false
+
+    /// Callback for press events with touch coordinates
+    public var onPressCallback: ((CGFloat, CGFloat) -> Void)?
+
+    // MARK: - Init
+
+    public override init(effect: UIVisualEffect?) {
+        super.init(effect: effect)
+        setup()
+    }
+
+    public required init?(coder: NSCoder) {
+        super.init(coder: coder)
+        setup()
+    }
+
+    private func setup() {
+        clipsToBounds = false
+        setupTapGesture()
+    }
+
+    private func setupTapGesture() {
+        let tap = UITapGestureRecognizer(target: self, action: #selector(handleTap(_:)))
+        addGestureRecognizer(tap)
+    }
+
+    @objc private func handleTap(_ gesture: UITapGestureRecognizer) {
+        let location = gesture.location(in: self)
+        onPressCallback?(location.x, location.y)
+    }
+
+    // MARK: - Layout
+
+    public override func layoutSubviews() {
+        super.layoutSubviews()
+
+        // Apply glass effect on first layout when we have bounds
+        if effect == nil && bounds.size != .zero {
+            applyGlassEffect()
+        }
+    }
+
+    // MARK: - Public Setup (called from ObjC++ after props are set)
+
+    /// Call this after setting props to apply/re-apply the glass effect
+    @objc public func setupView() {
+        applyGlassEffect()
+    }
+
+    // MARK: - Glass Effect
+
+    private func applyGlassEffect() {
+        guard bounds.size != .zero else { return }
+
+        // Parse effect style
+        let style: PCLiquidGlassEffectStyle
+        switch effectStyle {
+        case "clear":
+            style = .clear
+        case "none":
+            style = .none
+        default:
+            style = .regular
+        }
+
+        // Handle "none" style
+        guard let glassStyle = style.glassStyle else {
+            UIView.animate(withDuration: 0.2) {
+                self.effect = nil
+            }
+            return
+        }
+
+        // Create the glass effect
+        let glassEffect = UIGlassEffect(style: glassStyle)
+        glassEffect.isInteractive = interactive
+
+        // Apply tint color
+        if let tintHex = glassTintColor, !tintHex.isEmpty,
+           let color = UIColor(pcHex: tintHex) {
+            glassEffect.tintColor = color
+        }
+
+        // Apply the effect
+        if isFirstMount {
+            self.effect = glassEffect
+            isFirstMount = false
+        } else {
+            UIView.animate(withDuration: 0.2) {
+                self.effect = glassEffect
+            }
+        }
+
+        applyCornerRadius()
+        applyShadow()
+    }
+
+    private func applyCornerRadius() {
+        layer.cornerRadius = glassCornerRadius
+        layer.cornerCurve = .continuous
+        // Don't clip to bounds - allow shadow to show
+    }
+
+    private func applyShadow() {
+        if glassShadowRadius > 0 {
+            layer.shadowColor = UIColor.white.cgColor
+            layer.shadowOpacity = 0.2
+            layer.shadowRadius = glassShadowRadius
+            layer.shadowOffset = .zero
+            layer.masksToBounds = false
+        } else {
+            layer.shadowOpacity = 0
+        }
+    }
+
+    private func applyColorScheme() {
+        switch colorScheme {
+        case "light":
+            overrideUserInterfaceStyle = .light
+        case "dark":
+            overrideUserInterfaceStyle = .dark
+        default:
+            overrideUserInterfaceStyle = .unspecified
+        }
+        applyGlassEffect()
+    }
+
+    // MARK: - Sizing
+
+    public override func sizeThatFits(_ size: CGSize) -> CGSize {
+        return size
+    }
+
+    public override var intrinsicContentSize: CGSize {
+        return CGSize(width: UIView.noIntrinsicMetric, height: UIView.noIntrinsicMetric)
+    }
+}
+
+#else
+
+/// Fallback for older Swift compilers (pre-iOS 26 SDK)
+/// Uses UIBlurEffect as a fallback
+@objcMembers
+public final class PCLiquidGlassView: UIVisualEffectView {
+
+    @objc public static var isSupported: Bool {
+        return false
+    }
+
+    public var effectStyle: String = "regular" {
+        didSet { applyFallbackEffect() }
+    }
+
+    public var glassCornerRadius: CGFloat = 0 {
+        didSet { applyCornerRadius() }
+    }
+
+    public var interactive: Bool = false
+    public var glassTintColor: String?
+    public var colorScheme: String = "system" {
+        didSet { applyColorScheme() }
+    }
+    public var glassShadowRadius: CGFloat = 20
+    public var isHighlighted: Bool = false
+    public var onPressCallback: ((CGFloat, CGFloat) -> Void)?
+
+    public override init(effect: UIVisualEffect?) {
+        super.init(effect: effect)
+        setup()
+    }
+
+    public required init?(coder: NSCoder) {
+        super.init(coder: coder)
+        setup()
+    }
+
+    private func setup() {
+        clipsToBounds = false
+        setupTapGesture()
+        applyFallbackEffect()
+    }
+
+    private func setupTapGesture() {
+        let tap = UITapGestureRecognizer(target: self, action: #selector(handleTap(_:)))
+        addGestureRecognizer(tap)
+    }
+
+    @objc private func handleTap(_ gesture: UITapGestureRecognizer) {
+        let location = gesture.location(in: self)
+        onPressCallback?(location.x, location.y)
+    }
+
+    public override func layoutSubviews() {
+        super.layoutSubviews()
+        if effect == nil && bounds.size != .zero {
+            applyFallbackEffect()
+        }
+    }
+
+    /// Call this after setting props to apply/re-apply the effect
+    @objc public func setupView() {
+        applyFallbackEffect()
+    }
+
+    private func applyFallbackEffect() {
+        guard effectStyle != "none" else {
+            self.effect = nil
+            return
+        }
+
+        // Use thin blur materials as fallback
+        let blurStyle: UIBlurEffect.Style
+        switch (effectStyle, colorScheme) {
+        case ("clear", "dark"):
+            blurStyle = .systemUltraThinMaterialDark
+        case ("clear", "light"):
+            blurStyle = .systemUltraThinMaterialLight
+        case ("clear", _):
+            blurStyle = .systemUltraThinMaterial
+        case (_, "dark"):
+            blurStyle = .systemThinMaterialDark
+        case (_, "light"):
+            blurStyle = .systemThinMaterialLight
+        default:
+            blurStyle = .systemThinMaterial
+        }
+
+        self.effect = UIBlurEffect(style: blurStyle)
+        applyCornerRadius()
+    }
+
+    private func applyCornerRadius() {
+        layer.cornerRadius = glassCornerRadius
+        layer.cornerCurve = .continuous
+        clipsToBounds = glassCornerRadius > 0
+    }
+
+    private func applyColorScheme() {
+        switch colorScheme {
+        case "light":
+            overrideUserInterfaceStyle = .light
+        case "dark":
+            overrideUserInterfaceStyle = .dark
+        default:
+            overrideUserInterfaceStyle = .unspecified
+        }
+        applyFallbackEffect()
+    }
+}
+
+#endif
+
+// MARK: - UIColor hex extension
+
+private extension UIColor {
+    convenience init?(pcHex: String) {
+        var hexSanitized = pcHex.trimmingCharacters(in: .whitespacesAndNewlines)
+        hexSanitized = hexSanitized.replacingOccurrences(of: "#", with: "")
+
+        var rgb: UInt64 = 0
+        guard Scanner(string: hexSanitized).scanHexInt64(&rgb) else { return nil }
+
+        let length = hexSanitized.count
+        if length == 6 {
+            self.init(
+                red: CGFloat((rgb & 0xFF0000) >> 16) / 255.0,
+                green: CGFloat((rgb & 0x00FF00) >> 8) / 255.0,
+                blue: CGFloat(rgb & 0x0000FF) / 255.0,
+                alpha: 1.0
+            )
+        } else if length == 8 {
+            self.init(
+                red: CGFloat((rgb & 0xFF000000) >> 24) / 255.0,
+                green: CGFloat((rgb & 0x00FF0000) >> 16) / 255.0,
+                blue: CGFloat((rgb & 0x0000FF00) >> 8) / 255.0,
+                alpha: CGFloat(rgb & 0x000000FF) / 255.0
+            )
+        } else {
+            return nil
+        }
+    }
+}

package/ios/PCSelectionMenu.swift

@@ -462,7 +462,7 @@ private class PCMenuViewController: UIViewController, UITableViewDelegate, UITab
         // Use liquid glass on iOS 26+, fall back to system material blur on older versions
         let effectView: UIVisualEffectView
         if #available(iOS 26, *) {
-            var glassEffect = UIGlassEffect()
+            let glassEffect = UIGlassEffect()
             glassEffect.isInteractive = true
             effectView = UIVisualEffectView(effect: glassEffect)
         } else {

package/lib/commonjs/LiquidGlass.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LiquidGlass = LiquidGlass;
+exports.isLiquidGlassSupported = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _LiquidGlassNativeComponent = _interopRequireDefault(require("./LiquidGlassNativeComponent"));
+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
+
+/**
+ * Whether the LiquidGlass effect is supported on the current device.
+ * Returns true on iOS 26+ (with Liquid Glass support), false otherwise.
+ *
+ * Use this to conditionally render fallback UI on unsupported devices.
+ */
+const isLiquidGlassSupported = exports.isLiquidGlassSupported = _reactNative.Platform.OS === 'ios' && Number(_reactNative.Platform.Version) >= 26;
+function LiquidGlass(props) {
+  const {
+    style,
+    cornerRadius = 0,
+    ios,
+    android,
+    children,
+    onPress,
+    ...viewProps
+  } = props;
+
+  // Normalize iOS props for native layer (strings for codegen)
+  const nativeIos = (0, _react.useMemo)(() => {
+    if (_reactNative.Platform.OS !== 'ios' || !ios) return undefined;
+    return {
+      effect: ios.effect,
+      interactive: ios.interactive ? 'true' : 'false',
+      tintColor: ios.tintColor,
+      colorScheme: ios.colorScheme,
+      shadowRadius: ios.shadowRadius,
+      isHighlighted: ios.isHighlighted ? 'true' : 'false'
+    };
+  }, [ios]);
+
+  // Normalize Android props
+  const nativeAndroid = (0, _react.useMemo)(() => {
+    if (_reactNative.Platform.OS !== 'android' || !android) return undefined;
+    return {
+      fallbackBackgroundColor: android.fallbackBackgroundColor
+    };
+  }, [android]);
+
+  // Handle native press event
+  const handlePress = (0, _react.useCallback)(event => {
+    onPress?.({
+      x: event.nativeEvent.x,
+      y: event.nativeEvent.y
+    });
+  }, [onPress]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LiquidGlassNativeComponent.default, {
+    style: style,
+    cornerRadius: cornerRadius,
+    ios: nativeIos,
+    android: nativeAndroid,
+    onGlassPress: onPress ? handlePress : undefined,
+    ...viewProps,
+    children: children
+  });
+}
+//# sourceMappingURL=LiquidGlass.js.map

package/lib/commonjs/LiquidGlass.js.map

@@ -0,0 +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","Number","Version","LiquidGlass","props","style","cornerRadius","ios","android","children","onPress","viewProps","nativeIos","useMemo","undefined","effect","interactive","tintColor","colorScheme","shadowRadius","isHighlighted","nativeAndroid","fallbackBackgroundColor","handlePress","useCallback","event","x","nativeEvent","y","jsx","onGlassPress"],"sourceRoot":"../../src","sources":["LiquidGlass.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/LiquidGlassNativeComponent.ts

@@ -0,0 +1,110 @@
+// LiquidGlassNativeComponent.ts
+import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+/**
+ * Glass effect intensity/style.
+ * - 'clear': More transparent, subtle glass effect
+ * - 'regular': Standard blur intensity (default)
+ * - 'none': No glass effect (useful for animating materialization)
+ */
+export type LiquidGlassEffect = 'clear' | 'regular' | 'none';
+
+/**
+ * Color scheme for the glass effect.
+ * - 'light': Force light appearance
+ * - 'dark': Force dark appearance
+ * - 'system': Follow system appearance (default)
+ */
+export type LiquidGlassColorScheme = 'light' | 'dark' | 'system';
+
+/**
+ * iOS-specific configuration.
+ */
+export type LiquidGlassIOSProps = Readonly<{
+  /**
+   * Glass effect style.
+   * @default 'regular'
+   */
+  effect?: string; // LiquidGlassEffect
+
+  /**
+   * Enables touch interaction effects when pressing the view.
+   * Note: Only applies on component mount; cannot be changed dynamically.
+   * @default false
+   */
+  interactive?: string; // 'true' | 'false'
+
+  /**
+   * Overlay tint color applied to the glass effect.
+   * Accepts hex color strings (e.g., '#FF0000', '#FF000080').
+   */
+  tintColor?: string;
+
+  /**
+   * Appearance adaptation mode.
+   * @default 'system'
+   */
+  colorScheme?: string; // LiquidGlassColorScheme
+
+  /**
+   * Shadow radius for the glass effect.
+   * @default 20
+   */
+  shadowRadius?: CodegenTypes.Float;
+
+  /**
+   * Whether the view is highlighted (pressed state).
+   */
+  isHighlighted?: string; // 'true' | 'false'
+}>;
+
+/**
+ * Android-specific configuration (stub - LiquidGlass is iOS only).
+ */
+export type LiquidGlassAndroidProps = Readonly<{
+  /**
+   * Fallback background color for Android (since glass effect is not supported).
+   * If not provided, renders as transparent.
+   */
+  fallbackBackgroundColor?: string;
+}>;
+
+/**
+ * Event emitted when the glass view is pressed.
+ */
+export type LiquidGlassPressEvent = Readonly<{
+  /** X coordinate of touch relative to view bounds */
+  x: CodegenTypes.Float;
+  /** Y coordinate of touch relative to view bounds */
+  y: CodegenTypes.Float;
+}>;
+
+export interface LiquidGlassNativeProps extends ViewProps {
+  /**
+   * Corner radius for the glass effect.
+   * Applied uniformly to all corners.
+   * @default 0
+   */
+  cornerRadius?: CodegenTypes.WithDefault<CodegenTypes.Float, 0>;
+
+  /**
+   * iOS-specific props.
+   */
+  ios?: LiquidGlassIOSProps;
+
+  /**
+   * Android-specific props.
+   */
+  android?: LiquidGlassAndroidProps;
+
+  /**
+   * Fired when the glass view is pressed.
+   * Includes touch coordinates relative to view bounds.
+   */
+  onGlassPress?: CodegenTypes.DirectEventHandler<LiquidGlassPressEvent>;
+}
+
+export default codegenNativeComponent<LiquidGlassNativeProps>(
+  'PCLiquidGlass'
+) as HostComponent<LiquidGlassNativeProps>;

package/lib/commonjs/index.js

@@ -47,6 +47,17 @@ Object.keys(_SegmentedControl).forEach(function (key) {
     }
   });
 });
+var _LiquidGlass = require("./LiquidGlass");
+Object.keys(_LiquidGlass).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LiquidGlass[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LiquidGlass[key];
+    }
+  });
+});
 var _sharedTypes = require("./sharedTypes");
 Object.keys(_sharedTypes).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DatePicker","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_SelectionMenu","_ContextMenu","_SegmentedControl","_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","ignoreList":[]}
+{"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":[]}

package/lib/module/LiquidGlass.js

@@ -0,0 +1,64 @@
+"use strict";
+
+// LiquidGlass.tsx
+import React, { useCallback, useMemo } from 'react';
+import { Platform } from 'react-native';
+import NativeLiquidGlass from './LiquidGlassNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Whether the LiquidGlass effect is supported on the current device.
+ * Returns true on iOS 26+ (with Liquid Glass support), false otherwise.
+ *
+ * Use this to conditionally render fallback UI on unsupported devices.
+ */
+export const isLiquidGlassSupported = Platform.OS === 'ios' && Number(Platform.Version) >= 26;
+export function LiquidGlass(props) {
+  const {
+    style,
+    cornerRadius = 0,
+    ios,
+    android,
+    children,
+    onPress,
+    ...viewProps
+  } = props;
+
+  // Normalize iOS props for native layer (strings for codegen)
+  const nativeIos = useMemo(() => {
+    if (Platform.OS !== 'ios' || !ios) return undefined;
+    return {
+      effect: ios.effect,
+      interactive: ios.interactive ? 'true' : 'false',
+      tintColor: ios.tintColor,
+      colorScheme: ios.colorScheme,
+      shadowRadius: ios.shadowRadius,
+      isHighlighted: ios.isHighlighted ? 'true' : 'false'
+    };
+  }, [ios]);
+
+  // Normalize Android props
+  const nativeAndroid = useMemo(() => {
+    if (Platform.OS !== 'android' || !android) return undefined;
+    return {
+      fallbackBackgroundColor: android.fallbackBackgroundColor
+    };
+  }, [android]);
+
+  // Handle native press event
+  const handlePress = useCallback(event => {
+    onPress?.({
+      x: event.nativeEvent.x,
+      y: event.nativeEvent.y
+    });
+  }, [onPress]);
+  return /*#__PURE__*/_jsx(NativeLiquidGlass, {
+    style: style,
+    cornerRadius: cornerRadius,
+    ios: nativeIos,
+    android: nativeAndroid,
+    onGlassPress: onPress ? handlePress : undefined,
+    ...viewProps,
+    children: children
+  });
+}
+//# sourceMappingURL=LiquidGlass.js.map

package/lib/module/LiquidGlass.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Platform","NativeLiquidGlass","jsx","_jsx","isLiquidGlassSupported","OS","Number","Version","LiquidGlass","props","style","cornerRadius","ios","android","children","onPress","viewProps","nativeIos","undefined","effect","interactive","tintColor","colorScheme","shadowRadius","isHighlighted","nativeAndroid","fallbackBackgroundColor","handlePress","event","x","nativeEvent","y","onGlassPress"],"sourceRoot":"../../src","sources":["LiquidGlass.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAwB,cAAc;AAEvD,OAAOC,iBAAiB,MAIjB,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAA+B,GAC1CJ,QAAQ,CAACK,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACN,QAAQ,CAACO,OAAO,CAAC,IAAI,EAAE;AA6FzD,OAAO,SAASC,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,GAAGlB,OAAO,CAAC,MAAM;IAC9B,IAAIC,QAAQ,CAACK,EAAE,KAAK,KAAK,IAAI,CAACO,GAAG,EAAE,OAAOM,SAAS;IACnD,OAAO;MACLC,MAAM,EAAEP,GAAG,CAACO,MAAM;MAClBC,WAAW,EAAER,GAAG,CAACQ,WAAW,GAAG,MAAM,GAAG,OAAO;MAC/CC,SAAS,EAAET,GAAG,CAACS,SAAS;MACxBC,WAAW,EAAEV,GAAG,CAACU,WAAW;MAC5BC,YAAY,EAAEX,GAAG,CAACW,YAAY;MAC9BC,aAAa,EAAEZ,GAAG,CAACY,aAAa,GAAG,MAAM,GAAG;IAC9C,CAAC;EACH,CAAC,EAAE,CAACZ,GAAG,CAAC,CAAC;;EAET;EACA,MAAMa,aAAa,GAAG1B,OAAO,CAAC,MAAM;IAClC,IAAIC,QAAQ,CAACK,EAAE,KAAK,SAAS,IAAI,CAACQ,OAAO,EAAE,OAAOK,SAAS;IAC3D,OAAO;MACLQ,uBAAuB,EAAEb,OAAO,CAACa;IACnC,CAAC;EACH,CAAC,EAAE,CAACb,OAAO,CAAC,CAAC;;EAEb;EACA,MAAMc,WAAW,GAAG7B,WAAW,CAC5B8B,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,oBACEZ,IAAA,CAACF,iBAAiB;IAChBS,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,GAAG,EAAEK,SAAU;IACfJ,OAAO,EAAEY,aAAc;IACvBO,YAAY,EAAEjB,OAAO,GAAGY,WAAW,GAAGT,SAAU;IAAA,GAC5CF,SAAS;IAAAF,QAAA,EAEZA;EAAQ,CACQ,CAAC;AAExB","ignoreList":[]}