@xaui/native 0.9.1-alpha.17 → 0.9.1-alpha.19

package/dist/{pressable-feedback.type-KcPvFf6f.d.ts → pressable-feedback.type-1K8YEOb8.d.cts}

@@ -1,6 +1,6 @@
 import { ComponentType, ReactNode } from 'react';
 import { ImageSourcePropType, StyleProp, ImageStyle, PressableProps, ViewStyle } from 'react-native';
-import { I as ImageStyleProps, V as ViewStyleProps } from './create-recipe-DImq1AZA.js';
+import { I as ImageStyleProps, V as ViewStyleProps } from './style-props.type-B1BG5TCm.cjs';
 import { SharedValue } from 'react-native-reanimated';
 
 /**
@@ -12,31 +12,59 @@ type IconComponentProps = {
     size?: number;
     color?: string;
 };
-/**
- * R14 reaches the **`source` form only**, exactly like `style` below and for the same
- * reason: it is the one of the three forms where we render the node. On the other two,
- * `size` and `color` are what shapes the icon.
- */
-type IconProps = ImageStyleProps & {
-    /** An icon component. `size` and `color` are injected into it. */
-    as?: ComponentType<IconComponentProps>;
-    /** A raw `react-native-svg` element, cloned with the resolved size and colour. */
-    children?: ReactNode;
-    /** An image, tinted with the resolved colour. */
-    source?: ImageSourcePropType;
+/** What every form takes, and the only lever the two non-rendering ones have. */
+type IconBase = {
     /** Overrides what the surrounding slot asked for. */
     size?: number;
     /** A raw value (R7), never a token. Overrides the slot's. */
     color?: string;
-    /**
-     * The **`source` form only** — it is the one of the three where we render the view.
-     * `as` hands its props to a third-party component and the children form clones an
-     * element the caller made; neither is a view this can style, and wrapping them would
-     * add a level of depth to every icon in the library. `size` and `color` are the
-     * escape hatch there.
-     */
+};
+/**
+ * An icon component — `size` and `color` are injected into it.
+ *
+ * No style props and no `style`: we do not render this node, the third party does, and
+ * there is no published interface that says it would accept either. Wrapping it in a view
+ * to make them work would add a level of depth to every icon in the library.
+ */
+type IconAsProps = IconBase & {
+    as: ComponentType<IconComponentProps>;
+    children?: never;
+    source?: never;
+};
+/**
+ * A raw `react-native-svg` element, cloned with the resolved size and colour.
+ *
+ * No style props and no `style` either: the node is the caller's own element, and they can
+ * style it where they wrote it.
+ */
+type IconChildrenProps = IconBase & {
+    as?: never;
+    children: ReactNode;
+    source?: never;
+};
+/**
+ * An image, tinted with the resolved colour — **the one form that carries R14**, because
+ * it is the one where we render the node.
+ */
+type IconSourceProps = IconBase & ImageStyleProps & {
+    as?: never;
+    children?: never;
+    source: ImageSourcePropType;
     style?: StyleProp<ImageStyle>;
 };
+/**
+ * Three forms, and the type says which one you are in.
+ *
+ * The union is what makes R14's boundary checkable rather than merely documented. When
+ * every form declared the style props, `<Icon as={Trash2} marginEnd={8} />` compiled and
+ * did nothing at all — the prop was dropped on the two forms that do not render the node,
+ * silently, and only a comment said so. Now it is a compile error that points at `size`
+ * and `color`, which are the levers those forms actually have.
+ *
+ * It also makes the three mutually exclusive, which they always were at runtime: `as`
+ * wins over children, and children over `source`.
+ */
+type IconProps = IconAsProps | IconChildrenProps | IconSourceProps;
 /** What a component root publishes so the icons inside it need no props at all. */
 type IconContextValue = {
     size?: number;

package/dist/{pressable-feedback.type-C9kjAuVQ.d.cts → pressable-feedback.type-BwkKLQlX.d.ts}

@@ -1,6 +1,6 @@
 import { ComponentType, ReactNode } from 'react';
 import { ImageSourcePropType, StyleProp, ImageStyle, PressableProps, ViewStyle } from 'react-native';
-import { I as ImageStyleProps, V as ViewStyleProps } from './create-recipe-3_ElpCYt.cjs';
+import { I as ImageStyleProps, V as ViewStyleProps } from './style-props.type-B1BG5TCm.js';
 import { SharedValue } from 'react-native-reanimated';
 
 /**
@@ -12,31 +12,59 @@ type IconComponentProps = {
     size?: number;
     color?: string;
 };
-/**
- * R14 reaches the **`source` form only**, exactly like `style` below and for the same
- * reason: it is the one of the three forms where we render the node. On the other two,
- * `size` and `color` are what shapes the icon.
- */
-type IconProps = ImageStyleProps & {
-    /** An icon component. `size` and `color` are injected into it. */
-    as?: ComponentType<IconComponentProps>;
-    /** A raw `react-native-svg` element, cloned with the resolved size and colour. */
-    children?: ReactNode;
-    /** An image, tinted with the resolved colour. */
-    source?: ImageSourcePropType;
+/** What every form takes, and the only lever the two non-rendering ones have. */
+type IconBase = {
     /** Overrides what the surrounding slot asked for. */
     size?: number;
     /** A raw value (R7), never a token. Overrides the slot's. */
     color?: string;
-    /**
-     * The **`source` form only** — it is the one of the three where we render the view.
-     * `as` hands its props to a third-party component and the children form clones an
-     * element the caller made; neither is a view this can style, and wrapping them would
-     * add a level of depth to every icon in the library. `size` and `color` are the
-     * escape hatch there.
-     */
+};
+/**
+ * An icon component — `size` and `color` are injected into it.
+ *
+ * No style props and no `style`: we do not render this node, the third party does, and
+ * there is no published interface that says it would accept either. Wrapping it in a view
+ * to make them work would add a level of depth to every icon in the library.
+ */
+type IconAsProps = IconBase & {
+    as: ComponentType<IconComponentProps>;
+    children?: never;
+    source?: never;
+};
+/**
+ * A raw `react-native-svg` element, cloned with the resolved size and colour.
+ *
+ * No style props and no `style` either: the node is the caller's own element, and they can
+ * style it where they wrote it.
+ */
+type IconChildrenProps = IconBase & {
+    as?: never;
+    children: ReactNode;
+    source?: never;
+};
+/**
+ * An image, tinted with the resolved colour — **the one form that carries R14**, because
+ * it is the one where we render the node.
+ */
+type IconSourceProps = IconBase & ImageStyleProps & {
+    as?: never;
+    children?: never;
+    source: ImageSourcePropType;
     style?: StyleProp<ImageStyle>;
 };
+/**
+ * Three forms, and the type says which one you are in.
+ *
+ * The union is what makes R14's boundary checkable rather than merely documented. When
+ * every form declared the style props, `<Icon as={Trash2} marginEnd={8} />` compiled and
+ * did nothing at all — the prop was dropped on the two forms that do not render the node,
+ * silently, and only a comment said so. Now it is a compile error that points at `size`
+ * and `color`, which are the levers those forms actually have.
+ *
+ * It also makes the three mutually exclusive, which they always were at runtime: `as`
+ * wins over children, and children over `source`.
+ */
+type IconProps = IconAsProps | IconChildrenProps | IconSourceProps;
 /** What a component root publishes so the icons inside it need no props at all. */
 type IconContextValue = {
     size?: number;

package/dist/style-props.type-B1BG5TCm.d.cts

@@ -0,0 +1,31 @@
+import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+
+/**
+ * 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>;
+
+export type { DirectionalStyleKey as D, ImageStyleProps as I, StyleProps as S, TextStyleProps as T, ViewStyleProps as V };

package/dist/style-props.type-B1BG5TCm.d.ts

@@ -0,0 +1,31 @@
+import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+
+/**
+ * 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>;
+
+export type { DirectionalStyleKey as D, ImageStyleProps as I, StyleProps as S, TextStyleProps as T, ViewStyleProps as V };

package/dist/system/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkM2VYRHVScjs = require('../chunk-M2VYRHVS.cjs');
+var _chunk2WMVDMFVcjs = require('../chunk-2WMVDMFV.cjs');
 
 
 
@@ -27,18 +27,20 @@ var _chunkM2VYRHVScjs = require('../chunk-M2VYRHVS.cjs');
 
 
 
-var _chunk2UICXD3Qcjs = require('../chunk-2UICXD3Q.cjs');
+var _chunkA4VD4MHKcjs = require('../chunk-A4VD4MHK.cjs');
 
 
+var _chunkUVO4GFSWcjs = require('../chunk-UVO4GFSW.cjs');
 
 
 
 
 
 
-var _chunk5SU7FXWHcjs = require('../chunk-5SU7FXWH.cjs');
-require('../chunk-6N5JXRUZ.cjs');
 
+var _chunkEVXZGNPAcjs = require('../chunk-EVXZGNPA.cjs');
+require('../chunk-57SJ4LJF.cjs');
+require('../chunk-MC7SY2QH.cjs');
 
 
 
@@ -72,4 +74,5 @@ require('../chunk-6N5JXRUZ.cjs');
 
 
 
-exports.FEEDBACK_OVERLAY = _chunk2UICXD3Qcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunk2UICXD3Qcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunk2UICXD3Qcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunk2UICXD3Qcjs.Icon; exports.IconContext = _chunk2UICXD3Qcjs.IconContext; exports.PRESS_DURATION = _chunk2UICXD3Qcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunk2UICXD3Qcjs.PRESS_SCALE; exports.Portal = _chunkM2VYRHVScjs.Portal; exports.PortalContext = _chunkM2VYRHVScjs.PortalContext; exports.PortalHost = _chunkM2VYRHVScjs.PortalHost; exports.PressableFeedback = _chunk2UICXD3Qcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunk2UICXD3Qcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunk2UICXD3Qcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunk2UICXD3Qcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunk2UICXD3Qcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunk2UICXD3Qcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunk2UICXD3Qcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunk2UICXD3Qcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunk2UICXD3Qcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunk5SU7FXWHcjs.Slot; exports.childrenToString = _chunk5SU7FXWHcjs.childrenToString; exports.createRecipe = _chunk5SU7FXWHcjs.createRecipe; exports.createSlotContext = _chunk5SU7FXWHcjs.createSlotContext; exports.markOverlay = _chunk2UICXD3Qcjs.markOverlay; exports.mergeProps = _chunk5SU7FXWHcjs.mergeProps; exports.mergeRefs = _chunk5SU7FXWHcjs.mergeRefs; exports.pressScaleFor = _chunk2UICXD3Qcjs.pressScaleFor; exports.resolveAnimation = _chunk2UICXD3Qcjs.resolveAnimation; exports.resolveSlotAnimation = _chunk2UICXD3Qcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunk2UICXD3Qcjs.rippleRadiusFor; exports.useFeedback = _chunk2UICXD3Qcjs.useFeedback; exports.useIconContext = _chunk2UICXD3Qcjs.useIconContext; exports.useStyleProps = _chunk5SU7FXWHcjs.useStyleProps;
+
+exports.FEEDBACK_OVERLAY = _chunkA4VD4MHKcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkA4VD4MHKcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkA4VD4MHKcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkA4VD4MHKcjs.Icon; exports.IconContext = _chunkA4VD4MHKcjs.IconContext; exports.PRESS_DURATION = _chunkA4VD4MHKcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkA4VD4MHKcjs.PRESS_SCALE; exports.Portal = _chunk2WMVDMFVcjs.Portal; exports.PortalContext = _chunk2WMVDMFVcjs.PortalContext; exports.PortalHost = _chunk2WMVDMFVcjs.PortalHost; exports.PressableFeedback = _chunkA4VD4MHKcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkA4VD4MHKcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkA4VD4MHKcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkA4VD4MHKcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkA4VD4MHKcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkA4VD4MHKcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkA4VD4MHKcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkA4VD4MHKcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkA4VD4MHKcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkEVXZGNPAcjs.Slot; exports.childrenToString = _chunkEVXZGNPAcjs.childrenToString; exports.createRecipe = _chunkUVO4GFSWcjs.createRecipe; exports.createSlotContext = _chunkEVXZGNPAcjs.createSlotContext; exports.markOverlay = _chunkA4VD4MHKcjs.markOverlay; exports.mergeProps = _chunkEVXZGNPAcjs.mergeProps; exports.mergeRefs = _chunkEVXZGNPAcjs.mergeRefs; exports.pressScaleFor = _chunkA4VD4MHKcjs.pressScaleFor; exports.resolveAnimation = _chunkA4VD4MHKcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkA4VD4MHKcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkA4VD4MHKcjs.rippleRadiusFor; exports.useFeedback = _chunkA4VD4MHKcjs.useFeedback; exports.useIconContext = _chunkA4VD4MHKcjs.useIconContext; exports.useStyleProps = _chunkEVXZGNPAcjs.useStyleProps;

package/dist/system/index.d.cts

@@ -1,11 +1,12 @@
 import * as react from 'react';
 import { ReactNode, Provider, Ref, RefCallback } from 'react';
-import { b as IconProps, a as IconContextValue, S as SlotAnimation, F as FeedbackContext, c as AnimationProp, d as ResolvedAnimation } from '../pressable-feedback.type-C9kjAuVQ.cjs';
-export { A as AnimationConfig, I as IconComponentProps, P as PressableFeedbackProps, R as RadiusStyle, e as RippleWave } from '../pressable-feedback.type-C9kjAuVQ.cjs';
-import { V as ViewStyleProps } from '../create-recipe-3_ElpCYt.cjs';
-export { A as Axes, C as CompoundVariant, D as DirectionalStyleKey, I as ImageStyleProps, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, n as StyleProps, o as TextStyleProps, T as TintArgs, k as VariantColors, l as VariantRole, m as VariantTokens, c as createRecipe } from '../create-recipe-3_ElpCYt.cjs';
+import { b as IconProps, a as IconContextValue, S as SlotAnimation, F as FeedbackContext, c as AnimationProp, d as ResolvedAnimation } from '../pressable-feedback.type-1K8YEOb8.cjs';
+export { A as AnimationConfig, I as IconComponentProps, P as PressableFeedbackProps, R as RadiusStyle, e as RippleWave } from '../pressable-feedback.type-1K8YEOb8.cjs';
+import { V as ViewStyleProps } from '../style-props.type-B1BG5TCm.cjs';
+export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps } from '../style-props.type-B1BG5TCm.cjs';
 import * as react_native from 'react-native';
 import { StyleProp, ViewStyle } from 'react-native';
+export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-C0XXjuow.cjs';
 import 'react-native-reanimated';
 import '../theme.type-C2gNHpEx.cjs';
 
@@ -55,8 +56,12 @@ declare function useStyleProps<P extends object>(props: P): [StylePropsOf<P>, Re
  * Three accepted forms — a component through `as`, a raw SVG as children, or an image
  * through `source` — and the resolution is the same for all three: an explicit prop, else
  * what the surrounding slot published, else the theme.
+ *
+ * The props are taken whole rather than destructured, because they are a union: which
+ * keys exist depends on the form, and narrowing is what lets `style` be reachable in the
+ * one branch that renders a node and unwritable in the two that do not.
  */
-declare function Icon({ as: Component, children, source, size, color, style, ...props }: IconProps): react.JSX.Element;
+declare function Icon(props: IconProps): react.JSX.Element;
 declare namespace Icon {
     var displayName: string;
 }
@@ -378,7 +383,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, "children" | "style" | "disabled"> & ViewStyleProps & {
+declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "style" | "children" | "disabled"> & ViewStyleProps & {
     isPressed?: boolean;
     isDisabled?: boolean;
     asChild?: boolean;

package/dist/system/index.d.ts

@@ -1,11 +1,12 @@
 import * as react from 'react';
 import { ReactNode, Provider, Ref, RefCallback } from 'react';
-import { b as IconProps, a as IconContextValue, S as SlotAnimation, F as FeedbackContext, c as AnimationProp, d as ResolvedAnimation } from '../pressable-feedback.type-KcPvFf6f.js';
-export { A as AnimationConfig, I as IconComponentProps, P as PressableFeedbackProps, R as RadiusStyle, e as RippleWave } from '../pressable-feedback.type-KcPvFf6f.js';
-import { V as ViewStyleProps } from '../create-recipe-DImq1AZA.js';
-export { A as Axes, C as CompoundVariant, D as DirectionalStyleKey, I as ImageStyleProps, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, n as StyleProps, o as TextStyleProps, T as TintArgs, k as VariantColors, l as VariantRole, m as VariantTokens, c as createRecipe } from '../create-recipe-DImq1AZA.js';
+import { b as IconProps, a as IconContextValue, S as SlotAnimation, F as FeedbackContext, c as AnimationProp, d as ResolvedAnimation } from '../pressable-feedback.type-BwkKLQlX.js';
+export { A as AnimationConfig, I as IconComponentProps, P as PressableFeedbackProps, R as RadiusStyle, e as RippleWave } from '../pressable-feedback.type-BwkKLQlX.js';
+import { V as ViewStyleProps } from '../style-props.type-B1BG5TCm.js';
+export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps } from '../style-props.type-B1BG5TCm.js';
 import * as react_native from 'react-native';
 import { StyleProp, ViewStyle } from 'react-native';
+export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-CPXFo2rk.js';
 import 'react-native-reanimated';
 import '../theme.type-C2gNHpEx.js';
 
@@ -55,8 +56,12 @@ declare function useStyleProps<P extends object>(props: P): [StylePropsOf<P>, Re
  * Three accepted forms — a component through `as`, a raw SVG as children, or an image
  * through `source` — and the resolution is the same for all three: an explicit prop, else
  * what the surrounding slot published, else the theme.
+ *
+ * The props are taken whole rather than destructured, because they are a union: which
+ * keys exist depends on the form, and narrowing is what lets `style` be reachable in the
+ * one branch that renders a node and unwritable in the two that do not.
  */
-declare function Icon({ as: Component, children, source, size, color, style, ...props }: IconProps): react.JSX.Element;
+declare function Icon(props: IconProps): react.JSX.Element;
 declare namespace Icon {
     var displayName: string;
 }
@@ -378,7 +383,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, "children" | "style" | "disabled"> & ViewStyleProps & {
+declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "style" | "children" | "disabled"> & ViewStyleProps & {
     isPressed?: boolean;
     isDisabled?: boolean;
     asChild?: boolean;

package/dist/system/index.js

@@ -2,7 +2,7 @@ import {
   Portal,
   PortalContext,
   PortalHost
-} from "../chunk-L3AQNVRN.js";
+} from "../chunk-XHZBXYVU.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -27,17 +27,20 @@ import {
   rippleRadiusFor,
   useFeedback,
   useIconContext
-} from "../chunk-F432IDIW.js";
+} from "../chunk-WXAME7KB.js";
+import {
+  createRecipe
+} from "../chunk-N7C4UNUL.js";
 import {
   Slot,
   childrenToString,
-  createRecipe,
   createSlotContext,
   mergeProps,
   mergeRefs,
   useStyleProps
-} from "../chunk-4K3LZS7M.js";
-import "../chunk-XJARE6SC.js";
+} from "../chunk-EXX6ATAS.js";
+import "../chunk-A3EGFI6T.js";
+import "../chunk-GGW42MY4.js";
 export {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,

package/dist/theme/index.cjs

@@ -9,14 +9,15 @@
 
 
 
-var _chunkBHAHJHAIcjs = require('../chunk-BHAHJHAI.cjs');
+var _chunkBHTFIZTQcjs = require('../chunk-BHTFIZTQ.cjs');
 
 
 
 
 
 
-var _chunk6N5JXRUZcjs = require('../chunk-6N5JXRUZ.cjs');
+var _chunk57SJ4LJFcjs = require('../chunk-57SJ4LJF.cjs');
+require('../chunk-MC7SY2QH.cjs');
 
 
 
@@ -33,4 +34,4 @@ var _chunk6N5JXRUZcjs = require('../chunk-6N5JXRUZ.cjs');
 
 
 
-exports.ThemeContext = _chunk6N5JXRUZcjs.ThemeContext; exports.XAUIProvider = _chunkBHAHJHAIcjs.XAUIProvider; exports.buildRadius = _chunkBHAHJHAIcjs.buildRadius; exports.buildShadows = _chunkBHAHJHAIcjs.buildShadows; exports.createTheme = _chunkBHAHJHAIcjs.createTheme; exports.defaultTheme = _chunkBHAHJHAIcjs.defaultTheme; exports.deriveColors = _chunkBHAHJHAIcjs.deriveColors; exports.deriveTint = _chunk6N5JXRUZcjs.deriveTint; exports.palette = _chunkBHAHJHAIcjs.palette; exports.primitives = _chunkBHAHJHAIcjs.primitives; exports.sourceKeys = _chunkBHAHJHAIcjs.sourceKeys; exports.tokens = _chunkBHAHJHAIcjs.tokens; exports.useColorMode = _chunk6N5JXRUZcjs.useColorMode; exports.useThemeColor = _chunk6N5JXRUZcjs.useThemeColor; exports.useXAUITheme = _chunk6N5JXRUZcjs.useXAUITheme;
+exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.XAUIProvider = _chunkBHTFIZTQcjs.XAUIProvider; exports.buildRadius = _chunkBHTFIZTQcjs.buildRadius; exports.buildShadows = _chunkBHTFIZTQcjs.buildShadows; exports.createTheme = _chunkBHTFIZTQcjs.createTheme; exports.defaultTheme = _chunkBHTFIZTQcjs.defaultTheme; exports.deriveColors = _chunkBHTFIZTQcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.palette = _chunkBHTFIZTQcjs.palette; exports.primitives = _chunkBHTFIZTQcjs.primitives; exports.sourceKeys = _chunkBHTFIZTQcjs.sourceKeys; exports.tokens = _chunkBHTFIZTQcjs.tokens; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;

package/dist/theme/index.js

@@ -9,14 +9,15 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "../chunk-XQE5PXOD.js";
+} from "../chunk-MWXE7D4L.js";
 import {
   ThemeContext,
   deriveTint,
   useColorMode,
   useThemeColor,
   useXAUITheme
-} from "../chunk-XJARE6SC.js";
+} from "../chunk-A3EGFI6T.js";
+import "../chunk-GGW42MY4.js";
 export {
   ThemeContext,
   XAUIProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.17",
+  "version": "0.9.1-alpha.19",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",
@@ -47,6 +47,16 @@
         "default": "./dist/components/typography/index.cjs"
       }
     },
+    "./view": {
+      "import": {
+        "types": "./dist/components/view/index.d.ts",
+        "default": "./dist/components/view/index.js"
+      },
+      "require": {
+        "types": "./dist/components/view/index.d.cts",
+        "default": "./dist/components/view/index.cjs"
+      }
+    },
     "./system": {
       "import": {
         "types": "./dist/system/index.d.ts",