react-native-directional-toggle 0.1.0 → 0.1.2

package/lib/commonjs/AnimatedSwitch.js

@@ -0,0 +1,204 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimatedSwitch = AnimatedSwitch;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeWorklets = require("react-native-worklets");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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); }
+const DEFAULT_ANIMATION = {
+  duration: 150,
+  damping: 5,
+  stiffness: 100
+};
+function AnimatedSwitch({
+  options,
+  value,
+  onChange,
+  vertical = false,
+  style,
+  thumbStyle,
+  textStyle,
+  activeTextStyle,
+  inactiveTextStyle,
+  animationConfig = DEFAULT_ANIMATION
+}) {
+  const itemSizeSV = (0, _reactNativeReanimated.useSharedValue)(0);
+  const translate = (0, _reactNativeReanimated.useSharedValue)(0);
+  const indexSV = (0, _reactNativeReanimated.useSharedValue)(0);
+  const currentIndex = options.findIndex(o => o.value === value);
+
+  // Measure container layout
+  const onLayout = (0, _react.useCallback)(e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    const totalSize = vertical ? height - 4 : width - 4;
+    const itemSize = totalSize / options.length;
+    itemSizeSV.value = itemSize;
+
+    // Fix initial position on layout
+    if (currentIndex >= 0 && itemSize > 0) {
+      translate.value = currentIndex * itemSize;
+    }
+  }, [vertical, options.length, currentIndex, itemSizeSV, translate]);
+
+  // Sync with external value changes
+  (0, _react.useEffect)(() => {
+    if (currentIndex >= 0 && itemSizeSV.value > 0) {
+      indexSV.value = currentIndex;
+      translate.value = (0, _reactNativeReanimated.withTiming)(currentIndex * itemSizeSV.value, animationConfig);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentIndex, animationConfig]);
+  const emitChange = (0, _react.useCallback)(index => {
+    // Clamp index to safe bounds
+    const safeIndex = Math.max(0, Math.min(index, options.length - 1));
+    if (options[safeIndex]) {
+      onChange(options[safeIndex].value);
+    }
+  }, [onChange, options]);
+  const handlePress = index => {
+    if (itemSizeSV.value === 0) return;
+    indexSV.value = index;
+    translate.value = (0, _reactNativeReanimated.withTiming)(index * itemSizeSV.value, animationConfig);
+    emitChange(index);
+  };
+  const panGesture = _reactNativeGestureHandler.Gesture.Pan().onUpdate(e => {
+    if (itemSizeSV.value === 0) return;
+    const term = vertical ? e.translationY : e.translationX;
+    const startPos = indexSV.value * itemSizeSV.value;
+    const pos = startPos + term;
+    const max = (options.length - 1) * itemSizeSV.value;
+    translate.value = Math.min(Math.max(0, pos), max);
+  }).onEnd(() => {
+    if (itemSizeSV.value === 0) return;
+    const index = Math.round(translate.value / itemSizeSV.value);
+    indexSV.value = index;
+    translate.value = (0, _reactNativeReanimated.withSpring)(index * itemSizeSV.value, animationConfig);
+    (0, _reactNativeWorklets.scheduleOnRN)(emitChange, index);
+  });
+  const animatedThumbStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // If layout not ready, hide thumb or show nothing
+    if (itemSizeSV.value === 0) return {
+      opacity: 0
+    };
+    const transform = vertical ? [{
+      translateY: translate.value
+    }] : [{
+      translateX: translate.value
+    }];
+    const sizeStyle = vertical ? {
+      height: itemSizeSV.value,
+      width: '100%'
+    } : {
+      width: itemSizeSV.value,
+      height: '100%'
+    };
+    return {
+      position: 'absolute',
+      left: 2,
+      top: 2,
+      ...sizeStyle,
+      transform,
+      opacity: 1
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: panGesture,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      onLayout: onLayout,
+      style: [styles.container, vertical ? styles.vertical : styles.horizontal, style // User override
+      ],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [styles.thumb, thumbStyle, animatedThumbStyle]
+      }), options.map((opt, index) => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionItem, {
+          label: opt.label,
+          onPress: () => handlePress(index),
+          index: index,
+          translate: translate,
+          itemSizeSV: itemSizeSV,
+          textStyle: textStyle,
+          activeTextStyle: activeTextStyle,
+          inactiveTextStyle: inactiveTextStyle
+        }, opt.value);
+      })]
+    })
+  });
+}
+
+// Sub-component for individual options to isolate animated styles
+const OptionItem = ({
+  label,
+  onPress,
+  index,
+  translate,
+  itemSizeSV,
+  textStyle,
+  activeTextStyle,
+  inactiveTextStyle
+}) => {
+  const activeColor = _reactNative.StyleSheet.flatten(activeTextStyle)?.color ?? '#000';
+  const inactiveColor = _reactNative.StyleSheet.flatten(inactiveTextStyle)?.color ?? '#999';
+  const textAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const center = index * itemSizeSV.value;
+    const color = (0, _reactNativeReanimated.interpolateColor)(translate.value, [center - itemSizeSV.value, center, center + itemSizeSV.value], [inactiveColor, activeColor, inactiveColor]);
+    return {
+      color
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    style: styles.option,
+    onPress: onPress,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+      style: [styles.text, textStyle, textAnimatedStyle],
+      numberOfLines: 1,
+      children: label
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    // backgroundColor: '#f0f0f0',
+    borderRadius: 16,
+    overflow: 'hidden',
+    padding: 2
+    // position: 'relative',
+  },
+  horizontal: {
+    flexDirection: 'row'
+  },
+  vertical: {
+    flexDirection: 'column'
+  },
+  thumb: {
+    // backgroundColor: '#fff',
+    borderRadius: 16,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 1,
+    elevation: 1
+  },
+  option: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+    // zIndex: 1
+  },
+  text: {
+    fontSize: 14,
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=AnimatedSwitch.js.map

package/lib/commonjs/AnimatedSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_reactNativeWorklets","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_ANIMATION","duration","damping","stiffness","AnimatedSwitch","options","value","onChange","vertical","style","thumbStyle","textStyle","activeTextStyle","inactiveTextStyle","animationConfig","itemSizeSV","useSharedValue","translate","indexSV","currentIndex","findIndex","onLayout","useCallback","width","height","nativeEvent","layout","totalSize","itemSize","length","useEffect","withTiming","emitChange","index","safeIndex","Math","max","min","handlePress","panGesture","Gesture","Pan","onUpdate","term","translationY","translationX","startPos","pos","onEnd","round","withSpring","scheduleOnRN","animatedThumbStyle","useAnimatedStyle","opacity","transform","translateY","translateX","sizeStyle","position","left","top","jsx","GestureDetector","gesture","children","jsxs","View","styles","container","horizontal","thumb","map","opt","OptionItem","label","onPress","activeColor","StyleSheet","flatten","color","inactiveColor","textAnimatedStyle","center","interpolateColor","Pressable","option","Text","text","numberOfLines","create","borderRadius","overflow","padding","flexDirection","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flex","alignItems","justifyContent","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AnimatedSwitch", {
+  enumerable: true,
+  get: function () {
+    return _AnimatedSwitch.AnimatedSwitch;
+  }
+});
+exports.default = void 0;
+var _AnimatedSwitch = require("./AnimatedSwitch");
+var _default = exports.default = _AnimatedSwitch.AnimatedSwitch;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AnimatedSwitch","require","_default","exports","default","AnimatedSwitch"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAA4E,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE7DC,8BAAc","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/module/AnimatedSwitch.js

