fluentglass 0.2.6

package/lib/commonjs/components/FluentGlassDatePicker.js

@@ -0,0 +1,271 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassDatePicker;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+var _responsive = require("../utils/responsive");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function FluentGlassDatePicker({
+  value = new Date(),
+  onChange,
+  style
+}) {
+  const {
+    colors,
+    typography
+  } = (0, _useTheme.default)();
+
+  // Current visible month/year
+  const [currentMonth, setCurrentMonth] = (0, _react.useState)(new Date(value.getFullYear(), value.getMonth(), 1));
+
+  // Helpers to navigate months
+  const handlePrevMonth = () => {
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1, 1));
+  };
+  const handleNextMonth = () => {
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 1));
+  };
+
+  // Calendar generation logic
+  const {
+    days,
+    blanks
+  } = (0, _react.useMemo)(() => {
+    const year = currentMonth.getFullYear();
+    const month = currentMonth.getMonth();
+
+    // 0 = Sunday, 1 = Monday, etc.
+    const firstDayOfMonth = new Date(year, month, 1).getDay();
+    const daysInMonth = new Date(year, month + 1, 0).getDate();
+
+    // Array of empty slots before the 1st
+    const blanksArray = Array.from({
+      length: firstDayOfMonth
+    }, (_, i) => i);
+    // Array of actual days
+    const daysArray = Array.from({
+      length: daysInMonth
+    }, (_, i) => i + 1);
+    return {
+      days: daysArray,
+      blanks: blanksArray
+    };
+  }, [currentMonth]);
+  const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+  const headerText = `${monthNames[currentMonth.getMonth()]} ${currentMonth.getFullYear()}`;
+
+  // Helper to check if a day is the currently selected date
+  const isSelected = day => {
+    return value.getDate() === day && value.getMonth() === currentMonth.getMonth() && value.getFullYear() === currentMonth.getFullYear();
+  };
+  const handleSelectDay = day => {
+    if (onChange) {
+      onChange(new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day));
+    }
+  };
+  const handleToday = () => {
+    const today = new Date();
+    setCurrentMonth(new Date(today.getFullYear(), today.getMonth(), 1));
+    if (onChange) {
+      onChange(today);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+    style: [styles.container, style],
+    intensity: 25,
+    borderRadius: 24,
+    borderOpacity: 0.2,
+    tint: "dark",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.calendarProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.header,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: handlePrevMonth,
+          style: styles.navButton,
+          hitSlop: 10,
+          accessibilityRole: "button",
+          accessibilityLabel: "Previous month",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.navIcon, {
+              color: colors.textSecondary,
+              fontFamily: typography.regular
+            }],
+            children: "\u2039"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.headerTitle, {
+            color: colors.textPrimary,
+            fontFamily: typography.bold
+          }],
+          children: headerText
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: handleNextMonth,
+          style: styles.navButton,
+          hitSlop: 10,
+          accessibilityRole: "button",
+          accessibilityLabel: "Next month",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.navIcon, {
+              color: colors.textSecondary,
+              fontFamily: typography.regular
+            }],
+            children: "\u203A"
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.weekRow,
+        children: ['S', 'M', 'T', 'W', 'T', 'F', 'S'].map((day, ix) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.dayCell,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.weekText, {
+              color: colors.textSecondary,
+              fontFamily: typography.bold
+            }],
+            children: day
+          })
+        }, ix))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.daysGrid,
+        children: [blanks.map(blank => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.dayCell
+        }, `blank-${blank}`)), days.map(day => {
+          const selected = isSelected(day);
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            style: styles.dayCell,
+            onPress: () => handleSelectDay(day),
+            accessibilityRole: "button",
+            accessibilityState: {
+              selected: isSelected(day)
+            },
+            children: selected ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.selectedCircle,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+                intensity: 40,
+                borderRadius: 16,
+                tint: "light",
+                style: _reactNative.StyleSheet.absoluteFillObject
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.dayText, styles.selectedDayText, {
+                  color: colors.textPrimary,
+                  fontFamily: typography.extraBold
+                }],
+                children: day
+              })]
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.dayText, {
+                color: colors.textSecondary,
+                fontFamily: typography.semiBold
+              }],
+              children: day
+            })
+          }, day);
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: [styles.todayButton, {
+          borderColor: colors.border,
+          backgroundColor: colors.borderSubtle
+        }],
+        onPress: handleToday,
+        activeOpacity: 0.7,
+        accessibilityRole: "button",
+        accessibilityLabel: "Go to today",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.todayText, {
+            color: colors.accent,
+            fontFamily: typography.bold
+          }],
+          children: "Hoy"
+        })
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%',
+    maxWidth: 360,
+    alignSelf: 'center'
+  },
+  calendarProps: {
+    padding: 20
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 20
+  },
+  headerTitle: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    letterSpacing: 0.5
+  },
+  navButton: {
+    width: (0, _responsive.moderateScale)(36),
+    height: (0, _responsive.moderateScale)(36),
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  navIcon: {
+    fontSize: 24,
+    fontWeight: '300',
+    lineHeight: 28
+  },
+  weekRow: {
+    flexDirection: 'row',
+    marginBottom: 10
+  },
+  weekText: {
+    fontSize: 13,
+    fontWeight: '700',
+    textAlign: 'center'
+  },
+  daysGrid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  dayCell: {
+    width: '14.28%',
+    // 100% / 7
+    height: 38,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  dayText: {
+    fontSize: 15,
+    fontWeight: '600'
+  },
+  selectedCircle: {
+    width: (0, _responsive.moderateScale)(32),
+    height: (0, _responsive.moderateScale)(32),
+    borderRadius: (0, _responsive.moderateScale)(16),
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden'
+  },
+  selectedDayText: {
+    fontWeight: '800'
+  },
+  todayButton: {
+    marginTop: 14,
+    alignSelf: 'center',
+    paddingVertical: 8,
+    paddingHorizontal: 28,
+    borderRadius: 12,
+    borderWidth: 1
+  },
+  todayText: {
+    fontSize: 14,
+    fontWeight: '700',
+    letterSpacing: 0.5
+  }
+});
+//# sourceMappingURL=FluentGlassDatePicker.js.map

