import type { GroupProps } from '@tamagui/group'; import { type RovingFocusGroupProps } from '@tamagui/roving-focus'; import type { GetProps, TamaguiElement, ViewProps } from '@tamagui/web'; import * as React from 'react'; import type { LayoutRectangle } from 'react-native'; import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame } from './Tabs'; type TabsComponent = (props: { direction: 'horizontal' | 'vertical'; } & ViewProps) => any; type TabComponent = (props: { active?: boolean; } & ViewProps) => any; type ContentComponent = (props: ViewProps) => any; export declare function createTabs(createProps: { ContentFrame: F; TabFrame: T; TabsFrame: C; }): React.ForwardRefExoticComponent, keyof TabsExtraProps> & TabsExtraProps & React.RefAttributes> & import("@tamagui/web").StaticComponentObject, keyof TabsExtraProps> & TabsExtraProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & TabsExtraProps, import("@tamagui/web").StackStyleBase, { size?: import("@tamagui/web").SizeTokens | undefined; unstyled?: boolean | undefined; elevation?: number | import("@tamagui/web").SizeTokens | undefined; transparent?: boolean | undefined; fullscreen?: boolean | undefined; circular?: boolean | undefined; elevate?: boolean | undefined; bordered?: boolean | undefined; chromeless?: boolean | "all" | undefined; }, import("@tamagui/web").StaticConfigPublic> & Omit & { __tama: [Omit, keyof TabsExtraProps> & TabsExtraProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & TabsExtraProps, import("@tamagui/web").StackStyleBase, { size?: import("@tamagui/web").SizeTokens | undefined; unstyled?: boolean | undefined; elevation?: number | import("@tamagui/web").SizeTokens | undefined; transparent?: boolean | undefined; fullscreen?: boolean | undefined; circular?: boolean | undefined; elevate?: boolean | undefined; bordered?: boolean | undefined; chromeless?: boolean | "all" | undefined; }, import("@tamagui/web").StaticConfigPublic]; } & { List: React.ForwardRefExoticComponent & import("@tamagui/web").WithThemeValues & { unstyled?: boolean | undefined; elevation?: number | import("@tamagui/web").SizeTokens | undefined; fullscreen?: boolean | undefined; size?: any; } & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & { unstyled?: boolean | undefined; elevation?: number | import("@tamagui/web").SizeTokens | undefined; fullscreen?: boolean | undefined; size?: any; } & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & import("@tamagui/group").GroupExtraProps & { /** * Whether to loop over after reaching the end or start of the items * @default true */ loop?: boolean; } & React.RefAttributes>; /** * @deprecated Use Tabs.Tab instead */ Trigger: import("@tamagui/web").TamaguiComponent & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }, { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; }>, "theme" | "debug" | "style" | `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "hitSlop" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "unstyled" | "id" | "render" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "animatedBy" | "onStartShouldSetResponder" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onLayout" | "elevationAndroid" | "rel" | "download" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onFocus" | "onBlur" | "onPointerCancel" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "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" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | keyof import("@tamagui/web").StackStyleBase | "size" | "activeStyle" | "value" | keyof import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>>> | "onInteraction" | "activeTheme" | "__scopeTabs"> & Omit & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>>> & import("@tamagui/web").WithMediaProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }, { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; }>> & { /** The value for the tabs state to be changed to after activation of the trigger */ value: string; /** Used for making custom indicators when trigger interacted with */ onInteraction?: (type: InteractionType, layout: TabLayout | null) => void; /** Custom styles to apply when tab is active */ activeStyle?: TabsTriggerFrameProps; /** Theme to apply when tab is active (use null for no theme) */ activeTheme?: string | null; } & { __scopeTabs?: string; }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>>> & import("@tamagui/web").WithMediaProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }, { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; }>> & { /** The value for the tabs state to be changed to after activation of the trigger */ value: string; /** Used for making custom indicators when trigger interacted with */ onInteraction?: (type: InteractionType, layout: TabLayout | null) => void; /** Custom styles to apply when tab is active */ activeStyle?: TabsTriggerFrameProps; /** Theme to apply when tab is active (use null for no theme) */ activeTheme?: string | null; } & { __scopeTabs?: string; }, import("@tamagui/web").StackStyleBase & { readonly activeStyle?: Partial & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }, { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; }, { accept: { readonly activeStyle: "style"; }; }>; Tab: import("@tamagui/web").TamaguiComponent & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }, { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; }>, "theme" | "debug" | "style" | `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "hitSlop" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "unstyled" | "id" | "render" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "animatedBy" | "onStartShouldSetResponder" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onLayout" | "elevationAndroid" | "rel" | "download" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onFocus" | "onBlur" | "onPointerCancel" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "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" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | keyof import("@tamagui/web").StackStyleBase | "size" | "activeStyle" | "value" | keyof import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>>> | "onInteraction" | "activeTheme" | "__scopeTabs"> & Omit & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>>> & import("@tamagui/web").WithMediaProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }, { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; }>> & { /** The value for the tabs state to be changed to after activation of the trigger */ value: string; /** Used for making custom indicators when trigger interacted with */ onInteraction?: (type: InteractionType, layout: TabLayout | null) => void; /** Custom styles to apply when tab is active */ activeStyle?: TabsTriggerFrameProps; /** Theme to apply when tab is active (use null for no theme) */ activeTheme?: string | null; } & { __scopeTabs?: string; }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }> & { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; } & import("@tamagui/web").WithShorthands & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }>>> & import("@tamagui/web").WithMediaProps & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }, { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; }>> & { /** The value for the tabs state to be changed to after activation of the trigger */ value: string; /** Used for making custom indicators when trigger interacted with */ onInteraction?: (type: InteractionType, layout: TabLayout | null) => void; /** Custom styles to apply when tab is active */ activeStyle?: TabsTriggerFrameProps; /** Theme to apply when tab is active (use null for no theme) */ activeTheme?: string | null; } & { __scopeTabs?: string; }, import("@tamagui/web").StackStyleBase & { readonly activeStyle?: Partial & import("@tamagui/web").WithThemeValues & import("@tamagui/web").WithShorthands> & import("@tamagui/web").WithPseudoProps & import("@tamagui/web").WithShorthands>> & import("@tamagui/web").WithMediaProps> & React.RefAttributes> & import("@tamagui/web").StaticComponentObject & Omit<{}, "staticConfig" | "styleable"> & { __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}]; }, { accept: { readonly activeStyle: "style"; }; }>> | undefined; }, { disabled?: boolean | undefined; unstyled?: boolean | undefined; size?: import("@tamagui/web").SizeTokens | undefined; }, { accept: { readonly activeStyle: "style"; }; }>; Content: import("@tamagui/web").TamaguiComponent, keyof TabsContentExtraProps> & TabsContentExtraProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & TabsContentExtraProps, import("@tamagui/web").StackStyleBase, { elevation?: number | import("@tamagui/web").SizeTokens | undefined; transparent?: boolean | undefined; fullscreen?: boolean | undefined; circular?: boolean | undefined; elevate?: boolean | undefined; bordered?: boolean | undefined; chromeless?: boolean | "all" | undefined; }, import("@tamagui/web").StaticConfigPublic>; }; type TabsFrameProps = GetProps; type TabsExtraProps = { /** The value for the selected tab, if controlled */ value?: string; /** The value of the tab to select by default, if uncontrolled */ defaultValue?: Tab; /** A function called when a new tab is selected */ onValueChange?: (value: Tab) => void; /** * The orientation the tabs are layed out. * Mainly so arrow navigation is done accordingly (left & right vs. up & down) * @defaultValue horizontal */ orientation?: RovingFocusGroupProps['orientation']; /** * The direction of navigation between toolbar items. */ dir?: RovingFocusGroupProps['dir']; /** * Whether a tab is activated automatically or manually. Only supported in web. * @defaultValue automatic * */ activationMode?: 'automatic' | 'manual'; }; type TabsProps = TabsFrameProps & TabsExtraProps; type TabsListFrameProps = GroupProps; type TabsListProps = TabsListFrameProps & { /** * Whether to loop over after reaching the end or start of the items * @default true */ loop?: boolean; }; type InteractionType = 'select' | 'focus' | 'hover'; type TabLayout = LayoutRectangle; type TabsTriggerFrameProps = GetProps; /** * @deprecated use `TabTabsProps` instead */ type TabsTriggerProps = TabsTriggerFrameProps & { /** The value for the tabs state to be changed to after activation of the trigger */ value: string; /** Used for making custom indicators when trigger interacted with */ onInteraction?: (type: InteractionType, layout: TabLayout | null) => void; /** Custom styles to apply when tab is active */ activeStyle?: TabsTriggerFrameProps; /** Theme to apply when tab is active (use null for no theme) */ activeTheme?: string | null; }; type TabsTabProps = TabsTriggerProps; type TabsTriggerLayout = LayoutRectangle; type TabsContentFrameProps = GetProps; type TabsContentExtraProps = { /** Will show the content when the value matches the state of Tabs root */ value: string; /** * Used to force mounting when more control is needed. Useful when * controlling animation with Tamagui animations. */ forceMount?: boolean; }; type TabsContentProps = TabsContentFrameProps & TabsContentExtraProps; export type { TabLayout, TabsContentProps, TabsListProps, TabsProps, TabsTabProps, TabsTriggerLayout, TabsTriggerProps, }; //# sourceMappingURL=createTabs.d.ts.map