fluentglass 0.2.6

package/lib/module/components/FluentGlassDock.js

@@ -0,0 +1,181 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View, Pressable } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring } 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 ITEM_SIZE = 56;
+const ITEM_GAP = 16;
+const PAD_H = 24;
+const SPRING_CONFIG = {
+  mass: 0.8,
+  damping: 14,
+  stiffness: 100,
+  overshootClamping: false
+};
+// Internal Dock Item Component
+function DockItem({
+  icon,
+  label,
+  onPress,
+  isActive,
+  accentColor
+}) {
+  const progress = useSharedValue(isActive ? 1 : 0);
+  React.useEffect(() => {
+    progress.value = withSpring(isActive ? 1 : 0, SPRING_CONFIG);
+  }, [isActive]);
+
+  // Icon Scale
+  const iconStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: 1 + progress.value * 0.15
+    }]
+  }));
+
+  // Dot Appearance
+  const dotStyle = useAnimatedStyle(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: progress.value
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "tab",
+    accessibilityLabel: label ?? 'Dock item',
+    accessibilityState: {
+      selected: isActive
+    },
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: styles.itemWrapper,
+      children: [/*#__PURE__*/_jsx(FluentGlass, {
+        style: styles.itemContainer,
+        intensity: 25,
+        borderRadius: 16,
+        borderOpacity: 0.2,
+        tint: "dark",
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.centeredContent, iconStyle],
+          children: icon
+        })
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.dot, dotStyle, {
+          backgroundColor: accentColor
+        }]
+      })]
+    })
+  });
+}
+/**
+ * FluentGlassDock (Component)
+ * Floating bottom navigation bar with sliding glow indicator.
+ */
+export default function FluentGlassDock({
+  items,
+  activeIndex,
+  onSelect,
+  floating = true,
+  style
+}) {
+  const theme = useTheme();
+  const themeColors = theme.colors;
+
+  // Sliding indicator position
+  const translateX = useSharedValue(activeIndex * (ITEM_SIZE + ITEM_GAP));
+  React.useEffect(() => {
+    translateX.value = withSpring(activeIndex * (ITEM_SIZE + ITEM_GAP), {
+      mass: 0.4,
+      damping: 18,
+      stiffness: 200,
+      overshootClamping: false
+    });
+  }, [activeIndex]);
+  const slidingStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }]
+  }));
+  return /*#__PURE__*/_jsx(View, {
+    style: [floating ? styles.dockWrapperFloating : styles.dockWrapperRelative, style],
+    accessibilityRole: "toolbar",
+    children: /*#__PURE__*/_jsx(FluentGlass, {
+      style: styles.dockPill,
+      intensity: 20,
+      borderRadius: 32,
+      borderOpacity: 0.1,
+      tint: "dark",
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.itemsRow,
+        children: [/*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.slidingIndicator, slidingStyle, {
+            backgroundColor: themeColors.accent + '20',
+            borderColor: themeColors.accent + '60'
+          }]
+        }), items.map((item, index) => /*#__PURE__*/_jsx(DockItem, {
+          icon: item.icon,
+          label: item.label,
+          isActive: activeIndex === index,
+          onPress: () => onSelect(index),
+          accentColor: themeColors.accent
+        }, index))]
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  dockWrapperFloating: {
+    position: 'absolute',
+    bottom: 34,
+    width: '100%',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    zIndex: 100
+  },
+  dockWrapperRelative: {
+    width: '100%',
+    alignItems: 'center',
+    paddingVertical: 20
+  },
+  dockPill: {
+    // Auto width based on content
+  },
+  itemsRow: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: ITEM_GAP,
+    paddingVertical: 12,
+    paddingHorizontal: PAD_H
+  },
+  slidingIndicator: {
+    position: 'absolute',
+    top: 12,
+    left: PAD_H,
+    width: ITEM_SIZE,
+    height: ITEM_SIZE,
+    borderRadius: 16,
+    borderWidth: 1
+  },
+  itemWrapper: {
+    alignItems: 'center',
+    marginBottom: 4
+  },
+  itemContainer: {
+    width: ITEM_SIZE,
+    height: ITEM_SIZE
+  },
+  centeredContent: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  dot: {
+    width: 4,
+    height: 4,
+    borderRadius: 2,
+    marginTop: 6
+  }
+});
+//# sourceMappingURL=FluentGlassDock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Pressable","Animated","useSharedValue","useAnimatedStyle","withSpring","FluentGlass","useTheme","jsx","_jsx","jsxs","_jsxs","ITEM_SIZE","ITEM_GAP","PAD_H","SPRING_CONFIG","mass","damping","stiffness","overshootClamping","DockItem","icon","label","onPress","isActive","accentColor","progress","useEffect","value","iconStyle","transform","scale","dotStyle","opacity","accessibilityRole","accessibilityLabel","accessibilityState","selected","children","style","styles","itemWrapper","itemContainer","intensity","borderRadius","borderOpacity","tint","centeredContent","dot","backgroundColor","FluentGlassDock","items","activeIndex","onSelect","floating","theme","themeColors","colors","translateX","slidingStyle","dockWrapperFloating","dockWrapperRelative","dockPill","itemsRow","slidingIndicator","accent","borderColor","map","item","index","create","position","bottom","width","alignItems","paddingHorizontal","zIndex","paddingVertical","flexDirection","gap","top","left","height","borderWidth","marginBottom","flex","justifyContent","marginTop"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassDock.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,SAAS,QAAmB,cAAc;AACrE,OAAOC,QAAQ,IACXC,cAAc,EACdC,gBAAgB,EAChBC,UAAU,QACP,yBAAyB;AAChC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEzC,MAAMC,SAAS,GAAG,EAAE;AACpB,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,KAAK,GAAG,EAAE;AAEhB,MAAMC,aAAa,GAAG;EAClBC,IAAI,EAAE,GAAG;EACTC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,GAAG;EACdC,iBAAiB,EAAE;AACvB,CAAC;AAeD;AACA,SAASC,QAAQA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,EAAE;EAC9E,MAAMC,QAAQ,GAAGvB,cAAc,CAACqB,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;EAEjD1B,KAAK,CAAC6B,SAAS,CAAC,MAAM;IAClBD,QAAQ,CAACE,KAAK,GAAGvB,UAAU,CAACmB,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAET,aAAa,CAAC;EAChE,CAAC,EAAE,CAACS,QAAQ,CAAC,CAAC;;EAEd;EACA,MAAMK,SAAS,GAAGzB,gBAAgB,CAAC,OAAO;IACtC0B,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE,CAAC,GAAIL,QAAQ,CAACE,KAAK,GAAG;IAAM,CAAC;EACtD,CAAC,CAAC,CAAC;;EAEH;EACA,MAAMI,QAAQ,GAAG5B,gBAAgB,CAAC,OAAO;IACrC6B,OAAO,EAAEP,QAAQ,CAACE,KAAK;IACvBE,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAEL,QAAQ,CAACE;IAAM,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,oBACInB,IAAA,CAACR,SAAS;IAACsB,OAAO,EAAEA,OAAQ;IAACW,iBAAiB,EAAC,KAAK;IAACC,kBAAkB,EAAEb,KAAK,IAAI,WAAY;IAACc,kBAAkB,EAAE;MAAEC,QAAQ,EAAEb;IAAS,CAAE;IAAAc,QAAA,eACtI3B,KAAA,CAACT,QAAQ,CAACF,IAAI;MAACuC,KAAK,EAAEC,MAAM,CAACC,WAAY;MAAAH,QAAA,gBACrC7B,IAAA,CAACH,WAAW;QACRiC,KAAK,EAAEC,MAAM,CAACE,aAAc;QAC5BC,SAAS,EAAE,EAAG;QACdC,YAAY,EAAE,EAAG;QACjBC,aAAa,EAAE,GAAI;QACnBC,IAAI,EAAC,MAAM;QAAAR,QAAA,eAGX7B,IAAA,CAACP,QAAQ,CAACF,IAAI;UAACuC,KAAK,EAAE,CAACC,MAAM,CAACO,eAAe,EAAElB,SAAS,CAAE;UAAAS,QAAA,EACrDjB;QAAI,CACM;MAAC,CACP,CAAC,eAGdZ,IAAA,CAACP,QAAQ,CAACF,IAAI;QAACuC,KAAK,EAAE,CAACC,MAAM,CAACQ,GAAG,EAAEhB,QAAQ,EAAE;UAAEiB,eAAe,EAAExB;QAAY,CAAC;MAAE,CAAE,CAAC;IAAA,CACvE;EAAC,CACT,CAAC;AAEpB;AAUA;AACA;AACA;AACA;AACA,eAAe,SAASyB,eAAeA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,IAAI;EAAEf;AAA4B,CAAC,EAAE;EACpH,MAAMgB,KAAK,GAAGhD,QAAQ,CAAC,CAAC;EACxB,MAAMiD,WAAW,GAAGD,KAAK,CAACE,MAAM;;EAEhC;EACA,MAAMC,UAAU,GAAGvD,cAAc,CAACiD,WAAW,IAAIxC,SAAS,GAAGC,QAAQ,CAAC,CAAC;EAEvEf,KAAK,CAAC6B,SAAS,CAAC,MAAM;IAClB+B,UAAU,CAAC9B,KAAK,GAAGvB,UAAU,CAAC+C,WAAW,IAAIxC,SAAS,GAAGC,QAAQ,CAAC,EAAE;MAChEG,IAAI,EAAE,GAAG;MACTC,OAAO,EAAE,EAAE;MACXC,SAAS,EAAE,GAAG;MACdC,iBAAiB,EAAE;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACiC,WAAW,CAAC,CAAC;EAEjB,MAAMO,YAAY,GAAGvD,gBAAgB,CAAC,OAAO;IACzC0B,SAAS,EAAE,CAAC;MAAE4B,UAAU,EAAEA,UAAU,CAAC9B;IAAM,CAAC;EAChD,CAAC,CAAC,CAAC;EAEH,oBACInB,IAAA,CAACT,IAAI;IAACuC,KAAK,EAAE,CACTe,QAAQ,GAAGd,MAAM,CAACoB,mBAAmB,GAAGpB,MAAM,CAACqB,mBAAmB,EAClEtB,KAAK,CACP;IAACL,iBAAiB,EAAC,SAAS;IAAAI,QAAA,eAE1B7B,IAAA,CAACH,WAAW;MACRiC,KAAK,EAAEC,MAAM,CAACsB,QAAS;MACvBnB,SAAS,EAAE,EAAG;MACdC,YAAY,EAAE,EAAG;MACjBC,aAAa,EAAE,GAAI;MACnBC,IAAI,EAAC,MAAM;MAAAR,QAAA,eAEX3B,KAAA,CAACX,IAAI;QAACuC,KAAK,EAAEC,MAAM,CAACuB,QAAS;QAAAzB,QAAA,gBAEzB7B,IAAA,CAACP,QAAQ,CAACF,IAAI;UAACuC,KAAK,EAAE,CAACC,MAAM,CAACwB,gBAAgB,EAAEL,YAAY,EAAE;YAAEV,eAAe,EAAEO,WAAW,CAACS,MAAM,GAAG,IAAI;YAAEC,WAAW,EAAEV,WAAW,CAACS,MAAM,GAAG;UAAK,CAAC;QAAE,CAAE,CAAC,EAExJd,KAAK,CAACgB,GAAG,CAAC,CAACC,IAAoB,EAAEC,KAAa,kBAC3C5D,IAAA,CAACW,QAAQ;UAELC,IAAI,EAAE+C,IAAI,CAAC/C,IAAK;UAChBC,KAAK,EAAE8C,IAAI,CAAC9C,KAAM;UAClBE,QAAQ,EAAE4B,WAAW,KAAKiB,KAAM;UAChC9C,OAAO,EAAEA,CAAA,KAAM8B,QAAQ,CAACgB,KAAK,CAAE;UAC/B5C,WAAW,EAAE+B,WAAW,CAACS;QAAO,GAL3BI,KAMR,CACJ,CAAC;MAAA,CACA;IAAC,CACE;EAAC,CACZ,CAAC;AAEf;AAEA,MAAM7B,MAAM,GAAGzC,UAAU,CAACuE,MAAM,CAAC;EAC7BV,mBAAmB,EAAE;IACjBW,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,MAAM,EAAE;EACZ,CAAC;EACDf,mBAAmB,EAAE;IACjBY,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,QAAQ;IACpBG,eAAe,EAAE;EACrB,CAAC;EACDf,QAAQ,EAAE;IACN;EAAA,CACH;EACDC,QAAQ,EAAE;IACNe,aAAa,EAAE,KAAK;IACpBJ,UAAU,EAAE,UAAU;IACtBK,GAAG,EAAElE,QAAQ;IACbgE,eAAe,EAAE,EAAE;IACnBF,iBAAiB,EAAE7D;EACvB,CAAC;EACDkD,gBAAgB,EAAE;IACdO,QAAQ,EAAE,UAAU;IACpBS,GAAG,EAAE,EAAE;IACPC,IAAI,EAAEnE,KAAK;IACX2D,KAAK,EAAE7D,SAAS;IAChBsE,MAAM,EAAEtE,SAAS;IACjBgC,YAAY,EAAE,EAAE;IAChBuC,WAAW,EAAE;EACjB,CAAC;EACD1C,WAAW,EAAE;IACTiC,UAAU,EAAE,QAAQ;IACpBU,YAAY,EAAE;EAClB,CAAC;EACD1C,aAAa,EAAE;IACX+B,KAAK,EAAE7D,SAAS;IAChBsE,MAAM,EAAEtE;EACZ,CAAC;EACDmC,eAAe,EAAE;IACbsC,IAAI,EAAE,CAAC;IACPX,UAAU,EAAE,QAAQ;IACpBY,cAAc,EAAE;EACpB,CAAC;EACDtC,GAAG,EAAE;IACDyB,KAAK,EAAE,CAAC;IACRS,MAAM,EAAE,CAAC;IACTtC,YAAY,EAAE,CAAC;IACf2C,SAAS,EAAE;EACf;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/FluentGlassDropdown.js

