fluentglass 0.2.6

package/lib/module/components/FluentGlassCheckbox.js

@@ -0,0 +1,115 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { StyleSheet, Text, Pressable } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring, interpolateColor } from 'react-native-reanimated';
+import useTheme from '../theme/useTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CHECK_SPRING = {
+  mass: 0.4,
+  damping: 10,
+  stiffness: 200
+};
+export default function FluentGlassCheckbox({
+  checked = false,
+  onToggle,
+  label,
+  disabled = false,
+  size = 24,
+  style,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const COLORS = theme.colors;
+  const typography = theme.typography;
+  const progress = useSharedValue(checked ? 1 : 0);
+  useEffect(() => {
+    progress.value = withSpring(checked ? 1 : 0, CHECK_SPRING);
+  }, [checked]);
+
+  // Circle background animates from transparent glass to accent
+  const circleStyle = useAnimatedStyle(() => {
+    const backgroundColor = interpolateColor(progress.value, [0, 1], [COLORS.border, COLORS.accent]);
+    const borderColor = interpolateColor(progress.value, [0, 1], [COLORS.textSecondary, COLORS.accent]);
+    return {
+      backgroundColor,
+      borderColor,
+      transform: [{
+        scale: 0.9 + progress.value * 0.1
+      }] // subtle pop
+    };
+  });
+
+  // Checkmark scales in/out
+  const checkStyle = useAnimatedStyle(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: progress.value
+    }]
+  }));
+  const handlePress = () => {
+    if (!disabled && onToggle) {
+      onToggle(!checked);
+    }
+  };
+  const checkSize = size * 0.5; // Checkmark relative to circle
+
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: handlePress,
+    style: [styles.wrapper, disabled && styles.wrapperDisabled, style],
+    hitSlop: 6,
+    accessibilityRole: "checkbox",
+    accessibilityLabel: accessibilityLabel ?? label,
+    accessibilityState: {
+      checked: !!checked,
+      disabled: !!disabled
+    },
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.circle, {
+        width: size,
+        height: size,
+        borderRadius: size / 2
+      }, circleStyle],
+      children: /*#__PURE__*/_jsx(Animated.Text, {
+        style: [styles.check, {
+          fontSize: checkSize,
+          color: COLORS.white,
+          fontFamily: typography.bold
+        }, checkStyle],
+        children: "\u2713"
+      })
+    }), label ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, {
+        color: COLORS.textPrimary,
+        fontFamily: typography.medium
+      }, disabled && {
+        color: COLORS.textSecondary
+      }],
+      children: label
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  wrapper: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  wrapperDisabled: {
+    opacity: 0.4
+  },
+  circle: {
+    borderWidth: 1.5,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  check: {
+    fontWeight: '700',
+    marginTop: -1 // Optical alignment
+  },
+  label: {
+    fontSize: 15,
+    fontWeight: '500',
+    marginLeft: 12
+  }
+});
+//# sourceMappingURL=FluentGlassCheckbox.js.map

