@xaui/native 0.0.26 → 0.0.28

package/dist/button/index.js

@@ -1,10 +1,11 @@
 import {
   ActivityIndicator
-} from "../chunk-UI5L26KD.js";
+} from "../chunk-F7WH4DMG.js";
+import "../chunk-DXXNBF5P.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-GHCVNQET.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/button/button.tsx
 import React from "react";

package/dist/card/index.cjs

@@ -1,103 +1,16 @@
-"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/card/index.ts
-var card_exports = {};
-__export(card_exports, {
-  Card: () => Card,
-  CardBody: () => CardBody,
-  CardDescription: () => CardDescription,
-  CardFooter: () => CardFooter,
-  CardHeader: () => CardHeader,
-  CardTitle: () => CardTitle
-});
-module.exports = __toCommonJS(card_exports);
-
-// src/components/card/card.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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/core/theme-hooks.ts
-var import_react5 = require("react");
-var import_react_native3 = require("react-native");
 
-// 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");
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
-// 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;
-}
+// src/components/card/card.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/card/card.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   card: {
     overflow: "hidden",
     borderWidth: 1
@@ -143,29 +56,24 @@ var styles = import_react_native4.StyleSheet.create({
 });
 
 // src/components/card/card.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/card/card.hook.ts
+var _core = require('@xaui/core');
 var useCardContainerStyles = (themeColor, isBlurred) => {
-  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";
     return {
       backgroundColor: isBlurred ? theme.mode === "dark" ? "rgba(24, 24, 27, 0.82)" : "rgba(255, 255, 255, 0.82)" : isDefaultThemeColor ? defaultBackgroundColor : colorScheme.background,
-      borderColor: (0, import_core.withOpacity)(colorScheme.main, 0.05)
+      borderColor: _core.withOpacity.call(void 0, colorScheme.main, 0.05)
     };
   }, [isBlurred, theme, themeColor]);
 };
 var useCardElevationStyles = (elevation = 0) => {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const shadowStyles = elevation === 0 ? {} : elevation === 1 ? theme.shadows.sm : elevation === 2 ? theme.shadows.md : elevation === 3 ? theme.shadows.lg : theme.shadows.xl;
     return {
       ...shadowStyles,
@@ -174,20 +82,20 @@ var useCardElevationStyles = (elevation = 0) => {
   }, [elevation, theme]);
 };
 var useCardTextStyles = (themeColor) => {
-  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];
     return {
       titleColor: colorScheme.main,
-      descriptionColor: theme.mode === "dark" ? (0, import_core.withOpacity)(theme.colors.foreground, 0.8) : (0, import_core.withOpacity)(theme.colors.foreground, 0.72)
+      descriptionColor: theme.mode === "dark" ? _core.withOpacity.call(void 0, theme.colors.foreground, 0.8) : _core.withOpacity.call(void 0, theme.colors.foreground, 0.72)
     };
   }, [theme, themeColor]);
 };
 var useCardFooterStyles = (themeColor, isFooterBlurred) => {
-  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];
     if (!isFooterBlurred) {
       return {};
@@ -195,13 +103,13 @@ var useCardFooterStyles = (themeColor, isFooterBlurred) => {
     return {
       backgroundColor: theme.mode === "dark" ? "rgba(24, 24, 27, 0.68)" : "rgba(255, 255, 255, 0.72)",
       borderTopWidth: theme.borderWidth.sm,
-      borderTopColor: theme.mode === "dark" ? (0, import_core.withOpacity)(colorScheme.main, 0.4) : (0, import_core.withOpacity)(colorScheme.main, 0.18)
+      borderTopColor: theme.mode === "dark" ? _core.withOpacity.call(void 0, colorScheme.main, 0.4) : _core.withOpacity.call(void 0, colorScheme.main, 0.18)
     };
   }, [isFooterBlurred, theme, themeColor]);
 };
 
 // src/components/card/card.tsx
