@xaui/native 0.9.1-alpha.37 → 0.9.1-alpha.38

package/dist/index.js

@@ -1,19 +1,28 @@
+import {
+  Switch,
+  SwitchLabel,
+  SwitchRoot,
+  SwitchThumb,
+  SwitchTrack,
+  switchRecipe,
+  useSwitch
+} from "./chunk-FBCWNXZC.js";
 import {
   TextArea,
   useTextArea
-} from "./chunk-7LSY4WFL.js";
+} from "./chunk-R7BU4CPS.js";
 import {
   TextSpan,
   Typography,
   typographyRecipe
-} from "./chunk-O3A3DBSZ.js";
+} from "./chunk-SZLXPF3G.js";
 import {
   Column,
   Grid,
   Row,
   Stack,
   useGrid
-} from "./chunk-JDSE4TQL.js";
+} from "./chunk-XTC2SLFT.js";
 import "./chunk-MESKS6AI.js";
 import {
   XAUIProvider,
@@ -27,10 +36,15 @@ import {
   sourceKeys,
   tokens
 } from "./chunk-WKCQ6VGW.js";
+import {
+  Chip,
+  chipRecipe,
+  useChip
+} from "./chunk-USF6EWYR.js";
 import {
   Divider,
   dividerRecipe
-} from "./chunk-OULTSBKU.js";
+} from "./chunk-26OGEFQI.js";
 import {
   FieldGroup,
   FieldGroupField,
@@ -40,7 +54,7 @@ import {
   FieldGroupSuffix,
   decoratorPadding,
   useFieldGroup
-} from "./chunk-NKPTXTTS.js";
+} from "./chunk-QZ24MZRX.js";
 import {
   TextField,
   TextFieldDescription,
@@ -50,7 +64,7 @@ import {
   TextFieldRoot,
   textFieldRecipe,
   useTextField
-} from "./chunk-SMW6ZWMH.js";
+} from "./chunk-S2WNWMNT.js";
 import {
   InputOTP,
   OTP_ALPHANUMERIC,
@@ -61,7 +75,7 @@ import {
   inputOTPRecipe,
   useInputOTP,
   useInputOTPBox
-} from "./chunk-SO5UAGIU.js";
+} from "./chunk-SACDOFGF.js";
 import {
   Radio,
   RadioIndicator,
@@ -69,10 +83,9 @@ import {
   RadioRoot,
   radioRecipe,
   useRadio
-} from "./chunk-RVRVGG73.js";
+} from "./chunk-XNMZQSY5.js";
 import {
   CheckIcon,
-  ChevronDownIcon,
   Select,
   Select2,
   SelectContent,
@@ -88,7 +101,7 @@ import {
   selectRecipe,
   useSelect,
   useSelectItem
-} from "./chunk-XWY4DF37.js";
+} from "./chunk-ZNZ7HVRW.js";
 import {
   Portal,
   PortalContext,
@@ -101,49 +114,64 @@ import {
 import {
   Spinner,
   spinnerRecipe
-} from "./chunk-E3X5ODKQ.js";
-import {
-  Switch,
-  SwitchLabel,
-  SwitchRoot,
-  SwitchThumb,
-  SwitchTrack,
-  switchRecipe,
-  useSwitch
-} from "./chunk-RGKWNK4T.js";
+} from "./chunk-LTX6TB5I.js";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionIndicator,
+  AccordionItem,
+  AccordionRoot,
+  AccordionTrigger,
+  LAYOUT,
+  accordionRecipe,
+  useAccordion,
+  useAccordionItem
+} from "./chunk-ZF6KIHXH.js";
 import {
   Alert,
   alertRecipe,
   useAlert
-} from "./chunk-6G3XWPNP.js";
+} from "./chunk-HA6BFY3A.js";
+import {
+  CloseButton,
+  closeButtonBase
+} from "./chunk-EYD4H4X6.js";
 import {
   Avatar,
   avatarRecipe,
   useAvatar
-} from "./chunk-5PPNDKRX.js";
+} from "./chunk-6CO6FM67.js";
 import {
   Badge,
   badgeRecipe,
   placementInsets
-} from "./chunk-TJHYSSBZ.js";
+} from "./chunk-346QBNUD.js";
 import {
   Button,
   buttonRecipe,
   useButton
-} from "./chunk-TDYPY2J7.js";
+} from "./chunk-TRETQZEW.js";
 import {
   ROTATION_DURATION,
-  useMergedRef,
   usePrevious,
   useRotation
-} from "./chunk-PPWXLZGL.js";
+} from "./chunk-3GFRSZYR.js";
+import {
+  useMergedRef
+} from "./chunk-NCTOTTVW.js";
+import {
+  ChevronDownIcon,
+  Icon,
+  IconContext,
+  useIconContext
+} from "./chunk-FHUYHV6J.js";
 import {
   CARD_BACKGROUND,
   Card,
   cardRecipe,
   markBackground,
   useCard
-} from "./chunk-JXNFOOKC.js";
+} from "./chunk-DY3SUG5P.js";
 import {
   Checkbox,
   CheckboxIndicator,
@@ -151,27 +179,13 @@ import {
   CheckboxRoot,
   checkboxRecipe,
   useCheckbox
-} from "./chunk-BORJJYDW.js";
+} from "./chunk-MXGER5PI.js";
 import {
   SelectionFill
 } from "./chunk-BA2DBSAN.js";
 import {
   useControllableState
 } from "./chunk-F6W3JQ7K.js";
