@xaui/native 0.0.27 → 0.0.29

package/dist/menubox/index.cjs

@@ -1,51 +1,19 @@
-"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);
+"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; }require('../chunk-HSPTLUFA.cjs');
 
-// src/components/menubox/index.ts
-var menubox_exports = {};
-__export(menubox_exports, {
-  MenuBox: () => MenuBox,
-  MenuBoxItem: () => MenuBoxItem
-});
-module.exports = __toCommonJS(menubox_exports);
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/menubox/menubox.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/menubox/menubox-context.ts
-var import_react = require("react");
-var MenuBoxContext = (0, import_react.createContext)(null);
+
+var MenuBoxContext = _react.createContext.call(void 0, null);
 
 // src/components/menubox/menubox.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     overflow: "hidden"
   },
@@ -73,45 +41,6 @@ var styles = import_react_native.StyleSheet.create({
   }
 });
 
-// src/core/theme-context.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_react_native3 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
-
-// src/core/portal/portal.tsx
-var import_react3 = require("react");
-
-// src/core/portal/portal-context.ts
-var import_react2 = require("react");
-var PortalContext = (0, import_react2.createContext)(null);
-
-// src/core/portal/portal-host.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
-var hostStyles = import_react_native2.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-
-// src/core/theme-context.tsx
-var XUIThemeContext = (0, import_react5.createContext)(null);
-
-// src/core/theme-hooks.ts
-var import_react6 = require("react");
-var import_react_native4 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react6.useContext)(XUIThemeContext);
-  if (!theme) {
-    throw new Error("useXUITheme must be used within XUIProvider");
-  }
-  return theme;
-}
-
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
-
 // src/components/menubox/menubox.tsx
 var MenuBox = ({
   children,
@@ -122,12 +51,12 @@ var MenuBox = ({
   style,
   backgroundColor
 }) => {
-  const theme = useXUITheme();
-  const itemCount = import_react7.Children.count(children);
-  const itemKeys = (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const itemCount = _react.Children.count(children);
+  const itemKeys = _react.useMemo.call(void 0, () => {
     const keys = [];
-    import_react7.Children.forEach(children, (child) => {
-      if ((0, import_react7.isValidElement)(child)) {
+    _react.Children.forEach(children, (child) => {
+      if (_react.isValidElement.call(void 0, child)) {
         const props = child.props;
         if (props.itemKey) {
           keys.push(props.itemKey);
@@ -139,8 +68,8 @@ var MenuBox = ({
   const getItemIndex = (itemKey) => {
     return itemKeys.indexOf(itemKey);
   };
-  const bgColor = backgroundColor ?? theme.colors.default.background;
-  const contextValue = (0, import_react7.useMemo)(
+  const bgColor = _nullishCoalesce(backgroundColor, () => ( theme.colors.default.background));
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       size,
       radius,
@@ -152,18 +81,18 @@ var MenuBox = ({
     }),
     [size, radius, themeColor, bgColor, itemCount, spacing, getItemIndex]
   );
-  return /* @__PURE__ */ import_react7.default.createElement(MenuBoxContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.container, style] }, children));
+  return /* @__PURE__ */ _react2.default.createElement(MenuBoxContext.Provider, { value: contextValue }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, style] }, children));
 };
 
 // src/components/menubox/menubox-item.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native7 = require("react-native");
+
+
 
 // src/components/menubox/menubox.hook.ts
-var import_react8 = require("react");
+
 var useMenuBoxItemSizeStyles = (size) => {
-  const theme = useXUITheme();
-  return (0, import_react8.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         paddingVertical: theme.spacing.sm,
@@ -194,8 +123,8 @@ var useMenuBoxItemSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useMenuBoxRadiusStyles = (radius, isFirst, isLast) => {
-  const theme = useXUITheme();
-  return (0, import_react8.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const radiusMap = {
       none: theme.borderRadius.none,
       sm: theme.borderRadius.md,
@@ -214,16 +143,16 @@ var useMenuBoxRadiusStyles = (radius, isFirst, isLast) => {
 };
 
 // src/components/menubox/menubox.animation.ts
-var import_react_native6 = require("react-native");
+
 var runMenuBoxPressInAnimation = (animatedScale, animatedOpacity) => {
-  import_react_native6.Animated.parallel([
-    import_react_native6.Animated.spring(animatedScale, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.spring(animatedScale, {
       toValue: 0.99,
       useNativeDriver: true,
       speed: 50,
       bounciness: 0
     }),
-    import_react_native6.Animated.timing(animatedOpacity, {
+    _reactnative.Animated.timing(animatedOpacity, {
       toValue: 0.8,
       duration: 100,
       useNativeDriver: true
@@ -231,14 +160,14 @@ var runMenuBoxPressInAnimation = (animatedScale, animatedOpacity) => {
   ]).start();
 };
 var runMenuBoxPressOutAnimation = (animatedScale, animatedOpacity) => {
-  import_react_native6.Animated.parallel([
-    import_react_native6.Animated.spring(animatedScale, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.spring(animatedScale, {
       toValue: 1,
       useNativeDriver: true,
       speed: 50,
       bounciness: 0
     }),
-    import_react_native6.Animated.timing(animatedOpacity, {
+    _reactnative.Animated.timing(animatedOpacity, {
       toValue: 1,
       duration: 100,
       useNativeDriver: true
@@ -248,10 +177,10 @@ var runMenuBoxPressOutAnimation = (animatedScale, animatedOpacity) => {
 
 // src/components/menubox/menubox-item.tsx
 var MenuBoxItem = (props) => {
-  const context = (0, import_react9.useContext)(MenuBoxContext);
-  const theme = useXUITheme();
-  const animatedScale = import_react9.default.useRef(new import_react_native7.Animated.Value(1)).current;
-  const animatedOpacity = import_react9.default.useRef(new import_react_native7.Animated.Value(1)).current;
+  const context = _react.useContext.call(void 0, MenuBoxContext);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const animatedScale = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
+  const animatedOpacity = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
   const {
     itemKey,
     title,
@@ -262,12 +191,12 @@ var MenuBoxItem = (props) => {
     customAppearance,
     onPress
   } = props;
-  const size = context?.size ?? "md";
-  const radius = context?.radius ?? "lg";
-  const itemBackgroundColor = context?.backgroundColor ?? (theme.mode === "dark" ? theme.colors.default.background : theme.colors.background);
-  const spacing = context?.spacing ?? 0;
-  const itemCount = context?.itemCount ?? 1;
-  const index = context?.getItemIndex(itemKey) ?? 0;
+  const size = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _ => _.size]), () => ( "md"));
+  const radius = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _2 => _2.radius]), () => ( "lg"));
+  const itemBackgroundColor = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _3 => _3.backgroundColor]), () => ( (theme.mode === "dark" ? theme.colors.default.background : theme.colors.background)));
+  const spacing = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _4 => _4.spacing]), () => ( 0));
+  const itemCount = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _5 => _5.itemCount]), () => ( 1));
+  const index = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _6 => _6.getItemIndex, 'call', _7 => _7(itemKey)]), () => ( 0));
   const isFirst = index === 0;
   const isLast = index === itemCount - 1;
   const sizeStyles = useMenuBoxItemSizeStyles(size);
@@ -278,7 +207,7 @@ var MenuBoxItem = (props) => {
     if (isDisabled) {
       return;
     }
-    onPress?.({});
+    _optionalChain([onPress, 'optionalCall', _8 => _8({})]);
   };
   const handlePressIn = () => {
     if (!isDisabled) {
@@ -292,13 +221,13 @@ var MenuBoxItem = (props) => {
   };
   const renderTitle = () => {
     if (typeof title === "string" || typeof title === "number") {
-      return /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native7.Text,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.title,
             { fontSize: sizeStyles.titleSize, color: titleColor },
-            customAppearance?.title
+            _optionalChain([customAppearance, 'optionalAccess', _9 => _9.title])
           ],
           numberOfLines: 1
         },
@@ -310,13 +239,13 @@ var MenuBoxItem = (props) => {
   const renderDescription = () => {
     if (!description) return null;
     if (typeof description === "string" || typeof description === "number") {
-      return /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native7.Text,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.description,
             { fontSize: sizeStyles.descriptionSize, color: descriptionColor },
-            customAppearance?.description
+            _optionalChain([customAppearance, 'optionalAccess', _10 => _10.description])
           ],
           numberOfLines: 1
         },
@@ -325,8 +254,8 @@ var MenuBoxItem = (props) => {
     }
     return description;
   };
-  const content = /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native7.Animated.View,
+  const content = /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Animated.View,
     {
       style: [
         styles.item,
@@ -339,15 +268,15 @@ var MenuBoxItem = (props) => {
         },
         radiusStyles,
         isDisabled && styles.disabled,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _11 => _11.container])
       ]
     },
-    startContent && /* @__PURE__ */ import_react9.default.createElement(import_react_native7.View, { style: customAppearance?.content }, startContent),
-    /* @__PURE__ */ import_react9.default.createElement(import_react_native7.View, { style: [styles.content, customAppearance?.content] }, renderTitle(), renderDescription()),
-    endContent && /* @__PURE__ */ import_react9.default.createElement(import_react_native7.View, { style: customAppearance?.content }, endContent)
+    startContent && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _12 => _12.content]) }, startContent),
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.content, _optionalChain([customAppearance, 'optionalAccess', _13 => _13.content])] }, renderTitle(), renderDescription()),
+    endContent && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _14 => _14.content]) }, endContent)
   );