@@ -1,190 +1,199 @@
 "use strict";
 
-import { useCallback, useEffect } from "react";
-import { Pressable, StyleSheet, View } from "react-native";
-import { Gesture, GestureDetector } from "react-native-gesture-handler";
-import Animated, { interpolateColor, runOnJS, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
+import { useCallback, useEffect } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { scheduleOnRN } from 'react-native-worklets';
+import Animated, { interpolateColor, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const THUMB_INSET = 4;
-const VERTICAL_WIDTH = 128;
+const DEFAULT_ANIMATION = {
+  duration: 150,
+  damping: 5,
+  stiffness: 100
+};
 export function AnimatedSwitch({
   options,
   value,
   onChange,
-  height = 40,
   vertical = false,
-  colors = {
-    activeText: "#373737",
-    inactiveText: "#dededeff",
-    bgFront: "#d4d4d4",
-    bgBack: "#798393ff"
-  },
-  animationConfig = {
-    duration: 100,
-    damping: 50,
-    stiffness: 200
-  }
+  style,
+  thumbStyle,
+  textStyle,
+  activeTextStyle,
+  inactiveTextStyle,
+  animationConfig = DEFAULT_ANIMATION
 }) {
-  /** ===== SharedValues ===== */
   const itemSizeSV = useSharedValue(0);
   const translate = useSharedValue(0);
   const indexSV = useSharedValue(0);
   const currentIndex = options.findIndex(o => o.value === value);
 
-  /** * 1. 监听外部 value 变化
-   * 当外部修改 value 时，滑块应动画移动到新位置
-   */
+  // Measure container layout
+  const onLayout = useCallback(e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    const totalSize = vertical ? height - 4 : width - 4;
+    const itemSize = totalSize / options.length;
+    itemSizeSV.value = itemSize;
+
+    // Fix initial position on layout
+    if (currentIndex >= 0 && itemSize > 0) {
+      translate.value = currentIndex * itemSize;
+    }
+  }, [vertical, options.length, currentIndex, itemSizeSV, translate]);
+
+  // Sync with external value changes
   useEffect(() => {
-    if (currentIndex >= 0) {
+    if (currentIndex >= 0 && itemSizeSV.value > 0) {
       indexSV.value = currentIndex;
-      // 只有当 itemSizeSV 已经有值（即 Layout 已完成）时才执行动画
-      if (itemSizeSV.value > 0) {
-        translate.value = withTiming(currentIndex * itemSizeSV.value, {
-          duration: animationConfig.duration
-        });
-      }
+      translate.value = withTiming(currentIndex * itemSizeSV.value, animationConfig);
     }
-  }, [currentIndex, animationConfig.duration]);
-
-  /** ===== JS 回调 ===== */
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentIndex, animationConfig]);
   const emitChange = useCallback(index => {
-    if (options.length > 0 && index >= 0 && index < options.length) {
-      onChange(options[index]?.value || "");
+    // Clamp index to safe bounds
+    const safeIndex = Math.max(0, Math.min(index, options.length - 1));
+    if (options[safeIndex]) {
+      onChange(options[safeIndex].value);
     }
   }, [onChange, options]);
-
-  /** ===== Tap 点击切换 ===== */
   const handlePress = index => {
+    if (itemSizeSV.value === 0) return;
     indexSV.value = index;
-    translate.value = withTiming(index * itemSizeSV.value, {
-      duration: animationConfig.duration ?? 150
-    });
+    translate.value = withTiming(index * itemSizeSV.value, animationConfig);
     emitChange(index);
   };
-
-  /** ===== Drag 手势 ===== */
   const panGesture = Gesture.Pan().onUpdate(e => {
-    const delta = vertical ? e.translationY : e.translationX;
-    // 基于手势开始时的位置进行偏移计算
-    const pos = delta + indexSV.value * itemSizeSV.value;
+    if (itemSizeSV.value === 0) return;
+    const term = vertical ? e.translationY : e.translationX;
+    const startPos = indexSV.value * itemSizeSV.value;
+    const pos = startPos + term;
     const max = (options.length - 1) * itemSizeSV.value;
     translate.value = Math.min(Math.max(0, pos), max);
   }).onEnd(() => {
+    if (itemSizeSV.value === 0) return;
     const index = Math.round(translate.value / itemSizeSV.value);
     indexSV.value = index;
-    translate.value = withSpring(index * itemSizeSV.value, {
-      damping: animationConfig.damping ?? 20,
-      stiffness: animationConfig.stiffness ?? 200
-    });
-    runOnJS(emitChange)(index);
+    translate.value = withSpring(index * itemSizeSV.value, animationConfig);
+    scheduleOnRN(emitChange, index);
   });
-
-  /** ===== Thumb 动画样式 ===== */
   const animatedThumbStyle = useAnimatedStyle(() => {
-    if (vertical) {
-      return {
-        height: itemSizeSV.value - THUMB_INSET * 2,
-        top: THUMB_INSET,
-        left: THUMB_INSET,
-        right: THUMB_INSET,
-        transform: [{
-          translateY: translate.value
-        }]
-      };
-    }
-    return {
-      width: itemSizeSV.value - THUMB_INSET * 2,
-      left: THUMB_INSET,
-      top: THUMB_INSET,
-      bottom: THUMB_INSET,
-      transform: [{
-        translateX: translate.value
-      }]
+    // If layout not ready, hide thumb or show nothing
+    if (itemSizeSV.value === 0) return {
+      opacity: 0
+    };
+    const transform = vertical ? [{
+      translateY: translate.value
+    }] : [{
+      translateX: translate.value
+    }];
+    const sizeStyle = vertical ? {
+      height: itemSizeSV.value,
+      width: '100%'
+    } : {
+      width: itemSizeSV.value,
+      height: '100%'
     };
-  });
-
-  /** ===== Label 动画样式 ===== */
-  const getLabelAnimatedStyle = index => useAnimatedStyle(() => {
-    const center = index * itemSizeSV.value;
-    const color = interpolateColor(translate.value, [center - itemSizeSV.value, center, center + itemSizeSV.value], [colors.inactiveText, colors.activeText, colors.inactiveText]);
     return {
-      color
+      position: 'absolute',
+      left: 2,
+      top: 2,
+      ...sizeStyle,
+      transform,
+      opacity: 1
     };
   });
-
-  /** * 2. Layout 初始化
-   * 这是修复初始显示问题的关键
-   */
-  const onLayout = e => {
-    const size = vertical ? e.nativeEvent.layout.height : e.nativeEvent.layout.width;
-    const newItemSize = size / options.length;
-    itemSizeSV.value = newItemSize;
-
-    // 核心修复：在获取到尺寸的第一时间，根据 currentIndex 强行同步 translate 的值
-    if (currentIndex >= 0) {
-      translate.value = currentIndex * newItemSize;
-    }
-  };
   return /*#__PURE__*/_jsx(GestureDetector, {
     gesture: panGesture,
     children: /*#__PURE__*/_jsxs(View, {
       onLayout: onLayout,
-      style: [styles.container, {
-        backgroundColor: colors.bgBack
-      }, vertical ? {
-        height: height * options.length,
-        width: VERTICAL_WIDTH,
-        flexDirection: "column"
-      } : {
-        height,
-        flexDirection: "row"
-      }],
+      style: [styles.container, vertical ? styles.vertical : styles.horizontal, style // User override
+      ],
       children: [/*#__PURE__*/_jsx(Animated.View, {
-        pointerEvents: "none",
-        style: [styles.thumbBase, {
-          backgroundColor: colors.bgFront
-        }, animatedThumbStyle]
+        style: [styles.thumb, thumbStyle, animatedThumbStyle]
       }), options.map((opt, index) => {
-        const labelStyle = getLabelAnimatedStyle(index);
-        return /*#__PURE__*/_jsx(Pressable, {
-          style: styles.item,
+        return /*#__PURE__*/_jsx(OptionItem, {
+          label: opt.label,
           onPress: () => handlePress(index),
-          children: /*#__PURE__*/_jsx(Animated.Text, {
-            style: [styles.label, labelStyle],
-            children: opt.label
-          })
+          index: index,
+          translate: translate,
+          itemSizeSV: itemSizeSV,
+          textStyle: textStyle,
+          activeTextStyle: activeTextStyle,
+          inactiveTextStyle: inactiveTextStyle
         }, opt.value);
       })]
     })
   });
 }
+
+// Sub-component for individual options to isolate animated styles
+const OptionItem = ({
+  label,
+  onPress,
+  index,
+  translate,
+  itemSizeSV,
+  textStyle,
+  activeTextStyle,
+  inactiveTextStyle
+}) => {
+  const activeColor = StyleSheet.flatten(activeTextStyle)?.color ?? '#000';
+  const inactiveColor = StyleSheet.flatten(inactiveTextStyle)?.color ?? '#999';
+  const textAnimatedStyle = useAnimatedStyle(() => {
+    const center = index * itemSizeSV.value;
+    const color = interpolateColor(translate.value, [center - itemSizeSV.value, center, center + itemSizeSV.value], [inactiveColor, activeColor, inactiveColor]);
+    return {
+      color
+    };
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: styles.option,
+    onPress: onPress,
+    children: /*#__PURE__*/_jsx(Animated.Text, {
+      style: [styles.text, textStyle, textAnimatedStyle],
+      numberOfLines: 1,
+      children: label
+    })
+  });
+};
 const styles = StyleSheet.create({
   container: {
+    // backgroundColor: '#f0f0f0',
     borderRadius: 16,
-    overflow: "hidden",
-    flex: 1
+    overflow: 'hidden',
+    padding: 2
+    // position: 'relative',
   },
-  thumbBase: {
-    position: "absolute",
-    borderRadius: 12,
+  horizontal: {
+    flexDirection: 'row'
+  },
+  vertical: {
+    flexDirection: 'column'
+  },
+  thumb: {
+    // backgroundColor: '#fff',
+    borderRadius: 16,
     shadowColor: '#000',
-    shadowOpacity: 0.3,
     shadowOffset: {
       width: 0,
       height: 1
     },
-    shadowRadius: 2,
-    elevation: 2
+    shadowOpacity: 0.1,
+    shadowRadius: 1,
+    elevation: 1
   },
-  item: {
+  option: {
     flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 1 // 确保文字在滑块上方
+    alignItems: 'center',
+    justifyContent: 'center'
+    // zIndex: 1
   },
-  label: {
+  text: {
     fontSize: 14,
-    fontWeight: "600"
+    fontWeight: '500'
   }
 });
 //# sourceMappingURL=AnimatedSwitch.js.map

package/lib/module/AnimatedSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","Pressable","StyleSheet","View","Gesture","GestureDetector","Animated","interpolateColor","runOnJS","useAnimatedStyle","useSharedValue","withSpring","withTiming","jsx","_jsx","jsxs","_jsxs","THUMB_INSET","VERTICAL_WIDTH","AnimatedSwitch","options","value","onChange","height","vertical","colors","activeText","inactiveText","bgFront","bgBack","animationConfig","duration","damping","stiffness","itemSizeSV","translate","indexSV","currentIndex","findIndex","o","emitChange","index","length","handlePress","panGesture","Pan","onUpdate","e","delta","translationY","translationX","pos","max","Math","min","onEnd","round","animatedThumbStyle","top","left","right","transform","translateY","width","bottom","translateX","getLabelAnimatedStyle","center","color","onLayout","size","nativeEvent","layout","newItemSize","gesture","children","style","styles","container","backgroundColor","flexDirection","pointerEvents","thumbBase","map","opt","labelStyle","item","onPress","Text","label","create","borderRadius","overflow","flex","position","shadowColor","shadowOpacity","shadowOffset","shadowRadius","elevation","alignItems","justifyContent","zIndex","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","Pressable","StyleSheet","View","Gesture","GestureDetector","scheduleOnRN","Animated","interpolateColor","useAnimatedStyle","useSharedValue","withSpring","withTiming","jsx","_jsx","jsxs","_jsxs","DEFAULT_ANIMATION","duration","damping","stiffness","AnimatedSwitch","options","value","onChange","vertical","style","thumbStyle","textStyle","activeTextStyle","inactiveTextStyle","animationConfig","itemSizeSV","translate","indexSV","currentIndex","findIndex","o","onLayout","e","width","height","nativeEvent","layout","totalSize","itemSize","length","emitChange","index","safeIndex","Math","max","min","handlePress","panGesture","Pan","onUpdate","term","translationY","translationX","startPos","pos","onEnd","round","animatedThumbStyle","opacity","transform","translateY","translateX","sizeStyle","position","left","top","gesture","children","styles","container","horizontal","thumb","map","opt","OptionItem","label","onPress","activeColor","flatten","color","inactiveColor","textAnimatedStyle","center","option","Text","text","numberOfLines","create","borderRadius","overflow","padding","flexDirection","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flex","alignItems","justifyContent","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -2,4 +2,5 @@
 
 import { AnimatedSwitch } from "./AnimatedSwitch.js";
 export default AnimatedSwitch;
+export { AnimatedSwitch };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AnimatedSwitch"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AAEjD,eAAeA,cAAc","ignoreList":[]}
+{"version":3,"names":["AnimatedSwitch"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAkC,qBAAkB;AAE3E,eAAeA,cAAc;AAC7B,SAASA,cAAc","ignoreList":[]}

package/lib/typescript/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}