@xaui/native 0.9.1-alpha.90 → 0.9.1-alpha.92

package/dist/system/index.cjs

@@ -5,7 +5,7 @@ var _chunkF6CQ6CBIcjs = require('../chunk-F6CQ6CBI.cjs');
 
 
 
-var _chunk67WT74DYcjs = require('../chunk-67WT74DY.cjs');
+var _chunkZE4IHUUOcjs = require('../chunk-ZE4IHUUO.cjs');
 
 
 
@@ -40,7 +40,7 @@ var _chunkEKS3W46Mcjs = require('../chunk-EKS3W46M.cjs');
 
 
 
-var _chunkPIU3JONRcjs = require('../chunk-PIU3JONR.cjs');
+var _chunkOW4N2C3Mcjs = require('../chunk-OW4N2C3M.cjs');
 require('../chunk-7DPL3ZDS.cjs');
 
 
@@ -116,4 +116,4 @@ var _chunkTK44VBIEcjs = require('../chunk-TK44VBIE.cjs');
 
 
 
-exports.ChevronDownIcon = _chunkGSZDN6EZcjs.ChevronDownIcon; exports.CloseButtonBase = _chunk67WT74DYcjs.CloseButtonBase; exports.FEEDBACK_OVERLAY = _chunkPIU3JONRcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkPIU3JONRcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkPIU3JONRcjs.HIGHLIGHT_OPACITY; exports.INDICATOR_ROTATION = _chunkEKS3W46Mcjs.INDICATOR_ROTATION; exports.INDICATOR_SPRING = _chunkEKS3W46Mcjs.INDICATOR_SPRING; exports.Icon = _chunkGSZDN6EZcjs.Icon; exports.IconContext = _chunkGSZDN6EZcjs.IconContext; exports.PRESS_DURATION = _chunkPIU3JONRcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkPIU3JONRcjs.PRESS_SCALE; exports.Portal = _chunkWDDXU3OHcjs.Portal; exports.PortalContext = _chunkWDDXU3OHcjs.PortalContext; exports.PortalHost = _chunkWDDXU3OHcjs.PortalHost; exports.PressableFeedback = _chunkPIU3JONRcjs.PressableFeedback; exports.RADIUS_KEYS = _chunkSL3V7R2Ycjs.RADIUS_KEYS; exports.RIPPLE_CONFIRM_DURATION = _chunkPIU3JONRcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkPIU3JONRcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkPIU3JONRcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkPIU3JONRcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkPIU3JONRcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkPIU3JONRcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkPIU3JONRcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkPIU3JONRcjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Slot = _chunkCDRGTUYFcjs.Slot; exports.anchoredEntering = _chunkEKS3W46Mcjs.anchoredEntering; exports.anchoredExiting = _chunkEKS3W46Mcjs.anchoredExiting; exports.childrenToString = _chunkFHNIGHN5cjs.childrenToString; exports.closeButtonGeometry = _chunk67WT74DYcjs.closeButtonGeometry; exports.createRecipe = _chunkSL3V7R2Ycjs.createRecipe; exports.createSlotContext = _chunkCDRGTUYFcjs.createSlotContext; exports.markOverlay = _chunkPIU3JONRcjs.markOverlay; exports.mergeProps = _chunkCDRGTUYFcjs.mergeProps; exports.mergeRefs = _chunkH4E4HDEPcjs.mergeRefs; exports.overlayEntering = _chunkEKS3W46Mcjs.overlayEntering; exports.overlayExiting = _chunkEKS3W46Mcjs.overlayExiting; exports.pressScaleFor = _chunkPIU3JONRcjs.pressScaleFor; exports.radiusAxis = _chunkSL3V7R2Ycjs.radiusAxis; exports.resolveAnimation = _chunkPIU3JONRcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkPIU3JONRcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkPIU3JONRcjs.rippleRadiusFor; exports.useFeedback = _chunkPIU3JONRcjs.useFeedback; exports.useIconContext = _chunkGSZDN6EZcjs.useIconContext; exports.useStyleProps = _chunkTK44VBIEcjs.useStyleProps;
+exports.ChevronDownIcon = _chunkGSZDN6EZcjs.ChevronDownIcon; exports.CloseButtonBase = _chunkZE4IHUUOcjs.CloseButtonBase; exports.FEEDBACK_OVERLAY = _chunkOW4N2C3Mcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkOW4N2C3Mcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkOW4N2C3Mcjs.HIGHLIGHT_OPACITY; exports.INDICATOR_ROTATION = _chunkEKS3W46Mcjs.INDICATOR_ROTATION; exports.INDICATOR_SPRING = _chunkEKS3W46Mcjs.INDICATOR_SPRING; exports.Icon = _chunkGSZDN6EZcjs.Icon; exports.IconContext = _chunkGSZDN6EZcjs.IconContext; exports.PRESS_DURATION = _chunkOW4N2C3Mcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkOW4N2C3Mcjs.PRESS_SCALE; exports.Portal = _chunkWDDXU3OHcjs.Portal; exports.PortalContext = _chunkWDDXU3OHcjs.PortalContext; exports.PortalHost = _chunkWDDXU3OHcjs.PortalHost; exports.PressableFeedback = _chunkOW4N2C3Mcjs.PressableFeedback; exports.RADIUS_KEYS = _chunkSL3V7R2Ycjs.RADIUS_KEYS; exports.RIPPLE_CONFIRM_DURATION = _chunkOW4N2C3Mcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkOW4N2C3Mcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkOW4N2C3Mcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkOW4N2C3Mcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkOW4N2C3Mcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkOW4N2C3Mcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkOW4N2C3Mcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkOW4N2C3Mcjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Slot = _chunkCDRGTUYFcjs.Slot; exports.anchoredEntering = _chunkEKS3W46Mcjs.anchoredEntering; exports.anchoredExiting = _chunkEKS3W46Mcjs.anchoredExiting; exports.childrenToString = _chunkFHNIGHN5cjs.childrenToString; exports.closeButtonGeometry = _chunkZE4IHUUOcjs.closeButtonGeometry; exports.createRecipe = _chunkSL3V7R2Ycjs.createRecipe; exports.createSlotContext = _chunkCDRGTUYFcjs.createSlotContext; exports.markOverlay = _chunkOW4N2C3Mcjs.markOverlay; exports.mergeProps = _chunkCDRGTUYFcjs.mergeProps; exports.mergeRefs = _chunkH4E4HDEPcjs.mergeRefs; exports.overlayEntering = _chunkEKS3W46Mcjs.overlayEntering; exports.overlayExiting = _chunkEKS3W46Mcjs.overlayExiting; exports.pressScaleFor = _chunkOW4N2C3Mcjs.pressScaleFor; exports.radiusAxis = _chunkSL3V7R2Ycjs.radiusAxis; exports.resolveAnimation = _chunkOW4N2C3Mcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkOW4N2C3Mcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkOW4N2C3Mcjs.rippleRadiusFor; exports.useFeedback = _chunkOW4N2C3Mcjs.useFeedback; exports.useIconContext = _chunkGSZDN6EZcjs.useIconContext; exports.useStyleProps = _chunkTK44VBIEcjs.useStyleProps;

