@xhsreds/reds-rn-next 0.0.23 → 0.1.0

package/lib/esm/components/Popover/Popover.js

@@ -0,0 +1,124 @@
+import { c as _slicedToArray, _ as _objectSpread2 } from '../../_chunks/GCWGuPmB.js';
+import React, { useState, useMemo, useEffect, isValidElement, cloneElement } from 'react';
+import { TouchableWithoutFeedback, View, Text } from 'react-native';
+import { ModalWrapper, Arrow } from './component.js';
+import { useFloating } from './hook.js';
+import { typography } from '@xhsreds/reds-token-next';
+import '@floating-ui/react-native';
+
+var Popover = (function (_ref) {
+  var _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "light" : _ref$mode,
+    _ref$opacity = _ref.opacity,
+    opacity = _ref$opacity === void 0 ? 0 : _ref$opacity,
+    content = _ref.content,
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "top" : _ref$placement,
+    _ref$closeOnClickAgai = _ref.closeOnClickAgain,
+    closeOnClickAgain = _ref$closeOnClickAgai === void 0 ? true : _ref$closeOnClickAgai,
+    _ref$trigger = _ref.trigger,
+    trigger = _ref$trigger === void 0 ? "click" : _ref$trigger,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1e3 : _ref$zIndex,
+    _ref$visible = _ref.visible,
+    defaultVisible = _ref$visible === void 0 ? false : _ref$visible,
+    onVisibleChange = _ref.onVisibleChange;
+  var _useState = useState(defaultVisible),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var needModal = useMemo(function () {
+    return opacity !== 0;
+  }, [opacity]);
+  var _useFloating = useFloating({
+      placement: placement,
+      needModal: needModal
+    }),
+    setArrowRef = _useFloating.setArrowRef,
+    setFloatingRef = _useFloating.setFloatingRef,
+    setReferenceRef = _useFloating.setReferenceRef,
+    setOffsetParentRef = _useFloating.setOffsetParentRef,
+    floatingStyles = _useFloating.floatingStyles,
+    arrowStyles = _useFloating.arrowStyles,
+    onReferenceLayout = _useFloating.onReferenceLayout,
+    onFloatingLayout = _useFloating.onFloatingLayout;
+  useEffect(function () {
+    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(visible);
+  }, [visible]);
+  var popoverStyle = useMemo(function () {
+    return mode === "light" ? {
+      backgroundColor: "#303034FC",
+      color: "#FFFFFF"
+    } : {
+      backgroundColor: "#FFFFFFFC",
+      color: "#000000"
+    };
+  }, [mode]);
+  return /* @__PURE__ */React.createElement(React.Fragment, null, React.Children.map(children, function (child, index) {
+    if (index === 0 && /*#__PURE__*/isValidElement(child)) {
+      return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
+        onPress: function onPress() {
+          if (trigger === "click") {
+            if (closeOnClickAgain) {
+              setVisible(!visible);
+            } else {
+              setVisible(true);
+            }
+          }
+        },
+        onPressIn: function onPressIn() {
+          trigger === "touch" && setVisible(true);
+        },
+        onPressOut: function onPressOut() {
+          trigger === "touch" && setVisible(false);
+        }
+      }, /*#__PURE__*/cloneElement(child, {
+        ref: setReferenceRef,
+        collapsable: false,
+        onLayout: onReferenceLayout
+      }));
+    }
+    return child;
+  }), /* @__PURE__ */React.createElement(ModalWrapper, {
+    needModal: needModal,
+    visible: visible,
+    ref: setOffsetParentRef,
+    setVisible: setVisible,
+    opacity: opacity
+  }, visible && /* @__PURE__ */React.createElement(View, {
+    collapsable: false,
+    ref: setFloatingRef,
+    onLayout: onFloatingLayout,
+    style: _objectSpread2(_objectSpread2({}, floatingStyles), {}, {
+      backgroundColor: popoverStyle.backgroundColor,
+      paddingHorizontal: 12,
+      paddingVertical: 7,
+      maxWidth: 280,
+      borderRadius: 12,
+      zIndex: zIndex,
+      shadowColor: "#000000",
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.1,
+      shadowRadius: 4,
+      elevation: 2
+    })
+  }, /* @__PURE__ */React.createElement(Text, {
+    style: {
+      fontWeight: typography.B2LooseFontWeight,
+      fontSize: typography.B2LooseFontSize,
+      lineHeight: typography.B2LooseLineHeight,
+      color: popoverStyle.color
+    }
+  }, content), /* @__PURE__ */React.createElement(Arrow, {
+    ref: setArrowRef,
+    style: _objectSpread2({}, arrowStyles),
+    color: popoverStyle.backgroundColor
+  }))));
+});
+
+export { Popover as default };
+//# sourceMappingURL=Popover.js.map

