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

package/dist/{create-recipe-DD9W6m9b.d.ts → pressable-feedback.type-C9kjAuVQ.d.cts}

@@ -1,35 +1,7 @@
 import { ComponentType, ReactNode } from 'react';
-import { ImageStyle, TextStyle, ViewStyle, ImageSourcePropType, StyleProp, PressableProps } from 'react-native';
+import { ImageSourcePropType, StyleProp, ImageStyle, PressableProps, ViewStyle } from 'react-native';
+import { I as ImageStyleProps, V as ViewStyleProps } from './create-recipe-3_ElpCYt.cjs';
 import { SharedValue } from 'react-native-reanimated';
-import { g as XAUITheme, X as XAUIColors } from './theme.type-C9bFJKFm.js';
-
-/**
- * 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>;
 
 /**
  * The props Lucide, Ionicons and `react-native-vector-icons` all accept — the shape
@@ -192,89 +164,4 @@ type FeedbackContext = {
     waves?: readonly [RippleWave, RippleWave];
 };
 
-/**
- * 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.
- */
-type SlotStyle = ViewStyle & TextStyle;
-type SlotStyles<Slot extends string> = Partial<Record<Slot, SlotStyle>>;
-/** The roles a variant consumes. The variant names tokens; `paint` says where they land. */
-type VariantRole = 'bg' | 'bgPressed' | 'fg' | 'border';
-/** Token names per role — no colour value ever appears in a recipe. */
-type VariantTokens = Partial<Record<VariantRole, keyof XAUIColors>>;
-/** The same roles resolved: theme colours, or the slices of a raw `color`. */
-type VariantColors = Partial<Record<VariantRole, string>>;
-/**
- * `disabled` is applied last of the three: a control that is both pressed and disabled
- * has to read disabled.
- */
-type StateName = 'focused' | 'pressed' | 'disabled';
-type States = Partial<Record<StateName, boolean>>;
-/** Reads the theme and the variant's resolved colours; returns one style per slot. */
-type StyleFn<Slot extends string> = (theme: XAUITheme, colors: VariantColors) => SlotStyles<Slot>;
-/** Named axes of finite token values — `{ size: { sm: fn, md: fn } }`. */
-type Axes<Slot extends string> = Record<string, Record<string, StyleFn<Slot>>>;
-/** One value per axis, plus the variant. Missing keys fall back to `defaultVariants`. */
-type Selection<Variant extends string, A extends Axes<string>> = {
-    variant?: Variant;
-} & {
-    [Axis in keyof A]?: Extract<keyof A[Axis], string>;
-};
-type CompoundVariant<Slot extends string, Variant extends string, A extends Axes<Slot>> = {
-    when: Selection<Variant, A>;
-    style: StyleFn<Slot>;
-};
-type RecipeConfig<Slot extends string, Variant extends string, A extends Axes<Slot>> = {
-    /** Every slot the component publishes. Slots a recipe never styles resolve to `{}`. */
-    slots: readonly Slot[];
-    base?: StyleFn<Slot>;
-    variantTokens?: Record<Variant, VariantTokens>;
-    /** Where the variant's colours land — written once, and it holds for every variant. */
-    paint?: StyleFn<Slot>;
-    variants?: A;
-    compoundVariants?: ReadonlyArray<CompoundVariant<Slot, Variant, A>>;
-    states?: Partial<Record<StateName, StyleFn<Slot>>>;
-    /**
-     * `NoInfer`, because this is the one place a single variant name appears on its own:
-     * without it, inference reads `Variant` off `{ variant: 'primary' }` and narrows the
-     * whole recipe to that one value, so every other variant becomes a type error at the
-     * call site. `variantTokens` is the declaration; this only picks a default from it.
-     */
-    defaultVariants?: Selection<NoInfer<Variant>, A>;
-};
-/** Stable references: the same object for the same tokens, for the app's lifetime. */
-type ResolvedStyles<Slot extends string> = Readonly<Record<Slot, SlotStyle>>;
-/** A selection with `defaultVariants` already folded in, keyed by axis name. */
-type ResolvedSelection = Readonly<Record<string, string | undefined>>;
-
-type ResolveArgs<Variant extends string, A extends Axes<string>> = {
-    theme: XAUITheme;
-    selection?: Selection<Variant, A>;
-    states?: States;
-};
-type TintArgs<Variant extends string, A extends Axes<string>> = ResolveArgs<Variant, A> & {
-    color: string;
-};
-type Recipe<Slot extends string, Variant extends string, A extends Axes<Slot>> = {
-    readonly slots: readonly Slot[];
-    /** The cached pass: stable `StyleSheet` references, keyed by tokens alone. */
-    resolve(args: ResolveArgs<Variant, A>): ResolvedStyles<Slot>;
-    /**
-     * The tint pass: the same functions run again with `color`'s slices in place of the
-     * theme's tokens. Uncached and allocating, and only ever called when `color` is set.
-     */
-    tint(args: TintArgs<Variant, A>): SlotStyles<Slot>;
-};
-/**
- * A component's style, declared once. Resolution splits in two because the two halves
- * have different lifetimes: everything keyed by a finite token is cached forever, and
- * an arbitrary `color` is recomputed per render — which is what keeps the cache bounded
- * by the number of token combinations rather than by the palette users invent.
- *
- *     const styles = buttonRecipe.resolve({ theme, selection: { variant, size }, states })
- *     const tint = color ? buttonRecipe.tint({ theme, color, selection, states }) : undefined
- *     <View style={[styles.root, tint?.root, style]} />
- */
-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 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 };
+export type { AnimationConfig as A, FeedbackContext as F, IconComponentProps as I, PressableFeedbackProps as P, RadiusStyle as R, SlotAnimation as S, IconContextValue as a, IconProps as b, AnimationProp as c, ResolvedAnimation as d, RippleWave as e };