package/lib/commonjs/components/FluentGlassDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_FluentGlass","_interopRequireDefault","_useTheme","_responsive","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FluentGlassDatePicker","value","Date","onChange","style","colors","typography","useTheme","currentMonth","setCurrentMonth","useState","getFullYear","getMonth","handlePrevMonth","handleNextMonth","days","blanks","useMemo","year","month","firstDayOfMonth","getDay","daysInMonth","getDate","blanksArray","Array","from","length","_","daysArray","monthNames","headerText","isSelected","day","handleSelectDay","handleToday","today","jsx","styles","container","intensity","borderRadius","borderOpacity","tint","children","jsxs","View","calendarProps","header","TouchableOpacity","onPress","navButton","hitSlop","accessibilityRole","accessibilityLabel","Text","navIcon","color","textSecondary","fontFamily","regular","headerTitle","textPrimary","bold","weekRow","map","ix","dayCell","weekText","daysGrid","blank","selected","Pressable","accessibilityState","selectedCircle","StyleSheet","absoluteFillObject","dayText","selectedDayText","extraBold","semiBold","todayButton","borderColor","border","backgroundColor","borderSubtle","activeOpacity","todayText","accent","create","width","maxWidth","alignSelf","padding","flexDirection","justifyContent","alignItems","marginBottom","fontSize","fontWeight","letterSpacing","moderateScale","height","lineHeight","textAlign","flexWrap","overflow","marginTop","paddingVertical","paddingHorizontal","borderWidth"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassDatePicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassDialog.js

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassDialog;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
+var _FluentGlassButton = _interopRequireDefault(require("./FluentGlassButton"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * FluentGlassDialog (Component)
+ * Central alert/confirmation modal.
+ * Uses absolute positioning instead of Modal to avoid
+ * BlurView initialisation flicker.
+ */
+function FluentGlassDialog({
+  visible,
+  onClose,
+  title,
+  description,
+  onConfirm,
+  confirmText = 'Confirm',
+  cancelText = 'Cancel'
+}) {
+  const theme = (0, _useTheme.default)();
+  const COLORS = theme.colors;
+  const typography = theme.typography;
+  const scale = (0, _reactNativeReanimated.useSharedValue)(0.8);
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const [mounted, setMounted] = _react.default.useState(false);
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setMounted(true);
+      // Small delay so React commits the mount frame (opacity 0) first
+      requestAnimationFrame(() => {
+        scale.value = (0, _reactNativeReanimated.withSpring)(1);
+        opacity.value = (0, _reactNativeReanimated.withTiming)(1, {
+          duration: 200
+        });
+      });
+    } else if (mounted) {
+      scale.value = (0, _reactNativeReanimated.withTiming)(0.85, {
+        duration: 180
+      });
+      opacity.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: 180
+      });
+      const timer = setTimeout(() => {
+        setMounted(false);
+        scale.value = 0.8;
+        opacity.value = 0;
+      }, 220);
+      return () => clearTimeout(timer);
+    }
+  }, [visible]);
+  const backdropStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: opacity.value
+  }));
+  const cardStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: opacity.value,
+    transform: [{
+      scale: scale.value
+    }]
+  }));
+  if (!mounted) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.root,
+    pointerEvents: visible ? 'auto' : 'none',
+    accessibilityViewIsModal: true,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.backdrop, {
+        backgroundColor: COLORS.overlay
+      }, backdropStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: _reactNative.StyleSheet.absoluteFill,
+        onPress: onClose,
+        accessibilityRole: "button",
+        accessibilityLabel: "Close dialog"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.dialogContainer, cardStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+        style: styles.modalGlass,
+        intensity: 25,
+        borderRadius: 20,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.innerContent,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.title, {
+              color: COLORS.textPrimary,
+              fontFamily: typography.bold
+            }],
+            accessibilityRole: "header",
+            children: title
+          }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.description, {
+              color: COLORS.textSecondary,
+              fontFamily: typography.regular
+            }],
+            children: description
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.footer,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlassButton.default, {
+              title: cancelText,
+              variant: "secondary",
+              onPress: onClose,
+              style: {
+                flex: 1,
+                marginRight: 8
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlassButton.default, {
+              title: confirmText,
+              variant: "primary",
+              onPress: onConfirm,
+              style: {
+                flex: 1,
+                marginLeft: 8
+              }
+            })]
+          })]
+        })
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    zIndex: 9999,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20
+  },
+  backdrop: {
+    ..._reactNative.StyleSheet.absoluteFillObject
+  },
+  dialogContainer: {
+    width: '100%',
+    maxWidth: 400
+  },
+  modalGlass: {
+    width: '100%',
+    overflow: 'hidden'
+  },
+  innerContent: {
+    padding: 24
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginBottom: 8
+  },
+  description: {
+    fontSize: 16,
+    marginBottom: 24,
+    lineHeight: 22
+  },
+  footer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  }
+});
+//# sourceMappingURL=FluentGlassDialog.js.map