package/lib/esm/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState, useMemo, cloneElement, isValidElement, useEffect } from \"react\";\nimport { Text, View, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsPopover } from \"./interface/index\";\nimport { ModalWrapper, Arrow } from \"./component\";\nimport { useFloating } from \"./hook\";\nimport { typography } from \"@xhsreds/reds-token-next\";\n\nexport default ({\n  mode = \"light\",\n  opacity = 0,\n  content,\n  children,\n  placement = \"top\",\n  closeOnClickAgain = true,\n  trigger = \"click\",\n  zIndex = 1000,\n  visible: defaultVisible = false,\n  onVisibleChange,\n}: RedsPopover) => {\n  const [visible, setVisible] = useState(defaultVisible);\n  const needModal = useMemo(() => opacity !== 0, [opacity]);\n  const {\n    setArrowRef,\n    setFloatingRef,\n    setReferenceRef,\n    setOffsetParentRef,\n    floatingStyles,\n    arrowStyles,\n    onReferenceLayout,\n    onFloatingLayout,\n  } = useFloating({\n    placement,\n    needModal,\n  });\n  useEffect(() => {\n    onVisibleChange?.(visible);\n  }, [visible]);\n\n  const popoverStyle = useMemo(() => {\n    return mode === \"light\"\n      ? {\n          backgroundColor: \"#303034FC\",\n          color: \"#FFFFFF\",\n        }\n      : {\n          backgroundColor: \"#FFFFFFFC\",\n          color: \"#000000\",\n        };\n  }, [mode]);\n\n  return (\n    <>\n      {React.Children.map(children, (child, index) => {\n        if (index === 0 && isValidElement(child)) {\n          return (\n            <TouchableWithoutFeedback\n              onPress={() => {\n                if (trigger === \"click\") {\n                  if (closeOnClickAgain) {\n                    setVisible(!visible);\n                  } else {\n                    setVisible(true);\n                  }\n                }\n              }}\n              onPressIn={() => {\n                trigger === \"touch\" && setVisible(true);\n              }}\n              onPressOut={() => {\n                trigger === \"touch\" && setVisible(false);\n              }}\n            >\n              {cloneElement<any>(child, {\n                ref: setReferenceRef,\n                collapsable: false,\n                onLayout: onReferenceLayout,\n              })}\n            </TouchableWithoutFeedback>\n          );\n        }\n        return child;\n      })}\n      <ModalWrapper\n        needModal={needModal}\n        visible={visible}\n        ref={setOffsetParentRef}\n        setVisible={setVisible}\n        opacity={opacity}\n      >\n        {visible && (\n          <View\n            collapsable={false}\n            ref={setFloatingRef}\n            onLayout={onFloatingLayout}\n            style={{\n              ...floatingStyles,\n              backgroundColor: popoverStyle.backgroundColor,\n              paddingHorizontal: 12,\n              paddingVertical: 7,\n              maxWidth: 280,\n              borderRadius: 12,\n              zIndex,\n              shadowColor: \"#000000\",\n              shadowOffset: { width: 0, height: 1 },\n              shadowOpacity: 0.1,\n              shadowRadius: 4,\n              elevation: 2,\n            }}\n          >\n            <Text\n              style={{\n                fontWeight: typography.B2LooseFontWeight,\n                fontSize: typography.B2LooseFontSize,\n                lineHeight: typography.B2LooseLineHeight,\n                color: popoverStyle.color,\n              }}\n            >\n              {content}\n            </Text>\n            <Arrow ref={setArrowRef} style={{ ...arrowStyles }} color={popoverStyle.backgroundColor}></Arrow>\n          </View>\n        )}\n      </ModalWrapper>\n    </>\n  );\n};\n"],"names":["_ref","_ref$mode","mode","_ref$opacity","opacity","content","children","_ref$placement","placement","_ref$closeOnClickAgai","closeOnClickAgain","_ref$trigger","trigger","_ref$zIndex","zIndex","_ref$visible","visible","defaultVisible","onVisibleChange","_useState","useState","_useState2","_slicedToArray","setVisible","needModal","useMemo","_useFloating","useFloating","setArrowRef","setFloatingRef","setReferenceRef","setOffsetParentRef","floatingStyles","arrowStyles","onReferenceLayout","onFloatingLayout","useEffect","popoverStyle","backgroundColor","color","React","Children","map","child","index","isValidElement","createElement","TouchableWithoutFeedback","onPress","onPressIn","onPressOut","cloneElement","ref","collapsable","onLayout","ModalWrapper","View","style","_objectSpread","paddingHorizontal","paddingVertical","maxWidth","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Text","fontWeight","typography","B2LooseFontWeight","fontSize","B2LooseFontSize","lineHeight","B2LooseLineHeight","Arrow"],"mappings":"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"}

package/lib/esm/components/Popover/component.js

@@ -1,4 +1,4 @@
-import { _ as _objectSpread2 } from '../../_chunks/zVU7tqWk.js';
+import { _ as _objectSpread2 } from '../../_chunks/GCWGuPmB.js';
 import React, { forwardRef } from 'react';
 import { Modal, Pressable, View } from 'react-native';
 

package/lib/esm/components/Popover/hook.js

@@ -1,4 +1,4 @@
-import { a as _objectWithoutProperties, _ as _objectSpread2 } from '../../_chunks/zVU7tqWk.js';
+import { b as _objectWithoutProperties, _ as _objectSpread2 } from '../../_chunks/GCWGuPmB.js';
 import { useRef } from 'react';
 import { Platform } from 'react-native';
 import { useFloating as useFloating$1, shift, limitShift, flip, offset, arrow } from '@floating-ui/react-native';

package/lib/esm/components/Popover/index.js

@@ -1,124 +1,14 @@
-import { b as _slicedToArray, _ as _objectSpread2 } from '../../_chunks/zVU7tqWk.js';
-import React, { useState, useMemo, useEffect, isValidElement, cloneElement } from 'react';
-import { TouchableWithoutFeedback, View, Text } from 'react-native';
-import { ModalWrapper, Arrow } from './component.js';
-import { useFloating } from './hook.js';
-import { typography } from '@xhsreds/reds-token-next';
+import Popover from './Popover.js';
+export { i as PopoverType } from '../../_chunks/D7oyCwVx.js';
+import '../../_chunks/GCWGuPmB.js';
+import 'react';
+import 'react-native';
+import './component.js';
+import './hook.js';
 import '@floating-ui/react-native';
