@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

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

package/types/index.d.ts

@@ -0,0 +1,60 @@
+export * from './AccordionDemo';
+export * from './AddThemeDemo';
+export * from './AlertDialogDemo';
+export * from './AnimationsDelayDemo';
+export * from './AnimationsEnterDemo';
+export * from './AnimationsHoverDemo';
+export * from './AnimationsPresenceDemo';
+export * from './AnimationsTimingDemo';
+export * from './AvatarDemo';
+export * from './BoxShadowTokenDemo';
+export * from './BuildAButtonDemo';
+export * from './ButtonDemo';
+export * from './ThemeBuilderDemo';
+export * from './CardDemo';
+export * from './CheckboxDemo';
+export * from './CheckboxHeadlessDemo';
+export * from './ColorsDemo';
+export * from './ContextMenuDemo';
+export * from './MenuDemo';
+export * from './DialogDemo';
+export * from './FormsDemo';
+export * from './GroupDemo';
+export * from './HeadingsDemo';
+export * from './ImageDemo';
+export * from './WebNativeImageDemo';
+export * from './InputsDemo';
+export * from './NewInputsDemo';
+export * from './LabelDemo';
+export * from './LinearGradientDemo';
+export * from './ListItemDemo';
+export * from './LucideIconsDemo';
+export * from './PopoverDemo';
+export * from './ProgressDemo';
+export * from './RadioGroupDemo';
+export * from './RadioGroupHeadlessDemo';
+export * from './RadioGroupCustomDemo';
+export * from './ReplaceThemeDemo';
+export * from './ScrollViewDemo';
+export * from './SelectDemo';
+export * from './SeparatorDemo';
+export * from './ShapesDemo';
+export * from './SheetDemo';
+export * from './SliderDemo';
+export * from './SpinnerDemo';
+export * from './StacksDemo';
+export * from './SwitchDemo';
+export * from './SwitchHeadlessDemo';
+export * from './TabsAdvancedDemo';
+export * from './TabsDemo';
+export * from './TextDemo';
+export * from './ThemeInverseDemo';
+export * from './ToastDemo';
+export * from './ToastDuplicateDemo';
+export * from './ToastV1Demo';
+export * from './ToggleGroupDemo';
+export * from './TokensDemo';
+export * from './TooltipDemo';
+export * from './UpdateThemeDemo';
+export * from './useOnIntersecting';
+//# sourceMappingURL=index.d.ts.map

package/types/useOnIntersecting.d.ts

@@ -0,0 +1,10 @@
+import type { RefObject } from 'react';
+type DisposeFn = () => void;
+type IntersectCallback = (props: (IntersectionObserverEntry | null)[], didResize?: boolean) => DisposeFn | void | null;
+type HTMLRef = RefObject<HTMLElement | null>;
+export declare function useIsIntersecting<Ref extends HTMLRef | HTMLRef[]>(refs: Ref, { once, ...opts }?: IntersectionObserverInit & {
+    once?: boolean;
+}): Ref extends any[] ? boolean[] : boolean;
+export declare function useOnIntersecting<Ref extends HTMLRef | HTMLRef[]>(refsIn: Ref, incomingCbRaw: IntersectCallback, { threshold, root, rootMargin }?: IntersectionObserverInit, mountArgs?: any[]): void;
+export {};
+//# sourceMappingURL=useOnIntersecting.d.ts.map

package/dist/cjs/CheckboxUnstyledDemo.cjs

