@xaui/native 0.0.27 → 0.0.28

package/dist/tabs/index.cjs

@@ -1,133 +1,50 @@
-"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/tabs/index.ts
-var tabs_exports = {};
-__export(tabs_exports, {
-  Tab: () => Tab,
-  Tabs: () => Tabs
-});
-module.exports = __toCommonJS(tabs_exports);
 
-// src/components/tabs/tabs.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
 
-// src/core/theme-hooks.ts
-var import_react5 = require("react");
-var import_react_native3 = require("react-native");
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
-// 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/components/tabs/tabs.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
-// 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
-function useXUITheme() {
-  const theme = (0, import_react5.useContext)(XUIThemeContext);
-  if (!theme) {
-    throw new Error("useXUITheme must be used within XUIProvider");
-  }
-  return theme;
-}
-function useBorderRadiusStyles(radius) {
-  const theme = useXUITheme();
-  const borderRadius = (0, import_react5.useMemo)(() => {
-    const radiusMap = {
-      none: theme.borderRadius.none,
-      sm: theme.borderRadius.sm,
-      md: theme.borderRadius.md,
-      lg: theme.borderRadius.lg,
-      full: theme.borderRadius.full
-    };
-    return { borderRadius: radiusMap[radius] };
-  }, [radius, theme]);
-  return borderRadius;
-}
+var _reactnative = require('react-native');
 
 // src/components/tabs/tabs.animation.ts
