@xaui/native 0.0.26 → 0.0.28

package/dist/fab-menu/index.js

@@ -1,11 +1,12 @@
 import {
   Fab
-} from "../chunk-3XSXTM3G.js";
-import "../chunk-CZFDZPAS.js";
+} from "../chunk-JEGEPGVU.js";
+import "../chunk-F7WH4DMG.js";
+import "../chunk-DXXNBF5P.js";
 import {
   Portal,
   useXUITheme
-} from "../chunk-I4V5Y5GD.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/fab-menu/fab-menu.tsx
 import React from "react";

package/dist/feature-discovery/index.cjs

@@ -1,52 +1,27 @@
-"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/feature-discovery/index.ts
-var feature_discovery_exports = {};
-__export(feature_discovery_exports, {
-  FeatureDiscovery: () => FeatureDiscovery
-});
-module.exports = __toCommonJS(feature_discovery_exports);
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/feature-discovery/feature-discovery.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
-var import_core3 = require("@xaui/core");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+var _reactnative = require('react-native');
+var _core = require('@xaui/core');
 
 // src/components/feature-discovery/feature-discovery.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   root: {
     flex: 1
   },
   absoluteFill: {
-    ...import_react_native.StyleSheet.absoluteFillObject
+    ..._reactnative.StyleSheet.absoluteFillObject
   },
   circle: {
     position: "absolute"
@@ -105,74 +80,33 @@ var styles = import_react_native.StyleSheet.create({
 });
 
 // src/components/feature-discovery/feature-discovery.hook.ts
-var import_react6 = require("react");
-var import_react_native5 = require("react-native");
-var import_core = require("@xaui/core");
-
-// 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/feature-discovery/feature-discovery.hook.ts
 var useFeatureDiscoveryAnimations = () => {
-  const backdropOpacity = (0, import_react6.useRef)(new import_react_native5.Animated.Value(0)).current;
-  const circleAnimScale = (0, import_react6.useRef)(new import_react_native5.Animated.Value(0.2)).current;
-  const contentOpacity = (0, import_react6.useRef)(new import_react_native5.Animated.Value(0)).current;
-  const haloScale = (0, import_react6.useRef)(new import_react_native5.Animated.Value(0.8)).current;
-  const startAnimations = (0, import_react6.useCallback)(() => {
-    import_react_native5.Animated.parallel([
-      import_react_native5.Animated.timing(backdropOpacity, {
+  const backdropOpacity = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const circleAnimScale = _react.useRef.call(void 0, new _reactnative.Animated.Value(0.2)).current;
+  const contentOpacity = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const haloScale = _react.useRef.call(void 0, new _reactnative.Animated.Value(0.8)).current;
+  const startAnimations = _react.useCallback.call(void 0, () => {
+    _reactnative.Animated.parallel([
+      _reactnative.Animated.timing(backdropOpacity, {
         toValue: 1,
         duration: 220,
         useNativeDriver: true
       }),
-      import_react_native5.Animated.spring(circleAnimScale, {
+      _reactnative.Animated.spring(circleAnimScale, {
         toValue: 1,
         friction: 8,
         tension: 80,
         useNativeDriver: true
       }),
-      import_react_native5.Animated.timing(contentOpacity, {
+      _reactnative.Animated.timing(contentOpacity, {
         toValue: 1,
         duration: 260,
         useNativeDriver: true
       }),
-      import_react_native5.Animated.spring(haloScale, {
+      _reactnative.Animated.spring(haloScale, {
         toValue: 1,
         friction: 8,
         tension: 80,
@@ -180,7 +114,7 @@ var useFeatureDiscoveryAnimations = () => {
       })
     ]).start();
   }, [backdropOpacity, circleAnimScale, contentOpacity, haloScale]);
-  const resetAnimations = (0, import_react6.useCallback)(() => {
+  const resetAnimations = _react.useCallback.call(void 0, () => {
     backdropOpacity.setValue(0);
     circleAnimScale.setValue(0.2);
     contentOpacity.setValue(0);
@@ -196,10 +130,10 @@ var useFeatureDiscoveryAnimations = () => {
   };
 };
 var useFeatureDiscoveryLayout = (targetRef) => {
-  const { width: viewportWidth, height: viewportHeight } = (0, import_react_native5.useWindowDimensions)();
-  const [targetLayout, setTargetLayout] = (0, import_react6.useState)(null);
-  const measureTarget = (0, import_react6.useCallback)(() => {
-    targetRef.current?.measureInWindow((x, y, width, height) => {
+  const { width: viewportWidth, height: viewportHeight } = _reactnative.useWindowDimensions.call(void 0, );
+  const [targetLayout, setTargetLayout] = _react.useState.call(void 0, null);
+  const measureTarget = _react.useCallback.call(void 0, () => {
+    _optionalChain([targetRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.measureInWindow, 'call', _3 => _3((x, y, width, height) => {
       if (!width && !height) {
         setTargetLayout({
           x: viewportWidth / 2 - 28,
@@ -210,9 +144,9 @@ var useFeatureDiscoveryLayout = (targetRef) => {
         return;
       }
       setTargetLayout({ x, y, width, height });
-    });
+    })]);
   }, [targetRef, viewportHeight, viewportWidth]);
-  const fallbackTarget = (0, import_react6.useMemo)(
+  const fallbackTarget = _react.useMemo.call(void 0, 
     () => ({
       x: viewportWidth / 2 - 28,
       y: viewportHeight / 2 - 28,
@@ -221,7 +155,7 @@ var useFeatureDiscoveryLayout = (targetRef) => {
     }),
     [viewportWidth, viewportHeight]
   );
-  const target = targetLayout ?? fallbackTarget;
+  const target = _nullishCoalesce(targetLayout, () => ( fallbackTarget));
   return {
     targetLayout,
     target,
@@ -252,7 +186,7 @@ var useFeatureDiscoveryGeometry = (target, viewportWidth, viewportHeight, spotli
   const targetCenterX = clampedTargetX + target.width / 2;
   const targetCenterY = clampedTargetY + target.height / 2;
   const spotlightSize = Math.max(target.width, target.height) + spotlightPadding * 2;
-  const circleDiameter = (0, import_react6.useMemo)(() => {
+  const circleDiameter = _react.useMemo.call(void 0, () => {
     return viewportWidth * circleScale;
   }, [circleScale, viewportWidth]);
   const circleRadius = circleDiameter / 2;
@@ -301,10 +235,10 @@ var useFeatureDiscoveryGeometry = (target, viewportWidth, viewportHeight, spotli
   };
 };
 var useFeatureDiscoveryTheme = (themeColor, overlayColor) => {
-  const theme = useXUITheme();
-  const colorScheme = theme.colors[(0, import_core.getSafeThemeColor)(themeColor)];
-  const resolvedOverlayColor = (0, import_react6.useMemo)(
-    () => overlayColor ?? (0, import_core.withOpacity)(theme.colors.foreground, 0.42),
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const colorScheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
+  const resolvedOverlayColor = _react.useMemo.call(void 0, 
+    () => _nullishCoalesce(overlayColor, () => ( _core.withOpacity.call(void 0, theme.colors.foreground, 0.42))),
     [overlayColor, theme.colors.foreground]
   );
   return {
@@ -364,7 +298,7 @@ var FeatureDiscovery = ({
     themeColor,
     overlayColor
   );
-  (0, import_react7.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!isVisible) {
       setTargetLayout(null);
       return;
@@ -379,12 +313,12 @@ var FeatureDiscovery = ({
   if (!isVisible) return null;
   const renderContent = (content, textStyle) => {
     if (typeof content === "string" || typeof content === "number") {
-      return /* @__PURE__ */ import_react7.default.createElement(import_react_native6.Text, { style: textStyle }, content);
+      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: textStyle }, content);
     }
     return content;
   };
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native6.Modal,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Modal,
     {
       visible: isVisible,
       transparent: true,
@@ -392,19 +326,19 @@ var FeatureDiscovery = ({
       statusBarTranslucent: true,
       onRequestClose: onDismiss
     },
-    /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native6.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
-        style: [styles.root, customAppearance?.root, customAppearance?.container]
+        style: [styles.root, _optionalChain([customAppearance, 'optionalAccess', _4 => _4.root]), _optionalChain([customAppearance, 'optionalAccess', _5 => _5.container])]
       },
-      /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native6.Pressable,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Pressable,
         {
           style: styles.absoluteFill,
           onPress: dismissOnBackdropPress ? onDismiss : void 0
         },
-        /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native6.Animated.View,
+        /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Animated.View,
           {
             style: [
               styles.absoluteFill,
@@ -416,8 +350,8 @@ var FeatureDiscovery = ({
           }
         )
       ),
-      /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native6.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.circle,
@@ -434,8 +368,8 @@ var FeatureDiscovery = ({
           ]
         }
       ),
-      /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native6.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.spotlightHalo,
@@ -451,8 +385,8 @@ var FeatureDiscovery = ({
           ]
         }
       ),
-      highlightContent && /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native6.Animated.View,
+      highlightContent && /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.highlightContainer,
@@ -463,14 +397,14 @@ var FeatureDiscovery = ({
               height: target.height,
               opacity: contentOpacity
             },
-            customAppearance?.highlightContainer
+            _optionalChain([customAppearance, 'optionalAccess', _6 => _6.highlightContainer])
           ],
           pointerEvents: "none"
         },
         highlightContent
       ),
-      /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native6.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.messageContainer,
@@ -481,32 +415,32 @@ var FeatureDiscovery = ({
               maxHeight: msgMaxHeight,
               opacity: contentOpacity
             },
-            customAppearance?.messageContainer
+            _optionalChain([customAppearance, 'optionalAccess', _7 => _7.messageContainer])
           ],
           pointerEvents: "box-none"
         },
-        /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: styles.messageHeader }, /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: styles.messageTitleWrapper }, renderContent(title, [
+        /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.messageHeader }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.messageTitleWrapper }, renderContent(title, [
           styles.title,
           { color: colorScheme.foreground },
           { textAlign: isTargetOnLeft ? "left" : "right" },
-          customAppearance?.title
-        ])), /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native6.Pressable,
+          _optionalChain([customAppearance, 'optionalAccess', _8 => _8.title])
+        ])), /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Pressable,
           {
             onPress: onDismiss,
             style: styles.closeButton,
             accessibilityRole: "button"
           },
-          /* @__PURE__ */ import_react7.default.createElement(import_react_native6.Text, { style: [styles.closeIcon, { color: colorScheme.foreground }] }, "\u2715")
+          /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.closeIcon, { color: colorScheme.foreground }] }, "\u2715")
         )),
         description ? renderContent(description, [
           styles.description,
-          { color: (0, import_core3.withOpacity)(colorScheme.foreground, 0.9) },
+          { color: _core.withOpacity.call(void 0, colorScheme.foreground, 0.9) },
           { textAlign: isTargetOnLeft ? "left" : "right" },
-          customAppearance?.description
+          _optionalChain([customAppearance, 'optionalAccess', _9 => _9.description])
         ]) : null,
-        actionText ? /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native6.Pressable,
+        actionText ? /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Pressable,
           {
             onPress: onActionPress,
             style: [
@@ -518,14 +452,13 @@ var FeatureDiscovery = ({
           renderContent(actionText, [
             styles.actionText,
             { color: colorScheme.foreground },
-            customAppearance?.actionText
+            _optionalChain([customAppearance, 'optionalAccess', _10 => _10.actionText])
           ])
         ) : null
       )
     )
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FeatureDiscovery
-});
+
+
+exports.FeatureDiscovery = FeatureDiscovery;

package/dist/feature-discovery/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/feature-discovery/feature-discovery.tsx
 import React, { useEffect } from "react";

package/dist/index.cjs

@@ -1,18 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
+"use strict";