package/dist/{create-recipe-BcUu9b2I.d.cts → pressable-feedback.type-KcPvFf6f.d.ts}

@@ -1,35 +1,7 @@
 import { ComponentType, ReactNode } from 'react';
-import { ImageStyle, TextStyle, ViewStyle, ImageSourcePropType, StyleProp, PressableProps } from 'react-native';
+import { ImageSourcePropType, StyleProp, ImageStyle, PressableProps, ViewStyle } from 'react-native';
+import { I as ImageStyleProps, V as ViewStyleProps } from './create-recipe-DImq1AZA.js';
 import { SharedValue } from 'react-native-reanimated';
-import { g as XAUITheme, X as XAUIColors } from './theme.type-C9bFJKFm.cjs';
-
-/**
- * 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>;
 
 /**
  * The props Lucide, Ionicons and `react-native-vector-icons` all accept — the shape
@@ -192,89 +164,4 @@ type FeedbackContext = {
     waves?: readonly [RippleWave, RippleWave];
 };
 
-/**
- * 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.
- */
-type SlotStyle = ViewStyle & TextStyle;
-type SlotStyles<Slot extends string> = Partial<Record<Slot, SlotStyle>>;
-/** The roles a variant consumes. The variant names tokens; `paint` says where they land. */
-type VariantRole = 'bg' | 'bgPressed' | 'fg' | 'border';
-/** Token names per role — no colour value ever appears in a recipe. */
-type VariantTokens = Partial<Record<VariantRole, keyof XAUIColors>>;
-/** The same roles resolved: theme colours, or the slices of a raw `color`. */
-type VariantColors = Partial<Record<VariantRole, string>>;
-/**
- * `disabled` is applied last of the three: a control that is both pressed and disabled
- * has to read disabled.
- */
-type StateName = 'focused' | 'pressed' | 'disabled';
-type States = Partial<Record<StateName, boolean>>;
-/** Reads the theme and the variant's resolved colours; returns one style per slot. */
-type StyleFn<Slot extends string> = (theme: XAUITheme, colors: VariantColors) => SlotStyles<Slot>;
-/** Named axes of finite token values — `{ size: { sm: fn, md: fn } }`. */
-type Axes<Slot extends string> = Record<string, Record<string, StyleFn<Slot>>>;
-/** One value per axis, plus the variant. Missing keys fall back to `defaultVariants`. */
-type Selection<Variant extends string, A extends Axes<string>> = {
-    variant?: Variant;
-} & {
-    [Axis in keyof A]?: Extract<keyof A[Axis], string>;
-};
-type CompoundVariant<Slot extends string, Variant extends string, A extends Axes<Slot>> = {
-    when: Selection<Variant, A>;
-    style: StyleFn<Slot>;
-};
-type RecipeConfig<Slot extends string, Variant extends string, A extends Axes<Slot>> = {
-    /** Every slot the component publishes. Slots a recipe never styles resolve to `{}`. */
-    slots: readonly Slot[];
-    base?: StyleFn<Slot>;
-    variantTokens?: Record<Variant, VariantTokens>;
-    /** Where the variant's colours land — written once, and it holds for every variant. */
-    paint?: StyleFn<Slot>;
-    variants?: A;
-    compoundVariants?: ReadonlyArray<CompoundVariant<Slot, Variant, A>>;
-    states?: Partial<Record<StateName, StyleFn<Slot>>>;
-    /**
-     * `NoInfer`, because this is the one place a single variant name appears on its own:
-     * without it, inference reads `Variant` off `{ variant: 'primary' }` and narrows the
-     * whole recipe to that one value, so every other variant becomes a type error at the
-     * call site. `variantTokens` is the declaration; this only picks a default from it.
-     */
-    defaultVariants?: Selection<NoInfer<Variant>, A>;
-};
-/** Stable references: the same object for the same tokens, for the app's lifetime. */
-type ResolvedStyles<Slot extends string> = Readonly<Record<Slot, SlotStyle>>;
-/** A selection with `defaultVariants` already folded in, keyed by axis name. */
-type ResolvedSelection = Readonly<Record<string, string | undefined>>;
-
-type ResolveArgs<Variant extends string, A extends Axes<string>> = {
-    theme: XAUITheme;
-    selection?: Selection<Variant, A>;
-    states?: States;
-};
-type TintArgs<Variant extends string, A extends Axes<string>> = ResolveArgs<Variant, A> & {
-    color: string;
-};
-type Recipe<Slot extends string, Variant extends string, A extends Axes<Slot>> = {
-    readonly slots: readonly Slot[];
-    /** The cached pass: stable `StyleSheet` references, keyed by tokens alone. */
-    resolve(args: ResolveArgs<Variant, A>): ResolvedStyles<Slot>;
-    /**
-     * The tint pass: the same functions run again with `color`'s slices in place of the
-     * theme's tokens. Uncached and allocating, and only ever called when `color` is set.
-     */
-    tint(args: TintArgs<Variant, A>): SlotStyles<Slot>;
-};
-/**
- * A component's style, declared once. Resolution splits in two because the two halves
- * have different lifetimes: everything keyed by a finite token is cached forever, and
- * an arbitrary `color` is recomputed per render — which is what keeps the cache bounded
- * by the number of token combinations rather than by the palette users invent.
- *
- *     const styles = buttonRecipe.resolve({ theme, selection: { variant, size }, states })
- *     const tint = color ? buttonRecipe.tint({ theme, color, selection, states }) : undefined
- *     <View style={[styles.root, tint?.root, style]} />
- */
-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 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 };
+export type { AnimationConfig as A, FeedbackContext as F, IconComponentProps as I, PressableFeedbackProps as P, RadiusStyle as R, SlotAnimation as S, IconContextValue as a, IconProps as b, AnimationProp as c, ResolvedAnimation as d, RippleWave as e };