-var import_react_native4 = require("react-native");
+
 var runTabsCursorAnimation = (translateX, width, scaleX, toX, toWidth, duration) => {
   scaleX.setValue(0.75);
-  import_react_native4.Animated.parallel([
-    import_react_native4.Animated.timing(translateX, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.timing(translateX, {
       toValue: toX,
       duration,
-      easing: import_react_native4.Easing.inOut(import_react_native4.Easing.quad),
+      easing: _reactnative.Easing.inOut(_reactnative.Easing.quad),
       useNativeDriver: false
     }),
-    import_react_native4.Animated.timing(width, {
+    _reactnative.Animated.timing(width, {
       toValue: toWidth,
       duration,
-      easing: import_react_native4.Easing.inOut(import_react_native4.Easing.quad),
+      easing: _reactnative.Easing.inOut(_reactnative.Easing.quad),
       useNativeDriver: false
     }),
-    import_react_native4.Animated.timing(scaleX, {
+    _reactnative.Animated.timing(scaleX, {
       toValue: 1,
       duration,
-      easing: import_react_native4.Easing.out(import_react_native4.Easing.quad),
+      easing: _reactnative.Easing.out(_reactnative.Easing.quad),
       useNativeDriver: false
     })
   ]).start();
 };
 
 // src/components/tabs/tabs.hook.ts
-var import_react6 = require("react");
-var import_core = require("@xaui/core");
 
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
-
-// src/components/tabs/tabs.hook.ts
+var _core = require('@xaui/core');
 function useTabsSizeStyles(size) {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         minHeight: 32,
@@ -158,11 +75,11 @@ function useTabsSizeStyles(size) {
   }, [size, theme]);
 }
 function useTabsVariantStyles(color, variant) {
-  const theme = useXUITheme();
-  const safeColor = (0, import_core.getSafeThemeColor)(color);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeColor = _core.getSafeThemeColor.call(void 0, color);
   const palette = theme.colors[safeColor];
-  const cursorSolidColor = (0, import_core.withPaletteNumber)(palette.main, 400);
-  return (0, import_react6.useMemo)(() => {
+  const cursorSolidColor = _core.withPaletteNumber.call(void 0, palette.main, 400);
+  return _react.useMemo.call(void 0, () => {
     const variants = {
       solid: {
         listBackgroundColor: palette.background,
@@ -222,8 +139,8 @@ function useTabsVariantStyles(color, variant) {
 }
 
 // src/components/tabs/tabs.style.ts
-var import_react_native5 = require("react-native");
-var styles = import_react_native5.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     width: "100%"
   },
@@ -266,18 +183,18 @@ var styles = import_react_native5.StyleSheet.create({
 
 // src/components/tabs/tabs.tsx
 function isTabDisabled(item, disabledKeys, isDisabled) {
-  return isDisabled || item.isDisabled === true || disabledKeys?.includes(item.key) === true;
+  return isDisabled || item.isDisabled === true || _optionalChain([disabledKeys, 'optionalAccess', _ => _.includes, 'call', _2 => _2(item.key)]) === true;
 }
 function getFallbackKey(items, disabledKeys, isDisabled) {
   if (isDisabled) return "";
   const firstEnabled = items.find((item) => !isTabDisabled(item, disabledKeys, false));
-  return firstEnabled?.key ?? "";
+  return _nullishCoalesce(_optionalChain([firstEnabled, 'optionalAccess', _3 => _3.key]), () => ( ""));
 }
 var Tab = () => null;
 Tab.displayName = "Tab";
 function toTabItems(children) {
-  return import_react7.default.Children.toArray(children).flatMap((child) => {
-    if (!import_react7.default.isValidElement(child) || child.type !== Tab) {
+  return _react2.default.Children.toArray(children).flatMap((child) => {
+    if (!_react2.default.isValidElement(child) || child.type !== Tab) {
       return [];
     }
     if (child.key == null) {
@@ -313,35 +230,35 @@ var Tabs = ({
   content,
   customAppearance
 }) => {
-  const items = (0, import_react7.useMemo)(() => toTabItems(children), [children]);
+  const items = _react.useMemo.call(void 0, () => toTabItems(children), [children]);
   const isControlled = controlledSelectedKey !== void 0;
-  const initialKey = (0, import_react7.useMemo)(() => {
+  const initialKey = _react.useMemo.call(void 0, () => {
     if (defaultSelectedKey) return defaultSelectedKey;
     return getFallbackKey(items, disabledKeys, isDisabled);
   }, [defaultSelectedKey, disabledKeys, isDisabled, items]);
-  const [internalSelectedKey, setInternalSelectedKey] = (0, import_react7.useState)(initialKey);
-  const [layouts, setLayouts] = (0, import_react7.useState)({});
-  const [listWidth, setListWidth] = (0, import_react7.useState)(0);
-  const selectedKey = (isControlled ? controlledSelectedKey : internalSelectedKey) ?? "";
-  const selectedItem = (0, import_react7.useMemo)(
+  const [internalSelectedKey, setInternalSelectedKey] = _react.useState.call(void 0, initialKey);
+  const [layouts, setLayouts] = _react.useState.call(void 0, {});
+  const [listWidth, setListWidth] = _react.useState.call(void 0, 0);
+  const selectedKey = _nullishCoalesce((isControlled ? controlledSelectedKey : internalSelectedKey), () => ( ""));
+  const selectedItem = _react.useMemo.call(void 0, 
     () => items.find((item) => item.key === selectedKey),
     [items, selectedKey]
   );
   const sizeStyles = useTabsSizeStyles(size);
   const variantStyles = useTabsVariantStyles(color, variant);
-  const radiusStyles = useBorderRadiusStyles(radius);
-  const cursorTranslateX = (0, import_react7.useRef)(new import_react_native6.Animated.Value(0)).current;
-  const cursorWidth = (0, import_react7.useRef)(new import_react_native6.Animated.Value(0)).current;
-  const cursorScaleX = (0, import_react7.useRef)(new import_react_native6.Animated.Value(1)).current;
-  const prevCursorLayout = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
+  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const cursorTranslateX = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const cursorWidth = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const cursorScaleX = _react.useRef.call(void 0, new _reactnative.Animated.Value(1)).current;
+  const prevCursorLayout = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
     if (isControlled || selectedKey) return;
     const nextFallback = getFallbackKey(items, disabledKeys, isDisabled);
     if (nextFallback && nextFallback !== selectedKey) {
       setInternalSelectedKey(nextFallback);
     }
   }, [disabledKeys, isControlled, isDisabled, items, selectedKey]);
-  (0, import_react7.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!selectedKey) return;
     const selectedLayout = layouts[selectedKey];
     if (!selectedLayout) return;
@@ -370,7 +287,7 @@ var Tabs = ({
     layouts,
     selectedKey
   ]);
-  const onTabLayout = (0, import_react7.useCallback)(
+  const onTabLayout = _react.useCallback.call(void 0, 
     (key, event) => {
       const nextLayout = event.nativeEvent.layout;
       setLayouts((prev) => {
@@ -379,7 +296,7 @@ var Tabs = ({
           return prev;
         }
         const isBordered = variant === "bordered";
-        const isFirstTab = items[0]?.key === key;
+        const isFirstTab = _optionalChain([items, 'access', _4 => _4[0], 'optionalAccess', _5 => _5.key]) === key;
         let cursorWidth2 = nextLayout.width;
         let cursorX = nextLayout.x;
         if (isBordered) {
@@ -402,20 +319,20 @@ var Tabs = ({
     },
     [items, listWidth, setLayouts, variant, variantStyles.listBorderWidth]
   );
-  const handleTabPress = (0, import_react7.useCallback)(
+  const handleTabPress = _react.useCallback.call(void 0, 
     (item) => {
       if (isTabDisabled(item, disabledKeys, isDisabled)) return;
       if (!isControlled) {
         setInternalSelectedKey(item.key);
       }
-      onSelectionChange?.(item.key);
+      _optionalChain([onSelectionChange, 'optionalCall', _6 => _6(item.key)]);
     },
     [disabledKeys, isControlled, isDisabled, onSelectionChange]
   );
   const shouldShowCursor = !!selectedKey && !!layouts[selectedKey] && !isDisabled && items.length > 0;
-  const resolvedContent = typeof content === "function" ? content({ selectedKey, selectedItem }) : content ?? selectedItem?.content;
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: [styles.container, customAppearance?.container] }, /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native6.View,
+  const resolvedContent = typeof content === "function" ? content({ selectedKey, selectedItem }) : _nullishCoalesce(content, () => ( _optionalChain([selectedItem, 'optionalAccess', _7 => _7.content])));
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, _optionalChain([customAppearance, 'optionalAccess', _8 => _8.container])] }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       onLayout: (event) => setListWidth(event.nativeEvent.layout.width),
       style: [
@@ -425,16 +342,16 @@ var Tabs = ({
           backgroundColor: variantStyles.listBackgroundColor,
           borderColor: variantStyles.listBorderColor,
           borderWidth: variantStyles.listBorderWidth,
-          borderBottomWidth: variant === "underlined" ? variantStyles.cursorHeight ?? 2 : variantStyles.listBorderWidth,
+          borderBottomWidth: variant === "underlined" ? _nullishCoalesce(variantStyles.cursorHeight, () => ( 2)) : variantStyles.listBorderWidth,
           paddingHorizontal: variantStyles.listPaddingHorizontal,
           ...variant === "bordered" && { overflow: "hidden" }
         },
         fullWidth && styles.fullWidth,
-        customAppearance?.list
+        _optionalChain([customAppearance, 'optionalAccess', _9 => _9.list])
       ]
     },
-    shouldShowCursor && /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native6.Animated.View,
+    shouldShowCursor && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Animated.View,
       {
         pointerEvents: "none",
         style: [
@@ -465,15 +382,15 @@ var Tabs = ({
               elevation: 2
             }
           },
-          customAppearance?.cursor
+          _optionalChain([customAppearance, 'optionalAccess', _10 => _10.cursor])
         ]
       }
     ),
     items.map((item) => {
       const isSelected = selectedKey === item.key;
       const disabled = isTabDisabled(item, disabledKeys, isDisabled);
-      return /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native6.Pressable,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Pressable,
         {
           key: item.key,
           onLayout: (event) => onTabLayout(item.key, event),
@@ -481,8 +398,8 @@ var Tabs = ({
           disabled,
           style: [styles.tabPressable, disabled && styles.disabled]
         },
-        /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native6.View,
+        /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.View,
           {
             style: [
               styles.tab,
@@ -491,12 +408,12 @@ var Tabs = ({
                 paddingHorizontal: sizeStyles.paddingHorizontal,
                 paddingVertical: sizeStyles.paddingVertical
               },
-              customAppearance?.tab,
-              isSelected && customAppearance?.selectedTab
+              _optionalChain([customAppearance, 'optionalAccess', _11 => _11.tab]),
+              isSelected && _optionalChain([customAppearance, 'optionalAccess', _12 => _12.selectedTab])
             ]
           },
-          renderTab ? renderTab(item, { isSelected, isDisabled: disabled }) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, item.startContent, /* @__PURE__ */ import_react7.default.createElement(
-            import_react_native6.Text,
+          renderTab ? renderTab(item, { isSelected, isDisabled: disabled }) : /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, item.startContent, /* @__PURE__ */ _react2.default.createElement(
+            _reactnative.Text,
             {
               numberOfLines: 1,
               style: [
@@ -505,8 +422,8 @@ var Tabs = ({
                   color: isSelected ? variantStyles.selectedTextColor : variantStyles.textColor,
                   fontSize: sizeStyles.fontSize
                 },
-                customAppearance?.text,
-                isSelected && customAppearance?.selectedText
+                _optionalChain([customAppearance, 'optionalAccess', _13 => _13.text]),
+                isSelected && _optionalChain([customAppearance, 'optionalAccess', _14 => _14.selectedText])
               ]
             },
             item.title
@@ -514,10 +431,9 @@ var Tabs = ({
         )
       );
     })
-  ), resolvedContent !== void 0 && /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: [styles.content, customAppearance?.content] }, resolvedContent));
+  ), resolvedContent !== void 0 && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.content, _optionalChain([customAppearance, 'optionalAccess', _15 => _15.content])] }, resolvedContent));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Tab,
-  Tabs
-});
+
+
+
+exports.Tab = Tab; exports.Tabs = Tabs;

package/dist/tabs/index.js

@@ -1,7 +1,8 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-4KSZLONZ.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/tabs/tabs.tsx
 import React, { useCallback, useEffect, useMemo as useMemo2, useRef, useState } from "react";