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

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,299 @@
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, ViewProps, PressableProps, View } from 'react-native';
+import * as react from 'react';
+import { ComponentType, ReactNode } from 'react';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
+import { b as IconComponentProps, I as IconContextValue } from '../../icon.type-Kml72iSz.js';
+import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
+import * as react_native_reanimated from 'react-native-reanimated';
+
+type AccordionSlot = 'root'
+/** The clipping layer inside the root. See the recipe for why it is not the root. */
+ | 'container' | 'separator' | 'item' | 'trigger' | 'indicator' | 'content';
+/**
+ * Four emphasis levels, no intent — `danger` on a list of expandable rows would be
+ * colouring a container rather than reporting a meaning.
+ *
+ * The ladder descends without a gap: `primary` is the strong fill, `secondary` the
+ * quieter one, `tertiary` an edge with nothing behind it, `ghost` nothing at all. Neither
+ * the `Button`'s five nor the `Card`'s four read that cleanly — both put `default`
+ * somewhere in the middle of an order it does not name a position in.
+ *
+ * `ghost` is the default here, and it is HeroUI's own `default`: rows separated by
+ * hairlines, on whatever page they sit on. `primary` is their `surface`.
+ */
+type AccordionVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+type AccordionSize = Size;
+/** One open at a time, or as many as the reader wants. */
+type AccordionSelectionMode = 'single' | 'multiple';
+/** A string in `single` mode, a list of them in `multiple`. */
+type AccordionValue = string | readonly string[];
+type AccordionOwnProps = {
+    children?: ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    /** The tint (R7) — a raw value, never a token. */
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    /** Controlled. Leave unset and the root owns it. */
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    /**
+     * Whether an open item can be closed by pressing it again. Off, the accordion always
+     * has one item open — which is what a set of tabs pretending to be an accordion needs.
+     *
+     * @default true
+     */
+    isCollapsible?: boolean;
+    /** The hairline between rows. It is the only thing separating them in `ghost`. */
+    hasSeparator?: boolean;
+    asChild?: boolean;
+};
+type AccordionProps = AccordionOwnProps & Omit<ViewProps, keyof AccordionOwnProps> & Omit<ViewStyleProps, keyof AccordionOwnProps | keyof ViewProps>;
+type AccordionItemOwnProps = {
+    /** What identifies this row in the root's value. */
+    value: string;
+    isDisabled?: boolean;
+    children?: ReactNode | ((state: AccordionItemRenderState) => ReactNode);
+};
+type AccordionItemProps = AccordionItemOwnProps & Omit<ViewProps, keyof AccordionItemOwnProps> & Omit<ViewStyleProps, keyof AccordionItemOwnProps | keyof ViewProps>;
+/** What an item's render function is handed, so a row can paint its own open state. */
+type AccordionItemRenderState = {
+    isExpanded: boolean;
+    isDisabled: boolean;
+    value: string;
+};
+type AccordionTriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type AccordionTriggerProps = AccordionTriggerOwnProps & Omit<PressableProps, keyof AccordionTriggerOwnProps> & Omit<ViewStyleProps, keyof AccordionTriggerOwnProps | keyof PressableProps>;
+/** The chevron, turning with the panel. */
+type AccordionIndicatorProps = {
+    /** The glyph. Defaults to the chevron the library ships. */
+    as?: ComponentType<IconComponentProps>;
+    size?: number;
+    /** A raw value (R7), never a token. */
+    color?: string;
+};
+type AccordionContentOwnProps = {
+    children?: ReactNode;
+};
+type AccordionContentProps = AccordionContentOwnProps & Omit<ViewProps, keyof AccordionContentOwnProps> & Omit<ViewStyleProps, keyof AccordionContentOwnProps | keyof ViewProps>;
+/** R5 — resolved style ids and the state the slots read. No slot re-resolves anything. */
+type AccordionContextValue = {
+    separatorStyle: StyleProp<ViewStyle>;
+    itemStyle: StyleProp<ViewStyle>;
+    triggerStyle: StyleProp<ViewStyle>;
+    triggerPressedStyle: StyleProp<ViewStyle>;
+    indicatorStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    /** Text colour for a stringifiable trigger child, wrapped the way R3 asks. */
+    labelStyle: StyleProp<TextStyle>;
+    glyph: IconContextValue;
+    isDisabled: boolean;
+    isExpanded: (value: string) => boolean;
+    toggle: (value: string) => void;
+};
+/** One row's own state. Everything visual still comes from `useAccordion()`. */
+type AccordionItemContextValue = {
+    value: string;
+    isExpanded: boolean;
+    isDisabled: boolean;
+};
+
+/**
+ * The chevron, turning with the panel.
+ *
+ * The same spring as the `Select`'s, for the same reason: a 180-degree turn on a timing
+ * curve reads as an animation playing beside the row, and on a spring heavy enough not to
+ * overshoot it reads as the panel pushing the glyph round. It is a worklet, so it keeps
+ * turning while the panel's content mounts.
+ */
+declare function AccordionIndicator({ as, ...props }: AccordionIndicatorProps): react.JSX.Element;
+declare namespace AccordionIndicator {
+    var displayName: string;
+}
+
+/**
+ * A list of rows that open.
+ *
+ * ```tsx
+ * <Accordion defaultValue="shipping">
+ *   <Accordion.Item value="shipping">
+ *     <Accordion.Trigger>
+ *       Livraison
+ *       <Accordion.Indicator />
+ *     </Accordion.Trigger>
+ *     <Accordion.Content>
+ *       <Text>Sous trois jours ouvrés.</Text>
+ *     </Accordion.Content>
+ *   </Accordion.Item>
+ * </Accordion>
+ * ```
+ *
+ * The separators are the root's, drawn between the children rather than by them. A row
+ * that drew its own would draw one under the last item too, and every accordion would
+ * start by hiding it.
+ */
+declare const AccordionRoot: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    isCollapsible?: boolean;
+    hasSeparator?: boolean;
+    asChild?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    isCollapsible?: boolean;
+    hasSeparator?: boolean;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "color" | "value" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "selectionMode" | "defaultValue" | "onValueChange" | "isDisabled" | "isCollapsible" | "hasSeparator" | "asChild"> & react.RefAttributes<View>>;
+
+/**
+ * The panel.
+ *
+ * **It is mounted or it is not** — there is no measured height anywhere in this component,
+ * and no `maxHeight` either. The row's layout transition animates the height between the
+ * two states, which is what lets a panel whose content grows afterwards — an image
+ * loading, a list filling — grow with it instead of being stuck at whatever it measured.
+ *
+ * It fades rather than sliding. The height is already moving underneath it, and two
+ * things travelling at once reads as the panel fighting itself.
+ */
+declare const AccordionContent: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<View>>;
+
+/**
+ * One row: its trigger, and the panel under it.
+ *
+ * The height animation lives here rather than on the content, because the height that
+ * changes is the row's. `overflow: 'hidden'` on it is what turns a mounted panel into one
+ * unrolling — without it the content is drawn outside the row from the first frame.
+ *
+ * `children` may be a function, which is how a row paints its own open state without the
+ * caller wiring `useAccordionItem` themselves.
+ */
+declare const AccordionItem: react.ForwardRefExoticComponent<{
+    value: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: AccordionItemRenderState) => react.ReactNode);
+} & Omit<react_native.ViewProps, keyof {
+    value: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: AccordionItemRenderState) => react.ReactNode);
+}> & Omit<ViewStyleProps, "value" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled"> & react.RefAttributes<View>>;
+
+/**
+ * The row you press. It carries `expanded` for a screen reader, which is the only thing
+ * telling one whether the panel under it is open — the chevron says nothing out loud.
+ */
+declare const AccordionTrigger: react.ForwardRefExoticComponent<{
+    children?: ReactNode;
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    children?: ReactNode;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+declare const useAccordion: () => AccordionContextValue;
+declare const useAccordionItem: () => AccordionItemContextValue;
+
+declare const accordionRecipe: Recipe<"separator" | "root" | "container" | "item" | "trigger" | "indicator" | "content", AccordionVariant, {
+    readonly size: {
+        readonly xs: (theme: XAUITheme) => SlotStyles<AccordionSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<AccordionSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<AccordionSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<AccordionSlot>;
+    };
+    readonly radius: Record<RadiusKey, StyleFn<"root" | "container">>;
+}>;
+
+/**
+ * How the panel opens.
+ *
+ * There is no measured height anywhere in this component: the content is mounted or it is
+ * not, and Reanimated's layout transition animates the row's height between the two.
+ * Measuring it ourselves would mean a hidden pass on every open, and a panel whose
+ * content grows afterwards — an image loading, a list filling — would be stuck at the
+ * height it had when it was measured.
+ *
+ * HeroUI's spring, and stiffer than the chevron's: 1600 against 1000. A height is a
+ * bigger distance than a rotation, and at the chevron's stiffness the same damping makes
+ * a long panel take almost half a second to settle.
+ */
+declare const LAYOUT: react_native_reanimated.ComplexAnimationBuilder;
+
+declare const Accordion: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    isCollapsible?: boolean;
+    hasSeparator?: boolean;
+    asChild?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    isCollapsible?: boolean;
+    hasSeparator?: boolean;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "color" | "value" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "selectionMode" | "defaultValue" | "onValueChange" | "isDisabled" | "isCollapsible" | "hasSeparator" | "asChild"> & react.RefAttributes<react_native.View>> & {
+    Item: react.ForwardRefExoticComponent<{
+        value: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: AccordionItemRenderState) => react.ReactNode);
+    } & Omit<react_native.ViewProps, keyof {
+        value: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: AccordionItemRenderState) => react.ReactNode);
+    }> & Omit<ViewStyleProps, "value" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled"> & react.RefAttributes<react_native.View>>;
+    Trigger: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        children?: react.ReactNode;
+        asChild?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+    Indicator: typeof AccordionIndicator;
+    Content: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<react_native.View>>;
+};
+
+export { Accordion, AccordionContent, type AccordionContentProps, type AccordionContextValue, AccordionIndicator, type AccordionIndicatorProps, AccordionItem, type AccordionItemContextValue, type AccordionItemProps, type AccordionItemRenderState, type AccordionProps, AccordionRoot, type AccordionSelectionMode, type AccordionSize, type AccordionSlot, AccordionTrigger, type AccordionTriggerProps, type AccordionValue, type AccordionVariant, LAYOUT as accordionLayoutTransition, accordionRecipe, useAccordion, useAccordionItem };

