fluentglass 0.2.6

package/lib/commonjs/components/FluentGlassSlider.js

@@ -0,0 +1,197 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassSlider;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+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); }
+/**
+ * FluentGlassSlider (Molecule)
+ * Glassmorphism slider — fully driven by SharedValues for buttery drag.
+ *
+ * Variants:
+ * - basic: Just the track + thumb
+ * - labeled: Label on left, value display on right, track below
+ */
+
+const TRACK_HEIGHT = 6;
+const THUMB_SIZE = 22;
+function FluentGlassSlider({
+  value = 50,
+  onValueChange,
+  min = 0,
+  max = 100,
+  label,
+  showValue,
+  formatValue,
+  style,
+  accessibilityLabel
+}) {
+  const theme = (0, _useTheme.default)();
+  const COLORS = theme.colors;
+  const hasLabel = Boolean(label);
+  const shouldShowValue = showValue !== undefined ? showValue : hasLabel;
+
+  // SharedValues drive the UI on the native thread — no JS round-trips
+  const progress = (0, _reactNativeReanimated.useSharedValue)((value - min) / (max - min));
+  const trackW = (0, _reactNativeReanimated.useSharedValue)(0);
+  const startProgress = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // Sync external value changes (e.g. programmatic updates)
+  (0, _react.useEffect)(() => {
+    progress.value = Math.max(0, Math.min(1, (value - min) / (max - min)));
+  }, [value, min, max, progress]);
+  const emitValue = (0, _react.useCallback)(ratio => {
+    if (onValueChange) {
+      const clamped = Math.max(0, Math.min(1, ratio));
+      onValueChange(Math.round(min + clamped * (max - min)));
+    }
+  }, [onValueChange, min, max]);
+  const panGesture = _reactNativeGestureHandler.Gesture.Pan().onBegin(() => {
+    startProgress.value = progress.value;
+  }).onUpdate(e => {
+    'worklet';
+
+    if (trackW.value > 0) {
+      const delta = e.translationX / trackW.value;
+      const next = Math.max(0, Math.min(1, startProgress.value + delta));
+      progress.value = next;
+    }
+  }).onEnd(() => {
+    'worklet';
+
+    (0, _reactNativeReanimated.runOnJS)(emitValue)(progress.value);
+  });
+
+  // Tap on track to jump
+  const tapGesture = _reactNativeGestureHandler.Gesture.Tap().onEnd(e => {
+    'worklet';
+
+    if (trackW.value > 0) {
+      const next = Math.max(0, Math.min(1, e.x / trackW.value));
+      progress.value = (0, _reactNativeReanimated.withTiming)(next, {
+        duration: 150
+      });
+      (0, _reactNativeReanimated.runOnJS)(emitValue)(next);
+    }
+  });
+  const composed = _reactNativeGestureHandler.Gesture.Race(panGesture, tapGesture);
+
+  // Animated styles — run entirely on the UI thread
+  const thumbAnimStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: progress.value * trackW.value - THUMB_SIZE / 2
+    }]
+  }));
+  const filledAnimStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: progress.value * trackW.value
+  }));
+  const handleLayout = (0, _react.useCallback)(e => {
+    trackW.value = e.nativeEvent.layout.width;
+  }, [trackW]);
+  const displayValue = formatValue ? formatValue(value) : `${Math.round(value)}%`;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, style],
+    accessibilityRole: "adjustable",
+    accessibilityLabel: accessibilityLabel ?? label ?? 'Slider',
+    accessibilityValue: {
+      min,
+      max,
+      now: Math.round(value)
+    },
+    children: [hasLabel ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.labelRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.label, {
+          color: COLORS.textPrimary,
+          fontFamily: theme.typography.semiBold
+        }],
+        children: label
+      }), shouldShowValue ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.valueText, {
+          color: COLORS.textSecondary,
+          fontFamily: theme.typography.semiBold
+        }],
+        children: displayValue
+      }) : null]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+      gesture: composed,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+        style: styles.trackContainer,
+        onLayout: handleLayout,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.trackUnfilled, {
+            backgroundColor: COLORS.border
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: [styles.trackFilled, filledAnimStyle, {
+            backgroundColor: COLORS.accent
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: [styles.thumb, {
+            backgroundColor: COLORS.white,
+            shadowColor: COLORS.shadow
+          }, thumbAnimStyle]
+        })]
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    width: '100%'
+  },
+  labelRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 10
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  valueText: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  trackContainer: {
+    height: THUMB_SIZE + 8,
+    justifyContent: 'center',
+    position: 'relative'
+  },
+  trackUnfilled: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    height: TRACK_HEIGHT,
+    borderRadius: TRACK_HEIGHT / 2
+  },
+  trackFilled: {
+    position: 'absolute',
+    left: 0,
+    height: TRACK_HEIGHT,
+    borderRadius: TRACK_HEIGHT / 2
+  },
+  thumb: {
+    position: 'absolute',
+    width: THUMB_SIZE,
+    height: THUMB_SIZE,
+    borderRadius: THUMB_SIZE / 2,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 5
+  }
+});
+//# sourceMappingURL=FluentGlassSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeGestureHandler","_useTheme","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TRACK_HEIGHT","THUMB_SIZE","FluentGlassSlider","value","onValueChange","min","max","label","showValue","formatValue","style","accessibilityLabel","theme","useTheme","COLORS","colors","hasLabel","Boolean","shouldShowValue","undefined","progress","useSharedValue","trackW","startProgress","useEffect","Math","emitValue","useCallback","ratio","clamped","round","panGesture","Gesture","Pan","onBegin","onUpdate","delta","translationX","next","onEnd","runOnJS","tapGesture","Tap","x","withTiming","duration","composed","Race","thumbAnimStyle","useAnimatedStyle","transform","translateX","filledAnimStyle","width","handleLayout","nativeEvent","layout","displayValue","jsxs","View","styles","wrapper","accessibilityRole","accessibilityValue","now","children","labelRow","jsx","Text","color","textPrimary","fontFamily","typography","semiBold","valueText","textSecondary","GestureDetector","gesture","trackContainer","onLayout","trackUnfilled","backgroundColor","border","trackFilled","accent","thumb","white","shadowColor","shadow","StyleSheet","create","flexDirection","justifyContent","alignItems","marginBottom","fontSize","fontWeight","height","position","left","right","borderRadius","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassSlider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassStatWidget.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassStatWidget;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+var _resolvers = require("../theme/resolvers");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * FluentGlassStatWidget (Molecule)
+ * KPI card with value, label, and formatted change indicator.
+ */
+function FluentGlassStatWidget({
+  label = 'Metric',
+  value = '0',
+  change = '0%',
+  trend = 'up',
+  icon = '📊',
+  style,
+  // New standardized props
+  size,
+  colorScheme,
+  blur,
+  radius
+}) {
+  const theme = (0, _useTheme.default)();
+  const sizeConfig = (0, _resolvers.resolveSize)(theme, size || theme.defaults.size);
+  const compat = (0, _resolvers.resolveBackwardCompat)({
+    colorScheme,
+    blur
+  });
+  const resolvedScheme = compat.colorScheme || theme.defaults.colorScheme;
+  const resolvedRadius = (0, _resolvers.resolveRadius)(theme, radius || 'lg');
+  const isUp = trend === 'up';
+  const trendColor = isUp ? theme.colors.positive : theme.colors.negative;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+    accessible: true,
+    accessibilityLabel: [label, value].filter(Boolean).join(': '),
+    style: [styles.statCard, style],
+    colorScheme: resolvedScheme,
+    blur: compat.blur || 'medium',
+    radius: radius,
+    borderRadius: resolvedRadius,
+    borderOpacity: 0.2,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.statContent, {
+        padding: sizeConfig.paddingHorizontal
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.statHeader, {
+          marginBottom: sizeConfig.gap
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.statLabel, {
+            color: theme.colors.textSecondary,
+            fontSize: sizeConfig.fontSize - 1,
+            fontFamily: theme.typography.semiBold
+          }],
+          children: label
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.statIcon, {
+            fontSize: sizeConfig.iconSize,
+            color: theme.colors.textSecondary
+          }],
+          children: icon
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.statValue, {
+          color: theme.colors.textPrimary,
+          fontSize: sizeConfig.fontSize * 1.8,
+          marginBottom: (sizeConfig.gap ?? 0) / 2,
+          fontFamily: theme.typography.bold
+        }],
+        children: value
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.statChange, {
+          gap: (sizeConfig.gap ?? 0) / 2
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.statArrow, {
+            color: trendColor,
+            fontFamily: theme.typography.bold
+          }],
+          children: isUp ? '↑' : '↓'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: [styles.statChangeText, {
+            color: trendColor,
+            fontSize: sizeConfig.fontSize - 2,
+            fontFamily: theme.typography.medium
+          }],
+          children: [change, " vs last period"]
+        })]
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  statCard: {
+    flex: 1,
+    minWidth: 140
+  },
+  statContent: {
+    padding: 16
+  },
+  statHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  statLabel: {
+    fontWeight: '600'
+  },
+  statIcon: {},
+  statValue: {
+    fontWeight: '700'
+  },
+  statChange: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  statArrow: {
+    fontWeight: '700'
+  },
+  statChangeText: {
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=FluentGlassStatWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_FluentGlass","_useTheme","_resolvers","_jsxRuntime","e","__esModule","default","FluentGlassStatWidget","label","value","change","trend","icon","style","size","colorScheme","blur","radius","theme","useTheme","sizeConfig","resolveSize","defaults","compat","resolveBackwardCompat","resolvedScheme","resolvedRadius","resolveRadius","isUp","trendColor","colors","positive","negative","jsx","accessible","accessibilityLabel","filter","Boolean","join","styles","statCard","borderRadius","borderOpacity","children","jsxs","View","statContent","padding","paddingHorizontal","statHeader","marginBottom","gap","Text","statLabel","color","textSecondary","fontSize","fontFamily","typography","semiBold","statIcon","iconSize","statValue","textPrimary","bold","statChange","statArrow","statChangeText","medium","StyleSheet","create","flex","minWidth","flexDirection","justifyContent","alignItems","fontWeight"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassStatWidget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassStatusIndicator.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassStatusIndicator;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * FluentGlassStatusIndicator (Atom)
+ * Status pill with a colored dot and label.
+ * Presets: 'online' (green), 'away' (amber), 'offline' (red), or custom via `color` prop.
+ */
+function FluentGlassStatusIndicator({
+  label,
+  status,
+  color,
+  style,
+  textStyle
+}) {
+  const {
+    colors,
+    typography
+  } = (0, _useTheme.default)();
+  const STATUS_COLORS = {
+    online: colors.positive,
+    // Emerald
+    away: colors.warning,
+    // Amber
+    offline: colors.negative // Red
+  };
+  const dotColor = color || status && STATUS_COLORS[status] || STATUS_COLORS.offline;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+    accessible: true,
+    accessibilityLabel: label || status && STATUS_LABELS[status] || 'Status',
+    style: [styles.container, style],
+    intensity: 15,
+    tint: "dark",
+    borderRadius: 20,
+    borderOpacity: 0.2,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.dot, {
+          backgroundColor: dotColor
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.text, {
+          color: colors.textPrimary,
+          fontFamily: typography.medium
+        }, textStyle],
+        children: label || status && STATUS_LABELS[status] || 'Unknown'
+      })]
+    })
+  });
+}
+const STATUS_LABELS = {
+  online: 'Online',
+  away: 'Away',
+  offline: 'Offline'
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: 36,
+    alignSelf: 'flex-start'
+  },
+  content: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 16
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    marginRight: 8
+  },
+  text: {
+    fontSize: 13,
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=FluentGlassStatusIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_FluentGlass","_useTheme","_jsxRuntime","e","__esModule","default","FluentGlassStatusIndicator","label","status","color","style","textStyle","colors","typography","useTheme","STATUS_COLORS","online","positive","away","warning","offline","negative","dotColor","jsx","accessible","accessibilityLabel","STATUS_LABELS","styles","container","intensity","tint","borderRadius","borderOpacity","children","jsxs","View","content","dot","backgroundColor","Text","text","textPrimary","fontFamily","medium","StyleSheet","create","height","alignSelf","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","width","marginRight","fontSize","fontWeight"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassStatusIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassSwitch.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassSwitch;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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); }
+/**
+ * FluentGlassSwitch (Atom)
+ * Glassmorphism toggle switch with animated thumb.
+ *
+ * @level Atom
+ * @composition None — self-contained primitive
+ *
+ * Props:
+ *   value       - Boolean on/off
+ *   onToggle    - Callback with new boolean value
+ *   label       - Optional text label shown to the right
+ *   disabled    - Grays out and disables interaction
+ */const TRACK_W = 50;
+const TRACK_H = 28;
+const THUMB_SIZE = 22;
+const THUMB_PADDING = 3;
+const TRAVEL = TRACK_W - THUMB_SIZE - THUMB_PADDING * 2;
+function FluentGlassSwitch({
+  value = false,
+  onToggle,
+  label,
+  disabled = false,
+  style,
+  accessibilityLabel
+}) {
+  const theme = (0, _useTheme.default)();
+  const COLORS = theme.colors;
+  const progress = (0, _reactNativeReanimated.useSharedValue)(value ? 1 : 0);
+  (0, _react.useEffect)(() => {
+    progress.value = (0, _reactNativeReanimated.withTiming)(value ? 1 : 0, {
+      duration: 200
+    });
+  }, [value, progress]);
+  const trackAnimStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [`${theme.colors.textSecondary}40`, theme.colors.accent] // Off: translucent text secondary → On: Accent Color
+    );
+    return {
+      backgroundColor
+    };
+  });
+  const thumbAnimStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: progress.value * TRAVEL
+    }]
+  }));
+  const handlePress = () => {
+    if (!disabled && onToggle) {
+      onToggle(!value);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: handlePress,
+    style: [styles.wrapper, disabled && styles.wrapperDisabled, style],
+    hitSlop: 4,
+    accessibilityRole: "switch",
+    accessibilityLabel: accessibilityLabel ?? label,
+    accessibilityState: {
+      checked: !!value,
+      disabled: !!disabled
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.track, trackAnimStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [styles.thumb, {
+          backgroundColor: theme.colors.white,
+          shadowColor: theme.colors.shadow
+        }, thumbAnimStyle]
+      })
+    }), label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.label, {
+        color: theme.colors.textPrimary,
+        fontFamily: theme.typography.medium
+      }, disabled ? {
+        color: theme.colors.textSecondary
+      } : undefined],
+      children: label
+    }) : null]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  wrapperDisabled: {
+    opacity: 0.4
+  },
+  track: {
+    width: TRACK_W,
+    height: TRACK_H,
+    borderRadius: TRACK_H / 2,
+    justifyContent: 'center',
+    paddingHorizontal: THUMB_PADDING
+  },
+  thumb: {
+    width: THUMB_SIZE,
+    height: THUMB_SIZE,
+    borderRadius: THUMB_SIZE / 2,
+    // Shadow
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3,
+    elevation: 4
+  },
+  label: {
+    fontSize: 14,
+    marginLeft: 8
+  }
+});
+//# sourceMappingURL=FluentGlassSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useTheme","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TRACK_W","TRACK_H","THUMB_SIZE","THUMB_PADDING","TRAVEL","FluentGlassSwitch","value","onToggle","label","disabled","style","accessibilityLabel","theme","useTheme","COLORS","colors","progress","useSharedValue","useEffect","withTiming","duration","trackAnimStyle","useAnimatedStyle","backgroundColor","interpolateColor","textSecondary","accent","thumbAnimStyle","transform","translateX","handlePress","jsxs","Pressable","onPress","styles","wrapper","wrapperDisabled","hitSlop","accessibilityRole","accessibilityState","checked","children","jsx","View","track","thumb","white","shadowColor","shadow","Text","color","textPrimary","fontFamily","typography","medium","undefined","StyleSheet","create","flexDirection","alignItems","opacity","width","height","borderRadius","justifyContent","paddingHorizontal","shadowOffset","shadowOpacity","shadowRadius","elevation","fontSize","marginLeft"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassSwitch.tsx"],"mappings":"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","ignoreList":[]}