package/lib/module/components/FluentGlassCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","StyleSheet","Text","Pressable","Animated","useSharedValue","useAnimatedStyle","withSpring","interpolateColor","useTheme","jsx","_jsx","jsxs","_jsxs","CHECK_SPRING","mass","damping","stiffness","FluentGlassCheckbox","checked","onToggle","label","disabled","size","style","accessibilityLabel","theme","COLORS","colors","typography","progress","value","circleStyle","backgroundColor","border","accent","borderColor","textSecondary","transform","scale","checkStyle","opacity","handlePress","checkSize","onPress","styles","wrapper","wrapperDisabled","hitSlop","accessibilityRole","accessibilityState","children","View","circle","width","height","borderRadius","check","fontSize","color","white","fontFamily","bold","textPrimary","medium","create","flexDirection","alignItems","borderWidth","justifyContent","fontWeight","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassCheckbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/FluentGlassClockWidget.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import React, { useState, useEffect } from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+import FluentGlass from './FluentGlass';
+import useTheme from '../theme/useTheme';
+import { moderateScale } from '../utils/responsive';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FluentGlassClockWidget (Atom/Molecule)
+ * Dashboard widget displaying current time.
+ */
+export default function FluentGlassClockWidget({
+  style
+}) {
+  const theme = useTheme();
+  const COLORS = theme.colors;
+  const typography = theme.typography;
+  const [time, setTime] = useState(new Date());
+  useEffect(() => {
+    const timer = setInterval(() => setTime(new Date()), 60000);
+    return () => clearInterval(timer);
+  }, []);
+  const timeString = time.toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+  return /*#__PURE__*/_jsx(FluentGlass, {
+    accessible: true,
+    accessibilityLabel: `Time: ${timeString}`,
+    style: [styles.card, style],
+    intensity: 25,
+    borderRadius: 20,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color: COLORS.textSecondary,
+          fontFamily: typography.medium
+        }],
+        children: "TIME"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.bigValue, {
+          color: COLORS.textPrimary,
+          fontFamily: typography.regular
+        }],
+        children: timeString
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    flex: 1,
+    minWidth: 100,
+    maxWidth: 140,
+    aspectRatio: 1
+  },
+  content: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  label: {
+    fontSize: 12,
+    textTransform: 'uppercase',
+    marginBottom: 4
+  },
+  bigValue: {
+    fontSize: moderateScale(28),
+    fontWeight: '300'
+  }
+});
+//# sourceMappingURL=FluentGlassClockWidget.js.map

package/lib/module/components/FluentGlassClockWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","StyleSheet","View","Text","FluentGlass","useTheme","moderateScale","jsx","_jsx","jsxs","_jsxs","FluentGlassClockWidget","style","theme","COLORS","colors","typography","time","setTime","Date","timer","setInterval","clearInterval","timeString","toLocaleTimeString","hour","minute","accessible","accessibilityLabel","styles","card","intensity","borderRadius","children","content","label","color","textSecondary","fontFamily","medium","bigValue","textPrimary","regular","create","flex","minWidth","maxWidth","aspectRatio","justifyContent","alignItems","fontSize","textTransform","marginBottom","fontWeight"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassClockWidget.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAElD,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAA8B,cAAc;AAC3E,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,aAAa,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMpD;AACA;AACA;AACA;AACA,eAAe,SAASC,sBAAsBA,CAAC;EAAEC;AAAmC,CAAC,EAAE;EACnF,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;EACxB,MAAMS,MAAM,GAAGD,KAAK,CAACE,MAAM;EAC3B,MAAMC,UAAU,GAAGH,KAAK,CAACG,UAAU;EAEnC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGnB,QAAQ,CAAC,IAAIoB,IAAI,CAAC,CAAC,CAAC;EAE5CnB,SAAS,CAAC,MAAM;IACZ,MAAMoB,KAAqC,GAAGC,WAAW,CAAC,MAAMH,OAAO,CAAC,IAAIC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IAC3F,OAAO,MAAMG,aAAa,CAACF,KAAK,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,UAAU,GAAGN,IAAI,CAACO,kBAAkB,CAAC,EAAE,EAAE;IAAEC,IAAI,EAAE,SAAS;IAAEC,MAAM,EAAE;EAAU,CAAC,CAAC;EAEtF,oBACIlB,IAAA,CAACJ,WAAW;IAACuB,UAAU,EAAE,IAAK;IAACC,kBAAkB,EAAE,SAASL,UAAU,EAAG;IAACX,KAAK,EAAE,CAACiB,MAAM,CAACC,IAAI,EAAElB,KAAK,CAAE;IAACmB,SAAS,EAAE,EAAG;IAACC,YAAY,EAAE,EAAG;IAAAC,QAAA,eACnIvB,KAAA,CAACR,IAAI;MAACU,KAAK,EAAEiB,MAAM,CAACK,OAAQ;MAAAD,QAAA,gBACxBzB,IAAA,CAACL,IAAI;QAACS,KAAK,EAAE,CAACiB,MAAM,CAACM,KAAK,EAAE;UAAEC,KAAK,EAAEtB,MAAM,CAACuB,aAAa;UAAEC,UAAU,EAAEtB,UAAU,CAACuB;QAAO,CAAC,CAAE;QAAAN,QAAA,EAAC;MAAI,CAAM,CAAC,eACxGzB,IAAA,CAACL,IAAI;QAACS,KAAK,EAAE,CAACiB,MAAM,CAACW,QAAQ,EAAE;UAAEJ,KAAK,EAAEtB,MAAM,CAAC2B,WAAW;UAAEH,UAAU,EAAEtB,UAAU,CAAC0B;QAAQ,CAAC,CAAE;QAAAT,QAAA,EAAEV;MAAU,CAAO,CAAC;IAAA,CAChH;EAAC,CACE,CAAC;AAEtB;AAEA,MAAMM,MAAM,GAAG5B,UAAU,CAAC0C,MAAM,CAAC;EAC7Bb,IAAI,EAAE;IACFc,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE,GAAG;IACbC,WAAW,EAAE;EACjB,CAAC;EACDb,OAAO,EAAE;IACLU,IAAI,EAAE,CAAC;IACPI,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EAChB,CAAC;EACDd,KAAK,EAAE;IACHe,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,WAAW;IAC1BC,YAAY,EAAE;EAClB,CAAC;EACDZ,QAAQ,EAAE;IACNU,QAAQ,EAAE5C,aAAa,CAAC,EAAE,CAAC;IAC3B+C,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/FluentGlassCodeBlock.js