+import '@xhsreds/reds-token-next';
 
-var index = (function (_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? "light" : _ref$mode,
-    _ref$opacity = _ref.opacity,
-    opacity = _ref$opacity === void 0 ? 0 : _ref$opacity,
-    content = _ref.content,
-    children = _ref.children,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "top" : _ref$placement,
-    _ref$closeOnClickAgai = _ref.closeOnClickAgain,
-    closeOnClickAgain = _ref$closeOnClickAgai === void 0 ? true : _ref$closeOnClickAgai,
-    _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === void 0 ? "click" : _ref$trigger,
-    _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? 1e3 : _ref$zIndex,
-    _ref$visible = _ref.visible,
-    defaultVisible = _ref$visible === void 0 ? false : _ref$visible,
-    onVisibleChange = _ref.onVisibleChange;
-  var _useState = useState(defaultVisible),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var needModal = useMemo(function () {
-    return opacity !== 0;
-  }, [opacity]);
-  var _useFloating = useFloating({
-      placement: placement,
-      needModal: needModal
-    }),
-    setArrowRef = _useFloating.setArrowRef,
-    setFloatingRef = _useFloating.setFloatingRef,
-    setReferenceRef = _useFloating.setReferenceRef,
-    setOffsetParentRef = _useFloating.setOffsetParentRef,
-    floatingStyles = _useFloating.floatingStyles,
-    arrowStyles = _useFloating.arrowStyles,
-    onReferenceLayout = _useFloating.onReferenceLayout,
-    onFloatingLayout = _useFloating.onFloatingLayout;
-  useEffect(function () {
-    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(visible);
-  }, [visible]);
-  var popoverStyle = useMemo(function () {
-    return mode === "light" ? {
-      backgroundColor: "#303034FC",
-      color: "#FFFFFF"
-    } : {
-      backgroundColor: "#FFFFFFFC",
-      color: "#000000"
-    };
-  }, [mode]);
-  return /* @__PURE__ */React.createElement(React.Fragment, null, React.Children.map(children, function (child, index) {
-    if (index === 0 && /*#__PURE__*/isValidElement(child)) {
-      return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
-        onPress: function onPress() {
-          if (trigger === "click") {
-            if (closeOnClickAgain) {
-              setVisible(!visible);
-            } else {
-              setVisible(true);
-            }
-          }
-        },
-        onPressIn: function onPressIn() {
-          trigger === "touch" && setVisible(true);
-        },
-        onPressOut: function onPressOut() {
-          trigger === "touch" && setVisible(false);
-        }
-      }, /*#__PURE__*/cloneElement(child, {
-        ref: setReferenceRef,
-        collapsable: false,
-        onLayout: onReferenceLayout
-      }));
-    }
-    return child;
-  }), /* @__PURE__ */React.createElement(ModalWrapper, {
-    needModal: needModal,
-    visible: visible,
-    ref: setOffsetParentRef,
-    setVisible: setVisible,
-    opacity: opacity
-  }, visible && /* @__PURE__ */React.createElement(View, {
-    collapsable: false,
-    ref: setFloatingRef,
-    onLayout: onFloatingLayout,
-    style: _objectSpread2(_objectSpread2({}, floatingStyles), {}, {
-      backgroundColor: popoverStyle.backgroundColor,
-      paddingHorizontal: 12,
-      paddingVertical: 7,
-      maxWidth: 280,
-      borderRadius: 12,
-      zIndex: zIndex,
-      shadowColor: "#000000",
-      shadowOffset: {
-        width: 0,
-        height: 1
-      },
-      shadowOpacity: 0.1,
-      shadowRadius: 4,
-      elevation: 2
-    })
-  }, /* @__PURE__ */React.createElement(Text, {
-    style: {
-      fontWeight: typography.B2LooseFontWeight,
-      fontSize: typography.B2LooseFontSize,
-      lineHeight: typography.B2LooseLineHeight,
-      color: popoverStyle.color
-    }
-  }, content), /* @__PURE__ */React.createElement(Arrow, {
-    ref: setArrowRef,
-    style: _objectSpread2({}, arrowStyles),
-    color: popoverStyle.backgroundColor
-  }))));
-});
 
