@masumdev/rn-ui 0.1.0 → 0.1.2

package/lib/commonjs/components/Carousel.js

@@ -0,0 +1,345 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Carousel = Carousel;
+exports.CarouselContent = CarouselContent;
+exports.CarouselItem = CarouselItem;
+exports.CarouselNext = CarouselNext;
+exports.CarouselPrevious = CarouselPrevious;
+exports.useCarousel = useCarousel;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _index = require("../theme/index.js");
+var _types = require("./types.js");
+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 {
+  width: SCREEN_WIDTH
+} = _reactNative.Dimensions.get("window");
+const CarouselContext = /*#__PURE__*/_react.default.createContext(null);
+function useCarousel() {
+  const context = _react.default.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+function Carousel({
+  itemWidth,
+  onIndexChange,
+  showPagination = true,
+  style,
+  children,
+  ...props
+}) {
+  const {
+    colors,
+    spacing
+  } = (0, _index.useTheme)();
+  const [containerWidth, setContainerWidth] = _react.default.useState(SCREEN_WIDTH);
+  const [activeIndex, setActiveIndex] = _react.default.useState(0);
+  const [totalItems, setTotalItems] = _react.default.useState(0);
+  const scrollX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollViewRef = _react.default.useRef(null);
+  const resolvedItemWidth = itemWidth || containerWidth * 0.78;
+  const scrollPrev = _react.default.useCallback(() => {
+    const nextIndex = Math.max(0, activeIndex - 1);
+    scrollViewRef.current?.scrollTo({
+      x: nextIndex * resolvedItemWidth,
+      animated: true
+    });
+    setActiveIndex(nextIndex);
+  }, [activeIndex, resolvedItemWidth]);
+  const scrollNext = _react.default.useCallback(() => {
+    const nextIndex = Math.min(totalItems - 1, activeIndex + 1);
+    scrollViewRef.current?.scrollTo({
+      x: nextIndex * resolvedItemWidth,
+      animated: true
+    });
+    setActiveIndex(nextIndex);
+  }, [activeIndex, totalItems, resolvedItemWidth]);
+  const canScrollPrev = activeIndex > 0;
+  const canScrollNext = activeIndex < totalItems - 1;
+  const handleLayout = e => {
+    const {
+      width
+    } = e.nativeEvent.layout;
+    if (width > 0) {
+      setContainerWidth(width);
+    }
+  };
+  _react.default.useEffect(() => {
+    onIndexChange?.(activeIndex);
+  }, [activeIndex, onIndexChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CarouselContext.Provider, {
+    value: {
+      scrollX,
+      itemWidth: resolvedItemWidth,
+      activeIndex,
+      totalItems,
+      setTotalItems,
+      scrollPrev,
+      scrollNext,
+      canScrollPrev,
+      canScrollNext,
+      scrollViewRef,
+      setActiveIndex
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      onLayout: handleLayout,
+      style: [{
+        width: "100%",
+        position: "relative"
+      }, style],
+      ...props,
+      children: [children, showPagination && totalItems > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flexDirection: "row",
+          justifyContent: "center",
+          alignItems: "center",
+          marginTop: spacing.md,
+          gap: spacing.xs
+        },
+        children: Array.from({
+          length: totalItems
+        }).map((_, i) => {
+          const isActive = activeIndex === i;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: isActive ? 16 : 6,
+              height: 6,
+              borderRadius: 999,
+              backgroundColor: isActive ? colors.primary : colors.border
+            }
+          }, i);
+        })
+      })]
+    })
+  });
+}
+function CarouselContent({
+  style,
+  children
+}) {
+  const {
+    scrollX,
+    itemWidth,
+    scrollViewRef,
+    setTotalItems,
+    setActiveIndex
+  } = useCarousel();
+  const [containerWidth, setContainerWidth] = _react.default.useState(SCREEN_WIDTH);
+  const childrenArray = _react.default.Children.toArray(children);
+  const total = childrenArray.length;
+  _react.default.useEffect(() => {
+    setTotalItems(total);
+  }, [total, setTotalItems]);
+  const updateActiveIndex = _react.default.useCallback(index => {
+    setActiveIndex(prev => {
+      if (prev !== index) {
+        return index;
+      }
+      return prev;
+    });
+  }, [setActiveIndex]);
+  const handleScroll = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
+    onScroll: event => {
+      scrollX.value = event.contentOffset.x;
+      const index = Math.round(event.contentOffset.x / itemWidth);
+      if (index >= 0 && index < total) {
+        (0, _reactNativeReanimated.runOnJS)(updateActiveIndex)(index);
+      }
+    }
+  });
+  const handleLayout = e => {
+    const {
+      width
+    } = e.nativeEvent.layout;
+    if (width > 0) {
+      setContainerWidth(width);
+    }
+  };
+  const sidePadding = (containerWidth - itemWidth) / 2;
+
+  // Automatically inject index prop into CarouselItem children
+  const renderedChildren = childrenArray.map((child, index) => {
+    if (/*#__PURE__*/_react.default.isValidElement(child)) {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        index
+      });
+    }
+    return child;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    onLayout: handleLayout,
+    style: {
+      width: "100%",
+      overflow: "hidden"
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView, {
+      ref: scrollViewRef,
+      horizontal: true,
+      pagingEnabled: false,
+      snapToInterval: itemWidth,
+      snapToAlignment: "center",
+      decelerationRate: "fast",
+      showsHorizontalScrollIndicator: false,
+      scrollEventThrottle: 16,
+      onScroll: handleScroll,
+      contentContainerStyle: [{
+        paddingHorizontal: sidePadding
+      }, style],
+      children: renderedChildren
+    })
+  });
+}
+function CarouselItem({
+  index = 0,
+  style,
+  children,
+  ...props
+}) {
+  const {
+    scrollX,
+    itemWidth
+  } = useCarousel();
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const inputRange = [(index - 1) * itemWidth, index * itemWidth, (index + 1) * itemWidth];
+    return {
+      opacity: (0, _reactNativeReanimated.interpolate)(scrollX.value, inputRange, [0.55, 1, 0.55], _reactNativeReanimated.Extrapolation.CLAMP),
+      transform: [{
+        scale: (0, _reactNativeReanimated.interpolate)(scrollX.value, inputRange, [0.9, 1, 0.9], _reactNativeReanimated.Extrapolation.CLAMP)
+      }]
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      width: itemWidth,
+      justifyContent: "center",
+      alignItems: "center"
+    }, animatedStyle, style],
+    ...props,
+    children: children
+  });
+}
+
+// Chevron pure arrow icons
+function ChevronLeftIcon({
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: 10,
+      height: 10,
+      borderLeftWidth: 2,
+      borderBottomWidth: 2,
+      borderColor: color,
+      transform: [{
+        rotate: "45deg"
+      }],
+      marginLeft: 2
+    }
+  });
+}
+function ChevronRightIcon({
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: 10,
+      height: 10,
+      borderRightWidth: 2,
+      borderTopWidth: 2,
+      borderColor: color,
+      transform: [{
+        rotate: "45deg"
+      }],
+      marginRight: 2
+    }
+  });
+}
+function CarouselPrevious({
+  style,
+  icon
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = (0, _index.useTheme)();
+  const {
+    scrollPrev,
+    canScrollPrev
+  } = useCarousel();
+  if (!canScrollPrev) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: scrollPrev,
+    style: ({
+      pressed
+    }) => [{
+      position: "absolute",
+      left: spacing.sm,
+      top: "50%",
+      marginTop: -32,
+      width: 36,
+      height: 36,
+      borderRadius: radii.full,
+      backgroundColor: colors.surface,
+      borderWidth: components.borderWidth.strong,
+      borderColor: colors.border,
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: 10,
+      opacity: pressed ? 0.78 : 1
+    }, style],
+    children: icon ? (0, _types.renderIcon)(icon, colors.text, 18) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ChevronLeftIcon, {
+      color: colors.text
+    })
+  });
+}
+function CarouselNext({
+  style,
+  icon
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = (0, _index.useTheme)();
+  const {
+    scrollNext,
+    canScrollNext
+  } = useCarousel();
+  if (!canScrollNext) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: scrollNext,
+    style: ({
+      pressed
+    }) => [{
+      position: "absolute",
+      right: spacing.sm,
+      top: "50%",
+      marginTop: -32,
+      width: 36,
+      height: 36,
+      borderRadius: radii.full,
+      backgroundColor: colors.surface,
+      borderWidth: components.borderWidth.strong,
+      borderColor: colors.border,
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: 10,
+      opacity: pressed ? 0.78 : 1
+    }, style],
+    children: icon ? (0, _types.renderIcon)(icon, colors.text, 18) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ChevronRightIcon, {
+      color: colors.text
+    })
+  });
+}
+//# sourceMappingURL=Carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_index","_types","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","width","SCREEN_WIDTH","Dimensions","CarouselContext","React","createContext","useCarousel","context","useContext","Error","Carousel","itemWidth","onIndexChange","showPagination","style","children","props","colors","spacing","useTheme","containerWidth","setContainerWidth","useState","activeIndex","setActiveIndex","totalItems","setTotalItems","scrollX","useSharedValue","scrollViewRef","useRef","resolvedItemWidth","scrollPrev","useCallback","nextIndex","Math","max","current","scrollTo","x","animated","scrollNext","min","canScrollPrev","canScrollNext","handleLayout","nativeEvent","layout","useEffect","jsx","Provider","value","jsxs","View","onLayout","position","flexDirection","justifyContent","alignItems","marginTop","md","gap","xs","Array","from","length","map","_","isActive","height","borderRadius","backgroundColor","primary","border","CarouselContent","childrenArray","Children","toArray","total","updateActiveIndex","index","prev","handleScroll","useAnimatedScrollHandler","onScroll","event","contentOffset","round","runOnJS","sidePadding","renderedChildren","child","isValidElement","cloneElement","overflow","ScrollView","ref","horizontal","pagingEnabled","snapToInterval","snapToAlignment","decelerationRate","showsHorizontalScrollIndicator","scrollEventThrottle","contentContainerStyle","paddingHorizontal","CarouselItem","animatedStyle","useAnimatedStyle","inputRange","opacity","interpolate","Extrapolation","CLAMP","transform","scale","ChevronLeftIcon","color","borderLeftWidth","borderBottomWidth","borderColor","rotate","marginLeft","ChevronRightIcon","borderRightWidth","borderTopWidth","marginRight","CarouselPrevious","icon","components","radii","Pressable","onPress","pressed","left","sm","top","full","surface","borderWidth","strong","zIndex","renderIcon","text","CarouselNext","right"],"sourceRoot":"../../../src","sources":["components/Carousel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Checkbox.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = Checkbox;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _index = require("../theme/index.js");
+var _types = require("./types.js");
+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 }; }
+// Pure SVG/Vector checkmark to avoid external dependencies
+function CheckIcon({
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: 10,
+      height: 6,
+      borderLeftWidth: 1.8,
+      borderBottomWidth: 1.8,
+      borderColor: color,
+      transform: [{
+        rotate: "-45deg"
+      }],
+      marginTop: -2
+    }
+  });
+}
+function Checkbox({
+  checked = false,
+  onCheckedChange,
+  disabled = false,
+  invalid = false,
+  style,
+  icon,
+  ...props
+}) {
+  const {
+    colors,
+    components
+  } = (0, _index.useTheme)();
+  const progress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
+  _react.default.useEffect(() => {
+    progress.value = (0, _reactNativeReanimated.withSpring)(checked ? 1 : 0, {
+      damping: 14,
+      stiffness: 220
+    });
+  }, [checked, progress]);
+  const handlePress = () => {
+    if (!disabled && onCheckedChange) {
+      onCheckedChange(!checked);
+    }
+  };
+  const borderColor = invalid ? colors.danger : checked ? colors.primary : colors.border;
+  const overlayStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: 0.65 + progress.value * 0.35
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked,
+      disabled
+    },
+    onPress: handlePress,
+    disabled: disabled,
+    style: ({
+      pressed
+    }) => [{
+      width: 18,
+      height: 18,
+      borderRadius: 4,
+      borderWidth: components.borderWidth.focus,
+      borderColor,
+      backgroundColor: colors.transparent,
+      justifyContent: "center",
+      alignItems: "center",
+      overflow: "hidden",
+      opacity: disabled ? 0.5 : pressed ? 0.82 : 1
+    }, style],
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [{
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: invalid ? colors.danger : colors.primary,
+        justifyContent: "center",
+        alignItems: "center"
+      }, overlayStyle],
+      children: icon ? (0, _types.renderIcon)(icon, colors.onPrimary, 12) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckIcon, {
+        color: colors.onPrimary
+      })
+    })
+  });
+}
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_index","_types","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CheckIcon","color","jsx","View","style","width","height","borderLeftWidth","borderBottomWidth","borderColor","transform","rotate","marginTop","Checkbox","checked","onCheckedChange","disabled","invalid","icon","props","colors","components","useTheme","progress","useSharedValue","React","useEffect","value","withSpring","damping","stiffness","handlePress","danger","primary","border","overlayStyle","useAnimatedStyle","opacity","scale","Pressable","accessibilityRole","accessibilityState","onPress","pressed","borderRadius","borderWidth","focus","backgroundColor","transparent","justifyContent","alignItems","overflow","children","position","top","left","right","bottom","renderIcon","onPrimary"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Collapsible.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+exports.useCollapsible = useCollapsible;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CollapsibleContext = /*#__PURE__*/_react.default.createContext(null);
+function useCollapsible() {
+  const context = _react.default.useContext(CollapsibleContext);
+  if (!context) {
+    throw new Error("useCollapsible must be used within a <Collapsible />");
+  }
+  return context;
+}
+function Collapsible({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  children,
+  style,
+  ...props
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = _react.default.useState(defaultOpen);
+  const isControlled = controlledOpen !== undefined;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const toggle = _react.default.useCallback(() => {
+    const nextOpen = !open;
+    if (!isControlled) {
+      setUncontrolledOpen(nextOpen);
+    }
+    if (onOpenChange) {
+      onOpenChange(nextOpen);
+    }
+  }, [open, isControlled, onOpenChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsibleContext.Provider, {
+    value: {
+      open,
+      toggle
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: style,
+      ...props,
+      children: children
+    })
+  });
+}
+function CollapsibleTrigger({
+  children,
+  style,
+  ...props
+}) {
+  const {
+    toggle
+  } = useCollapsible();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: toggle,
+    style: style,
+    ...props,
+    children: children
+  });
+}
+function CollapsibleContent({
+  children,
+  style,
+  ...props
+}) {
+  const {
+    open
+  } = useCollapsible();
+  const [measuredHeight, setMeasuredHeight] = _react.default.useState(0);
+  const heightAnim = (0, _reactNativeReanimated.useSharedValue)(open ? measuredHeight : 0);
+
+  // Track if we have completed our first height layout measurement
+  const hasMeasured = measuredHeight > 0;
+  _react.default.useEffect(() => {
+    if (hasMeasured) {
+      heightAnim.value = (0, _reactNativeReanimated.withTiming)(open ? measuredHeight : 0, {
+        duration: 220
+      });
+    } else {
+      // Set initial value immediately without animating during initial layout
+      heightAnim.value = open ? measuredHeight : 0;
+    }
+  }, [open, measuredHeight, hasMeasured, heightAnim]);
+  const handleLayout = e => {
+    const {
+      height
+    } = e.nativeEvent.layout;
+    if (height > 0 && height !== measuredHeight) {
+      setMeasuredHeight(height);
+    }
+  };
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    height: hasMeasured ? heightAnim.value : open ? undefined : 0,
+    opacity: hasMeasured ? Math.min(1, heightAnim.value / Math.max(1, measuredHeight)) : open ? 1 : 0
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    pointerEvents: open ? "auto" : "none",
+    style: [{
+      overflow: "hidden"
+    }, animatedStyle, style],
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      onLayout: handleLayout,
+      style: {
+        width: "100%"
+      },
+      children: children
+    })
+  });
+}
+//# sourceMappingURL=Collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollapsibleContext","React","createContext","useCollapsible","context","useContext","Error","Collapsible","open","controlledOpen","defaultOpen","onOpenChange","children","style","props","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","undefined","toggle","useCallback","nextOpen","jsx","Provider","value","View","CollapsibleTrigger","Pressable","onPress","CollapsibleContent","measuredHeight","setMeasuredHeight","heightAnim","useSharedValue","hasMeasured","useEffect","withTiming","duration","handleLayout","height","nativeEvent","layout","animatedStyle","useAnimatedStyle","opacity","Math","min","max","pointerEvents","overflow","onLayout","width"],"sourceRoot":"../../../src","sources":["components/Collapsible.tsx"],"mappings":"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","ignoreList":[]}