package/dist/system/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkBAACHVM4cjs = require('../chunk-BAACHVM4.cjs');
+var _chunkM2VYRHVScjs = require('../chunk-M2VYRHVS.cjs');
 
 
 
@@ -27,6 +27,7 @@ var _chunkBAACHVM4cjs = require('../chunk-BAACHVM4.cjs');
 
 
 
+var _chunk2UICXD3Qcjs = require('../chunk-2UICXD3Q.cjs');
 
 
 
@@ -34,7 +35,8 @@ var _chunkBAACHVM4cjs = require('../chunk-BAACHVM4.cjs');
 
 
 
-var _chunkPUER6Y4Mcjs = require('../chunk-PUER6Y4M.cjs');
+
+var _chunk5SU7FXWHcjs = require('../chunk-5SU7FXWH.cjs');
 require('../chunk-6N5JXRUZ.cjs');
 
 
@@ -70,4 +72,4 @@ require('../chunk-6N5JXRUZ.cjs');
 
 
 
-exports.FEEDBACK_OVERLAY = _chunkPUER6Y4Mcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkPUER6Y4Mcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkPUER6Y4Mcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkPUER6Y4Mcjs.Icon; exports.IconContext = _chunkPUER6Y4Mcjs.IconContext; exports.PRESS_DURATION = _chunkPUER6Y4Mcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkPUER6Y4Mcjs.PRESS_SCALE; exports.Portal = _chunkBAACHVM4cjs.Portal; exports.PortalContext = _chunkBAACHVM4cjs.PortalContext; exports.PortalHost = _chunkBAACHVM4cjs.PortalHost; exports.PressableFeedback = _chunkPUER6Y4Mcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkPUER6Y4Mcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkPUER6Y4Mcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkPUER6Y4Mcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkPUER6Y4Mcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkPUER6Y4Mcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkPUER6Y4Mcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkPUER6Y4Mcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkPUER6Y4Mcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkPUER6Y4Mcjs.Slot; exports.childrenToString = _chunkPUER6Y4Mcjs.childrenToString; exports.createRecipe = _chunkPUER6Y4Mcjs.createRecipe; exports.createSlotContext = _chunkPUER6Y4Mcjs.createSlotContext; exports.markOverlay = _chunkPUER6Y4Mcjs.markOverlay; exports.mergeProps = _chunkPUER6Y4Mcjs.mergeProps; exports.mergeRefs = _chunkPUER6Y4Mcjs.mergeRefs; exports.pressScaleFor = _chunkPUER6Y4Mcjs.pressScaleFor; exports.resolveAnimation = _chunkPUER6Y4Mcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkPUER6Y4Mcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkPUER6Y4Mcjs.rippleRadiusFor; exports.useFeedback = _chunkPUER6Y4Mcjs.useFeedback; exports.useIconContext = _chunkPUER6Y4Mcjs.useIconContext; exports.useStyleProps = _chunkPUER6Y4Mcjs.useStyleProps;
+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;

