@xaui/native 0.0.26 → 0.0.28

package/dist/datepicker/index.js

@@ -1,7 +1,8 @@
+import "../chunk-DXXNBF5P.js";
 import {
   Portal,
   useXUITheme
-} from "../chunk-URBEEDFX.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/datepicker/datepicker.tsx
 import React7, { useCallback as useCallback5, useMemo as useMemo6, useRef as useRef6 } from "react";

package/dist/divider/index.cjs

@@ -1,148 +1,8 @@
-"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});
 
-// src/components/divider/index.ts
-var divider_exports = {};
-__export(divider_exports, {
-  Divider: () => Divider
-});
-module.exports = __toCommonJS(divider_exports);
+var _chunkBD72HIPRcjs = require('../chunk-BD72HIPR.cjs');
+require('../chunk-HSPTLUFA.cjs');
+require('../chunk-OQ2BLOOG.cjs');
 
-// src/components/divider/divider.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
 
-// src/components/divider/divider.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
-  horizontal: {
-    height: 1,
-    flexShrink: 1,
-    flexBasis: "auto",
-    width: "100%"
-  },
-  vertical: {
-    width: 1,
-    alignSelf: "stretch"
-  }
-});
-
-// src/components/divider/divider.hook.ts
-var import_react6 = require("react");
-
-// src/core/theme-context.tsx
-var import_react4 = __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_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_native2 = require("react-native");
-var hostStyles = import_react_native2.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_native4 = 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/divider/divider.hook.ts
-var import_core2 = require("@xaui/core");
-var useDividerColor = (themeColor, customColor) => {
-  const theme = useXUITheme();
-  const dividerColor = (0, import_react6.useMemo)(() => {
-    if (customColor) {
-      return customColor;
-    }
-    const safeThemeColor = (0, import_core2.getSafeThemeColor)(themeColor);
-    return theme.colors[safeThemeColor].main;
-  }, [customColor, themeColor, theme]);
-  return dividerColor;
-};
-var useDividerSize = (size, orientation) => {
-  const sizeStyles = (0, import_react6.useMemo)(() => {
-    if (orientation === "horizontal") {
-      return {
-        height: size
-      };
-    }
-    return {
-      width: size
-    };
-  }, [size, orientation]);
-  return sizeStyles;
-};
-
-// src/components/divider/divider.tsx
-var Divider = ({
-  size = 1,
-  themeColor = "default",
-  color,
-  orientation = "horizontal"
-}) => {
-  const dividerColor = useDividerColor(themeColor, color);
-  const sizeStyles = useDividerSize(size, orientation);
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.View,
-    {
-      style: [
-        orientation === "horizontal" ? styles.horizontal : styles.vertical,
-        sizeStyles,
-        { backgroundColor: dividerColor }
-      ]
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Divider
-});
+exports.Divider = _chunkBD72HIPRcjs.Divider;

package/dist/divider/index.js

@@ -1,7 +1,8 @@
 import {
   Divider
-} from "../chunk-ULJSCNPE.js";
-import "../chunk-GHCVNQET.js";
+} from "../chunk-LUBWRVI2.js";
+import "../chunk-DXXNBF5P.js";
+import "../chunk-LTKYHG5V.js";
 export {
   Divider
 };

package/dist/drawer/index.cjs

@@ -1,91 +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 }; }require('../chunk-HSPTLUFA.cjs');
 