package/dist/system/index.js

@@ -5,7 +5,7 @@ import {
 import {
   CloseButtonBase,
   closeButtonGeometry
-} from "../chunk-4BAKKBHJ.js";
+} from "../chunk-USIWPESU.js";
 import {
   Portal,
   PortalContext,
@@ -40,7 +40,7 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback
-} from "../chunk-XZ42OWKC.js";
+} from "../chunk-2AFA5HA2.js";
 import "../chunk-423RQBOX.js";
 import {
   ChevronDownIcon,

package/dist/system/pressable-feedback/index.d.cts

@@ -11,6 +11,7 @@ export declare const PressableFeedback: import("react").ForwardRefExoticComponen
     isDisabled?: boolean;
     asChild?: boolean;
     animation?: import("./pressable-feedback.type").AnimationProp;
+    layout?: import("react-native-reanimated").AnimatedProps<import("react-native").PressableProps>["layout"];
     style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("react-native").View>> & {

package/dist/system/pressable-feedback/index.d.ts

@@ -11,6 +11,7 @@ export declare const PressableFeedback: import("react").ForwardRefExoticComponen
     isDisabled?: boolean;
     asChild?: boolean;
     animation?: import("./pressable-feedback.type").AnimationProp;
+    layout?: import("react-native-reanimated").AnimatedProps<import("react-native").PressableProps>["layout"];
     style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("react-native").View>> & {

package/dist/system/pressable-feedback/pressable-feedback.d.cts

@@ -34,6 +34,7 @@ export declare const PressableFeedback: import("react").ForwardRefExoticComponen
     isDisabled?: boolean;
     asChild?: boolean;
     animation?: import("./pressable-feedback.type").AnimationProp;
+    layout?: import("react-native-reanimated").AnimatedProps<import("react-native").PressableProps>["layout"];
     style?: StyleProp<ViewStyle>;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<View>>;

package/dist/system/pressable-feedback/pressable-feedback.d.ts

@@ -34,6 +34,7 @@ export declare const PressableFeedback: import("react").ForwardRefExoticComponen
     isDisabled?: boolean;
     asChild?: boolean;
     animation?: import("./pressable-feedback.type").AnimationProp;
+    layout?: import("react-native-reanimated").AnimatedProps<import("react-native").PressableProps>["layout"];
     style?: StyleProp<ViewStyle>;
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<View>>;

package/dist/system/pressable-feedback/pressable-feedback.type.d.cts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import type { SharedValue } from 'react-native-reanimated';
+import type { AnimatedProps, SharedValue } from 'react-native-reanimated';
 import type { ViewStyleProps } from '../style-props';
 export type AnimationConfig = {
     scale?: boolean;
@@ -40,6 +40,18 @@ export type PressableFeedbackProps = Omit<PressableProps, 'style' | 'children' |
      */
     asChild?: boolean;
     animation?: AnimationProp;
+    /**
+     * Reanimated's layout transition, for a control whose **own box** changes size — a
+     * `MorphButton` growing from a pill into a card. It is here rather than in that
+     * component because the box that travels is this node: a transition on a wrapper
+     * animates the wrapper's frame while the pressable inside it is already at its final
+     * size, so the content spills out of the shape halfway through.
+     *
+     * It has no effect on the static branch, which mounts a plain `Pressable` and no
+     * worklet at all: `animation={false}` turns the morph off with everything else, which
+     * is the answer a caller asking for no animation wanted.
+     */
+    layout?: AnimatedProps<PressableProps>['layout'];
     style?: StyleProp<ViewStyle>;
     /**
      * The overlays are children, not a prop — `<PressableFeedback.Highlight />` or

package/dist/system/pressable-feedback/pressable-feedback.type.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import type { SharedValue } from 'react-native-reanimated';
+import type { AnimatedProps, SharedValue } from 'react-native-reanimated';
 import type { ViewStyleProps } from '../style-props';
 export type AnimationConfig = {
     scale?: boolean;
@@ -40,6 +40,18 @@ export type PressableFeedbackProps = Omit<PressableProps, 'style' | 'children' |
      */
     asChild?: boolean;
     animation?: AnimationProp;
+    /**
+     * Reanimated's layout transition, for a control whose **own box** changes size — a
+     * `MorphButton` growing from a pill into a card. It is here rather than in that
+     * component because the box that travels is this node: a transition on a wrapper
+     * animates the wrapper's frame while the pressable inside it is already at its final
+     * size, so the content spills out of the shape halfway through.
+     *
+     * It has no effect on the static branch, which mounts a plain `Pressable` and no
+     * worklet at all: `animation={false}` turns the morph off with everything else, which
+     * is the answer a caller asking for no animation wanted.
+     */
+    layout?: AnimatedProps<PressableProps>['layout'];
     style?: StyleProp<ViewStyle>;
     /**
      * The overlays are children, not a prop — `<PressableFeedback.Highlight />` or

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.90",
+  "version": "0.9.1-alpha.92",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",
@@ -367,6 +367,16 @@
         "default": "./dist/components/menu/index.cjs"
       }
     },
+    "./morph-button": {
+      "import": {
+        "types": "./dist/components/morph-button/index.d.ts",
+        "default": "./dist/components/morph-button/index.js"
+      },
+      "require": {
+        "types": "./dist/components/morph-button/index.d.cts",
+        "default": "./dist/components/morph-button/index.cjs"
+      }
+    },
     "./number-field": {
       "import": {
         "types": "./dist/components/number-field/index.d.ts",
@@ -377,6 +387,36 @@
         "default": "./dist/components/number-field/index.cjs"
       }
     },
+    "./number-pad": {
+      "import": {
+        "types": "./dist/components/number-pad/index.d.ts",
+        "default": "./dist/components/number-pad/index.js"
+      },
+      "require": {
+        "types": "./dist/components/number-pad/index.d.cts",
+        "default": "./dist/components/number-pad/index.cjs"
+      }
+    },
+    "./pager": {
+      "import": {
+        "types": "./dist/components/pager/index.d.ts",
+        "default": "./dist/components/pager/index.js"
+      },
+      "require": {
+        "types": "./dist/components/pager/index.d.cts",
+        "default": "./dist/components/pager/index.cjs"
+      }
+    },
+    "./rating": {
+      "import": {
+        "types": "./dist/components/rating/index.d.ts",
+        "default": "./dist/components/rating/index.js"
+      },
+      "require": {
+        "types": "./dist/components/rating/index.d.cts",
+        "default": "./dist/components/rating/index.cjs"
+      }
+    },
     "./number-stepper": {
       "import": {
         "types": "./dist/components/number-stepper/index.d.ts",