@@ -1,80 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var CheckboxUnstyledDemo_exports = {};
-__export(CheckboxUnstyledDemo_exports, {
-  Checkbox: () => Checkbox,
-  CheckboxUnstyledDemo: () => CheckboxUnstyledDemo
-});
-module.exports = __toCommonJS(CheckboxUnstyledDemo_exports);
-var import_checkbox = require("@tamagui/checkbox");
-var import_core = require("@tamagui/core");
-var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
-var import_tamagui = require("tamagui");
-var import_jsx_runtime = require("react/jsx-runtime");
-const Frame = (0, import_core.styled)(import_core.View, {
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  rounded: 5,
-  items: "center",
-  justify: "center",
-  variants: {
-    checked: {
-      indeterminate: {},
-      true: {
-        backgroundColor: "$color5"
-      },
-      false: {
-        backgroundColor: "$color3"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-const Indicator = (0, import_core.styled)(import_core.View, {});
-const Checkbox = (0, import_checkbox.createCheckbox)({
-  Frame,
-  Indicator
-});
-function CheckboxUnstyledDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox, {
-        defaultChecked: true,
-        id: "unstyled",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox.Indicator, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        htmlFor: "unstyled",
-        children: "Unstyled"
-      })]
-    })
-  });
-}

package/dist/cjs/CheckboxUnstyledDemo.native.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var CheckboxUnstyledDemo_exports = {};
-__export(CheckboxUnstyledDemo_exports, {
-  Checkbox: () => Checkbox,
-  CheckboxUnstyledDemo: () => CheckboxUnstyledDemo
-});
-module.exports = __toCommonJS(CheckboxUnstyledDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_checkbox = require("@tamagui/checkbox");
-var import_core = require("@tamagui/core");
-var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
-var import_tamagui = require("tamagui");
-var Frame = (0, import_core.styled)(import_core.View, {
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  rounded: 5,
-  items: "center",
-  justify: "center",
-  variants: {
-    checked: {
-      indeterminate: {},
-      true: {
-        backgroundColor: "$color5"
-      },
-      false: {
-        backgroundColor: "$color3"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-var Indicator = (0, import_core.styled)(import_core.View, {});
-var Checkbox = (0, import_checkbox.createCheckbox)({
-  Frame,
-  Indicator
-});
-function CheckboxUnstyledDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox, {
-        defaultChecked: true,
-        id: "unstyled",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox.Indicator, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        htmlFor: "unstyled",
-        children: "Unstyled"
-      })]
-    })
-  });
-}
-//# sourceMappingURL=CheckboxUnstyledDemo.native.js.map

package/dist/cjs/CheckboxUnstyledDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxUnstyledDemo_exports","__export","Checkbox","CheckboxUnstyledDemo","module","exports","import_jsx_runtime","require","import_checkbox","import_core","import_lucide_icons_2","import_tamagui","Frame","styled","View","borderWidth","borderColor","rounded","items","justify","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","createCheckbox","jsx","YStack","width","gap"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA+B,CAAAK,4BAAA;AAC/B,IAAAM,kBAA6B,GAAAC,OAAA;AAC7B,IAAAC,eAAA,GAAAD,OAAsB;AACtB,IAAAE,WAAA,GAAAF,OAAsC;AAmChC,IAAAG,qBAAA,GAAAH,OAAA;AAjCN,IAAAI,cAAc,GAAAJ,OAAA,UAAO;AAAM,IACzBK,KAAA,OAAaH,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACbC,WAAA,EAAa;EACbC,WAAS;EACTC,OAAO;EACPC,KAAA,UAAS;EACTC,OAAA,UAAU;EAAAC,QACR;IAASC,OACP;MACAC,aAAM;MAAAC,IACJ;QACFC,eAAA;MACA;MAAOC,KACL;QACFD,eAAA;MACF;IACF;EAEA;EAAiBE,eACN;IACXL,OAAA;EACD;AAED;AAEO,IAAAM,SAAM,OAAAlB,WAAW,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAe;AAAA,IACrCZ,QAAA,OAAAM,eAAA,CAAAoB,cAAA;EACAhB,KAAA;EACDe;AAEM;AACL,SACExB,qBAAA;EAEI,0BAAAG,kBAAA,CAACuB,GAAA,EAAAlB,cAAS,CAAAmB,MAAA,EAAc;IAKxBC,KAAA;IAAkCb,KAEtC;IAEJc,GAAA","ignoreList":[]}