-// src/components/drawer/index.ts
-var drawer_exports = {};
-__export(drawer_exports, {
-  Drawer: () => Drawer
-});
-module.exports = __toCommonJS(drawer_exports);
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/drawer/drawer.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/drawer/drawer.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/drawer/drawer.hook.ts
+var _core = require('@xaui/core');
 var useDrawerStyles = (themeColor, position, width, height) => {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => {
-    const safeThemeColor = (0, import_core.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
+    const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
     const colorScheme = theme.colors[safeThemeColor];
     const isDefaultThemeColor = safeThemeColor === "default";
     const defaultBackgroundColor = theme.mode === "dark" ? theme.colors.default.background : "#FFFFFF";
@@ -113,8 +41,8 @@ var getTranslateValue = (position, size) => {
 };
 
 // src/components/drawer/drawer.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   overlay: {
     position: "absolute",
     top: 0,
@@ -163,21 +91,21 @@ var Drawer = ({
   disableAnimation = false
 }) => {
   const DRAWER_ANIMATION_DURATION = 250;
-  const [isModalMounted, setIsModalMounted] = (0, import_react7.useState)(false);
-  const [isModalVisible, setIsModalVisible] = (0, import_react7.useState)(false);
-  const isModalMountedRef = (0, import_react7.useRef)(false);
-  const animationRef = (0, import_react7.useRef)(null);
+  const [isModalMounted, setIsModalMounted] = _react.useState.call(void 0, false);
+  const [isModalVisible, setIsModalVisible] = _react.useState.call(void 0, false);
+  const isModalMountedRef = _react.useRef.call(void 0, false);
+  const animationRef = _react.useRef.call(void 0, null);
   const size = position === "left" || position === "right" ? width : height;
-  const initialTranslateValues = (0, import_react7.useMemo)(
+  const initialTranslateValues = _react.useMemo.call(void 0, 
     () => getTranslateValue(position, size),
     [position, size]
   );
-  const translateX = (0, import_react7.useRef)(new import_react_native5.Animated.Value(initialTranslateValues.x)).current;
-  const translateY = (0, import_react7.useRef)(new import_react_native5.Animated.Value(initialTranslateValues.y)).current;
-  const overlayOpacity = (0, import_react7.useRef)(new import_react_native5.Animated.Value(0)).current;
+  const translateX = _react.useRef.call(void 0, new _reactnative.Animated.Value(initialTranslateValues.x)).current;
+  const translateY = _react.useRef.call(void 0, new _reactnative.Animated.Value(initialTranslateValues.y)).current;
+  const overlayOpacity = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
   const containerStyle = useDrawerStyles(themeColor, position, width, height);
   const positionStyle = position === "left" ? styles.drawerLeft : position === "right" ? styles.drawerRight : position === "top" ? styles.drawerTop : styles.drawerBottom;
-  (0, import_react7.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     const translateValues = getTranslateValue(position, size);
     if (animationRef.current) {
       animationRef.current.stop();
@@ -198,20 +126,20 @@ var Drawer = ({
         overlayOpacity.setValue(1);
         return;
       }
-      const animation2 = import_react_native5.Animated.parallel([
-        import_react_native5.Animated.timing(translateX, {
+      const animation2 = _reactnative.Animated.parallel([
+        _reactnative.Animated.timing(translateX, {
           toValue: 0,
           duration: DRAWER_ANIMATION_DURATION,
-          easing: import_react_native5.Easing.out(import_react_native5.Easing.cubic),
+          easing: _reactnative.Easing.out(_reactnative.Easing.cubic),
           useNativeDriver: true
         }),
-        import_react_native5.Animated.timing(translateY, {
+        _reactnative.Animated.timing(translateY, {
           toValue: 0,
           duration: DRAWER_ANIMATION_DURATION,
-          easing: import_react_native5.Easing.out(import_react_native5.Easing.cubic),
+          easing: _reactnative.Easing.out(_reactnative.Easing.cubic),
           useNativeDriver: true
         }),
-        import_react_native5.Animated.timing(overlayOpacity, {
+        _reactnative.Animated.timing(overlayOpacity, {
           toValue: 1,
           duration: DRAWER_ANIMATION_DURATION,
           useNativeDriver: true
@@ -237,20 +165,20 @@ var Drawer = ({
       setIsModalMounted(false);
       return;
     }
-    const animation = import_react_native5.Animated.parallel([
-      import_react_native5.Animated.timing(translateX, {
+    const animation = _reactnative.Animated.parallel([
+      _reactnative.Animated.timing(translateX, {
         toValue: translateValues.x,
         duration: DRAWER_ANIMATION_DURATION,
-        easing: import_react_native5.Easing.in(import_react_native5.Easing.cubic),
+        easing: _reactnative.Easing.in(_reactnative.Easing.cubic),
         useNativeDriver: true
       }),
-      import_react_native5.Animated.timing(translateY, {
+      _reactnative.Animated.timing(translateY, {
         toValue: translateValues.y,
         duration: DRAWER_ANIMATION_DURATION,
-        easing: import_react_native5.Easing.in(import_react_native5.Easing.cubic),
+        easing: _reactnative.Easing.in(_reactnative.Easing.cubic),
         useNativeDriver: true
       }),
-      import_react_native5.Animated.timing(overlayOpacity, {
+      _reactnative.Animated.timing(overlayOpacity, {
         toValue: 0,
         duration: DRAWER_ANIMATION_DURATION,
         useNativeDriver: true
@@ -279,16 +207,16 @@ var Drawer = ({
   if (!isModalMounted) {
     return null;
   }
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.Modal,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Modal,
     {
       transparent: true,
       visible: isModalVisible,
       animationType: "none",
       onRequestClose: onClose
     },
-    /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: { flex: 1 } }, showOverlay && /* @__PURE__ */ import_react7.default.createElement(import_react_native5.Pressable, { onPress: onClose, style: { flex: 1 } }, /* @__PURE__ */ import_react7.default.createElement(import_react_native5.Animated.View, { style: [styles.overlay, { opacity: overlayOpacity }] })), /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native5.Animated.View,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: { flex: 1 } }, showOverlay && /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { onPress: onClose, style: { flex: 1 } }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles.overlay, { opacity: overlayOpacity }] })), /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Animated.View,
       {
         style: [
           styles.drawerContainer,
@@ -304,7 +232,6 @@ var Drawer = ({
     ))
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Drawer
-});
+
+
+exports.Drawer = Drawer;

package/dist/drawer/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-URBEEDFX.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/drawer/drawer.tsx
 import React, { useEffect, useMemo as useMemo2, useRef, useState } from "react";