package/dist/components/accordion/index.js

@@ -0,0 +1,34 @@
+import {
+  Accordion,
+  AccordionContent,
+  AccordionIndicator,
+  AccordionItem,
+  AccordionRoot,
+  AccordionTrigger,
+  LAYOUT,
+  accordionRecipe,
+  useAccordion,
+  useAccordionItem
+} from "../../chunk-ZF6KIHXH.js";
+import "../../chunk-FHUYHV6J.js";
+import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-LIUO6D3D.js";
+import "../../chunk-423RQBOX.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-K72UDPVN.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionIndicator,
+  AccordionItem,
+  AccordionRoot,
+  AccordionTrigger,
+  LAYOUT as accordionLayoutTransition,
+  accordionRecipe,
+  useAccordion,
+  useAccordionItem
+};

package/dist/components/alert/index.cjs

@@ -2,20 +2,19 @@
 
 
 
-var _chunkEFPWXJAJcjs = require('../../chunk-EFPWXJAJ.cjs');
-require('../../chunk-FVKIQBHS.cjs');
-require('../../chunk-ISPOIMGX.cjs');
-require('../../chunk-2SCE7TFZ.cjs');
+var _chunk66FOASTPcjs = require('../../chunk-66FOASTP.cjs');
+require('../../chunk-AAVCMCJ3.cjs');
+require('../../chunk-4KFKWBN5.cjs');
+require('../../chunk-TGMVEHV7.cjs');
 require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-EJQCQPET.cjs');
