@xaui/native 0.9.1-alpha.36 → 0.9.1-alpha.37

package/dist/{chunk-5BNIIDQD.cjs → chunk-WDDXU3OH.cjs}

@@ -1,15 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
-
-// src/system/portal/portal.tsx
-var _react = require('react');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/system/portal/portal-context.ts
-
+var _react = require('react');
 var PortalContext = _react.createContext.call(void 0, null);
 
 // src/system/portal/portal.tsx
+
 function Portal({ children }) {
   const context = _react.useContext.call(void 0, PortalContext);
   const key = _react.useId.call(void 0, );
@@ -31,8 +29,15 @@ var styles = _reactnative.StyleSheet.create({
   container: { flex: 1 }
 });
 function PortalHost({ children, ...props }) {
-  const [styleProps] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [portals, setPortals] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
+  const [origin, setOrigin] = _react.useState.call(void 0, { x: 0, y: 0 });
+  const node = _react.useRef.call(void 0, null);
+  const measure = _react.useCallback.call(void 0, (_event) => {
+    _optionalChain([node, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.measureInWindow, 'call', _7 => _7((x, y) => {
+      setOrigin((current) => current.x === x && current.y === y ? current : { x, y });
+    })]);
+  }, []);
   const addPortal = _react.useCallback.call(void 0, (key, element) => {
     setPortals((current) => new Map(current).set(key, element));
   }, []);
@@ -45,10 +50,10 @@ function PortalHost({ children, ...props }) {
     });
   }, []);
   const methods = _react.useMemo.call(void 0, 
-    () => ({ addPortal, removePortal }),
-    [addPortal, removePortal]
+    () => ({ addPortal, removePortal, origin }),
+    [addPortal, removePortal, origin]
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PortalContext.Provider, { value: methods, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.View, { style: [styles.container, styleProps], children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PortalContext.Provider, { value: methods, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.View, { ref: node, onLayout: measure, style: [styles.container, styleProps], children: [
     children,
     Array.from(portals, ([key, element]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: element }, key))
   ] }) });

package/dist/{chunk-JB5XANQY.js → chunk-WKCQ6VGW.js}

@@ -1,3 +1,6 @@
+import {
+  PortalHost
+} from "./chunk-2PMXMKS5.js";
 import {
   ThemeContext,
   alpha,
@@ -5,7 +8,7 @@ import {
 } from "./chunk-A3EGFI6T.js";
 import {
   stableHash
-} from "./chunk-FJ5TLRT3.js";
+} from "./chunk-M63GFNKV.js";
 
 // src/provider/xaui-provider.tsx
 import { useColorScheme } from "react-native";
@@ -130,10 +133,10 @@ function buildShadows(mode) {
       surface: noShadow,
       overlay: {
         shadowColor: "#000000",
-        shadowOffset: { width: 0, height: 8 },
-        shadowOpacity: 0.6,
-        shadowRadius: 24,
-        elevation: 16
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.45,
+        shadowRadius: 16,
+        elevation: 8
       },
       field: noShadow
     };
@@ -148,10 +151,10 @@ function buildShadows(mode) {
     },
     overlay: {
       shadowColor: "#000000",
-      shadowOffset: { width: 0, height: 8 },
-      shadowOpacity: 0.14,
-      shadowRadius: 24,
-      elevation: 16
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.1,
+      shadowRadius: 16,
+      elevation: 8
     },
     field: {
       shadowColor: "#000000",
@@ -390,11 +393,12 @@ import { jsx } from "react/jsx-runtime";
 function XAUIProvider({
   children,
   theme = defaultTheme,
-  colorMode = "system"
+  colorMode = "system",
+  hasPortalHost = true
 }) {
   const scheme = useColorScheme();
   const resolved = colorMode === "system" ? scheme === "dark" ? "dark" : "light" : colorMode;
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: theme[resolved], children });
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: theme[resolved], children: hasPortalHost ? /* @__PURE__ */ jsx(PortalHost, { children }) : children });
 }
 
 // src/theme/palette.ts

package/dist/{chunk-XARBUUIE.cjs → chunk-WVLSQO6K.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
 
 
-var _chunk6N5ZCEABcjs = require('./chunk-6N5ZCEAB.cjs');
+var _chunkLEWW24RQcjs = require('./chunk-LEWW24RQ.cjs');
 
 
-var _chunkISPOIMGXcjs = require('./chunk-ISPOIMGX.cjs');
+var _chunk7B3UBUC6cjs = require('./chunk-7B3UBUC6.cjs');
 
 
 
 var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/field-group/field-group-field.tsx
 var _react = require('react');
@@ -36,7 +36,7 @@ var FieldGroupField = _react.forwardRef.call(void 0,
       () => decoratorPadding(prefixWidth, suffixWidth),
       [prefixWidth, suffixWidth]
     );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6N5ZCEABcjs.TextFieldField, { ref, ...props, style: [padding, style] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLEWW24RQcjs.TextFieldField, { ref, ...props, style: [padding, style] });
   }
 );
 FieldGroupField.displayName = "XAUI.FieldGroup.Field";
@@ -44,8 +44,8 @@ FieldGroupField.displayName = "XAUI.FieldGroup.Field";
 // src/components/field-group/field-group-icon.tsx
 
 function FieldGroupIcon({ size, color, ...rest }) {
-  const { icon } = _chunk6N5ZCEABcjs.useTextField.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkISPOIMGXcjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
+  const { icon } = _chunkLEWW24RQcjs.useTextField.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7B3UBUC6cjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
 }
 FieldGroupIcon.displayName = "XAUI.FieldGroup.Icon";
 
@@ -58,9 +58,9 @@ var _reactnative = require('react-native');
 
 var FieldGroupDecorator = _react.forwardRef.call(void 0, 
   function FieldGroupDecorator2({ side, children, isDecorative = false, onLayout, style, ...props }, ref) {
-    const { prefixStyle, suffixStyle, isDisabled } = _chunk6N5ZCEABcjs.useTextField.call(void 0, );
+    const { prefixStyle, suffixStyle, isDisabled } = _chunkLEWW24RQcjs.useTextField.call(void 0, );
     const { setPrefixWidth, setSuffixWidth } = useFieldGroup();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const report = side === "prefix" ? setPrefixWidth : setSuffixWidth;
     const handleLayout = _react.useCallback.call(void 0, 
       (event) => {
@@ -111,7 +111,7 @@ FieldGroupSuffix.displayName = "XAUI.FieldGroup.Suffix";
 
 
 var FieldGroupRoot = _react.forwardRef.call(void 0, function FieldGroup({ children, asChild = false, style, ...props }, ref) {
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [prefixWidth, setPrefixWidth] = _react.useState.call(void 0, 0);
   const [suffixWidth, setSuffixWidth] = _react.useState.call(void 0, 0);
   const context = _react.useMemo.call(void 0,