-import {
-  Chip,
-  chipRecipe,
-  useChip
-} from "./chunk-4PTWZCOK.js";
-import {
-  CloseButton,
-  closeButtonBase
-} from "./chunk-EOJ5MYAQ.js";
-import {
-  Icon,
-  IconContext,
-  useIconContext
-} from "./chunk-HXW4ANVB.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -193,17 +207,17 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback
-} from "./chunk-UGF35NSE.js";
-import "./chunk-EGLLDKN6.js";
+} from "./chunk-LIUO6D3D.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";
+import "./chunk-EGLLDKN6.js";
 import {
   Slot,
   childrenToString,
   createSlotContext,
   mergeProps
-} from "./chunk-YXPYOOHU.js";
+} from "./chunk-K72UDPVN.js";
 import {
   mergeRefs
 } from "./chunk-36PRYGAM.js";
@@ -222,6 +236,12 @@ import {
   useStyleProps
 } from "./chunk-M63GFNKV.js";
 export {
+  Accordion,
+  AccordionContent,
+  AccordionIndicator,
+  AccordionItem,
+  AccordionRoot,
+  AccordionTrigger,
   Alert,
   Avatar,
   Badge,
@@ -307,6 +327,8 @@ export {
   ThemeContext,
   Typography,
   XAUIProvider,
+  LAYOUT as accordionLayoutTransition,
+  accordionRecipe,
   alertRecipe,
   avatarRecipe,
   badgeRecipe,
@@ -350,6 +372,8 @@ export {
   textFieldRecipe,
   tokens,
   typographyRecipe,
+  useAccordion,
+  useAccordionItem,
   useAlert,
   useAvatar,
   useButton,

package/dist/system/index.cjs

@@ -6,17 +6,17 @@
 var _chunkWDDXU3OHcjs = require('../chunk-WDDXU3OH.cjs');
 
 
-var _chunkF6CQ6CBIcjs = require('../chunk-F6CQ6CBI.cjs');
 
+var _chunkAAVCMCJ3cjs = require('../chunk-AAVCMCJ3.cjs');
 
 
-var _chunk3P6M2R4Scjs = require('../chunk-3P6M2R4S.cjs');
 
 
 
+var _chunk4KFKWBN5cjs = require('../chunk-4KFKWBN5.cjs');
 
-var _chunk7B3UBUC6cjs = require('../chunk-7B3UBUC6.cjs');
 
+var _chunkF6CQ6CBIcjs = require('../chunk-F6CQ6CBI.cjs');
 
 
 
@@ -37,15 +37,16 @@ var _chunk7B3UBUC6cjs = require('../chunk-7B3UBUC6.cjs');
 
 
 
-var _chunkDRMT346Wcjs = require('../chunk-DRMT346W.cjs');
-require('../chunk-EJQCQPET.cjs');
+
+var _chunkTGMVEHV7cjs = require('../chunk-TGMVEHV7.cjs');
 require('../chunk-7DPL3ZDS.cjs');
+require('../chunk-EJQCQPET.cjs');
 
 
 
 
 
-var _chunk54FJOKANcjs = require('../chunk-54FJOKAN.cjs');
+var _chunk7GHM4GKLcjs = require('../chunk-7GHM4GKL.cjs');
 
 
 var _chunkH4E4HDEPcjs = require('../chunk-H4E4HDEP.cjs');
@@ -95,4 +96,5 @@ var _chunkTK44VBIEcjs = require('../chunk-TK44VBIE.cjs');
 
 
 
-exports.CloseButton = _chunk3P6M2R4Scjs.CloseButton; exports.FEEDBACK_OVERLAY = _chunkDRMT346Wcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkDRMT346Wcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkDRMT346Wcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunk7B3UBUC6cjs.Icon; exports.IconContext = _chunk7B3UBUC6cjs.IconContext; exports.PRESS_DURATION = _chunkDRMT346Wcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkDRMT346Wcjs.PRESS_SCALE; exports.Portal = _chunkWDDXU3OHcjs.Portal; exports.PortalContext = _chunkWDDXU3OHcjs.PortalContext; exports.PortalHost = _chunkWDDXU3OHcjs.PortalHost; exports.PressableFeedback = _chunkDRMT346Wcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkDRMT346Wcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkDRMT346Wcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkDRMT346Wcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkDRMT346Wcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkDRMT346Wcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkDRMT346Wcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkDRMT346Wcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkDRMT346Wcjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Slot = _chunk54FJOKANcjs.Slot; exports.childrenToString = _chunk54FJOKANcjs.childrenToString; exports.closeButtonBase = _chunk3P6M2R4Scjs.closeButtonBase; exports.createRecipe = _chunkFNEUOBCVcjs.createRecipe; exports.createSlotContext = _chunk54FJOKANcjs.createSlotContext; exports.markOverlay = _chunkDRMT346Wcjs.markOverlay; exports.mergeProps = _chunk54FJOKANcjs.mergeProps; exports.mergeRefs = _chunkH4E4HDEPcjs.mergeRefs; exports.pressScaleFor = _chunkDRMT346Wcjs.pressScaleFor; exports.radiusAxis = _chunkFNEUOBCVcjs.radiusAxis; exports.resolveAnimation = _chunkDRMT346Wcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkDRMT346Wcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkDRMT346Wcjs.rippleRadiusFor; exports.useFeedback = _chunkDRMT346Wcjs.useFeedback; exports.useIconContext = _chunk7B3UBUC6cjs.useIconContext; exports.useStyleProps = _chunkTK44VBIEcjs.useStyleProps;
+
+exports.ChevronDownIcon = _chunk4KFKWBN5cjs.ChevronDownIcon; exports.CloseButton = _chunkAAVCMCJ3cjs.CloseButton; exports.FEEDBACK_OVERLAY = _chunkTGMVEHV7cjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkTGMVEHV7cjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkTGMVEHV7cjs.HIGHLIGHT_OPACITY; exports.Icon = _chunk4KFKWBN5cjs.Icon; exports.IconContext = _chunk4KFKWBN5cjs.IconContext; exports.PRESS_DURATION = _chunkTGMVEHV7cjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkTGMVEHV7cjs.PRESS_SCALE; exports.Portal = _chunkWDDXU3OHcjs.Portal; exports.PortalContext = _chunkWDDXU3OHcjs.PortalContext; exports.PortalHost = _chunkWDDXU3OHcjs.PortalHost; exports.PressableFeedback = _chunkTGMVEHV7cjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkTGMVEHV7cjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkTGMVEHV7cjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkTGMVEHV7cjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkTGMVEHV7cjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkTGMVEHV7cjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkTGMVEHV7cjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkTGMVEHV7cjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkTGMVEHV7cjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Slot = _chunk7GHM4GKLcjs.Slot; exports.childrenToString = _chunk7GHM4GKLcjs.childrenToString; exports.closeButtonBase = _chunkAAVCMCJ3cjs.closeButtonBase; exports.createRecipe = _chunkFNEUOBCVcjs.createRecipe; exports.createSlotContext = _chunk7GHM4GKLcjs.createSlotContext; exports.markOverlay = _chunkTGMVEHV7cjs.markOverlay; exports.mergeProps = _chunk7GHM4GKLcjs.mergeProps; exports.mergeRefs = _chunkH4E4HDEPcjs.mergeRefs; exports.pressScaleFor = _chunkTGMVEHV7cjs.pressScaleFor; exports.radiusAxis = _chunkFNEUOBCVcjs.radiusAxis; exports.resolveAnimation = _chunkTGMVEHV7cjs.resolveAnimation; exports.resolveSlotAnimation = _chunkTGMVEHV7cjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkTGMVEHV7cjs.rippleRadiusFor; exports.useFeedback = _chunkTGMVEHV7cjs.useFeedback; exports.useIconContext = _chunk4KFKWBN5cjs.useIconContext; exports.useStyleProps = _chunkTK44VBIEcjs.useStyleProps;

package/dist/system/index.d.cts

@@ -8,8 +8,7 @@ import { R as RadiusKey, X as XAUITheme } from '../theme.type-C2gNHpEx.cjs';
 import { a as StyleFn, h as SlotStyle } from '../create-recipe-dC7wMfnj.cjs';
 export { A as Axes, C as CompoundVariant, R as Recipe, d as RecipeConfig, b as ResolveArgs, e as ResolvedSelection, f as ResolvedStyles, g as Selection, S as SlotStyles, i as StateName, j as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-dC7wMfnj.cjs';
 export { C as CloseButtonProps } from '../close-button.type-CHsgZ3wO.cjs';
-import { a as IconProps, I as IconContextValue } from '../icon.type-d_i9ma-i.cjs';
-export { b as IconComponentProps } from '../icon.type-d_i9ma-i.cjs';
+import { b as IconComponentProps, a as IconProps, I as IconContextValue } from '../icon.type-d_i9ma-i.cjs';
 import { V as ViewStyleProps } from '../style-props.type-CfnoGEP7.cjs';
 export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps } from '../style-props.type-CfnoGEP7.cjs';
 import 'react-native-reanimated';
@@ -46,6 +45,20 @@ type RestPropsOf<P> = Omit<P, StylePropKey>;
  */
 declare function useStyleProps<P extends object>(props: P): [StylePropsOf<P>, RestPropsOf<P>];
 
+/**
+ * The chevron the library ships, rather than requiring one from the caller: a control
+ * whose whole affordance is "there is more under here" cannot be written without it, and
+ * asking for an icon package to draw one arrow is a peer dependency for a chevron.
+ *
+ * It sits in `system/` because two components draw it — `Select` turns it half a turn
+ * when its list opens, `Accordion` when its panel does. §2 bis: promotion at the second
+ * use, never by anticipation.
+ */
+declare function ChevronDownIcon({ size, color, }: IconComponentProps): react.JSX.Element;
+declare namespace ChevronDownIcon {
+    var displayName: string;
+}
+
 /**
  * The gap nobody else closes: an icon is a third-party component, so a slot context does
  * not reach it and every call site ends up computing the colour by hand.
@@ -78,6 +91,36 @@ declare namespace Icon {
 declare const IconContext: react.Context<IconContextValue>;
 declare function useIconContext(): IconContextValue;
 
+/**
+ * The `radius` axis, which is the same ten lines in every component that has one — a key
+ * of the radius scale, applied to one slot, overriding whatever `size` chose.
+ *
+ * It is written here rather than a third time in a recipe because that is the rule §2 bis
+ * states: extract at the second use, and by the end of P3 this axis exists in a dozen
+ * components. Nothing about it is component-specific except which slot carries the corner.
+ *
+ * ```ts
+ * variants: { size: { … }, radius: radiusAxis('root') }
+ * ```
+ *
+ * **More than one slot when a second node has to square off with the first.** A `Switch`
+ * whose track lost its capsule and kept a circular knob is half-rounded, so the axis moves
+ * both: `radiusAxis('track', 'thumb')`.
+ *
+ * The same named corner on each, not an inset-corrected one. Nesting rules would say the
+ * inner radius is the outer less the gap, but here that reaches zero before the outer does
+ * — at `xs` a 3pt track would hold a sharp-cornered knob — and two matched corners read
+ * better than one correct one.
+ *
+ * Variadic rather than an array because every call but that one passes a single slot, and
+ * `radiusAxis('root')` reads better than `radiusAxis(['root'])`.
+ *
+ * The return type is a full `Record<RadiusKey, …>` rather than a partial one, so
+ * `createRecipe` still infers `radius="3xl"` as the axis's value union and a typo in a
+ * caller's `radius` is a type error rather than a silently ignored key.
+ */
+declare function radiusAxis<Slot extends string>(...slots: Slot[]): Record<RadiusKey, StyleFn<Slot>>;
+
 type PortalProps = {
     children: ReactNode;
 };
@@ -323,36 +366,6 @@ declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_nati
     Ripple: typeof PressableFeedbackRipple;
 };
 
-/**
- * The `radius` axis, which is the same ten lines in every component that has one — a key
- * of the radius scale, applied to one slot, overriding whatever `size` chose.
- *
- * It is written here rather than a third time in a recipe because that is the rule §2 bis
- * states: extract at the second use, and by the end of P3 this axis exists in a dozen
- * components. Nothing about it is component-specific except which slot carries the corner.
- *
- * ```ts
- * variants: { size: { … }, radius: radiusAxis('root') }
- * ```
- *
- * **More than one slot when a second node has to square off with the first.** A `Switch`
- * whose track lost its capsule and kept a circular knob is half-rounded, so the axis moves
- * both: `radiusAxis('track', 'thumb')`.
- *
- * The same named corner on each, not an inset-corrected one. Nesting rules would say the
- * inner radius is the outer less the gap, but here that reaches zero before the outer does
- * — at `xs` a 3pt track would hold a sharp-cornered knob — and two matched corners read
- * better than one correct one.
- *
- * Variadic rather than an array because every call but that one passes a single slot, and
- * `radiusAxis('root')` reads better than `radiusAxis(['root'])`.
- *
- * The return type is a full `Record<RadiusKey, …>` rather than a partial one, so
- * `createRecipe` still infers `radius="3xl"` as the axis's value union and a typo in a
- * caller's `radius` is a type error rather than a silently ignored key.
- */
-declare function radiusAxis<Slot extends string>(...slots: Slot[]): Record<RadiusKey, StyleFn<Slot>>;
-
 type SelectionFillProps = {
     /** Whether the control is on. The fill is the answer, and the mark rides on it. */
     isVisible: boolean;
@@ -529,4 +542,4 @@ type CloseButtonSlots = {
  */
 declare function closeButtonBase(theme: XAUITheme): CloseButtonSlots;
 
-export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };
+export { AnimationProp, type AsChildProps, ChevronDownIcon, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconComponentProps, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };

package/dist/system/index.d.ts

@@ -8,8 +8,7 @@ import { R as RadiusKey, X as XAUITheme } from '../theme.type-C2gNHpEx.js';
 import { a as StyleFn, h as SlotStyle } from '../create-recipe-BdVd2ffi.js';
 export { A as Axes, C as CompoundVariant, R as Recipe, d as RecipeConfig, b as ResolveArgs, e as ResolvedSelection, f as ResolvedStyles, g as Selection, S as SlotStyles, i as StateName, j as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-BdVd2ffi.js';
 export { C as CloseButtonProps } from '../close-button.type-BUYuoSt2.js';
-import { a as IconProps, I as IconContextValue } from '../icon.type-Kml72iSz.js';
-export { b as IconComponentProps } from '../icon.type-Kml72iSz.js';
+import { b as IconComponentProps, a as IconProps, I as IconContextValue } from '../icon.type-Kml72iSz.js';
 import { V as ViewStyleProps } from '../style-props.type-CfnoGEP7.js';
 export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps } from '../style-props.type-CfnoGEP7.js';
 import 'react-native-reanimated';
@@ -46,6 +45,20 @@ type RestPropsOf<P> = Omit<P, StylePropKey>;
  */
 declare function useStyleProps<P extends object>(props: P): [StylePropsOf<P>, RestPropsOf<P>];
 
+/**
+ * The chevron the library ships, rather than requiring one from the caller: a control
+ * whose whole affordance is "there is more under here" cannot be written without it, and
+ * asking for an icon package to draw one arrow is a peer dependency for a chevron.
+ *
+ * It sits in `system/` because two components draw it — `Select` turns it half a turn
+ * when its list opens, `Accordion` when its panel does. §2 bis: promotion at the second
+ * use, never by anticipation.
+ */
+declare function ChevronDownIcon({ size, color, }: IconComponentProps): react.JSX.Element;
+declare namespace ChevronDownIcon {
+    var displayName: string;
+}
+
 /**
  * The gap nobody else closes: an icon is a third-party component, so a slot context does
  * not reach it and every call site ends up computing the colour by hand.
@@ -78,6 +91,36 @@ declare namespace Icon {
 declare const IconContext: react.Context<IconContextValue>;
 declare function useIconContext(): IconContextValue;
 
+/**
+ * The `radius` axis, which is the same ten lines in every component that has one — a key
+ * of the radius scale, applied to one slot, overriding whatever `size` chose.
+ *
+ * It is written here rather than a third time in a recipe because that is the rule §2 bis
+ * states: extract at the second use, and by the end of P3 this axis exists in a dozen
+ * components. Nothing about it is component-specific except which slot carries the corner.
+ *
+ * ```ts
+ * variants: { size: { … }, radius: radiusAxis('root') }
+ * ```
+ *
+ * **More than one slot when a second node has to square off with the first.** A `Switch`
+ * whose track lost its capsule and kept a circular knob is half-rounded, so the axis moves
+ * both: `radiusAxis('track', 'thumb')`.
+ *
+ * The same named corner on each, not an inset-corrected one. Nesting rules would say the
+ * inner radius is the outer less the gap, but here that reaches zero before the outer does
+ * — at `xs` a 3pt track would hold a sharp-cornered knob — and two matched corners read
+ * better than one correct one.
+ *
+ * Variadic rather than an array because every call but that one passes a single slot, and
+ * `radiusAxis('root')` reads better than `radiusAxis(['root'])`.
+ *
+ * The return type is a full `Record<RadiusKey, …>` rather than a partial one, so
+ * `createRecipe` still infers `radius="3xl"` as the axis's value union and a typo in a
+ * caller's `radius` is a type error rather than a silently ignored key.
+ */
+declare function radiusAxis<Slot extends string>(...slots: Slot[]): Record<RadiusKey, StyleFn<Slot>>;
+
 type PortalProps = {
     children: ReactNode;
 };
@@ -323,36 +366,6 @@ declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_nati
     Ripple: typeof PressableFeedbackRipple;
 };
 
-/**
- * The `radius` axis, which is the same ten lines in every component that has one — a key
- * of the radius scale, applied to one slot, overriding whatever `size` chose.
- *
- * It is written here rather than a third time in a recipe because that is the rule §2 bis
- * states: extract at the second use, and by the end of P3 this axis exists in a dozen
- * components. Nothing about it is component-specific except which slot carries the corner.
- *
- * ```ts
- * variants: { size: { … }, radius: radiusAxis('root') }
- * ```
- *
- * **More than one slot when a second node has to square off with the first.** A `Switch`
- * whose track lost its capsule and kept a circular knob is half-rounded, so the axis moves
- * both: `radiusAxis('track', 'thumb')`.
- *
- * The same named corner on each, not an inset-corrected one. Nesting rules would say the
- * inner radius is the outer less the gap, but here that reaches zero before the outer does
- * — at `xs` a 3pt track would hold a sharp-cornered knob — and two matched corners read
- * better than one correct one.
- *
- * Variadic rather than an array because every call but that one passes a single slot, and
- * `radiusAxis('root')` reads better than `radiusAxis(['root'])`.
- *
- * The return type is a full `Record<RadiusKey, …>` rather than a partial one, so
- * `createRecipe` still infers `radius="3xl"` as the axis's value union and a typo in a
- * caller's `radius` is a type error rather than a silently ignored key.
- */
-declare function radiusAxis<Slot extends string>(...slots: Slot[]): Record<RadiusKey, StyleFn<Slot>>;
-
 type SelectionFillProps = {
     /** Whether the control is on. The fill is the answer, and the mark rides on it. */
     isVisible: boolean;
@@ -529,4 +542,4 @@ type CloseButtonSlots = {
  */
 declare function closeButtonBase(theme: XAUITheme): CloseButtonSlots;
 
-export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };
+export { AnimationProp, type AsChildProps, ChevronDownIcon, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconComponentProps, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };

package/dist/system/index.js

@@ -4,18 +4,19 @@ import {
   PortalContext,
   PortalHost
 } from "../chunk-2PMXMKS5.js";
-import {
-  SelectionFill
-} from "../chunk-BA2DBSAN.js";
 import {
   CloseButton,
   closeButtonBase
-} from "../chunk-EOJ5MYAQ.js";
+} from "../chunk-EYD4H4X6.js";
 import {
+  ChevronDownIcon,
   Icon,
   IconContext,
   useIconContext
-} from "../chunk-HXW4ANVB.js";
+} from "../chunk-FHUYHV6J.js";
+import {
+  SelectionFill
+} from "../chunk-BA2DBSAN.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -37,15 +38,15 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback
-} from "../chunk-UGF35NSE.js";
-import "../chunk-EGLLDKN6.js";
+} from "../chunk-LIUO6D3D.js";
 import "../chunk-423RQBOX.js";
+import "../chunk-EGLLDKN6.js";
 import {
   Slot,
   childrenToString,
   createSlotContext,
   mergeProps
-} from "../chunk-YXPYOOHU.js";
+} from "../chunk-K72UDPVN.js";
 import {
   mergeRefs
 } from "../chunk-36PRYGAM.js";
@@ -58,6 +59,7 @@ import {
   useStyleProps
 } from "../chunk-M63GFNKV.js";
 export {
+  ChevronDownIcon,
   CloseButton,
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,

package/package.json

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