-require('../../chunk-54FJOKAN.cjs');
+require('../../chunk-7GHM4GKL.cjs');
 require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
-require('../../chunk-K3AVOT6L.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-HT7H35GU.cjs');
+require('../../chunk-TK44VBIE.cjs');
 
 
 
 
-exports.Alert = _chunkEFPWXJAJcjs.Alert; exports.alertRecipe = _chunkEFPWXJAJcjs.alertRecipe; exports.useAlert = _chunkEFPWXJAJcjs.useAlert;
+exports.Alert = _chunk66FOASTPcjs.Alert; exports.alertRecipe = _chunk66FOASTPcjs.alertRecipe; exports.useAlert = _chunk66FOASTPcjs.useAlert;

package/dist/components/alert/index.d.cts

@@ -124,7 +124,7 @@ type AlertContextValue = {
 
 declare const useAlert: () => AlertContextValue;
 
-declare const alertRecipe: Recipe<"title" | "content" | "description" | "root" | "icon" | "iconGlyph" | "close" | "closeGlyph", AlertVariant, {
+declare const alertRecipe: Recipe<"title" | "root" | "content" | "description" | "icon" | "iconGlyph" | "close" | "closeGlyph", AlertVariant, {
     readonly size: {
         readonly xs: (theme: XAUITheme) => SlotStyles<AlertSlot>;
         readonly sm: (theme: XAUITheme) => SlotStyles<AlertSlot>;
@@ -150,7 +150,7 @@ declare const Alert: react.ForwardRefExoticComponent<{
     isDisabled?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
-}> & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled" | "radius" | "size" | "variant"> & {
+}> & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "isDisabled"> & {
     asChild?: boolean;
 } & react.RefAttributes<react_native.View>> & {
     Icon: react.ForwardRefExoticComponent<AlertIconProps & react.RefAttributes<react_native.View>>;

package/dist/components/alert/index.d.ts

@@ -124,7 +124,7 @@ type AlertContextValue = {
 
 declare const useAlert: () => AlertContextValue;
 
-declare const alertRecipe: Recipe<"title" | "content" | "description" | "root" | "icon" | "iconGlyph" | "close" | "closeGlyph", AlertVariant, {
+declare const alertRecipe: Recipe<"title" | "root" | "content" | "description" | "icon" | "iconGlyph" | "close" | "closeGlyph", AlertVariant, {
     readonly size: {
         readonly xs: (theme: XAUITheme) => SlotStyles<AlertSlot>;
         readonly sm: (theme: XAUITheme) => SlotStyles<AlertSlot>;
@@ -150,7 +150,7 @@ declare const Alert: react.ForwardRefExoticComponent<{
     isDisabled?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
-}> & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled" | "radius" | "size" | "variant"> & {
+}> & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "isDisabled"> & {
     asChild?: boolean;
 } & react.RefAttributes<react_native.View>> & {
     Icon: react.ForwardRefExoticComponent<AlertIconProps & react.RefAttributes<react_native.View>>;

package/dist/components/alert/index.js

@@ -2,18 +2,17 @@ import {
   Alert,
   alertRecipe,
   useAlert
-} from "../../chunk-K7GAHNMJ.js";
-import "../../chunk-RSGIJ6RI.js";
-import "../../chunk-OWE5IID7.js";
-import "../../chunk-UCW25LL6.js";
+} from "../../chunk-HA6BFY3A.js";
+import "../../chunk-EYD4H4X6.js";
+import "../../chunk-FHUYHV6J.js";
+import "../../chunk-LIUO6D3D.js";
 import "../../chunk-423RQBOX.js";
 import "../../chunk-EGLLDKN6.js";
-import "../../chunk-YXPYOOHU.js";
+import "../../chunk-K72UDPVN.js";
 import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
-import "../../chunk-OSCW7I4H.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-FJ5TLRT3.js";
+import "../../chunk-M63GFNKV.js";
 export {
   Alert,
   alertRecipe,

package/dist/components/avatar/index.cjs

@@ -2,16 +2,15 @@
 
 
 
-var _chunk2L7FOIWYcjs = require('../../chunk-2L7FOIWY.cjs');
-require('../../chunk-ISPOIMGX.cjs');
-require('../../chunk-54FJOKAN.cjs');
+var _chunk7TOG4TVUcjs = require('../../chunk-7TOG4TVU.cjs');
+require('../../chunk-4KFKWBN5.cjs');
+require('../../chunk-7GHM4GKL.cjs');
 require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
-require('../../chunk-K3AVOT6L.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-HT7H35GU.cjs');
+require('../../chunk-TK44VBIE.cjs');
 
 
 
 
-exports.Avatar = _chunk2L7FOIWYcjs.Avatar; exports.avatarRecipe = _chunk2L7FOIWYcjs.avatarRecipe; exports.useAvatar = _chunk2L7FOIWYcjs.useAvatar;
+exports.Avatar = _chunk7TOG4TVUcjs.Avatar; exports.avatarRecipe = _chunk7TOG4TVUcjs.avatarRecipe; exports.useAvatar = _chunk7TOG4TVUcjs.useAvatar;

package/dist/components/avatar/index.d.cts

@@ -114,11 +114,11 @@ declare const Avatar: react.ForwardRefExoticComponent<Omit<react_native.ViewProp
     asChild?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
-} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild" | "radius" | "size" | "variant"> & react.RefAttributes<react_native.View>> & {
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "asChild"> & react.RefAttributes<react_native.View>> & {
     Image: react.ForwardRefExoticComponent<Omit<react_native.ImageProps, "style"> & {
         animation?: boolean;
         style?: react_native.StyleProp<react_native.ImageStyle>;
-    } & Omit<ImageStyleProps, "height" | "width" | "borderRadius" | "resizeMode" | "tintColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "style" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "source" | "animation" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "resizeMethod" | "fadeDuration"> & react.RefAttributes<react_native.Image>>;
+    } & Omit<ImageStyleProps, "height" | "width" | "borderRadius" | "resizeMode" | "tintColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "style" | "source" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "resizeMethod" | "fadeDuration" | "animation"> & react.RefAttributes<react_native.Image>>;
     Fallback: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
         children?: react.ReactNode;
         style?: react_native.StyleProp<react_native.ViewStyle>;

package/dist/components/avatar/index.d.ts

@@ -114,11 +114,11 @@ declare const Avatar: react.ForwardRefExoticComponent<Omit<react_native.ViewProp
     asChild?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
-} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild" | "radius" | "size" | "variant"> & react.RefAttributes<react_native.View>> & {
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "asChild"> & react.RefAttributes<react_native.View>> & {
     Image: react.ForwardRefExoticComponent<Omit<react_native.ImageProps, "style"> & {
         animation?: boolean;
         style?: react_native.StyleProp<react_native.ImageStyle>;
-    } & Omit<ImageStyleProps, "height" | "width" | "borderRadius" | "resizeMode" | "tintColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "style" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "source" | "animation" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "resizeMethod" | "fadeDuration"> & react.RefAttributes<react_native.Image>>;
+    } & Omit<ImageStyleProps, "height" | "width" | "borderRadius" | "resizeMode" | "tintColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "style" | "source" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "resizeMethod" | "fadeDuration" | "animation"> & react.RefAttributes<react_native.Image>>;
     Fallback: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
         children?: react.ReactNode;
         style?: react_native.StyleProp<react_native.ViewStyle>;

package/dist/components/avatar/index.js

@@ -2,14 +2,13 @@ import {
   Avatar,
   avatarRecipe,
   useAvatar
-} from "../../chunk-E5ZW7MBW.js";
-import "../../chunk-OWE5IID7.js";
-import "../../chunk-YXPYOOHU.js";
+} from "../../chunk-6CO6FM67.js";
+import "../../chunk-FHUYHV6J.js";
+import "../../chunk-K72UDPVN.js";
 import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
-import "../../chunk-OSCW7I4H.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-FJ5TLRT3.js";
+import "../../chunk-M63GFNKV.js";
 export {
   Avatar,
   avatarRecipe,

package/dist/components/badge/index.cjs

@@ -2,15 +2,14 @@
 
 
 
-var _chunkPGQWUASEcjs = require('../../chunk-PGQWUASE.cjs');
-require('../../chunk-54FJOKAN.cjs');
+var _chunkRKCWYUGAcjs = require('../../chunk-RKCWYUGA.cjs');
+require('../../chunk-7GHM4GKL.cjs');
 require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
-require('../../chunk-K3AVOT6L.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-HT7H35GU.cjs');
+require('../../chunk-TK44VBIE.cjs');
 
 
 
 
-exports.Badge = _chunkPGQWUASEcjs.Badge; exports.badgeRecipe = _chunkPGQWUASEcjs.badgeRecipe; exports.placementInsets = _chunkPGQWUASEcjs.placementInsets;
+exports.Badge = _chunkRKCWYUGAcjs.Badge; exports.badgeRecipe = _chunkRKCWYUGAcjs.badgeRecipe; exports.placementInsets = _chunkRKCWYUGAcjs.placementInsets;