fluentglass 0.2.6

package/lib/module/components/FluentGlassSelect.js

@@ -0,0 +1,149 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { StyleSheet, TouchableOpacity, Text, View } from 'react-native';
+import FluentGlass from './FluentGlass';
+import FluentGlassSheet from './FluentGlassSheet';
+import useTheme from '../theme/useTheme';
+import { resolveSize, resolveRadius, resolveBackwardCompat } from '../theme/resolvers';
+
+/**
+ * FluentGlassSelect (Component)
+ * Dropdown that triggers a Bottom Sheet for selection.
+ */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export default function FluentGlassSelect({
+  value,
+  onValueChange,
+  options = [],
+  // { label, value }[]
+  placeholder = 'Select option',
+  label,
+  // New props
+  size,
+  colorScheme,
+  blur,
+  radius,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const sizeConfig = resolveSize(theme, size || theme.defaults.size);
+  const compat = resolveBackwardCompat({
+    colorScheme,
+    blur
+  });
+  const resolvedScheme = compat.colorScheme || theme.defaults.colorScheme;
+  const resolvedRadius = resolveRadius(theme, radius || 'md');
+  const [isOpen, setIsOpen] = useState(false);
+  const selectedOption = options.find(opt => opt.value === value);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.wrapper,
+      children: [label && /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color: theme.colors.textSecondary,
+          fontSize: sizeConfig.fontSize - 1,
+          marginLeft: (sizeConfig.gap || 0) / 2,
+          marginBottom: sizeConfig.gap || 0,
+          fontFamily: theme.typography.medium
+        }],
+        children: label
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => setIsOpen(true),
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel ?? label ?? placeholder ?? 'Select',
+        accessibilityState: {
+          expanded: isOpen
+        },
+        children: /*#__PURE__*/_jsx(FluentGlass, {
+          style: [styles.trigger, {
+            minHeight: sizeConfig.minHeight
+          }],
+          colorScheme: resolvedScheme,
+          blur: compat.blur || 'subtle',
+          radius: radius,
+          borderRadius: resolvedRadius,
+          borderOpacity: 0.15,
+          children: /*#__PURE__*/_jsx(View, {
+            style: [styles.contentContainer, {
+              paddingHorizontal: sizeConfig.paddingHorizontal
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.text, {
+                fontSize: sizeConfig.fontSize,
+                fontFamily: theme.typography.regular
+              }, !selectedOption ? {
+                color: theme.colors.textSecondary
+              } : {
+                color: theme.colors.textPrimary
+              }],
+              children: selectedOption ? selectedOption.label : placeholder
+            })
+          })
+        })
+      })]
+    }), /*#__PURE__*/_jsx(FluentGlassSheet, {
+      visible: isOpen,
+      onClose: () => setIsOpen(false),
+      title: label || placeholder,
+      height: "50%",
+      size: size,
+      children: options.map(opt => /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: [styles.option, {
+          paddingVertical: sizeConfig.paddingHorizontal,
+          borderBottomColor: `${theme.colors.textSecondary}1A`
+        }],
+        accessibilityLabel: opt.label,
+        accessibilityState: {
+          selected: value === opt.value
+        },
+        onPress: () => {
+          onValueChange(opt.value);
+          setIsOpen(false);
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.optionText, {
+            fontSize: sizeConfig.fontSize,
+            fontFamily: theme.typography.medium
+          }, value === opt.value ? {
+            color: theme.colors.accent,
+            fontFamily: theme.typography.semiBold
+          } : {
+            color: theme.colors.textSecondary
+          }],
+          children: opt.label
+        }), value === opt.value && /*#__PURE__*/_jsx(View, {
+          style: [styles.checkDot, {
+            backgroundColor: theme.colors.accent
+          }]
+        })]
+      }, opt.value))
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  wrapper: {
+    marginBottom: 16,
+    width: '100%'
+  },
+  label: {},
+  trigger: {},
+  contentContainer: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  text: {},
+  option: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderBottomWidth: 1
+  },
+  optionText: {},
+  checkDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  }
+});
+//# sourceMappingURL=FluentGlassSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StyleSheet","TouchableOpacity","Text","View","FluentGlass","FluentGlassSheet","useTheme","resolveSize","resolveRadius","resolveBackwardCompat","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FluentGlassSelect","value","onValueChange","options","placeholder","label","size","colorScheme","blur","radius","accessibilityLabel","theme","sizeConfig","defaults","compat","resolvedScheme","resolvedRadius","isOpen","setIsOpen","selectedOption","find","opt","children","style","styles","wrapper","color","colors","textSecondary","fontSize","marginLeft","gap","marginBottom","fontFamily","typography","medium","onPress","accessibilityRole","accessibilityState","expanded","trigger","minHeight","borderRadius","borderOpacity","contentContainer","paddingHorizontal","text","regular","textPrimary","visible","onClose","title","height","map","option","paddingVertical","borderBottomColor","selected","optionText","accent","semiBold","checkDot","backgroundColor","create","width","flex","justifyContent","flexDirection","alignItems","borderBottomWidth"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassSelect.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/FluentGlassSeparator.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import useTheme from '../theme/useTheme';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FluentGlassSeparator (Component)
+ * A subtle gradient line to divide content.
+ */
+export default function FluentGlassSeparator({
+  orientation = 'horizontal',
+  style,
+  opacity = 0.2
+}) {
+  const theme = useTheme();
+  const COLORS = theme.colors;
+  const isHorizontal = orientation === 'horizontal';
+  return /*#__PURE__*/_jsx(LinearGradient, {
+    accessible: false,
+    colors: ['transparent', COLORS.textSecondary, 'transparent'],
+    start: isHorizontal ? {
+      x: 0,
+      y: 0
+    } : {
+      x: 0,
+      y: 0
+    },
+    end: isHorizontal ? {
+      x: 1,
+      y: 0
+    } : {
+      x: 0,
+      y: 1
+    },
+    style: [styles.container, isHorizontal ? styles.horizontal : styles.vertical, {
+      opacity
+    }, style]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    // Shared
+  },
+  horizontal: {
+    width: '100%',
+    height: 1,
+    marginVertical: 16
+  },
+  vertical: {
+    width: 1,
+    height: '100%',
+    marginHorizontal: 16
+  }
+});
+//# sourceMappingURL=FluentGlassSeparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","LinearGradient","useTheme","jsx","_jsx","FluentGlassSeparator","orientation","style","opacity","theme","COLORS","colors","isHorizontal","accessible","textSecondary","start","x","y","end","styles","container","horizontal","vertical","create","width","height","marginVertical","marginHorizontal"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassSeparator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAoC,cAAc;AACrE,SAASC,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzC;AACA;AACA;AACA;AACA,eAAe,SAASC,oBAAoBA,CAAC;EAAEC,WAAW,GAAG,YAAY;EACrEC,KAAK;EACLC,OAAO,GAAG;AAAgC,CAAC,EAAE;EAC7C,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EACxB,MAAMQ,MAAM,GAAGD,KAAK,CAACE,MAAM;EAE3B,MAAMC,YAAY,GAAGN,WAAW,KAAK,YAAY;EAEjD,oBACIF,IAAA,CAACH,cAAc;IACXY,UAAU,EAAE,KAAM;IAClBF,MAAM,EAAE,CAAC,aAAa,EAAED,MAAM,CAACI,aAAa,EAAE,aAAa,CAAE;IAC7DC,KAAK,EAAEH,YAAY,GAAG;MAAEI,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC,GAAG;MAAED,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAE;IACtDC,GAAG,EAAEN,YAAY,GAAG;MAAEI,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC,GAAG;MAAED,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAE;IACpDV,KAAK,EAAE,CACHY,MAAM,CAACC,SAAS,EAChBR,YAAY,GAAGO,MAAM,CAACE,UAAU,GAAGF,MAAM,CAACG,QAAQ,EAClD;MAAEd;IAAQ,CAAC,EACXD,KAAK;EACP,CACL,CAAC;AAEV;AAEA,MAAMY,MAAM,GAAGnB,UAAU,CAACuB,MAAM,CAAC;EAC7BH,SAAS,EAAE;IACP;EAAA,CACH;EACDC,UAAU,EAAE;IACRG,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EACpB,CAAC;EACDJ,QAAQ,EAAE;IACNE,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,MAAM;IACdE,gBAAgB,EAAE;EACtB;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/FluentGlassSheet.js

