@xaui/native 0.9.1-alpha.11 → 0.9.1-alpha.13

package/dist/{create-recipe-BjSP0zL_.d.cts → create-recipe-oiLAlJ4u.d.cts}

@@ -38,13 +38,6 @@ type IconContextValue = {
     color?: string;
 };
 
-/**
- * What the root does under the finger. `scale-highlight` and `scale-ripple` mount their
- * overlay themselves; `scale` mounts none, which is what a root picks when it renders its
- * own `<PressableFeedback.Highlight>` to style it (R1: no prop reaches into another
- * component's insides).
- */
-type FeedbackVariant = 'scale-highlight' | 'scale-ripple' | 'scale' | 'none';
 type AnimationConfig = {
     scale?: boolean;
     highlight?: boolean;
@@ -77,10 +70,13 @@ type PressableFeedbackProps = Omit<PressableProps, 'style' | 'children' | 'disab
      * touch feedback of every `asChild` control.
      */
     asChild?: boolean;
-    feedbackVariant?: FeedbackVariant;
     animation?: AnimationProp;
     style?: StyleProp<ViewStyle>;
     /**
+     * The overlays are children, not a prop — `<PressableFeedback.Highlight />` or
+     * `<PressableFeedback.Ripple />`, in any order: the root paints them under everything
+     * else wherever they sit. The scale is the root's own and needs nothing rendered.
+     *
      * `Pressable`'s function form is dropped on purpose. It exists to hand the press state
      * to children; here the root above already owns that state and this publishes it
      * through context, so the function form would be a second, quieter source of truth.
@@ -99,29 +95,93 @@ type SlotAnimation = boolean | {
     /** How far the overlay goes at full press, 0 to 1. */
     opacity?: number;
 };
+/** One ripple wave. Two of them, so a rapid double tap does not cut the one in flight. */
+type RippleWave = {
+    /** `0 → 1` as the circle opens. */
+    expand: SharedValue<number>;
+    /** `0 → 1` as the ink arrives, on its own curve. */
+    alpha: SharedValue<number>;
+    /** Where the finger landed, in the root's coordinates. */
+    origin: SharedValue<{
+        x: number;
+        y: number;
+    }>;
+};
+/**
+ * The corner keys an overlay copies off the root. The `Left`/`Right` forms are absent
+ * rather than forgotten: R13 bans them, because RN mirrors only the logical ones under RTL.
+ */
+type RadiusStyle = Pick<ViewStyle, 'borderRadius' | 'borderStartStartRadius' | 'borderStartEndRadius' | 'borderEndStartRadius' | 'borderEndEndRadius'>;
 type FeedbackContext = {
+    /**
+     * The overlay's ink, resolved by the root from its own background.
+     *
+     * A wash or a wave has to contrast with what it sits on, and only the root knows that —
+     * it flattens its own `style` and reads `backgroundColor`, then takes the contrasting
+     * side the same way a tint does. Black ink at 10% on a saturated fill is close to
+     * invisible, which is the one thing a press indicator cannot be.
+     */
+    ink: string;
+    /**
+     * The root's own corners, so an overlay rounds itself to match. `corners` and not
+     * `radius`: the ripple already has a radius, and it is a length in points rather than a
+     * shape.
+     *
+     * An absolute fill has square corners and every control here is rounded, so without this
+     * both the wash and the wave paint outside the surface at each corner. The overlay
+     * carries the clip rather than the root: clipping the root would also cut a child that
+     * legitimately overflows — a badge on a button's corner — and that child has nothing to
+     * do with the press.
+     */
+    corners: RadiusStyle;
     isPressed: boolean;
     animation: ResolvedAnimation;
     /** Absent on the static branch, where nothing animates and no worklet is mounted. */
     progress?: SharedValue<number>;
-    /**
-     * Bumped on every press-in. The ripple starts from this rather than from a `useEffect`
-     * on `isPressed`: a one-shot driven by a boolean depends on React re-rendering between
-     * the two touch events, and starting it from the event that carries the coordinates is
-     * both simpler and impossible to miss.
-     */
-    pressCount?: SharedValue<number>;
-    /** Where the finger landed, and how big the root is — the ripple needs both. */
-    origin?: SharedValue<{
-        x: number;
-        y: number;
-    }>;
+    /** How big the root is — what the scale coefficient is computed from. */
     size?: SharedValue<{
         width: number;
         height: number;
     }>;
+    /**
+     * The two ripple waves, driven by the **root**.
+     *
+     * They belong to the root because the root is the touch surface. An overlay carrying its
+     * own handlers only hears touches that land on *it* — and it is a sibling of the label,
+     * not its parent, so pressing the text of a button would do nothing. Touches bubble to
+     * the `Pressable`, which is why the handlers live there and the waves are published down.
+     */
+    waves?: readonly [RippleWave, RippleWave];
 };
 
