@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/types/AnimationsDemo.d.ts

@@ -0,0 +1,12 @@
+export declare function AnimationsDemo(props: any): import("react/jsx-runtime").JSX.Element;
+export declare const positions: ({
+    x: number;
+    y: number;
+    scale: number;
+    rotate: string;
+} | {
+    x: number;
+    y: number;
+    scale: string;
+    rotate: string;
+})[];

package/types/AnimationsEnterDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function AnimationsEnterDemo(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnimationsEnterDemo.d.ts.map

package/types/AnimationsHoverDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function AnimationsHoverDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnimationsHoverDemo.d.ts.map

package/types/AnimationsPresenceDemo.d.ts

@@ -0,0 +1,3 @@
+export declare const images: any[];
+export declare function AnimationsPresenceDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnimationsPresenceDemo.d.ts.map

package/types/AnimationsTimingDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function AnimationsTimingDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnimationsTimingDemo.d.ts.map

package/types/AvatarDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function AvatarDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AvatarDemo.d.ts.map

package/types/BoxShadowTokenDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function BoxShadowTokenDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BoxShadowTokenDemo.d.ts.map

package/types/BuildAButtonDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function BuildAButtonDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BuildAButtonDemo.d.ts.map

package/types/ButtonDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ButtonDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonDemo.d.ts.map

package/types/CardDemo.d.ts

@@ -0,0 +1,4 @@
+import type { CardProps } from 'tamagui';
+export declare function CardDemo(): import("react/jsx-runtime").JSX.Element;
+export declare function DemoCard(props: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CardDemo.d.ts.map

package/types/CheckboxDemo.d.ts

@@ -0,0 +1,6 @@
+import type { CheckboxProps } from 'tamagui';
+export declare function CheckboxDemo(): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxWithLabel({ size, label, disabled, ...checkboxProps }: CheckboxProps & {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckboxDemo.d.ts.map

package/types/CheckboxHeadlessDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function CheckboxHeadlessDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckboxHeadlessDemo.d.ts.map

package/types/ColorsDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ColorsDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorsDemo.d.ts.map

package/types/ContextMenuDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ContextMenuDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextMenuDemo.d.ts.map

package/types/DialogDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function DialogDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DialogDemo.d.ts.map

package/types/FormsDemo.d.ts

@@ -0,0 +1,5 @@
+import type { SizeTokens } from 'tamagui';
+export declare function FormsDemo(props: {
+    size: SizeTokens;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormsDemo.d.ts.map

package/types/Grid.d.ts

@@ -0,0 +1,8 @@
+export type GridProps = {
+    children?: any;
+    itemMinWidth?: number;
+    gap?: any;
+    columns?: number;
+};
+export declare function Grid({ children, columns, itemMinWidth, gap }: GridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/types/GroupDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function GroupDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GroupDemo.d.ts.map

package/types/HeadingsDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function HeadingsDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeadingsDemo.d.ts.map

package/types/ImageDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ImageDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageDemo.d.ts.map

package/types/InputsDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function InputsDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputsDemo.d.ts.map

package/types/LabelDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function LabelDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LabelDemo.d.ts.map

package/types/LinearGradientDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function LinearGradientDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinearGradientDemo.d.ts.map

package/types/ListItemDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ListItemDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListItemDemo.d.ts.map

package/types/LucideIconsDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function LucideIconsDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LucideIconsDemo.d.ts.map

package/types/MenuDemo.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Menu Demo using Tamagui Menu component.
+ * Automatically uses native menus on iOS/Android, web menus on web.
+ * No configuration needed - it just works!
+ */
+export declare function MenuDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuDemo.d.ts.map

package/types/MenuSkins.d.ts

@@ -0,0 +1,5 @@
+import { ContextMenu as ContextMenuBehavior } from '@tamagui/context-menu';
+import { Menu as MenuBehavior } from '@tamagui/menu';
+export declare const Menu: typeof MenuBehavior;
+export declare const ContextMenu: typeof ContextMenuBehavior;
+//# sourceMappingURL=MenuSkins.d.ts.map

package/types/NewInputsDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function NewInputsDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NewInputsDemo.d.ts.map

package/types/PopoverDemo.d.ts

@@ -0,0 +1,8 @@
+import type { PopoverProps } from 'tamagui';
+export declare function PopoverDemo(): import("react/jsx-runtime").JSX.Element;
+export declare function Demo({ Icon, Name, shouldAdapt, ...props }: PopoverProps & {
+    Icon?: any;
+    Name?: string;
+    shouldAdapt?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PopoverDemo.d.ts.map

package/types/ProgressDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ProgressDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressDemo.d.ts.map

package/types/RadioGroupCustomDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function RadioGroupCustomDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroupCustomDemo.d.ts.map

package/types/RadioGroupDemo.d.ts

@@ -0,0 +1,8 @@
+import type { SizeTokens } from 'tamagui';
+export declare function RadioGroupDemo(): import("react/jsx-runtime").JSX.Element;
+export declare function RadioGroupItemWithLabel(props: {
+    size: SizeTokens;
+    value: string;
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroupDemo.d.ts.map

package/types/RadioGroupHeadlessDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function RadioGroupHeadlessDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroupHeadlessDemo.d.ts.map

package/types/ReplaceThemeDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ReplaceThemeDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReplaceThemeDemo.d.ts.map

package/types/ScrollViewDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ScrollViewDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScrollViewDemo.d.ts.map

package/types/SelectDemo.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import type { SelectProps } from 'tamagui';
+export declare function SelectDemo(): import("react/jsx-runtime").JSX.Element;
+type SelectValue = Lowercase<(typeof items)[number]['name']>;
+export declare function SelectDemoContents(props: SelectProps<SelectValue> & {
+    trigger?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare const items: readonly [{
+    readonly name: "Apple";
+}, {
+    readonly name: "Pear";
+}, {
+    readonly name: "Blackberry";
+}, {
+    readonly name: "Peach";
+}, {
+    readonly name: "Apricot";
+}, {
+    readonly name: "Melon";
+}, {
+    readonly name: "Honeydew";
+}, {
+    readonly name: "Starfruit";
+}, {
+    readonly name: "Blueberry";
+}, {
+    readonly name: "Raspberry";
+}, {
+    readonly name: "Strawberry";
+}, {
+    readonly name: "Mango";
+}, {
+    readonly name: "Pineapple";
+}, {
+    readonly name: "Lime";
+}, {
+    readonly name: "Lemon";
+}, {
+    readonly name: "Coconut";
+}, {
+    readonly name: "Guava";
+}, {
+    readonly name: "Papaya";
+}, {
+    readonly name: "Orange";
+}, {
+    readonly name: "Grape";
+}, {
+    readonly name: "Jackfruit";
+}, {
+    readonly name: "Durian";
+}];
+export {};
+//# sourceMappingURL=SelectDemo.d.ts.map

package/types/SeparatorDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function SeparatorDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SeparatorDemo.d.ts.map

package/types/ShapesDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ShapesDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShapesDemo.d.ts.map

package/types/SheetDemo.d.ts

@@ -0,0 +1,2 @@
+export declare const SheetDemo: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetDemo.d.ts.map

package/types/SliderDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function SliderDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SliderDemo.d.ts.map

package/types/SpinnerDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function SpinnerDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpinnerDemo.d.ts.map

package/types/StacksDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function StacksDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StacksDemo.d.ts.map

package/types/SwitchDemo.d.ts

@@ -0,0 +1,8 @@
+import type { SizeTokens } from 'tamagui';
+export declare function SwitchDemo(): import("react/jsx-runtime").JSX.Element;
+export declare function SwitchWithLabel(props: {
+    size: SizeTokens;
+    defaultChecked?: boolean;
+    activeStyle?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwitchDemo.d.ts.map

package/types/SwitchHeadlessDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function SwitchHeadlessDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwitchHeadlessDemo.d.ts.map

package/types/TabsAdvancedDemo.d.ts

@@ -0,0 +1,2 @@
+export declare const TabsAdvancedDemo: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabsAdvancedDemo.d.ts.map

package/types/TabsCustomDemo.d.ts

@@ -0,0 +1,228 @@
+import React from 'react';
+export declare const TabsFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+    __scopeTabs?: string;
+} & {
+    value?: string;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    size?: import("tamagui").TokenSize;
+    orientation?: import("@tamagui/roving-focus").RovingFocusGroupProps['orientation'];
+    dir?: import("@tamagui/roving-focus").RovingFocusGroupProps['dir'];
+    activationMode?: 'automatic' | 'manual';
+}, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
+    size?: import("tamagui").TokenSize | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
+    ref?: React.Ref<import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods)> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+    __scopeTabs?: string;
+} & {
+    value?: string;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    size?: import("tamagui").TokenSize;
+    orientation?: import("@tamagui/roving-focus").RovingFocusGroupProps['orientation'];
+    dir?: import("@tamagui/roving-focus").RovingFocusGroupProps['dir'];
+    activationMode?: 'automatic' | 'manual';
+}, import("@tamagui/web").StackStyleBase, {
+    size?: import("tamagui").TokenSize | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+        __scopeTabs?: string;
+    } & {
+        value?: string;
+        defaultValue?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        size?: import("tamagui").TokenSize;
+        orientation?: import("@tamagui/roving-focus").RovingFocusGroupProps['orientation'];
+        dir?: import("@tamagui/roving-focus").RovingFocusGroupProps['dir'];
+        activationMode?: 'automatic' | 'manual';
+    }, import("@tamagui/web").StackStyleBase, {
+        size?: import("tamagui").TokenSize | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const TabFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+    __scopeTabs?: string;
+} & {
+    value: string;
+    onInteraction?: (type: import("tamagui").InteractionType, layout: import("tamagui").TabLayout | null) => void;
+    activeStyle?: import("tamagui").GetProps<typeof import("tamagui").TabsTabFrame>;
+    activeTheme?: string | null;
+}, "active" | "disabled" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: number | "0" | "0-25" | "0-5" | "0-75" | "1" | "1-5" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "2" | "2-5" | "20" | "3" | "3-5" | "4" | "4-5" | "5" | "6" | "7" | "8" | "9" | "auto" | "inherit" | "max-content" | "min-content" | "unset" | true | `${number}dvh` | `${number}dvw` | `${number}lvh` | `${number}lvw` | `${number}rem` | `${number}svh` | `${number}svw` | `${number}vh` | `${number}vw` | `calc(${string})` | `max(${string})` | `min(${string})` | `var(${string})` | (`${string}%` & {}) | import("@tamagui/web").UnionableNumber | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
+    ref?: React.Ref<import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods)> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+    __scopeTabs?: string;
+} & {
+    value: string;
+    onInteraction?: (type: import("tamagui").InteractionType, layout: import("tamagui").TabLayout | null) => void;
+    activeStyle?: import("tamagui").GetProps<typeof import("tamagui").TabsTabFrame>;
+    activeTheme?: string | null;
+}, import("@tamagui/web").StackStyleBase, {
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: number | "0" | "0-25" | "0-5" | "0-75" | "1" | "1-5" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "2" | "2-5" | "20" | "3" | "3-5" | "4" | "4-5" | "5" | "6" | "7" | "8" | "9" | "auto" | "inherit" | "max-content" | "min-content" | "unset" | true | `${number}dvh` | `${number}dvw` | `${number}lvh` | `${number}lvw` | `${number}rem` | `${number}svh` | `${number}svw` | `${number}vh` | `${number}vw` | `calc(${string})` | `max(${string})` | `min(${string})` | `var(${string})` | (`${string}%` & {}) | import("@tamagui/web").UnionableNumber | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+        __scopeTabs?: string;
+    } & {
+        value: string;
+        onInteraction?: (type: import("tamagui").InteractionType, layout: import("tamagui").TabLayout | null) => void;
+        activeStyle?: import("tamagui").GetProps<typeof import("tamagui").TabsTabFrame>;
+        activeTheme?: string | null;
+    }, import("@tamagui/web").StackStyleBase, {
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        size?: number | "0" | "0-25" | "0-5" | "0-75" | "1" | "1-5" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "2" | "2-5" | "20" | "3" | "3-5" | "4" | "4-5" | "5" | "6" | "7" | "8" | "9" | "auto" | "inherit" | "max-content" | "min-content" | "unset" | true | `${number}dvh` | `${number}dvw` | `${number}lvh` | `${number}lvw` | `${number}rem` | `${number}svh` | `${number}svw` | `${number}vh` | `${number}vw` | `calc(${string})` | `max(${string})` | `min(${string})` | `var(${string})` | (`${string}%` & {}) | import("@tamagui/web").UnionableNumber | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const ContentFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+    __scopeTabs?: string;
+} & {
+    value: string;
+    forceMount?: boolean;
+}, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
+    size?: import("tamagui").TokenSize | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
+    ref?: React.Ref<import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods)> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+    __scopeTabs?: string;
+} & {
+    value: string;
+    forceMount?: boolean;
+}, import("@tamagui/web").StackStyleBase, {
+    size?: import("tamagui").TokenSize | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+        __scopeTabs?: string;
+    } & {
+        value: string;
+        forceMount?: boolean;
+    }, import("@tamagui/web").StackStyleBase, {
+        size?: import("tamagui").TokenSize | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const CustomTabs: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+    __scopeTabs?: string;
+} & {
+    value?: string;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    size?: import("tamagui").TokenSize;
+    orientation?: import("@tamagui/roving-focus").RovingFocusGroupProps['orientation'];
+    dir?: import("@tamagui/roving-focus").RovingFocusGroupProps['dir'];
+    activationMode?: 'automatic' | 'manual';
+}, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
+    size?: import("tamagui").TokenSize | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
+    ref?: React.Ref<import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods)> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+    __scopeTabs?: string;
+} & {
+    value?: string;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    size?: import("tamagui").TokenSize;
+    orientation?: import("@tamagui/roving-focus").RovingFocusGroupProps['orientation'];
+    dir?: import("@tamagui/roving-focus").RovingFocusGroupProps['dir'];
+    activationMode?: 'automatic' | 'manual';
+}, import("@tamagui/web").StackStyleBase, {
+    size?: import("tamagui").TokenSize | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+        __scopeTabs?: string;
+    } & {
+        value?: string;
+        defaultValue?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        size?: import("tamagui").TokenSize;
+        orientation?: import("@tamagui/roving-focus").RovingFocusGroupProps['orientation'];
+        dir?: import("@tamagui/roving-focus").RovingFocusGroupProps['dir'];
+        activationMode?: 'automatic' | 'manual';
+    }, import("@tamagui/web").StackStyleBase, {
+        size?: import("tamagui").TokenSize | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+} & {
+    List: import("tamagui").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        size?: import("tamagui").TokenSize | undefined;
+    }>, "__scopeTabs" | "disabled" | "loop"> & {
+        __scopeTabs?: string;
+    } & {
+        loop?: boolean;
+        disabled?: boolean;
+    }, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+        __scopeTabs?: string;
+    } & {
+        loop?: boolean;
+        disabled?: boolean;
+    }, import("@tamagui/web").StackStyleBase, {
+        size?: import("tamagui").TokenSize | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    Tab: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+        __scopeTabs?: string;
+    } & {
+        value: string;
+        onInteraction?: (type: import("tamagui").InteractionType, layout: import("tamagui").TabLayout | null) => void;
+        activeStyle?: import("tamagui").GetProps<typeof import("tamagui").TabsTabFrame>;
+        activeTheme?: string | null;
+    }, "active" | "disabled" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        size?: number | "0" | "0-25" | "0-5" | "0-75" | "1" | "1-5" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "2" | "2-5" | "20" | "3" | "3-5" | "4" | "4-5" | "5" | "6" | "7" | "8" | "9" | "auto" | "inherit" | "max-content" | "min-content" | "unset" | true | `${number}dvh` | `${number}dvw` | `${number}lvh` | `${number}lvw` | `${number}rem` | `${number}svh` | `${number}svw` | `${number}vh` | `${number}vw` | `calc(${string})` | `max(${string})` | `min(${string})` | `var(${string})` | (`${string}%` & {}) | import("@tamagui/web").UnionableNumber | undefined;
+    } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
+        ref?: React.Ref<import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods)> | undefined;
+    }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+        __scopeTabs?: string;
+    } & {
+        value: string;
+        onInteraction?: (type: import("tamagui").InteractionType, layout: import("tamagui").TabLayout | null) => void;
+        activeStyle?: import("tamagui").GetProps<typeof import("tamagui").TabsTabFrame>;
+        activeTheme?: string | null;
+    }, import("@tamagui/web").StackStyleBase, {
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        size?: number | "0" | "0-25" | "0-5" | "0-75" | "1" | "1-5" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "2" | "2-5" | "20" | "3" | "3-5" | "4" | "4-5" | "5" | "6" | "7" | "8" | "9" | "auto" | "inherit" | "max-content" | "min-content" | "unset" | true | `${number}dvh` | `${number}dvw` | `${number}lvh` | `${number}lvw` | `${number}rem` | `${number}svh` | `${number}svw` | `${number}vh` | `${number}vw` | `calc(${string})` | `max(${string})` | `min(${string})` | `var(${string})` | (`${string}%` & {}) | import("@tamagui/web").UnionableNumber | undefined;
+    }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+        __tama: [import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+            __scopeTabs?: string;
+        } & {
+            value: string;
+            onInteraction?: (type: import("tamagui").InteractionType, layout: import("tamagui").TabLayout | null) => void;
+            activeStyle?: import("tamagui").GetProps<typeof import("tamagui").TabsTabFrame>;
+            activeTheme?: string | null;
+        }, import("@tamagui/web").StackStyleBase, {
+            active?: boolean | undefined;
+            disabled?: boolean | undefined;
+            size?: number | "0" | "0-25" | "0-5" | "0-75" | "1" | "1-5" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "2" | "2-5" | "20" | "3" | "3-5" | "4" | "4-5" | "5" | "6" | "7" | "8" | "9" | "auto" | "inherit" | "max-content" | "min-content" | "unset" | true | `${number}dvh` | `${number}dvw` | `${number}lvh` | `${number}lvw` | `${number}rem` | `${number}svh` | `${number}svw` | `${number}vh` | `${number}vw` | `calc(${string})` | `max(${string})` | `min(${string})` | `var(${string})` | (`${string}%` & {}) | import("@tamagui/web").UnionableNumber | undefined;
+        }, import("@tamagui/web").StaticConfigPublic];
+    };
+    Content: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+        __scopeTabs?: string;
+    } & {
+        value: string;
+        forceMount?: boolean;
+    }, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
+        size?: import("tamagui").TokenSize | undefined;
+    } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
+        ref?: React.Ref<import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods)> | undefined;
+    }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+        __scopeTabs?: string;
+    } & {
+        value: string;
+        forceMount?: boolean;
+    }, import("@tamagui/web").StackStyleBase, {
+        size?: import("tamagui").TokenSize | undefined;
+    }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+        __tama: [import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & {
+            __scopeTabs?: string;
+        } & {
+            value: string;
+            forceMount?: boolean;
+        }, import("@tamagui/web").StackStyleBase, {
+            size?: import("tamagui").TokenSize | undefined;
+        }, import("@tamagui/web").StaticConfigPublic];
+    };
+};
+export declare function TabsCustomDemo(): import("react/jsx-runtime").JSX.Element;

