@xaui/native 0.0.26 → 0.0.28

package/dist/view/index.cjs

@@ -1,58 +1,6 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/view/index.ts
-var view_exports = {};
-__export(view_exports, {
-  AspectRatio: () => AspectRatio,
-  BlurView: () => BlurView,
-  Column: () => Column,
-  ConditionalView: () => ConditionalView,
-  Grid: () => Grid,
-  GridBuilder: () => GridBuilder,
-  GridItem: () => GridItem,
-  Margin: () => Margin,
-  MasonryGrid: () => MasonryGrid,
-  MasonryGridBuilder: () => MasonryGridBuilder,
-  MasonryGridItem: () => MasonryGridItem,
-  Padding: () => Padding,
-  PositionedView: () => PositionedView,
-  RoundedView: () => RoundedView,
-  Row: () => Row,
-  SizedBox: () => SizedBox,
-  Spacer: () => Spacer
-});
-module.exports = __toCommonJS(view_exports);
-
-// src/components/view/column/column.tsx
-var import_react = __toESM(require("react"), 1);
-var import_react_native = require("react-native");
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/view/column/column.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/view/layout-utils.ts
 var MAIN_AXIS_JUSTIFY_MAP = {
@@ -71,10 +19,10 @@ var CROSS_AXIS_ALIGN_MAP = {
   baseline: "baseline"
 };
 var resolveMainAxisAlignment = (alignment) => {
-  return MAIN_AXIS_JUSTIFY_MAP[alignment ?? "start"];
+  return MAIN_AXIS_JUSTIFY_MAP[_nullishCoalesce(alignment, () => ( "start"))];
 };
 var resolveCrossAxisAlignment = (alignment) => {
-  return CROSS_AXIS_ALIGN_MAP[alignment ?? "center"];
+  return CROSS_AXIS_ALIGN_MAP[_nullishCoalesce(alignment, () => ( "center"))];
 };
 
 // src/components/view/column/column.tsx
@@ -89,8 +37,8 @@ var Column = ({
 }) => {
   const gapStyle = spacing === void 0 ? void 0 : { gap: spacing };
   const fullWidthStyle = fullWidth ? { flexShrink: 1, flexBasis: "auto", width: "100%" } : void 0;
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_react_native.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         {
@@ -108,8 +56,8 @@ var Column = ({
 };
 
 // src/components/view/row/row.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
+
+
 var Row = ({
   children,
   mainAxisAlignment,
@@ -121,8 +69,8 @@ var Row = ({
 }) => {
   const gapStyle = spacing === void 0 ? void 0 : { gap: spacing };
   const fullWidthStyle = fullWidth ? { flexShrink: 1, flexBasis: "auto", width: "100%" } : void 0;
-  return /* @__PURE__ */ import_react2.default.createElement(
-    import_react_native2.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         {
@@ -140,11 +88,11 @@ var Row = ({
 };
 
 // src/components/view/spacer/spacer.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_native3 = require("react-native");
+
+
 var Spacer = ({ flex = 1, style }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(
-    import_react_native3.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         {
@@ -160,8 +108,8 @@ var Spacer = ({ flex = 1, style }) => {
 Spacer.displayName = "Spacer";
 
 // src/components/view/padding/padding.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native4 = require("react-native");
+
+
 var Padding = ({
   children,
   all,
@@ -175,8 +123,8 @@ var Padding = ({
   style
 }) => {
   const fullWidthStyle = fullWidth ? { flexShrink: 1, flexBasis: "auto", width: "100%" } : void 0;
-  return /* @__PURE__ */ import_react4.default.createElement(
-    import_react_native4.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         {
@@ -198,8 +146,8 @@ var Padding = ({
 Padding.displayName = "Padding";
 
 // src/components/view/margin/margin.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
+
+
 var Margin = ({
   children,
   all,
@@ -213,8 +161,8 @@ var Margin = ({
   style
 }) => {
   const fullWidthStyle = fullWidth ? { flexShrink: 1, flexBasis: "auto", width: "100%" } : void 0;
-  return /* @__PURE__ */ import_react5.default.createElement(
-    import_react_native5.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         {
@@ -236,16 +184,16 @@ var Margin = ({
 Margin.displayName = "Margin";
 
 // src/components/view/sized-box/sized-box.tsx
-var import_react6 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
+
+
 var SizedBox = ({
   children,
   width,
   height,
   style
 }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(
-    import_react_native6.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         {
@@ -261,8 +209,8 @@ var SizedBox = ({
 SizedBox.displayName = "SizedBox";
 
 // src/components/view/positioned-view/positioned-view.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native7 = require("react-native");
+
+
 var PositionedView = ({
   children,
   top,
@@ -272,8 +220,8 @@ var PositionedView = ({
   zIndex,
   style
 }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native7.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         {
@@ -293,14 +241,14 @@ var PositionedView = ({
 PositionedView.displayName = "PositionedView";
 
 // src/components/view/blur-view/blur-view.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native8 = require("react-native");
-var styles = import_react_native8.StyleSheet.create({
+
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     position: "relative"
   },
   overlay: {
-    ...import_react_native8.StyleSheet.absoluteFillObject
+    ..._reactnative.StyleSheet.absoluteFillObject
   }
 });
 var BlurView = ({
@@ -311,19 +259,19 @@ var BlurView = ({
   style
 }) => {
   const overlayOpacity = Math.min(1, Math.max(0, intensity));
-  const overlayAnim = (0, import_react8.useRef)(
-    new import_react_native8.Animated.Value(unlockable ? 0 : overlayOpacity)
+  const overlayAnim = _react.useRef.call(void 0, 
+    new _reactnative.Animated.Value(unlockable ? 0 : overlayOpacity)
   ).current;
-  const scaleAnim = (0, import_react8.useRef)(new import_react_native8.Animated.Value(unlockable ? 1 : 0.98)).current;
-  (0, import_react8.useEffect)(() => {
+  const scaleAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(unlockable ? 1 : 0.98)).current;
+  _react.useEffect.call(void 0, () => {
     if (unlockable) {
-      import_react_native8.Animated.parallel([
-        import_react_native8.Animated.timing(overlayAnim, {
+      _reactnative.Animated.parallel([
+        _reactnative.Animated.timing(overlayAnim, {
           toValue: 0,
           duration: 220,
           useNativeDriver: true
         }),
-        import_react_native8.Animated.timing(scaleAnim, {
+        _reactnative.Animated.timing(scaleAnim, {
           toValue: 1,
           duration: 220,
           useNativeDriver: true
@@ -334,23 +282,23 @@ var BlurView = ({
     overlayAnim.setValue(overlayOpacity);
     scaleAnim.setValue(0.98);
   }, [overlayAnim, overlayOpacity, scaleAnim, unlockable]);
-  return /* @__PURE__ */ import_react8.default.createElement(import_react_native8.View, { style: [styles.container, style] }, /* @__PURE__ */ import_react8.default.createElement(import_react_native8.Animated.View, { style: { transform: [{ scale: scaleAnim }] } }, children), /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native8.Animated.View,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, style] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: { transform: [{ scale: scaleAnim }] } }, children), /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Animated.View,
     {
       pointerEvents: unlockable ? "none" : "auto",
       style: [styles.overlay, { opacity: overlayAnim }]
     },
-    /* @__PURE__ */ import_react8.default.createElement(import_react_native8.View, { style: [styles.overlay, { backgroundColor: overlayColor }] })
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.overlay, { backgroundColor: overlayColor }] })
   ));
 };
 BlurView.displayName = "BlurView";
 
 // src/components/view/rounded-view/rounded-view.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_react_native9 = require("react-native");
+
+
 
 // src/components/view/rounded-view/rounded-view.hook.ts
-var import_react9 = require("react");
+
 var useRoundedViewStyle = (props) => {
   const {
     all = 0,
@@ -363,12 +311,12 @@ var useRoundedViewStyle = (props) => {
     bottomLeft,
     bottomRight
   } = props;
-  return (0, import_react9.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     return {
-      borderTopLeftRadius: topLeft ?? top ?? left ?? all,
-      borderTopRightRadius: topRight ?? top ?? right ?? all,
-      borderBottomLeftRadius: bottomLeft ?? bottom ?? left ?? all,
-      borderBottomRightRadius: bottomRight ?? bottom ?? right ?? all
+      borderTopLeftRadius: _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(topLeft, () => ( top)), () => ( left)), () => ( all)),
+      borderTopRightRadius: _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(topRight, () => ( top)), () => ( right)), () => ( all)),
+      borderBottomLeftRadius: _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(bottomLeft, () => ( bottom)), () => ( left)), () => ( all)),
+      borderBottomRightRadius: _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(bottomRight, () => ( bottom)), () => ( right)), () => ( all))
     };
   }, [all, top, bottom, left, right, topLeft, topRight, bottomLeft, bottomRight]);
 };
@@ -400,8 +348,8 @@ var RoundedView = ({
     bottomLeft,
     bottomRight
   });
-  return /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native9.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         borderRadiusStyle,
@@ -413,32 +361,34 @@ var RoundedView = ({
     children
   );
 };
-var styles2 = import_react_native9.StyleSheet.create({
+var styles2 = _reactnative.StyleSheet.create({
   fullWidth: {
     width: "100%"
   }
 });
 
 // src/components/view/aspect-ratio/aspect-ratio.tsx
-var import_react11 = __toESM(require("react"), 1);
-var import_react_native10 = require("react-native");
+
+
 var AspectRatio = ({
   children,
   ratio,
   style
 }) => {
-  return /* @__PURE__ */ import_react11.default.createElement(import_react_native10.View, { style: [{ aspectRatio: ratio }, style] }, children);
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [{ aspectRatio: ratio }, style] }, children);
 };
 
 // src/components/view/grid/grid.tsx
-var import_react13 = __toESM(require("react"), 1);
-var import_react_native12 = require("react-native");
+
+
+
+
 
 // src/components/view/grid/grid-item.tsx
-var import_react12 = __toESM(require("react"), 1);
-var import_react_native11 = require("react-native");
+
+
 var GridItem = ({ children, style }) => {
-  return /* @__PURE__ */ import_react12.default.createElement(import_react_native11.View, { style }, children);
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style }, children);
 };
 GridItem.displayName = "GridItem";
 
@@ -452,7 +402,7 @@ var getSafeSpan = (span, columns) => {
   return Math.min(Math.floor(span), columns);
 };
 var isGridItemElement = (child) => {
-  if (!import_react13.default.isValidElement(child)) return false;
+  if (!_react2.default.isValidElement(child)) return false;
   if (child.type === GridItem) return true;
   const displayName = child.type.displayName;
   return displayName === "GridItem";
@@ -466,20 +416,20 @@ var Grid = ({
   style,
   itemStyle
 }) => {
-  const [containerWidth, setContainerWidth] = (0, import_react13.useState)();
+  const [containerWidth, setContainerWidth] = _react.useState.call(void 0, );
   const safeColumns = getSafeColumns(columns);
-  const resolvedRowSpacing = rowSpacing ?? spacing ?? 0;
-  const resolvedColumnSpacing = columnSpacing ?? spacing ?? 0;
+  const resolvedRowSpacing = _nullishCoalesce(_nullishCoalesce(rowSpacing, () => ( spacing)), () => ( 0));
+  const resolvedColumnSpacing = _nullishCoalesce(_nullishCoalesce(columnSpacing, () => ( spacing)), () => ( 0));
   const itemWidth = `${100 / safeColumns}%`;
-  const items = import_react13.default.Children.toArray(children);
+  const items = _react2.default.Children.toArray(children);
   const totalColumnGap = resolvedColumnSpacing * (safeColumns - 1);
-  const baseItemWidth = (0, import_react13.useMemo)(() => {
+  const baseItemWidth = _react.useMemo.call(void 0, () => {
     if (!containerWidth) return void 0;
     return (containerWidth - totalColumnGap) / safeColumns;
   }, [containerWidth, safeColumns, totalColumnGap]);
   let currentColumn = 0;
-  return /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native12.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         {
@@ -496,7 +446,7 @@ var Grid = ({
       }
     },
     items.map((child, index) => {
-      const key = import_react13.default.isValidElement(child) && child.key ? child.key : `grid-${index}`;
+      const key = _react2.default.isValidElement(child) && child.key ? child.key : `grid-${index}`;
       const span = isGridItemElement(child) ? getSafeSpan(child.props.span, safeColumns) : 1;
       const spanWidth = baseItemWidth === void 0 ? `${100 / safeColumns * span}%` : baseItemWidth * span + resolvedColumnSpacing * (span - 1);
       if (currentColumn + span > safeColumns) {
@@ -516,7 +466,7 @@ var Grid = ({
           itemStyle,
           child.props.style
         ];
-        const element2 = import_react13.default.cloneElement(child, {
+        const element2 = _react2.default.cloneElement(child, {
           key,
           style: mergedStyle
         });
@@ -524,8 +474,8 @@ var Grid = ({
         return element2;
       }
       const defaultItemWidth = baseItemWidth === void 0 ? itemWidth : baseItemWidth;
-      const element = /* @__PURE__ */ import_react13.default.createElement(
-        import_react_native12.View,
+      const element = /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           key,
           style: [
@@ -548,8 +498,12 @@ var Grid = ({
 };
 
 // src/components/view/grid/grid-builder.tsx
-var import_react14 = __toESM(require("react"), 1);
-var import_react_native13 = require("react-native");
+
+
+
+
+
+
 var getSafeColumns2 = (columns) => {
   if (!columns || columns <= 0) return 1;
   return Math.floor(columns);
@@ -579,13 +533,13 @@ var GridBuilder = ({
   footer
 }) => {
   const safeColumns = getSafeColumns2(columns);
-  const resolvedRowSpacing = rowSpacing ?? spacing ?? 0;
-  const resolvedColumnSpacing = columnSpacing ?? spacing ?? 0;
-  const resolvedData = (0, import_react14.useMemo)(
+  const resolvedRowSpacing = _nullishCoalesce(_nullishCoalesce(rowSpacing, () => ( spacing)), () => ( 0));
+  const resolvedColumnSpacing = _nullishCoalesce(_nullishCoalesce(columnSpacing, () => ( spacing)), () => ( 0));
+  const resolvedData = _react.useMemo.call(void 0, 
     () => resolveGridData(data, itemCount),
     [data, itemCount]
   );
-  const paddedData = (0, import_react14.useMemo)(() => {
+  const paddedData = _react.useMemo.call(void 0, () => {
     const remainder = resolvedData.length % safeColumns;
     const placeholders = remainder === 0 ? 0 : safeColumns - remainder;
     if (placeholders === 0)
@@ -606,12 +560,12 @@ var GridBuilder = ({
       }))
     ];
   }, [resolvedData, safeColumns]);
-  const resolvedKeyExtractor = (0, import_react14.useMemo)(() => {
+  const resolvedKeyExtractor = _react.useMemo.call(void 0, () => {
     if (keyExtractor)
-      return (item, index) => item.type === "data" ? keyExtractor(item.item, item.index) : item.key ?? `placeholder-${index}`;
-    return (item, index) => item.type === "data" ? `grid-${item.index}` : item.key ?? `placeholder-${index}`;
+      return (item, index) => item.type === "data" ? keyExtractor(item.item, item.index) : _nullishCoalesce(item.key, () => ( `placeholder-${index}`));
+    return (item, index) => item.type === "data" ? `grid-${item.index}` : _nullishCoalesce(item.key, () => ( `placeholder-${index}`));
   }, [keyExtractor]);
-  const resolvedRenderer = (0, import_react14.useMemo)(() => {
+  const resolvedRenderer = _react.useMemo.call(void 0, () => {
     if (renderItem) return renderItem;
     if (itemBuilder)
       return ({ item, index }) => itemBuilder({ item, index });
@@ -635,7 +589,7 @@ var GridBuilder = ({
         },
         itemStyle
       ];
-      return /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: placeholderStyle, pointerEvents: "none" });
+      return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: placeholderStyle, pointerEvents: "none" });
     }
     const element = resolvedRenderer({ item: item.item, index: item.index });
     if (element === null) return null;
@@ -651,9 +605,9 @@ var GridBuilder = ({
       },
       itemStyle
     ];
-    return /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: wrapperStyle }, element);
+    return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: wrapperStyle }, element);
   };
-  const flattenedStyle = import_react_native13.StyleSheet.flatten(style) ?? {};
+  const flattenedStyle = _nullishCoalesce(_reactnative.StyleSheet.flatten(style), () => ( {}));
   const {
     alignItems,
     justifyContent,
@@ -672,8 +626,8 @@ var GridBuilder = ({
     ...columnGap !== void 0 ? { columnGap } : {}
   };
   const hasLayoutStyle = Object.keys(layoutStyle).length > 0;
-  return /* @__PURE__ */ import_react14.default.createElement(
-    import_react_native13.FlatList,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.FlatList,
     {
       data: paddedData,
       renderItem: renderGridItem,
@@ -692,8 +646,8 @@ var GridBuilder = ({
 GridBuilder.displayName = "GridBuilder";
 
 // src/components/view/conditional/conditional-view.tsx
-var import_react15 = __toESM(require("react"), 1);
-var import_react_native15 = require("react-native");
+
+
 
 // src/components/view/conditional/conditional-view.utils.ts
 var FINAL_VALUES = {
@@ -722,7 +676,7 @@ var getExitValues = (animation) => {
 };
 
 // src/components/view/conditional/conditional-view.animation.ts
-var import_react_native14 = require("react-native");
+
 var runConditionalViewAnimation = ({
   opacity,
   scale,
@@ -731,27 +685,27 @@ var runConditionalViewAnimation = ({
   toValues,
   onComplete
 }) => {
-  const easing = import_react_native14.Easing.out(import_react_native14.Easing.cubic);
-  const animation = import_react_native14.Animated.parallel([
-    import_react_native14.Animated.timing(opacity, {
+  const easing = _reactnative.Easing.out(_reactnative.Easing.cubic);
+  const animation = _reactnative.Animated.parallel([
+    _reactnative.Animated.timing(opacity, {
       toValue: toValues.opacity,
       duration: 800,
       easing,
       useNativeDriver: true
     }),
-    import_react_native14.Animated.timing(scale, {
+    _reactnative.Animated.timing(scale, {
       toValue: toValues.scale,
       duration: 800,
       easing,
       useNativeDriver: true
     }),
-    import_react_native14.Animated.timing(translateX, {
+    _reactnative.Animated.timing(translateX, {
       toValue: toValues.translateX,
       duration: 800,
       easing,
       useNativeDriver: true
     }),
-    import_react_native14.Animated.timing(translateY, {
+    _reactnative.Animated.timing(translateY, {
       toValue: toValues.translateY,
       duration: 800,
       easing,
@@ -760,7 +714,7 @@ var runConditionalViewAnimation = ({
   ]);
   animation.start(({ finished }) => {
     if (finished) {
-      onComplete?.();
+      _optionalChain([onComplete, 'optionalCall', _2 => _2()]);
     }
   });
   return animation;
@@ -773,34 +727,34 @@ var ConditionalView = ({
   animation = "fade",
   disableAnimation = false
 }) => {
-  const [shouldRender, setShouldRender] = (0, import_react15.useState)(isVisible);
-  const animationRef = (0, import_react15.useRef)(null);
-  const initialValues = (0, import_react15.useMemo)(() => getInitialValues(animation), [animation]);
-  const exitValues = (0, import_react15.useMemo)(() => getExitValues(animation), [animation]);
-  const opacity = (0, import_react15.useRef)(
-    new import_react_native15.Animated.Value(
+  const [shouldRender, setShouldRender] = _react.useState.call(void 0, isVisible);
+  const animationRef = _react.useRef.call(void 0, null);
+  const initialValues = _react.useMemo.call(void 0, () => getInitialValues(animation), [animation]);
+  const exitValues = _react.useMemo.call(void 0, () => getExitValues(animation), [animation]);
+  const opacity = _react.useRef.call(void 0, 
+    new _reactnative.Animated.Value(
       disableAnimation ? FINAL_VALUES.opacity : initialValues.opacity
     )
   ).current;
-  const scale = (0, import_react15.useRef)(
-    new import_react_native15.Animated.Value(disableAnimation ? FINAL_VALUES.scale : initialValues.scale)
+  const scale = _react.useRef.call(void 0, 
+    new _reactnative.Animated.Value(disableAnimation ? FINAL_VALUES.scale : initialValues.scale)
   ).current;
-  const translateX = (0, import_react15.useRef)(
-    new import_react_native15.Animated.Value(
+  const translateX = _react.useRef.call(void 0, 
+    new _reactnative.Animated.Value(
       disableAnimation ? FINAL_VALUES.translateX : initialValues.translateX
     )
   ).current;
-  const translateY = (0, import_react15.useRef)(
-    new import_react_native15.Animated.Value(
+  const translateY = _react.useRef.call(void 0, 
+    new _reactnative.Animated.Value(
       disableAnimation ? FINAL_VALUES.translateY : initialValues.translateY
     )
   ).current;
-  (0, import_react15.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (isVisible) {
       setShouldRender(true);
     }
   }, [isVisible]);
-  (0, import_react15.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!shouldRender) return;
     const startValues = isVisible ? disableAnimation ? FINAL_VALUES : initialValues : FINAL_VALUES;
     const targetValues = isVisible ? FINAL_VALUES : exitValues;
@@ -814,7 +768,7 @@ var ConditionalView = ({
       }
       return;
     }
-    animationRef.current?.stop();
+    _optionalChain([animationRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.stop, 'call', _5 => _5()]);
     animationRef.current = runConditionalViewAnimation({
       opacity,
       scale,
@@ -834,7 +788,7 @@ var ConditionalView = ({
     translateX,
     translateY
   ]);
-  const animatedStyle = (0, import_react15.useMemo)(
+  const animatedStyle = _react.useMemo.call(void 0, 
     () => ({
       opacity,
       transform: [{ translateX }, { translateY }, { scale }]
@@ -844,18 +798,18 @@ var ConditionalView = ({
   if (!shouldRender) {
     return null;
   }
-  return /* @__PURE__ */ import_react15.default.createElement(import_react_native15.Animated.View, { style: animatedStyle }, children);
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: animatedStyle }, children);
 };
 
 // src/components/view/masonry-grid/masonry-grid.tsx
-var import_react16 = __toESM(require("react"), 1);
-var import_react_native16 = require("react-native");
+
+
 var getSafeColumns3 = (columns) => {
   if (!columns || columns <= 0) return 1;
   return Math.floor(columns);
 };
 var getItemKey = (child, index) => {
-  return import_react16.default.isValidElement(child) && child.key ? String(child.key) : `masonry-${index}`;
+  return _react2.default.isValidElement(child) && child.key ? String(child.key) : `masonry-${index}`;
 };
 var MasonryGrid = ({
   children,
@@ -866,37 +820,37 @@ var MasonryGrid = ({
   style,
   columnStyle
 }) => {
-  const [containerWidth, setContainerWidth] = (0, import_react16.useState)();
-  const heightMapRef = (0, import_react16.useRef)({});
-  const [layoutVersion, setLayoutVersion] = (0, import_react16.useState)(0);
+  const [containerWidth, setContainerWidth] = _react.useState.call(void 0, );
+  const heightMapRef = _react.useRef.call(void 0, {});
+  const [layoutVersion, setLayoutVersion] = _react.useState.call(void 0, 0);
   const safeColumns = getSafeColumns3(columns);
-  const resolvedRowSpacing = rowSpacing ?? spacing ?? 0;
-  const resolvedColumnSpacing = columnSpacing ?? spacing ?? 0;
+  const resolvedRowSpacing = _nullishCoalesce(_nullishCoalesce(rowSpacing, () => ( spacing)), () => ( 0));
+  const resolvedColumnSpacing = _nullishCoalesce(_nullishCoalesce(columnSpacing, () => ( spacing)), () => ( 0));
   const totalColumnGap = resolvedColumnSpacing * (safeColumns - 1);
-  const columnWidth = (0, import_react16.useMemo)(() => {
+  const columnWidth = _react.useMemo.call(void 0, () => {
     if (!containerWidth) return void 0;
     return (containerWidth - totalColumnGap) / safeColumns;
   }, [containerWidth, safeColumns, totalColumnGap]);
-  const items = (0, import_react16.useMemo)(
-    () => import_react16.default.Children.toArray(children).map((child, index) => ({
+  const items = _react.useMemo.call(void 0, 
+    () => _react2.default.Children.toArray(children).map((child, index) => ({
       key: getItemKey(child, index),
       element: child
     })),
     [children]
   );
-  const columnsItems = (0, import_react16.useMemo)(() => {
+  const columnsItems = _react.useMemo.call(void 0, () => {
     const buckets = Array.from({ length: safeColumns }, () => []);
     const heights = new Array(safeColumns).fill(0);
     items.forEach((item) => {
       const height = heightMapRef.current[item.key];
       const targetIndex = heights.indexOf(Math.min(...heights));
       buckets[targetIndex].push(item);
-      heights[targetIndex] += (height ?? 0) + resolvedRowSpacing;
+      heights[targetIndex] += (_nullishCoalesce(height, () => ( 0))) + resolvedRowSpacing;
     });
     return buckets;
   }, [items, layoutVersion, resolvedRowSpacing, safeColumns]);
-  return /* @__PURE__ */ import_react16.default.createElement(
-    import_react_native16.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         {
@@ -919,10 +873,10 @@ var MasonryGrid = ({
         },
         columnStyle
       ];
-      return /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { key: `masonry-col-${columnIndex}`, style: columnStyles }, column.map((item, index) => {
+      return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: `masonry-col-${columnIndex}`, style: columnStyles }, column.map((item, index) => {
         const isLastRow = index === column.length - 1;
-        return /* @__PURE__ */ import_react16.default.createElement(
-          import_react_native16.View,
+        return /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.View,
           {
             key: item.key,
             style: { marginBottom: isLastRow ? 0 : resolvedRowSpacing },
@@ -941,19 +895,21 @@ var MasonryGrid = ({
 };
 
 // src/components/view/masonry-grid/masonry-grid-item.tsx
-var import_react17 = __toESM(require("react"), 1);
-var import_react_native17 = require("react-native");
+
+
 var MasonryGridItem = ({
   children,
   style
 }) => {
-  return /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style }, children);
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style }, children);
 };
 MasonryGridItem.displayName = "MasonryGridItem";
 
 // src/components/view/masonry-grid/masonry-grid-builder.tsx
-var import_react18 = __toESM(require("react"), 1);
-var import_react_native18 = require("react-native");
+
+
+
+
 var resolveMasonryData = (data, itemCount) => {
   if (data) return data;
   if (!itemCount || itemCount <= 0) return [];
@@ -982,27 +938,27 @@ var MasonryGridBuilder = ({
   bounces,
   onScroll
 }) => {
-  const resolvedData = (0, import_react18.useMemo)(
+  const resolvedData = _react.useMemo.call(void 0, 
     () => resolveMasonryData(data, itemCount),
     [data, itemCount]
   );
-  const resolvedKeyExtractor = (0, import_react18.useMemo)(() => {
+  const resolvedKeyExtractor = _react.useMemo.call(void 0, () => {
     if (keyExtractor) return keyExtractor;
     return (_, index) => `masonry-${index}`;
   }, [keyExtractor]);
-  const resolvedRenderer = (0, import_react18.useMemo)(() => {
+  const resolvedRenderer = _react.useMemo.call(void 0, () => {
     if (renderItem) return renderItem;
     if (itemBuilder)
       return ({ item, index }) => itemBuilder({ item, index });
     return void 0;
   }, [renderItem, itemBuilder]);
-  const lastEndReachedHeight = (0, import_react18.useRef)(0);
+  const lastEndReachedHeight = _react.useRef.call(void 0, 0);
   if (!resolvedRenderer) return null;
   const handleScroll = (event) => {
-    onScroll?.(event);
+    _optionalChain([onScroll, 'optionalCall', _6 => _6(event)]);
     if (!onEndReached) return;
     const { layoutMeasurement, contentOffset, contentSize } = event.nativeEvent;
-    if (!layoutMeasurement?.height) return;
+    if (!_optionalChain([layoutMeasurement, 'optionalAccess', _7 => _7.height])) return;
     const distanceFromEnd = contentSize.height - (layoutMeasurement.height + contentOffset.y);
     const threshold = onEndReachedThreshold * layoutMeasurement.height;
     if (distanceFromEnd <= threshold && contentSize.height !== lastEndReachedHeight.current) {
@@ -1010,8 +966,8 @@ var MasonryGridBuilder = ({
       onEndReached();
     }
   };
-  return /* @__PURE__ */ import_react18.default.createElement(
-    import_react_native18.ScrollView,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.ScrollView,
     {
       scrollEventThrottle: 16,
       scrollEnabled,
@@ -1022,7 +978,7 @@ var MasonryGridBuilder = ({
       onScroll: handleScroll
     },
     header,
-    /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ _react2.default.createElement(
       MasonryGrid,
       {
         columns,
@@ -1032,29 +988,28 @@ var MasonryGridBuilder = ({
         style: [{ width: "100%" }, style],
         columnStyle
       },
-      resolvedData.map((item, index) => /* @__PURE__ */ import_react18.default.createElement(MasonryGridItem, { key: resolvedKeyExtractor(item, index) }, resolvedRenderer({ item, index })))
+      resolvedData.map((item, index) => /* @__PURE__ */ _react2.default.createElement(MasonryGridItem, { key: resolvedKeyExtractor(item, index) }, resolvedRenderer({ item, index })))
     ),
     footer
   );
 };
 MasonryGridBuilder.displayName = "MasonryGridBuilder";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AspectRatio,
-  BlurView,
-  Column,
-  ConditionalView,
-  Grid,
-  GridBuilder,
-  GridItem,
-  Margin,
-  MasonryGrid,
-  MasonryGridBuilder,
-  MasonryGridItem,
-  Padding,
-  PositionedView,
-  RoundedView,
-  Row,
-  SizedBox,
-  Spacer
-});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AspectRatio = AspectRatio; exports.BlurView = BlurView; exports.Column = Column; exports.ConditionalView = ConditionalView; exports.Grid = Grid; exports.GridBuilder = GridBuilder; exports.GridItem = GridItem; exports.Margin = Margin; exports.MasonryGrid = MasonryGrid; exports.MasonryGridBuilder = MasonryGridBuilder; exports.MasonryGridItem = MasonryGridItem; exports.Padding = Padding; exports.PositionedView = PositionedView; exports.RoundedView = RoundedView; exports.Row = Row; exports.SizedBox = SizedBox; exports.Spacer = Spacer;