+/**
+ * R13 — React Native mirrors a layout under RTL through the Start/End properties and only
+ * those. A props API is exactly where someone writes `paddingLeft` without thinking, so
+ * the type removes the temptation instead of leaving it to a review.
+ */
+type DirectionalStyleKey = 'left' | 'right' | 'paddingLeft' | 'paddingRight' | 'marginLeft' | 'marginRight' | 'borderLeftWidth' | 'borderRightWidth' | 'borderLeftColor' | 'borderRightColor' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderBottomLeftRadius' | 'borderBottomRightRadius';
+/**
+ * `pointerEvents` is a style key *and* a `View` prop. R14 says the component's own prop
+ * wins, so it stays the prop it has always been and is not exposed twice — the one name
+ * where the two vocabularies collide.
+ */
+type ComponentOwnedStyleKey = 'pointerEvents';
+/**
+ * The style keys of a node, exposed as props (R14). Not a maintained list: it derives
+ * from the React Native type, minus what R13 forbids.
+ *
+ * ```ts
+ * type CardProps = ViewStyleProps & { variant?: CardVariant }
+ * ```
+ */
+type StyleProps<Style> = Omit<Style, DirectionalStyleKey | ComponentOwnedStyleKey>;
+/** A root, or any slot that renders a view. */
+type ViewStyleProps = StyleProps<ViewStyle>;
+/** A text slot — `color`, `fontSize`, `letterSpacing`… */
+type TextStyleProps = StyleProps<TextStyle>;
+/** An image slot — `resizeMode`, `tintColor`… */
+type ImageStyleProps = StyleProps<ImageStyle>;
+
 /**
  * A slot is a view or a text node, and a recipe writes one object per slot, so the two
  * RN style shapes are merged rather than discriminated per slot.
@@ -207,4 +267,4 @@ type Recipe<Slot extends string, Variant extends string, A extends Axes<Slot>> =
  */
 declare function createRecipe<Slot extends string, Variant extends string, const A extends Axes<Slot>>(config: RecipeConfig<Slot, Variant, A>): Recipe<Slot, Variant, A>;
 
-export { type AnimationConfig as A, type CompoundVariant as C, type FeedbackContext as F, type IconComponentProps as I, type PressableFeedbackProps as P, type ResolvedAnimation as R, type SlotAnimation as S, type TintArgs as T, type VariantColors as V, type IconContextValue as a, type IconProps as b, type AnimationProp as c, type FeedbackVariant as d, createRecipe as e, type Recipe as f, type ResolveArgs as g, type Axes as h, type RecipeConfig as i, type ResolvedSelection as j, type ResolvedStyles as k, type Selection as l, type SlotStyle as m, type SlotStyles as n, type StateName as o, type States as p, type StyleFn as q, type VariantRole as r, type VariantTokens as s };
+export { type AnimationConfig as A, type CompoundVariant as C, type DirectionalStyleKey as D, type FeedbackContext as F, type IconComponentProps as I, type PressableFeedbackProps as P, type RadiusStyle as R, type SlotAnimation as S, type TintArgs as T, type VariantColors as V, type IconContextValue as a, type IconProps as b, type AnimationProp as c, type ResolvedAnimation as d, type RippleWave as e, createRecipe as f, type Recipe as g, type ResolveArgs as h, type Axes as i, type RecipeConfig as j, type ResolvedSelection as k, type ResolvedStyles as l, type Selection as m, type SlotStyle as n, type SlotStyles as o, type StateName as p, type States as q, type StyleFn as r, type VariantRole as s, type VariantTokens as t, type ImageStyleProps as u, type StyleProps as v, type TextStyleProps as w, type ViewStyleProps as x };