-export { index as default };
+
+export { Popover, Popover as default };
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useMemo, cloneElement, isValidElement, useEffect } from \"react\";\nimport { Text, View, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsPopover } from \"./interface/index\";\nimport { ModalWrapper, Arrow } from \"./component\";\nimport { useFloating } from \"./hook\";\nimport { typography } from \"@xhsreds/reds-token-next\";\n\nexport default ({\n  mode = \"light\",\n  opacity = 0,\n  content,\n  children,\n  placement = \"top\",\n  closeOnClickAgain = true,\n  trigger = \"click\",\n  zIndex = 1000,\n  visible: defaultVisible = false,\n  onVisibleChange,\n}: RedsPopover) => {\n  const [visible, setVisible] = useState(defaultVisible);\n  const needModal = useMemo(() => opacity !== 0, [opacity]);\n  const {\n    setArrowRef,\n    setFloatingRef,\n    setReferenceRef,\n    setOffsetParentRef,\n    floatingStyles,\n    arrowStyles,\n    onReferenceLayout,\n    onFloatingLayout,\n  } = useFloating({\n    placement,\n    needModal,\n  });\n  useEffect(() => {\n    onVisibleChange?.(visible);\n  }, [visible]);\n\n  const popoverStyle = useMemo(() => {\n    return mode === \"light\"\n      ? {\n          backgroundColor: \"#303034FC\",\n          color: \"#FFFFFF\",\n        }\n      : {\n          backgroundColor: \"#FFFFFFFC\",\n          color: \"#000000\",\n        };\n  }, [mode]);\n\n  return (\n    <>\n      {React.Children.map(children, (child, index) => {\n        if (index === 0 && isValidElement(child)) {\n          return (\n            <TouchableWithoutFeedback\n              onPress={() => {\n                if (trigger === \"click\") {\n                  if (closeOnClickAgain) {\n                    setVisible(!visible);\n                  } else {\n                    setVisible(true);\n                  }\n                }\n              }}\n              onPressIn={() => {\n                trigger === \"touch\" && setVisible(true);\n              }}\n              onPressOut={() => {\n                trigger === \"touch\" && setVisible(false);\n              }}\n            >\n              {cloneElement<any>(child, {\n                ref: setReferenceRef,\n                collapsable: false,\n                onLayout: onReferenceLayout,\n              })}\n            </TouchableWithoutFeedback>\n          );\n        }\n        return child;\n      })}\n      <ModalWrapper\n        needModal={needModal}\n        visible={visible}\n        ref={setOffsetParentRef}\n        setVisible={setVisible}\n        opacity={opacity}\n      >\n        {visible && (\n          <View\n            collapsable={false}\n            ref={setFloatingRef}\n            onLayout={onFloatingLayout}\n            style={{\n              ...floatingStyles,\n              backgroundColor: popoverStyle.backgroundColor,\n              paddingHorizontal: 12,\n              paddingVertical: 7,\n              maxWidth: 280,\n              borderRadius: 12,\n              zIndex,\n              shadowColor: \"#000000\",\n              shadowOffset: { width: 0, height: 1 },\n              shadowOpacity: 0.1,\n              shadowRadius: 4,\n              elevation: 2,\n            }}\n          >\n            <Text\n              style={{\n                fontWeight: typography.B2LooseFontWeight,\n                fontSize: typography.B2LooseFontSize,\n                lineHeight: typography.B2LooseLineHeight,\n                color: popoverStyle.color,\n              }}\n            >\n              {content}\n            </Text>\n            <Arrow ref={setArrowRef} style={{ ...arrowStyles }} color={popoverStyle.backgroundColor}></Arrow>\n          </View>\n        )}\n      </ModalWrapper>\n    </>\n  );\n};\n"],"names":["_ref","_ref$mode","mode","_ref$opacity","opacity","content","children","_ref$placement","placement","_ref$closeOnClickAgai","closeOnClickAgain","_ref$trigger","trigger","_ref$zIndex","zIndex","_ref$visible","visible","defaultVisible","onVisibleChange","_useState","useState","_useState2","_slicedToArray","setVisible","needModal","useMemo","_useFloating","useFloating","setArrowRef","setFloatingRef","setReferenceRef","setOffsetParentRef","floatingStyles","arrowStyles","onReferenceLayout","onFloatingLayout","useEffect","popoverStyle","backgroundColor","color","React","Children","map","child","index","isValidElement","createElement","TouchableWithoutFeedback","onPress","onPressIn","onPressOut","cloneElement","ref","collapsable","onLayout","ModalWrapper","View","style","_objectSpread","paddingHorizontal","paddingVertical","maxWidth","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Text","fontWeight","typography","B2LooseFontWeight","fontSize","B2LooseFontSize","lineHeight","B2LooseLineHeight","Arrow"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/esm/components/Popover/interface/index.js

@@ -1,12 +1,2 @@
-var PopoverDefaultProps = {
-  visible: void 0,
-  placement: "top",
-  content: "",
-  opacity: 0,
-  trigger: "click",
-  zIndex: 1e3,
-  closeOnClickAgain: true
-};
-
-export { PopoverDefaultProps };
+export { P as PopoverDefaultProps } from '../../../_chunks/D7oyCwVx.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Popover/interface/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Popover/interface/index.ts"],"sourcesContent":["import { ReactNode } from \"react\";\nexport interface RedsPopover {\n  visible?: boolean;\n  placement?: \"top-start\" | \"top\" | \"top-end\" | \"bottom-start\" | \"bottom\" | \"bottom-end\";\n  content?: string;\n  opacity?: number;\n  mode?: \"light\" | \"dark\";\n  trigger?: \"click\" | \"touch\";\n  zIndex?: number;\n  closeOnClickAgain?: boolean;\n  children?: ReactNode;\n  onClickMask?: (evnet: Event) => void;\n  onVisibleChange?: (value: boolean) => void;\n}\n\nexport interface RedsPopoverEvent {}\nexport const PopoverDefaultProps = {\n  visible: undefined,\n  placement: \"top\",\n  content: \"\",\n  opacity: 0,\n  trigger: \"click\",\n  zIndex: 1000,\n  closeOnClickAgain: true,\n};\n"],"names":["PopoverDefaultProps","visible","placement","content","opacity","trigger","zIndex","closeOnClickAgain"],"mappings":"AAgBO,IAAMA,mBAAsB,GAAA;EACjCC,OAAS,EAAA,KAAA,CAAA;AACTC,EAAAA,SAAW,EAAA,KAAA;AACXC,EAAAA,OAAS,EAAA,EAAA;AACTC,EAAAA,OAAS,EAAA,CAAA;AACTC,EAAAA,OAAS,EAAA,OAAA;AACTC,EAAAA,MAAQ,EAAA,GAAA;AACRC,EAAAA,iBAAmB,EAAA,IAAA;AACrB;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/esm/components/Popover/styles.js

@@ -0,0 +1,25 @@
+import { alwaysColor } from '@xhsreds/reds-token-next';
+import { StyleSheet } from 'react-native';
+
+var styles = StyleSheet.create({
+  PopoverContainer: {
+    width: 40,
+    height: 24,
+    borderRadius: 15,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  thumb: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    backgroundColor: alwaysColor.White,
+    justifyContent: "center",
+    alignItems: "center",
+    position: "absolute",
+    left: 0
+  }
+});
+
+export { styles as default };
+//# sourceMappingURL=styles.js.map

package/lib/esm/components/Popover/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Popover/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  PopoverContainer: {\n    width: 40,\n    height: 24,\n    borderRadius: 15,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  thumb: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    backgroundColor: alwaysColor.White,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    position: \"absolute\",\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","PopoverContainer","width","height","borderRadius","justifyContent","alignItems","thumb","backgroundColor","alwaysColor","White","position","left"],"mappings":";;;AAGA,IAAMA,MAAA,GAASC,WAAWC,MAAO,CAAA;AAC/BC,EAAAA,gBAAkB,EAAA;AAChBC,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;AACdC,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;GACd;AACAC,EAAAA,KAAO,EAAA;AACLL,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;IACdI,iBAAiBC,WAAY,CAAAC,KAAA;AAC7BL,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZK,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,IAAM,EAAA,CAAA;AACR,GAAA;AACF,CAAC;;;;"}

