@xaui/native 0.9.1-alpha.40 → 0.9.1-alpha.41

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

@@ -0,0 +1,261 @@
+import * as react_native from 'react-native';
+import { ViewProps, StyleProp, ViewStyle, TextStyle, TextProps, PressableProps, View, Text } from 'react-native';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
+import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
+
+type TabsSlot = 'root' | 'list' | 'trigger' | 'label' | 'indicator' | 'content';
+/**
+ * Three shapes, not three emphases.
+ *
+ * `primary` is the segmented control — a pill sliding under the chosen tab inside a filled
+ * track. `secondary` is the underline, a rule moving along the bottom edge. `light` is
+ * neither: no track, no rule, nothing but the chosen tab's label going to the accent.
+ *
+ * They are different affordances rather than the same one louder, which is why the union
+ * is three rather than the usual four. `light` is the quietest a tab bar can be and still
+ * be one — the colour carries it alone, so it belongs over content that is already busy,
+ * and not where a bar has to be found before it can be read.
+ */
+type TabsVariant = 'primary' | 'secondary' | 'light';
+type TabsSize = Exclude<Size, 'xs'>;
+/** Where a trigger sits, so the indicator knows where to slide. */
+type TabRect = {
+    x: number;
+    width: number;
+};
+type TabsOwnProps = {
+    children?: ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    /** The tint (R7) — a raw value, never a token. */
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: boolean;
+};
+type TabsProps = TabsOwnProps & Omit<ViewProps, keyof TabsOwnProps> & Omit<ViewStyleProps, keyof TabsOwnProps | keyof ViewProps>;
+type TabsListOwnProps = {
+    children?: ReactNode;
+};
+type TabsListProps = TabsListOwnProps & Omit<ViewProps, keyof TabsListOwnProps> & Omit<ViewStyleProps, keyof TabsListOwnProps | keyof ViewProps>;
+/** What a trigger's render function is handed. */
+type TabsTriggerRenderState = {
+    isSelected: boolean;
+    isPressed: boolean;
+    isDisabled: boolean;
+};
+type TabsTriggerOwnProps = {
+    value: string;
+    isDisabled?: boolean;
+    children?: ReactNode | ((state: TabsTriggerRenderState) => ReactNode);
+    asChild?: boolean;
+};
+type TabsTriggerProps = TabsTriggerOwnProps & Omit<PressableProps, keyof TabsTriggerOwnProps> & Omit<ViewStyleProps, keyof TabsTriggerOwnProps | keyof PressableProps>;
+type TabsLabelOwnProps = {
+    children?: ReactNode;
+};
+type TabsLabelProps = TabsLabelOwnProps & Omit<TextProps, keyof TabsLabelOwnProps> & Omit<TextStyleProps, keyof TabsLabelOwnProps | keyof TextProps>;
+/** The indicator takes no props of its own — where it goes is the root's business. */
+type TabsIndicatorProps = Omit<ViewProps, 'children'> & ViewStyleProps;
+type TabsContentOwnProps = {
+    value: string;
+    children?: ReactNode;
+};
+type TabsContentProps = TabsContentOwnProps & Omit<ViewProps, keyof TabsContentOwnProps> & Omit<ViewStyleProps, keyof TabsContentOwnProps | keyof ViewProps>;
+/** R5 — resolved style ids and the state the slots read. */
+type TabsContextValue = {
+    listStyle: StyleProp<ViewStyle>;
+    triggerStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    labelSelectedStyle: StyleProp<TextStyle>;
+    indicatorStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    variant: TabsVariant;
+    value: string | undefined;
+    isDisabled: boolean;
+    select: (value: string) => void;
+    /** Every trigger's measured rectangle, keyed by value. The indicator reads one. */
+    rects: Readonly<Record<string, TabRect>>;
+    setRect: (value: string, rect: TabRect) => void;
+};
+/** One trigger's own state, for the label inside it. */
+type TabsTriggerContextValue = TabsTriggerRenderState;
+
+/**
+ * The one node that says which tab is chosen.
+ *
+ * It slides between the triggers' measured rectangles on a spring, on the UI thread — so
+ * it keeps travelling while whatever the new tab shows is mounting.
+ *
+ * **It renders nothing until a rectangle exists.** On the first frame no trigger has been
+ * laid out, and an indicator at zero width would flash at the start of the row before
+ * jumping to the chosen tab.
+ */
+declare function TabsIndicator({ style, ...props }: TabsIndicatorProps): react.JSX.Element;
+declare namespace TabsIndicator {
+    var displayName: string;
+}
+
+/**
+ * A row of tabs, and what each one shows.
+ *
+ * ```tsx
+ * <Tabs defaultValue="all">
+ *   <Tabs.List>
+ *     <Tabs.Indicator />
+ *     <Tabs.Trigger value="all">Tout</Tabs.Trigger>
+ *     <Tabs.Trigger value="unread">Non lus</Tabs.Trigger>
+ *   </Tabs.List>
+ *   <Tabs.Content value="all">…</Tabs.Content>
+ *   <Tabs.Content value="unread">…</Tabs.Content>
+ * </Tabs>
+ * ```
+ *
+ * **The triggers measure themselves and the root keeps the rectangles.** That is what lets
+ * the indicator be one node sliding rather than a border on each tab appearing and
+ * disappearing — and it is why `Tabs.Indicator` is written inside the list rather than
+ * being conjured by it: where it goes is the root's business, but whether it exists at all
+ * is the caller's.
+ */
+declare const TabsRoot: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: 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" | "defaultValue" | "onValueChange" | "isDisabled"> & react.RefAttributes<View>>;
+
+/**
+ * What a tab shows. Mounted when its tab is chosen, absent otherwise.
+ *
+ * Absent rather than hidden, deliberately: a tab bar over four screens of content should
+ * not have four screens of content mounted. A panel that must keep its state across a
+ * switch — a half-typed form, a scroll position — is one the caller holds the state for,
+ * which is the same trade every router makes.
+ */
+declare const TabsContent: react.ForwardRefExoticComponent<{
+    value: string;
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, keyof {
+    value: string;
+    children?: 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"> & react.RefAttributes<View>>;
+
+/**
+ * A tab's text. It is the one thing that says which tab is chosen when the indicator has
+ * not arrived yet — the colour changes on the press, the pill takes a moment to follow.
+ */
+declare const TabsLabel: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * The row the triggers sit in, and the box the indicator slides inside.
+ *
+ * It hugs its tabs rather than filling the row: a tab bar as wide as the screen with three
+ * tabs in it is a segmented control pretending to be a navigation bar. `alignSelf` on the
+ * caller's side is how you widen it.
+ */
+declare const TabsList: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<View>>;
+
+/**
+ * One tab.
+ *
+ * It publishes its own rectangle on every layout, and the layout event's `x` and `width`
+ * are the right ones here — unlike an overlay's anchor, both the trigger and the indicator
+ * are laid out in the same parent, so the parent's coordinates are the ones that matter.
+ */
+declare const TabsTrigger: react.ForwardRefExoticComponent<{
+    value: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: TabsTriggerRenderState) => react.ReactNode);
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    value: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: TabsTriggerRenderState) => react.ReactNode);
+    asChild?: boolean;
+}> & 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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "isDisabled" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+declare const useTabs: () => TabsContextValue;
+declare const useTabsTrigger: () => TabsTriggerRenderState;
+
+declare const tabsRecipe: Recipe<"label" | "root" | "trigger" | "indicator" | "content" | "list", TabsVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<TabsSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<TabsSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<TabsSlot>;
+    };
+    readonly radius: Record<RadiusKey, StyleFn<"indicator" | "list">>;
+}>;
+
+declare const Tabs: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: 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" | "defaultValue" | "onValueChange" | "isDisabled"> & react.RefAttributes<react_native.View>> & {
+    List: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<react_native.View>>;
+    Trigger: react.ForwardRefExoticComponent<{
+        value: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: TabsTriggerRenderState) => react.ReactNode);
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        value: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: TabsTriggerRenderState) => react.ReactNode);
+        asChild?: boolean;
+    }> & 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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "isDisabled" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+    Label: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Indicator: typeof TabsIndicator;
+    Content: react.ForwardRefExoticComponent<{
+        value: string;
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, keyof {
+        value: string;
+        children?: 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"> & react.RefAttributes<react_native.View>>;
+};
+
+export { type TabRect, Tabs, TabsContent, type TabsContentProps, type TabsContextValue, TabsIndicator, type TabsIndicatorProps, TabsLabel, type TabsLabelProps, TabsList, type TabsListProps, type TabsProps, TabsRoot, type TabsSize, type TabsSlot, TabsTrigger, type TabsTriggerContextValue, type TabsTriggerProps, type TabsTriggerRenderState, type TabsVariant, tabsRecipe, useTabs, useTabsTrigger };

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

@@ -0,0 +1,261 @@
+import * as react_native from 'react-native';
+import { ViewProps, StyleProp, ViewStyle, TextStyle, TextProps, PressableProps, View, Text } from 'react-native';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
+import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
+
+type TabsSlot = 'root' | 'list' | 'trigger' | 'label' | 'indicator' | 'content';
+/**
+ * Three shapes, not three emphases.
+ *
+ * `primary` is the segmented control — a pill sliding under the chosen tab inside a filled
+ * track. `secondary` is the underline, a rule moving along the bottom edge. `light` is
+ * neither: no track, no rule, nothing but the chosen tab's label going to the accent.
+ *
+ * They are different affordances rather than the same one louder, which is why the union
+ * is three rather than the usual four. `light` is the quietest a tab bar can be and still
+ * be one — the colour carries it alone, so it belongs over content that is already busy,
+ * and not where a bar has to be found before it can be read.
+ */
+type TabsVariant = 'primary' | 'secondary' | 'light';
+type TabsSize = Exclude<Size, 'xs'>;
+/** Where a trigger sits, so the indicator knows where to slide. */
+type TabRect = {
+    x: number;
+    width: number;
+};
+type TabsOwnProps = {
+    children?: ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    /** The tint (R7) — a raw value, never a token. */
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: boolean;
+};
+type TabsProps = TabsOwnProps & Omit<ViewProps, keyof TabsOwnProps> & Omit<ViewStyleProps, keyof TabsOwnProps | keyof ViewProps>;
+type TabsListOwnProps = {
+    children?: ReactNode;
+};
+type TabsListProps = TabsListOwnProps & Omit<ViewProps, keyof TabsListOwnProps> & Omit<ViewStyleProps, keyof TabsListOwnProps | keyof ViewProps>;
+/** What a trigger's render function is handed. */
+type TabsTriggerRenderState = {
+    isSelected: boolean;
+    isPressed: boolean;
+    isDisabled: boolean;
+};
+type TabsTriggerOwnProps = {
+    value: string;
+    isDisabled?: boolean;
+    children?: ReactNode | ((state: TabsTriggerRenderState) => ReactNode);
+    asChild?: boolean;
+};
+type TabsTriggerProps = TabsTriggerOwnProps & Omit<PressableProps, keyof TabsTriggerOwnProps> & Omit<ViewStyleProps, keyof TabsTriggerOwnProps | keyof PressableProps>;
+type TabsLabelOwnProps = {
+    children?: ReactNode;
+};
+type TabsLabelProps = TabsLabelOwnProps & Omit<TextProps, keyof TabsLabelOwnProps> & Omit<TextStyleProps, keyof TabsLabelOwnProps | keyof TextProps>;
+/** The indicator takes no props of its own — where it goes is the root's business. */
+type TabsIndicatorProps = Omit<ViewProps, 'children'> & ViewStyleProps;
+type TabsContentOwnProps = {
+    value: string;
+    children?: ReactNode;
+};
+type TabsContentProps = TabsContentOwnProps & Omit<ViewProps, keyof TabsContentOwnProps> & Omit<ViewStyleProps, keyof TabsContentOwnProps | keyof ViewProps>;
+/** R5 — resolved style ids and the state the slots read. */
+type TabsContextValue = {
+    listStyle: StyleProp<ViewStyle>;
+    triggerStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    labelSelectedStyle: StyleProp<TextStyle>;
+    indicatorStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    variant: TabsVariant;
+    value: string | undefined;
+    isDisabled: boolean;
+    select: (value: string) => void;
+    /** Every trigger's measured rectangle, keyed by value. The indicator reads one. */
+    rects: Readonly<Record<string, TabRect>>;
+    setRect: (value: string, rect: TabRect) => void;
+};
+/** One trigger's own state, for the label inside it. */
+type TabsTriggerContextValue = TabsTriggerRenderState;
+
+/**
+ * The one node that says which tab is chosen.
+ *
+ * It slides between the triggers' measured rectangles on a spring, on the UI thread — so
+ * it keeps travelling while whatever the new tab shows is mounting.
+ *
+ * **It renders nothing until a rectangle exists.** On the first frame no trigger has been
+ * laid out, and an indicator at zero width would flash at the start of the row before
+ * jumping to the chosen tab.
+ */
+declare function TabsIndicator({ style, ...props }: TabsIndicatorProps): react.JSX.Element;
+declare namespace TabsIndicator {
+    var displayName: string;
+}
+
+/**
+ * A row of tabs, and what each one shows.
+ *
+ * ```tsx
+ * <Tabs defaultValue="all">
+ *   <Tabs.List>
+ *     <Tabs.Indicator />
+ *     <Tabs.Trigger value="all">Tout</Tabs.Trigger>
+ *     <Tabs.Trigger value="unread">Non lus</Tabs.Trigger>
+ *   </Tabs.List>
+ *   <Tabs.Content value="all">…</Tabs.Content>
+ *   <Tabs.Content value="unread">…</Tabs.Content>
+ * </Tabs>
+ * ```
+ *
+ * **The triggers measure themselves and the root keeps the rectangles.** That is what lets
+ * the indicator be one node sliding rather than a border on each tab appearing and
+ * disappearing — and it is why `Tabs.Indicator` is written inside the list rather than
+ * being conjured by it: where it goes is the root's business, but whether it exists at all
+ * is the caller's.
+ */
+declare const TabsRoot: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: 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" | "defaultValue" | "onValueChange" | "isDisabled"> & react.RefAttributes<View>>;
+
+/**
+ * What a tab shows. Mounted when its tab is chosen, absent otherwise.
+ *
+ * Absent rather than hidden, deliberately: a tab bar over four screens of content should
+ * not have four screens of content mounted. A panel that must keep its state across a
+ * switch — a half-typed form, a scroll position — is one the caller holds the state for,
+ * which is the same trade every router makes.
+ */
+declare const TabsContent: react.ForwardRefExoticComponent<{
+    value: string;
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, keyof {
+    value: string;
+    children?: 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"> & react.RefAttributes<View>>;
+
+/**
+ * A tab's text. It is the one thing that says which tab is chosen when the indicator has
+ * not arrived yet — the colour changes on the press, the pill takes a moment to follow.
+ */
+declare const TabsLabel: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * The row the triggers sit in, and the box the indicator slides inside.
+ *
+ * It hugs its tabs rather than filling the row: a tab bar as wide as the screen with three
+ * tabs in it is a segmented control pretending to be a navigation bar. `alignSelf` on the
+ * caller's side is how you widen it.
+ */
+declare const TabsList: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<View>>;
+
+/**
+ * One tab.
+ *
+ * It publishes its own rectangle on every layout, and the layout event's `x` and `width`
+ * are the right ones here — unlike an overlay's anchor, both the trigger and the indicator
+ * are laid out in the same parent, so the parent's coordinates are the ones that matter.
+ */
+declare const TabsTrigger: react.ForwardRefExoticComponent<{
+    value: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: TabsTriggerRenderState) => react.ReactNode);
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    value: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: TabsTriggerRenderState) => react.ReactNode);
+    asChild?: boolean;
+}> & 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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "isDisabled" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+declare const useTabs: () => TabsContextValue;
+declare const useTabsTrigger: () => TabsTriggerRenderState;
+
+declare const tabsRecipe: Recipe<"label" | "root" | "trigger" | "indicator" | "content" | "list", TabsVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<TabsSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<TabsSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<TabsSlot>;
+    };
+    readonly radius: Record<RadiusKey, StyleFn<"indicator" | "list">>;
+}>;
+
+declare const Tabs: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    radius?: RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    isDisabled?: 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" | "defaultValue" | "onValueChange" | "isDisabled"> & react.RefAttributes<react_native.View>> & {
+    List: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<react_native.View>>;
+    Trigger: react.ForwardRefExoticComponent<{
+        value: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: TabsTriggerRenderState) => react.ReactNode);
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        value: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: TabsTriggerRenderState) => react.ReactNode);
+        asChild?: boolean;
+    }> & 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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "isDisabled" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+    Label: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Indicator: typeof TabsIndicator;
+    Content: react.ForwardRefExoticComponent<{
+        value: string;
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, keyof {
+        value: string;
+        children?: 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"> & react.RefAttributes<react_native.View>>;
+};
+
+export { type TabRect, Tabs, TabsContent, type TabsContentProps, type TabsContextValue, TabsIndicator, type TabsIndicatorProps, TabsLabel, type TabsLabelProps, TabsList, type TabsListProps, type TabsProps, TabsRoot, type TabsSize, type TabsSlot, TabsTrigger, type TabsTriggerContextValue, type TabsTriggerProps, type TabsTriggerRenderState, type TabsVariant, tabsRecipe, useTabs, useTabsTrigger };

package/dist/components/tabs/index.js

@@ -0,0 +1,33 @@
+import {
+  Tabs,
+  TabsContent,
+  TabsIndicator,
+  TabsLabel,
+  TabsList,
+  TabsRoot,
+  TabsTrigger,
+  tabsRecipe,
+  useTabs,
+  useTabsTrigger
+} from "../../chunk-G3CCT4EY.js";
+import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-6UEZJRVI.js";
+import "../../chunk-423RQBOX.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-K72UDPVN.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  Tabs,
+  TabsContent,
+  TabsIndicator,
+  TabsLabel,
+  TabsList,
+  TabsRoot,
+  TabsTrigger,
+  tabsRecipe,
+  useTabs,
+  useTabsTrigger
+};