package/lib/commonjs/components/FluentGlassDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_FluentGlass","_interopRequireDefault","_FluentGlassButton","_useTheme","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FluentGlassDialog","visible","onClose","title","description","onConfirm","confirmText","cancelText","theme","useTheme","COLORS","colors","typography","scale","useSharedValue","opacity","mounted","setMounted","React","useState","useEffect","requestAnimationFrame","value","withSpring","withTiming","duration","timer","setTimeout","clearTimeout","backdropStyle","useAnimatedStyle","cardStyle","transform","jsxs","View","style","styles","root","pointerEvents","accessibilityViewIsModal","children","jsx","backdrop","backgroundColor","overlay","Pressable","StyleSheet","absoluteFill","onPress","accessibilityRole","accessibilityLabel","dialogContainer","modalGlass","intensity","borderRadius","innerContent","Text","color","textPrimary","fontFamily","bold","textSecondary","regular","footer","variant","flex","marginRight","marginLeft","create","absoluteFillObject","zIndex","justifyContent","alignItems","padding","width","maxWidth","overflow","fontSize","fontWeight","marginBottom","lineHeight","flexDirection"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassDock.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassDock;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 = (0, _reactNativeReanimated.useSharedValue)(isActive ? 1 : 0);
+  _react.default.useEffect(() => {
+    progress.value = (0, _reactNativeReanimated.withSpring)(isActive ? 1 : 0, SPRING_CONFIG);
+  }, [isActive]);
+
+  // Icon Scale
+  const iconStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      scale: 1 + progress.value * 0.15
+    }]
+  }));
+
+  // Dot Appearance
+  const dotStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: progress.value
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    accessibilityRole: "tab",
+    accessibilityLabel: label ?? 'Dock item',
+    accessibilityState: {
+      selected: isActive
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      style: styles.itemWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+        style: styles.itemContainer,
+        intensity: 25,
+        borderRadius: 16,
+        borderOpacity: 0.2,
+        tint: "dark",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: [styles.centeredContent, iconStyle],
+          children: icon
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [styles.dot, dotStyle, {
+          backgroundColor: accentColor
+        }]
+      })]
+    })
+  });
+}
+/**
+ * FluentGlassDock (Component)
+ * Floating bottom navigation bar with sliding glow indicator.
+ */
+function FluentGlassDock({
+  items,
+  activeIndex,
+  onSelect,
+  floating = true,
+  style
+}) {
+  const theme = (0, _useTheme.default)();
+  const themeColors = theme.colors;
+
+  // Sliding indicator position
+  const translateX = (0, _reactNativeReanimated.useSharedValue)(activeIndex * (ITEM_SIZE + ITEM_GAP));
+  _react.default.useEffect(() => {
+    translateX.value = (0, _reactNativeReanimated.withSpring)(activeIndex * (ITEM_SIZE + ITEM_GAP), {
+      mass: 0.4,
+      damping: 18,
+      stiffness: 200,
+      overshootClamping: false
+    });
+  }, [activeIndex]);
+  const slidingStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: translateX.value
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [floating ? styles.dockWrapperFloating : styles.dockWrapperRelative, style],
+    accessibilityRole: "toolbar",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+      style: styles.dockPill,
+      intensity: 20,
+      borderRadius: 32,
+      borderOpacity: 0.1,
+      tint: "dark",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.itemsRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: [styles.slidingIndicator, slidingStyle, {
+            backgroundColor: themeColors.accent + '20',
+            borderColor: themeColors.accent + '60'
+          }]
+        }), items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DockItem, {
+          icon: item.icon,
+          label: item.label,
+          isActive: activeIndex === index,
+          onPress: () => onSelect(index),
+          accentColor: themeColors.accent
+        }, index))]
+      })
+    })
+  });
+}
+const styles = _reactNative.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