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

package/dist/system/index.d.cts

@@ -100,6 +100,19 @@ declare namespace Portal {
 type PortalMethods = {
     addPortal: (key: string, element: ReactNode) => void;
     removePortal: (key: string) => void;
+    /**
+     * Where the host's own view sits in the window, in points.
+     *
+     * An overlay is measured against a trigger that reports window coordinates, but it is
+     * rendered inside this host — so it is laid out against the host's origin, not the
+     * window's. Anything the two differ by (a status bar, a safe-area inset, a host mounted
+     * below a header) is exactly the distance the overlay would be wrong by. Subtracting it
+     * is what makes `measureInWindow` on the trigger mean the same thing on both sides.
+     */
+    origin: {
+        x: number;
+        y: number;
+    };
 };
 /**
  * `null` outside a host, and `Portal` treats that as "render nothing" rather than
@@ -298,7 +311,7 @@ declare function resolveSlotAnimation(override: SlotAnimation | undefined, enabl
  * off — and it is the only shape that survives `asChild`, where the caller's own element
  * is the pressable and there is no sibling for the primitive to inject.
  */
-declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "disabled" | "style" | "children"> & ViewStyleProps & {
+declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "style" | "children" | "disabled"> & ViewStyleProps & {
     isPressed?: boolean;
     isDisabled?: boolean;
     asChild?: boolean;
@@ -492,7 +505,7 @@ declare const CloseButton: react.ForwardRefExoticComponent<{
     baseStyle?: react_native.StyleProp<react_native.ViewStyle>;
     glyphStyle?: react_native.StyleProp<react_native.ViewStyle>;
     style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
-} & Omit<PressableFeedbackProps, "isPressed" | "style" | "children"> & react.RefAttributes<View>>;
+} & Omit<PressableFeedbackProps, "style" | "children" | "isPressed"> & react.RefAttributes<View>>;
 
 /** The two slots a component publishes for a `CloseButton`: its box and one cross bar. */
 type CloseButtonSlots = {

package/dist/system/index.d.ts

@@ -100,6 +100,19 @@ declare namespace Portal {
 type PortalMethods = {
     addPortal: (key: string, element: ReactNode) => void;
     removePortal: (key: string) => void;
+    /**
+     * Where the host's own view sits in the window, in points.
+     *
+     * An overlay is measured against a trigger that reports window coordinates, but it is
+     * rendered inside this host — so it is laid out against the host's origin, not the
+     * window's. Anything the two differ by (a status bar, a safe-area inset, a host mounted
+     * below a header) is exactly the distance the overlay would be wrong by. Subtracting it
+     * is what makes `measureInWindow` on the trigger mean the same thing on both sides.
+     */
+    origin: {
+        x: number;
+        y: number;
+    };
 };
 /**
  * `null` outside a host, and `Portal` treats that as "render nothing" rather than
@@ -298,7 +311,7 @@ declare function resolveSlotAnimation(override: SlotAnimation | undefined, enabl
  * off — and it is the only shape that survives `asChild`, where the caller's own element
  * is the pressable and there is no sibling for the primitive to inject.
  */
-declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "disabled" | "style" | "children"> & ViewStyleProps & {
+declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "style" | "children" | "disabled"> & ViewStyleProps & {
     isPressed?: boolean;
     isDisabled?: boolean;
     asChild?: boolean;
@@ -492,7 +505,7 @@ declare const CloseButton: react.ForwardRefExoticComponent<{
     baseStyle?: react_native.StyleProp<react_native.ViewStyle>;
     glyphStyle?: react_native.StyleProp<react_native.ViewStyle>;
     style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
-} & Omit<PressableFeedbackProps, "isPressed" | "style" | "children"> & react.RefAttributes<View>>;
+} & Omit<PressableFeedbackProps, "style" | "children" | "isPressed"> & react.RefAttributes<View>>;
 
 /** The two slots a component publishes for a `CloseButton`: its box and one cross bar. */
 type CloseButtonSlots = {

package/dist/system/index.js

@@ -1,20 +1,21 @@
+import "../chunk-MESKS6AI.js";
 import {
   Portal,
   PortalContext,
   PortalHost
-} from "../chunk-V5IVMZQJ.js";
+} from "../chunk-2PMXMKS5.js";
 import {
   SelectionFill
 } from "../chunk-BA2DBSAN.js";
 import {
   CloseButton,
   closeButtonBase
-} from "../chunk-RSGIJ6RI.js";
+} from "../chunk-EOJ5MYAQ.js";
 import {
   Icon,
   IconContext,
   useIconContext
-} from "../chunk-OWE5IID7.js";
+} from "../chunk-HXW4ANVB.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -36,9 +37,9 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback
-} from "../chunk-UCW25LL6.js";
-import "../chunk-423RQBOX.js";
+} from "../chunk-UGF35NSE.js";
 import "../chunk-EGLLDKN6.js";
+import "../chunk-423RQBOX.js";
 import {
   Slot,
   childrenToString,
@@ -52,11 +53,10 @@ import {
   createRecipe,
   radiusAxis
 } from "../chunk-4GTAZM2C.js";
+import "../chunk-A3EGFI6T.js";
 import {
   useStyleProps
-} from "../chunk-OSCW7I4H.js";
-import "../chunk-A3EGFI6T.js";
-import "../chunk-FJ5TLRT3.js";
+} from "../chunk-M63GFNKV.js";
 export {
   CloseButton,
   FEEDBACK_OVERLAY,

package/dist/theme/index.cjs

@@ -9,7 +9,8 @@
 
 
 
-var _chunkHQVVQGYVcjs = require('../chunk-HQVVQGYV.cjs');
+var _chunkACAPTWE3cjs = require('../chunk-ACAPTWE3.cjs');
+require('../chunk-WDDXU3OH.cjs');
 
 
 
@@ -17,7 +18,7 @@ var _chunkHQVVQGYVcjs = require('../chunk-HQVVQGYV.cjs');
 
 
 var _chunk57SJ4LJFcjs = require('../chunk-57SJ4LJF.cjs');
-require('../chunk-HT7H35GU.cjs');
+require('../chunk-TK44VBIE.cjs');
 
 
 
@@ -34,4 +35,4 @@ require('../chunk-HT7H35GU.cjs');
 
 
 
-exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.XAUIProvider = _chunkHQVVQGYVcjs.XAUIProvider; exports.buildRadius = _chunkHQVVQGYVcjs.buildRadius; exports.buildShadows = _chunkHQVVQGYVcjs.buildShadows; exports.createTheme = _chunkHQVVQGYVcjs.createTheme; exports.defaultTheme = _chunkHQVVQGYVcjs.defaultTheme; exports.deriveColors = _chunkHQVVQGYVcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.palette = _chunkHQVVQGYVcjs.palette; exports.primitives = _chunkHQVVQGYVcjs.primitives; exports.sourceKeys = _chunkHQVVQGYVcjs.sourceKeys; exports.tokens = _chunkHQVVQGYVcjs.tokens; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
+exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.XAUIProvider = _chunkACAPTWE3cjs.XAUIProvider; exports.buildRadius = _chunkACAPTWE3cjs.buildRadius; exports.buildShadows = _chunkACAPTWE3cjs.buildShadows; exports.createTheme = _chunkACAPTWE3cjs.createTheme; exports.defaultTheme = _chunkACAPTWE3cjs.defaultTheme; exports.deriveColors = _chunkACAPTWE3cjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.palette = _chunkACAPTWE3cjs.palette; exports.primitives = _chunkACAPTWE3cjs.primitives; exports.sourceKeys = _chunkACAPTWE3cjs.sourceKeys; exports.tokens = _chunkACAPTWE3cjs.tokens; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;

package/dist/theme/index.d.cts

@@ -12,6 +12,14 @@ type XAUIProviderProps = {
     theme?: XAUIThemeSet;
     /** Controlled: the library owns neither the state nor its persistence. */
     colorMode?: ColorModePreference;
+    /**
+     * Mounts the `PortalHost` overlays render into. Set false only to mount one yourself,
+     * somewhere the provider cannot reach — under a gesture root, say. Without a host
+     * anywhere, `Portal` renders nothing and overlays are silently absent.
+     *
+     * @default true
+     */
+    hasPortalHost?: boolean;
 };
 
 /**
@@ -20,8 +28,14 @@ type XAUIProviderProps = {
  * `theme` is expected to come from `createTheme` at module level. The provider selects a
  * mode from an already-resolved set rather than memoizing on the prop's identity — which
  * is what the v0 provider did, rebuilding every style in the app on each parent render.
+ *
+ * It also mounts the `PortalHost` every overlay renders into. That is here rather than in
+ * the app because forgetting it is silent: `Portal` renders nothing outside a host, so a
+ * select would open onto an empty screen with no error to read. An app that needs the
+ * host somewhere else — under a gesture root, or inside its own navigation container —
+ * sets `hasPortalHost={false}` and mounts one itself.
  */
-declare function XAUIProvider({ children, theme, colorMode, }: XAUIProviderProps): react.JSX.Element;
+declare function XAUIProvider({ children, theme, colorMode, hasPortalHost, }: XAUIProviderProps): react.JSX.Element;
 
 /**
  * Build a theme once, at module level:
@@ -391,6 +405,12 @@ declare function buildRadius(base: number): XAUIRadius;
 /**
  * Three roles, not an sm→xl scale — which is what lets dark mode drop the surface shadow
  * entirely instead of shipping a scale that reads as dirt on a dark background.
+ *
+ * `overlay` was heavier: a 24-point blur eight points down at 16 of Android's elevation.
+ * Android draws elevation on its own curve and draws it strongly, so a panel that read as
+ * lifted on iOS read as detached on Android — a dark halo the width of the gap between it
+ * and the field it came out of. Half the elevation and two thirds of the blur still say
+ * "above the page" without the panel looking cut out of it.
  */
 declare function buildShadows(mode: ColorMode): XAUITheme['shadows'];
 

package/dist/theme/index.d.ts

@@ -12,6 +12,14 @@ type XAUIProviderProps = {
     theme?: XAUIThemeSet;
     /** Controlled: the library owns neither the state nor its persistence. */
     colorMode?: ColorModePreference;
+    /**
+     * Mounts the `PortalHost` overlays render into. Set false only to mount one yourself,
+     * somewhere the provider cannot reach — under a gesture root, say. Without a host
+     * anywhere, `Portal` renders nothing and overlays are silently absent.
+     *
+     * @default true
+     */
+    hasPortalHost?: boolean;
 };
 
 /**
@@ -20,8 +28,14 @@ type XAUIProviderProps = {
  * `theme` is expected to come from `createTheme` at module level. The provider selects a
  * mode from an already-resolved set rather than memoizing on the prop's identity — which
  * is what the v0 provider did, rebuilding every style in the app on each parent render.
+ *
+ * It also mounts the `PortalHost` every overlay renders into. That is here rather than in
+ * the app because forgetting it is silent: `Portal` renders nothing outside a host, so a
+ * select would open onto an empty screen with no error to read. An app that needs the
+ * host somewhere else — under a gesture root, or inside its own navigation container —
+ * sets `hasPortalHost={false}` and mounts one itself.
  */
-declare function XAUIProvider({ children, theme, colorMode, }: XAUIProviderProps): react.JSX.Element;
+declare function XAUIProvider({ children, theme, colorMode, hasPortalHost, }: XAUIProviderProps): react.JSX.Element;
 
 /**
  * Build a theme once, at module level:
@@ -391,6 +405,12 @@ declare function buildRadius(base: number): XAUIRadius;
 /**
  * Three roles, not an sm→xl scale — which is what lets dark mode drop the surface shadow
  * entirely instead of shipping a scale that reads as dirt on a dark background.
+ *
+ * `overlay` was heavier: a 24-point blur eight points down at 16 of Android's elevation.
+ * Android draws elevation on its own curve and draws it strongly, so a panel that read as
+ * lifted on iOS read as detached on Android — a dark halo the width of the gap between it
+ * and the field it came out of. Half the elevation and two thirds of the blur still say
+ * "above the page" without the panel looking cut out of it.
  */
 declare function buildShadows(mode: ColorMode): XAUITheme['shadows'];
 

package/dist/theme/index.js

@@ -9,7 +9,8 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "../chunk-JB5XANQY.js";
+} from "../chunk-WKCQ6VGW.js";
+import "../chunk-2PMXMKS5.js";
 import {
   ThemeContext,
   deriveTint,
@@ -17,7 +18,7 @@ import {
   useThemeColor,
   useXAUITheme
 } from "../chunk-A3EGFI6T.js";
-import "../chunk-FJ5TLRT3.js";
+import "../chunk-M63GFNKV.js";
 export {
   ThemeContext,
   XAUIProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.36",
+  "version": "0.9.1-alpha.37",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",
@@ -137,6 +137,16 @@
         "default": "./dist/components/radio/index.cjs"
       }
     },
+    "./select": {
+      "import": {
+        "types": "./dist/components/select/index.d.ts",
+        "default": "./dist/components/select/index.js"
+      },
+      "require": {
+        "types": "./dist/components/select/index.d.cts",
+        "default": "./dist/components/select/index.cjs"
+      }
+    },
     "./skeleton": {
       "import": {
         "types": "./dist/components/skeleton/index.d.ts",

package/dist/chunk-FJ5TLRT3.js

@@ -1,21 +0,0 @@
-// src/utils/stable-hash.ts
-function canonical(value) {
-  if (value === null || typeof value !== "object")
-    return JSON.stringify(value) ?? "null";
-  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
-  const entries = Object.entries(value).filter(([, v]) => typeof v !== "function").sort(([a], [b]) => a < b ? -1 : 1).map(([k, v]) => `${JSON.stringify(k)}:${canonical(v)}`);
-  return `{${entries.join(",")}}`;
-}
-function stableHash(value) {
-  const input = canonical(value);
-  let hash = 2166136261;
-  for (let i = 0; i < input.length; i++) {
-    hash ^= input.charCodeAt(i);
-    hash = Math.imul(hash, 16777619) >>> 0;
-  }
-  return hash.toString(36);
-}
-
-export {
-  stableHash
-};

package/dist/chunk-HT7H35GU.cjs

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/utils/stable-hash.ts
-function canonical(value) {
-  if (value === null || typeof value !== "object")
-    return _nullishCoalesce(JSON.stringify(value), () => ( "null"));
-  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
-  const entries = Object.entries(value).filter(([, v]) => typeof v !== "function").sort(([a], [b]) => a < b ? -1 : 1).map(([k, v]) => `${JSON.stringify(k)}:${canonical(v)}`);
-  return `{${entries.join(",")}}`;
-}
-function stableHash(value) {
-  const input = canonical(value);
-  let hash = 2166136261;
-  for (let i = 0; i < input.length; i++) {
-    hash ^= input.charCodeAt(i);
-    hash = Math.imul(hash, 16777619) >>> 0;
-  }
-  return hash.toString(36);
-}
-
-
-
-exports.stableHash = stableHash;