package/dist/index.cjs

@@ -4,12 +4,12 @@
 
 
 
-var _chunk6OHFG32Ycjs = require('./chunk-6OHFG32Y.cjs');
+var _chunkMLJ543GPcjs = require('./chunk-MLJ543GP.cjs');
 
 
 
 
-var _chunkLMUPNKPHcjs = require('./chunk-LMUPNKPH.cjs');
+var _chunk2FOEFUPMcjs = require('./chunk-2FOEFUPM.cjs');
 
 
 
@@ -31,7 +31,6 @@ var _chunkLMUPNKPHcjs = require('./chunk-LMUPNKPH.cjs');
 
 
 
-var _chunkE2UGZJBTcjs = require('./chunk-E2UGZJBT.cjs');
 
 
 
@@ -42,15 +41,26 @@ var _chunkE2UGZJBTcjs = require('./chunk-E2UGZJBT.cjs');
 
 
 
+var _chunkIVVFYUDWcjs = require('./chunk-IVVFYUDW.cjs');
 
-var _chunk2FEDC7U5cjs = require('./chunk-2FEDC7U5.cjs');
 
 
 
 
 
 
-var _chunk3QBT3Q65cjs = require('./chunk-3QBT3Q65.cjs');
+
+
+
+
+var _chunkDDYMIWLWcjs = require('./chunk-DDYMIWLW.cjs');
+
+
+
+
+
+
+var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
 
 // src/hooks/use-controllable-state.ts
 var _react = require('react');