-var CardContext = import_react7.default.createContext({
+var CardContext = _react2.default.createContext({
   themeColor: "default",
   isFooterBlurred: false
 });
@@ -226,12 +134,12 @@ var Card = ({
   onPressIn,
   onPressOut
 }) => {
-  const animatedScale = import_react7.default.useRef(new import_react_native5.Animated.Value(1)).current;
-  const animatedOpacity = import_react7.default.useRef(new import_react_native5.Animated.Value(1)).current;
-  const radiusStyles = useBorderRadiusStyles(radius);
+  const animatedScale = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
+  const animatedOpacity = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
+  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
   const containerStyles = useCardContainerStyles(themeColor, isBlurred);
   const elevationStyles = useCardElevationStyles(elevation);
-  const contextValue = import_react7.default.useMemo(
+  const contextValue = _react2.default.useMemo(
     () => ({
       themeColor,
       isFooterBlurred,
@@ -239,20 +147,20 @@ var Card = ({
     }),
     [customAppearance, isFooterBlurred, themeColor]
   );
-  const animateTo = import_react7.default.useCallback(
+  const animateTo = _react2.default.useCallback(
     (scale, opacity, duration) => {
       if (disableAnimation) {
         animatedScale.setValue(scale);
         animatedOpacity.setValue(opacity);
         return;
       }
-      import_react_native5.Animated.parallel([
-        import_react_native5.Animated.timing(animatedScale, {
+      _reactnative.Animated.parallel([
+        _reactnative.Animated.timing(animatedScale, {
           toValue: scale,
           duration,
           useNativeDriver: true
         }),
-        import_react_native5.Animated.timing(animatedOpacity, {
+        _reactnative.Animated.timing(animatedOpacity, {
           toValue: opacity,
           duration,
           useNativeDriver: true
@@ -261,36 +169,36 @@ var Card = ({
     },
     [animatedOpacity, animatedScale, disableAnimation]
   );
-  const handlePressIn = import_react7.default.useCallback(
+  const handlePressIn = _react2.default.useCallback(
     (event) => {
       if (!isDisabled && isPressable) {
         animateTo(0.985, 0.95, 110);
       }
-      onPressIn?.(event);
+      _optionalChain([onPressIn, 'optionalCall', _ => _(event)]);
     },
     [animateTo, isDisabled, isPressable, onPressIn]
   );
-  const handlePressOut = import_react7.default.useCallback(
+  const handlePressOut = _react2.default.useCallback(
     (event) => {
       if (!isDisabled && isPressable) {
         animateTo(1, 1, 140);
       }
-      onPressOut?.(event);
+      _optionalChain([onPressOut, 'optionalCall', _2 => _2(event)]);
     },
     [animateTo, isDisabled, isPressable, onPressOut]
   );
-  const handleHoverIn = import_react7.default.useCallback(() => {
+  const handleHoverIn = _react2.default.useCallback(() => {
     if (!isDisabled && isHoverable && !isPressable) {
       animateTo(1.01, 1, 130);
     }
   }, [animateTo, isDisabled, isHoverable, isPressable]);
-  const handleHoverOut = import_react7.default.useCallback(() => {
+  const handleHoverOut = _react2.default.useCallback(() => {
     if (!isDisabled && isHoverable && !isPressable) {
       animateTo(1, 1, 130);
     }
   }, [animateTo, isDisabled, isHoverable, isPressable]);
-  const cardContent = /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.Animated.View,
+  const cardContent = /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Animated.View,
     {
       style: [
         styles.card,
@@ -304,16 +212,16 @@ var Card = ({
           transform: [{ scale: animatedScale }],
           opacity: animatedOpacity
         },
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _3 => _3.container])
       ]
     },
-    /* @__PURE__ */ import_react7.default.createElement(CardContext.Provider, { value: contextValue }, children)
+    /* @__PURE__ */ _react2.default.createElement(CardContext.Provider, { value: contextValue }, children)
   );
   if (!isPressable) {
     return cardContent;
   }
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: isDisabled ? void 0 : onPress,
       onLongPress: isDisabled ? void 0 : onLongPress,
@@ -330,14 +238,14 @@ var CardHeader = ({
   children,
   customAppearance
 }) => {
-  const cardContext = import_react7.default.useContext(CardContext);
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.View,
+  const cardContext = _react2.default.useContext(CardContext);
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.header,
-        cardContext.customAppearance?.header,
-        customAppearance?.container
+        _optionalChain([cardContext, 'access', _4 => _4.customAppearance, 'optionalAccess', _5 => _5.header]),
+        _optionalChain([customAppearance, 'optionalAccess', _6 => _6.container])
       ]
     },
     children
@@ -347,14 +255,14 @@ var CardBody = ({
   children,
   customAppearance
 }) => {
-  const cardContext = import_react7.default.useContext(CardContext);
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.View,
+  const cardContext = _react2.default.useContext(CardContext);
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.body,
-        cardContext.customAppearance?.body,
-        customAppearance?.container
+        _optionalChain([cardContext, 'access', _7 => _7.customAppearance, 'optionalAccess', _8 => _8.body]),
+        _optionalChain([customAppearance, 'optionalAccess', _9 => _9.container])
       ]
     },
     children
@@ -364,19 +272,19 @@ var CardFooter = ({
   children,
   customAppearance
 }) => {
-  const cardContext = import_react7.default.useContext(CardContext);
+  const cardContext = _react2.default.useContext(CardContext);
   const footerStyles = useCardFooterStyles(
     cardContext.themeColor,
     cardContext.isFooterBlurred
   );
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.footer,
         footerStyles,
-        cardContext.customAppearance?.footer,
-        customAppearance?.container
+        _optionalChain([cardContext, 'access', _10 => _10.customAppearance, 'optionalAccess', _11 => _11.footer]),
+        _optionalChain([customAppearance, 'optionalAccess', _12 => _12.container])
       ]
     },
     children
@@ -386,16 +294,16 @@ var CardTitle = ({
   children,
   customAppearance
 }) => {
-  const cardContext = import_react7.default.useContext(CardContext);
+  const cardContext = _react2.default.useContext(CardContext);
   const { titleColor } = useCardTextStyles(cardContext.themeColor);
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.Text,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Text,
     {
       style: [
         styles.title,
         { color: titleColor },
-        cardContext.customAppearance?.title,
-        customAppearance?.text
+        _optionalChain([cardContext, 'access', _13 => _13.customAppearance, 'optionalAccess', _14 => _14.title]),
+        _optionalChain([customAppearance, 'optionalAccess', _15 => _15.text])
       ]
     },
     children
@@ -405,27 +313,26 @@ var CardDescription = ({
   children,
   customAppearance
 }) => {
-  const cardContext = import_react7.default.useContext(CardContext);
+  const cardContext = _react2.default.useContext(CardContext);
   const { descriptionColor } = useCardTextStyles(cardContext.themeColor);
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.Text,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Text,
     {
       style: [
         styles.description,
         { color: descriptionColor },
-        cardContext.customAppearance?.description,
-        customAppearance?.text
+        _optionalChain([cardContext, 'access', _16 => _16.customAppearance, 'optionalAccess', _17 => _17.description]),
+        _optionalChain([customAppearance, 'optionalAccess', _18 => _18.text])
       ]
     },
     children
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Card,
-  CardBody,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle
-});
+
+
+
+
+
+
+
+exports.Card = Card; exports.CardBody = CardBody; exports.CardDescription = CardDescription; exports.CardFooter = CardFooter; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle;

package/dist/card/index.js

@@ -1,8 +1,8 @@
-import "../chunk-CZFDZPAS.js";
+import "../chunk-DXXNBF5P.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-I4V5Y5GD.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/card/card.tsx
 import React from "react";