@xaui/native 0.0.26 → 0.0.28

package/dist/bottom-tab-bar/index.cjs

@@ -1,88 +1,15 @@
-"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/bottom-tab-bar/index.ts
-var bottom_tab_bar_exports = {};
-__export(bottom_tab_bar_exports, {
-  BottomTabBar: () => BottomTabBar,
-  BottomTabBarItem: () => BottomTabBarItem
-});
-module.exports = __toCommonJS(bottom_tab_bar_exports);
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/bottom-tab-bar/bottom-tab-bar.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/bottom-tab-bar/bottom-tab-bar.hook.ts
-var import_react6 = require("react");
-var import_core = require("@xaui/core");
-
-// src/core/theme-context.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
-
-// src/core/portal/portal.tsx
-var import_react2 = require("react");
-
-// src/core/portal/portal-context.ts
-var import_react = require("react");
-var PortalContext = (0, import_react.createContext)(null);
-
-// src/core/portal/portal-host.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_native = require("react-native");
-var hostStyles = import_react_native.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
 
-// src/core/theme-context.tsx
-var XUIThemeContext = (0, import_react4.createContext)(null);
-
-// src/core/theme-hooks.ts
-var import_react5 = require("react");
-var import_react_native3 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react5.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/bottom-tab-bar/bottom-tab-bar.hook.ts
+var _core = require('@xaui/core');
 var sizeMap = {
   sm: {
     minHeight: 68,
@@ -119,38 +46,38 @@ var sizeMap = {
   }
 };
 var useBottomTabBarSizeStyles = (size) => {
-  return (0, import_react6.useMemo)(() => sizeMap[size], [size]);
+  return _react.useMemo.call(void 0, () => sizeMap[size], [size]);
 };
 var useBottomTabBarColors = (themeColor, activeColor, inactiveColor, indicatorColor) => {
-  const theme = useXUITheme();
-  const colorScheme = theme.colors[(0, import_core.getSafeThemeColor)(themeColor)];
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const colorScheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
+  return _react.useMemo.call(void 0, () => {
     return {
-      activeColor: activeColor ?? colorScheme.main,
-      inactiveColor: inactiveColor ?? (0, import_core.withOpacity)(theme.colors.foreground, 0.66),
-      indicatorColor: indicatorColor ?? (0, import_core.withOpacity)(colorScheme.main, theme.mode === "dark" ? 0.28 : 0.16),
+      activeColor: _nullishCoalesce(activeColor, () => ( colorScheme.main)),
+      inactiveColor: _nullishCoalesce(inactiveColor, () => ( _core.withOpacity.call(void 0, theme.colors.foreground, 0.66))),
+      indicatorColor: _nullishCoalesce(indicatorColor, () => ( _core.withOpacity.call(void 0, colorScheme.main, theme.mode === "dark" ? 0.28 : 0.16))),
       containerColor: theme.colors.background,
-      borderColor: (0, import_core.withOpacity)(theme.colors.foreground, 0.08)
+      borderColor: _core.withOpacity.call(void 0, theme.colors.foreground, 0.08)
     };
   }, [activeColor, colorScheme.main, indicatorColor, inactiveColor, theme]);
 };
 
 // src/components/bottom-tab-bar/bottom-tab-bar-context.ts
-var import_react7 = require("react");
-var BottomTabBarContext = (0, import_react7.createContext)(
+
+var BottomTabBarContext = _react.createContext.call(void 0, 
   null
 );
 var useBottomTabBarContext = () => {
-  return (0, import_react7.useContext)(BottomTabBarContext);
+  return _react.useContext.call(void 0, BottomTabBarContext);
 };
 
 // src/components/bottom-tab-bar/bottom-tab-bar-item.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
+
+
 
 // src/components/bottom-tab-bar/bottom-tab-bar.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "stretch",
@@ -229,15 +156,15 @@ var BottomTabBarItem = ({
   const ICON_ONLY_INDICATOR_HORIZONTAL_PADDING = 10;
   const ICON_ONLY_INDICATOR_VERTICAL_PADDING = 10;
   const context = useBottomTabBarContext();
-  const selected = isSelected ?? context?.selectedKey === itemKey;
-  const disabled = isDisabled || !!context?.isDisabled;
-  const resolvedVariant = context?.variant ?? "stacked";
+  const selected = _nullishCoalesce(isSelected, () => ( _optionalChain([context, 'optionalAccess', _ => _.selectedKey]) === itemKey));
+  const disabled = isDisabled || !!_optionalChain([context, 'optionalAccess', _2 => _2.isDisabled]);
+  const resolvedVariant = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _3 => _3.variant]), () => ( "stacked"));
   const isIconOnly = resolvedVariant === "icon-only";
-  const resolvedShowLabel = isIconOnly ? false : showLabel ?? context?.showLabel ?? true;
+  const resolvedShowLabel = isIconOnly ? false : _nullishCoalesce(_nullishCoalesce(showLabel, () => ( _optionalChain([context, 'optionalAccess', _4 => _4.showLabel]))), () => ( true));
   const isInline = resolvedVariant === "inline";
-  const resolvedSize = context?.size ?? "md";
-  const resolvedThemeColor = context?.themeColor ?? "primary";
-  const [contentSize, setContentSize] = (0, import_react8.useState)({ width: 0, height: 0 });
+  const resolvedSize = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _5 => _5.size]), () => ( "md"));
+  const resolvedThemeColor = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _6 => _6.themeColor]), () => ( "primary"));
+  const [contentSize, setContentSize] = _react.useState.call(void 0, { width: 0, height: 0 });
   const sizeStyles = useBottomTabBarSizeStyles(resolvedSize);
   const resolvedIndicatorWidth = isInline ? Math.max(
     sizeStyles.indicatorHeight,
@@ -253,31 +180,31 @@ var BottomTabBarItem = ({
     sizeStyles.indicatorHeight,
     contentSize.height + ICON_ONLY_INDICATOR_VERTICAL_PADDING * 2
   ) : sizeStyles.indicatorHeight;
-  const colors2 = useBottomTabBarColors(
+  const colors = useBottomTabBarColors(
     resolvedThemeColor,
-    activeColor ?? context?.activeColor,
-    inactiveColor ?? context?.inactiveColor,
-    indicatorColor ?? context?.indicatorColor
+    _nullishCoalesce(activeColor, () => ( _optionalChain([context, 'optionalAccess', _7 => _7.activeColor]))),
+    _nullishCoalesce(inactiveColor, () => ( _optionalChain([context, 'optionalAccess', _8 => _8.inactiveColor]))),
+    _nullishCoalesce(indicatorColor, () => ( _optionalChain([context, 'optionalAccess', _9 => _9.indicatorColor])))
   );
-  const indicatorScale = (0, import_react8.useRef)(new import_react_native5.Animated.Value(selected ? 1 : 0.75)).current;
-  const indicatorOpacity = (0, import_react8.useRef)(new import_react_native5.Animated.Value(selected ? 1 : 0)).current;
-  (0, import_react8.useEffect)(() => {
-    import_react_native5.Animated.parallel([
-      import_react_native5.Animated.spring(indicatorScale, {
+  const indicatorScale = _react.useRef.call(void 0, new _reactnative.Animated.Value(selected ? 1 : 0.75)).current;
+  const indicatorOpacity = _react.useRef.call(void 0, new _reactnative.Animated.Value(selected ? 1 : 0)).current;
+  _react.useEffect.call(void 0, () => {
+    _reactnative.Animated.parallel([
+      _reactnative.Animated.spring(indicatorScale, {
         toValue: selected ? 1 : 0.75,
         friction: 9,
         tension: 95,
         useNativeDriver: true
       }),
-      import_react_native5.Animated.timing(indicatorOpacity, {
+      _reactnative.Animated.timing(indicatorOpacity, {
         toValue: selected ? 1 : 0,
         duration: selected ? 180 : 140,
         useNativeDriver: true
       })
     ]).start();
   }, [indicatorOpacity, indicatorScale, selected]);
-  const iconColor = selected ? colors2.activeColor : colors2.inactiveColor;
-  const iconNode = (0, import_react8.useMemo)(() => {
+  const iconColor = selected ? colors.activeColor : colors.inactiveColor;
+  const iconNode = _react.useMemo.call(void 0, () => {
     const params = {
       focused: !!selected,
       color: iconColor,
@@ -288,8 +215,8 @@ var BottomTabBarItem = ({
     }
     return resolveIconNode(icon, params);
   }, [activeIcon, icon, iconColor, selected, sizeStyles.iconSize]);
-  const labelNode = resolvedShowLabel ? /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native5.Text,
+  const labelNode = resolvedShowLabel ? /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Text,
     {
       numberOfLines: 1,
       style: [
@@ -299,18 +226,18 @@ var BottomTabBarItem = ({
           color: iconColor,
           fontSize: sizeStyles.labelSize
         },
-        customAppearance?.label
+        _optionalChain([customAppearance, 'optionalAccess', _10 => _10.label])
       ]
     },
     label
   ) : null;
-  return /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native5.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: (event) => {
         if (disabled) return;
-        context?.onSelectionChange?.(itemKey);
-        onPress?.(event);
+        _optionalChain([context, 'optionalAccess', _11 => _11.onSelectionChange, 'optionalCall', _12 => _12(itemKey)]);
+        _optionalChain([onPress, 'optionalCall', _13 => _13(event)]);
       },
       onLongPress,
       disabled,
@@ -320,8 +247,8 @@ var BottomTabBarItem = ({
       testID,
       style: styles.itemPressable
     },
-    /* @__PURE__ */ import_react8.default.createElement(
-      import_react_native5.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.itemContainer,
@@ -332,11 +259,11 @@ var BottomTabBarItem = ({
           },
           disabled && styles.disabled,
           style,
-          customAppearance?.container
+          _optionalChain([customAppearance, 'optionalAccess', _14 => _14.container])
         ]
       },
-      /* @__PURE__ */ import_react8.default.createElement(
-        import_react_native5.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.indicator,
@@ -345,11 +272,11 @@ var BottomTabBarItem = ({
               height: resolvedIndicatorHeight,
               marginBottom: !isInline && resolvedShowLabel ? sizeStyles.labelSpacing : 0
             },
-            customAppearance?.indicator
+            _optionalChain([customAppearance, 'optionalAccess', _15 => _15.indicator])
           ]
         },
-        /* @__PURE__ */ import_react8.default.createElement(
-          import_react_native5.Animated.View,
+        /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Animated.View,
           {
             style: [
               styles.indicatorBackground,
@@ -357,15 +284,15 @@ var BottomTabBarItem = ({
                 width: resolvedIndicatorWidth,
                 height: resolvedIndicatorHeight,
                 borderRadius: resolvedIndicatorHeight / 2,
-                backgroundColor: colors2.indicatorColor,
+                backgroundColor: colors.indicatorColor,
                 transform: [{ scale: indicatorScale }],
                 opacity: indicatorOpacity
               }
             ]
           }
         ),
-        /* @__PURE__ */ import_react8.default.createElement(
-          import_react_native5.View,
+        /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.View,
           {
             style: styles.indicatorContent,
             onLayout: (event) => {
@@ -378,7 +305,7 @@ var BottomTabBarItem = ({
             }
           },
           iconNode,
-          badge ? /* @__PURE__ */ import_react8.default.createElement(import_react_native5.View, { style: styles.badgeContainer }, badge) : null,
+          badge ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.badgeContainer }, badge) : null,
           isInline ? labelNode : null
         )
       ),
@@ -396,7 +323,7 @@ var getRouteLabel = (route, options, focused, color, variant) => {
     return options.tabBarLabel({
       focused,
       color,
-      children: options.title ?? route.name,
+      children: _nullishCoalesce(options.title, () => ( route.name)),
       position: variant === "inline" ? "beside-icon" : "below-icon"
     });
   }
@@ -423,7 +350,7 @@ var BottomTabBar = (props) => {
     customAppearance
   } = props;
   const sizeStyles = useBottomTabBarSizeStyles(size);
-  const colors2 = useBottomTabBarColors(
+  const colors = useBottomTabBarColors(
     themeColor,
     activeColor,
     inactiveColor,
@@ -432,34 +359,34 @@ var BottomTabBar = (props) => {
   if (isExpoRouterMode(props)) {
     const { state, descriptors, navigation, insets } = props;
     const currentRoute = state.routes[state.index];
-    const focusedOptions = descriptors[currentRoute.key]?.options;
-    const focusedStyle = focusedOptions?.tabBarStyle;
-    if (focusedStyle?.display === "none") {
+    const focusedOptions = _optionalChain([descriptors, 'access', _16 => _16[currentRoute.key], 'optionalAccess', _17 => _17.options]);
+    const focusedStyle = _optionalChain([focusedOptions, 'optionalAccess', _18 => _18.tabBarStyle]);
+    if (_optionalChain([focusedStyle, 'optionalAccess', _19 => _19.display]) === "none") {
       return null;
     }
-    const routerInsetBottom = insets?.bottom ?? insetBottom;
-    return /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native6.View,
+    const routerInsetBottom = _nullishCoalesce(_optionalChain([insets, 'optionalAccess', _20 => _20.bottom]), () => ( insetBottom));
+    return /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.container,
           {
             minHeight: sizeStyles.minHeight + routerInsetBottom,
             paddingBottom: routerInsetBottom,
-            backgroundColor: colors2.containerColor,
-            borderTopColor: colors2.borderColor
+            backgroundColor: colors.containerColor,
+            borderTopColor: colors.borderColor
           },
           style,
-          customAppearance?.container
+          _optionalChain([customAppearance, 'optionalAccess', _21 => _21.container])
         ]
       },
-      state.routes.filter((route) => descriptors[route.key]?.options.href !== null).map((route) => {
-        const routeOptions = descriptors[route.key]?.options ?? {};
+      state.routes.filter((route) => _optionalChain([descriptors, 'access', _22 => _22[route.key], 'optionalAccess', _23 => _23.options, 'access', _24 => _24.href]) !== null).map((route) => {
+        const routeOptions = _nullishCoalesce(_optionalChain([descriptors, 'access', _25 => _25[route.key], 'optionalAccess', _26 => _26.options]), () => ( {}));
         const focused = currentRoute.key === route.key;
-        const routeActiveColor = routeOptions.tabBarActiveTintColor ?? activeColor;
-        const routeInactiveColor = routeOptions.tabBarInactiveTintColor ?? inactiveColor;
-        const labelColor = focused ? routeActiveColor ?? colors2.activeColor : routeInactiveColor ?? colors2.inactiveColor;
-        return /* @__PURE__ */ import_react9.default.createElement(
+        const routeActiveColor = _nullishCoalesce(routeOptions.tabBarActiveTintColor, () => ( activeColor));
+        const routeInactiveColor = _nullishCoalesce(routeOptions.tabBarInactiveTintColor, () => ( inactiveColor));
+        const labelColor = focused ? _nullishCoalesce(routeActiveColor, () => ( colors.activeColor)) : _nullishCoalesce(routeInactiveColor, () => ( colors.inactiveColor));
+        return /* @__PURE__ */ _react2.default.createElement(
           BottomTabBarItem,
           {
             key: route.key,
@@ -473,7 +400,7 @@ var BottomTabBar = (props) => {
             ),
             icon: routeOptions.tabBarIcon,
             isSelected: focused,
-            showLabel: routeOptions.tabBarShowLabel ?? showLabel,
+            showLabel: _nullishCoalesce(routeOptions.tabBarShowLabel, () => ( showLabel)),
             activeColor: routeActiveColor,
             inactiveColor: routeInactiveColor,
             badge: routeOptions.tabBarBadge,
@@ -503,25 +430,25 @@ var BottomTabBar = (props) => {
     );
   }
   const { children, selectedKey, defaultSelectedKey, onSelectionChange } = props;
-  const firstItemKey = import_react9.default.useMemo(() => {
-    const child = import_react9.default.Children.toArray(children)[0];
-    if (import_react9.default.isValidElement(child)) {
+  const firstItemKey = _react2.default.useMemo(() => {
+    const child = _react2.default.Children.toArray(children)[0];
+    if (_react2.default.isValidElement(child)) {
       return child.props.itemKey;
     }
     return void 0;
   }, [children]);
   const isControlled = typeof selectedKey === "string";
-  const [internalSelectedKey, setInternalSelectedKey] = (0, import_react9.useState)(
-    defaultSelectedKey ?? firstItemKey
+  const [internalSelectedKey, setInternalSelectedKey] = _react.useState.call(void 0, 
+    _nullishCoalesce(defaultSelectedKey, () => ( firstItemKey))
   );
   const resolvedSelectedKey = isControlled ? selectedKey : internalSelectedKey;
   const handleSelectionChange = (nextKey) => {
     if (!isControlled) {
       setInternalSelectedKey(nextKey);
     }
-    onSelectionChange?.(nextKey);
+    _optionalChain([onSelectionChange, 'optionalCall', _27 => _27(nextKey)]);
   };
-  const contextValue = (0, import_react9.useMemo)(
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       selectedKey: resolvedSelectedKey,
       onSelectionChange: handleSelectionChange,
@@ -546,26 +473,25 @@ var BottomTabBar = (props) => {
       themeColor
     ]
   );
-  return /* @__PURE__ */ import_react9.default.createElement(BottomTabBarContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native6.View,
+  return /* @__PURE__ */ _react2.default.createElement(BottomTabBarContext.Provider, { value: contextValue }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.container,
         {
           minHeight: sizeStyles.minHeight + insetBottom,
           paddingBottom: insetBottom,
-          backgroundColor: colors2.containerColor,
-          borderTopColor: colors2.borderColor
+          backgroundColor: colors.containerColor,
+          borderTopColor: colors.borderColor
         },
         style,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _28 => _28.container])
       ]
     },
     children
   ));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BottomTabBar,
-  BottomTabBarItem
-});
+
+
+
+exports.BottomTabBar = BottomTabBar; exports.BottomTabBarItem = BottomTabBarItem;

package/dist/bottom-tab-bar/index.js

@@ -1,7 +1,7 @@
-import "../chunk-CZFDZPAS.js";
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-I4V5Y5GD.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/bottom-tab-bar/bottom-tab-bar.tsx
 import React2, { useMemo as useMemo3, useState as useState2 } from "react";