package/dist/system/index.d.cts

@@ -1,11 +1,13 @@
 import * as react from 'react';
 import { ReactNode, Provider, Ref, RefCallback } from 'react';
-import { b as IconProps, a as IconContextValue, x as ViewStyleProps, S as SlotAnimation, F as FeedbackContext, c as AnimationProp, d as ResolvedAnimation } from '../create-recipe-BcUu9b2I.cjs';
-export { A as AnimationConfig, i as Axes, C as CompoundVariant, D as DirectionalStyleKey, I as IconComponentProps, u as ImageStyleProps, P as PressableFeedbackProps, R as RadiusStyle, g as Recipe, j as RecipeConfig, h as ResolveArgs, k as ResolvedSelection, l as ResolvedStyles, e as RippleWave, m as Selection, 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, f as createRecipe } from '../create-recipe-BcUu9b2I.cjs';
+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 * as react_native from 'react-native';
 import { StyleProp, ViewStyle } from 'react-native';
 import 'react-native-reanimated';
-import '../theme.type-C9bFJKFm.cjs';
+import '../theme.type-C2gNHpEx.cjs';
 
 /**
  * The runtime half of R14. The type half lives in `system/style-props/`, and the two are
@@ -376,7 +378,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, "style" | "children" | "disabled"> & ViewStyleProps & {
+declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "children" | "style" | "disabled"> & ViewStyleProps & {
     isPressed?: boolean;
     isDisabled?: boolean;
     asChild?: boolean;

package/dist/system/index.d.ts

@@ -1,11 +1,13 @@
 import * as react from 'react';
 import { ReactNode, Provider, Ref, RefCallback } from 'react';
-import { b as IconProps, a as IconContextValue, x as ViewStyleProps, S as SlotAnimation, F as FeedbackContext, c as AnimationProp, d as ResolvedAnimation } from '../create-recipe-DD9W6m9b.js';
-export { A as AnimationConfig, i as Axes, C as CompoundVariant, D as DirectionalStyleKey, I as IconComponentProps, u as ImageStyleProps, P as PressableFeedbackProps, R as RadiusStyle, g as Recipe, j as RecipeConfig, h as ResolveArgs, k as ResolvedSelection, l as ResolvedStyles, e as RippleWave, m as Selection, 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, f as createRecipe } from '../create-recipe-DD9W6m9b.js';
+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 * as react_native from 'react-native';
 import { StyleProp, ViewStyle } from 'react-native';
 import 'react-native-reanimated';
-import '../theme.type-C9bFJKFm.js';
+import '../theme.type-C2gNHpEx.js';
 
 /**
  * The runtime half of R14. The type half lives in `system/style-props/`, and the two are
@@ -376,7 +378,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, "style" | "children" | "disabled"> & ViewStyleProps & {
+declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "children" | "style" | "disabled"> & ViewStyleProps & {
     isPressed?: boolean;
     isDisabled?: boolean;
     asChild?: boolean;

package/dist/system/index.js

@@ -2,7 +2,7 @@ import {
   Portal,
   PortalContext,
   PortalHost
-} from "../chunk-UOJBK5Z4.js";
+} from "../chunk-L3AQNVRN.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -20,21 +20,23 @@ import {
   RIPPLE_OPACITY,
   RIPPLE_START_SCALE,
   SCALE_REFERENCE_WIDTH,
-  Slot,
-  childrenToString,
-  createRecipe,
-  createSlotContext,
   markOverlay,
-  mergeProps,
-  mergeRefs,
   pressScaleFor,
   resolveAnimation,
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback,
-  useIconContext,
+  useIconContext
+} from "../chunk-F432IDIW.js";
+import {
+  Slot,
+  childrenToString,
+  createRecipe,
+  createSlotContext,
+  mergeProps,
+  mergeRefs,
   useStyleProps
-} from "../chunk-64L44HEI.js";
+} from "../chunk-4K3LZS7M.js";
 import "../chunk-XJARE6SC.js";
 export {
   FEEDBACK_OVERLAY,

package/dist/theme/index.cjs

@@ -9,7 +9,7 @@
 
 
 
-var _chunkKCUT47FYcjs = require('../chunk-KCUT47FY.cjs');
+var _chunkBHAHJHAIcjs = require('../chunk-BHAHJHAI.cjs');
 
 
 
@@ -33,4 +33,4 @@ var _chunk6N5JXRUZcjs = require('../chunk-6N5JXRUZ.cjs');
 
 
 
-exports.ThemeContext = _chunk6N5JXRUZcjs.ThemeContext; exports.XAUIProvider = _chunkKCUT47FYcjs.XAUIProvider; exports.buildRadius = _chunkKCUT47FYcjs.buildRadius; exports.buildShadows = _chunkKCUT47FYcjs.buildShadows; exports.createTheme = _chunkKCUT47FYcjs.createTheme; exports.defaultTheme = _chunkKCUT47FYcjs.defaultTheme; exports.deriveColors = _chunkKCUT47FYcjs.deriveColors; exports.deriveTint = _chunk6N5JXRUZcjs.deriveTint; exports.palette = _chunkKCUT47FYcjs.palette; exports.primitives = _chunkKCUT47FYcjs.primitives; exports.sourceKeys = _chunkKCUT47FYcjs.sourceKeys; exports.tokens = _chunkKCUT47FYcjs.tokens; exports.useColorMode = _chunk6N5JXRUZcjs.useColorMode; exports.useThemeColor = _chunk6N5JXRUZcjs.useThemeColor; exports.useXAUITheme = _chunk6N5JXRUZcjs.useXAUITheme;
+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;

package/dist/theme/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { i as XAUIThemeSet, h as XAUIThemeConfig, f as XAUISourceColors, b as XAUIDerivedColors, g as XAUITheme, d as XAUIRadius, C as ColorMode, X as XAUIColors } from '../theme.type-C9bFJKFm.cjs';
-export { F as FontSizeKey, a as FontWeightKey, R as RadiusKey, S as Size, c as XAUIPrimitiveColors, e as XAUIShadow } from '../theme.type-C9bFJKFm.cjs';
+import { i as XAUIThemeSet, h as XAUIThemeConfig, g as XAUISourceColors, c as XAUIDerivedColors, X as XAUITheme, e as XAUIRadius, C as ColorMode, a as XAUIColors } from '../theme.type-C2gNHpEx.cjs';
+export { F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, d as XAUIPrimitiveColors, f as XAUIShadow } from '../theme.type-C2gNHpEx.cjs';
 import 'react-native';
 
 /** `'system'` follows the device; the resolved value is never `'system'`. */