@@ -0,0 +1,233 @@
+"use strict";
+
+import React, { useCallback, useState } from 'react';
+import { StyleSheet, Text, View, Pressable, ScrollView } from 'react-native';
+import * as Clipboard from 'expo-clipboard';
+import FluentGlass from './FluentGlass';
+import useTheme from '../theme/useTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Simple regex-based tokenizer (good enough for display, not a full parser)
+function tokenize(line, TOKEN_COLORS) {
+  const tokens = [];
+  // Pattern priority: comments, strings, tags, keywords, rest
+  const regex = /(\/\/.*$|\/\*.*?\*\/)|("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')|(<\/?[\w.-]+|>|\/>)|(className|import|export|from|const|let|var|function|return|default|if|else|true|false|null|undefined)/g;
+  let lastIndex = 0;
+  let match;
+  while ((match = regex.exec(line)) !== null) {
+    // Text before the match
+    if (match.index > lastIndex) {
+      tokens.push({
+        text: line.slice(lastIndex, match.index),
+        color: TOKEN_COLORS.text
+      });
+    }
+    if (match[1]) {
+      tokens.push({
+        text: match[0],
+        color: TOKEN_COLORS.comment
+      });
+    } else if (match[2]) {
+      tokens.push({
+        text: match[0],
+        color: TOKEN_COLORS.string
+      });
+    } else if (match[3]) {
+      tokens.push({
+        text: match[0],
+        color: TOKEN_COLORS.tag
+      });
+    } else if (match[4]) {
+      tokens.push({
+        text: match[0],
+        color: TOKEN_COLORS.keyword
+      });
+    }
+    lastIndex = match.index + match[0].length;
+  }
+
+  // Remaining text
+  if (lastIndex < line.length) {
+    tokens.push({
+      text: line.slice(lastIndex),
+      color: TOKEN_COLORS.text
+    });
+  }
+  if (tokens.length === 0) {
+    tokens.push({
+      text: line || ' ',
+      color: TOKEN_COLORS.text
+    });
+  }
+  return tokens;
+}
+export default function FluentGlassCodeBlock({
+  code = '',
+  language = 'CODE',
+  showLineNumbers = true,
+  onCopy,
+  style
+}) {
+  const theme = useTheme();
+  const colors = theme.colors;
+
+  // Basic token colors matching a dark IDE theme — uses theme colors
+  const TOKEN_COLORS = {
+    tag: '#06B6D4',
+    // Cyan — HTML tags, JSX
+    attribute: '#94A3B8',
+    // Slate — attribute names
+    string: '#FBBF24',
+    // Amber — string values
+    keyword: '#C084FC',
+    // Purple — keywords
+    comment: '#4B5563',
+    // Gray — comments
+    punctuation: '#94A3B8',
+    text: colors.textPrimary
+  };
+  const lines = code.split('\n');
+  const lineNumWidth = String(lines.length).length * 10 + 12;
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(async () => {
+    if (onCopy) {
+      onCopy(code);
+    } else {
+      await Clipboard.setStringAsync(code);
+    }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  }, [code, onCopy]);
+  return /*#__PURE__*/_jsx(FluentGlass, {
+    accessibilityLabel: "Code block",
+    style: [styles.container, style],
+    intensity: 15,
+    tint: "dark",
+    borderRadius: 16,
+    borderOpacity: 0.2,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.inner,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.header,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.badge, {
+            backgroundColor: colors.borderSubtle,
+            borderColor: colors.border
+          }],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.badgeText, {
+              color: colors.textPrimary,
+              fontFamily: theme.typography.bold
+            }],
+            children: language.toUpperCase()
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.actions,
+          children: /*#__PURE__*/_jsx(Pressable, {
+            onPress: handleCopy,
+            hitSlop: 8,
+            style: styles.actionBtn,
+            accessibilityRole: "button",
+            accessibilityLabel: "Copy code",
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.actionIcon,
+              children: copied ? '✅' : '📋'
+            })
+          })
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.separator, {
+          backgroundColor: colors.borderSubtle
+        }]
+      }), /*#__PURE__*/_jsx(ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        bounces: false,
+        children: /*#__PURE__*/_jsx(View, {
+          style: styles.codeArea,
+          children: lines.map((line, i) => /*#__PURE__*/_jsxs(View, {
+            style: styles.lineRow,
+            children: [showLineNumbers ? /*#__PURE__*/_jsx(Text, {
+              style: [styles.lineNum, {
+                width: lineNumWidth,
+                color: colors.textSecondary
+              }],
+              children: i + 1
+            }) : null, /*#__PURE__*/_jsx(Text, {
+              style: [styles.codeLine, {
+                color: colors.textPrimary
+              }],
+              children: tokenize(line, TOKEN_COLORS).map((token, j) => /*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: token.color
+                },
+                children: token.text
+              }, j))
+            })]
+          }, i))
+        })
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  },
+  inner: {
+    flex: 1
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 12,
+    paddingTop: 10,
+    paddingBottom: 8
+  },
+  badge: {
+    borderRadius: 6,
+    paddingHorizontal: 10,
+    paddingVertical: 4,
+    borderWidth: 1
+  },
+  badgeText: {
+    fontSize: 11,
+    fontWeight: '700',
+    letterSpacing: 0.5
+  },
+  actions: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  actionBtn: {
+    padding: 4
+  },
+  actionIcon: {
+    fontSize: 16
+  },
+  separator: {
+    height: 1,
+    marginHorizontal: 0
+  },
+  codeArea: {
+    paddingVertical: 12,
+    paddingRight: 16
+  },
+  lineRow: {
+    flexDirection: 'row',
+    minHeight: 22
+  },
+  lineNum: {
+    fontSize: 13,
+    fontFamily: 'monospace',
+    textAlign: 'right',
+    marginRight: 16,
+    paddingLeft: 12
+  },
+  codeLine: {
+    fontSize: 13,
+    fontFamily: 'monospace',
+    flex: 1
+  }
+});
+//# sourceMappingURL=FluentGlassCodeBlock.js.map

package/lib/module/components/FluentGlassCodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","StyleSheet","Text","View","Pressable","ScrollView","Clipboard","FluentGlass","useTheme","jsx","_jsx","jsxs","_jsxs","tokenize","line","TOKEN_COLORS","tokens","regex","lastIndex","match","exec","index","push","text","slice","color","comment","string","tag","keyword","length","FluentGlassCodeBlock","code","language","showLineNumbers","onCopy","style","theme","colors","attribute","punctuation","textPrimary","lines","split","lineNumWidth","String","copied","setCopied","handleCopy","setStringAsync","setTimeout","accessibilityLabel","styles","container","intensity","tint","borderRadius","borderOpacity","children","inner","header","badge","backgroundColor","borderSubtle","borderColor","border","badgeText","fontFamily","typography","bold","toUpperCase","actions","onPress","hitSlop","actionBtn","accessibilityRole","actionIcon","separator","horizontal","showsHorizontalScrollIndicator","bounces","codeArea","map","i","lineRow","lineNum","width","textSecondary","codeLine","token","j","create","overflow","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingTop","paddingBottom","paddingVertical","borderWidth","fontSize","fontWeight","letterSpacing","gap","padding","height","marginHorizontal","paddingRight","minHeight","textAlign","marginRight","paddingLeft"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassCodeBlock.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/FluentGlassContainer.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import useTheme from '../theme/useTheme';
+import { resolveColorScheme, resolveRadius, resolveBackwardCompat } from '../theme/resolvers';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FluentGlassContainer (Atom)
+ * Section-level glass wrapper for layout depth.
+ * Uses plain View (no BlurView) to avoid nested-blur artifacts.
+ */
+export default function FluentGlassContainer({
+  children,
+  colorScheme,
+  radius,
+  tint = 'light',
+  padding = 16,
+  borderRadius,
+  borderOpacity = 0.15,
+  style
+}) {
+  const theme = useTheme();
+  const compat = resolveBackwardCompat({
+    tint,
+    colorScheme
+  });
+  const resolvedScheme = compat.colorScheme || 'light';
+  const colorConfig = resolveColorScheme(theme, resolvedScheme);
+  const resolvedRadius = borderRadius ?? resolveRadius(theme, radius || 'lg');
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      padding,
+      borderRadius: resolvedRadius,
+      backgroundColor: colorConfig.bg,
+      borderColor: colorConfig.border || theme.colors.border
+    }, style],
+    children: children
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    minHeight: 40,
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=FluentGlassContainer.js.map

package/lib/module/components/FluentGlassContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useTheme","resolveColorScheme","resolveRadius","resolveBackwardCompat","jsx","_jsx","FluentGlassContainer","children","colorScheme","radius","tint","padding","borderRadius","borderOpacity","style","theme","compat","resolvedScheme","colorConfig","resolvedRadius","styles","container","backgroundColor","bg","borderColor","border","colors","create","minHeight","borderWidth"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassContainer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AACrE,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,kBAAkB,EAAEC,aAAa,EAAEC,qBAAqB,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgB9F;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,oBAAoBA,CAAC;EAAEC,QAAQ;EACnDC,WAAW;EACXC,MAAM;EACNC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,EAAE;EACZC,YAAY;EACZC,aAAa,GAAG,IAAI;EACpBC;AAAkC,CAAC,EAAE;EACrC,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EAExB,MAAMgB,MAAM,GAAGb,qBAAqB,CAAC;IAAEO,IAAI;IAAEF;EAAY,CAAC,CAAC;EAC3D,MAAMS,cAAc,GAAGD,MAAM,CAACR,WAAW,IAAI,OAAO;EACpD,MAAMU,WAAW,GAAGjB,kBAAkB,CAACc,KAAK,EAAEE,cAAc,CAAC;EAC7D,MAAME,cAAc,GAAGP,YAAY,IAAIV,aAAa,CAACa,KAAK,EAAEN,MAAM,IAAI,IAAI,CAAC;EAE3E,oBACIJ,IAAA,CAACN,IAAI;IACDe,KAAK,EAAE,CACHM,MAAM,CAACC,SAAS,EAChB;MACIV,OAAO;MACPC,YAAY,EAAEO,cAAc;MAC5BG,eAAe,EAAEJ,WAAW,CAACK,EAAE;MAC/BC,WAAW,EAAEN,WAAW,CAACO,MAAM,IAAIV,KAAK,CAACW,MAAM,CAACD;IACpD,CAAC,EACDX,KAAK,CACP;IAAAP,QAAA,EAEDA;EAAQ,CACP,CAAC;AAEf;AAEA,MAAMa,MAAM,GAAGtB,UAAU,CAAC6B,MAAM,CAAC;EAC7BN,SAAS,EAAE;IACPO,SAAS,EAAE,EAAE;IACbC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/FluentGlassCrossfade.js

@@ -0,0 +1,112 @@
+"use strict";
+
+import React, { useState, useCallback, useEffect, useRef } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming, withSpring, runOnJS, Easing } from 'react-native-reanimated';
+import useTheme from '../theme/useTheme';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FluentGlassCrossfade
+ *
+ * Universal animated content switcher. Crossfades between children
+ * with a fade + translateY spring animation.
+ *
+ * Usage:
+ *   <FluentGlassCrossfade activeKey="home">
+ *     <HomeScreen key="home" />
+ *     <SettingsScreen key="settings" />
+ *   </FluentGlassCrossfade>
+ */
+export default function FluentGlassCrossfade({
+  activeKey,
+  children,
+  fadeOutDuration,
+  fadeInDuration,
+  translateY: translateYAmount,
+  style
+}) {
+  const theme = useTheme();
+  const crossfadeConfig = theme.animations?.crossfade || {};
+  const springConfig = theme.animations?.spring?.snappy || {
+    mass: 0.4,
+    damping: 14,
+    stiffness: 160
+  };
+
+  // Merge props with theme defaults
+  const outDuration = fadeOutDuration ?? crossfadeConfig.fadeOutDuration ?? 120;
+  const inDuration = fadeInDuration ?? crossfadeConfig.fadeInDuration ?? 200;
+  const shiftY = translateYAmount ?? crossfadeConfig.translateY ?? 6;
+  const [currentKey, setCurrentKey] = useState(activeKey);
+  const [containerHeight, setContainerHeight] = useState(0);
+  const isTransitioning = useRef(false);
+  const opacity = useSharedValue(1);
+  const translateY = useSharedValue(0);
+  const commitSwitch = useCallback(newKey => {
+    setCurrentKey(newKey);
+    isTransitioning.current = false;
+    // Delay fade-in to next frame so React commit doesn't block animation
+    requestAnimationFrame(() => {
+      opacity.value = withTiming(1, {
+        duration: inDuration,
+        easing: Easing.out(Easing.quad)
+      });
+      translateY.value = withSpring(0, springConfig);
+    });
+  }, [inDuration, springConfig]);
+  useEffect(() => {
+    if (activeKey !== currentKey && !isTransitioning.current) {
+      isTransitioning.current = true;
+
+      // Fade out
+      opacity.value = withTiming(0, {
+        duration: outDuration,
+        easing: Easing.in(Easing.quad)
+      }, finished => {
+        if (finished) {
+          runOnJS(commitSwitch)(activeKey);
+        }
+      });
+      translateY.value = withTiming(shiftY, {
+        duration: outDuration
+      });
+    }
+  }, [activeKey]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+    transform: [{
+      translateY: translateY.value
+    }]
+  }));
+
+  // Find active child by key
+  // React.Children.toArray prefixes keys with ".$/", ".$", or "."
+  // We strip all prefixes to compare raw keys
+  const childArray = React.Children.toArray(children);
+  const stripKeyPrefix = key => key?.replace(/^\.\$/, '').replace(/^\./, '');
+  const activeChild = childArray.find(child => stripKeyPrefix(child.key) === String(currentKey)) || childArray[0];
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, containerHeight > 0 && {
+      minHeight: containerHeight
+    }, style],
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.content, animatedStyle],
+      onLayout: e => {
+        const h = e.nativeEvent.layout.height;
+        if (h > containerHeight) setContainerHeight(h);
+      },
+      children: activeChild
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    flex: 1
+  },
+  content: {
+    width: '100%',
+    flex: 1
+  }
+});
+//# sourceMappingURL=FluentGlassCrossfade.js.map

package/lib/module/components/FluentGlassCrossfade.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useEffect","useRef","View","StyleSheet","Animated","useSharedValue","useAnimatedStyle","withTiming","withSpring","runOnJS","Easing","useTheme","jsx","_jsx","FluentGlassCrossfade","activeKey","children","fadeOutDuration","fadeInDuration","translateY","translateYAmount","style","theme","crossfadeConfig","animations","crossfade","springConfig","spring","snappy","mass","damping","stiffness","outDuration","inDuration","shiftY","currentKey","setCurrentKey","containerHeight","setContainerHeight","isTransitioning","opacity","commitSwitch","newKey","current","requestAnimationFrame","value","duration","easing","out","quad","in","finished","animatedStyle","transform","childArray","Children","toArray","stripKeyPrefix","key","replace","activeChild","find","child","String","styles","container","minHeight","content","onLayout","e","h","nativeEvent","layout","height","create","width","flex"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassCrossfade.tsx"],"mappings":"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","ignoreList":[]}