package/types/TabsDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function TabsDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabsDemo.d.ts.map

package/types/TextDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function TextDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextDemo.d.ts.map

package/types/ThemeBuilderDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeBuilderDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeBuilderDemo.d.ts.map

package/types/ThemeInverseDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeInverseDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeInverseDemo.d.ts.map

package/types/ToastDemo.d.ts

@@ -0,0 +1,2 @@
+export declare const ToastDemo: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToastDemo.d.ts.map

package/types/ToastDuplicateDemo.d.ts

@@ -0,0 +1,5 @@
+/**
+ *  IMPORTANT NOTE: if you're copy-pasting this demo into your code, make sure to add the Toast wrapper as well.
+ */
+export declare const ToastDuplicateDemo: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToastDuplicateDemo.d.ts.map

package/types/ToastV1Demo.d.ts

@@ -0,0 +1,7 @@
+/**
+ *  IMPORTANT NOTE: if you're copy-pasting this demo into your code, make sure to add:
+ *    - <ToastProvider> at the root
+ *    - <ToastViewport /> where you want to show the toasts
+ */
+export declare const ToastV1Demo: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToastV1Demo.d.ts.map

package/types/ToggleGroupDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function ToggleGroupDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToggleGroupDemo.d.ts.map

package/types/TokensDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function TokensDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TokensDemo.d.ts.map

package/types/TooltipDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function TooltipDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TooltipDemo.d.ts.map

package/types/UpdateThemeDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function UpdateThemeDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UpdateThemeDemo.d.ts.map

package/types/WebNativeImageDemo.d.ts

@@ -0,0 +1,2 @@
+export declare function WebNativeImageDemo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WebNativeImageDemo.d.ts.map