@@ -80,7 +90,7 @@ function useControllableState({
 function useControlWarning(isControlled) {
   const wasControlled = _react.useRef.call(void 0, isControlled);
   if (wasControlled.current !== isControlled) {
-    _chunk6OHFG32Ycjs.warnDev.call(void 0, 
+    _chunkMLJ543GPcjs.warnDev.call(void 0, 
       `a component switched from ${wasControlled.current ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}. Decide for the life of the component: pass \`value\` always, or never. Passing \`undefined\` for a value you do control reads as "uncontrolled" here.`
     );
     wasControlled.current = isControlled;
@@ -90,7 +100,7 @@ function useControlWarning(isControlled) {
 // src/hooks/use-merged-ref.ts
 
 function useMergedRef(...refs) {
-  return _react.useMemo.call(void 0, () => _chunkE2UGZJBTcjs.mergeRefs.call(void 0, ...refs), refs);
+  return _react.useMemo.call(void 0, () => _chunkIVVFYUDWcjs.mergeRefs.call(void 0, ...refs), refs);
 }
 
 // src/hooks/use-previous.ts
@@ -148,4 +158,14 @@ function usePrevious(value) {
 
 
 
-exports.Button = _chunk6OHFG32Ycjs.Button; exports.HIGHLIGHT_OPACITY = _chunkE2UGZJBTcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkE2UGZJBTcjs.Icon; exports.IconContext = _chunkE2UGZJBTcjs.IconContext; exports.PRESS_DURATION = _chunkE2UGZJBTcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkE2UGZJBTcjs.PRESS_SCALE; exports.Portal = _chunkLMUPNKPHcjs.Portal; exports.PortalContext = _chunkLMUPNKPHcjs.PortalContext; exports.PortalHost = _chunkLMUPNKPHcjs.PortalHost; exports.PressableFeedback = _chunkE2UGZJBTcjs.PressableFeedback; exports.RELEASE_DURATION = _chunkE2UGZJBTcjs.RELEASE_DURATION; exports.RIPPLE_COVERAGE = _chunkE2UGZJBTcjs.RIPPLE_COVERAGE; exports.RIPPLE_DURATION = _chunkE2UGZJBTcjs.RIPPLE_DURATION; exports.RIPPLE_OPACITY = _chunkE2UGZJBTcjs.RIPPLE_OPACITY; exports.Slot = _chunkE2UGZJBTcjs.Slot; exports.ThemeContext = _chunk3QBT3Q65cjs.ThemeContext; exports.XAUIProvider = _chunk2FEDC7U5cjs.XAUIProvider; exports.buildRadius = _chunk2FEDC7U5cjs.buildRadius; exports.buildShadows = _chunk2FEDC7U5cjs.buildShadows; exports.buttonRecipe = _chunk6OHFG32Ycjs.buttonRecipe; exports.childrenToString = _chunkE2UGZJBTcjs.childrenToString; exports.createRecipe = _chunkE2UGZJBTcjs.createRecipe; exports.createSlotContext = _chunkE2UGZJBTcjs.createSlotContext; exports.createTheme = _chunk2FEDC7U5cjs.createTheme; exports.defaultTheme = _chunk2FEDC7U5cjs.defaultTheme; exports.deriveColors = _chunk2FEDC7U5cjs.deriveColors; exports.deriveTint = _chunk3QBT3Q65cjs.deriveTint; exports.mergeProps = _chunkE2UGZJBTcjs.mergeProps; exports.mergeRefs = _chunkE2UGZJBTcjs.mergeRefs; exports.palette = _chunk2FEDC7U5cjs.palette; exports.primitives = _chunk2FEDC7U5cjs.primitives; exports.resolveAnimation = _chunkE2UGZJBTcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkE2UGZJBTcjs.resolveSlotAnimation; exports.sourceKeys = _chunk2FEDC7U5cjs.sourceKeys; exports.tokens = _chunk2FEDC7U5cjs.tokens; exports.useButton = _chunk6OHFG32Ycjs.useButton; exports.useColorMode = _chunk3QBT3Q65cjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunkE2UGZJBTcjs.useFeedback; exports.useIconContext = _chunkE2UGZJBTcjs.useIconContext; exports.useMergedRef = useMergedRef; exports.usePressState = _chunk6OHFG32Ycjs.usePressState; exports.usePrevious = usePrevious; exports.useThemeColor = _chunk3QBT3Q65cjs.useThemeColor; exports.useXAUITheme = _chunk3QBT3Q65cjs.useXAUITheme;
+
+
+
+
+
+
+
+
+
+
+exports.Button = _chunkMLJ543GPcjs.Button; exports.FEEDBACK_OVERLAY = _chunkIVVFYUDWcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkIVVFYUDWcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIVVFYUDWcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkIVVFYUDWcjs.Icon; exports.IconContext = _chunkIVVFYUDWcjs.IconContext; exports.PRESS_DURATION = _chunkIVVFYUDWcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIVVFYUDWcjs.PRESS_SCALE; exports.Portal = _chunk2FOEFUPMcjs.Portal; exports.PortalContext = _chunk2FOEFUPMcjs.PortalContext; exports.PortalHost = _chunk2FOEFUPMcjs.PortalHost; exports.PressableFeedback = _chunkIVVFYUDWcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIVVFYUDWcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIVVFYUDWcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIVVFYUDWcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIVVFYUDWcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIVVFYUDWcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIVVFYUDWcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIVVFYUDWcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkIVVFYUDWcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkIVVFYUDWcjs.Slot; exports.ThemeContext = _chunk6N5JXRUZcjs.ThemeContext; exports.XAUIProvider = _chunkDDYMIWLWcjs.XAUIProvider; exports.buildRadius = _chunkDDYMIWLWcjs.buildRadius; exports.buildShadows = _chunkDDYMIWLWcjs.buildShadows; exports.buttonRecipe = _chunkMLJ543GPcjs.buttonRecipe; exports.childrenToString = _chunkIVVFYUDWcjs.childrenToString; exports.createRecipe = _chunkIVVFYUDWcjs.createRecipe; exports.createSlotContext = _chunkIVVFYUDWcjs.createSlotContext; exports.createTheme = _chunkDDYMIWLWcjs.createTheme; exports.defaultTheme = _chunkDDYMIWLWcjs.defaultTheme; exports.deriveColors = _chunkDDYMIWLWcjs.deriveColors; exports.deriveTint = _chunk6N5JXRUZcjs.deriveTint; exports.markOverlay = _chunkIVVFYUDWcjs.markOverlay; exports.mergeProps = _chunkIVVFYUDWcjs.mergeProps; exports.mergeRefs = _chunkIVVFYUDWcjs.mergeRefs; exports.palette = _chunkDDYMIWLWcjs.palette; exports.pressScaleFor = _chunkIVVFYUDWcjs.pressScaleFor; exports.primitives = _chunkDDYMIWLWcjs.primitives; exports.resolveAnimation = _chunkIVVFYUDWcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIVVFYUDWcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIVVFYUDWcjs.rippleRadiusFor; exports.sourceKeys = _chunkDDYMIWLWcjs.sourceKeys; exports.tokens = _chunkDDYMIWLWcjs.tokens; exports.useButton = _chunkMLJ543GPcjs.useButton; exports.useColorMode = _chunk6N5JXRUZcjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunkIVVFYUDWcjs.useFeedback; exports.useIconContext = _chunkIVVFYUDWcjs.useIconContext; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkMLJ543GPcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkIVVFYUDWcjs.useStyleProps; exports.useThemeColor = _chunk6N5JXRUZcjs.useThemeColor; exports.useXAUITheme = _chunk6N5JXRUZcjs.useXAUITheme;

package/dist/index.d.cts

@@ -1,9 +1,9 @@
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.cjs';
 import { RefCallback } from 'react';
 import { PossibleRef } from './system/index.cjs';
-export { AsChildProps, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RELEASE_DURATION, RIPPLE_COVERAGE, RIPPLE_DURATION, RIPPLE_OPACITY, Slot, SlotProps, childrenToString, createSlotContext, mergeProps, mergeRefs, resolveAnimation, resolveSlotAnimation, useFeedback, useIconContext } from './system/index.cjs';
+export { AsChildProps, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, Slot, SlotProps, childrenToString, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.cjs';
 import { GestureResponderEvent } from 'react-native';
-export { A as AnimationConfig, c as AnimationProp, h as Axes, C as CompoundVariant, F as FeedbackContext, d as FeedbackVariant, I as IconComponentProps, a as IconContextValue, b as IconProps, P as PressableFeedbackProps, f as Recipe, i as RecipeConfig, g as ResolveArgs, R as ResolvedAnimation, j as ResolvedSelection, k as ResolvedStyles, l as Selection, S as SlotAnimation, m as SlotStyle, n as SlotStyles, o as StateName, p as States, q as StyleFn, T as TintArgs, V as VariantColors, r as VariantRole, s as VariantTokens, e as createRecipe } from './create-recipe-BjSP0zL_.cjs';
+export { A as AnimationConfig, c as AnimationProp, i as Axes, C as CompoundVariant, D as DirectionalStyleKey, F as FeedbackContext, I as IconComponentProps, a as IconContextValue, b as IconProps, u as ImageStyleProps, P as PressableFeedbackProps, R as RadiusStyle, g as Recipe, j as RecipeConfig, h as ResolveArgs, d as ResolvedAnimation, k as ResolvedSelection, l as ResolvedStyles, e as RippleWave, m as Selection, S as SlotAnimation, n as SlotStyle, o as SlotStyles, p as StateName, q as States, r as StyleFn, v as StyleProps, w as TextStyleProps, T as TintArgs, V as VariantColors, s as VariantRole, t as VariantTokens, x as ViewStyleProps, f as createRecipe } from './create-recipe-oiLAlJ4u.cjs';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.cjs';
 export { C as ColorMode, F as FontSizeKey, a as FontWeightKey, R as RadiusKey, S as Size, X as XAUIColors, b as XAUIDerivedColors, c as XAUIPrimitiveColors, d as XAUIRadius, e as XAUIShadow, f as XAUISourceColors, g as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C9bFJKFm.cjs';
 import 'react-native-reanimated';

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.js';
 import { RefCallback } from 'react';
 import { PossibleRef } from './system/index.js';
-export { AsChildProps, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RELEASE_DURATION, RIPPLE_COVERAGE, RIPPLE_DURATION, RIPPLE_OPACITY, Slot, SlotProps, childrenToString, createSlotContext, mergeProps, mergeRefs, resolveAnimation, resolveSlotAnimation, useFeedback, useIconContext } from './system/index.js';
+export { AsChildProps, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, Slot, SlotProps, childrenToString, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.js';
 import { GestureResponderEvent } from 'react-native';
-export { A as AnimationConfig, c as AnimationProp, h as Axes, C as CompoundVariant, F as FeedbackContext, d as FeedbackVariant, I as IconComponentProps, a as IconContextValue, b as IconProps, P as PressableFeedbackProps, f as Recipe, i as RecipeConfig, g as ResolveArgs, R as ResolvedAnimation, j as ResolvedSelection, k as ResolvedStyles, l as Selection, S as SlotAnimation, m as SlotStyle, n as SlotStyles, o as StateName, p as States, q as StyleFn, T as TintArgs, V as VariantColors, r as VariantRole, s as VariantTokens, e as createRecipe } from './create-recipe-Dn9kj5Rs.js';
+export { A as AnimationConfig, c as AnimationProp, i as Axes, C as CompoundVariant, D as DirectionalStyleKey, F as FeedbackContext, I as IconComponentProps, a as IconContextValue, b as IconProps, u as ImageStyleProps, P as PressableFeedbackProps, R as RadiusStyle, g as Recipe, j as RecipeConfig, h as ResolveArgs, d as ResolvedAnimation, k as ResolvedSelection, l as ResolvedStyles, e as RippleWave, m as Selection, S as SlotAnimation, n as SlotStyle, o as SlotStyles, p as StateName, q as States, r as StyleFn, v as StyleProps, w as TextStyleProps, T as TintArgs, V as VariantColors, s as VariantRole, t as VariantTokens, x as ViewStyleProps, f as createRecipe } from './create-recipe-3OPwcC6P.js';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.js';
 export { C as ColorMode, F as FontSizeKey, a as FontWeightKey, R as RadiusKey, S as Size, X as XAUIColors, b as XAUIDerivedColors, c as XAUIPrimitiveColors, d as XAUIRadius, e as XAUIShadow, f as XAUISourceColors, g as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C9bFJKFm.js';
 import 'react-native-reanimated';

package/dist/index.js

@@ -4,34 +4,44 @@ import {
   useButton,
   usePressState,
   warnDev
-} from "./chunk-NQ5WWF77.js";
+} from "./chunk-RWLODK55.js";
 import {
   Portal,
   PortalContext,
   PortalHost
-} from "./chunk-3TIDEII6.js";
+} from "./chunk-TO6DAGFB.js";
 import {
+  FEEDBACK_OVERLAY,
+  HIGHLIGHT_DURATION,
   HIGHLIGHT_OPACITY,
   Icon,
   IconContext,
   PRESS_DURATION,
   PRESS_SCALE,
   PressableFeedback,
-  RELEASE_DURATION,
-  RIPPLE_COVERAGE,
-  RIPPLE_DURATION,
+  RIPPLE_CONFIRM_DURATION,
+  RIPPLE_EXPAND_DURATION,
+  RIPPLE_FADE_IN,
+  RIPPLE_FADE_OUT,
+  RIPPLE_FADE_OUT_DELAY,
   RIPPLE_OPACITY,
+  RIPPLE_START_SCALE,
+  SCALE_REFERENCE_WIDTH,
   Slot,
   childrenToString,
   createRecipe,
   createSlotContext,
+  markOverlay,
   mergeProps,
   mergeRefs,
+  pressScaleFor,
   resolveAnimation,
   resolveSlotAnimation,
+  rippleRadiusFor,
   useFeedback,
-  useIconContext
-} from "./chunk-R4HJCQPI.js";
+  useIconContext,
+  useStyleProps
+} from "./chunk-B3EAZ2CC.js";
 import {
   XAUIProvider,
   buildRadius,
@@ -43,14 +53,14 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "./chunk-7XGOXTGT.js";
+} from "./chunk-4O3PXFQ7.js";
 import {
   ThemeContext,
   deriveTint,
   useColorMode,
   useThemeColor,
   useXAUITheme
-} from "./chunk-X2K2FX3W.js";
+} from "./chunk-XJARE6SC.js";
 
 // src/hooks/use-controllable-state.ts
 import { useCallback, useRef, useState } from "react";
@@ -104,6 +114,8 @@ function usePrevious(value) {
 }
 export {
   Button,
+  FEEDBACK_OVERLAY,
+  HIGHLIGHT_DURATION,
   HIGHLIGHT_OPACITY,
   Icon,
   IconContext,
@@ -113,10 +125,14 @@ export {
   PortalContext,
   PortalHost,
   PressableFeedback,
-  RELEASE_DURATION,
-  RIPPLE_COVERAGE,
-  RIPPLE_DURATION,
+  RIPPLE_CONFIRM_DURATION,
+  RIPPLE_EXPAND_DURATION,
+  RIPPLE_FADE_IN,
+  RIPPLE_FADE_OUT,
+  RIPPLE_FADE_OUT_DELAY,
   RIPPLE_OPACITY,
+  RIPPLE_START_SCALE,
+  SCALE_REFERENCE_WIDTH,
   Slot,
   ThemeContext,
   XAUIProvider,
@@ -130,12 +146,15 @@ export {
   defaultTheme,
   deriveColors,
   deriveTint,
+  markOverlay,
   mergeProps,
   mergeRefs,
   palette,
+  pressScaleFor,
   primitives,
   resolveAnimation,
   resolveSlotAnimation,
+  rippleRadiusFor,
   sourceKeys,
   tokens,
   useButton,
@@ -146,6 +165,7 @@ export {
   useMergedRef,
   usePressState,
   usePrevious,
+  useStyleProps,
   useThemeColor,
   useXAUITheme
 };

package/dist/system/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkLMUPNKPHcjs = require('../chunk-LMUPNKPH.cjs');
+var _chunk2FOEFUPMcjs = require('../chunk-2FOEFUPM.cjs');
 
 
 
@@ -24,8 +24,6 @@ var _chunkLMUPNKPHcjs = require('../chunk-LMUPNKPH.cjs');
 
 
 
-var _chunkE2UGZJBTcjs = require('../chunk-E2UGZJBT.cjs');
-require('../chunk-3QBT3Q65.cjs');
 
 
 
@@ -36,6 +34,8 @@ require('../chunk-3QBT3Q65.cjs');
 
 
 
+var _chunkIVVFYUDWcjs = require('../chunk-IVVFYUDW.cjs');
+require('../chunk-6N5JXRUZ.cjs');
 
 
 
@@ -50,4 +50,24 @@ require('../chunk-3QBT3Q65.cjs');
 
 
 
-exports.HIGHLIGHT_OPACITY = _chunkE2UGZJBTcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkE2UGZJBTcjs.Icon; exports.IconContext = _chunkE2UGZJBTcjs.IconContext; exports.PRESS_DURATION = _chunkE2UGZJBTcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkE2UGZJBTcjs.PRESS_SCALE; exports.Portal = _chunkLMUPNKPHcjs.Portal; exports.PortalContext = _chunkLMUPNKPHcjs.PortalContext; exports.PortalHost = _chunkLMUPNKPHcjs.PortalHost; exports.PressableFeedback = _chunkE2UGZJBTcjs.PressableFeedback; exports.RELEASE_DURATION = _chunkE2UGZJBTcjs.RELEASE_DURATION; exports.RIPPLE_COVERAGE = _chunkE2UGZJBTcjs.RIPPLE_COVERAGE; exports.RIPPLE_DURATION = _chunkE2UGZJBTcjs.RIPPLE_DURATION; exports.RIPPLE_OPACITY = _chunkE2UGZJBTcjs.RIPPLE_OPACITY; exports.Slot = _chunkE2UGZJBTcjs.Slot; exports.childrenToString = _chunkE2UGZJBTcjs.childrenToString; exports.createRecipe = _chunkE2UGZJBTcjs.createRecipe; exports.createSlotContext = _chunkE2UGZJBTcjs.createSlotContext; exports.mergeProps = _chunkE2UGZJBTcjs.mergeProps; exports.mergeRefs = _chunkE2UGZJBTcjs.mergeRefs; exports.resolveAnimation = _chunkE2UGZJBTcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkE2UGZJBTcjs.resolveSlotAnimation; exports.useFeedback = _chunkE2UGZJBTcjs.useFeedback; exports.useIconContext = _chunkE2UGZJBTcjs.useIconContext;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.FEEDBACK_OVERLAY = _chunkIVVFYUDWcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkIVVFYUDWcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIVVFYUDWcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkIVVFYUDWcjs.Icon; exports.IconContext = _chunkIVVFYUDWcjs.IconContext; exports.PRESS_DURATION = _chunkIVVFYUDWcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIVVFYUDWcjs.PRESS_SCALE; exports.Portal = _chunk2FOEFUPMcjs.Portal; exports.PortalContext = _chunk2FOEFUPMcjs.PortalContext; exports.PortalHost = _chunk2FOEFUPMcjs.PortalHost; exports.PressableFeedback = _chunkIVVFYUDWcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIVVFYUDWcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIVVFYUDWcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIVVFYUDWcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIVVFYUDWcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIVVFYUDWcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIVVFYUDWcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIVVFYUDWcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkIVVFYUDWcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkIVVFYUDWcjs.Slot; exports.childrenToString = _chunkIVVFYUDWcjs.childrenToString; exports.createRecipe = _chunkIVVFYUDWcjs.createRecipe; exports.createSlotContext = _chunkIVVFYUDWcjs.createSlotContext; exports.markOverlay = _chunkIVVFYUDWcjs.markOverlay; exports.mergeProps = _chunkIVVFYUDWcjs.mergeProps; exports.mergeRefs = _chunkIVVFYUDWcjs.mergeRefs; exports.pressScaleFor = _chunkIVVFYUDWcjs.pressScaleFor; exports.resolveAnimation = _chunkIVVFYUDWcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIVVFYUDWcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIVVFYUDWcjs.rippleRadiusFor; exports.useFeedback = _chunkIVVFYUDWcjs.useFeedback; exports.useIconContext = _chunkIVVFYUDWcjs.useIconContext; exports.useStyleProps = _chunkIVVFYUDWcjs.useStyleProps;