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

package/dist/system/index.d.ts

@@ -8,8 +8,7 @@ import { R as RadiusKey, X as XAUITheme } from '../theme.type-C2gNHpEx.js';
 import { a as StyleFn, h as SlotStyle } from '../create-recipe-BdVd2ffi.js';
 export { A as Axes, C as CompoundVariant, R as Recipe, d as RecipeConfig, b as ResolveArgs, e as ResolvedSelection, f as ResolvedStyles, g as Selection, S as SlotStyles, i as StateName, j as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-BdVd2ffi.js';
 export { C as CloseButtonProps } from '../close-button.type-BUYuoSt2.js';
-import { a as IconProps, I as IconContextValue } from '../icon.type-Kml72iSz.js';
-export { b as IconComponentProps } from '../icon.type-Kml72iSz.js';
+import { b as IconComponentProps, a as IconProps, I as IconContextValue } from '../icon.type-Kml72iSz.js';
 import { V as ViewStyleProps } from '../style-props.type-CfnoGEP7.js';
 export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps } from '../style-props.type-CfnoGEP7.js';
 import 'react-native-reanimated';
@@ -46,6 +45,20 @@ type RestPropsOf<P> = Omit<P, StylePropKey>;
  */
 declare function useStyleProps<P extends object>(props: P): [StylePropsOf<P>, RestPropsOf<P>];
 
+/**
+ * The chevron the library ships, rather than requiring one from the caller: a control
+ * whose whole affordance is "there is more under here" cannot be written without it, and
+ * asking for an icon package to draw one arrow is a peer dependency for a chevron.
+ *
+ * It sits in `system/` because two components draw it — `Select` turns it half a turn
+ * when its list opens, `Accordion` when its panel does. §2 bis: promotion at the second
+ * use, never by anticipation.
+ */
+declare function ChevronDownIcon({ size, color, }: IconComponentProps): react.JSX.Element;
+declare namespace ChevronDownIcon {
+    var displayName: string;
+}
+
 /**
  * The gap nobody else closes: an icon is a third-party component, so a slot context does
  * not reach it and every call site ends up computing the colour by hand.
@@ -78,6 +91,36 @@ declare namespace Icon {
 declare const IconContext: react.Context<IconContextValue>;
 declare function useIconContext(): IconContextValue;
 
+/**
+ * The `radius` axis, which is the same ten lines in every component that has one — a key
+ * of the radius scale, applied to one slot, overriding whatever `size` chose.
+ *
+ * It is written here rather than a third time in a recipe because that is the rule §2 bis
+ * states: extract at the second use, and by the end of P3 this axis exists in a dozen
+ * components. Nothing about it is component-specific except which slot carries the corner.
+ *
+ * ```ts
+ * variants: { size: { … }, radius: radiusAxis('root') }
+ * ```
+ *
+ * **More than one slot when a second node has to square off with the first.** A `Switch`
+ * whose track lost its capsule and kept a circular knob is half-rounded, so the axis moves
+ * both: `radiusAxis('track', 'thumb')`.
+ *
+ * The same named corner on each, not an inset-corrected one. Nesting rules would say the
+ * inner radius is the outer less the gap, but here that reaches zero before the outer does
+ * — at `xs` a 3pt track would hold a sharp-cornered knob — and two matched corners read
+ * better than one correct one.
+ *
+ * Variadic rather than an array because every call but that one passes a single slot, and
+ * `radiusAxis('root')` reads better than `radiusAxis(['root'])`.
+ *
+ * The return type is a full `Record<RadiusKey, …>` rather than a partial one, so
+ * `createRecipe` still infers `radius="3xl"` as the axis's value union and a typo in a
+ * caller's `radius` is a type error rather than a silently ignored key.
+ */
+declare function radiusAxis<Slot extends string>(...slots: Slot[]): Record<RadiusKey, StyleFn<Slot>>;
+
 type PortalProps = {
     children: ReactNode;
 };