package/lib/esm/components/Result/Result.js

@@ -0,0 +1,48 @@
+import { _ as _objectSpread2 } from '../../_chunks/GCWGuPmB.js';
+import React from 'react';
+import { Image, View, Text } from 'react-native';
+import { R as ResultDefaultProps } from '../../_chunks/BKS4Pa1R.js';
+import createStyles from './styles.js';
+import { defaultIcon } from './hooks/useDefaultIcon.js';
+import '@xhsreds/reds-token-next';
+import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
+import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+
+var Result = function Result(props) {
+  var _defaultIcon, _defaultIcon2;
+  var _ResultDefaultProps$p = _objectSpread2(_objectSpread2({}, ResultDefaultProps), props),
+    type = _ResultDefaultProps$p.type,
+    title = _ResultDefaultProps$p.title,
+    description = _ResultDefaultProps$p.description,
+    action = _ResultDefaultProps$p.action,
+    image = _ResultDefaultProps$p.image;
+  var styles = createStyles();
+  var defaultTitle = title || ((_defaultIcon = defaultIcon[type || "Success"]) === null || _defaultIcon === void 0 ? void 0 : _defaultIcon.title);
+  var defaultImage = image || /* @__PURE__ */React.createElement(Image, {
+    style: {
+      height: 52,
+      width: 52
+    },
+    source: {
+      uri: (_defaultIcon2 = defaultIcon[type || "Success"]) === null || _defaultIcon2 === void 0 ? void 0 : _defaultIcon2.image
+    }
+  });
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(View, {
+    style: styles.container
+  }, /* @__PURE__ */React.createElement(View, null, defaultImage), /* @__PURE__ */React.createElement(View, {
+    style: styles.title
+  }, /* @__PURE__ */React.createElement(Text, {
+    style: styles.titleText
+  }, defaultTitle)), description && /* @__PURE__ */React.createElement(View, {
+    style: styles.description
+  }, /* @__PURE__ */React.createElement(Text, {
+    style: styles.descriptionText
+  }, description)), action && /* @__PURE__ */React.createElement(View, {
+    style: styles.action
+  }, action)));
+};
+Result.defaultProps = ResultDefaultProps;
+
+export { Result as default };
+//# sourceMappingURL=Result.js.map