package/dist/theme/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { i as XAUIThemeSet, h as XAUIThemeConfig, f as XAUISourceColors, b as XAUIDerivedColors, g as XAUITheme, d as XAUIRadius, C as ColorMode, X as XAUIColors } from '../theme.type-C9bFJKFm.js';
-export { F as FontSizeKey, a as FontWeightKey, R as RadiusKey, S as Size, c as XAUIPrimitiveColors, e as XAUIShadow } from '../theme.type-C9bFJKFm.js';
+import { i as XAUIThemeSet, h as XAUIThemeConfig, g as XAUISourceColors, c as XAUIDerivedColors, X as XAUITheme, e as XAUIRadius, C as ColorMode, a as XAUIColors } from '../theme.type-C2gNHpEx.js';
+export { F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, d as XAUIPrimitiveColors, f as XAUIShadow } from '../theme.type-C2gNHpEx.js';
 import 'react-native';
 
 /** `'system'` follows the device; the resolved value is never `'system'`. */

package/dist/theme/index.js

@@ -9,7 +9,7 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "../chunk-EHHSY2KB.js";
+} from "../chunk-XQE5PXOD.js";
 import {
   ThemeContext,
   deriveTint,

package/dist/{theme.type-C9bFJKFm.d.cts → theme.type-C2gNHpEx.d.cts}

@@ -156,4 +156,4 @@ type XAUIThemeSet = {
     dark: XAUITheme;
 };
 
-export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUIColors as X, FontWeightKey as a, XAUIDerivedColors as b, XAUIPrimitiveColors as c, XAUIRadius as d, XAUIShadow as e, XAUISourceColors as f, XAUITheme as g, XAUIThemeConfig as h, XAUIThemeSet as i };
+export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUITheme as X, XAUIColors as a, FontWeightKey as b, XAUIDerivedColors as c, XAUIPrimitiveColors as d, XAUIRadius as e, XAUIShadow as f, XAUISourceColors as g, XAUIThemeConfig as h, XAUIThemeSet as i };

package/dist/{theme.type-C9bFJKFm.d.ts → theme.type-C2gNHpEx.d.ts}

@@ -156,4 +156,4 @@ type XAUIThemeSet = {
     dark: XAUITheme;
 };
 
-export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUIColors as X, FontWeightKey as a, XAUIDerivedColors as b, XAUIPrimitiveColors as c, XAUIRadius as d, XAUIShadow as e, XAUISourceColors as f, XAUITheme as g, XAUIThemeConfig as h, XAUIThemeSet as i };
+export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUITheme as X, XAUIColors as a, FontWeightKey as b, XAUIDerivedColors as c, XAUIPrimitiveColors as d, XAUIRadius as e, XAUIShadow as f, XAUISourceColors as g, XAUIThemeConfig as h, XAUIThemeSet as i };

package/package.json

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