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

package/dist/system/index.d.ts

@@ -8,11 +8,11 @@ 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';
+import * as react_native_reanimated from 'react-native-reanimated';
+import { P as Placement } from '../placement-DHa0Rrh1.js';
 
 /**
  * The runtime half of R14. The type half lives in `system/style-props/`, and the two are
@@ -46,6 +46,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 +92,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;
 };
@@ -323,36 +367,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;
@@ -475,6 +489,41 @@ type SlotProps = MergeableProps & {
  */
 declare const Slot: react.ForwardRefExoticComponent<Omit<SlotProps, "ref"> & react.RefAttributes<unknown>>;
 
+/**
+ * A panel that grows out of the thing that opened it.
+ *
+ * It starts slightly small and offset **towards** the trigger, so the motion points back
+ * at what opened it: a panel below enters upwards, one above enters downwards, one beside
+ * enters sideways. That is the only reason placement reaches the animation at all.
+ *
+ * Shared by the `Select` and the `Popover`, which is the second use §2 bis waits for. It
+ * lives in `system/` rather than in `utils/` because a `Keyframe` is Reanimated's, and
+ * `utils/` has to stay importable by a test that never mounts anything.
+ */
+declare function anchoredEntering(placement: Placement): react_native_reanimated.ReanimatedKeyframe;
+/**
+ * The mirror, shorter. Closing is an acknowledgement rather than an arrival, and a
+ * dismissal that takes as long as the opening feels like the control is arguing.
+ */
+declare function anchoredExiting(placement: Placement): react_native_reanimated.ReanimatedKeyframe;
+declare const overlayEntering: react_native_reanimated.ReanimatedKeyframe;
+declare const overlayExiting: react_native_reanimated.ReanimatedKeyframe;
+
+/**
+ * The chevron's turn, shared by the `Select` and the `Accordion`.
+ *
+ * HeroUI's numbers. Heavily damped against a very high stiffness: it arrives in about a
+ * fifth of a second and does not overshoot, which is what a turn of 180 degrees needs —
+ * an oscillating chevron reads as a bug rather than as motion.
+ */
+declare const INDICATOR_SPRING: {
+    readonly damping: 140;
+    readonly stiffness: 1000;
+    readonly mass: 4;
+};
+/** Degrees. Down when closed, up when open, turning anticlockwise as HeroUI's does. */
+declare const INDICATOR_ROTATION: readonly [0, -180];
+
 /**
  * The dismiss affordance shared by everything that can be dismissed — `Chip.Close`,
  * `Alert.Close`, and the `Dialog`, `Snackbar` and `Sheet` of P5. Each of those is a
@@ -529,4 +578,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, INDICATOR_ROTATION, INDICATOR_SPRING, 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, anchoredEntering, anchoredExiting, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, overlayEntering, overlayExiting, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };

package/dist/system/index.js

@@ -1,21 +1,30 @@
-import "../chunk-MESKS6AI.js";
+import "../chunk-WHJTBTYM.js";
 import {
   Portal,
   PortalContext,
   PortalHost
 } from "../chunk-2PMXMKS5.js";
 import {
-  SelectionFill
-} from "../chunk-BA2DBSAN.js";
+  INDICATOR_ROTATION,
+  INDICATOR_SPRING,
+  anchoredEntering,
+  anchoredExiting,
+  overlayEntering,
+  overlayExiting
+} from "../chunk-64MXEVT3.js";
 import {
   CloseButton,
   closeButtonBase
-} from "../chunk-EOJ5MYAQ.js";
+} from "../chunk-EYD4H4X6.js";
 import {
+  ChevronDownIcon,
   Icon,
   IconContext,
   useIconContext
-} from "../chunk-HXW4ANVB.js";
+} from "../chunk-FHUYHV6J.js";
+import {
+  SelectionFill
+} from "../chunk-BA2DBSAN.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -37,15 +46,15 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback
-} from "../chunk-UGF35NSE.js";
-import "../chunk-EGLLDKN6.js";
+} from "../chunk-LIUO6D3D.js";
 import "../chunk-423RQBOX.js";
+import "../chunk-EGLLDKN6.js";
 import {
   Slot,
   childrenToString,
   createSlotContext,
   mergeProps
-} from "../chunk-YXPYOOHU.js";
+} from "../chunk-K72UDPVN.js";
 import {
   mergeRefs
 } from "../chunk-36PRYGAM.js";
@@ -58,10 +67,13 @@ import {
   useStyleProps
 } from "../chunk-M63GFNKV.js";
 export {
+  ChevronDownIcon,
   CloseButton,
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
   HIGHLIGHT_OPACITY,
+  INDICATOR_ROTATION,
+  INDICATOR_SPRING,
   Icon,
   IconContext,
   PRESS_DURATION,
@@ -80,6 +92,8 @@ export {
   SCALE_REFERENCE_WIDTH,
   SelectionFill,
   Slot,
+  anchoredEntering,
+  anchoredExiting,
   childrenToString,
   closeButtonBase,
   createRecipe,
@@ -87,6 +101,8 @@ export {
   markOverlay,
   mergeProps,
   mergeRefs,
+  overlayEntering,
+  overlayExiting,
   pressScaleFor,
   radiusAxis,
   resolveAnimation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.37",
+  "version": "0.9.1-alpha.39",
   "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",
@@ -127,6 +137,16 @@
         "default": "./dist/components/input-otp/index.cjs"
       }
     },
+    "./popover": {
+      "import": {
+        "types": "./dist/components/popover/index.d.ts",
+        "default": "./dist/components/popover/index.js"
+      },
+      "require": {
+        "types": "./dist/components/popover/index.d.cts",
+        "default": "./dist/components/popover/index.cjs"
+      }
+    },
     "./radio": {
       "import": {
         "types": "./dist/components/radio/index.d.ts",