package/lib/esm/components/Result/Result.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Result.js","sources":["../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, Image } from \"react-native\";\nimport { RedsResult, ResultDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { defaultIcon } from \"./hooks/useDefaultIcon\";\n\nconst Result = (props: RedsResult) => {\n  const { type, title, description, action, image } = { ...(ResultDefaultProps as RedsResult), ...props };\n  const styles = createStyles();\n  const defaultTitle = title || defaultIcon[type || \"Success\"]?.title;\n  const defaultImage = image || (\n    <Image style={{ height: 52, width: 52 }} source={{ uri: defaultIcon[type || \"Success\"]?.image }}></Image>\n  );\n\n  return (\n    <>\n      <View style={styles.container}>\n        <View>{defaultImage}</View>\n        <View style={styles.title}>\n          <Text style={styles.titleText}>{defaultTitle}</Text>\n        </View>\n        {description && (\n          <View style={styles.description}>\n            <Text style={styles.descriptionText}>{description}</Text>\n          </View>\n        )}\n        {action && <View style={styles.action}>{action}</View>}\n      </View>\n    </>\n  );\n};\n\nResult.defaultProps = ResultDefaultProps;\n\nexport default Result;\n"],"names":["Result","props","_defaultIcon","_defaultIcon2","_ResultDefaultProps$p","_objectSpread","ResultDefaultProps","type","title","description","action","image","styles","createStyles","defaultTitle","defaultIcon","defaultImage","React","createElement","Image","style","height","width","source","uri","Fragment","View","container","Text","titleText","descriptionText","defaultProps"],"mappings":";;;;;;;;;;;AAMA,IAAMA,MAAA,GAAS,SAATA,MAAAA,CAAUC,KAAsB,EAAA;EAAA,IAAAC,YAAA,EAAAC,aAAA,CAAA;EAC9B,IAAAC,qBAAA,GAAAC,cAAA,CAAAA,cAAA,CAAoDC,EAAAA,EAAAA,kBAAmC,GAAGL,KAAM,CAAA;IAA9FM,IAAM,GAAAH,qBAAA,CAANG,IAAM;IAAAC,KAAA,GAAAJ,qBAAA,CAAAI,KAAA;IAAOC,WAAa,GAAAL,qBAAA,CAAbK,WAAa;IAAAC,MAAA,GAAAN,qBAAA,CAAAM,MAAA;IAAQC,KAAM,GAAAP,qBAAA,CAANO,KAAM,CAAA;AAChD,EAAA,IAAMC,SAASC,YAAa,EAAA,CAAA;AAC5B,EAAA,IAAMC,YAAe,GAAAN,KAAA,KAAAN,CAAAA,YAAA,GAASa,WAAY,CAAAR,IAAA,IAAQ,SAAS,CAAG,MAAA,IAAA,IAAAL,YAAA,KAAhCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAA,CAAgCM,KAAA,CAAA,CAAA;EAC9D,IAAMQ,eAAeL,KACnB,mBAAAM,KAAA,CAAAC,aAAA,CAACC;AAAMC,IAAAA,KAAO,EAAA;AAAEC,MAAAA,QAAQ,EAAI;AAAAC,MAAAA,KAAA,EAAO,EAAA;KAAM;AAAAC,IAAAA,MAAA,EAAQ;AAAEC,MAAAA,GAAK,EAAArB,CAAAA,aAAA,GAAAY,WAAA,CAAYR,QAAQ,SAAS,CAAA,MAAA,IAAA,IAAAJ,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA7BA,aAAA,CAAgCQ,KAAAA;AAAM,KAAA;AAAG,GAAA,CAAA,CAAA;AAIjG,EAAA,sBAAAM,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAQ,QAAA,EAAA,IAAA,qCACGC,IAAK,EAAA;IAAAN,KAAA,EAAOR,OAAOe,SAAAA;AAClB,GAAA,iBAAAV,KAAA,CAAAC,aAAA,CAACQ,YAAMV,YAAa,CAAA,qCACnBU,IAAK,EAAA;IAAAN,KAAA,EAAOR,OAAOJ,KAAAA;AAClB,GAAA,iBAAAS,KAAA,CAAAC,aAAA,CAACU;IAAKR,KAAO,EAAAR,MAAA,CAAOiB,SAAAA;KAAYf,YAAa,CAC/C,GACCL,WACC,mBAAAQ,KAAA,CAAAC,aAAA,CAACQ;IAAKN,KAAO,EAAAR,MAAA,CAAOH,WAAAA;oBACjBQ,KAAA,CAAAC,aAAA,CAAAU,IAAA,EAAA;IAAKR,OAAOR,MAAO,CAAAkB,eAAAA;AAAA,GAAA,EAAkBrB,WAAY,CACpD,CAAA,EAEDC,yBAAWO,KAAA,CAAAC,aAAA,CAAAQ,IAAA,EAAA;IAAKN,OAAOR,MAAO,CAAAF,MAAAA;AAAA,GAAA,EAASA,MAAO,CACjD,CACF,CAAA,CAAA;AAEJ,EAAA;AAEAV,MAAA,CAAO+B,YAAe,GAAAzB,kBAAA;;;;"}

package/lib/esm/components/Result/hooks/useDefaultIcon.js

@@ -0,0 +1,17 @@
+var defaultIcon = {
+  Success: {
+    title: "\u6210\u529F\u63D0\u793A",
+    image: "https://picasso-static.xiaohongshu.com/fe-platform/c002a29a531d29939a0869bee6537710478a0d10.png"
+  },
+  Warning: {
+    title: "\u8B66\u544A",
+    image: "https://picasso-static.xiaohongshu.com/fe-platform/63901d54ceaf53ce6c268139528b339e0c7ace38.png"
+  },
+  Info: {
+    title: "\u5904\u7406\u4E2D",
+    image: "https://picasso-static.xiaohongshu.com/fe-platform/c403af64f3b3e5e187812d07eb1207add1d8558e.png"
+  }
+};
+
+export { defaultIcon };
+//# sourceMappingURL=useDefaultIcon.js.map

