reactnatively-glass 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2024 Hakizimana Fred
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -0,0 +1,93 @@
+import { GlassElevation, GlassTintVariant, GlassHighlight, ResolvedColorScheme } from 'reactnatively-theme';
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle, AccessibilityRole } from 'react-native';
+
+type GlassCapability = 'full' | 'partial' | 'none';
+declare const GLASS_CAPABILITY: GlassCapability;
+declare const SUPPORTS_BLUR: boolean;
+declare const IS_FULL_GLASS: boolean;
+declare const IS_PARTIAL_GLASS: boolean;
+declare const IS_NO_GLASS: boolean;
+declare function adjustBlurForCapability(intensity: number): number;
+
+interface GlassConfig {
+    elevation?: GlassElevation;
+    variant?: GlassTintVariant;
+    highlight?: GlassHighlight | boolean;
+    border?: boolean;
+    borderWidth?: number;
+    blurOverride?: number;
+    tintOverride?: string;
+    glow?: {
+        color: string;
+        radius?: number;
+        opacity?: number;
+    } | false;
+}
+interface ResolvedGlassStyle {
+    blurAmount: number;
+    blurTint: 'light' | 'dark' | 'default';
+    tintColor: string;
+    highlightColor: string;
+    borderColor: string;
+    borderWidth: number;
+    shadowColor: string;
+    shadowOpacity: number;
+    shadowRadius: number;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    androidElevation: number;
+    capability: GlassCapability;
+}
+
+declare function resolveGlass(config: GlassConfig, colorScheme: ResolvedColorScheme): ResolvedGlassStyle;
+
+interface GlassViewProps {
+    elevation?: GlassElevation;
+    variant?: GlassTintVariant;
+    highlight?: GlassHighlight | boolean;
+    border?: boolean;
+    borderWidth?: number;
+    borderRadius?: number;
+    blurOverride?: number;
+    tintOverride?: string;
+    glow?: {
+        color: string;
+        radius?: number;
+        opacity?: number;
+    } | false;
+    style?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+    testID?: string;
+    animated?: boolean;
+    accessible?: boolean;
+    accessibilityLabel?: string;
+    accessibilityRole?: AccessibilityRole;
+}
+
+/**
+ * GlassView — the foundational rendering primitive of the Liquid Glass system.
+ *
+ * Layer stack (bottom → top):
+ *   1. Shadow shell   — drop shadow / elevation (outer view, NO overflow:hidden)
+ *   2. Clip shell     — clips all glass layers to border radius (overflow:hidden)
+ *   3. BlurView       — native platform blur
+ *   4. Tint overlay   — semi-transparent color layer
+ *   5. Highlight      — top-edge refraction shimmer (LinearGradient)
+ *   6. Border ring    — 1px glass edge line
+ *   7. Content        — children, above all glass layers
+ */
+declare const GlassView: React.NamedExoticComponent<GlassViewProps>;
+
+interface FrostPanelProps extends Omit<GlassViewProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+    edges?: ('top' | 'bottom' | 'left' | 'right')[];
+}
+declare const FrostPanel: React.NamedExoticComponent<FrostPanelProps>;
+
+declare function useGlassStyle(config: GlassConfig): ResolvedGlassStyle;
+
+export { FrostPanel, type FrostPanelProps, GLASS_CAPABILITY, type GlassCapability, type GlassConfig, GlassView, type GlassViewProps, IS_FULL_GLASS, IS_NO_GLASS, IS_PARTIAL_GLASS, type ResolvedGlassStyle, SUPPORTS_BLUR, adjustBlurForCapability, resolveGlass, useGlassStyle };

package/dist/index.d.ts

@@ -0,0 +1,93 @@
+import { GlassElevation, GlassTintVariant, GlassHighlight, ResolvedColorScheme } from 'reactnatively-theme';
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle, AccessibilityRole } from 'react-native';
+
+type GlassCapability = 'full' | 'partial' | 'none';
+declare const GLASS_CAPABILITY: GlassCapability;
+declare const SUPPORTS_BLUR: boolean;
+declare const IS_FULL_GLASS: boolean;
+declare const IS_PARTIAL_GLASS: boolean;
+declare const IS_NO_GLASS: boolean;
+declare function adjustBlurForCapability(intensity: number): number;
+
+interface GlassConfig {
+    elevation?: GlassElevation;
+    variant?: GlassTintVariant;
+    highlight?: GlassHighlight | boolean;
+    border?: boolean;
+    borderWidth?: number;
+    blurOverride?: number;
+    tintOverride?: string;
+    glow?: {
+        color: string;
+        radius?: number;
+        opacity?: number;
+    } | false;
+}
+interface ResolvedGlassStyle {
+    blurAmount: number;
+    blurTint: 'light' | 'dark' | 'default';
+    tintColor: string;
+    highlightColor: string;
+    borderColor: string;
+    borderWidth: number;
+    shadowColor: string;
+    shadowOpacity: number;
+    shadowRadius: number;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    androidElevation: number;
+    capability: GlassCapability;
+}
+
+declare function resolveGlass(config: GlassConfig, colorScheme: ResolvedColorScheme): ResolvedGlassStyle;
+
+interface GlassViewProps {
+    elevation?: GlassElevation;
+    variant?: GlassTintVariant;
+    highlight?: GlassHighlight | boolean;
+    border?: boolean;
+    borderWidth?: number;
+    borderRadius?: number;
+    blurOverride?: number;
+    tintOverride?: string;
+    glow?: {
+        color: string;
+        radius?: number;
+        opacity?: number;
+    } | false;
+    style?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+    testID?: string;
+    animated?: boolean;
+    accessible?: boolean;
+    accessibilityLabel?: string;
+    accessibilityRole?: AccessibilityRole;
+}
+
+/**
+ * GlassView — the foundational rendering primitive of the Liquid Glass system.
+ *
+ * Layer stack (bottom → top):
+ *   1. Shadow shell   — drop shadow / elevation (outer view, NO overflow:hidden)
+ *   2. Clip shell     — clips all glass layers to border radius (overflow:hidden)
+ *   3. BlurView       — native platform blur
+ *   4. Tint overlay   — semi-transparent color layer
+ *   5. Highlight      — top-edge refraction shimmer (LinearGradient)
+ *   6. Border ring    — 1px glass edge line
+ *   7. Content        — children, above all glass layers
+ */
+declare const GlassView: React.NamedExoticComponent<GlassViewProps>;
+
+interface FrostPanelProps extends Omit<GlassViewProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+    edges?: ('top' | 'bottom' | 'left' | 'right')[];
+}
+declare const FrostPanel: React.NamedExoticComponent<FrostPanelProps>;
+
+declare function useGlassStyle(config: GlassConfig): ResolvedGlassStyle;
+
+export { FrostPanel, type FrostPanelProps, GLASS_CAPABILITY, type GlassCapability, type GlassConfig, GlassView, type GlassViewProps, IS_FULL_GLASS, IS_NO_GLASS, IS_PARTIAL_GLASS, type ResolvedGlassStyle, SUPPORTS_BLUR, adjustBlurForCapability, resolveGlass, useGlassStyle };

package/dist/index.js