@@ -100,6 +143,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 +354,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;
@@ -310,36 +366,6 @@ declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_nati
     Ripple: typeof PressableFeedbackRipple;
 };
 
-/**
- * The `radius` axis, which is the same ten lines in every component that has one — a key
- * of the radius scale, applied to one slot, overriding whatever `size` chose.
- *
- * It is written here rather than a third time in a recipe because that is the rule §2 bis
- * states: extract at the second use, and by the end of P3 this axis exists in a dozen
- * components. Nothing about it is component-specific except which slot carries the corner.
- *
- * ```ts
- * variants: { size: { … }, radius: radiusAxis('root') }
- * ```
- *
- * **More than one slot when a second node has to square off with the first.** A `Switch`
- * whose track lost its capsule and kept a circular knob is half-rounded, so the axis moves
- * both: `radiusAxis('track', 'thumb')`.
- *
- * The same named corner on each, not an inset-corrected one. Nesting rules would say the
- * inner radius is the outer less the gap, but here that reaches zero before the outer does
- * — at `xs` a 3pt track would hold a sharp-cornered knob — and two matched corners read
- * better than one correct one.
- *
- * Variadic rather than an array because every call but that one passes a single slot, and
- * `radiusAxis('root')` reads better than `radiusAxis(['root'])`.
- *
- * The return type is a full `Record<RadiusKey, …>` rather than a partial one, so
- * `createRecipe` still infers `radius="3xl"` as the axis's value union and a typo in a
- * caller's `radius` is a type error rather than a silently ignored key.
- */
-declare function radiusAxis<Slot extends string>(...slots: Slot[]): Record<RadiusKey, StyleFn<Slot>>;
-
 type SelectionFillProps = {
     /** Whether the control is on. The fill is the answer, and the mark rides on it. */
     isVisible: boolean;
@@ -492,7 +518,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 = {
@@ -516,4 +542,4 @@ type CloseButtonSlots = {
  */
 declare function closeButtonBase(theme: XAUITheme): CloseButtonSlots;
 
-export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };
+export { AnimationProp, type AsChildProps, ChevronDownIcon, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconComponentProps, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };

package/dist/system/index.js

@@ -1,20 +1,22 @@
+import "../chunk-MESKS6AI.js";
 import {
   Portal,
   PortalContext,
   PortalHost
-} from "../chunk-V5IVMZQJ.js";
-import {
-  SelectionFill
-} from "../chunk-BA2DBSAN.js";
+} from "../chunk-2PMXMKS5.js";
 import {
   CloseButton,
   closeButtonBase
-} from "../chunk-RSGIJ6RI.js";
+} from "../chunk-EYD4H4X6.js";
 import {
+  ChevronDownIcon,
   Icon,
   IconContext,
   useIconContext
-} from "../chunk-OWE5IID7.js";
+} from "../chunk-FHUYHV6J.js";
+import {
+  SelectionFill
+} from "../chunk-BA2DBSAN.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -36,7 +38,7 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback
-} from "../chunk-UCW25LL6.js";
+} from "../chunk-LIUO6D3D.js";
 import "../chunk-423RQBOX.js";
 import "../chunk-EGLLDKN6.js";
 import {
@@ -44,7 +46,7 @@ import {
   childrenToString,
   createSlotContext,
   mergeProps
-} from "../chunk-YXPYOOHU.js";
+} from "../chunk-K72UDPVN.js";
 import {
   mergeRefs
 } from "../chunk-36PRYGAM.js";
@@ -52,12 +54,12 @@ 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 {
+  ChevronDownIcon,
   CloseButton,
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,

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.38",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",
@@ -27,6 +27,16 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./accordion": {
+      "import": {
+        "types": "./dist/components/accordion/index.d.ts",
+        "default": "./dist/components/accordion/index.js"
+      },
+      "require": {
+        "types": "./dist/components/accordion/index.d.cts",
+        "default": "./dist/components/accordion/index.cjs"
+      }
+    },
     "./alert": {
       "import": {
         "types": "./dist/components/alert/index.d.ts",
@@ -137,6 +147,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;