package/lib/esm/components/Result/hooks/useDefaultIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultIcon.js","sources":["../../../../../src/components/Result/hooks/useDefaultIcon.ts"],"sourcesContent":["import { Image } from \"react-native\";\n// @ts-nocheck\nimport SuccessIcon from \"./icons/success.png\";\nimport WarningIcon from \"./icons/warning.png\";\nimport InfoIcon from \"./icons/info.png\";\n// @ts-nocheck\n\nexport const defaultIcon = {\n  Success: {\n    title: \"成功提示\",\n    image: \"https://picasso-static.xiaohongshu.com/fe-platform/c002a29a531d29939a0869bee6537710478a0d10.png\",\n  },\n  Warning: {\n    title: \"警告\",\n    image: \"https://picasso-static.xiaohongshu.com/fe-platform/63901d54ceaf53ce6c268139528b339e0c7ace38.png\",\n  },\n  Info: {\n    title: \"处理中\",\n    image: \"https://picasso-static.xiaohongshu.com/fe-platform/c403af64f3b3e5e187812d07eb1207add1d8558e.png\",\n  },\n};\n"],"names":["defaultIcon","Success","title","image","Warning","Info"],"mappings":"AAOO,IAAMA,WAAc,GAAA;AACzBC,EAAAA,OAAS,EAAA;AACPC,IAAAA,KAAO,EAAA,0BAAA;AACPC,IAAAA,KAAO,EAAA,iGAAA;GACT;AACAC,EAAAA,OAAS,EAAA;AACPF,IAAAA,KAAO,EAAA,cAAA;AACPC,IAAAA,KAAO,EAAA,iGAAA;GACT;AACAE,EAAAA,IAAM,EAAA;AACJH,IAAAA,KAAO,EAAA,oBAAA;AACPC,IAAAA,KAAO,EAAA,iGAAA;AACT,GAAA;AACF;;;;"}

package/lib/esm/components/Result/index.js

@@ -0,0 +1,16 @@
+import Result from './Result.js';
+export { i as ResultType } from '../../_chunks/BKS4Pa1R.js';
+import '../../_chunks/GCWGuPmB.js';
+import 'react';
+import 'react-native';
+import './styles.js';
+import '@xhsreds/reds-token-next';
+import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
+import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import './hooks/useDefaultIcon.js';
+
+
+
+export { Result, Result as default };
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Result/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/lib/esm/components/Result/interface/index.js

@@ -0,0 +1,2 @@
+export { R as ResultDefaultProps } from '../../../_chunks/BKS4Pa1R.js';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Result/interface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/esm/components/Result/styles.js

@@ -0,0 +1,43 @@
+import { typography } from '@xhsreds/reds-token-next';
+import { StyleSheet } from 'react-native';
+import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import 'react';
+import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
+import '../../_chunks/GCWGuPmB.js';
+import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+
+var createStyles = function createStyles() {
+  var themeColor = useThemeColor("Result");
+  var styles = StyleSheet.create({
+    container: {
+      alignItems: "center",
+      paddingHorizontal: 48,
+      paddingVertical: 24
+    },
+    title: {
+      marginTop: 12
+    },
+    titleText: {
+      fontSize: typography.B1FontSize,
+      fontWeight: typography.B1FontWeight,
+      lineHeight: typography.B1LineHeight,
+      color: themeColor.Title
+    },
+    description: {
+      marginTop: 8
+    },
+    descriptionText: {
+      fontSize: typography.C2FontSize,
+      fontWeight: typography.C2FontWeight,
+      lineHeight: typography.C2LineHeight,
+      color: themeColor.Description
+    },
+    action: {
+      marginTop: 24
+    }
+  });
+  return styles;
+};
+
+export { createStyles as default };
+//# sourceMappingURL=styles.js.map

package/lib/esm/components/Result/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Result/styles.ts"],"sourcesContent":["import { typography } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\n\nconst createStyles = () => {\n  const themeColor = useThemeColor(\"Result\");\n  const styles = StyleSheet.create({\n    container: {\n      alignItems: \"center\",\n      paddingHorizontal: 48,\n      paddingVertical: 24,\n    },\n    title: {\n      marginTop: 12,\n    },\n    titleText: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      lineHeight: typography.B1LineHeight,\n      color: themeColor.Title,\n    },\n    description: {\n      marginTop: 8,\n    },\n    descriptionText: {\n      fontSize: typography.C2FontSize,\n      fontWeight: typography.C2FontWeight,\n      lineHeight: typography.C2LineHeight,\n      color: themeColor.Description,\n    },\n    action: {\n      marginTop: 24,\n    },\n  });\n  return styles;\n};\n\nexport default createStyles;\n"],"names":["createStyles","themeColor","useThemeColor","styles","StyleSheet","create","container","alignItems","paddingHorizontal","paddingVertical","title","marginTop","titleText","fontSize","typography","B1FontSize","fontWeight","B1FontWeight","lineHeight","B1LineHeight","color","Title","description","descriptionText","C2FontSize","C2FontWeight","C2LineHeight","Description","action"],"mappings":";;;;;;;;AAIA,IAAMA,eAAe,SAAfA,eAAqB;AACnB,EAAA,IAAAC,UAAA,GAAaC,cAAc,QAAQ,CAAA,CAAA;AACnC,EAAA,IAAAC,MAAA,GAASC,WAAWC,MAAO,CAAA;AAC/BC,IAAAA,SAAW,EAAA;AACTC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,iBAAmB,EAAA,EAAA;AACnBC,MAAAA,eAAiB,EAAA,EAAA;KACnB;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,SAAW,EAAA,EAAA;KACb;AACAC,IAAAA,SAAW,EAAA;MACTC,UAAUC,UAAW,CAAAC,UAAA;MACrBC,YAAYF,UAAW,CAAAG,YAAA;MACvBC,YAAYJ,UAAW,CAAAK,YAAA;MACvBC,OAAOnB,UAAW,CAAAoB,KAAAA;KACpB;AACAC,IAAAA,WAAa,EAAA;AACXX,MAAAA,SAAW,EAAA,CAAA;KACb;AACAY,IAAAA,eAAiB,EAAA;MACfV,UAAUC,UAAW,CAAAU,UAAA;MACrBR,YAAYF,UAAW,CAAAW,YAAA;MACvBP,YAAYJ,UAAW,CAAAY,YAAA;MACvBN,OAAOnB,UAAW,CAAA0B,WAAAA;KACpB;AACAC,IAAAA,MAAQ,EAAA;AACNjB,MAAAA,SAAW,EAAA,EAAA;AACb,KAAA;AACF,GAAC,CAAA,CAAA;AACM,EAAA,OAAAR,MAAA,CAAA;AACT;;;;"}

