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

package/dist/create-recipe-DImq1AZA.d.ts

@@ -0,0 +1,117 @@
+import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import { X as XAUITheme, a as XAUIColors } from './theme.type-C2gNHpEx.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>;
+
+/**
+ * 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 Axes as A, type CompoundVariant as C, type DirectionalStyleKey as D, type ImageStyleProps as I, type Recipe as R, type Selection as S, type TintArgs as T, type ViewStyleProps as V, type ResolveArgs as a, type RecipeConfig as b, createRecipe as c, type ResolvedSelection as d, type ResolvedStyles as e, type SlotStyle as f, type SlotStyles as g, type StateName as h, type States as i, type StyleFn as j, type VariantColors as k, type VariantRole as l, type VariantTokens as m, type StyleProps as n, type TextStyleProps as o };

package/dist/index.cjs

@@ -4,16 +4,17 @@
 
 
 
-var _chunkNLFE3CRMcjs = require('./chunk-NLFE3CRM.cjs');
+var _chunkIZYRU7S2cjs = require('./chunk-IZYRU7S2.cjs');
 
 
 
 
-var _chunkBAACHVM4cjs = require('./chunk-BAACHVM4.cjs');
+var _chunk6VTBGBPPcjs = require('./chunk-6VTBGBPP.cjs');
 
 
 
 
+var _chunkM2VYRHVScjs = require('./chunk-M2VYRHVS.cjs');
 
 
 
@@ -38,22 +39,28 @@ var _chunkBAACHVM4cjs = require('./chunk-BAACHVM4.cjs');
 
 
 
+var _chunk2UICXD3Qcjs = require('./chunk-2UICXD3Q.cjs');
 
 
 
-var _chunkPUER6Y4Mcjs = require('./chunk-PUER6Y4M.cjs');
 
 
 
 
 
+var _chunk5SU7FXWHcjs = require('./chunk-5SU7FXWH.cjs');
 
 
 
 
 
 
-var _chunkDDYMIWLWcjs = require('./chunk-DDYMIWLW.cjs');
+
+
+
+
+
+var _chunkBHAHJHAIcjs = require('./chunk-BHAHJHAI.cjs');
 
 
 
@@ -90,7 +97,7 @@ function useControllableState({
 function useControlWarning(isControlled) {
   const wasControlled = _react.useRef.call(void 0, isControlled);
   if (wasControlled.current !== isControlled) {
-    _chunkNLFE3CRMcjs.warnDev.call(void 0, 
+    _chunkIZYRU7S2cjs.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;
@@ -100,7 +107,7 @@ function useControlWarning(isControlled) {
 // src/hooks/use-merged-ref.ts
 
 function useMergedRef(...refs) {
-  return _react.useMemo.call(void 0, () => _chunkPUER6Y4Mcjs.mergeRefs.call(void 0, ...refs), refs);
+  return _react.useMemo.call(void 0, () => _chunk5SU7FXWHcjs.mergeRefs.call(void 0, ...refs), refs);
 }
 
 // src/hooks/use-previous.ts
@@ -168,4 +175,7 @@ function usePrevious(value) {
 
 
 
-exports.Button = _chunkNLFE3CRMcjs.Button; 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.ThemeContext = _chunk6N5JXRUZcjs.ThemeContext; exports.XAUIProvider = _chunkDDYMIWLWcjs.XAUIProvider; exports.buildRadius = _chunkDDYMIWLWcjs.buildRadius; exports.buildShadows = _chunkDDYMIWLWcjs.buildShadows; exports.buttonRecipe = _chunkNLFE3CRMcjs.buttonRecipe; exports.childrenToString = _chunkPUER6Y4Mcjs.childrenToString; exports.createRecipe = _chunkPUER6Y4Mcjs.createRecipe; exports.createSlotContext = _chunkPUER6Y4Mcjs.createSlotContext; exports.createTheme = _chunkDDYMIWLWcjs.createTheme; exports.defaultTheme = _chunkDDYMIWLWcjs.defaultTheme; exports.deriveColors = _chunkDDYMIWLWcjs.deriveColors; exports.deriveTint = _chunk6N5JXRUZcjs.deriveTint; exports.markOverlay = _chunkPUER6Y4Mcjs.markOverlay; exports.mergeProps = _chunkPUER6Y4Mcjs.mergeProps; exports.mergeRefs = _chunkPUER6Y4Mcjs.mergeRefs; exports.palette = _chunkDDYMIWLWcjs.palette; exports.pressScaleFor = _chunkPUER6Y4Mcjs.pressScaleFor; exports.primitives = _chunkDDYMIWLWcjs.primitives; exports.resolveAnimation = _chunkPUER6Y4Mcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkPUER6Y4Mcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkPUER6Y4Mcjs.rippleRadiusFor; exports.sourceKeys = _chunkDDYMIWLWcjs.sourceKeys; exports.tokens = _chunkDDYMIWLWcjs.tokens; exports.useButton = _chunkNLFE3CRMcjs.useButton; exports.useColorMode = _chunk6N5JXRUZcjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunkPUER6Y4Mcjs.useFeedback; exports.useIconContext = _chunkPUER6Y4Mcjs.useIconContext; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkNLFE3CRMcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkPUER6Y4Mcjs.useStyleProps; exports.useThemeColor = _chunk6N5JXRUZcjs.useThemeColor; exports.useXAUITheme = _chunk6N5JXRUZcjs.useXAUITheme;
+
+
+
+exports.Button = _chunkIZYRU7S2cjs.Button; 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.TextSpan = _chunk6VTBGBPPcjs.TextSpan; exports.ThemeContext = _chunk6N5JXRUZcjs.ThemeContext; exports.Typography = _chunk6VTBGBPPcjs.Typography; exports.XAUIProvider = _chunkBHAHJHAIcjs.XAUIProvider; exports.buildRadius = _chunkBHAHJHAIcjs.buildRadius; exports.buildShadows = _chunkBHAHJHAIcjs.buildShadows; exports.buttonRecipe = _chunkIZYRU7S2cjs.buttonRecipe; exports.childrenToString = _chunk5SU7FXWHcjs.childrenToString; exports.createRecipe = _chunk5SU7FXWHcjs.createRecipe; exports.createSlotContext = _chunk5SU7FXWHcjs.createSlotContext; exports.createTheme = _chunkBHAHJHAIcjs.createTheme; exports.defaultTheme = _chunkBHAHJHAIcjs.defaultTheme; exports.deriveColors = _chunkBHAHJHAIcjs.deriveColors; exports.deriveTint = _chunk6N5JXRUZcjs.deriveTint; exports.markOverlay = _chunk2UICXD3Qcjs.markOverlay; exports.mergeProps = _chunk5SU7FXWHcjs.mergeProps; exports.mergeRefs = _chunk5SU7FXWHcjs.mergeRefs; exports.palette = _chunkBHAHJHAIcjs.palette; exports.pressScaleFor = _chunk2UICXD3Qcjs.pressScaleFor; exports.primitives = _chunkBHAHJHAIcjs.primitives; exports.resolveAnimation = _chunk2UICXD3Qcjs.resolveAnimation; exports.resolveSlotAnimation = _chunk2UICXD3Qcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunk2UICXD3Qcjs.rippleRadiusFor; exports.sourceKeys = _chunkBHAHJHAIcjs.sourceKeys; exports.tokens = _chunkBHAHJHAIcjs.tokens; exports.typographyRecipe = _chunk6VTBGBPPcjs.typographyRecipe; exports.useButton = _chunkIZYRU7S2cjs.useButton; exports.useColorMode = _chunk6N5JXRUZcjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunk2UICXD3Qcjs.useFeedback; exports.useIconContext = _chunk2UICXD3Qcjs.useIconContext; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIZYRU7S2cjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunk5SU7FXWHcjs.useStyleProps; exports.useThemeColor = _chunk6N5JXRUZcjs.useThemeColor; exports.useXAUITheme = _chunk6N5JXRUZcjs.useXAUITheme;

package/dist/index.d.cts

@@ -1,11 +1,13 @@
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.cjs';
+export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.cjs';
 import { RefCallback } from 'react';
 import { PossibleRef } 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, 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-BcUu9b2I.cjs';
+export { A as AnimationConfig, c as AnimationProp, F as FeedbackContext, I as IconComponentProps, a as IconContextValue, b as IconProps, P as PressableFeedbackProps, R as RadiusStyle, d as ResolvedAnimation, e as RippleWave, S as SlotAnimation } from './pressable-feedback.type-C9kjAuVQ.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, V as ViewStyleProps, c as createRecipe } from './create-recipe-3_ElpCYt.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';
+export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.cjs';
 import 'react-native-reanimated';
 
 type ControllableStateOptions<T> = {

package/dist/index.d.ts

@@ -1,11 +1,13 @@
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.js';
+export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.js';
 import { RefCallback } from 'react';
 import { PossibleRef } 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, 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-DD9W6m9b.js';
+export { A as AnimationConfig, c as AnimationProp, F as FeedbackContext, I as IconComponentProps, a as IconContextValue, b as IconProps, P as PressableFeedbackProps, R as RadiusStyle, d as ResolvedAnimation, e as RippleWave, S as SlotAnimation } from './pressable-feedback.type-KcPvFf6f.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, V as ViewStyleProps, c as createRecipe } from './create-recipe-DImq1AZA.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';
+export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.js';
 import 'react-native-reanimated';
 
 type ControllableStateOptions<T> = {

package/dist/index.js

@@ -4,12 +4,17 @@ import {
   useButton,
   usePressState,
   warnDev
-} from "./chunk-E3756MJC.js";
+} from "./chunk-ASXK7XU4.js";
+import {
+  TextSpan,
+  Typography,
+  typographyRecipe
+} from "./chunk-6PZF4PI7.js";
 import {
   Portal,
   PortalContext,
   PortalHost
-} from "./chunk-UOJBK5Z4.js";
+} from "./chunk-L3AQNVRN.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -27,21 +32,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 {
   XAUIProvider,
   buildRadius,
@@ -53,7 +60,7 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "./chunk-4O3PXFQ7.js";
+} from "./chunk-XQE5PXOD.js";
 import {
   ThemeContext,
   deriveTint,
@@ -134,7 +141,9 @@ export {
   RIPPLE_START_SCALE,
   SCALE_REFERENCE_WIDTH,
   Slot,
+  TextSpan,
   ThemeContext,
+  Typography,
   XAUIProvider,
   buildRadius,
   buildShadows,
@@ -157,6 +166,7 @@ export {
   rippleRadiusFor,
   sourceKeys,
   tokens,
+  typographyRecipe,
   useButton,
   useColorMode,
   useControllableState,

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