@@ -0,0 +1,183 @@
+"use strict";
+
+import React, { useEffect, useState, useCallback } from 'react';
+import { StyleSheet, Modal, View, TouchableWithoutFeedback, Text, Dimensions } from 'react-native';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring, withTiming, runOnJS, interpolate, Extrapolation } from 'react-native-reanimated';
+import FluentGlass from './FluentGlass';
+import useTheme from '../theme/useTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SCREEN_HEIGHT = Dimensions.get('window').height;
+const SPRING_CONFIG = {
+  damping: 30,
+  stiffness: 120
+};
+export default function FluentGlassSheet({
+  visible,
+  onClose,
+  children,
+  title,
+  height = '50%',
+  size // pass size prop specifically inherited from selects
+}) {
+  const {
+    colors,
+    typography
+  } = useTheme();
+
+  // Internal state to keep Modal visible during exit animation
+  const [isVisibleInternal, setIsVisibleInternal] = useState(false);
+
+  // Shared value for vertical translation
+  // 0 = fully open, SCREEN_HEIGHT = fully closed
+  const translateY = useSharedValue(SCREEN_HEIGHT);
+  const context = useSharedValue({
+    y: 0
+  });
+  const closeModal = useCallback(() => {
+    'worklet';
+
+    translateY.value = withTiming(SCREEN_HEIGHT, {
+      duration: 300
+    }, finished => {
+      if (finished) {
+        runOnJS(setIsVisibleInternal)(false);
+        runOnJS(onClose)();
+      }
+    });
+  }, [onClose, translateY]);
+  useEffect(() => {
+    if (visible) {
+      setIsVisibleInternal(true);
+      // Wait a tick for Modal to mount content, then animate in
+      // Using a slight delay ensures layout is ready
+      setTimeout(() => {
+        translateY.value = withSpring(0, SPRING_CONFIG);
+      }, 10);
+    } else if (!visible && isVisibleInternal) {
+      // Trigger exit animation if visible prop becomes false
+      translateY.value = withTiming(SCREEN_HEIGHT, {
+        duration: 300
+      }, () => {
+        runOnJS(setIsVisibleInternal)(false);
+      });
+    }
+  }, [visible]);
+  const gesture = Gesture.Pan().onStart(() => {
+    context.value = {
+      y: translateY.value
+    };
+  }).onUpdate(event => {
+    // Only allow dragging downwards
+    translateY.value = Math.max(0, context.value.y + event.translationY);
+  }).onEnd(event => {
+    if (event.translationY > 100 || event.velocityY > 500) {
+      // Dragged far enough clearly or flicked down -> Close
+      runOnJS(onClose)(); // This triggers the useEffect logic above
+    } else {
+      // Spring back to open
+      translateY.value = withSpring(0, SPRING_CONFIG);
+    }
+  });
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: translateY.value
+    }]
+  }));
+  const backdropStyle = useAnimatedStyle(() => ({
+    opacity: interpolate(translateY.value, [0, SCREEN_HEIGHT], [1, 0], Extrapolation.CLAMP)
+  }));
+  if (!isVisibleInternal) return null;
+  return /*#__PURE__*/_jsx(Modal, {
+    transparent: true,
+    visible: isVisibleInternal,
+    animationType: "none",
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.overlay,
+      children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        onPress: onClose,
+        accessibilityRole: "button",
+        accessibilityLabel: "Close sheet",
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [StyleSheet.absoluteFill, styles.backdrop, {
+            backgroundColor: colors.overlay
+          }, backdropStyle]
+        })
+      }), /*#__PURE__*/_jsx(GestureDetector, {
+        gesture: gesture,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.sheetContainer, {
+            height
+          }, animatedStyle],
+          accessibilityViewIsModal: true,
+          children: /*#__PURE__*/_jsxs(FluentGlass, {
+            style: styles.content,
+            intensity: 30,
+            borderOpacity: 0.2,
+            borderRadius: 24,
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles.handleContainer,
+              children: /*#__PURE__*/_jsx(View, {
+                style: [styles.handle, {
+                  backgroundColor: `${colors.textPrimary}33`
+                }]
+              })
+            }), title && /*#__PURE__*/_jsx(View, {
+              style: [styles.header, {
+                borderBottomColor: `${colors.textPrimary}1A`
+              }],
+              children: /*#__PURE__*/_jsx(Text, {
+                style: [styles.title, {
+                  color: colors.textPrimary,
+                  fontFamily: typography.semiBold
+                }],
+                children: title
+              })
+            }), /*#__PURE__*/_jsx(View, {
+              style: styles.body,
+              children: children
+            })]
+          })
+        })
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    justifyContent: 'flex-end'
+  },
+  backdrop: {},
+  sheetContainer: {
+    width: '100%'
+  },
+  content: {
+    flex: 1,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0
+  },
+  handleContainer: {
+    alignItems: 'center',
+    paddingVertical: 12,
+    width: '100%'
+  },
+  handle: {
+    width: 40,
+    height: 4,
+    borderRadius: 2
+  },
+  header: {
+    paddingHorizontal: 20,
+    paddingBottom: 10,
+    borderBottomWidth: 1
+  },
+  title: {
+    fontSize: 18
+  },
+  body: {
+    flex: 1,
+    padding: 20
+  }
+});
+//# sourceMappingURL=FluentGlassSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","useCallback","StyleSheet","Modal","View","TouchableWithoutFeedback","Text","Dimensions","GestureDetector","Gesture","Animated","useSharedValue","useAnimatedStyle","withSpring","withTiming","runOnJS","interpolate","Extrapolation","FluentGlass","useTheme","jsx","_jsx","jsxs","_jsxs","SCREEN_HEIGHT","get","height","SPRING_CONFIG","damping","stiffness","FluentGlassSheet","visible","onClose","children","title","size","colors","typography","isVisibleInternal","setIsVisibleInternal","translateY","context","y","closeModal","value","duration","finished","setTimeout","gesture","Pan","onStart","onUpdate","event","Math","max","translationY","onEnd","velocityY","animatedStyle","transform","backdropStyle","opacity","CLAMP","transparent","animationType","style","styles","overlay","onPress","accessibilityRole","accessibilityLabel","absoluteFill","backdrop","backgroundColor","sheetContainer","accessibilityViewIsModal","content","intensity","borderOpacity","borderRadius","handleContainer","handle","textPrimary","header","borderBottomColor","color","fontFamily","semiBold","body","create","flex","justifyContent","width","borderBottomLeftRadius","borderBottomRightRadius","alignItems","paddingVertical","paddingHorizontal","paddingBottom","borderBottomWidth","fontSize","padding"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassSheet.tsx"],"mappings":"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","ignoreList":[]}