package/lib/esm/components/Switch/Switch.js

@@ -0,0 +1,76 @@
+import { c as _slicedToArray } from '../../_chunks/GCWGuPmB.js';
+import React, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { Animated, TouchableWithoutFeedback, View } from 'react-native';
+import { S as SwitchDefaultProps } from '../../_chunks/B3zY_xWO.js';
+import styles from './styles.js';
+import '@xhsreds/reds-token-next';
+
+var Switch = function Switch(_ref) {
+  var value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    onClick = _ref.onClick,
+    trackOnColor = _ref.trackOnColor,
+    trackOffColor = _ref.trackOffColor,
+    disabled = _ref.disabled;
+  var isControlled = useRef(value !== void 0);
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOn = _useState2[0],
+    setIsOn = _useState2[1];
+  var animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;
+  var thumbTranslateX = animatedValue.interpolate({
+    inputRange: [2, 18],
+    outputRange: [2, 18]
+  });
+  useEffect(function () {
+    onChange === null || onChange === void 0 || onChange(!!isOn);
+  }, [isOn]);
+  useEffect(function () {
+    if (isControlled.current) {
+      setIsOn(value);
+    }
+  }, [value]);
+  var toggleSwitch = useCallback(function (e) {
+    if (disabled) return;
+    onClick === null || onClick === void 0 || onClick(e);
+    if (!isControlled.current) {
+      setIsOn(function (v) {
+        return !v;
+      });
+    }
+  }, [disabled]);
+  var dynamicStyles = useMemo(function () {
+    Animated.timing(animatedValue, {
+      toValue: isOn ? 18 : 2,
+      duration: 200,
+      useNativeDriver: true
+    }).start();
+    return {
+      backgroundColor: isOn ? trackOnColor : trackOffColor,
+      transform: [{
+        translateX: thumbTranslateX
+      }],
+      opacity: disabled ? 0.4 : 1
+    };
+  }, [isOn, disabled]);
+  return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
+    onPress: function onPress(e) {
+      return toggleSwitch(e);
+    },
+    disabled: disabled
+  }, /* @__PURE__ */React.createElement(View, {
+    style: [styles.switchContainer, {
+      backgroundColor: dynamicStyles.backgroundColor,
+      opacity: dynamicStyles.opacity
+    }]
+  }, /* @__PURE__ */React.createElement(Animated.View, {
+    style: [styles.thumb, {
+      transform: dynamicStyles.transform
+    }]
+  })));
+};
+Switch.defaultProps = SwitchDefaultProps;
+
+export { Switch as default };
+//# sourceMappingURL=Switch.js.map

package/lib/esm/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsSwitch, SwitchDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst Switch = ({ value, defaultValue, onChange, onClick, trackOnColor, trackOffColor, disabled }: RedsSwitch) => {\n  const isControlled = useRef(value !== undefined);\n  const [isOn, setIsOn] = useState(defaultValue);\n\n  const animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;\n  const thumbTranslateX = animatedValue.interpolate({ inputRange: [2, 18], outputRange: [2, 18] });\n\n  useEffect(() => {\n    onChange?.(!!isOn);\n  }, [isOn]);\n\n  useEffect(() => {\n    if (isControlled.current) {\n      setIsOn(value);\n    }\n  }, [value]);\n\n  const toggleSwitch = useCallback(\n    (e: GestureResponderEvent) => {\n      if (disabled) return;\n      onClick?.(e);\n      if (!isControlled.current) {\n        setIsOn((v) => !v);\n      }\n    },\n    [disabled],\n  );\n\n  const dynamicStyles = useMemo(() => {\n    Animated.timing(animatedValue, {\n      toValue: isOn ? 18 : 2,\n      duration: 200,\n      useNativeDriver: true,\n    }).start();\n    return {\n      backgroundColor: isOn ? trackOnColor : trackOffColor,\n      transform: [{ translateX: thumbTranslateX }],\n      opacity: disabled ? 0.4 : 1,\n    };\n  }, [isOn, disabled]);\n\n  return (\n    <TouchableWithoutFeedback onPress={(e) => toggleSwitch(e)} disabled={disabled}>\n      <View\n        style={[\n          styles.switchContainer,\n          { backgroundColor: dynamicStyles.backgroundColor, opacity: dynamicStyles.opacity },\n        ]}\n      >\n        <Animated.View style={[styles.thumb, { transform: dynamicStyles.transform }]}></Animated.View>\n      </View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nSwitch.defaultProps = SwitchDefaultProps;\n\nexport default Switch;\n"],"names":["Switch","_ref","value","defaultValue","onChange","onClick","trackOnColor","trackOffColor","disabled","isControlled","useRef","_useState","useState","_useState2","_slicedToArray","isOn","setIsOn","animatedValue","Animated","Value","current","thumbTranslateX","interpolate","inputRange","outputRange","useEffect","toggleSwitch","useCallback","e","v","dynamicStyles","useMemo","timing","toValue","duration","useNativeDriver","start","backgroundColor","transform","translateX","opacity","React","createElement","TouchableWithoutFeedback","onPress","View","style","styles","switchContainer","thumb","defaultProps","SwitchDefaultProps"],"mappings":"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"}