-  return /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native7.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: handlePress,
       onPressIn: handlePressIn,
@@ -362,8 +291,7 @@ var MenuBoxItem = (props) => {
     content
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MenuBox,
-  MenuBoxItem
-});
+
+
+
+exports.MenuBox = MenuBox; exports.MenuBoxItem = MenuBoxItem;

package/dist/menubox/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-4KSZLONZ.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/menubox/menubox.tsx
 import React, { useMemo, Children, isValidElement } from "react";

package/dist/pager/index.cjs

@@ -1,47 +1,10 @@
-"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/pager/index.ts
-var pager_exports = {};
-__export(pager_exports, {
-  Pager: () => Pager,
-  PagerItem: () => PagerItem
-});
-module.exports = __toCommonJS(pager_exports);
-
-// src/components/pager/pager.tsx
-var import_react = __toESM(require("react"), 1);
-var import_react_native2 = 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/pager/pager.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/pager/pager.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     width: "100%"
   },
@@ -94,8 +57,8 @@ function clampPage(page, max) {
   return Math.max(0, Math.min(page, max));
 }
 function toPages(children) {
-  return import_react.default.Children.toArray(children).flatMap((child, index) => {
-    if (!import_react.default.isValidElement(child) || child.type !== PagerItem) {
+  return _react2.default.Children.toArray(children).flatMap((child, index) => {
+    if (!_react2.default.isValidElement(child) || child.type !== PagerItem) {
       return [];
     }
     return [
@@ -119,45 +82,45 @@ var Pager = ({
   customAppearance
 }) => {
   const isPagerFullscreen = isFullscreen || isfullscreen === true;
-  const pages = (0, import_react.useMemo)(() => toPages(children), [children]);
+  const pages = _react.useMemo.call(void 0, () => toPages(children), [children]);
   const maxPage = Math.max(0, pages.length - 1);
   const isControlled = controlledPage !== void 0;
-  const [internalPage, setInternalPage] = (0, import_react.useState)(clampPage(defaultPage, maxPage));
-  const [containerWidth, setContainerWidth] = (0, import_react.useState)(0);
-  const scrollViewRef = (0, import_react.useRef)(null);
-  const initialScrollAppliedRef = (0, import_react.useRef)(false);
+  const [internalPage, setInternalPage] = _react.useState.call(void 0, clampPage(defaultPage, maxPage));
+  const [containerWidth, setContainerWidth] = _react.useState.call(void 0, 0);
+  const scrollViewRef = _react.useRef.call(void 0, null);
+  const initialScrollAppliedRef = _react.useRef.call(void 0, false);
   const activePage = clampPage(
-    isControlled ? controlledPage ?? 0 : internalPage,
+    isControlled ? _nullishCoalesce(controlledPage, () => ( 0)) : internalPage,
     maxPage
   );
-  (0, import_react.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (isControlled || pages.length === 0) return;
     setInternalPage((prev) => clampPage(prev, maxPage));
   }, [isControlled, maxPage, pages.length]);
-  (0, import_react.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (containerWidth <= 0) return;
     if (pages.length <= 1) return;
     const x = activePage * containerWidth;
     if (!initialScrollAppliedRef.current) {
       initialScrollAppliedRef.current = true;
-      scrollViewRef.current?.scrollTo({ x, animated: false });
+      _optionalChain([scrollViewRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.scrollTo, 'call', _4 => _4({ x, animated: false })]);
       return;
     }
-    scrollViewRef.current?.scrollTo({ x, animated: true });
+    _optionalChain([scrollViewRef, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.scrollTo, 'call', _7 => _7({ x, animated: true })]);
   }, [activePage, containerWidth, pages.length]);
-  const handleLayout = (0, import_react.useCallback)((event) => {
+  const handleLayout = _react.useCallback.call(void 0, (event) => {
     setContainerWidth(event.nativeEvent.layout.width);
   }, []);
-  const commitPageChange = (0, import_react.useCallback)(
+  const commitPageChange = _react.useCallback.call(void 0, 
     (nextPage) => {
       if (!isControlled) {
         setInternalPage(nextPage);
       }
-      onPageChange?.(nextPage);
+      _optionalChain([onPageChange, 'optionalCall', _8 => _8(nextPage)]);
     },
     [isControlled, onPageChange]
   );
-  const handleMomentumScrollEnd = (0, import_react.useCallback)(
+  const handleMomentumScrollEnd = _react.useCallback.call(void 0, 
     (event) => {
       if (containerWidth <= 0 || pages.length === 0) return;
       const rawPage = Math.round(event.nativeEvent.contentOffset.x / containerWidth);
@@ -168,18 +131,18 @@ var Pager = ({
     },
     [activePage, commitPageChange, containerWidth, maxPage, pages.length]
   );
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_react_native2.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       onLayout: handleLayout,
       style: [
         styles.container,
         isPagerFullscreen && styles.fullscreenContainer,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _9 => _9.container])
       ]
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_react_native2.ScrollView,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.ScrollView,
       {
         ref: scrollViewRef,
         horizontal: true,
@@ -189,46 +152,46 @@ var Pager = ({
         onMomentumScrollEnd: handleMomentumScrollEnd,
         style: [
           isPagerFullscreen && styles.fullscreenScrollView,
-          customAppearance?.scrollView
+          _optionalChain([customAppearance, 'optionalAccess', _10 => _10.scrollView])
         ]
       },
-      pages.map((pagerPage) => /* @__PURE__ */ import_react.default.createElement(
-        import_react_native2.View,
+      pages.map((pagerPage) => /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           key: pagerPage.key,
           style: [
             styles.page,
             isPagerFullscreen && styles.fullscreenPage,
-            customAppearance?.page,
+            _optionalChain([customAppearance, 'optionalAccess', _11 => _11.page]),
             containerWidth > 0 && { width: containerWidth }
           ]
         },
         pagerPage.content
       ))
     ),
-    showIndicator && pages.length > 1 && /* @__PURE__ */ import_react.default.createElement(
-      import_react_native2.View,
+    showIndicator && pages.length > 1 && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.indicatorContainer,
-          customAppearance?.indicatorContainer,
+          _optionalChain([customAppearance, 'optionalAccess', _12 => _12.indicatorContainer]),
           isPagerFullscreen && styles.fullscreenIndicatorContainer
         ]
       },
       pages.map((_, index) => {
         const isActive = index === activePage;
         if (renderIndicator) {
-          return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: `indicator-${String(index)}` }, renderIndicator({ index, isActive, total: pages.length }));
+          return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, { key: `indicator-${String(index)}` }, renderIndicator({ index, isActive, total: pages.length }));
         }
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_react_native2.View,
+        return /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.View,
           {
             key: `indicator-${String(index)}`,
             style: [
               styles.indicator,
-              customAppearance?.indicator,
+              _optionalChain([customAppearance, 'optionalAccess', _13 => _13.indicator]),
               isActive && styles.activeIndicator,
-              isActive && customAppearance?.activeIndicator
+              isActive && _optionalChain([customAppearance, 'optionalAccess', _14 => _14.activeIndicator])
             ]
           }
         );
@@ -236,8 +199,7 @@ var Pager = ({
     )
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Pager,
-  PagerItem
-});
+
+
+
+exports.Pager = Pager; exports.PagerItem = PagerItem;