@@ -0,0 +1,336 @@
+'use strict';
+
+var reactnativelyTheme = require('reactnatively-theme');
+var reactnativelyUtils = require('reactnatively-utils');
+var React = require('react');
+var reactNative = require('react-native');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+function detectCapability() {
+  if (reactnativelyUtils.IS_IOS) return "full";
+  if (reactnativelyUtils.IS_ANDROID) {
+    const version = reactnativelyUtils.getAndroidVersion();
+    return version >= 31 ? "partial" : "none";
+  }
+  if (reactnativelyUtils.IS_WEB) return "partial";
+  return "none";
+}
+var GLASS_CAPABILITY = detectCapability();
+var SUPPORTS_BLUR = GLASS_CAPABILITY !== "none";
+var IS_FULL_GLASS = GLASS_CAPABILITY === "full";
+var IS_PARTIAL_GLASS = GLASS_CAPABILITY === "partial";
+var IS_NO_GLASS = GLASS_CAPABILITY === "none";
+function adjustBlurForCapability(intensity) {
+  if (GLASS_CAPABILITY === "full") return intensity;
+  if (GLASS_CAPABILITY === "partial") return Math.round(intensity * 0.65);
+  return 0;
+}
+var ANDROID_BLUR_METHOD = reactnativelyUtils.IS_ANDROID ? "dimezisBlurView" : void 0;
+
+// src/engine/GlassEngine.ts
+function resolveGlass(config, colorScheme) {
+  const {
+    elevation = 2,
+    variant = "surface",
+    highlight = true,
+    border = true,
+    borderWidth = 1,
+    blurOverride,
+    tintOverride
+  } = config;
+  const elevationConfig = reactnativelyTheme.glassTokens.elevation[elevation];
+  const rawBlur = blurOverride ?? elevationConfig.blur;
+  const blurAmount = adjustBlurForCapability(rawBlur);
+  const tintColor = tintOverride ?? reactnativelyTheme.glassTokens.tint[colorScheme][variant];
+  let highlightColor = "transparent";
+  if (highlight === true) {
+    highlightColor = reactnativelyTheme.glassTokens.highlight.medium;
+  } else if (highlight !== false && highlight !== "none") {
+    highlightColor = reactnativelyTheme.glassTokens.highlight[highlight];
+  }
+  const borderColor = border ? reactnativelyTheme.glassTokens.border[colorScheme].medium : "transparent";
+  const shadowColor = colorScheme === "dark" ? "#000" : "#1a1a2e";
+  const shadowOpacity = elevationConfig.shadowOpacity;
+  const shadowRadius = elevationConfig.shadowRadius;
+  const shadowOffset = { width: 0, height: elevationConfig.shadowY };
+  const androidElevation = Math.round(elevation * 3);
+  const blurTint = colorScheme === "dark" ? "dark" : "light";
+  return {
+    blurAmount,
+    blurTint,
+    tintColor,
+    highlightColor,
+    borderColor,
+    borderWidth,
+    shadowColor,
+    shadowOpacity,
+    shadowRadius,
+    shadowOffset,
+    androidElevation,
+    capability: GLASS_CAPABILITY
+  };
+}
+var BlurViewImpl = null;
+var blurLoaded = false;
+var LinearGradientImpl = null;
+var gradientLoaded = false;
+function loadBlurView() {
+  if (blurLoaded) return BlurViewImpl;
+  blurLoaded = true;
+  try {
+    BlurViewImpl = __require("expo-blur").BlurView;
+  } catch {
+    BlurViewImpl = null;
+  }
+  return BlurViewImpl;
+}
+function loadLinearGradient() {
+  if (gradientLoaded) return LinearGradientImpl;
+  gradientLoaded = true;
+  try {
+    const gradientModule = __require("react-native-linear-gradient");
+    LinearGradientImpl = gradientModule?.default ?? gradientModule;
+  } catch {
+    LinearGradientImpl = null;
+  }
+  return LinearGradientImpl;
+}
+var GlassView = React__default.default.memo(
+  ({
+    elevation = 2,
+    variant = "surface",
+    highlight = true,
+    border = true,
+    borderWidth = 1,
+    borderRadius = 16,
+    blurOverride,
+    tintOverride,
+    glow,
+    style,
+    contentStyle,
+    children,
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityRole
+  }) => {
+    const { colorScheme } = reactnativelyTheme.useTheme();
+    const resolved = React.useMemo(
+      () => resolveGlass(
+        { elevation, variant, highlight, border, borderWidth, blurOverride, tintOverride },
+        colorScheme
+      ),
+      [elevation, variant, highlight, border, borderWidth, blurOverride, tintOverride, colorScheme]
+    );
+    const shadowStyle = React.useMemo(() => {
+      if (reactNative.Platform.OS === "android") {
+        return { elevation: resolved.androidElevation };
+      }
+      return {
+        shadowColor: resolved.shadowColor,
+        shadowOffset: resolved.shadowOffset,
+        shadowOpacity: resolved.shadowOpacity,
+        shadowRadius: resolved.shadowRadius
+      };
+    }, [resolved]);
+    const glowStyle = React.useMemo(() => {
+      if (!glow || reactNative.Platform.OS !== "ios") return {};
+      return {
+        shadowColor: glow.color,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: glow.opacity ?? 0.35,
+        shadowRadius: glow.radius ?? 24
+      };
+    }, [glow]);
+    const BlurViewComponent = loadBlurView();
+    const LinearGradientComponent = loadLinearGradient();
+    if (IS_NO_GLASS) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.View,
+        {
+          testID,
+          accessible,
+          accessibilityLabel,
+          accessibilityRole,
+          style: [styles.shadowShell, { borderRadius }, shadowStyle, style],
+          children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.clipShell, { borderRadius }], children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              reactNative.View,
+              {
+                style: [
+                  reactNative.StyleSheet.absoluteFill,
+                  { backgroundColor: resolved.tintColor }
+                ]
+              }
+            ),
+            resolved.highlightColor !== "transparent" && (LinearGradientComponent ? /* @__PURE__ */ jsxRuntime.jsx(
+              LinearGradientComponent,
+              {
+                colors: [resolved.highlightColor, "transparent"],
+                start: { x: 0, y: 0 },
+                end: { x: 0, y: 1 },
+                style: styles.highlightGradient
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              reactNative.View,
+              {
+                pointerEvents: "none",
+                style: [
+                  styles.highlightGradient,
+                  { backgroundColor: resolved.highlightColor, opacity: 0.2 }
+                ]
+              }
+            )),
+            border && /* @__PURE__ */ jsxRuntime.jsx(
+              reactNative.View,
+              {
+                pointerEvents: "none",
+                style: [
+                  reactNative.StyleSheet.absoluteFill,
+                  { borderWidth: resolved.borderWidth, borderColor: resolved.borderColor }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.content, contentStyle], children })
+          ] })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        testID,
+        accessible,
+        accessibilityLabel,
+        accessibilityRole,
+        style: [styles.shadowShell, { borderRadius }, shadowStyle, glowStyle, style],
+        children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.clipShell, { borderRadius }], children: [
+          BlurViewComponent ? /* @__PURE__ */ jsxRuntime.jsx(
+            BlurViewComponent,
+            {
+              intensity: resolved.blurAmount,
+              tint: resolved.blurTint,
+              experimentalBlurMethod: ANDROID_BLUR_METHOD,
+              style: reactNative.StyleSheet.absoluteFill
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.View,
+            {
+              pointerEvents: "none",
+              style: [reactNative.StyleSheet.absoluteFill, { backgroundColor: resolved.tintColor }]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.View,
+            {
+              pointerEvents: "none",
+              style: [reactNative.StyleSheet.absoluteFill, { backgroundColor: resolved.tintColor }]
+            }
+          ),
+          resolved.highlightColor !== "transparent" && (LinearGradientComponent ? /* @__PURE__ */ jsxRuntime.jsx(
+            LinearGradientComponent,
+            {
+              colors: [resolved.highlightColor, "transparent"],
+              start: { x: 0, y: 0 },
+              end: { x: 0, y: 1 },
+              style: styles.highlightGradient,
+              pointerEvents: "none"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.View,
+            {
+              pointerEvents: "none",
+              style: [
+                styles.highlightGradient,
+                { backgroundColor: resolved.highlightColor, opacity: 0.18 }
+              ]
+            }
+          )),
+          border && /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.View,
+            {
+              pointerEvents: "none",
+              style: [
+                reactNative.StyleSheet.absoluteFill,
+                { borderWidth: resolved.borderWidth, borderColor: resolved.borderColor }
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.content, contentStyle], children })
+        ] })
+      }
+    );
+  }
+);
+GlassView.displayName = "GlassView";
+var styles = reactNative.StyleSheet.create({
+  shadowShell: {
+    // Shadow lives here — no overflow:hidden so Android elevation renders
+  },
+  clipShell: {
+    overflow: "hidden"
+  },
+  highlightGradient: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    height: "35%"
+  },
+  content: {
+    position: "relative"
+  }
+});
+var FrostPanel = React__default.default.memo(
+  ({ style, edges, borderRadius, children, ...glassProps }) => {
+    const radiusStyle = edges ? {
+      borderTopLeftRadius: edges.includes("top") ? borderRadius ?? 20 : 0,
+      borderTopRightRadius: edges.includes("top") ? borderRadius ?? 20 : 0,
+      borderBottomLeftRadius: edges.includes("bottom") ? borderRadius ?? 20 : 0,
+      borderBottomRightRadius: edges.includes("bottom") ? borderRadius ?? 20 : 0
+    } : { borderRadius: borderRadius ?? 20 };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      GlassView,
+      {
+        elevation: glassProps.elevation ?? 3,
+        style: [styles2.panel, style],
+        borderRadius: 0,
+        ...glassProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: radiusStyle, children })
+      }
+    );
+  }
+);
+FrostPanel.displayName = "FrostPanel";
+var styles2 = reactNative.StyleSheet.create({
+  panel: {
+    width: "100%"
+  }
+});
+function useGlassStyle(config) {
+  const { colorScheme } = reactnativelyTheme.useTheme();
+  return React.useMemo(() => resolveGlass(config, colorScheme), [config, colorScheme]);
+}
+
+exports.FrostPanel = FrostPanel;
+exports.GLASS_CAPABILITY = GLASS_CAPABILITY;
+exports.GlassView = GlassView;
+exports.IS_FULL_GLASS = IS_FULL_GLASS;
+exports.IS_NO_GLASS = IS_NO_GLASS;
+exports.IS_PARTIAL_GLASS = IS_PARTIAL_GLASS;
+exports.SUPPORTS_BLUR = SUPPORTS_BLUR;
+exports.adjustBlurForCapability = adjustBlurForCapability;
+exports.resolveGlass = resolveGlass;
+exports.useGlassStyle = useGlassStyle;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/engine/CapabilityDetector.ts","../src/engine/GlassEngine.ts","../src/components/GlassView/GlassView.tsx","../src/components/FrostPanel/FrostPanel.tsx","../src/hooks/useGlassStyle.ts"],"names":["IS_IOS","IS_ANDROID","getAndroidVersion","IS_WEB","glassTokens","React","useTheme","useMemo","Platform","jsx","View","jsxs","StyleSheet","styles"],"mappings":"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","file":"index.js","sourcesContent":["import { IS_IOS, IS_ANDROID, IS_WEB, getAndroidVersion } from 'reactnatively-utils';\n\nexport type GlassCapability = 'full' | 'partial' | 'none';\n\nfunction detectCapability(): GlassCapability {\n  if (IS_IOS) return 'full';\n  if (IS_ANDROID) {\n    const version = getAndroidVersion();\n    return version >= 31 ? 'partial' : 'none';\n  }\n  if (IS_WEB) return 'partial';\n  return 'none';\n}\n\nexport const GLASS_CAPABILITY: GlassCapability = detectCapability();\nexport const SUPPORTS_BLUR: boolean = GLASS_CAPABILITY !== 'none';\nexport const IS_FULL_GLASS: boolean = GLASS_CAPABILITY === 'full';\nexport const IS_PARTIAL_GLASS: boolean = GLASS_CAPABILITY === 'partial';\nexport const IS_NO_GLASS: boolean = GLASS_CAPABILITY === 'none';\n\nexport function adjustBlurForCapability(intensity: number): number {\n  if (GLASS_CAPABILITY === 'full') return intensity;\n  if (GLASS_CAPABILITY === 'partial') return Math.round(intensity * 0.65);\n  return 0;\n}\n\nexport const ANDROID_BLUR_METHOD = IS_ANDROID ? 'dimezisBlurView' : undefined;\n","import { glassTokens } from 'reactnatively-theme';\nimport type { ResolvedColorScheme } from 'reactnatively-theme';\nimport type { GlassConfig, ResolvedGlassStyle } from './GlassEngine.types';\nimport { GLASS_CAPABILITY, adjustBlurForCapability } from './CapabilityDetector';\n\n// Core resolver: takes a GlassConfig + color scheme, returns a fully\n// resolved style recipe that GlassView uses to render all layers.\nexport function resolveGlass(\n  config: GlassConfig,\n  colorScheme: ResolvedColorScheme,\n): ResolvedGlassStyle {\n  const {\n    elevation    = 2,\n    variant      = 'surface',\n    highlight    = true,\n    border       = true,\n    borderWidth  = 1,\n    blurOverride,\n    tintOverride,\n  } = config;\n\n  const elevationConfig = glassTokens.elevation[elevation];\n\n  // Blur\n  const rawBlur  = blurOverride ?? elevationConfig.blur;\n  const blurAmount = adjustBlurForCapability(rawBlur);\n\n  // Tint\n  const tintColor = tintOverride ?? glassTokens.tint[colorScheme][variant];\n\n  // Highlight\n  let highlightColor = 'transparent';\n  if (highlight === true) {\n    highlightColor = glassTokens.highlight.medium;\n  } else if (highlight !== false && highlight !== 'none') {\n    highlightColor = glassTokens.highlight[highlight];\n  }\n\n  // Border\n  const borderColor = border\n    ? glassTokens.border[colorScheme].medium\n    : 'transparent';\n\n  // Shadow — glass shadows use a deep, soft spread\n  const shadowColor   = colorScheme === 'dark' ? '#000' : '#1a1a2e';\n  const shadowOpacity = elevationConfig.shadowOpacity;\n  const shadowRadius  = elevationConfig.shadowRadius;\n  const shadowOffset  = { width: 0, height: elevationConfig.shadowY };\n  const androidElevation = Math.round(elevation * 3);\n\n  // BlurView tint hint — 'light' | 'dark' | 'default'\n  const blurTint = colorScheme === 'dark' ? 'dark' : 'light';\n\n  return {\n    blurAmount,\n    blurTint,\n    tintColor,\n    highlightColor,\n    borderColor,\n    borderWidth,\n    shadowColor,\n    shadowOpacity,\n    shadowRadius,\n    shadowOffset,\n    androidElevation,\n    capability: GLASS_CAPABILITY,\n  };\n}\n","import React, { useMemo } from 'react';\nimport {\n  View,\n  StyleSheet,\n  Platform,\n  type ViewStyle,\n} from 'react-native';\nimport { useTheme } from 'reactnatively-theme';\nimport { resolveGlass } from '../../engine/GlassEngine';\nimport { IS_NO_GLASS, ANDROID_BLUR_METHOD } from '../../engine/CapabilityDetector';\nimport type { GlassViewProps } from './GlassView.types';\n\nlet BlurViewImpl: typeof import('expo-blur').BlurView | null = null;\nlet blurLoaded = false;\n\nlet LinearGradientImpl:\n  | typeof import('react-native-linear-gradient').default\n  | null = null;\nlet gradientLoaded = false;\n\nfunction loadBlurView(): typeof import('expo-blur').BlurView | null {\n  if (blurLoaded) return BlurViewImpl;\n  blurLoaded = true;\n  try {\n    // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires\n    BlurViewImpl = require('expo-blur').BlurView;\n  } catch {\n    BlurViewImpl = null;\n  }\n  return BlurViewImpl;\n}\n\nfunction loadLinearGradient():\n  | typeof import('react-native-linear-gradient').default\n  | null {\n  if (gradientLoaded) return LinearGradientImpl;\n  gradientLoaded = true;\n  try {\n    // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires\n    const gradientModule = require('react-native-linear-gradient');\n    LinearGradientImpl = gradientModule?.default ?? gradientModule;\n  } catch {\n    LinearGradientImpl = null;\n  }\n  return LinearGradientImpl;\n}\n\n/**\n * GlassView — the foundational rendering primitive of the Liquid Glass system.\n *\n * Layer stack (bottom → top):\n *   1. Shadow shell   — drop shadow / elevation (outer view, NO overflow:hidden)\n *   2. Clip shell     — clips all glass layers to border radius (overflow:hidden)\n *   3. BlurView       — native platform blur\n *   4. Tint overlay   — semi-transparent color layer\n *   5. Highlight      — top-edge refraction shimmer (LinearGradient)\n *   6. Border ring    — 1px glass edge line\n *   7. Content        — children, above all glass layers\n */\nexport const GlassView = React.memo<GlassViewProps>(\n  ({\n    elevation    = 2,\n    variant      = 'surface',\n    highlight    = true,\n    border       = true,\n    borderWidth  = 1,\n    borderRadius = 16,\n    blurOverride,\n    tintOverride,\n    glow,\n    style,\n    contentStyle,\n    children,\n    testID,\n    accessible,\n    accessibilityLabel,\n    accessibilityRole,\n  }) => {\n    const { colorScheme } = useTheme();\n\n    const resolved = useMemo(\n      () =>\n        resolveGlass(\n          { elevation, variant, highlight, border, borderWidth, blurOverride, tintOverride },\n          colorScheme,\n        ),\n      [elevation, variant, highlight, border, borderWidth, blurOverride, tintOverride, colorScheme],\n    );\n\n    const shadowStyle = useMemo((): ViewStyle => {\n      if (Platform.OS === 'android') {\n        return { elevation: resolved.androidElevation };\n      }\n      return {\n        shadowColor:   resolved.shadowColor,\n        shadowOffset:  resolved.shadowOffset,\n        shadowOpacity: resolved.shadowOpacity,\n        shadowRadius:  resolved.shadowRadius,\n      };\n    }, [resolved]);\n\n    const glowStyle = useMemo((): ViewStyle => {\n      if (!glow || Platform.OS !== 'ios') return {};\n      return {\n        shadowColor:   glow.color,\n        shadowOffset:  { width: 0, height: 0 },\n        shadowOpacity: glow.opacity ?? 0.35,\n        shadowRadius:  glow.radius ?? 24,\n      };\n    }, [glow]);\n\n    const BlurViewComponent = loadBlurView();\n    const LinearGradientComponent = loadLinearGradient();\n\n    // Fallback: no-blur devices — solid semi-transparent + gradient only\n    if (IS_NO_GLASS) {\n      return (\n        <View\n          testID={testID}\n          accessible={accessible}\n          accessibilityLabel={accessibilityLabel}\n          accessibilityRole={accessibilityRole}\n          style={[styles.shadowShell, { borderRadius }, shadowStyle, style]}\n        >\n          <View style={[styles.clipShell, { borderRadius }]}>\n            <View\n              style={[\n                StyleSheet.absoluteFill,\n                { backgroundColor: resolved.tintColor },\n              ]}\n            />\n            {resolved.highlightColor !== 'transparent' && (\n              LinearGradientComponent ? (\n                <LinearGradientComponent\n                  colors={[resolved.highlightColor, 'transparent']}\n                  start={{ x: 0, y: 0 }}\n                  end={{ x: 0, y: 1 }}\n                  style={styles.highlightGradient}\n                />\n              ) : (\n                <View\n                  pointerEvents=\"none\"\n                  style={[\n                    styles.highlightGradient,\n                    { backgroundColor: resolved.highlightColor, opacity: 0.2 },\n                  ]}\n                />\n              )\n            )}\n            {border && (\n              <View\n                pointerEvents=\"none\"\n                style={[\n                  StyleSheet.absoluteFill,\n                  { borderWidth: resolved.borderWidth, borderColor: resolved.borderColor },\n                ]}\n              />\n            )}\n            <View style={[styles.content, contentStyle]}>{children}</View>\n          </View>\n        </View>\n      );\n    }\n\n    return (\n      <View\n        testID={testID}\n        accessible={accessible}\n        accessibilityLabel={accessibilityLabel}\n        accessibilityRole={accessibilityRole}\n        style={[styles.shadowShell, { borderRadius }, shadowStyle, glowStyle, style]}\n      >\n        <View style={[styles.clipShell, { borderRadius }]}>\n          {/* Layer 1: Native blur */}\n          {BlurViewComponent ? (\n            <BlurViewComponent\n              intensity={resolved.blurAmount}\n              tint={resolved.blurTint}\n              // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n              // @ts-ignore — experimentalBlurMethod is Android-only, conditionally applied\n              experimentalBlurMethod={ANDROID_BLUR_METHOD}\n              style={StyleSheet.absoluteFill}\n            />\n          ) : (\n            <View\n              pointerEvents=\"none\"\n              style={[StyleSheet.absoluteFill, { backgroundColor: resolved.tintColor }]}\n            />\n          )}\n\n          {/* Layer 2: Tint overlay */}\n          <View\n            pointerEvents=\"none\"\n            style={[StyleSheet.absoluteFill, { backgroundColor: resolved.tintColor }]}\n          />\n\n          {/* Layer 3: Top-edge highlight — the \"liquid glass\" refraction shimmer */}\n          {resolved.highlightColor !== 'transparent' && (\n            LinearGradientComponent ? (\n              <LinearGradientComponent\n                colors={[resolved.highlightColor, 'transparent']}\n                start={{ x: 0, y: 0 }}\n                end={{ x: 0, y: 1 }}\n                style={styles.highlightGradient}\n                pointerEvents=\"none\"\n              />\n            ) : (\n              <View\n                pointerEvents=\"none\"\n                style={[\n                  styles.highlightGradient,\n                  { backgroundColor: resolved.highlightColor, opacity: 0.18 },\n                ]}\n              />\n            )\n          )}\n\n          {/* Layer 4: Glass edge border */}\n          {border && (\n            <View\n              pointerEvents=\"none\"\n              style={[\n                StyleSheet.absoluteFill,\n                { borderWidth: resolved.borderWidth, borderColor: resolved.borderColor },\n              ]}\n            />\n          )}\n\n          {/* Layer 5: Children */}\n          <View style={[styles.content, contentStyle]}>{children}</View>\n        </View>\n      </View>\n    );\n  },\n);\n\nGlassView.displayName = 'GlassView';\n\nconst styles = StyleSheet.create({\n  shadowShell: {\n    // Shadow lives here — no overflow:hidden so Android elevation renders\n  },\n  clipShell: {\n    overflow: 'hidden',\n  },\n  highlightGradient: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    height: '35%',\n  },\n  content: {\n    position: 'relative',\n  },\n});\n","import React from 'react';\nimport { View, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';\nimport { GlassView } from '../GlassView';\nimport type { GlassViewProps } from '../GlassView/GlassView.types';\n\n// FrostPanel: full-width glass surface for bottom sheets, headers, sidebars.\n// Unlike GlassView (which sizes to content), FrostPanel fills its container.\nexport interface FrostPanelProps extends Omit<GlassViewProps, 'style'> {\n  style?: StyleProp<ViewStyle>;\n  edges?: ('top' | 'bottom' | 'left' | 'right')[];\n}\n\nexport const FrostPanel = React.memo<FrostPanelProps>(\n  ({ style, edges, borderRadius, children, ...glassProps }) => {\n    // For panels, we typically want sharp edges on some sides\n    // e.g., bottom sheet: round top, flat bottom (or vice versa)\n    const radiusStyle = edges\n      ? {\n          borderTopLeftRadius:     edges.includes('top')    ? (borderRadius ?? 20) : 0,\n          borderTopRightRadius:    edges.includes('top')    ? (borderRadius ?? 20) : 0,\n          borderBottomLeftRadius:  edges.includes('bottom') ? (borderRadius ?? 20) : 0,\n          borderBottomRightRadius: edges.includes('bottom') ? (borderRadius ?? 20) : 0,\n        }\n      : { borderRadius: borderRadius ?? 20 };\n\n    return (\n      <GlassView\n        elevation={glassProps.elevation ?? 3}\n        style={[styles.panel, style]}\n        borderRadius={0} // We handle radius manually for panels\n        {...glassProps}\n      >\n        <View style={radiusStyle}>\n          {children}\n        </View>\n      </GlassView>\n    );\n  },\n);\n\nFrostPanel.displayName = 'FrostPanel';\n\nconst styles = StyleSheet.create({\n  panel: {\n    width: '100%',\n  },\n});\n","import { useMemo } from 'react';\nimport { useTheme } from 'reactnatively-theme';\nimport { resolveGlass } from '../engine/GlassEngine';\nimport type { GlassConfig, ResolvedGlassStyle } from '../engine/GlassEngine.types';\n\n// Hook: resolves the full glass style recipe using the current theme's color scheme.\n// Use this when building custom glass components outside of GlassView.\nexport function useGlassStyle(config: GlassConfig): ResolvedGlassStyle {\n  const { colorScheme } = useTheme();\n  return useMemo(() => resolveGlass(config, colorScheme), [config, colorScheme]);\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,321 @@
+import { useTheme, glassTokens } from 'reactnatively-theme';
+import { IS_IOS, IS_ANDROID, getAndroidVersion, IS_WEB } from 'reactnatively-utils';
+import React, { useMemo } from 'react';
+import { Platform, View, StyleSheet } from 'react-native';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+function detectCapability() {
+  if (IS_IOS) return "full";
+  if (IS_ANDROID) {
+    const version = getAndroidVersion();
+    return version >= 31 ? "partial" : "none";
+  }
+  if (IS_WEB) return "partial";
+  return "none";
+}
+var GLASS_CAPABILITY = detectCapability();
+var SUPPORTS_BLUR = GLASS_CAPABILITY !== "none";
+var IS_FULL_GLASS = GLASS_CAPABILITY === "full";
+var IS_PARTIAL_GLASS = GLASS_CAPABILITY === "partial";
+var IS_NO_GLASS = GLASS_CAPABILITY === "none";
+function adjustBlurForCapability(intensity) {
+  if (GLASS_CAPABILITY === "full") return intensity;
+  if (GLASS_CAPABILITY === "partial") return Math.round(intensity * 0.65);
+  return 0;
+}
+var ANDROID_BLUR_METHOD = IS_ANDROID ? "dimezisBlurView" : void 0;
+
+// src/engine/GlassEngine.ts
+function resolveGlass(config, colorScheme) {
+  const {
+    elevation = 2,
+    variant = "surface",
+    highlight = true,
+    border = true,
+    borderWidth = 1,
+    blurOverride,
+    tintOverride
+  } = config;
+  const elevationConfig = glassTokens.elevation[elevation];
+  const rawBlur = blurOverride ?? elevationConfig.blur;
+  const blurAmount = adjustBlurForCapability(rawBlur);
+  const tintColor = tintOverride ?? glassTokens.tint[colorScheme][variant];
+  let highlightColor = "transparent";
+  if (highlight === true) {
+    highlightColor = glassTokens.highlight.medium;
+  } else if (highlight !== false && highlight !== "none") {
+    highlightColor = glassTokens.highlight[highlight];
+  }
+  const borderColor = border ? glassTokens.border[colorScheme].medium : "transparent";
+  const shadowColor = colorScheme === "dark" ? "#000" : "#1a1a2e";
+  const shadowOpacity = elevationConfig.shadowOpacity;
+  const shadowRadius = elevationConfig.shadowRadius;
+  const shadowOffset = { width: 0, height: elevationConfig.shadowY };
+  const androidElevation = Math.round(elevation * 3);
+  const blurTint = colorScheme === "dark" ? "dark" : "light";
+  return {
+    blurAmount,
+    blurTint,
+    tintColor,
+    highlightColor,
+    borderColor,
+    borderWidth,
+    shadowColor,
+    shadowOpacity,
+    shadowRadius,
+    shadowOffset,
+    androidElevation,
+    capability: GLASS_CAPABILITY
+  };
+}
+var BlurViewImpl = null;
+var blurLoaded = false;
+var LinearGradientImpl = null;
+var gradientLoaded = false;
+function loadBlurView() {
+  if (blurLoaded) return BlurViewImpl;
+  blurLoaded = true;
+  try {
+    BlurViewImpl = __require("expo-blur").BlurView;
+  } catch {
+    BlurViewImpl = null;
+  }
+  return BlurViewImpl;
+}
+function loadLinearGradient() {
+  if (gradientLoaded) return LinearGradientImpl;
+  gradientLoaded = true;
+  try {
+    const gradientModule = __require("react-native-linear-gradient");
+    LinearGradientImpl = gradientModule?.default ?? gradientModule;
+  } catch {
+    LinearGradientImpl = null;
+  }
+  return LinearGradientImpl;
+}
+var GlassView = React.memo(
+  ({
+    elevation = 2,
+    variant = "surface",
+    highlight = true,
+    border = true,
+    borderWidth = 1,
+    borderRadius = 16,
+    blurOverride,
+    tintOverride,
+    glow,
+    style,
+    contentStyle,
+    children,
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityRole
+  }) => {
+    const { colorScheme } = useTheme();
+    const resolved = useMemo(
+      () => resolveGlass(
+        { elevation, variant, highlight, border, borderWidth, blurOverride, tintOverride },
+        colorScheme
+      ),
+      [elevation, variant, highlight, border, borderWidth, blurOverride, tintOverride, colorScheme]
+    );
+    const shadowStyle = useMemo(() => {
+      if (Platform.OS === "android") {
+        return { elevation: resolved.androidElevation };
+      }
+      return {
+        shadowColor: resolved.shadowColor,
+        shadowOffset: resolved.shadowOffset,
+        shadowOpacity: resolved.shadowOpacity,
+        shadowRadius: resolved.shadowRadius
+      };
+    }, [resolved]);
+    const glowStyle = useMemo(() => {
+      if (!glow || Platform.OS !== "ios") return {};
+      return {
+        shadowColor: glow.color,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: glow.opacity ?? 0.35,
+        shadowRadius: glow.radius ?? 24
+      };
+    }, [glow]);
+    const BlurViewComponent = loadBlurView();
+    const LinearGradientComponent = loadLinearGradient();
+    if (IS_NO_GLASS) {
+      return /* @__PURE__ */ jsx(
+        View,
+        {
+          testID,
+          accessible,
+          accessibilityLabel,
+          accessibilityRole,
+          style: [styles.shadowShell, { borderRadius }, shadowStyle, style],
+          children: /* @__PURE__ */ jsxs(View, { style: [styles.clipShell, { borderRadius }], children: [
+            /* @__PURE__ */ jsx(
+              View,
+              {
+                style: [
+                  StyleSheet.absoluteFill,
+                  { backgroundColor: resolved.tintColor }
+                ]
+              }
+            ),
+            resolved.highlightColor !== "transparent" && (LinearGradientComponent ? /* @__PURE__ */ jsx(
+              LinearGradientComponent,
+              {
+                colors: [resolved.highlightColor, "transparent"],
+                start: { x: 0, y: 0 },
+                end: { x: 0, y: 1 },
+                style: styles.highlightGradient
+              }
+            ) : /* @__PURE__ */ jsx(
+              View,
+              {
+                pointerEvents: "none",
+                style: [
+                  styles.highlightGradient,
+                  { backgroundColor: resolved.highlightColor, opacity: 0.2 }
+                ]
+              }
+            )),
+            border && /* @__PURE__ */ jsx(
+              View,
+              {
+                pointerEvents: "none",
+                style: [
+                  StyleSheet.absoluteFill,
+                  { borderWidth: resolved.borderWidth, borderColor: resolved.borderColor }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(View, { style: [styles.content, contentStyle], children })
+          ] })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        testID,
+        accessible,
+        accessibilityLabel,
+        accessibilityRole,
+        style: [styles.shadowShell, { borderRadius }, shadowStyle, glowStyle, style],
+        children: /* @__PURE__ */ jsxs(View, { style: [styles.clipShell, { borderRadius }], children: [
+          BlurViewComponent ? /* @__PURE__ */ jsx(
+            BlurViewComponent,
+            {
+              intensity: resolved.blurAmount,
+              tint: resolved.blurTint,
+              experimentalBlurMethod: ANDROID_BLUR_METHOD,
+              style: StyleSheet.absoluteFill
+            }
+          ) : /* @__PURE__ */ jsx(
+            View,
+            {
+              pointerEvents: "none",
+              style: [StyleSheet.absoluteFill, { backgroundColor: resolved.tintColor }]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            View,
+            {
+              pointerEvents: "none",
+              style: [StyleSheet.absoluteFill, { backgroundColor: resolved.tintColor }]
+            }
+          ),
+          resolved.highlightColor !== "transparent" && (LinearGradientComponent ? /* @__PURE__ */ jsx(
+            LinearGradientComponent,
+            {
+              colors: [resolved.highlightColor, "transparent"],
+              start: { x: 0, y: 0 },
+              end: { x: 0, y: 1 },
+              style: styles.highlightGradient,
+              pointerEvents: "none"
+            }
+          ) : /* @__PURE__ */ jsx(
+            View,
+            {
+              pointerEvents: "none",
+              style: [
+                styles.highlightGradient,
+                { backgroundColor: resolved.highlightColor, opacity: 0.18 }
+              ]
+            }
+          )),
+          border && /* @__PURE__ */ jsx(
+            View,
+            {
+              pointerEvents: "none",
+              style: [
+                StyleSheet.absoluteFill,
+                { borderWidth: resolved.borderWidth, borderColor: resolved.borderColor }
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(View, { style: [styles.content, contentStyle], children })
+        ] })
+      }
+    );
+  }
+);
+GlassView.displayName = "GlassView";
+var styles = StyleSheet.create({
+  shadowShell: {
+    // Shadow lives here — no overflow:hidden so Android elevation renders
+  },
+  clipShell: {
+    overflow: "hidden"
+  },
+  highlightGradient: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    height: "35%"
+  },
+  content: {
+    position: "relative"
+  }
+});
+var FrostPanel = React.memo(
+  ({ style, edges, borderRadius, children, ...glassProps }) => {
+    const radiusStyle = edges ? {
+      borderTopLeftRadius: edges.includes("top") ? borderRadius ?? 20 : 0,
+      borderTopRightRadius: edges.includes("top") ? borderRadius ?? 20 : 0,
+      borderBottomLeftRadius: edges.includes("bottom") ? borderRadius ?? 20 : 0,
+      borderBottomRightRadius: edges.includes("bottom") ? borderRadius ?? 20 : 0
+    } : { borderRadius: borderRadius ?? 20 };
+    return /* @__PURE__ */ jsx(
+      GlassView,
+      {
+        elevation: glassProps.elevation ?? 3,
+        style: [styles2.panel, style],
+        borderRadius: 0,
+        ...glassProps,
+        children: /* @__PURE__ */ jsx(View, { style: radiusStyle, children })
+      }
+    );
+  }
+);
+FrostPanel.displayName = "FrostPanel";
+var styles2 = StyleSheet.create({
+  panel: {
+    width: "100%"
+  }
+});
+function useGlassStyle(config) {
+  const { colorScheme } = useTheme();
+  return useMemo(() => resolveGlass(config, colorScheme), [config, colorScheme]);
+}
+
+export { FrostPanel, GLASS_CAPABILITY, GlassView, IS_FULL_GLASS, IS_NO_GLASS, IS_PARTIAL_GLASS, SUPPORTS_BLUR, adjustBlurForCapability, resolveGlass, useGlassStyle };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/engine/CapabilityDetector.ts","../src/engine/GlassEngine.ts","../src/components/GlassView/GlassView.tsx","../src/components/FrostPanel/FrostPanel.tsx","../src/hooks/useGlassStyle.ts"],"names":["React","jsx","styles","View","StyleSheet","useTheme","useMemo"],"mappings":";;;;;;;;;;;;AAIA,SAAS,gBAAA,GAAoC;AAC3C,EAAA,IAAI,QAAQ,OAAO,MAAA;AACnB,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,MAAM,UAAU,iBAAA,EAAkB;AAClC,IAAA,OAAO,OAAA,IAAW,KAAK,SAAA,GAAY,MAAA;AAAA,EACrC;AACA,EAAA,IAAI,QAAQ,OAAO,SAAA;AACnB,EAAA,OAAO,MAAA;AACT;AAEO,IAAM,mBAAoC,gBAAA;AAC1C,IAAM,gBAAyB,gBAAA,KAAqB;AACpD,IAAM,gBAAyB,gBAAA,KAAqB;AACpD,IAAM,mBAA4B,gBAAA,KAAqB;AACvD,IAAM,cAAuB,gBAAA,KAAqB;AAElD,SAAS,wBAAwB,SAAA,EAA2B;AACjE,EAAA,IAAI,gBAAA,KAAqB,QAAQ,OAAO,SAAA;AACxC,EAAA,IAAI,qBAAqB,SAAA,EAAW,OAAO,IAAA,CAAK,KAAA,CAAM,YAAY,IAAI,CAAA;AACtE,EAAA,OAAO,CAAA;AACT;AAEO,IAAM,mBAAA,GAAsB,aAAa,iBAAA,GAAoB,MAAA;;;ACnB7D,SAAS,YAAA,CACd,QACA,WAAA,EACoB;AACpB,EAAA,MAAM;AAAA,IACJ,SAAA,GAAe,CAAA;AAAA,IACf,OAAA,GAAe,SAAA;AAAA,IACf,SAAA,GAAe,IAAA;AAAA,IACf,MAAA,GAAe,IAAA;AAAA,IACf,WAAA,GAAe,CAAA;AAAA,IACf,YAAA;AAAA,IACA;AAAA,GACF,GAAI,MAAA;AAEJ,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,SAAA,CAAU,SAAS,CAAA;AAGvD,EAAA,MAAM,OAAA,GAAW,gBAAgB,eAAA,CAAgB,IAAA;AACjD,EAAA,MAAM,UAAA,GAAa,wBAAwB,OAAO,CAAA;AAGlD,EAAA,MAAM,YAAY,YAAA,IAAgB,WAAA,CAAY,IAAA,CAAK,WAAW,EAAE,OAAO,CAAA;AAGvE,EAAA,IAAI,cAAA,GAAiB,aAAA;AACrB,EAAA,IAAI,cAAc,IAAA,EAAM;AACtB,IAAA,cAAA,GAAiB,YAAY,SAAA,CAAU,MAAA;AAAA,EACzC,CAAA,MAAA,IAAW,SAAA,KAAc,KAAA,IAAS,SAAA,KAAc,MAAA,EAAQ;AACtD,IAAA,cAAA,GAAiB,WAAA,CAAY,UAAU,SAAS,CAAA;AAAA,EAClD;AAGA,EAAA,MAAM,cAAc,MAAA,GAChB,WAAA,CAAY,MAAA,CAAO,WAAW,EAAE,MAAA,GAChC,aAAA;AAGJ,EAAA,MAAM,WAAA,GAAgB,WAAA,KAAgB,MAAA,GAAS,MAAA,GAAS,SAAA;AACxD,EAAA,MAAM,gBAAgB,eAAA,CAAgB,aAAA;AACtC,EAAA,MAAM,eAAgB,eAAA,CAAgB,YAAA;AACtC,EAAA,MAAM,eAAgB,EAAE,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,gBAAgB,OAAA,EAAQ;AAClE,EAAA,MAAM,gBAAA,GAAmB,IAAA,CAAK,KAAA,CAAM,SAAA,GAAY,CAAC,CAAA;AAGjD,EAAA,MAAM,QAAA,GAAW,WAAA,KAAgB,MAAA,GAAS,MAAA,GAAS,OAAA;AAEnD,EAAA,OAAO;AAAA,IACL,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA,EAAY;AAAA,GACd;AACF;ACvDA,IAAI,YAAA,GAA2D,IAAA;AAC/D,IAAI,UAAA,GAAa,KAAA;AAEjB,IAAI,kBAAA,GAEO,IAAA;AACX,IAAI,cAAA,GAAiB,KAAA;AAErB,SAAS,YAAA,GAA2D;AAClE,EAAA,IAAI,YAAY,OAAO,YAAA;AACvB,EAAA,UAAA,GAAa,IAAA;AACb,EAAA,IAAI;AAEF,IAAA,YAAA,GAAe,SAAA,CAAQ,WAAW,CAAA,CAAE,QAAA;AAAA,EACtC,CAAA,CAAA,MAAQ;AACN,IAAA,YAAA,GAAe,IAAA;AAAA,EACjB;AACA,EAAA,OAAO,YAAA;AACT;AAEA,SAAS,kBAAA,GAEA;AACP,EAAA,IAAI,gBAAgB,OAAO,kBAAA;AAC3B,EAAA,cAAA,GAAiB,IAAA;AACjB,EAAA,IAAI;AAEF,IAAA,MAAM,cAAA,GAAiB,UAAQ,8BAA8B,CAAA;AAC7D,IAAA,kBAAA,GAAqB,gBAAgB,OAAA,IAAW,cAAA;AAAA,EAClD,CAAA,CAAA,MAAQ;AACN,IAAA,kBAAA,GAAqB,IAAA;AAAA,EACvB;AACA,EAAA,OAAO,kBAAA;AACT;AAcO,IAAM,YAAY,KAAA,CAAM,IAAA;AAAA,EAC7B,CAAC;AAAA,IACC,SAAA,GAAe,CAAA;AAAA,IACf,OAAA,GAAe,SAAA;AAAA,IACf,SAAA,GAAe,IAAA;AAAA,IACf,MAAA,GAAe,IAAA;AAAA,IACf,WAAA,GAAe,CAAA;AAAA,IACf,YAAA,GAAe,EAAA;AAAA,IACf,YAAA;AAAA,IACA,YAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,EAAE,WAAA,EAAY,GAAI,QAAA,EAAS;AAEjC,IAAA,MAAM,QAAA,GAAW,OAAA;AAAA,MACf,MACE,YAAA;AAAA,QACE,EAAE,SAAA,EAAW,OAAA,EAAS,WAAW,MAAA,EAAQ,WAAA,EAAa,cAAc,YAAA,EAAa;AAAA,QACjF;AAAA,OACF;AAAA,MACF,CAAC,WAAW,OAAA,EAAS,SAAA,EAAW,QAAQ,WAAA,EAAa,YAAA,EAAc,cAAc,WAAW;AAAA,KAC9F;AAEA,IAAA,MAAM,WAAA,GAAc,QAAQ,MAAiB;AAC3C,MAAA,IAAI,QAAA,CAAS,OAAO,SAAA,EAAW;AAC7B,QAAA,OAAO,EAAE,SAAA,EAAW,QAAA,CAAS,gBAAA,EAAiB;AAAA,MAChD;AACA,MAAA,OAAO;AAAA,QACL,aAAe,QAAA,CAAS,WAAA;AAAA,QACxB,cAAe,QAAA,CAAS,YAAA;AAAA,QACxB,eAAe,QAAA,CAAS,aAAA;AAAA,QACxB,cAAe,QAAA,CAAS;AAAA,OAC1B;AAAA,IACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,IAAA,MAAM,SAAA,GAAY,QAAQ,MAAiB;AACzC,MAAA,IAAI,CAAC,IAAA,IAAQ,QAAA,CAAS,EAAA,KAAO,KAAA,SAAc,EAAC;AAC5C,MAAA,OAAO;AAAA,QACL,aAAe,IAAA,CAAK,KAAA;AAAA,QACpB,YAAA,EAAe,EAAE,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAE;AAAA,QACrC,aAAA,EAAe,KAAK,OAAA,IAAW,IAAA;AAAA,QAC/B,YAAA,EAAe,KAAK,MAAA,IAAU;AAAA,OAChC;AAAA,IACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,IAAA,MAAM,oBAAoB,YAAA,EAAa;AACvC,IAAA,MAAM,0BAA0B,kBAAA,EAAmB;AAGnD,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,uBACE,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACA,UAAA;AAAA,UACA,kBAAA;AAAA,UACA,iBAAA;AAAA,UACA,KAAA,EAAO,CAAC,MAAA,CAAO,WAAA,EAAa,EAAE,YAAA,EAAa,EAAG,aAAa,KAAK,CAAA;AAAA,UAEhE,QAAA,kBAAA,IAAA,CAAC,QAAK,KAAA,EAAO,CAAC,OAAO,SAAA,EAAW,EAAE,YAAA,EAAc,CAAA,EAC9C,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO;AAAA,kBACL,UAAA,CAAW,YAAA;AAAA,kBACX,EAAE,eAAA,EAAiB,QAAA,CAAS,SAAA;AAAU;AACxC;AAAA,aACF;AAAA,YACC,QAAA,CAAS,cAAA,KAAmB,aAAA,KAC3B,uBAAA,mBACE,GAAA;AAAA,cAAC,uBAAA;AAAA,cAAA;AAAA,gBACC,MAAA,EAAQ,CAAC,QAAA,CAAS,cAAA,EAAgB,aAAa,CAAA;AAAA,gBAC/C,KAAA,EAAO,EAAE,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,gBACpB,GAAA,EAAK,EAAE,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,gBAClB,OAAO,MAAA,CAAO;AAAA;AAAA,aAChB,mBAEA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAc,MAAA;AAAA,gBACd,KAAA,EAAO;AAAA,kBACL,MAAA,CAAO,iBAAA;AAAA,kBACP,EAAE,eAAA,EAAiB,QAAA,CAAS,cAAA,EAAgB,SAAS,GAAA;AAAI;AAC3D;AAAA,aACF,CAAA;AAAA,YAGH,MAAA,oBACC,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAc,MAAA;AAAA,gBACd,KAAA,EAAO;AAAA,kBACL,UAAA,CAAW,YAAA;AAAA,kBACX,EAAE,WAAA,EAAa,QAAA,CAAS,WAAA,EAAa,WAAA,EAAa,SAAS,WAAA;AAAY;AACzE;AAAA,aACF;AAAA,4BAEF,GAAA,CAAC,QAAK,KAAA,EAAO,CAAC,OAAO,OAAA,EAAS,YAAY,GAAI,QAAA,EAAS;AAAA,WAAA,EACzD;AAAA;AAAA,OACF;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,UAAA;AAAA,QACA,kBAAA;AAAA,QACA,iBAAA;AAAA,QACA,KAAA,EAAO,CAAC,MAAA,CAAO,WAAA,EAAa,EAAE,YAAA,EAAa,EAAG,WAAA,EAAa,SAAA,EAAW,KAAK,CAAA;AAAA,QAE3E,QAAA,kBAAA,IAAA,CAAC,QAAK,KAAA,EAAO,CAAC,OAAO,SAAA,EAAW,EAAE,YAAA,EAAc,CAAA,EAE7C,QAAA,EAAA;AAAA,UAAA,iBAAA,mBACC,GAAA;AAAA,YAAC,iBAAA;AAAA,YAAA;AAAA,cACC,WAAW,QAAA,CAAS,UAAA;AAAA,cACpB,MAAM,QAAA,CAAS,QAAA;AAAA,cAGf,sBAAA,EAAwB,mBAAA;AAAA,cACxB,OAAO,UAAA,CAAW;AAAA;AAAA,WACpB,mBAEA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAc,MAAA;AAAA,cACd,KAAA,EAAO,CAAC,UAAA,CAAW,YAAA,EAAc,EAAE,eAAA,EAAiB,QAAA,CAAS,WAAW;AAAA;AAAA,WAC1E;AAAA,0BAIF,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAc,MAAA;AAAA,cACd,KAAA,EAAO,CAAC,UAAA,CAAW,YAAA,EAAc,EAAE,eAAA,EAAiB,QAAA,CAAS,WAAW;AAAA;AAAA,WAC1E;AAAA,UAGC,QAAA,CAAS,cAAA,KAAmB,aAAA,KAC3B,uBAAA,mBACE,GAAA;AAAA,YAAC,uBAAA;AAAA,YAAA;AAAA,cACC,MAAA,EAAQ,CAAC,QAAA,CAAS,cAAA,EAAgB,aAAa,CAAA;AAAA,cAC/C,KAAA,EAAO,EAAE,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,cACpB,GAAA,EAAK,EAAE,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,cAClB,OAAO,MAAA,CAAO,iBAAA;AAAA,cACd,aAAA,EAAc;AAAA;AAAA,WAChB,mBAEA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAc,MAAA;AAAA,cACd,KAAA,EAAO;AAAA,gBACL,MAAA,CAAO,iBAAA;AAAA,gBACP,EAAE,eAAA,EAAiB,QAAA,CAAS,cAAA,EAAgB,SAAS,IAAA;AAAK;AAC5D;AAAA,WACF,CAAA;AAAA,UAKH,MAAA,oBACC,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAc,MAAA;AAAA,cACd,KAAA,EAAO;AAAA,gBACL,UAAA,CAAW,YAAA;AAAA,gBACX,EAAE,WAAA,EAAa,QAAA,CAAS,WAAA,EAAa,WAAA,EAAa,SAAS,WAAA;AAAY;AACzE;AAAA,WACF;AAAA,0BAIF,GAAA,CAAC,QAAK,KAAA,EAAO,CAAC,OAAO,OAAA,EAAS,YAAY,GAAI,QAAA,EAAS;AAAA,SAAA,EACzD;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAM,MAAA,GAAS,WAAW,MAAA,CAAO;AAAA,EAC/B,WAAA,EAAa;AAAA;AAAA,GAEb;AAAA,EACA,SAAA,EAAW;AAAA,IACT,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB;AAAA,IACjB,QAAA,EAAU,UAAA;AAAA,IACV,GAAA,EAAK,CAAA;AAAA,IACL,IAAA,EAAM,CAAA;AAAA,IACN,KAAA,EAAO,CAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;ACnPM,IAAM,aAAaA,KAAAA,CAAM,IAAA;AAAA,EAC9B,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,cAAc,QAAA,EAAU,GAAG,YAAW,KAAM;AAG3D,IAAA,MAAM,cAAc,KAAA,GAChB;AAAA,MACE,qBAAyB,KAAA,CAAM,QAAA,CAAS,KAAK,CAAA,GAAQ,gBAAgB,EAAA,GAAM,CAAA;AAAA,MAC3E,sBAAyB,KAAA,CAAM,QAAA,CAAS,KAAK,CAAA,GAAQ,gBAAgB,EAAA,GAAM,CAAA;AAAA,MAC3E,wBAAyB,KAAA,CAAM,QAAA,CAAS,QAAQ,CAAA,GAAK,gBAAgB,EAAA,GAAM,CAAA;AAAA,MAC3E,yBAAyB,KAAA,CAAM,QAAA,CAAS,QAAQ,CAAA,GAAK,gBAAgB,EAAA,GAAM;AAAA,KAC7E,GACA,EAAE,YAAA,EAAc,YAAA,IAAgB,EAAA,EAAG;AAEvC,IAAA,uBACEC,GAAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,WAAW,SAAA,IAAa,CAAA;AAAA,QACnC,KAAA,EAAO,CAACC,OAAAA,CAAO,KAAA,EAAO,KAAK,CAAA;AAAA,QAC3B,YAAA,EAAc,CAAA;AAAA,QACb,GAAG,UAAA;AAAA,QAEJ,0BAAAD,GAAAA,CAACE,IAAAA,EAAA,EAAK,KAAA,EAAO,aACV,QAAA,EACH;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAMD,OAAAA,GAASE,WAAW,MAAA,CAAO;AAAA,EAC/B,KAAA,EAAO;AAAA,IACL,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;ACvCM,SAAS,cAAc,MAAA,EAAyC;AACrE,EAAA,MAAM,EAAE,WAAA,EAAY,GAAIC,QAAAA,EAAS;AACjC,EAAA,OAAOC,OAAAA,CAAQ,MAAM,YAAA,CAAa,MAAA,EAAQ,WAAW,CAAA,EAAG,CAAC,MAAA,EAAQ,WAAW,CAAC,CAAA;AAC/E","file":"index.mjs","sourcesContent":["import { IS_IOS, IS_ANDROID, IS_WEB, getAndroidVersion } from 'reactnatively-utils';\n\nexport type GlassCapability = 'full' | 'partial' | 'none';\n\nfunction detectCapability(): GlassCapability {\n  if (IS_IOS) return 'full';\n  if (IS_ANDROID) {\n    const version = getAndroidVersion();\n    return version >= 31 ? 'partial' : 'none';\n  }\n  if (IS_WEB) return 'partial';\n  return 'none';\n}\n\nexport const GLASS_CAPABILITY: GlassCapability = detectCapability();\nexport const SUPPORTS_BLUR: boolean = GLASS_CAPABILITY !== 'none';\nexport const IS_FULL_GLASS: boolean = GLASS_CAPABILITY === 'full';\nexport const IS_PARTIAL_GLASS: boolean = GLASS_CAPABILITY === 'partial';\nexport const IS_NO_GLASS: boolean = GLASS_CAPABILITY === 'none';\n\nexport function adjustBlurForCapability(intensity: number): number {\n  if (GLASS_CAPABILITY === 'full') return intensity;\n  if (GLASS_CAPABILITY === 'partial') return Math.round(intensity * 0.65);\n  return 0;\n}\n\nexport const ANDROID_BLUR_METHOD = IS_ANDROID ? 'dimezisBlurView' : undefined;\n","import { glassTokens } from 'reactnatively-theme';\nimport type { ResolvedColorScheme } from 'reactnatively-theme';\nimport type { GlassConfig, ResolvedGlassStyle } from './GlassEngine.types';\nimport { GLASS_CAPABILITY, adjustBlurForCapability } from './CapabilityDetector';\n\n// Core resolver: takes a GlassConfig + color scheme, returns a fully\n// resolved style recipe that GlassView uses to render all layers.\nexport function resolveGlass(\n  config: GlassConfig,\n  colorScheme: ResolvedColorScheme,\n): ResolvedGlassStyle {\n  const {\n    elevation    = 2,\n    variant      = 'surface',\n    highlight    = true,\n    border       = true,\n    borderWidth  = 1,\n    blurOverride,\n    tintOverride,\n  } = config;\n\n  const elevationConfig = glassTokens.elevation[elevation];\n\n  // Blur\n  const rawBlur  = blurOverride ?? elevationConfig.blur;\n  const blurAmount = adjustBlurForCapability(rawBlur);\n\n  // Tint\n  const tintColor = tintOverride ?? glassTokens.tint[colorScheme][variant];\n\n  // Highlight\n  let highlightColor = 'transparent';\n  if (highlight === true) {\n    highlightColor = glassTokens.highlight.medium;\n  } else if (highlight !== false && highlight !== 'none') {\n    highlightColor = glassTokens.highlight[highlight];\n  }\n\n  // Border\n  const borderColor = border\n    ? glassTokens.border[colorScheme].medium\n    : 'transparent';\n\n  // Shadow — glass shadows use a deep, soft spread\n  const shadowColor   = colorScheme === 'dark' ? '#000' : '#1a1a2e';\n  const shadowOpacity = elevationConfig.shadowOpacity;\n  const shadowRadius  = elevationConfig.shadowRadius;\n  const shadowOffset  = { width: 0, height: elevationConfig.shadowY };\n  const androidElevation = Math.round(elevation * 3);\n\n  // BlurView tint hint — 'light' | 'dark' | 'default'\n  const blurTint = colorScheme === 'dark' ? 'dark' : 'light';\n\n  return {\n    blurAmount,\n    blurTint,\n    tintColor,\n    highlightColor,\n    borderColor,\n    borderWidth,\n    shadowColor,\n    shadowOpacity,\n    shadowRadius,\n    shadowOffset,\n    androidElevation,\n    capability: GLASS_CAPABILITY,\n  };\n}\n","import React, { useMemo } from 'react';\nimport {\n  View,\n  StyleSheet,\n  Platform,\n  type ViewStyle,\n} from 'react-native';\nimport { useTheme } from 'reactnatively-theme';\nimport { resolveGlass } from '../../engine/GlassEngine';\nimport { IS_NO_GLASS, ANDROID_BLUR_METHOD } from '../../engine/CapabilityDetector';\nimport type { GlassViewProps } from './GlassView.types';\n\nlet BlurViewImpl: typeof import('expo-blur').BlurView | null = null;\nlet blurLoaded = false;\n\nlet LinearGradientImpl:\n  | typeof import('react-native-linear-gradient').default\n  | null = null;\nlet gradientLoaded = false;\n\nfunction loadBlurView(): typeof import('expo-blur').BlurView | null {\n  if (blurLoaded) return BlurViewImpl;\n  blurLoaded = true;\n  try {\n    // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires\n    BlurViewImpl = require('expo-blur').BlurView;\n  } catch {\n    BlurViewImpl = null;\n  }\n  return BlurViewImpl;\n}\n\nfunction loadLinearGradient():\n  | typeof import('react-native-linear-gradient').default\n  | null {\n  if (gradientLoaded) return LinearGradientImpl;\n  gradientLoaded = true;\n  try {\n    // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires\n    const gradientModule = require('react-native-linear-gradient');\n    LinearGradientImpl = gradientModule?.default ?? gradientModule;\n  } catch {\n    LinearGradientImpl = null;\n  }\n  return LinearGradientImpl;\n}\n\n/**\n * GlassView — the foundational rendering primitive of the Liquid Glass system.\n *\n * Layer stack (bottom → top):\n *   1. Shadow shell   — drop shadow / elevation (outer view, NO overflow:hidden)\n *   2. Clip shell     — clips all glass layers to border radius (overflow:hidden)\n *   3. BlurView       — native platform blur\n *   4. Tint overlay   — semi-transparent color layer\n *   5. Highlight      — top-edge refraction shimmer (LinearGradient)\n *   6. Border ring    — 1px glass edge line\n *   7. Content        — children, above all glass layers\n */\nexport const GlassView = React.memo<GlassViewProps>(\n  ({\n    elevation    = 2,\n    variant      = 'surface',\n    highlight    = true,\n    border       = true,\n    borderWidth  = 1,\n    borderRadius = 16,\n    blurOverride,\n    tintOverride,\n    glow,\n    style,\n    contentStyle,\n    children,\n    testID,\n    accessible,\n    accessibilityLabel,\n    accessibilityRole,\n  }) => {\n    const { colorScheme } = useTheme();\n\n    const resolved = useMemo(\n      () =>\n        resolveGlass(\n          { elevation, variant, highlight, border, borderWidth, blurOverride, tintOverride },\n          colorScheme,\n        ),\n      [elevation, variant, highlight, border, borderWidth, blurOverride, tintOverride, colorScheme],\n    );\n\n    const shadowStyle = useMemo((): ViewStyle => {\n      if (Platform.OS === 'android') {\n        return { elevation: resolved.androidElevation };\n      }\n      return {\n        shadowColor:   resolved.shadowColor,\n        shadowOffset:  resolved.shadowOffset,\n        shadowOpacity: resolved.shadowOpacity,\n        shadowRadius:  resolved.shadowRadius,\n      };\n    }, [resolved]);\n\n    const glowStyle = useMemo((): ViewStyle => {\n      if (!glow || Platform.OS !== 'ios') return {};\n      return {\n        shadowColor:   glow.color,\n        shadowOffset:  { width: 0, height: 0 },\n        shadowOpacity: glow.opacity ?? 0.35,\n        shadowRadius:  glow.radius ?? 24,\n      };\n    }, [glow]);\n\n    const BlurViewComponent = loadBlurView();\n    const LinearGradientComponent = loadLinearGradient();\n\n    // Fallback: no-blur devices — solid semi-transparent + gradient only\n    if (IS_NO_GLASS) {\n      return (\n        <View\n          testID={testID}\n          accessible={accessible}\n          accessibilityLabel={accessibilityLabel}\n          accessibilityRole={accessibilityRole}\n          style={[styles.shadowShell, { borderRadius }, shadowStyle, style]}\n        >\n          <View style={[styles.clipShell, { borderRadius }]}>\n            <View\n              style={[\n                StyleSheet.absoluteFill,\n                { backgroundColor: resolved.tintColor },\n              ]}\n            />\n            {resolved.highlightColor !== 'transparent' && (\n              LinearGradientComponent ? (\n                <LinearGradientComponent\n                  colors={[resolved.highlightColor, 'transparent']}\n                  start={{ x: 0, y: 0 }}\n                  end={{ x: 0, y: 1 }}\n                  style={styles.highlightGradient}\n                />\n              ) : (\n                <View\n                  pointerEvents=\"none\"\n                  style={[\n                    styles.highlightGradient,\n                    { backgroundColor: resolved.highlightColor, opacity: 0.2 },\n                  ]}\n                />\n              )\n            )}\n            {border && (\n              <View\n                pointerEvents=\"none\"\n                style={[\n                  StyleSheet.absoluteFill,\n                  { borderWidth: resolved.borderWidth, borderColor: resolved.borderColor },\n                ]}\n              />\n            )}\n            <View style={[styles.content, contentStyle]}>{children}</View>\n          </View>\n        </View>\n      );\n    }\n\n    return (\n      <View\n        testID={testID}\n        accessible={accessible}\n        accessibilityLabel={accessibilityLabel}\n        accessibilityRole={accessibilityRole}\n        style={[styles.shadowShell, { borderRadius }, shadowStyle, glowStyle, style]}\n      >\n        <View style={[styles.clipShell, { borderRadius }]}>\n          {/* Layer 1: Native blur */}\n          {BlurViewComponent ? (\n            <BlurViewComponent\n              intensity={resolved.blurAmount}\n              tint={resolved.blurTint}\n              // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n              // @ts-ignore — experimentalBlurMethod is Android-only, conditionally applied\n              experimentalBlurMethod={ANDROID_BLUR_METHOD}\n              style={StyleSheet.absoluteFill}\n            />\n          ) : (\n            <View\n              pointerEvents=\"none\"\n              style={[StyleSheet.absoluteFill, { backgroundColor: resolved.tintColor }]}\n            />\n          )}\n\n          {/* Layer 2: Tint overlay */}\n          <View\n            pointerEvents=\"none\"\n            style={[StyleSheet.absoluteFill, { backgroundColor: resolved.tintColor }]}\n          />\n\n          {/* Layer 3: Top-edge highlight — the \"liquid glass\" refraction shimmer */}\n          {resolved.highlightColor !== 'transparent' && (\n            LinearGradientComponent ? (\n              <LinearGradientComponent\n                colors={[resolved.highlightColor, 'transparent']}\n                start={{ x: 0, y: 0 }}\n                end={{ x: 0, y: 1 }}\n                style={styles.highlightGradient}\n                pointerEvents=\"none\"\n              />\n            ) : (\n              <View\n                pointerEvents=\"none\"\n                style={[\n                  styles.highlightGradient,\n                  { backgroundColor: resolved.highlightColor, opacity: 0.18 },\n                ]}\n              />\n            )\n          )}\n\n          {/* Layer 4: Glass edge border */}\n          {border && (\n            <View\n              pointerEvents=\"none\"\n              style={[\n                StyleSheet.absoluteFill,\n                { borderWidth: resolved.borderWidth, borderColor: resolved.borderColor },\n              ]}\n            />\n          )}\n\n          {/* Layer 5: Children */}\n          <View style={[styles.content, contentStyle]}>{children}</View>\n        </View>\n      </View>\n    );\n  },\n);\n\nGlassView.displayName = 'GlassView';\n\nconst styles = StyleSheet.create({\n  shadowShell: {\n    // Shadow lives here — no overflow:hidden so Android elevation renders\n  },\n  clipShell: {\n    overflow: 'hidden',\n  },\n  highlightGradient: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    height: '35%',\n  },\n  content: {\n    position: 'relative',\n  },\n});\n","import React from 'react';\nimport { View, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';\nimport { GlassView } from '../GlassView';\nimport type { GlassViewProps } from '../GlassView/GlassView.types';\n\n// FrostPanel: full-width glass surface for bottom sheets, headers, sidebars.\n// Unlike GlassView (which sizes to content), FrostPanel fills its container.\nexport interface FrostPanelProps extends Omit<GlassViewProps, 'style'> {\n  style?: StyleProp<ViewStyle>;\n  edges?: ('top' | 'bottom' | 'left' | 'right')[];\n}\n\nexport const FrostPanel = React.memo<FrostPanelProps>(\n  ({ style, edges, borderRadius, children, ...glassProps }) => {\n    // For panels, we typically want sharp edges on some sides\n    // e.g., bottom sheet: round top, flat bottom (or vice versa)\n    const radiusStyle = edges\n      ? {\n          borderTopLeftRadius:     edges.includes('top')    ? (borderRadius ?? 20) : 0,\n          borderTopRightRadius:    edges.includes('top')    ? (borderRadius ?? 20) : 0,\n          borderBottomLeftRadius:  edges.includes('bottom') ? (borderRadius ?? 20) : 0,\n          borderBottomRightRadius: edges.includes('bottom') ? (borderRadius ?? 20) : 0,\n        }\n      : { borderRadius: borderRadius ?? 20 };\n\n    return (\n      <GlassView\n        elevation={glassProps.elevation ?? 3}\n        style={[styles.panel, style]}\n        borderRadius={0} // We handle radius manually for panels\n        {...glassProps}\n      >\n        <View style={radiusStyle}>\n          {children}\n        </View>\n      </GlassView>\n    );\n  },\n);\n\nFrostPanel.displayName = 'FrostPanel';\n\nconst styles = StyleSheet.create({\n  panel: {\n    width: '100%',\n  },\n});\n","import { useMemo } from 'react';\nimport { useTheme } from 'reactnatively-theme';\nimport { resolveGlass } from '../engine/GlassEngine';\nimport type { GlassConfig, ResolvedGlassStyle } from '../engine/GlassEngine.types';\n\n// Hook: resolves the full glass style recipe using the current theme's color scheme.\n// Use this when building custom glass components outside of GlassView.\nexport function useGlassStyle(config: GlassConfig): ResolvedGlassStyle {\n  const { colorScheme } = useTheme();\n  return useMemo(() => resolveGlass(config, colorScheme), [config, colorScheme]);\n}\n"]}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "reactnatively-glass",
+  "version": "0.1.0",
+  "description": "Liquid Glass rendering engine for Reactnatively — blur, vibrancy, depth",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "reactnatively-animations": "0.1.0",
+    "reactnatively-theme": "0.1.0",
+    "reactnatively-utils": "0.1.0"
+  },
+  "peerDependencies": {
+    "expo-blur": ">=13.0.0",
+    "react": ">=18.0.0",
+    "react-native": ">=0.73.0",
+    "react-native-linear-gradient": ">=2.8.0",
+    "react-native-reanimated": ">=3.6.0"
+  },
+  "peerDependenciesMeta": {
+    "expo-blur": {
+      "optional": true
+    },
+    "react-native-linear-gradient": {
+      "optional": true
+    },
+    "react-native-reanimated": {
+      "optional": false
+    }
+  },
+  "devDependencies": {
+    "tsup": "^8.2.4",
+    "typescript": "^5.5.3",
+    "@reactnatively/tsconfig": "0.0.0"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "glass",
+    "liquid-glass",
+    "blur",
+    "vibrancy",
+    "glassmorphism",
+    "ui",
+    "design-system",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hakizimana-fred/reactnatively.git",
+    "directory": "packages/glass"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}