@tamagui/demos 1.122.8 → 1.123.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ToggleGroupDemo.cjs +10 -3
- package/dist/cjs/ToggleGroupDemo.js +10 -3
- package/dist/cjs/ToggleGroupDemo.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.native.js +10 -4
- package/dist/cjs/ToggleGroupDemo.native.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.js +11 -4
- package/dist/esm/ToggleGroupDemo.js.map +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +11 -4
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +11 -4
- package/dist/esm/ToggleGroupDemo.native.js.map +2 -2
- package/package.json +23 -24
- package/src/ToggleGroupDemo.tsx +16 -7
- package/dist/jsx/AccordionDemo.js +0 -29
- package/dist/jsx/AccordionDemo.js.map +0 -6
- package/dist/jsx/AccordionDemo.mjs +0 -73
- package/dist/jsx/AccordionDemo.mjs.map +0 -1
- package/dist/jsx/AccordionDemo.native.js +0 -92
- package/dist/jsx/AccordionDemo.native.js.map +0 -6
- package/dist/jsx/AddThemeDemo.js +0 -35
- package/dist/jsx/AddThemeDemo.js.map +0 -6
- package/dist/jsx/AddThemeDemo.mjs +0 -36
- package/dist/jsx/AddThemeDemo.mjs.map +0 -1
- package/dist/jsx/AddThemeDemo.native.js +0 -45
- package/dist/jsx/AddThemeDemo.native.js.map +0 -6
- package/dist/jsx/AlertDialogDemo.js +0 -53
- package/dist/jsx/AlertDialogDemo.js.map +0 -6
- package/dist/jsx/AlertDialogDemo.mjs +0 -73
- package/dist/jsx/AlertDialogDemo.mjs.map +0 -1
- package/dist/jsx/AlertDialogDemo.native.js +0 -91
- package/dist/jsx/AlertDialogDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsDemo.js +0 -86
- package/dist/jsx/AnimationsDemo.js.map +0 -6
- package/dist/jsx/AnimationsDemo.mjs +0 -76
- package/dist/jsx/AnimationsDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsDemo.native.js +0 -88
- package/dist/jsx/AnimationsDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsEnterDemo.js +0 -35
- package/dist/jsx/AnimationsEnterDemo.js.map +0 -6
- package/dist/jsx/AnimationsEnterDemo.mjs +0 -40
- package/dist/jsx/AnimationsEnterDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsEnterDemo.native.js +0 -52
- package/dist/jsx/AnimationsEnterDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsHoverDemo.js +0 -27
- package/dist/jsx/AnimationsHoverDemo.js.map +0 -6
- package/dist/jsx/AnimationsHoverDemo.mjs +0 -24
- package/dist/jsx/AnimationsHoverDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsHoverDemo.native.js +0 -26
- package/dist/jsx/AnimationsHoverDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsPresenceDemo.js +0 -85
- package/dist/jsx/AnimationsPresenceDemo.js.map +0 -6
- package/dist/jsx/AnimationsPresenceDemo.mjs +0 -89
- package/dist/jsx/AnimationsPresenceDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsPresenceDemo.native.js +0 -110
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsTimingDemo.js +0 -26
- package/dist/jsx/AnimationsTimingDemo.js.map +0 -6
- package/dist/jsx/AnimationsTimingDemo.mjs +0 -23
- package/dist/jsx/AnimationsTimingDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsTimingDemo.native.js +0 -25
- package/dist/jsx/AnimationsTimingDemo.native.js.map +0 -6
- package/dist/jsx/AvatarDemo.js +0 -30
- package/dist/jsx/AvatarDemo.js.map +0 -6
- package/dist/jsx/AvatarDemo.mjs +0 -30
- package/dist/jsx/AvatarDemo.mjs.map +0 -1
- package/dist/jsx/AvatarDemo.native.js +0 -42
- package/dist/jsx/AvatarDemo.native.js.map +0 -6
- package/dist/jsx/BuildAButtonDemo.js +0 -43
- package/dist/jsx/BuildAButtonDemo.js.map +0 -6
- package/dist/jsx/BuildAButtonDemo.mjs +0 -102
- package/dist/jsx/BuildAButtonDemo.mjs.map +0 -1
- package/dist/jsx/BuildAButtonDemo.native.js +0 -123
- package/dist/jsx/BuildAButtonDemo.native.js.map +0 -6
- package/dist/jsx/ButtonDemo.js +0 -25
- package/dist/jsx/ButtonDemo.js.map +0 -6
- package/dist/jsx/ButtonDemo.mjs +0 -60
- package/dist/jsx/ButtonDemo.mjs.map +0 -1
- package/dist/jsx/ButtonDemo.native.js +0 -77
- package/dist/jsx/ButtonDemo.native.js.map +0 -6
- package/dist/jsx/CardDemo.js +0 -48
- package/dist/jsx/CardDemo.js.map +0 -6
- package/dist/jsx/CardDemo.mjs +0 -65
- package/dist/jsx/CardDemo.mjs.map +0 -1
- package/dist/jsx/CardDemo.native.js +0 -81
- package/dist/jsx/CardDemo.native.js.map +0 -6
- package/dist/jsx/CheckboxDemo.js +0 -26
- package/dist/jsx/CheckboxDemo.js.map +0 -6
- package/dist/jsx/CheckboxDemo.mjs +0 -46
- package/dist/jsx/CheckboxDemo.mjs.map +0 -1
- package/dist/jsx/CheckboxDemo.native.js +0 -52
- package/dist/jsx/CheckboxDemo.native.js.map +0 -6
- package/dist/jsx/CheckboxHeadlessDemo.js +0 -43
- package/dist/jsx/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/jsx/CheckboxHeadlessDemo.mjs +0 -53
- package/dist/jsx/CheckboxHeadlessDemo.mjs.map +0 -1
- package/dist/jsx/CheckboxHeadlessDemo.native.js +0 -60
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +0 -6
- package/dist/jsx/CheckboxUnstyledDemo.js +0 -40
- package/dist/jsx/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/jsx/CheckboxUnstyledDemo.mjs +0 -54
- package/dist/jsx/CheckboxUnstyledDemo.mjs.map +0 -1
- package/dist/jsx/CheckboxUnstyledDemo.native.js +0 -58
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +0 -6
- package/dist/jsx/ColorsDemo.js +0 -89
- package/dist/jsx/ColorsDemo.js.map +0 -6
- package/dist/jsx/ColorsDemo.mjs +0 -98
- package/dist/jsx/ColorsDemo.mjs.map +0 -1
- package/dist/jsx/ColorsDemo.native.js +0 -136
- package/dist/jsx/ColorsDemo.native.js.map +0 -6
- package/dist/jsx/DialogDemo.js +0 -98
- package/dist/jsx/DialogDemo.js.map +0 -6
- package/dist/jsx/DialogDemo.mjs +0 -132
- package/dist/jsx/DialogDemo.mjs.map +0 -1
- package/dist/jsx/DialogDemo.native.js +0 -166
- package/dist/jsx/DialogDemo.native.js.map +0 -6
- package/dist/jsx/FormsDemo.js +0 -35
- package/dist/jsx/FormsDemo.js.map +0 -6
- package/dist/jsx/FormsDemo.mjs +0 -36
- package/dist/jsx/FormsDemo.mjs.map +0 -1
- package/dist/jsx/FormsDemo.native.js +0 -49
- package/dist/jsx/FormsDemo.native.js.map +0 -6
- package/dist/jsx/Grid.js +0 -37
- package/dist/jsx/Grid.js.map +0 -6
- package/dist/jsx/Grid.mjs +0 -37
- package/dist/jsx/Grid.mjs.map +0 -1
- package/dist/jsx/Grid.native.js +0 -40
- package/dist/jsx/Grid.native.js.map +0 -6
- package/dist/jsx/GroupDemo.js +0 -25
- package/dist/jsx/GroupDemo.js.map +0 -6
- package/dist/jsx/GroupDemo.mjs +0 -62
- package/dist/jsx/GroupDemo.mjs.map +0 -1
- package/dist/jsx/GroupDemo.native.js +0 -81
- package/dist/jsx/GroupDemo.native.js.map +0 -6
- package/dist/jsx/HeadingsDemo.js +0 -16
- package/dist/jsx/HeadingsDemo.js.map +0 -6
- package/dist/jsx/HeadingsDemo.mjs +0 -22
- package/dist/jsx/HeadingsDemo.mjs.map +0 -1
- package/dist/jsx/HeadingsDemo.native.js +0 -32
- package/dist/jsx/HeadingsDemo.native.js.map +0 -6
- package/dist/jsx/ImageDemo.js +0 -18
- package/dist/jsx/ImageDemo.js.map +0 -6
- package/dist/jsx/ImageDemo.mjs +0 -13
- package/dist/jsx/ImageDemo.mjs.map +0 -1
- package/dist/jsx/ImageDemo.native.js +0 -15
- package/dist/jsx/ImageDemo.native.js.map +0 -6
- package/dist/jsx/InputsDemo.js +0 -31
- package/dist/jsx/InputsDemo.js.map +0 -6
- package/dist/jsx/InputsDemo.mjs +0 -37
- package/dist/jsx/InputsDemo.mjs.map +0 -1
- package/dist/jsx/InputsDemo.native.js +0 -47
- package/dist/jsx/InputsDemo.native.js.map +0 -6
- package/dist/jsx/LabelDemo.js +0 -18
- package/dist/jsx/LabelDemo.js.map +0 -6
- package/dist/jsx/LabelDemo.mjs +0 -37
- package/dist/jsx/LabelDemo.mjs.map +0 -1
- package/dist/jsx/LabelDemo.native.js +0 -48
- package/dist/jsx/LabelDemo.native.js.map +0 -6
- package/dist/jsx/LinearGradientDemo.js +0 -33
- package/dist/jsx/LinearGradientDemo.js.map +0 -6
- package/dist/jsx/LinearGradientDemo.mjs +0 -25
- package/dist/jsx/LinearGradientDemo.mjs.map +0 -1
- package/dist/jsx/LinearGradientDemo.native.js +0 -50
- package/dist/jsx/LinearGradientDemo.native.js.map +0 -6
- package/dist/jsx/ListItemDemo.js +0 -47
- package/dist/jsx/ListItemDemo.js.map +0 -6
- package/dist/jsx/ListItemDemo.mjs +0 -77
- package/dist/jsx/ListItemDemo.mjs.map +0 -1
- package/dist/jsx/ListItemDemo.native.js +0 -90
- package/dist/jsx/ListItemDemo.native.js.map +0 -6
- package/dist/jsx/LucideIconsDemo.js +0 -53
- package/dist/jsx/LucideIconsDemo.js.map +0 -6
- package/dist/jsx/LucideIconsDemo.mjs +0 -59
- package/dist/jsx/LucideIconsDemo.mjs.map +0 -1
- package/dist/jsx/LucideIconsDemo.native.js +0 -74
- package/dist/jsx/LucideIconsDemo.native.js.map +0 -6
- package/dist/jsx/NewInputsDemo.js +0 -31
- package/dist/jsx/NewInputsDemo.js.map +0 -6
- package/dist/jsx/NewInputsDemo.mjs +0 -37
- package/dist/jsx/NewInputsDemo.mjs.map +0 -1
- package/dist/jsx/NewInputsDemo.native.js +0 -47
- package/dist/jsx/NewInputsDemo.native.js.map +0 -6
- package/dist/jsx/PopoverDemo.js +0 -113
- package/dist/jsx/PopoverDemo.js.map +0 -6
- package/dist/jsx/PopoverDemo.mjs +0 -121
- package/dist/jsx/PopoverDemo.mjs.map +0 -1
- package/dist/jsx/PopoverDemo.native.js +0 -156
- package/dist/jsx/PopoverDemo.native.js.map +0 -6
- package/dist/jsx/ProgressDemo.js +0 -66
- package/dist/jsx/ProgressDemo.js.map +0 -6
- package/dist/jsx/ProgressDemo.mjs +0 -72
- package/dist/jsx/ProgressDemo.mjs.map +0 -1
- package/dist/jsx/ProgressDemo.native.js +0 -96
- package/dist/jsx/ProgressDemo.native.js.map +0 -6
- package/dist/jsx/RadioGroupDemo.js +0 -21
- package/dist/jsx/RadioGroupDemo.js.map +0 -6
- package/dist/jsx/RadioGroupDemo.mjs +0 -47
- package/dist/jsx/RadioGroupDemo.mjs.map +0 -1
- package/dist/jsx/RadioGroupDemo.native.js +0 -57
- package/dist/jsx/RadioGroupDemo.native.js.map +0 -6
- package/dist/jsx/RadioGroupHeadlessDemo.js +0 -102
- package/dist/jsx/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/jsx/RadioGroupHeadlessDemo.mjs +0 -134
- package/dist/jsx/RadioGroupHeadlessDemo.mjs.map +0 -1
- package/dist/jsx/RadioGroupHeadlessDemo.native.js +0 -124
- package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +0 -6
- package/dist/jsx/RadioGroupUnstyledDemo.js +0 -93
- package/dist/jsx/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/jsx/RadioGroupUnstyledDemo.mjs +0 -119
- package/dist/jsx/RadioGroupUnstyledDemo.mjs.map +0 -1
- package/dist/jsx/RadioGroupUnstyledDemo.native.js +0 -121
- package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +0 -6
- package/dist/jsx/ReplaceThemeDemo.js +0 -45
- package/dist/jsx/ReplaceThemeDemo.js.map +0 -6
- package/dist/jsx/ReplaceThemeDemo.mjs +0 -44
- package/dist/jsx/ReplaceThemeDemo.mjs.map +0 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +0 -48
- package/dist/jsx/ReplaceThemeDemo.native.js.map +0 -6
- package/dist/jsx/ScrollViewDemo.js +0 -28
- package/dist/jsx/ScrollViewDemo.js.map +0 -6
- package/dist/jsx/ScrollViewDemo.mjs +0 -51
- package/dist/jsx/ScrollViewDemo.mjs.map +0 -1
- package/dist/jsx/ScrollViewDemo.native.js +0 -62
- package/dist/jsx/ScrollViewDemo.native.js.map +0 -6
- package/dist/jsx/SelectDemo.js +0 -170
- package/dist/jsx/SelectDemo.js.map +0 -6
- package/dist/jsx/SelectDemo.mjs +0 -193
- package/dist/jsx/SelectDemo.mjs.map +0 -1
- package/dist/jsx/SelectDemo.native.js +0 -285
- package/dist/jsx/SelectDemo.native.js.map +0 -6
- package/dist/jsx/SeparatorDemo.js +0 -20
- package/dist/jsx/SeparatorDemo.js.map +0 -6
- package/dist/jsx/SeparatorDemo.mjs +0 -37
- package/dist/jsx/SeparatorDemo.mjs.map +0 -1
- package/dist/jsx/SeparatorDemo.native.js +0 -51
- package/dist/jsx/SeparatorDemo.native.js.map +0 -6
- package/dist/jsx/ShapesDemo.js +0 -12
- package/dist/jsx/ShapesDemo.js.map +0 -6
- package/dist/jsx/ShapesDemo.mjs +0 -19
- package/dist/jsx/ShapesDemo.mjs.map +0 -1
- package/dist/jsx/ShapesDemo.native.js +0 -24
- package/dist/jsx/ShapesDemo.native.js.map +0 -6
- package/dist/jsx/SheetDemo.js +0 -102
- package/dist/jsx/SheetDemo.js.map +0 -6
- package/dist/jsx/SheetDemo.mjs +0 -157
- package/dist/jsx/SheetDemo.mjs.map +0 -1
- package/dist/jsx/SheetDemo.native.js +0 -226
- package/dist/jsx/SheetDemo.native.js.map +0 -6
- package/dist/jsx/SliderDemo.js +0 -19
- package/dist/jsx/SliderDemo.js.map +0 -6
- package/dist/jsx/SliderDemo.mjs +0 -35
- package/dist/jsx/SliderDemo.mjs.map +0 -1
- package/dist/jsx/SliderDemo.native.js +0 -44
- package/dist/jsx/SliderDemo.native.js.map +0 -6
- package/dist/jsx/SpinnerDemo.js +0 -12
- package/dist/jsx/SpinnerDemo.js.map +0 -6
- package/dist/jsx/SpinnerDemo.mjs +0 -18
- package/dist/jsx/SpinnerDemo.mjs.map +0 -1
- package/dist/jsx/SpinnerDemo.native.js +0 -23
- package/dist/jsx/SpinnerDemo.native.js.map +0 -6
- package/dist/jsx/StacksDemo.js +0 -78
- package/dist/jsx/StacksDemo.js.map +0 -6
- package/dist/jsx/StacksDemo.mjs +0 -81
- package/dist/jsx/StacksDemo.mjs.map +0 -1
- package/dist/jsx/StacksDemo.native.js +0 -100
- package/dist/jsx/StacksDemo.native.js.map +0 -6
- package/dist/jsx/SwitchDemo.js +0 -41
- package/dist/jsx/SwitchDemo.js.map +0 -6
- package/dist/jsx/SwitchDemo.mjs +0 -71
- package/dist/jsx/SwitchDemo.mjs.map +0 -1
- package/dist/jsx/SwitchDemo.native.js +0 -91
- package/dist/jsx/SwitchDemo.native.js.map +0 -6
- package/dist/jsx/SwitchHeadlessDemo.js +0 -67
- package/dist/jsx/SwitchHeadlessDemo.js.map +0 -6
- package/dist/jsx/SwitchHeadlessDemo.mjs +0 -67
- package/dist/jsx/SwitchHeadlessDemo.mjs.map +0 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +0 -85
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +0 -6
- package/dist/jsx/SwitchUnstyledDemo.js +0 -51
- package/dist/jsx/SwitchUnstyledDemo.js.map +0 -6
- package/dist/jsx/SwitchUnstyledDemo.mjs +0 -65
- package/dist/jsx/SwitchUnstyledDemo.mjs.map +0 -1
- package/dist/jsx/SwitchUnstyledDemo.native.js +0 -69
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +0 -6
- package/dist/jsx/TabsAdvancedDemo.js +0 -270
- package/dist/jsx/TabsAdvancedDemo.js.map +0 -6
- package/dist/jsx/TabsAdvancedDemo.mjs +0 -306
- package/dist/jsx/TabsAdvancedDemo.mjs.map +0 -1
- package/dist/jsx/TabsAdvancedDemo.native.js +0 -351
- package/dist/jsx/TabsAdvancedDemo.native.js.map +0 -6
- package/dist/jsx/TabsDemo.js +0 -122
- package/dist/jsx/TabsDemo.js.map +0 -6
- package/dist/jsx/TabsDemo.mjs +0 -159
- package/dist/jsx/TabsDemo.mjs.map +0 -1
- package/dist/jsx/TabsDemo.native.js +0 -192
- package/dist/jsx/TabsDemo.native.js.map +0 -6
- package/dist/jsx/TextDemo.js +0 -16
- package/dist/jsx/TextDemo.js.map +0 -6
- package/dist/jsx/TextDemo.mjs +0 -29
- package/dist/jsx/TextDemo.mjs.map +0 -1
- package/dist/jsx/TextDemo.native.js +0 -39
- package/dist/jsx/TextDemo.native.js.map +0 -6
- package/dist/jsx/ThemeBuilderDemo.js +0 -134
- package/dist/jsx/ThemeBuilderDemo.js.map +0 -6
- package/dist/jsx/ThemeBuilderDemo.mjs +0 -155
- package/dist/jsx/ThemeBuilderDemo.mjs.map +0 -1
- package/dist/jsx/ThemeBuilderDemo.native.js +0 -188
- package/dist/jsx/ThemeBuilderDemo.native.js.map +0 -6
- package/dist/jsx/ThemeInverseDemo.js +0 -41
- package/dist/jsx/ThemeInverseDemo.js.map +0 -6
- package/dist/jsx/ThemeInverseDemo.mjs +0 -46
- package/dist/jsx/ThemeInverseDemo.mjs.map +0 -1
- package/dist/jsx/ThemeInverseDemo.native.js +0 -59
- package/dist/jsx/ThemeInverseDemo.native.js.map +0 -6
- package/dist/jsx/ToastDemo.js +0 -91
- package/dist/jsx/ToastDemo.js.map +0 -6
- package/dist/jsx/ToastDemo.mjs +0 -99
- package/dist/jsx/ToastDemo.mjs.map +0 -1
- package/dist/jsx/ToastDemo.native.js +0 -119
- package/dist/jsx/ToastDemo.native.js.map +0 -6
- package/dist/jsx/ToastDuplicateDemo.js +0 -44
- package/dist/jsx/ToastDuplicateDemo.js.map +0 -6
- package/dist/jsx/ToastDuplicateDemo.mjs +0 -49
- package/dist/jsx/ToastDuplicateDemo.mjs.map +0 -1
- package/dist/jsx/ToastDuplicateDemo.native.js +0 -71
- package/dist/jsx/ToastDuplicateDemo.native.js.map +0 -6
- package/dist/jsx/ToggleGroupDemo.js +0 -49
- package/dist/jsx/ToggleGroupDemo.js.map +0 -6
- package/dist/jsx/ToggleGroupDemo.mjs +0 -74
- package/dist/jsx/ToggleGroupDemo.mjs.map +0 -1
- package/dist/jsx/ToggleGroupDemo.native.js +0 -94
- package/dist/jsx/ToggleGroupDemo.native.js.map +0 -6
- package/dist/jsx/TokensDemo.js +0 -79
- package/dist/jsx/TokensDemo.js.map +0 -6
- package/dist/jsx/TokensDemo.mjs +0 -91
- package/dist/jsx/TokensDemo.mjs.map +0 -1
- package/dist/jsx/TokensDemo.native.js +0 -123
- package/dist/jsx/TokensDemo.native.js.map +0 -6
- package/dist/jsx/TooltipDemo.js +0 -60
- package/dist/jsx/TooltipDemo.js.map +0 -6
- package/dist/jsx/TooltipDemo.mjs +0 -102
- package/dist/jsx/TooltipDemo.mjs.map +0 -1
- package/dist/jsx/TooltipDemo.native.js +0 -127
- package/dist/jsx/TooltipDemo.native.js.map +0 -6
- package/dist/jsx/UpdateThemeDemo.js +0 -50
- package/dist/jsx/UpdateThemeDemo.js.map +0 -6
- package/dist/jsx/UpdateThemeDemo.mjs +0 -47
- package/dist/jsx/UpdateThemeDemo.mjs.map +0 -1
- package/dist/jsx/UpdateThemeDemo.native.js +0 -50
- package/dist/jsx/UpdateThemeDemo.native.js.map +0 -6
- package/dist/jsx/WebNativeImageDemo.js +0 -9
- package/dist/jsx/WebNativeImageDemo.js.map +0 -6
- package/dist/jsx/WebNativeImageDemo.mjs +0 -11
- package/dist/jsx/WebNativeImageDemo.mjs.map +0 -1
- package/dist/jsx/WebNativeImageDemo.native.js +0 -13
- package/dist/jsx/WebNativeImageDemo.native.js.map +0 -6
- package/dist/jsx/index.js +0 -58
- package/dist/jsx/index.js.map +0 -6
- package/dist/jsx/index.mjs +0 -58
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/index.native.js +0 -58
- package/dist/jsx/index.native.js.map +0 -6
- package/dist/jsx/tamagui.config.js +0 -10
- package/dist/jsx/tamagui.config.js.map +0 -6
- package/dist/jsx/tamagui.config.mjs +0 -7
- package/dist/jsx/tamagui.config.mjs.map +0 -1
- package/dist/jsx/tamagui.config.native.js +0 -9
- package/dist/jsx/tamagui.config.native.js.map +0 -6
- package/dist/jsx/useOnIntersecting.js +0 -48
- package/dist/jsx/useOnIntersecting.js.map +0 -6
- package/dist/jsx/useOnIntersecting.mjs +0 -42
- package/dist/jsx/useOnIntersecting.mjs.map +0 -1
- package/dist/jsx/useOnIntersecting.native.js +0 -71
- package/dist/jsx/useOnIntersecting.native.js.map +0 -6
- package/types/AccordionDemo.d.ts +0 -2
- package/types/AccordionDemo.d.ts.map +0 -1
- package/types/AddThemeDemo.d.ts +0 -2
- package/types/AddThemeDemo.d.ts.map +0 -1
- package/types/AlertDialogDemo.d.ts +0 -2
- package/types/AlertDialogDemo.d.ts.map +0 -1
- package/types/AnimationsDemo.d.ts +0 -21
- package/types/AnimationsDemo.d.ts.map +0 -1
- package/types/AnimationsEnterDemo.d.ts +0 -2
- package/types/AnimationsEnterDemo.d.ts.map +0 -1
- package/types/AnimationsHoverDemo.d.ts +0 -2
- package/types/AnimationsHoverDemo.d.ts.map +0 -1
- package/types/AnimationsPresenceDemo.d.ts +0 -3
- package/types/AnimationsPresenceDemo.d.ts.map +0 -1
- package/types/AnimationsTimingDemo.d.ts +0 -2
- package/types/AnimationsTimingDemo.d.ts.map +0 -1
- package/types/AvatarDemo.d.ts +0 -2
- package/types/AvatarDemo.d.ts.map +0 -1
- package/types/BuildAButtonDemo.d.ts +0 -2
- package/types/BuildAButtonDemo.d.ts.map +0 -1
- package/types/ButtonDemo.d.ts +0 -2
- package/types/ButtonDemo.d.ts.map +0 -1
- package/types/CardDemo.d.ts +0 -4
- package/types/CardDemo.d.ts.map +0 -1
- package/types/CheckboxDemo.d.ts +0 -6
- package/types/CheckboxDemo.d.ts.map +0 -1
- package/types/CheckboxHeadlessDemo.d.ts +0 -2
- package/types/CheckboxHeadlessDemo.d.ts.map +0 -1
- package/types/CheckboxUnstyledDemo.d.ts +0 -213
- package/types/CheckboxUnstyledDemo.d.ts.map +0 -1
- package/types/ColorsDemo.d.ts +0 -2
- package/types/ColorsDemo.d.ts.map +0 -1
- package/types/DialogDemo.d.ts +0 -2
- package/types/DialogDemo.d.ts.map +0 -1
- package/types/FormsDemo.d.ts +0 -5
- package/types/FormsDemo.d.ts.map +0 -1
- package/types/Grid.d.ts +0 -8
- package/types/Grid.d.ts.map +0 -1
- package/types/GroupDemo.d.ts +0 -2
- package/types/GroupDemo.d.ts.map +0 -1
- package/types/HeadingsDemo.d.ts +0 -2
- package/types/HeadingsDemo.d.ts.map +0 -1
- package/types/ImageDemo.d.ts +0 -2
- package/types/ImageDemo.d.ts.map +0 -1
- package/types/InputsDemo.d.ts +0 -2
- package/types/InputsDemo.d.ts.map +0 -1
- package/types/LabelDemo.d.ts +0 -2
- package/types/LabelDemo.d.ts.map +0 -1
- package/types/LinearGradientDemo.d.ts +0 -2
- package/types/LinearGradientDemo.d.ts.map +0 -1
- package/types/ListItemDemo.d.ts +0 -2
- package/types/ListItemDemo.d.ts.map +0 -1
- package/types/LucideIconsDemo.d.ts +0 -2
- package/types/LucideIconsDemo.d.ts.map +0 -1
- package/types/NewInputsDemo.d.ts +0 -2
- package/types/NewInputsDemo.d.ts.map +0 -1
- package/types/PopoverDemo.d.ts +0 -8
- package/types/PopoverDemo.d.ts.map +0 -1
- package/types/ProgressDemo.d.ts +0 -2
- package/types/ProgressDemo.d.ts.map +0 -1
- package/types/RadioGroupDemo.d.ts +0 -8
- package/types/RadioGroupDemo.d.ts.map +0 -1
- package/types/RadioGroupHeadlessDemo.d.ts +0 -2
- package/types/RadioGroupHeadlessDemo.d.ts.map +0 -1
- package/types/RadioGroupUnstyledDemo.d.ts +0 -2
- package/types/RadioGroupUnstyledDemo.d.ts.map +0 -1
- package/types/ReplaceThemeDemo.d.ts +0 -2
- package/types/ReplaceThemeDemo.d.ts.map +0 -1
- package/types/ScrollViewDemo.d.ts +0 -2
- package/types/ScrollViewDemo.d.ts.map +0 -1
- package/types/SelectDemo.d.ts +0 -4
- package/types/SelectDemo.d.ts.map +0 -1
- package/types/SeparatorDemo.d.ts +0 -2
- package/types/SeparatorDemo.d.ts.map +0 -1
- package/types/ShapesDemo.d.ts +0 -2
- package/types/ShapesDemo.d.ts.map +0 -1
- package/types/SheetDemo.d.ts +0 -2
- package/types/SheetDemo.d.ts.map +0 -1
- package/types/SliderDemo.d.ts +0 -2
- package/types/SliderDemo.d.ts.map +0 -1
- package/types/SpinnerDemo.d.ts +0 -2
- package/types/SpinnerDemo.d.ts.map +0 -1
- package/types/StacksDemo.d.ts +0 -2
- package/types/StacksDemo.d.ts.map +0 -1
- package/types/SwitchDemo.d.ts +0 -7
- package/types/SwitchDemo.d.ts.map +0 -1
- package/types/SwitchHeadlessDemo.d.ts +0 -2
- package/types/SwitchHeadlessDemo.d.ts.map +0 -1
- package/types/SwitchUnstyledDemo.d.ts +0 -152
- package/types/SwitchUnstyledDemo.d.ts.map +0 -1
- package/types/TabsAdvancedDemo.d.ts +0 -2
- package/types/TabsAdvancedDemo.d.ts.map +0 -1
- package/types/TabsDemo.d.ts +0 -2
- package/types/TabsDemo.d.ts.map +0 -1
- package/types/TextDemo.d.ts +0 -2
- package/types/TextDemo.d.ts.map +0 -1
- package/types/ThemeBuilderDemo.d.ts +0 -2
- package/types/ThemeBuilderDemo.d.ts.map +0 -1
- package/types/ThemeInverseDemo.d.ts +0 -2
- package/types/ThemeInverseDemo.d.ts.map +0 -1
- package/types/ToastDemo.d.ts +0 -7
- package/types/ToastDemo.d.ts.map +0 -1
- package/types/ToastDuplicateDemo.d.ts +0 -5
- package/types/ToastDuplicateDemo.d.ts.map +0 -1
- package/types/ToggleGroupDemo.d.ts +0 -2
- package/types/ToggleGroupDemo.d.ts.map +0 -1
- package/types/TokensDemo.d.ts +0 -2
- package/types/TokensDemo.d.ts.map +0 -1
- package/types/TooltipDemo.d.ts +0 -2
- package/types/TooltipDemo.d.ts.map +0 -1
- package/types/UpdateThemeDemo.d.ts +0 -2
- package/types/UpdateThemeDemo.d.ts.map +0 -1
- package/types/WebNativeImageDemo.d.ts +0 -2
- package/types/WebNativeImageDemo.d.ts.map +0 -1
- package/types/index.d.ts +0 -58
- package/types/index.d.ts.map +0 -1
- package/types/tamagui.config.d.ts +0 -893
- package/types/tamagui.config.d.ts.map +0 -1
- package/types/useOnIntersecting.d.ts +0 -10
- package/types/useOnIntersecting.d.ts.map +0 -1
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, Input, TextArea, XStack, YStack } from "tamagui";
|
|
3
|
-
function NewInputsDemo() {
|
|
4
|
-
return /* @__PURE__ */ _jsxs(YStack, {
|
|
5
|
-
width: 200,
|
|
6
|
-
minHeight: 250,
|
|
7
|
-
overflow: "hidden",
|
|
8
|
-
space: "$2",
|
|
9
|
-
margin: "$3",
|
|
10
|
-
padding: "$2",
|
|
11
|
-
children: [
|
|
12
|
-
/* @__PURE__ */ _jsx(InputDemo, {
|
|
13
|
-
size: "$2"
|
|
14
|
-
}),
|
|
15
|
-
/* @__PURE__ */ _jsx(InputDemo, {
|
|
16
|
-
size: "$3"
|
|
17
|
-
}),
|
|
18
|
-
/* @__PURE__ */ _jsx(InputDemo, {
|
|
19
|
-
size: "$4"
|
|
20
|
-
}),
|
|
21
|
-
/* @__PURE__ */ _jsx(TextArea, {
|
|
22
|
-
placeholder: "Enter your details..."
|
|
23
|
-
})
|
|
24
|
-
]
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
function InputDemo(props) {
|
|
28
|
-
return /* @__PURE__ */ _jsxs(XStack, {
|
|
29
|
-
alignItems: "center",
|
|
30
|
-
space: "$2",
|
|
31
|
-
children: [
|
|
32
|
-
/* @__PURE__ */ _jsx(Input, {
|
|
33
|
-
flex: 1,
|
|
34
|
-
size: props.size,
|
|
35
|
-
placeholder: `Size ${props.size}...`
|
|
36
|
-
}),
|
|
37
|
-
/* @__PURE__ */ _jsx(Button, {
|
|
38
|
-
size: props.size,
|
|
39
|
-
children: "Go"
|
|
40
|
-
})
|
|
41
|
-
]
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
export {
|
|
45
|
-
NewInputsDemo
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=NewInputsDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/NewInputsDemo.tsx"],
|
|
4
|
-
"mappings": ";AACA,SAASA,QAAQC,OAAOC,UAAUC,QAAQC,cAAc;AAEjD,SAASC,gBAAAA;AACd,SACE,sBAACD,QAAAA;IACCE,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;;MAER,qBAACC,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACX,UAAAA;QAASY,aAAY;;;;AAG5B;AAEA,SAASF,UAAUG,OAA2B;AAC5C,SACE,sBAACZ,QAAAA;IAAOa,YAAW;IAASP,OAAM;;MAChC,qBAACR,OAAAA;QAAMgB,MAAM;QAAGJ,MAAME,MAAMF;QAAMC,aAAa,QAAQC,MAAMF,IAAI;;MACjE,qBAACb,QAAAA;QAAOa,MAAME,MAAMF;kBAAM;;;;AAGhC;",
|
|
5
|
-
"names": ["Button", "Input", "TextArea", "XStack", "YStack", "NewInputsDemo", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "placeholder", "props", "alignItems", "flex"]
|
|
6
|
-
}
|
package/dist/jsx/PopoverDemo.js
DELETED
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
function PopoverDemo() {
|
|
6
|
-
const [shouldAdapt, setShouldAdapt] = useState(!0);
|
|
7
|
-
return /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
|
|
8
|
-
/* @__PURE__ */ jsxs(XStack, { gap: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
|
|
9
|
-
/* @__PURE__ */ jsx(
|
|
10
|
-
Demo,
|
|
11
|
-
{
|
|
12
|
-
shouldAdapt,
|
|
13
|
-
placement: "left",
|
|
14
|
-
Icon: ChevronLeft,
|
|
15
|
-
Name: "left-popover"
|
|
16
|
-
}
|
|
17
|
-
),
|
|
18
|
-
/* @__PURE__ */ jsx(
|
|
19
|
-
Demo,
|
|
20
|
-
{
|
|
21
|
-
shouldAdapt,
|
|
22
|
-
placement: "bottom",
|
|
23
|
-
Icon: ChevronDown,
|
|
24
|
-
Name: "bottom-popover"
|
|
25
|
-
}
|
|
26
|
-
),
|
|
27
|
-
/* @__PURE__ */ jsx(
|
|
28
|
-
Demo,
|
|
29
|
-
{
|
|
30
|
-
shouldAdapt,
|
|
31
|
-
placement: "top",
|
|
32
|
-
Icon: ChevronUp,
|
|
33
|
-
Name: "top-popover"
|
|
34
|
-
}
|
|
35
|
-
),
|
|
36
|
-
/* @__PURE__ */ jsx(
|
|
37
|
-
Demo,
|
|
38
|
-
{
|
|
39
|
-
shouldAdapt,
|
|
40
|
-
placement: "right",
|
|
41
|
-
Icon: ChevronRight,
|
|
42
|
-
Name: "right-popover"
|
|
43
|
-
}
|
|
44
|
-
)
|
|
45
|
-
] }),
|
|
46
|
-
!isWeb && /* @__PURE__ */ jsxs(Button, { onPress: () => setShouldAdapt(!shouldAdapt), children: [
|
|
47
|
-
"Adapt to Sheet: ",
|
|
48
|
-
`${shouldAdapt}`
|
|
49
|
-
] })
|
|
50
|
-
] });
|
|
51
|
-
}
|
|
52
|
-
function Demo({
|
|
53
|
-
Icon,
|
|
54
|
-
Name,
|
|
55
|
-
shouldAdapt,
|
|
56
|
-
...props
|
|
57
|
-
}) {
|
|
58
|
-
return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: !0, ...props, children: [
|
|
59
|
-
/* @__PURE__ */ jsx(Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),
|
|
60
|
-
shouldAdapt && /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
61
|
-
/* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
|
|
62
|
-
/* @__PURE__ */ jsx(
|
|
63
|
-
Popover.Sheet.Overlay,
|
|
64
|
-
{
|
|
65
|
-
animation: "lazy",
|
|
66
|
-
enterStyle: { opacity: 0 },
|
|
67
|
-
exitStyle: { opacity: 0 }
|
|
68
|
-
}
|
|
69
|
-
)
|
|
70
|
-
] }) }),
|
|
71
|
-
/* @__PURE__ */ jsxs(
|
|
72
|
-
Popover.Content,
|
|
73
|
-
{
|
|
74
|
-
borderWidth: 1,
|
|
75
|
-
borderColor: "$borderColor",
|
|
76
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
77
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
78
|
-
elevate: !0,
|
|
79
|
-
animation: [
|
|
80
|
-
"quick",
|
|
81
|
-
{
|
|
82
|
-
opacity: {
|
|
83
|
-
overshootClamping: !0
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
],
|
|
87
|
-
children: [
|
|
88
|
-
/* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
89
|
-
/* @__PURE__ */ jsxs(YStack, { gap: "$3", children: [
|
|
90
|
-
/* @__PURE__ */ jsxs(XStack, { gap: "$3", children: [
|
|
91
|
-
/* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
|
|
92
|
-
/* @__PURE__ */ jsx(Input, { f: 1, size: "$3", id: Name })
|
|
93
|
-
] }),
|
|
94
|
-
/* @__PURE__ */ jsx(Popover.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
|
|
95
|
-
Button,
|
|
96
|
-
{
|
|
97
|
-
size: "$3",
|
|
98
|
-
onPress: () => {
|
|
99
|
-
},
|
|
100
|
-
children: "Submit"
|
|
101
|
-
}
|
|
102
|
-
) })
|
|
103
|
-
] })
|
|
104
|
-
]
|
|
105
|
-
}
|
|
106
|
-
)
|
|
107
|
-
] });
|
|
108
|
-
}
|
|
109
|
-
export {
|
|
110
|
-
Demo,
|
|
111
|
-
PopoverDemo
|
|
112
|
-
};
|
|
113
|
-
//# sourceMappingURL=PopoverDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE,SAAS,gBAAgB;AAEzB,SAAS,OAAO,QAAQ,OAAO,OAAO,OAAO,SAAS,QAAQ,cAAc;AAOtE,SACE,KADF;AALC,SAAS,cAAc;AAC5B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAI;AAEnD,SACE,qBAAC,UAAO,KAAI,MACV;AAAA,yBAAC,UAAO,KAAI,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC3D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,OACF;AAAA,IAEC,CAAC,SACA,qBAAC,UAAO,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA;AAAA,MAClC,GAAG,WAAW;AAAA,OACjC;AAAA,KAEJ;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwE;AACtE,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,QAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAGF;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,KAAI,MACV;AAAA,iCAAC,UAAO,KAAI,MACV;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,GAAG,GAAG,MAAK,MAAK,IAAI,MAAM;AAAA,eACnC;AAAA,YAEA,oBAAC,QAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/PopoverDemo.mjs
DELETED
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
function PopoverDemo() {
|
|
6
|
-
const [shouldAdapt, setShouldAdapt] = useState(!0);
|
|
7
|
-
return /* @__PURE__ */jsxs(YStack, {
|
|
8
|
-
gap: "$4",
|
|
9
|
-
children: [/* @__PURE__ */jsxs(XStack, {
|
|
10
|
-
gap: "$2",
|
|
11
|
-
flex: 1,
|
|
12
|
-
justifyContent: "center",
|
|
13
|
-
alignItems: "center",
|
|
14
|
-
children: [/* @__PURE__ */jsx(Demo, {
|
|
15
|
-
shouldAdapt,
|
|
16
|
-
placement: "left",
|
|
17
|
-
Icon: ChevronLeft,
|
|
18
|
-
Name: "left-popover"
|
|
19
|
-
}), /* @__PURE__ */jsx(Demo, {
|
|
20
|
-
shouldAdapt,
|
|
21
|
-
placement: "bottom",
|
|
22
|
-
Icon: ChevronDown,
|
|
23
|
-
Name: "bottom-popover"
|
|
24
|
-
}), /* @__PURE__ */jsx(Demo, {
|
|
25
|
-
shouldAdapt,
|
|
26
|
-
placement: "top",
|
|
27
|
-
Icon: ChevronUp,
|
|
28
|
-
Name: "top-popover"
|
|
29
|
-
}), /* @__PURE__ */jsx(Demo, {
|
|
30
|
-
shouldAdapt,
|
|
31
|
-
placement: "right",
|
|
32
|
-
Icon: ChevronRight,
|
|
33
|
-
Name: "right-popover"
|
|
34
|
-
})]
|
|
35
|
-
}), !isWeb && /* @__PURE__ */jsxs(Button, {
|
|
36
|
-
onPress: () => setShouldAdapt(!shouldAdapt),
|
|
37
|
-
children: ["Adapt to Sheet: ", `${shouldAdapt}`]
|
|
38
|
-
})]
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
function Demo({
|
|
42
|
-
Icon,
|
|
43
|
-
Name,
|
|
44
|
-
shouldAdapt,
|
|
45
|
-
...props
|
|
46
|
-
}) {
|
|
47
|
-
return /* @__PURE__ */jsxs(Popover, {
|
|
48
|
-
size: "$5",
|
|
49
|
-
allowFlip: !0,
|
|
50
|
-
...props,
|
|
51
|
-
children: [/* @__PURE__ */jsx(Popover.Trigger, {
|
|
52
|
-
asChild: !0,
|
|
53
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
54
|
-
icon: Icon
|
|
55
|
-
})
|
|
56
|
-
}), shouldAdapt && /* @__PURE__ */jsx(Adapt, {
|
|
57
|
-
when: "sm",
|
|
58
|
-
platform: "touch",
|
|
59
|
-
children: /* @__PURE__ */jsxs(Popover.Sheet, {
|
|
60
|
-
modal: !0,
|
|
61
|
-
dismissOnSnapToBottom: !0,
|
|
62
|
-
children: [/* @__PURE__ */jsx(Popover.Sheet.Frame, {
|
|
63
|
-
padding: "$4",
|
|
64
|
-
children: /* @__PURE__ */jsx(Adapt.Contents, {})
|
|
65
|
-
}), /* @__PURE__ */jsx(Popover.Sheet.Overlay, {
|
|
66
|
-
animation: "lazy",
|
|
67
|
-
enterStyle: {
|
|
68
|
-
opacity: 0
|
|
69
|
-
},
|
|
70
|
-
exitStyle: {
|
|
71
|
-
opacity: 0
|
|
72
|
-
}
|
|
73
|
-
})]
|
|
74
|
-
})
|
|
75
|
-
}), /* @__PURE__ */jsxs(Popover.Content, {
|
|
76
|
-
borderWidth: 1,
|
|
77
|
-
borderColor: "$borderColor",
|
|
78
|
-
enterStyle: {
|
|
79
|
-
y: -10,
|
|
80
|
-
opacity: 0
|
|
81
|
-
},
|
|
82
|
-
exitStyle: {
|
|
83
|
-
y: -10,
|
|
84
|
-
opacity: 0
|
|
85
|
-
},
|
|
86
|
-
elevate: !0,
|
|
87
|
-
animation: ["quick", {
|
|
88
|
-
opacity: {
|
|
89
|
-
overshootClamping: !0
|
|
90
|
-
}
|
|
91
|
-
}],
|
|
92
|
-
children: [/* @__PURE__ */jsx(Popover.Arrow, {
|
|
93
|
-
borderWidth: 1,
|
|
94
|
-
borderColor: "$borderColor"
|
|
95
|
-
}), /* @__PURE__ */jsxs(YStack, {
|
|
96
|
-
gap: "$3",
|
|
97
|
-
children: [/* @__PURE__ */jsxs(XStack, {
|
|
98
|
-
gap: "$3",
|
|
99
|
-
children: [/* @__PURE__ */jsx(Label, {
|
|
100
|
-
size: "$3",
|
|
101
|
-
htmlFor: Name,
|
|
102
|
-
children: "Name"
|
|
103
|
-
}), /* @__PURE__ */jsx(Input, {
|
|
104
|
-
f: 1,
|
|
105
|
-
size: "$3",
|
|
106
|
-
id: Name
|
|
107
|
-
})]
|
|
108
|
-
}), /* @__PURE__ */jsx(Popover.Close, {
|
|
109
|
-
asChild: !0,
|
|
110
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
111
|
-
size: "$3",
|
|
112
|
-
onPress: () => {},
|
|
113
|
-
children: "Submit"
|
|
114
|
-
})
|
|
115
|
-
})]
|
|
116
|
-
})]
|
|
117
|
-
})]
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
export { Demo, PopoverDemo };
|
|
121
|
-
//# sourceMappingURL=PopoverDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justifyContent","alignItems","Demo","placement","Icon","Name","onPress","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","y","elevate","overshootClamping","Arrow","htmlFor","f","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,156 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
3
|
-
import { useState } from "react";
|
|
4
|
-
import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
|
|
5
|
-
function PopoverDemo() {
|
|
6
|
-
var [shouldAdapt, setShouldAdapt] = useState(!0);
|
|
7
|
-
return /* @__PURE__ */ _jsxs(YStack, {
|
|
8
|
-
gap: "$4",
|
|
9
|
-
children: [
|
|
10
|
-
/* @__PURE__ */ _jsxs(XStack, {
|
|
11
|
-
gap: "$2",
|
|
12
|
-
flex: 1,
|
|
13
|
-
justifyContent: "center",
|
|
14
|
-
alignItems: "center",
|
|
15
|
-
children: [
|
|
16
|
-
/* @__PURE__ */ _jsx(Demo, {
|
|
17
|
-
shouldAdapt,
|
|
18
|
-
placement: "left",
|
|
19
|
-
Icon: ChevronLeft,
|
|
20
|
-
Name: "left-popover"
|
|
21
|
-
}),
|
|
22
|
-
/* @__PURE__ */ _jsx(Demo, {
|
|
23
|
-
shouldAdapt,
|
|
24
|
-
placement: "bottom",
|
|
25
|
-
Icon: ChevronDown,
|
|
26
|
-
Name: "bottom-popover"
|
|
27
|
-
}),
|
|
28
|
-
/* @__PURE__ */ _jsx(Demo, {
|
|
29
|
-
shouldAdapt,
|
|
30
|
-
placement: "top",
|
|
31
|
-
Icon: ChevronUp,
|
|
32
|
-
Name: "top-popover"
|
|
33
|
-
}),
|
|
34
|
-
/* @__PURE__ */ _jsx(Demo, {
|
|
35
|
-
shouldAdapt,
|
|
36
|
-
placement: "right",
|
|
37
|
-
Icon: ChevronRight,
|
|
38
|
-
Name: "right-popover"
|
|
39
|
-
})
|
|
40
|
-
]
|
|
41
|
-
}),
|
|
42
|
-
!isWeb && /* @__PURE__ */ _jsxs(Button, {
|
|
43
|
-
onPress: function() {
|
|
44
|
-
return setShouldAdapt(!shouldAdapt);
|
|
45
|
-
},
|
|
46
|
-
children: [
|
|
47
|
-
"Adapt to Sheet: ",
|
|
48
|
-
`${shouldAdapt}`
|
|
49
|
-
]
|
|
50
|
-
})
|
|
51
|
-
]
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
function Demo(param) {
|
|
55
|
-
var { Icon, Name, shouldAdapt, ...props } = param;
|
|
56
|
-
return /* @__PURE__ */ _jsxs(Popover, {
|
|
57
|
-
size: "$5",
|
|
58
|
-
allowFlip: !0,
|
|
59
|
-
...props,
|
|
60
|
-
children: [
|
|
61
|
-
/* @__PURE__ */ _jsx(Popover.Trigger, {
|
|
62
|
-
asChild: !0,
|
|
63
|
-
children: /* @__PURE__ */ _jsx(Button, {
|
|
64
|
-
icon: Icon
|
|
65
|
-
})
|
|
66
|
-
}),
|
|
67
|
-
shouldAdapt && /* @__PURE__ */ _jsx(Adapt, {
|
|
68
|
-
when: "sm",
|
|
69
|
-
platform: "touch",
|
|
70
|
-
children: /* @__PURE__ */ _jsxs(Popover.Sheet, {
|
|
71
|
-
modal: !0,
|
|
72
|
-
dismissOnSnapToBottom: !0,
|
|
73
|
-
children: [
|
|
74
|
-
/* @__PURE__ */ _jsx(Popover.Sheet.Frame, {
|
|
75
|
-
padding: "$4",
|
|
76
|
-
children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
|
|
77
|
-
}),
|
|
78
|
-
/* @__PURE__ */ _jsx(Popover.Sheet.Overlay, {
|
|
79
|
-
animation: "lazy",
|
|
80
|
-
enterStyle: {
|
|
81
|
-
opacity: 0
|
|
82
|
-
},
|
|
83
|
-
exitStyle: {
|
|
84
|
-
opacity: 0
|
|
85
|
-
}
|
|
86
|
-
})
|
|
87
|
-
]
|
|
88
|
-
})
|
|
89
|
-
}),
|
|
90
|
-
/* @__PURE__ */ _jsxs(Popover.Content, {
|
|
91
|
-
borderWidth: 1,
|
|
92
|
-
borderColor: "$borderColor",
|
|
93
|
-
enterStyle: {
|
|
94
|
-
y: -10,
|
|
95
|
-
opacity: 0
|
|
96
|
-
},
|
|
97
|
-
exitStyle: {
|
|
98
|
-
y: -10,
|
|
99
|
-
opacity: 0
|
|
100
|
-
},
|
|
101
|
-
elevate: !0,
|
|
102
|
-
animation: [
|
|
103
|
-
"quick",
|
|
104
|
-
{
|
|
105
|
-
opacity: {
|
|
106
|
-
overshootClamping: !0
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
],
|
|
110
|
-
children: [
|
|
111
|
-
/* @__PURE__ */ _jsx(Popover.Arrow, {
|
|
112
|
-
borderWidth: 1,
|
|
113
|
-
borderColor: "$borderColor"
|
|
114
|
-
}),
|
|
115
|
-
/* @__PURE__ */ _jsxs(YStack, {
|
|
116
|
-
gap: "$3",
|
|
117
|
-
children: [
|
|
118
|
-
/* @__PURE__ */ _jsxs(XStack, {
|
|
119
|
-
gap: "$3",
|
|
120
|
-
children: [
|
|
121
|
-
/* @__PURE__ */ _jsx(Label, {
|
|
122
|
-
size: "$3",
|
|
123
|
-
htmlFor: Name,
|
|
124
|
-
children: "Name"
|
|
125
|
-
}),
|
|
126
|
-
/* @__PURE__ */ _jsx(Input, {
|
|
127
|
-
f: 1,
|
|
128
|
-
size: "$3",
|
|
129
|
-
id: Name
|
|
130
|
-
})
|
|
131
|
-
]
|
|
132
|
-
}),
|
|
133
|
-
/* @__PURE__ */ _jsx(Popover.Close, {
|
|
134
|
-
asChild: !0,
|
|
135
|
-
children: /* @__PURE__ */ _jsx(Button, {
|
|
136
|
-
size: "$3",
|
|
137
|
-
onPress: function() {
|
|
138
|
-
},
|
|
139
|
-
children: (
|
|
140
|
-
/* Custom code goes here, does not interfere with popover closure */
|
|
141
|
-
"Submit"
|
|
142
|
-
)
|
|
143
|
-
})
|
|
144
|
-
})
|
|
145
|
-
]
|
|
146
|
-
})
|
|
147
|
-
]
|
|
148
|
-
})
|
|
149
|
-
]
|
|
150
|
-
});
|
|
151
|
-
}
|
|
152
|
-
export {
|
|
153
|
-
Demo,
|
|
154
|
-
PopoverDemo
|
|
155
|
-
};
|
|
156
|
-
//# sourceMappingURL=PopoverDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAClE,SAASC,gBAAgB;AAEzB,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;AAErE,SAASC,cAAAA;AACd,MAAM,CAACC,aAAaC,cAAAA,IAAkBX,SAAS,EAAA;AAE/C,SACE,sBAACQ,QAAAA;IAAOI,KAAI;;MACV,sBAACL,QAAAA;QAAOK,KAAI;QAAKC,MAAM;QAAGC,gBAAe;QAASC,YAAW;;UAC3D,qBAACC,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMrB;YACNsB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMtB;YACNuB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMnB;YACNoB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMpB;YACNqB,MAAK;;;;MAIR,CAACf,SACA,sBAACF,QAAAA;QAAOkB,SAAS,WAAA;iBAAMT,eAAe,CAACD,WAAAA;;;UAAc;UAClC,GAAGA,WAAAA;;;;;AAK9B;AAEO,SAASM,KAAK,OAKiD;MALjD,EACnBE,MACAC,MACAT,aACA,GAAGW,MAAAA,IAJgB;AAMnB,SACE,sBAACf,SAAAA;IAAQgB,MAAK;IAAKC,WAAS;IAAE,GAAGF;;MAC/B,qBAACf,QAAQkB,SAAO;QAACC,SAAO;kBACtB,qBAACvB,QAAAA;UAAOwB,MAAMR;;;MAGfR,eACC,qBAACT,OAAAA;QAAM0B,MAAK;QAAKC,UAAS;kBACxB,sBAACtB,QAAQuB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,qBAACzB,QAAQuB,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,qBAAChC,MAAMiC,UAAQ,CAAA,CAAA;;YAEjB,qBAAC5B,QAAQuB,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,sBAAChC,QAAQkC,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,qBAACvC,QAAQwC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAAClC,QAAAA;YAAOI,KAAI;;cACV,sBAACL,QAAAA;gBAAOK,KAAI;;kBACV,qBAACP,OAAAA;oBAAMiB,MAAK;oBAAKyB,SAAS5B;8BAAM;;kBAGhC,qBAAChB,OAAAA;oBAAM6C,GAAG;oBAAG1B,MAAK;oBAAK2B,IAAI9B;;;;cAG7B,qBAACb,QAAQ4C,OAAK;gBAACzB,SAAO;0BACpB,qBAACvB,QAAAA;kBACCoB,MAAK;kBACLF,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
|
|
5
|
-
"names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "useState", "Adapt", "Button", "Input", "isWeb", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "shouldAdapt", "setShouldAdapt", "gap", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "onPress", "props", "size", "allowFlip", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "htmlFor", "f", "id", "Close"]
|
|
6
|
-
}
|
package/dist/jsx/ProgressDemo.js
DELETED
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
|
|
3
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
function ProgressDemo() {
|
|
5
|
-
const [key, setKey] = React.useState(0), [size, setSize] = React.useState(4), [progress, setProgress] = React.useState(0), sizeProp = `$${size}`;
|
|
6
|
-
return React.useEffect(() => {
|
|
7
|
-
const timer = setTimeout(() => setProgress(60), 1e3);
|
|
8
|
-
return () => {
|
|
9
|
-
clearTimeout(timer);
|
|
10
|
-
};
|
|
11
|
-
}, []), /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
12
|
-
/* @__PURE__ */ jsxs(YStack, { height: 60, alignItems: "center", gap: "$4", children: [
|
|
13
|
-
/* @__PURE__ */ jsxs(Paragraph, { height: 30, opacity: 0.5, children: [
|
|
14
|
-
"Size: ",
|
|
15
|
-
size
|
|
16
|
-
] }),
|
|
17
|
-
/* @__PURE__ */ jsx(Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ jsx(Progress.Indicator, { animation: "bouncy" }) }, key)
|
|
18
|
-
] }),
|
|
19
|
-
/* @__PURE__ */ jsxs(
|
|
20
|
-
XStack,
|
|
21
|
-
{
|
|
22
|
-
alignItems: "center",
|
|
23
|
-
gap: "$2",
|
|
24
|
-
position: "absolute",
|
|
25
|
-
bottom: "$3",
|
|
26
|
-
left: "$4",
|
|
27
|
-
$xxs: { display: "none" },
|
|
28
|
-
children: [
|
|
29
|
-
/* @__PURE__ */ jsxs(
|
|
30
|
-
Slider,
|
|
31
|
-
{
|
|
32
|
-
size: "$2",
|
|
33
|
-
width: 130,
|
|
34
|
-
defaultValue: [4],
|
|
35
|
-
min: 2,
|
|
36
|
-
max: 6,
|
|
37
|
-
step: 1,
|
|
38
|
-
onValueChange: ([val]) => {
|
|
39
|
-
setSize(val);
|
|
40
|
-
},
|
|
41
|
-
children: [
|
|
42
|
-
/* @__PURE__ */ jsx(Slider.Track, { borderWidth: 1, borderColor: "$color5", children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
|
|
43
|
-
/* @__PURE__ */ jsx(Slider.Thumb, { circular: !0, index: 0 })
|
|
44
|
-
]
|
|
45
|
-
}
|
|
46
|
-
),
|
|
47
|
-
/* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" }),
|
|
48
|
-
/* @__PURE__ */ jsx(
|
|
49
|
-
Button,
|
|
50
|
-
{
|
|
51
|
-
size: "$2",
|
|
52
|
-
onPress: () => {
|
|
53
|
-
setKey(Math.random()), setProgress(0);
|
|
54
|
-
},
|
|
55
|
-
children: "Reset"
|
|
56
|
-
}
|
|
57
|
-
)
|
|
58
|
-
]
|
|
59
|
-
}
|
|
60
|
-
)
|
|
61
|
-
] });
|
|
62
|
-
}
|
|
63
|
-
export {
|
|
64
|
-
ProgressDemo
|
|
65
|
-
};
|
|
66
|
-
//# sourceMappingURL=ProgressDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ProgressDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,QAAQ,WAAW,UAAU,QAAQ,QAAQ,cAAc;AAgBhE,mBAMM,KAJF,YAFJ;AAdG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC,GAChC,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC,GAClC,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,CAAC,GAC1C,WAAW,IAAI,IAAI;AAEzB,eAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,YAAW,UAAS,KAAI,MAC1C;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,oBAAC,YAAmB,MAAM,UAAU,OAAO,UACzC,8BAAC,SAAS,WAAT,EAAmB,WAAU,UAAS,KAD1B,GAEf;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,KAAI;AAAA,QACJ,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,cAAc,CAAC,CAAC;AAAA,cAChB,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,wBAAQ,GAAG;AAAA,cACb;AAAA,cAEA;AAAA,oCAAC,OAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACb,uBAAO,KAAK,OAAO,CAAC,GACpB,YAAY,CAAC;AAAA,cACf;AAAA,cACD;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
|
|
3
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
function ProgressDemo() {
|
|
5
|
-
const [key, setKey] = React.useState(0),
|
|
6
|
-
[size, setSize] = React.useState(4),
|
|
7
|
-
[progress, setProgress] = React.useState(0),
|
|
8
|
-
sizeProp = `$${size}`;
|
|
9
|
-
return React.useEffect(() => {
|
|
10
|
-
const timer = setTimeout(() => setProgress(60), 1e3);
|
|
11
|
-
return () => {
|
|
12
|
-
clearTimeout(timer);
|
|
13
|
-
};
|
|
14
|
-
}, []), /* @__PURE__ */jsxs(Fragment, {
|
|
15
|
-
children: [/* @__PURE__ */jsxs(YStack, {
|
|
16
|
-
height: 60,
|
|
17
|
-
alignItems: "center",
|
|
18
|
-
gap: "$4",
|
|
19
|
-
children: [/* @__PURE__ */jsxs(Paragraph, {
|
|
20
|
-
height: 30,
|
|
21
|
-
opacity: 0.5,
|
|
22
|
-
children: ["Size: ", size]
|
|
23
|
-
}), /* @__PURE__ */jsx(Progress, {
|
|
24
|
-
size: sizeProp,
|
|
25
|
-
value: progress,
|
|
26
|
-
children: /* @__PURE__ */jsx(Progress.Indicator, {
|
|
27
|
-
animation: "bouncy"
|
|
28
|
-
})
|
|
29
|
-
}, key)]
|
|
30
|
-
}), /* @__PURE__ */jsxs(XStack, {
|
|
31
|
-
alignItems: "center",
|
|
32
|
-
gap: "$2",
|
|
33
|
-
position: "absolute",
|
|
34
|
-
bottom: "$3",
|
|
35
|
-
left: "$4",
|
|
36
|
-
$xxs: {
|
|
37
|
-
display: "none"
|
|
38
|
-
},
|
|
39
|
-
children: [/* @__PURE__ */jsxs(Slider, {
|
|
40
|
-
size: "$2",
|
|
41
|
-
width: 130,
|
|
42
|
-
defaultValue: [4],
|
|
43
|
-
min: 2,
|
|
44
|
-
max: 6,
|
|
45
|
-
step: 1,
|
|
46
|
-
onValueChange: ([val]) => {
|
|
47
|
-
setSize(val);
|
|
48
|
-
},
|
|
49
|
-
children: [/* @__PURE__ */jsx(Slider.Track, {
|
|
50
|
-
borderWidth: 1,
|
|
51
|
-
borderColor: "$color5",
|
|
52
|
-
children: /* @__PURE__ */jsx(Slider.TrackActive, {})
|
|
53
|
-
}), /* @__PURE__ */jsx(Slider.Thumb, {
|
|
54
|
-
circular: !0,
|
|
55
|
-
index: 0
|
|
56
|
-
})]
|
|
57
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
58
|
-
size: "$2",
|
|
59
|
-
onPress: () => setProgress(prev => (prev + 20) % 100),
|
|
60
|
-
children: "Load"
|
|
61
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
62
|
-
size: "$2",
|
|
63
|
-
onPress: () => {
|
|
64
|
-
setKey(Math.random()), setProgress(0);
|
|
65
|
-
},
|
|
66
|
-
children: "Reset"
|
|
67
|
-
})]
|
|
68
|
-
})]
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
export { ProgressDemo };
|
|
72
|
-
//# sourceMappingURL=ProgressDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","Button","Paragraph","Progress","Slider","XStack","YStack","Fragment","jsx","jsxs","ProgressDemo","key","setKey","useState","size","setSize","progress","setProgress","sizeProp","useEffect","timer","setTimeout","clearTimeout","children","height","alignItems","gap","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","val","Track","borderWidth","borderColor","TrackActive","Thumb","circular","index","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAUC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAgBhE,SAAAC,QAAA,EAMMC,GAAA,EAJFC,IAAA,QAFJ;AAdG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIZ,KAAA,CAAMa,QAAA,CAAS,CAAC;IAChC,CAACC,IAAA,EAAMC,OAAO,IAAIf,KAAA,CAAMa,QAAA,CAAS,CAAC;IAClC,CAACG,QAAA,EAAUC,WAAW,IAAIjB,KAAA,CAAMa,QAAA,CAAS,CAAC;IAC1CK,QAAA,GAAW,IAAIJ,IAAI;EAEzB,OAAAd,KAAA,CAAMmB,SAAA,CAAU,MAAM;IACpB,MAAMC,KAAA,GAAQC,UAAA,CAAW,MAAMJ,WAAA,CAAY,EAAE,GAAG,GAAI;IACpD,OAAO,MAAM;MACXK,YAAA,CAAaF,KAAK;IACpB;EACF,GAAG,EAAE,GAGH,eAAAX,IAAA,CAAAF,QAAA;IACEgB,QAAA,kBAAAd,IAAA,CAACH,MAAA;MAAOkB,MAAA,EAAQ;MAAIC,UAAA,EAAW;MAASC,GAAA,EAAI;MAC1CH,QAAA,kBAAAd,IAAA,CAACP,SAAA;QAAUsB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,aAC5BT,IAAA;MAAA,CACT,GACA,eAAAN,GAAA,CAACL,QAAA;QAAmBW,IAAA,EAAMI,QAAA;QAAUU,KAAA,EAAOZ,QAAA;QACzCO,QAAA,iBAAAf,GAAA,CAACL,QAAA,CAAS0B,SAAA,EAAT;UAAmBC,SAAA,EAAU;QAAA,CAAS;MAAA,GAD1BnB,GAEf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACJ,MAAA;MACCoB,UAAA,EAAW;MACXC,GAAA,EAAI;MACJK,QAAA,EAAS;MACTC,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAExBZ,QAAA,kBAAAd,IAAA,CAACL,MAAA;QACCU,IAAA,EAAK;QACLsB,KAAA,EAAO;QACPC,YAAA,EAAc,CAAC,CAAC;QAChBC,GAAA,EAAK;QACLC,GAAA,EAAK;QACLC,IAAA,EAAM;QACNC,aAAA,EAAeA,CAAC,CAACC,GAAG,MAAM;UACxB3B,OAAA,CAAQ2B,GAAG;QACb;QAEAnB,QAAA,kBAAAf,GAAA,CAACJ,MAAA,CAAOuC,KAAA,EAAP;UAAaC,WAAA,EAAa;UAAGC,WAAA,EAAY;UACxCtB,QAAA,iBAAAf,GAAA,CAACJ,MAAA,CAAO0C,WAAA,EAAP,EAAmB;QAAA,CACtB,GACA,eAAAtC,GAAA,CAACJ,MAAA,CAAO2C,KAAA,EAAP;UAAaC,QAAA,EAAQ;UAACC,KAAA,EAAO;QAAA,CAAG;MAAA,CACnC,GAEA,eAAAzC,GAAA,CAACP,MAAA;QAAOa,IAAA,EAAK;QAAKoC,OAAA,EAASA,CAAA,KAAMjC,WAAA,CAAakC,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;QAAG5B,QAAA;MAAA,CAE3E,GACA,eAAAf,GAAA,CAACP,MAAA;QACCa,IAAA,EAAK;QACLoC,OAAA,EAASA,CAAA,KAAM;UACbtC,MAAA,CAAOwC,IAAA,CAAKC,MAAA,CAAO,CAAC,GACpBpC,WAAA,CAAY,CAAC;QACf;QACDM,QAAA;MAAA,CAED;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|