@@ -0,0 +1,343 @@
+"use strict";
+
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { StyleSheet, Text, View, Pressable, Dimensions, ScrollView, Modal } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming, withSpring, Easing } from 'react-native-reanimated';
+import FluentGlass from './FluentGlass';
+import useTheme from '../theme/useTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FluentGlassDropdown (Molecule)
+ * Inline glass dropdown with auto-direction (opens up or down based on space).
+ * Animations fully driven by SharedValues on the UI thread.
+ *
+ * @level Molecule
+ * @composition FluentGlass (Atom), Text, Pressable
+ *
+ * Two data formats:
+ *   Flat:    options={[{ label, value }]}
+ *   Grouped: sections={[{ title, data: [{ label, value }] }]}
+ */
+const SCREEN_HEIGHT = Dimensions.get('window').height;
+const MAX_DROPDOWN_HEIGHT = 260;
+const SPRING_CONFIG = {
+  damping: 18,
+  stiffness: 300,
+  mass: 0.8
+};
+const TIMING_CONFIG = {
+  duration: 180,
+  easing: Easing.out(Easing.cubic)
+};
+export default function FluentGlassDropdown({
+  value,
+  onValueChange,
+  options,
+  sections,
+  placeholder = 'Select option',
+  label,
+  style,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const COLORS = theme.colors;
+  const [isOpen, setIsOpen] = useState(false);
+  const [triggerLayout, setTriggerLayout] = useState(null);
+  const [openDirection, setOpenDirection] = useState('down');
+  const triggerRef = useRef(null);
+
+  // Animation shared values — runs on UI thread
+  const opacity = useSharedValue(0);
+  const scale = useSharedValue(0.92);
+  const isGrouped = Boolean(sections);
+
+  // Animate in when opened
+  useEffect(() => {
+    if (isOpen) {
+      opacity.value = withTiming(1, TIMING_CONFIG);
+      scale.value = withSpring(1, SPRING_CONFIG);
+    }
+  }, [isOpen, opacity, scale]);
+  const panelAnimStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+    transform: [{
+      scale: scale.value
+    }]
+  }));
+
+  // Find selected label
+  const findSelectedLabel = () => {
+    if (isGrouped && sections) {
+      for (const section of sections) {
+        const found = section.data.find(item => item.value === value);
+        if (found) return found.label;
+      }
+      return null;
+    }
+    if (options) {
+      const found = options.find(item => item.value === value);
+      return found ? found.label : null;
+    }
+    return null;
+  };
+  const selectedLabel = findSelectedLabel();
+  const handleOpen = useCallback(() => {
+    if (triggerRef.current) {
+      triggerRef.current.measureInWindow((x, y, width, height) => {
+        const spaceBelow = SCREEN_HEIGHT - (y + height);
+        const spaceAbove = y;
+        const direction = spaceBelow >= MAX_DROPDOWN_HEIGHT || spaceBelow >= spaceAbove ? 'down' : 'up';
+
+        // Reset animation values before opening
+        opacity.value = 0;
+        scale.value = 0.92;
+        setTriggerLayout({
+          x,
+          y,
+          width,
+          height
+        });
+        setOpenDirection(direction);
+        setIsOpen(true);
+      });
+    }
+  }, [opacity, scale]);
+  const handleSelect = useCallback(itemValue => {
+    onValueChange?.(itemValue);
+    // Animate out then close
+    opacity.value = withTiming(0, {
+      duration: 120
+    });
+    scale.value = withTiming(0.95, {
+      duration: 120
+    });
+    setTimeout(() => setIsOpen(false), 130);
+  }, [onValueChange, opacity, scale]);
+  const handleClose = useCallback(() => {
+    opacity.value = withTiming(0, {
+      duration: 120
+    });
+    scale.value = withTiming(0.95, {
+      duration: 120
+    });
+    setTimeout(() => setIsOpen(false), 130);
+  }, [opacity, scale]);
+
+  // Compute dropdown position
+  const dropdownPositionStyle = triggerLayout ? {
+    position: 'absolute',
+    left: triggerLayout.x,
+    width: triggerLayout.width,
+    maxHeight: MAX_DROPDOWN_HEIGHT,
+    ...(openDirection === 'down' ? {
+      top: triggerLayout.y + triggerLayout.height + 4
+    } : {
+      top: triggerLayout.y - MAX_DROPDOWN_HEIGHT - 4
+    })
+  } : {};
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, style],
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, {
+        color: COLORS.textSecondary,
+        fontFamily: theme.typography.medium
+      }],
+      children: label
+    }) : null, /*#__PURE__*/_jsx(Pressable, {
+      ref: triggerRef,
+      onPress: handleOpen,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? label ?? placeholder ?? 'Dropdown',
+      accessibilityState: {
+        expanded: isOpen
+      },
+      children: /*#__PURE__*/_jsx(FluentGlass, {
+        style: [styles.trigger, {
+          backgroundColor: COLORS.inputBg
+        }],
+        intensity: 10,
+        tint: "dark",
+        borderRadius: 12,
+        borderOpacity: 0.25,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.triggerContent,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.triggerText, {
+              color: COLORS.textPrimary,
+              fontFamily: theme.typography.medium
+            }, !selectedLabel && {
+              color: COLORS.textSecondary
+            }],
+            children: selectedLabel || placeholder
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.chevron, {
+              color: COLORS.textSecondary
+            }],
+            children: isOpen ? openDirection === 'down' ? '▴' : '▾' : '▾'
+          })]
+        })
+      })
+    }), isOpen ? /*#__PURE__*/_jsx(Modal, {
+      visible: true,
+      transparent: true,
+      animationType: "none",
+      onRequestClose: handleClose,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: styles.backdrop,
+        onPress: handleClose,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [dropdownPositionStyle, panelAnimStyle],
+          children: /*#__PURE__*/_jsx(Pressable, {
+            onPress: e => e.stopPropagation(),
+            children: /*#__PURE__*/_jsx(FluentGlass, {
+              style: styles.dropdownGlass,
+              intensity: 25,
+              tint: "dark",
+              borderRadius: 16,
+              borderOpacity: 0.25,
+              children: /*#__PURE__*/_jsx(ScrollView, {
+                style: styles.scrollInner,
+                bounces: false,
+                showsVerticalScrollIndicator: false,
+                children: isGrouped ? renderGrouped(sections, value, handleSelect, COLORS, theme.typography) : renderFlat(options, value, handleSelect, COLORS, theme.typography)
+              })
+            })
+          })
+        })
+      })
+    }) : null]
+  });
+}
+
+/* ─── Render helpers ─── */
+
+function renderFlat(options, selectedValue, onSelect, COLORS, typography) {
+  if (!options) return null;
+  return options.map((item, i) => /*#__PURE__*/_jsx(Pressable, {
+    style: [styles.option, i < options.length - 1 && [styles.optionBorder, {
+      borderBottomColor: COLORS.borderSubtle
+    }]],
+    onPress: () => onSelect(item.value),
+    accessibilityLabel: item.label,
+    accessibilityState: {
+      selected: item.value === selectedValue
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.optionText, {
+        color: COLORS.textPrimary,
+        fontFamily: typography.medium
+      }, item.value === selectedValue && {
+        color: COLORS.accent,
+        fontWeight: '600',
+        fontFamily: typography.semiBold
+      }],
+      children: item.label
+    })
+  }, String(item.value)));
+}
+function renderGrouped(sections, selectedValue, onSelect, COLORS, typography) {
+  return sections.map((section, sectionIdx) => /*#__PURE__*/_jsxs(View, {
+    children: [sectionIdx > 0 ? /*#__PURE__*/_jsx(View, {
+      style: [styles.sectionSeparator, {
+        backgroundColor: COLORS.border
+      }]
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: styles.sectionHeader,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.sectionTitle, {
+          color: COLORS.textPrimary,
+          fontFamily: typography.bold
+        }],
+        children: section.title
+      })
+    }), section.data.map(item => /*#__PURE__*/_jsx(Pressable, {
+      style: styles.option,
+      onPress: () => onSelect(item.value),
+      accessibilityLabel: item.label,
+      accessibilityState: {
+        selected: item.value === selectedValue
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.optionText, styles.optionTextIndented, {
+          color: COLORS.textPrimary,
+          fontFamily: typography.medium
+        }, item.value === selectedValue && {
+          color: COLORS.accent,
+          fontWeight: '600',
+          fontFamily: typography.semiBold
+        }],
+        children: item.label
+      })
+    }, String(item.value)))]
+  }, section.title));
+}
+const styles = StyleSheet.create({
+  wrapper: {
+    width: '100%',
+    zIndex: 10
+  },
+  label: {
+    marginBottom: 8,
+    fontSize: 14,
+    marginLeft: 4,
+    fontWeight: '500'
+  },
+  trigger: {
+    height: 48
+  },
+  triggerContent: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16
+  },
+  triggerText: {
+    fontSize: 15,
+    fontWeight: '500',
+    flex: 1
+  },
+  chevron: {
+    fontSize: 12,
+    marginLeft: 8
+  },
+  backdrop: {
+    flex: 1
+  },
+  dropdownGlass: {
+    overflow: 'hidden'
+  },
+  scrollInner: {
+    maxHeight: MAX_DROPDOWN_HEIGHT - 2
+  },
+  option: {
+    paddingVertical: 12,
+    paddingHorizontal: 16
+  },
+  optionBorder: {
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  optionText: {
+    fontSize: 15,
+    fontWeight: '500'
+  },
+  optionTextIndented: {
+    paddingLeft: 12
+  },
+  sectionSeparator: {
+    height: 1,
+    marginHorizontal: 12
+  },
+  sectionHeader: {
+    paddingHorizontal: 16,
+    paddingTop: 12,
+    paddingBottom: 6
+  },
+  sectionTitle: {
+    fontSize: 14,
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    letterSpacing: 0.5
+  }
+});
+//# sourceMappingURL=FluentGlassDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","useCallback","useEffect","StyleSheet","Text","View","Pressable","Dimensions","ScrollView","Modal","Animated","useSharedValue","useAnimatedStyle","withTiming","withSpring","Easing","FluentGlass","useTheme","jsx","_jsx","jsxs","_jsxs","SCREEN_HEIGHT","get","height","MAX_DROPDOWN_HEIGHT","SPRING_CONFIG","damping","stiffness","mass","TIMING_CONFIG","duration","easing","out","cubic","FluentGlassDropdown","value","onValueChange","options","sections","placeholder","label","style","accessibilityLabel","theme","COLORS","colors","isOpen","setIsOpen","triggerLayout","setTriggerLayout","openDirection","setOpenDirection","triggerRef","opacity","scale","isGrouped","Boolean","panelAnimStyle","transform","findSelectedLabel","section","found","data","find","item","selectedLabel","handleOpen","current","measureInWindow","x","y","width","spaceBelow","spaceAbove","direction","handleSelect","itemValue","setTimeout","handleClose","dropdownPositionStyle","position","left","maxHeight","top","styles","wrapper","children","color","textSecondary","fontFamily","typography","medium","ref","onPress","accessibilityRole","accessibilityState","expanded","trigger","backgroundColor","inputBg","intensity","tint","borderRadius","borderOpacity","triggerContent","triggerText","textPrimary","chevron","visible","transparent","animationType","onRequestClose","backdrop","e","stopPropagation","dropdownGlass","scrollInner","bounces","showsVerticalScrollIndicator","renderGrouped","renderFlat","selectedValue","onSelect","map","i","option","length","optionBorder","borderBottomColor","borderSubtle","selected","optionText","accent","fontWeight","semiBold","String","sectionIdx","sectionSeparator","border","sectionHeader","sectionTitle","bold","title","optionTextIndented","create","zIndex","marginBottom","fontSize","marginLeft","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","overflow","paddingVertical","borderBottomWidth","hairlineWidth","paddingLeft","marginHorizontal","paddingTop","paddingBottom","textTransform","letterSpacing"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassDropdown.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/FluentGlassEmailInput.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import React from 'react';
+import FluentGlassTextInput from './FluentGlassTextInput';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FluentGlassEmailInput (Molécula)
+ * Input configurado específicamente para correos electrónicos.
+ */
+export default function FluentGlassEmailInput({
+  value,
+  onChangeText,
+  placeholder = 'Enter your email',
+  style,
+  size,
+  colorScheme,
+  blur,
+  radius,
+  accessibilityLabel,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(FluentGlassTextInput, {
+    value: value,
+    onChangeText: onChangeText,
+    placeholder: placeholder,
+    keyboardType: "email-address",
+    autoCapitalize: "none",
+    autoComplete: "email",
+    size: size,
+    colorScheme: colorScheme,
+    blur: blur,
+    radius: radius,
+    style: style,
+    accessibilityLabel: accessibilityLabel ?? 'Email address',
+    ...props
+  });
+}
+//# sourceMappingURL=FluentGlassEmailInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FluentGlassTextInput","jsx","_jsx","FluentGlassEmailInput","value","onChangeText","placeholder","style","size","colorScheme","blur","radius","accessibilityLabel","props","keyboardType","autoCapitalize","autoComplete"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassEmailInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,oBAAoB,MAAM,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY1D;AACA;AACA;AACA;AACA,eAAe,SAASC,qBAAqBA,CAAC;EAAEC,KAAK;EACjDC,YAAY;EACZC,WAAW,GAAG,kBAAkB;EAChCC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,IAAI;EACJC,MAAM;EACNC,kBAAkB;EAClB,GAAGC;AAAkC,CAAC,EAAE;EACxC,oBACIX,IAAA,CAACF,oBAAoB;IACjBI,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,WAAW,EAAEA,WAAY;IACzBQ,YAAY,EAAC,eAAe;IAC5BC,cAAc,EAAC,MAAM;IACrBC,YAAY,EAAC,OAAO;IACpBR,IAAI,EAAEA,IAAK;IACXC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfJ,KAAK,EAAEA,KAAM;IACbK,kBAAkB,EAAEA,kBAAkB,IAAI,eAAgB;IAAA,GACtDC;EAAK,CACZ,CAAC;AAEV","ignoreList":[]}

package/lib/module/components/FluentGlassInput.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, TextInput, View, Text } from 'react-native';
+import FluentGlass from './FluentGlass';
+import useTheme from '../theme/useTheme';
+
+/**
+ * FluentGlassInput (Component)
+ * Text input with "carved" glass effect.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function FluentGlassInput({
+  value,
+  onChangeText,
+  placeholder,
+  label,
+  style,
+  keyboardType,
+  secureTextEntry,
+  accessibilityLabel,
+  accessibilityHint
+}) {
+  const theme = useTheme();
+  const COLORS = theme.colors;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, style],
+    children: [label && /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, {
+        color: COLORS.textSecondary,
+        fontFamily: theme.typography.medium
+      }],
+      children: label
+    }), /*#__PURE__*/_jsx(FluentGlass, {
+      style: [styles.container, {
+        backgroundColor: COLORS.inputBg
+      }],
+      intensity: 10,
+      borderRadius: 12,
+      borderOpacity: 0.1,
+      children: /*#__PURE__*/_jsx(TextInput, {
+        style: [styles.input, {
+          color: COLORS.textPrimary
+        }],
+        value: value,
+        onChangeText: onChangeText,
+        placeholder: placeholder,
+        placeholderTextColor: COLORS.textSecondary,
+        keyboardType: keyboardType,
+        secureTextEntry: secureTextEntry,
+        accessibilityLabel: accessibilityLabel ?? label ?? placeholder,
+        accessibilityHint: accessibilityHint
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  wrapper: {
+    marginBottom: 16,
+    width: '100%'
+  },
+  label: {
+    marginBottom: 8,
+    fontSize: 14,
+    marginLeft: 4,
+    fontWeight: '500'
+  },
+  container: {
+    height: undefined,
+    minHeight: 50
+  },
+  input: {
+    flex: 1,
+    paddingHorizontal: 16,
+    fontSize: 16
+  }
+});
+//# sourceMappingURL=FluentGlassInput.js.map