@xaui/native 0.9.1-alpha.20 → 0.9.1-alpha.22

package/dist/icon.type-Dq4_qePa.d.ts

@@ -0,0 +1,73 @@
+import { ComponentType, ReactNode } from 'react';
+import { ImageSourcePropType, StyleProp, ImageStyle } from 'react-native';
+import { I as ImageStyleProps } from './style-props.type-CfnoGEP7.js';
+
+/**
+ * The props Lucide, Ionicons and `react-native-vector-icons` all accept — the shape
+ * `as` is handed. It is a convention rather than an interface anyone published, which is
+ * exactly why `Icon` exists: without it every call site computes the two values by hand.
+ */
+type IconComponentProps = {
+    size?: number;
+    color?: string;
+};
+/** 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;
+};
+/**
+ * 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;
+    color?: string;
+};
+
+export type { IconComponentProps as I, IconContextValue as a, IconProps as b };

package/dist/index.cjs

@@ -4,60 +4,63 @@
 
 
 
-var _chunk6ARON3XTcjs = require('./chunk-6ARON3XT.cjs');
 
 
 
 
-var _chunkUBA6AEY6cjs = require('./chunk-UBA6AEY6.cjs');
 
+var _chunkGBPWTFTUcjs = require('./chunk-GBPWTFTU.cjs');
 
 
 
 
+var _chunk4MHJOWM4cjs = require('./chunk-4MHJOWM4.cjs');
 
-var _chunk33QILJJHcjs = require('./chunk-33QILJJH.cjs');
 
 
 
+var _chunkVDRRD6GMcjs = require('./chunk-VDRRD6GM.cjs');
 
-var _chunk2WMVDMFVcjs = require('./chunk-2WMVDMFV.cjs');
 
 
 
 
 
+var _chunkBNWS26PXcjs = require('./chunk-BNWS26PX.cjs');
 
 
 
 
+var _chunkI6PE5UUHcjs = require('./chunk-I6PE5UUH.cjs');
 
 
 
 
+var _chunkRAWOJ3N3cjs = require('./chunk-RAWOJ3N3.cjs');
 
 
 
 
 
 
+var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
 
 
 
 
+var _chunk6HXWQ5AUcjs = require('./chunk-6HXWQ5AU.cjs');
 
-var _chunkA4VD4MHKcjs = require('./chunk-A4VD4MHK.cjs');
 
 
-var _chunkUVO4GFSWcjs = require('./chunk-UVO4GFSW.cjs');
+var _chunk6WW4CSPYcjs = require('./chunk-6WW4CSPY.cjs');
 
 
 
 
+var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
 
 
 
-var _chunkEVXZGNPAcjs = require('./chunk-EVXZGNPA.cjs');
 
 
 
@@ -69,7 +72,20 @@ var _chunkEVXZGNPAcjs = require('./chunk-EVXZGNPA.cjs');
 
 
 
-var _chunkBHTFIZTQcjs = require('./chunk-BHTFIZTQ.cjs');
+
+
+
+
+
+
+
+
+
+var _chunkBH5DSJVXcjs = require('./chunk-BH5DSJVX.cjs');
+
+
+
+var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
 
 
 
@@ -77,6 +93,14 @@ var _chunkBHTFIZTQcjs = require('./chunk-BHTFIZTQ.cjs');
 
 
 var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+
+
+
+
+
+
+var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
 require('./chunk-MC7SY2QH.cjs');
 
 // src/hooks/use-controllable-state.ts
@@ -107,7 +131,7 @@ function useControllableState({
 function useControlWarning(isControlled) {
   const wasControlled = _react.useRef.call(void 0, isControlled);
   if (wasControlled.current !== isControlled) {
-    _chunk6ARON3XTcjs.warnDev.call(void 0, 
+    _chunkBH5DSJVXcjs.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;
@@ -117,7 +141,7 @@ function useControlWarning(isControlled) {
 // src/hooks/use-merged-ref.ts
 
 function useMergedRef(...refs) {
-  return _react.useMemo.call(void 0, () => _chunkEVXZGNPAcjs.mergeRefs.call(void 0, ...refs), refs);
+  return _react.useMemo.call(void 0, () => _chunkHUZ4AUM2cjs.mergeRefs.call(void 0, ...refs), refs);
 }
 
 // src/hooks/use-previous.ts
@@ -193,4 +217,18 @@ function usePrevious(value) {
 
 
 
-exports.Button = _chunk6ARON3XTcjs.Button; exports.Column = _chunk33QILJJHcjs.Column; exports.FEEDBACK_OVERLAY = _chunkA4VD4MHKcjs.FEEDBACK_OVERLAY; exports.Grid = _chunk33QILJJHcjs.Grid; 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.Row = _chunk33QILJJHcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkA4VD4MHKcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkEVXZGNPAcjs.Slot; exports.Stack = _chunk33QILJJHcjs.Stack; exports.TextSpan = _chunkUBA6AEY6cjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkUBA6AEY6cjs.Typography; exports.XAUIProvider = _chunkBHTFIZTQcjs.XAUIProvider; exports.buildRadius = _chunkBHTFIZTQcjs.buildRadius; exports.buildShadows = _chunkBHTFIZTQcjs.buildShadows; exports.buttonRecipe = _chunk6ARON3XTcjs.buttonRecipe; exports.childrenToString = _chunkEVXZGNPAcjs.childrenToString; exports.createRecipe = _chunkUVO4GFSWcjs.createRecipe; exports.createSlotContext = _chunkEVXZGNPAcjs.createSlotContext; exports.createTheme = _chunkBHTFIZTQcjs.createTheme; exports.defaultTheme = _chunkBHTFIZTQcjs.defaultTheme; exports.deriveColors = _chunkBHTFIZTQcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.markOverlay = _chunkA4VD4MHKcjs.markOverlay; exports.mergeProps = _chunkEVXZGNPAcjs.mergeProps; exports.mergeRefs = _chunkEVXZGNPAcjs.mergeRefs; exports.palette = _chunkBHTFIZTQcjs.palette; exports.pressScaleFor = _chunkA4VD4MHKcjs.pressScaleFor; exports.primitives = _chunkBHTFIZTQcjs.primitives; exports.resolveAnimation = _chunkA4VD4MHKcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkA4VD4MHKcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkA4VD4MHKcjs.rippleRadiusFor; exports.sourceKeys = _chunkBHTFIZTQcjs.sourceKeys; exports.tokens = _chunkBHTFIZTQcjs.tokens; exports.typographyRecipe = _chunkUBA6AEY6cjs.typographyRecipe; exports.useButton = _chunk6ARON3XTcjs.useButton; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunkA4VD4MHKcjs.useFeedback; exports.useGrid = _chunk33QILJJHcjs.useGrid; exports.useIconContext = _chunkA4VD4MHKcjs.useIconContext; exports.useMergedRef = useMergedRef; exports.usePressState = _chunk6ARON3XTcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkEVXZGNPAcjs.useStyleProps; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Alert = _chunk4MHJOWM4cjs.Alert; exports.Button = _chunkVDRRD6GMcjs.Button; exports.CARD_BACKGROUND = _chunkBNWS26PXcjs.CARD_BACKGROUND; exports.Card = _chunkBNWS26PXcjs.Card; exports.Chip = _chunkI6PE5UUHcjs.Chip; exports.CloseButton = _chunk6WW4CSPYcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkBH5DSJVXcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkBH5DSJVXcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkBH5DSJVXcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkDXGQ43IVcjs.Icon; exports.IconContext = _chunkDXGQ43IVcjs.IconContext; exports.PRESS_DURATION = _chunkBH5DSJVXcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkBH5DSJVXcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkBH5DSJVXcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkBH5DSJVXcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkBH5DSJVXcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkBH5DSJVXcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkBH5DSJVXcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkBH5DSJVXcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkBH5DSJVXcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkBH5DSJVXcjs.RIPPLE_START_SCALE; exports.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkBH5DSJVXcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.TextSpan = _chunkRAWOJ3N3cjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkRAWOJ3N3cjs.Typography; exports.XAUIProvider = _chunkGBPWTFTUcjs.XAUIProvider; exports.alertRecipe = _chunk4MHJOWM4cjs.alertRecipe; exports.buildRadius = _chunkGBPWTFTUcjs.buildRadius; exports.buildShadows = _chunkGBPWTFTUcjs.buildShadows; exports.buttonRecipe = _chunkVDRRD6GMcjs.buttonRecipe; exports.cardRecipe = _chunkBNWS26PXcjs.cardRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkI6PE5UUHcjs.chipRecipe; exports.closeButtonBase = _chunk6WW4CSPYcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkGBPWTFTUcjs.createTheme; exports.defaultTheme = _chunkGBPWTFTUcjs.defaultTheme; exports.deriveColors = _chunkGBPWTFTUcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.markBackground = _chunkBNWS26PXcjs.markBackground; exports.markOverlay = _chunkBH5DSJVXcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkGBPWTFTUcjs.palette; exports.pressScaleFor = _chunkBH5DSJVXcjs.pressScaleFor; exports.primitives = _chunkGBPWTFTUcjs.primitives; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkBH5DSJVXcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkBH5DSJVXcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkBH5DSJVXcjs.rippleRadiusFor; exports.sourceKeys = _chunkGBPWTFTUcjs.sourceKeys; exports.tokens = _chunkGBPWTFTUcjs.tokens; exports.typographyRecipe = _chunkRAWOJ3N3cjs.typographyRecipe; exports.useAlert = _chunk4MHJOWM4cjs.useAlert; exports.useButton = _chunkVDRRD6GMcjs.useButton; exports.useCard = _chunkBNWS26PXcjs.useCard; exports.useChip = _chunkI6PE5UUHcjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunkBH5DSJVXcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkDXGQ43IVcjs.useIconContext; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkBH5DSJVXcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;

package/dist/index.d.cts

@@ -1,15 +1,20 @@
+export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDescriptionProps, AlertIconProps, AlertProps, AlertSize, AlertSlot, AlertTitleProps, AlertVariant, alertRecipe, useAlert } from './components/alert/index.cjs';
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.cjs';
+export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.cjs';
+export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.cjs';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.cjs';
 export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/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';
+export { AsChildProps, CloseButton, CloseButtonSlots, 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, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.cjs';
 import { GestureResponderEvent } from 'react-native';
-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-1K8YEOb8.cjs';
-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';
-export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-B1BG5TCm.cjs';
+export { C as CloseButtonProps } from './close-button.type-CHsgZ3wO.cjs';
+export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-CF4KiMKl.cjs';
+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-jHlk434p.cjs';
+export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.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, 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';
+export { A as AnimationConfig, a as AnimationProp, F as FeedbackContext, P as PressableFeedbackProps, R as RadiusStyle, b as ResolvedAnimation, c as RippleWave, S as SlotAnimation } from './pressable-feedback.type-BA2C9sSz.cjs';
 import 'react-native-reanimated';
 
 type ControllableStateOptions<T> = {

package/dist/index.d.ts

@@ -1,15 +1,20 @@
+export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDescriptionProps, AlertIconProps, AlertProps, AlertSize, AlertSlot, AlertTitleProps, AlertVariant, alertRecipe, useAlert } from './components/alert/index.js';
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.js';
+export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.js';
+export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.js';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.js';
 export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/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';
+export { AsChildProps, CloseButton, CloseButtonSlots, 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, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.js';
 import { GestureResponderEvent } from 'react-native';
-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-BwkKLQlX.js';
-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';
-export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-B1BG5TCm.js';
+export { C as CloseButtonProps } from './close-button.type-BUYuoSt2.js';
+export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-Dq4_qePa.js';
+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-CbXika57.js';
+export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.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, 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';
+export { A as AnimationConfig, a as AnimationProp, F as FeedbackContext, P as PressableFeedbackProps, R as RadiusStyle, b as ResolvedAnimation, c as RippleWave, S as SlotAnimation } from './pressable-feedback.type-Bs4dQlGj.js';
 import 'react-native-reanimated';
 
 type ControllableStateOptions<T> = {

package/dist/index.js

@@ -1,33 +1,67 @@
+import {
+  XAUIProvider,
+  buildRadius,
+  buildShadows,
+  createTheme,
+  defaultTheme,
+  deriveColors,
+  palette,
+  primitives,
+  sourceKeys,
+  tokens
+} from "./chunk-GG2WWCBK.js";
+import {
+  Alert,
+  alertRecipe,
+  useAlert
+} from "./chunk-OGC4RKE3.js";
 import {
   Button,
   buttonRecipe,
-  useButton,
-  usePressState,
-  warnDev
-} from "./chunk-4EPS7UBO.js";
+  useButton
+} from "./chunk-FNQF4KQV.js";
+import {
+  CARD_BACKGROUND,
+  Card,
+  cardRecipe,
+  markBackground,
+  useCard
+} from "./chunk-FTCTTBLG.js";
+import {
+  Chip,
+  chipRecipe,
+  useChip
+} from "./chunk-AHL33YAO.js";
 import {
   TextSpan,
   Typography,
   typographyRecipe
-} from "./chunk-RMLFMRWL.js";
+} from "./chunk-2U6JR7BF.js";
 import {
   Column,
   Grid,
   Row,
   Stack,
   useGrid
-} from "./chunk-JXLRHKCQ.js";
+} from "./chunk-OYZYWWJ6.js";
 import {
   Portal,
   PortalContext,
   PortalHost
-} from "./chunk-XHZBXYVU.js";
+} from "./chunk-AKXG43S4.js";
+import {
+  CloseButton,
+  closeButtonBase
+} from "./chunk-ZQ3JSWRO.js";
+import {
+  Icon,
+  IconContext,
+  useIconContext
+} from "./chunk-FVP5FUVS.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
   HIGHLIGHT_OPACITY,
-  Icon,
-  IconContext,
   PRESS_DURATION,
   PRESS_SCALE,
   PressableFeedback,
@@ -45,31 +79,13 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback,
-  useIconContext
-} from "./chunk-WXAME7KB.js";
-import {
-  createRecipe
-} from "./chunk-N7C4UNUL.js";
-import {
-  Slot,
-  childrenToString,
-  createSlotContext,
-  mergeProps,
-  mergeRefs,
-  useStyleProps
-} from "./chunk-EXX6ATAS.js";
+  usePressState,
+  warnDev
+} from "./chunk-KM2TI5IC.js";
 import {
-  XAUIProvider,
-  buildRadius,
-  buildShadows,
-  createTheme,
-  defaultTheme,
-  deriveColors,
-  palette,
-  primitives,
-  sourceKeys,
-  tokens
-} from "./chunk-MWXE7D4L.js";
+  createRecipe,
+  radiusAxis
+} from "./chunk-3JATAB7S.js";
 import {
   ThemeContext,
   deriveTint,
@@ -77,6 +93,14 @@ import {
   useThemeColor,
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  Slot,
+  childrenToString,
+  createSlotContext,
+  mergeProps,
+  mergeRefs,
+  useStyleProps
+} from "./chunk-PMO62QK4.js";
 import "./chunk-GGW42MY4.js";
 
 // src/hooks/use-controllable-state.ts
@@ -130,7 +154,12 @@ function usePrevious(value) {
   return previous.current;
 }
 export {
+  Alert,
   Button,
+  CARD_BACKGROUND,
+  Card,
+  Chip,
+  CloseButton,
   Column,
   FEEDBACK_OVERLAY,
   Grid,
@@ -159,29 +188,38 @@ export {
   ThemeContext,
   Typography,
   XAUIProvider,
+  alertRecipe,
   buildRadius,
   buildShadows,
   buttonRecipe,
+  cardRecipe,
   childrenToString,
+  chipRecipe,
+  closeButtonBase,
   createRecipe,
   createSlotContext,
   createTheme,
   defaultTheme,
   deriveColors,
   deriveTint,
+  markBackground,
   markOverlay,
   mergeProps,
   mergeRefs,
   palette,
   pressScaleFor,
   primitives,
+  radiusAxis,
   resolveAnimation,
   resolveSlotAnimation,
   rippleRadiusFor,
   sourceKeys,
   tokens,
   typographyRecipe,
+  useAlert,
   useButton,
+  useCard,
+  useChip,
   useColorMode,
   useControllableState,
   useFeedback,

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

@@ -1,75 +1,7 @@
-import { ComponentType, ReactNode } from 'react';
-import { ImageSourcePropType, StyleProp, ImageStyle, PressableProps, ViewStyle } from 'react-native';
-import { I as ImageStyleProps, V as ViewStyleProps } from './style-props.type-B1BG5TCm.js';
+import { ReactNode } from 'react';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
 import { SharedValue } from 'react-native-reanimated';
-
-/**
- * The props Lucide, Ionicons and `react-native-vector-icons` all accept — the shape
- * `as` is handed. It is a convention rather than an interface anyone published, which is
- * exactly why `Icon` exists: without it every call site computes the two values by hand.
- */
-type IconComponentProps = {
-    size?: number;
-    color?: string;
-};
-/** 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;
-};
-/**
- * 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;
-    color?: string;
-};
+import { V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
 
 type AnimationConfig = {
     scale?: boolean;
@@ -192,4 +124,4 @@ type FeedbackContext = {
     waves?: readonly [RippleWave, RippleWave];
 };
 
-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 };
+export type { AnimationConfig as A, FeedbackContext as F, PressableFeedbackProps as P, RadiusStyle as R, SlotAnimation as S, AnimationProp as a, ResolvedAnimation as b, RippleWave as c };

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

@@ -1,75 +1,7 @@
-import { ComponentType, ReactNode } from 'react';
-import { ImageSourcePropType, StyleProp, ImageStyle, PressableProps, ViewStyle } from 'react-native';
-import { I as ImageStyleProps, V as ViewStyleProps } from './style-props.type-B1BG5TCm.cjs';
+import { ReactNode } from 'react';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
 import { SharedValue } from 'react-native-reanimated';
-
-/**
- * The props Lucide, Ionicons and `react-native-vector-icons` all accept — the shape
- * `as` is handed. It is a convention rather than an interface anyone published, which is
- * exactly why `Icon` exists: without it every call site computes the two values by hand.
- */
-type IconComponentProps = {
-    size?: number;
-    color?: string;
-};
-/** 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;
-};
-/**
- * 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;
-    color?: string;
-};
+import { V as ViewStyleProps } from './style-props.type-CfnoGEP7.js';
 
 type AnimationConfig = {
     scale?: boolean;
@@ -192,4 +124,4 @@ type FeedbackContext = {
     waves?: readonly [RippleWave, RippleWave];
 };
 
-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 };
+export type { AnimationConfig as A, FeedbackContext as F, PressableFeedbackProps as P, RadiusStyle as R, SlotAnimation as S, AnimationProp as a, ResolvedAnimation as b, RippleWave as c };

package/dist/{style-props.type-B1BG5TCm.d.cts → style-props.type-CfnoGEP7.d.cts}

@@ -1,4 +1,4 @@
-import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import { ViewStyle, TextStyle, ImageStyle } from 'react-native';
 
 /**
  * R13 — React Native mirrors a layout under RTL through the Start/End properties and only

package/dist/{style-props.type-B1BG5TCm.d.ts → style-props.type-CfnoGEP7.d.ts}

@@ -1,4 +1,4 @@
-import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import { ViewStyle, TextStyle, ImageStyle } from 'react-native';
 
 /**
  * R13 — React Native mirrors a layout under RTL through the Start/End properties and only