@tamagui/demos 1.13.3 → 1.13.4
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/AddThemeDemo.js +1 -59
- package/dist/cjs/AddThemeDemo.js.map +2 -2
- package/dist/cjs/AlertDialogDemo.js +1 -76
- package/dist/cjs/AlertDialogDemo.js.map +2 -2
- package/dist/cjs/AnimationsDemo.js +1 -113
- package/dist/cjs/AnimationsDemo.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.js +1 -63
- package/dist/cjs/AnimationsEnterDemo.js.map +2 -2
- package/dist/cjs/AnimationsHoverDemo.js +1 -49
- package/dist/cjs/AnimationsHoverDemo.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.js +1 -96
- package/dist/cjs/AnimationsPresenceDemo.js.map +2 -2
- package/dist/cjs/AnimationsTimingDemo.js +1 -49
- package/dist/cjs/AnimationsTimingDemo.js.map +2 -2
- package/dist/cjs/AvatarDemo.js +1 -53
- package/dist/cjs/AvatarDemo.js.map +2 -2
- package/dist/cjs/ButtonDemo.js +1 -48
- package/dist/cjs/ButtonDemo.js.map +2 -2
- package/dist/cjs/CardDemo.js +1 -69
- package/dist/cjs/CardDemo.js.map +2 -2
- package/dist/cjs/CheckboxDemo.js +1 -44
- package/dist/cjs/CheckboxDemo.js.map +2 -2
- package/dist/cjs/ColorsDemo.js +1 -112
- package/dist/cjs/ColorsDemo.js.map +2 -2
- package/dist/cjs/DialogDemo.js +1 -85
- package/dist/cjs/DialogDemo.js.map +2 -2
- package/dist/cjs/FormsDemo.js +1 -59
- package/dist/cjs/FormsDemo.js.map +2 -2
- package/dist/cjs/GroupDemo.js +1 -48
- package/dist/cjs/GroupDemo.js.map +2 -2
- package/dist/cjs/HeadingsDemo.js +1 -39
- package/dist/cjs/HeadingsDemo.js.map +2 -2
- package/dist/cjs/ImageDemo.js +1 -32
- package/dist/cjs/ImageDemo.js.map +2 -2
- package/dist/cjs/InputsDemo.js +1 -43
- package/dist/cjs/InputsDemo.js.map +2 -2
- package/dist/cjs/LabelDemo.js +1 -41
- package/dist/cjs/LabelDemo.js.map +2 -2
- package/dist/cjs/LinearGradientDemo.js +1 -56
- package/dist/cjs/LinearGradientDemo.js.map +2 -2
- package/dist/cjs/ListItemDemo.js +1 -70
- package/dist/cjs/ListItemDemo.js.map +2 -2
- package/dist/cjs/LucideIconsDemo.js +1 -66
- package/dist/cjs/LucideIconsDemo.js.map +2 -2
- package/dist/cjs/PopoverDemo.js +1 -92
- package/dist/cjs/PopoverDemo.js.map +2 -2
- package/dist/cjs/ProgressDemo.js +1 -71
- package/dist/cjs/ProgressDemo.js.map +2 -2
- package/dist/cjs/RadioGroupDemo.js +1 -43
- package/dist/cjs/RadioGroupDemo.js.map +2 -2
- package/dist/cjs/ScrollViewDemo.js +1 -41
- package/dist/cjs/ScrollViewDemo.js.map +2 -2
- package/dist/cjs/SelectDemo.js +1 -103
- package/dist/cjs/SelectDemo.js.map +2 -2
- package/dist/cjs/SeparatorDemo.js +1 -43
- package/dist/cjs/SeparatorDemo.js.map +2 -2
- package/dist/cjs/ShapesDemo.js +1 -35
- package/dist/cjs/ShapesDemo.js.map +2 -2
- package/dist/cjs/SheetDemo.js +1 -103
- package/dist/cjs/SheetDemo.js.map +2 -2
- package/dist/cjs/SliderDemo.js +1 -42
- package/dist/cjs/SliderDemo.js.map +2 -2
- package/dist/cjs/SpinnerDemo.js +1 -35
- package/dist/cjs/SpinnerDemo.js.map +2 -2
- package/dist/cjs/StacksDemo.js +1 -81
- package/dist/cjs/StacksDemo.js.map +2 -2
- package/dist/cjs/SwitchDemo.js +1 -55
- package/dist/cjs/SwitchDemo.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.js +1 -282
- package/dist/cjs/TabsAdvancedDemo.js.map +2 -2
- package/dist/cjs/TabsDemo.js +1 -146
- package/dist/cjs/TabsDemo.js.map +2 -2
- package/dist/cjs/TextDemo.js +1 -39
- package/dist/cjs/TextDemo.js.map +2 -2
- package/dist/cjs/ThemeInverseDemo.js +1 -43
- package/dist/cjs/ThemeInverseDemo.js.map +2 -2
- package/dist/cjs/ToastDemo.js +1 -128
- package/dist/cjs/ToastDemo.js.map +3 -3
- package/dist/cjs/ToastDuplicateDemo.js +1 -77
- package/dist/cjs/ToastDuplicateDemo.js.map +2 -2
- package/dist/cjs/ToggleGroupDemo.js +1 -72
- package/dist/cjs/ToggleGroupDemo.js.map +2 -2
- package/dist/cjs/TokensDemo.js +1 -110
- package/dist/cjs/TokensDemo.js.map +2 -2
- package/dist/cjs/TooltipDemo.js +1 -79
- package/dist/cjs/TooltipDemo.js.map +2 -2
- package/dist/cjs/UpdateThemeDemo.js +1 -79
- package/dist/cjs/UpdateThemeDemo.js.map +2 -2
- package/dist/cjs/conf.js +1 -28
- package/dist/cjs/conf.js.map +2 -2
- package/dist/cjs/index.js +1 -159
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/tamagui.config.js +1 -27
- package/dist/cjs/tamagui.config.js.map +2 -2
- package/dist/cjs/useOnIntersecting.js +1 -92
- package/dist/cjs/useOnIntersecting.js.map +2 -2
- package/dist/esm/AddThemeDemo.js +1 -35
- package/dist/esm/AddThemeDemo.js.map +2 -2
- package/dist/esm/AddThemeDemo.mjs +1 -35
- package/dist/esm/AddThemeDemo.mjs.map +2 -2
- package/dist/esm/AlertDialogDemo.js +1 -52
- package/dist/esm/AlertDialogDemo.js.map +2 -2
- package/dist/esm/AlertDialogDemo.mjs +1 -52
- package/dist/esm/AlertDialogDemo.mjs.map +2 -2
- package/dist/esm/AnimationsDemo.js +1 -88
- package/dist/esm/AnimationsDemo.js.map +2 -2
- package/dist/esm/AnimationsDemo.mjs +1 -88
- package/dist/esm/AnimationsDemo.mjs.map +2 -2
- package/dist/esm/AnimationsEnterDemo.js +1 -39
- package/dist/esm/AnimationsEnterDemo.js.map +2 -2
- package/dist/esm/AnimationsEnterDemo.mjs +1 -39
- package/dist/esm/AnimationsEnterDemo.mjs.map +2 -2
- package/dist/esm/AnimationsHoverDemo.js +1 -25
- package/dist/esm/AnimationsHoverDemo.js.map +2 -2
- package/dist/esm/AnimationsHoverDemo.mjs +1 -25
- package/dist/esm/AnimationsHoverDemo.mjs.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.js +1 -61
- package/dist/esm/AnimationsPresenceDemo.js.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -61
- package/dist/esm/AnimationsPresenceDemo.mjs.map +2 -2
- package/dist/esm/AnimationsTimingDemo.js +1 -25
- package/dist/esm/AnimationsTimingDemo.js.map +2 -2
- package/dist/esm/AnimationsTimingDemo.mjs +1 -25
- package/dist/esm/AnimationsTimingDemo.mjs.map +2 -2
- package/dist/esm/AvatarDemo.js +1 -29
- package/dist/esm/AvatarDemo.js.map +2 -2
- package/dist/esm/AvatarDemo.mjs +1 -29
- package/dist/esm/AvatarDemo.mjs.map +2 -2
- package/dist/esm/ButtonDemo.js +1 -24
- package/dist/esm/ButtonDemo.js.map +2 -2
- package/dist/esm/ButtonDemo.mjs +1 -24
- package/dist/esm/ButtonDemo.mjs.map +2 -2
- package/dist/esm/CardDemo.js +1 -45
- package/dist/esm/CardDemo.js.map +2 -2
- package/dist/esm/CardDemo.mjs +1 -45
- package/dist/esm/CardDemo.mjs.map +2 -2
- package/dist/esm/CheckboxDemo.js +1 -20
- package/dist/esm/CheckboxDemo.js.map +2 -2
- package/dist/esm/CheckboxDemo.mjs +1 -20
- package/dist/esm/CheckboxDemo.mjs.map +2 -2
- package/dist/esm/ColorsDemo.js +1 -97
- package/dist/esm/ColorsDemo.js.map +2 -2
- package/dist/esm/ColorsDemo.mjs +1 -97
- package/dist/esm/ColorsDemo.mjs.map +2 -2
- package/dist/esm/DialogDemo.js +1 -73
- package/dist/esm/DialogDemo.js.map +2 -2
- package/dist/esm/DialogDemo.mjs +1 -73
- package/dist/esm/DialogDemo.mjs.map +2 -2
- package/dist/esm/FormsDemo.js +1 -35
- package/dist/esm/FormsDemo.js.map +2 -2
- package/dist/esm/FormsDemo.mjs +1 -35
- package/dist/esm/FormsDemo.mjs.map +2 -2
- package/dist/esm/GroupDemo.js +1 -24
- package/dist/esm/GroupDemo.js.map +2 -2
- package/dist/esm/GroupDemo.mjs +1 -24
- package/dist/esm/GroupDemo.mjs.map +2 -2
- package/dist/esm/HeadingsDemo.js +1 -15
- package/dist/esm/HeadingsDemo.js.map +2 -2
- package/dist/esm/HeadingsDemo.mjs +1 -15
- package/dist/esm/HeadingsDemo.mjs.map +2 -2
- package/dist/esm/ImageDemo.js +1 -8
- package/dist/esm/ImageDemo.js.map +2 -2
- package/dist/esm/ImageDemo.mjs +1 -8
- package/dist/esm/ImageDemo.mjs.map +2 -2
- package/dist/esm/InputsDemo.js +1 -19
- package/dist/esm/InputsDemo.js.map +2 -2
- package/dist/esm/InputsDemo.mjs +1 -19
- package/dist/esm/InputsDemo.mjs.map +2 -2
- package/dist/esm/LabelDemo.js +1 -17
- package/dist/esm/LabelDemo.js.map +2 -2
- package/dist/esm/LabelDemo.mjs +1 -17
- package/dist/esm/LabelDemo.mjs.map +2 -2
- package/dist/esm/LinearGradientDemo.js +1 -32
- package/dist/esm/LinearGradientDemo.js.map +2 -2
- package/dist/esm/LinearGradientDemo.mjs +1 -32
- package/dist/esm/LinearGradientDemo.mjs.map +2 -2
- package/dist/esm/ListItemDemo.js +1 -46
- package/dist/esm/ListItemDemo.js.map +2 -2
- package/dist/esm/ListItemDemo.mjs +1 -46
- package/dist/esm/ListItemDemo.mjs.map +2 -2
- package/dist/esm/LucideIconsDemo.js +1 -32
- package/dist/esm/LucideIconsDemo.js.map +2 -2
- package/dist/esm/LucideIconsDemo.mjs +1 -32
- package/dist/esm/LucideIconsDemo.mjs.map +2 -2
- package/dist/esm/PopoverDemo.js +1 -75
- package/dist/esm/PopoverDemo.js.map +2 -2
- package/dist/esm/PopoverDemo.mjs +1 -75
- package/dist/esm/PopoverDemo.mjs.map +2 -2
- package/dist/esm/ProgressDemo.js +1 -47
- package/dist/esm/ProgressDemo.js.map +2 -2
- package/dist/esm/ProgressDemo.mjs +1 -47
- package/dist/esm/ProgressDemo.mjs.map +2 -2
- package/dist/esm/RadioGroupDemo.js +1 -19
- package/dist/esm/RadioGroupDemo.js.map +2 -2
- package/dist/esm/RadioGroupDemo.mjs +1 -19
- package/dist/esm/RadioGroupDemo.mjs.map +2 -2
- package/dist/esm/ScrollViewDemo.js +1 -17
- package/dist/esm/ScrollViewDemo.js.map +2 -2
- package/dist/esm/ScrollViewDemo.mjs +1 -17
- package/dist/esm/ScrollViewDemo.mjs.map +2 -2
- package/dist/esm/SelectDemo.js +1 -79
- package/dist/esm/SelectDemo.js.map +2 -2
- package/dist/esm/SelectDemo.mjs +1 -79
- package/dist/esm/SelectDemo.mjs.map +2 -2
- package/dist/esm/SeparatorDemo.js +1 -19
- package/dist/esm/SeparatorDemo.js.map +2 -2
- package/dist/esm/SeparatorDemo.mjs +1 -19
- package/dist/esm/SeparatorDemo.mjs.map +2 -2
- package/dist/esm/ShapesDemo.js +1 -11
- package/dist/esm/ShapesDemo.js.map +2 -2
- package/dist/esm/ShapesDemo.mjs +1 -11
- package/dist/esm/ShapesDemo.mjs.map +2 -2
- package/dist/esm/SheetDemo.js +1 -79
- package/dist/esm/SheetDemo.js.map +2 -2
- package/dist/esm/SheetDemo.mjs +1 -79
- package/dist/esm/SheetDemo.mjs.map +2 -2
- package/dist/esm/SliderDemo.js +1 -18
- package/dist/esm/SliderDemo.js.map +2 -2
- package/dist/esm/SliderDemo.mjs +1 -18
- package/dist/esm/SliderDemo.mjs.map +2 -2
- package/dist/esm/SpinnerDemo.js +1 -11
- package/dist/esm/SpinnerDemo.js.map +2 -2
- package/dist/esm/SpinnerDemo.mjs +1 -11
- package/dist/esm/SpinnerDemo.mjs.map +2 -2
- package/dist/esm/StacksDemo.js +1 -57
- package/dist/esm/StacksDemo.js.map +2 -2
- package/dist/esm/StacksDemo.mjs +1 -57
- package/dist/esm/StacksDemo.mjs.map +2 -2
- package/dist/esm/SwitchDemo.js +1 -31
- package/dist/esm/SwitchDemo.js.map +2 -2
- package/dist/esm/SwitchDemo.mjs +1 -31
- package/dist/esm/SwitchDemo.mjs.map +2 -2
- package/dist/esm/TabsAdvancedDemo.js +1 -268
- package/dist/esm/TabsAdvancedDemo.js.map +2 -2
- package/dist/esm/TabsAdvancedDemo.mjs +1 -268
- package/dist/esm/TabsAdvancedDemo.mjs.map +2 -2
- package/dist/esm/TabsDemo.js +1 -130
- package/dist/esm/TabsDemo.js.map +2 -2
- package/dist/esm/TabsDemo.mjs +1 -130
- package/dist/esm/TabsDemo.mjs.map +2 -2
- package/dist/esm/TextDemo.js +1 -15
- package/dist/esm/TextDemo.js.map +2 -2
- package/dist/esm/TextDemo.mjs +1 -15
- package/dist/esm/TextDemo.mjs.map +2 -2
- package/dist/esm/ThemeInverseDemo.js +1 -19
- package/dist/esm/ThemeInverseDemo.js.map +2 -2
- package/dist/esm/ThemeInverseDemo.mjs +1 -19
- package/dist/esm/ThemeInverseDemo.mjs.map +2 -2
- package/dist/esm/ToastDemo.js +1 -94
- package/dist/esm/ToastDemo.js.map +3 -3
- package/dist/esm/ToastDemo.mjs +1 -94
- package/dist/esm/ToastDemo.mjs.map +3 -3
- package/dist/esm/ToastDuplicateDemo.js +1 -43
- package/dist/esm/ToastDuplicateDemo.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.mjs +1 -43
- package/dist/esm/ToastDuplicateDemo.mjs.map +2 -2
- package/dist/esm/ToggleGroupDemo.js +1 -48
- package/dist/esm/ToggleGroupDemo.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.mjs +1 -48
- package/dist/esm/ToggleGroupDemo.mjs.map +2 -2
- package/dist/esm/TokensDemo.js +1 -86
- package/dist/esm/TokensDemo.js.map +2 -2
- package/dist/esm/TokensDemo.mjs +1 -86
- package/dist/esm/TokensDemo.mjs.map +2 -2
- package/dist/esm/TooltipDemo.js +1 -68
- package/dist/esm/TooltipDemo.js.map +2 -2
- package/dist/esm/TooltipDemo.mjs +1 -68
- package/dist/esm/TooltipDemo.mjs.map +2 -2
- package/dist/esm/UpdateThemeDemo.js +1 -53
- package/dist/esm/UpdateThemeDemo.js.map +2 -2
- package/dist/esm/UpdateThemeDemo.mjs +1 -53
- package/dist/esm/UpdateThemeDemo.mjs.map +2 -2
- package/dist/esm/conf.js +1 -4
- package/dist/esm/conf.js.map +1 -1
- package/dist/esm/conf.mjs +1 -4
- package/dist/esm/conf.mjs.map +1 -1
- package/dist/esm/index.js +1 -91
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/index.mjs +1 -91
- package/dist/esm/index.mjs.map +2 -2
- package/dist/esm/tamagui.config.js +1 -5
- package/dist/esm/tamagui.config.js.map +2 -2
- package/dist/esm/tamagui.config.mjs +1 -5
- package/dist/esm/tamagui.config.mjs.map +2 -2
- package/dist/esm/useOnIntersecting.js +1 -67
- package/dist/esm/useOnIntersecting.js.map +2 -2
- package/dist/esm/useOnIntersecting.mjs +1 -67
- package/dist/esm/useOnIntersecting.mjs.map +2 -2
- package/dist/jsx/AddThemeDemo.js +1 -30
- package/dist/jsx/AddThemeDemo.js.map +2 -2
- package/dist/jsx/AddThemeDemo.mjs +1 -30
- package/dist/jsx/AddThemeDemo.mjs.map +2 -2
- package/dist/jsx/AlertDialogDemo.js +1 -44
- package/dist/jsx/AlertDialogDemo.js.map +2 -2
- package/dist/jsx/AlertDialogDemo.mjs +1 -44
- package/dist/jsx/AlertDialogDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsDemo.js +1 -80
- package/dist/jsx/AnimationsDemo.js.map +2 -2
- package/dist/jsx/AnimationsDemo.mjs +1 -80
- package/dist/jsx/AnimationsDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.js +1 -34
- package/dist/jsx/AnimationsEnterDemo.js.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.mjs +1 -34
- package/dist/jsx/AnimationsEnterDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsHoverDemo.js +1 -20
- package/dist/jsx/AnimationsHoverDemo.js.map +2 -2
- package/dist/jsx/AnimationsHoverDemo.mjs +1 -20
- package/dist/jsx/AnimationsHoverDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.js +1 -54
- package/dist/jsx/AnimationsPresenceDemo.js.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.mjs +1 -54
- package/dist/jsx/AnimationsPresenceDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.js +1 -20
- package/dist/jsx/AnimationsTimingDemo.js.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.mjs +1 -20
- package/dist/jsx/AnimationsTimingDemo.mjs.map +2 -2
- package/dist/jsx/AvatarDemo.js +1 -22
- package/dist/jsx/AvatarDemo.js.map +2 -2
- package/dist/jsx/AvatarDemo.mjs +1 -22
- package/dist/jsx/AvatarDemo.mjs.map +2 -2
- package/dist/jsx/ButtonDemo.js +1 -23
- package/dist/jsx/ButtonDemo.js.map +2 -2
- package/dist/jsx/ButtonDemo.mjs +1 -23
- package/dist/jsx/ButtonDemo.mjs.map +2 -2
- package/dist/jsx/CardDemo.js +1 -38
- package/dist/jsx/CardDemo.js.map +2 -2
- package/dist/jsx/CardDemo.mjs +1 -38
- package/dist/jsx/CardDemo.mjs.map +2 -2
- package/dist/jsx/CheckboxDemo.js +1 -19
- package/dist/jsx/CheckboxDemo.js.map +2 -2
- package/dist/jsx/CheckboxDemo.mjs +1 -19
- package/dist/jsx/CheckboxDemo.mjs.map +2 -2
- package/dist/jsx/ColorsDemo.js +1 -85
- package/dist/jsx/ColorsDemo.js.map +2 -2
- package/dist/jsx/ColorsDemo.mjs +1 -85
- package/dist/jsx/ColorsDemo.mjs.map +2 -2
- package/dist/jsx/DialogDemo.js +1 -65
- package/dist/jsx/DialogDemo.js.map +2 -2
- package/dist/jsx/DialogDemo.mjs +1 -65
- package/dist/jsx/DialogDemo.mjs.map +2 -2
- package/dist/jsx/FormsDemo.js +1 -30
- package/dist/jsx/FormsDemo.js.map +2 -2
- package/dist/jsx/FormsDemo.mjs +1 -30
- package/dist/jsx/FormsDemo.mjs.map +2 -2
- package/dist/jsx/GroupDemo.js +1 -23
- package/dist/jsx/GroupDemo.js.map +2 -2
- package/dist/jsx/GroupDemo.mjs +1 -23
- package/dist/jsx/GroupDemo.mjs.map +2 -2
- package/dist/jsx/HeadingsDemo.js +1 -14
- package/dist/jsx/HeadingsDemo.js.map +2 -2
- package/dist/jsx/HeadingsDemo.mjs +1 -14
- package/dist/jsx/HeadingsDemo.mjs.map +2 -2
- package/dist/jsx/ImageDemo.js +1 -7
- package/dist/jsx/ImageDemo.js.map +2 -2
- package/dist/jsx/ImageDemo.mjs +1 -7
- package/dist/jsx/ImageDemo.mjs.map +2 -2
- package/dist/jsx/InputsDemo.js +1 -18
- package/dist/jsx/InputsDemo.js.map +2 -2
- package/dist/jsx/InputsDemo.mjs +1 -18
- package/dist/jsx/InputsDemo.mjs.map +2 -2
- package/dist/jsx/LabelDemo.js +1 -16
- package/dist/jsx/LabelDemo.js.map +2 -2
- package/dist/jsx/LabelDemo.mjs +1 -16
- package/dist/jsx/LabelDemo.mjs.map +2 -2
- package/dist/jsx/LinearGradientDemo.js +1 -25
- package/dist/jsx/LinearGradientDemo.js.map +2 -2
- package/dist/jsx/LinearGradientDemo.mjs +1 -25
- package/dist/jsx/LinearGradientDemo.mjs.map +2 -2
- package/dist/jsx/ListItemDemo.js +1 -39
- package/dist/jsx/ListItemDemo.js.map +2 -2
- package/dist/jsx/ListItemDemo.mjs +1 -39
- package/dist/jsx/ListItemDemo.mjs.map +2 -2
- package/dist/jsx/LucideIconsDemo.js +1 -31
- package/dist/jsx/LucideIconsDemo.js.map +2 -2
- package/dist/jsx/LucideIconsDemo.mjs +1 -31
- package/dist/jsx/LucideIconsDemo.mjs.map +2 -2
- package/dist/jsx/PopoverDemo.js +1 -66
- package/dist/jsx/PopoverDemo.js.map +2 -2
- package/dist/jsx/PopoverDemo.mjs +1 -66
- package/dist/jsx/PopoverDemo.mjs.map +2 -2
- package/dist/jsx/ProgressDemo.js +1 -42
- package/dist/jsx/ProgressDemo.js.map +2 -2
- package/dist/jsx/ProgressDemo.mjs +1 -42
- package/dist/jsx/ProgressDemo.mjs.map +2 -2
- package/dist/jsx/RadioGroupDemo.js +1 -18
- package/dist/jsx/RadioGroupDemo.js.map +2 -2
- package/dist/jsx/RadioGroupDemo.mjs +1 -18
- package/dist/jsx/RadioGroupDemo.mjs.map +2 -2
- package/dist/jsx/ScrollViewDemo.js +1 -16
- package/dist/jsx/ScrollViewDemo.js.map +2 -2
- package/dist/jsx/ScrollViewDemo.mjs +1 -16
- package/dist/jsx/ScrollViewDemo.mjs.map +2 -2
- package/dist/jsx/SelectDemo.js +1 -72
- package/dist/jsx/SelectDemo.js.map +2 -2
- package/dist/jsx/SelectDemo.mjs +1 -72
- package/dist/jsx/SelectDemo.mjs.map +2 -2
- package/dist/jsx/SeparatorDemo.js +1 -18
- package/dist/jsx/SeparatorDemo.js.map +2 -2
- package/dist/jsx/SeparatorDemo.mjs +1 -18
- package/dist/jsx/SeparatorDemo.mjs.map +2 -2
- package/dist/jsx/ShapesDemo.js +1 -10
- package/dist/jsx/ShapesDemo.js.map +2 -2
- package/dist/jsx/ShapesDemo.mjs +1 -10
- package/dist/jsx/ShapesDemo.mjs.map +2 -2
- package/dist/jsx/SheetDemo.js +1 -65
- package/dist/jsx/SheetDemo.js.map +2 -2
- package/dist/jsx/SheetDemo.mjs +1 -65
- package/dist/jsx/SheetDemo.mjs.map +2 -2
- package/dist/jsx/SliderDemo.js +1 -17
- package/dist/jsx/SliderDemo.js.map +2 -2
- package/dist/jsx/SliderDemo.mjs +1 -17
- package/dist/jsx/SliderDemo.mjs.map +2 -2
- package/dist/jsx/SpinnerDemo.js +1 -10
- package/dist/jsx/SpinnerDemo.js.map +2 -2
- package/dist/jsx/SpinnerDemo.mjs +1 -10
- package/dist/jsx/SpinnerDemo.mjs.map +2 -2
- package/dist/jsx/StacksDemo.js +1 -45
- package/dist/jsx/StacksDemo.js.map +2 -2
- package/dist/jsx/StacksDemo.mjs +1 -45
- package/dist/jsx/StacksDemo.mjs.map +2 -2
- package/dist/jsx/SwitchDemo.js +1 -26
- package/dist/jsx/SwitchDemo.js.map +2 -2
- package/dist/jsx/SwitchDemo.mjs +1 -26
- package/dist/jsx/SwitchDemo.mjs.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.js +1 -219
- package/dist/jsx/TabsAdvancedDemo.js.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.mjs +1 -219
- package/dist/jsx/TabsAdvancedDemo.mjs.map +2 -2
- package/dist/jsx/TabsDemo.js +1 -105
- package/dist/jsx/TabsDemo.js.map +2 -2
- package/dist/jsx/TabsDemo.mjs +1 -105
- package/dist/jsx/TabsDemo.mjs.map +2 -2
- package/dist/jsx/TextDemo.js +1 -14
- package/dist/jsx/TextDemo.js.map +2 -2
- package/dist/jsx/TextDemo.mjs +1 -14
- package/dist/jsx/TextDemo.mjs.map +2 -2
- package/dist/jsx/ThemeInverseDemo.js +1 -18
- package/dist/jsx/ThemeInverseDemo.js.map +2 -2
- package/dist/jsx/ThemeInverseDemo.mjs +1 -18
- package/dist/jsx/ThemeInverseDemo.mjs.map +2 -2
- package/dist/jsx/ToastDemo.js +1 -74
- package/dist/jsx/ToastDemo.js.map +3 -3
- package/dist/jsx/ToastDemo.mjs +1 -74
- package/dist/jsx/ToastDemo.mjs.map +3 -3
- package/dist/jsx/ToastDuplicateDemo.js +1 -34
- package/dist/jsx/ToastDuplicateDemo.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.mjs +1 -34
- package/dist/jsx/ToastDuplicateDemo.mjs.map +2 -2
- package/dist/jsx/ToggleGroupDemo.js +1 -39
- package/dist/jsx/ToggleGroupDemo.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.mjs +1 -39
- package/dist/jsx/ToggleGroupDemo.mjs.map +2 -2
- package/dist/jsx/TokensDemo.js +1 -77
- package/dist/jsx/TokensDemo.js.map +2 -2
- package/dist/jsx/TokensDemo.mjs +1 -77
- package/dist/jsx/TokensDemo.mjs.map +2 -2
- package/dist/jsx/TooltipDemo.js +1 -63
- package/dist/jsx/TooltipDemo.js.map +2 -2
- package/dist/jsx/TooltipDemo.mjs +1 -63
- package/dist/jsx/TooltipDemo.mjs.map +2 -2
- package/dist/jsx/UpdateThemeDemo.js +1 -48
- package/dist/jsx/UpdateThemeDemo.js.map +2 -2
- package/dist/jsx/UpdateThemeDemo.mjs +1 -48
- package/dist/jsx/UpdateThemeDemo.mjs.map +2 -2
- package/dist/jsx/conf.js +1 -4
- package/dist/jsx/conf.js.map +1 -1
- package/dist/jsx/conf.mjs +1 -4
- package/dist/jsx/conf.mjs.map +1 -1
- package/dist/jsx/index.js +1 -91
- package/dist/jsx/index.js.map +2 -2
- package/dist/jsx/index.mjs +1 -91
- package/dist/jsx/index.mjs.map +2 -2
- package/dist/jsx/tamagui.config.js +1 -5
- package/dist/jsx/tamagui.config.js.map +2 -2
- package/dist/jsx/tamagui.config.mjs +1 -5
- package/dist/jsx/tamagui.config.mjs.map +2 -2
- package/dist/jsx/useOnIntersecting.js +1 -67
- package/dist/jsx/useOnIntersecting.js.map +2 -2
- package/dist/jsx/useOnIntersecting.mjs +1 -67
- package/dist/jsx/useOnIntersecting.mjs.map +2 -2
- package/package.json +18 -18
- package/src/ToastDemo.tsx +4 -4
package/dist/cjs/ListItemDemo.js
CHANGED
|
@@ -1,71 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var ListItemDemo_exports = {};
|
|
20
|
-
__export(ListItemDemo_exports, {
|
|
21
|
-
ListItemDemo: () => ListItemDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(ListItemDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_lucide_icons = require("@tamagui/lucide-icons");
|
|
26
|
-
var import_tamagui = require("tamagui");
|
|
27
|
-
function ListItemDemo() {
|
|
28
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: true, children: [
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo1, {}),
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo2, {})
|
|
31
|
-
] });
|
|
32
|
-
}
|
|
33
|
-
function ListItemDemo1() {
|
|
34
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { alignSelf: "center", bordered: true, width: 240, size: "$4", children: [
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: true, icon: import_lucide_icons.Star, title: "Star", subTitle: "Twinkles" }) }),
|
|
36
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: true, icon: import_lucide_icons.Moon, children: "Moon" }) }),
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: true, icon: import_lucide_icons.Sun, children: "Sun" }) }),
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: true, icon: import_lucide_icons.Cloud, children: "Cloud" }) })
|
|
39
|
-
] });
|
|
40
|
-
}
|
|
41
|
-
function ListItemDemo2() {
|
|
42
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { alignSelf: "center", bordered: true, width: 240, size: "$5", separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: [
|
|
43
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
44
|
-
import_tamagui.ListItem,
|
|
45
|
-
{
|
|
46
|
-
hoverTheme: true,
|
|
47
|
-
pressTheme: true,
|
|
48
|
-
title: "Star",
|
|
49
|
-
subTitle: "Subtitle",
|
|
50
|
-
icon: import_lucide_icons.Star,
|
|
51
|
-
iconAfter: import_lucide_icons.ChevronRight
|
|
52
|
-
}
|
|
53
|
-
) }),
|
|
54
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
55
|
-
import_tamagui.ListItem,
|
|
56
|
-
{
|
|
57
|
-
hoverTheme: true,
|
|
58
|
-
pressTheme: true,
|
|
59
|
-
title: "Moon",
|
|
60
|
-
subTitle: "Subtitle",
|
|
61
|
-
icon: import_lucide_icons.Moon,
|
|
62
|
-
iconAfter: import_lucide_icons.ChevronRight
|
|
63
|
-
}
|
|
64
|
-
) })
|
|
65
|
-
] });
|
|
66
|
-
}
|
|
67
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
68
|
-
0 && (module.exports = {
|
|
69
|
-
ListItemDemo
|
|
70
|
-
});
|
|
1
|
+
"use strict";var u=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var p=(i,r)=>{for(var n in r)u(i,n,{get:r[n],enumerable:!0})},c=(i,r,n,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let m of h(r))!l.call(i,m)&&m!==n&&u(i,m,{get:()=>r[m],enumerable:!(s=I(r,m))||s.enumerable});return i};var a=i=>c(u({},"__esModule",{value:!0}),i);var f={};p(f,{ListItemDemo:()=>S});module.exports=a(f);var e=require("react/jsx-runtime"),o=require("@tamagui/lucide-icons"),t=require("tamagui");function S(){return(0,e.jsxs)(t.XStack,{$sm:{flexDirection:"column"},paddingHorizontal:"$4",space:!0,children:[(0,e.jsx)(T,{}),(0,e.jsx)(d,{})]})}function T(){return(0,e.jsxs)(t.YGroup,{alignSelf:"center",bordered:!0,width:240,size:"$4",children:[(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,icon:o.Star,title:"Star",subTitle:"Twinkles"})}),(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,icon:o.Moon,children:"Moon"})}),(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,icon:o.Sun,children:"Sun"})}),(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,icon:o.Cloud,children:"Cloud"})})]})}function d(){return(0,e.jsxs)(t.YGroup,{alignSelf:"center",bordered:!0,width:240,size:"$5",separator:(0,e.jsx)(t.Separator,{}),children:[(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,pressTheme:!0,title:"Star",subTitle:"Subtitle",icon:o.Star,iconAfter:o.ChevronRight})}),(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,pressTheme:!0,title:"Moon",subTitle:"Subtitle",icon:o.Moon,iconAfter:o.ChevronRight})})]})}0&&(module.exports={ListItemDemo});
|
|
71
2
|
//# sourceMappingURL=ListItemDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/lucide-icons'\nimport { ListItem, Separator, XStack, YGroup } from 'tamagui'\n\nexport function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} paddingHorizontal=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$4\">\n <YGroup.Item>\n <ListItem hoverTheme icon={Star} title=\"Star\" subTitle=\"Twinkles\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </YGroup.Item>\n </YGroup>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$5\" separator={<Separator />}>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Star\"\n subTitle=\"Subtitle\"\n icon={Star}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Moon\"\n subTitle=\"Subtitle\"\n icon={Moon}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n </YGroup>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAKI,IAAAI,EAAA,6BALJC,EAAqD,iCACrDC,EAAoD,mBAE7C,SAASJ,GAAe,CAC7B,SACE,QAAC,UAAO,IAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,KAAK,MAAK,GACpE,oBAACK,EAAA,EAAc,KACf,OAACC,EAAA,EAAc,GACjB,CAEJ,CAEA,SAASD,GAAgB,CACvB,SACE,QAAC,UAAO,UAAU,SAAS,SAAQ,GAAC,MAAO,IAAK,KAAK,KACnD,oBAAC,SAAO,KAAP,CACC,mBAAC,YAAS,WAAU,GAAC,KAAM,OAAM,MAAM,OAAO,SAAS,WAAW,EACpE,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YAAS,WAAU,GAAC,KAAM,OAAM,gBAEjC,EACF,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YAAS,WAAU,GAAC,KAAM,MAAK,eAEhC,EACF,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YAAS,WAAU,GAAC,KAAM,QAAO,iBAElC,EACF,GACF,CAEJ,CAEA,SAASC,GAAgB,CACvB,SACE,QAAC,UAAO,UAAU,SAAS,SAAQ,GAAC,MAAO,IAAK,KAAK,KAAK,aAAW,OAAC,cAAU,EAC9E,oBAAC,SAAO,KAAP,CACC,mBAAC,YACC,WAAU,GACV,WAAU,GACV,MAAM,OACN,SAAS,WACT,KAAM,OACN,UAAW,eACb,EACF,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YACC,WAAU,GACV,WAAU,GACV,MAAM,OACN,SAAS,WACT,KAAM,OACN,UAAW,eACb,EACF,GACF,CAEJ",
|
|
6
|
+
"names": ["ListItemDemo_exports", "__export", "ListItemDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui", "ListItemDemo1", "ListItemDemo2"]
|
|
7
7
|
}
|
|
@@ -1,67 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var LucideIconsDemo_exports = {};
|
|
30
|
-
__export(LucideIconsDemo_exports, {
|
|
31
|
-
LucideIconsDemo: () => LucideIconsDemo
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(LucideIconsDemo_exports);
|
|
34
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
-
var LucideIcons = __toESM(require("@tamagui/lucide-icons"));
|
|
36
|
-
var import_react = require("react");
|
|
37
|
-
var import_react_native = require("react-native");
|
|
38
|
-
var import_tamagui = require("tamagui");
|
|
39
|
-
const lucideIcons = Object.keys(LucideIcons).map((name) => ({
|
|
40
|
-
key: name.toLowerCase(),
|
|
41
|
-
name,
|
|
42
|
-
Icon: LucideIcons[name]
|
|
43
|
-
}));
|
|
44
|
-
function LucideIconsDemo() {
|
|
45
|
-
const [searchRaw, setSearch] = (0, import_react.useState)("");
|
|
46
|
-
const search = (0, import_tamagui.useDebounceValue)(searchRaw, 400);
|
|
47
|
-
const size = 100;
|
|
48
|
-
const iconsMemo = (0, import_react.useMemo)(() => {
|
|
49
|
-
const icons = lucideIcons.filter((x) => x.key.startsWith(search.toLowerCase()));
|
|
50
|
-
return icons.slice(0, 835).map(({ Icon, name }) => {
|
|
51
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { height: size, alignItems: "center", justifyContent: "center", children: [
|
|
52
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: size * 0.25 }),
|
|
53
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {}),
|
|
54
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", o: 0.5, children: name })
|
|
55
|
-
] }, name);
|
|
56
|
-
});
|
|
57
|
-
}, [search]);
|
|
58
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignSelf: "stretch", padding: "$4", paddingBottom: "$0", space: true, children: [
|
|
59
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { height: 420, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Grid, { itemMinWidth: size, children: iconsMemo }) }) })
|
|
61
|
-
] });
|
|
62
|
-
}
|
|
63
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
64
|
-
0 && (module.exports = {
|
|
65
|
-
LucideIconsDemo
|
|
66
|
-
});
|
|
1
|
+
"use strict";var d=Object.create;var a=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var I=(e,o)=>{for(var c in o)a(e,c,{get:o[c],enumerable:!0})},l=(e,o,c,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of g(o))!k.call(e,s)&&s!==c&&a(e,s,{get:()=>o[s],enumerable:!(i=S(o,s))||i.enumerable});return e};var w=(e,o,c)=>(c=e!=null?d(f(e)):{},l(o||!e||!e.__esModule?a(c,"default",{value:e,enumerable:!0}):c,e)),y=e=>l(a({},"__esModule",{value:!0}),e);var Y={};I(Y,{LucideIconsDemo:()=>L});module.exports=y(Y);var r=require("react/jsx-runtime"),u=w(require("@tamagui/lucide-icons")),n=require("react"),m=require("react-native"),t=require("tamagui");const C=Object.keys(u).map(e=>({key:e.toLowerCase(),name:e,Icon:u[e]}));function L(){const[e,o]=(0,n.useState)(""),c=(0,t.useDebounceValue)(e,400),i=100,s=(0,n.useMemo)(()=>C.filter(h=>h.key.startsWith(c.toLowerCase())).slice(0,835).map(({Icon:h,name:p})=>(0,r.jsxs)(t.YStack,{height:i,alignItems:"center",justifyContent:"center",children:[(0,r.jsx)(h,{size:i*.25}),(0,r.jsx)(t.Spacer,{}),(0,r.jsx)(t.Paragraph,{size:"$2",o:.5,children:p})]},p)),[c]);return(0,r.jsxs)(t.YStack,{alignSelf:"stretch",padding:"$4",paddingBottom:"$0",space:!0,children:[(0,r.jsx)(t.Input,{value:e,onChangeText:o,placeholder:"Search..."}),(0,r.jsx)(t.YStack,{height:420,children:(0,r.jsx)(m.ScrollView,{children:(0,r.jsx)(t.Grid,{itemMinWidth:i,children:s})})})]})}0&&(module.exports={LucideIconsDemo});
|
|
67
2
|
//# sourceMappingURL=LucideIconsDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LucideIconsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as LucideIcons from '@tamagui/lucide-icons'\nimport { useMemo, useState } from 'react'\nimport { ScrollView } from 'react-native'\nimport { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from 'tamagui'\n\nconst lucideIcons = Object.keys(LucideIcons).map((name) => ({\n key: name.toLowerCase(),\n name,\n Icon: LucideIcons[name],\n}))\n\nexport function LucideIconsDemo() {\n const [searchRaw, setSearch] = useState('')\n const search = useDebounceValue(searchRaw, 400)\n\n const size = 100\n\n const iconsMemo = useMemo(() => {\n const icons = lucideIcons.filter((x) => x.key.startsWith(search.toLowerCase()))\n return icons.slice(0, 835).map(({ Icon, name }) => {\n return (\n <YStack height={size} alignItems=\"center\" justifyContent=\"center\" key={name}>\n <Icon size={size * 0.25} />\n <Spacer />\n <Paragraph size=\"$2\" o={0.5}>\n {name}\n </Paragraph>\n </YStack>\n )\n })\n }, [search])\n\n return (\n <YStack alignSelf=\"stretch\" padding=\"$4\" paddingBottom=\"$0\" space>\n <Input value={searchRaw} onChangeText={setSearch} placeholder=\"Search...\" />\n\n <YStack height={420}>\n <ScrollView>\n <Grid itemMinWidth={size}>{iconsMemo}</Grid>\n </ScrollView>\n </YStack>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAqBQ,IAAAI,EAAA,6BArBRC,EAA6B,oCAC7BC,EAAkC,iBAClCC,EAA2B,wBAC3BC,EAAyE,mBAEzE,MAAMC,EAAc,OAAO,KAAKJ,CAAW,EAAE,IAAKK,IAAU,CAC1D,IAAKA,EAAK,YAAY,EACtB,KAAAA,EACA,KAAML,EAAYK,CAAI,CACxB,EAAE,EAEK,SAASR,GAAkB,CAChC,KAAM,CAACS,EAAWC,CAAS,KAAI,YAAS,EAAE,EACpCC,KAAS,oBAAiBF,EAAW,GAAG,EAExCG,EAAO,IAEPC,KAAY,WAAQ,IACVN,EAAY,OAAQO,GAAMA,EAAE,IAAI,WAAWH,EAAO,YAAY,CAAC,CAAC,EACjE,MAAM,EAAG,GAAG,EAAE,IAAI,CAAC,CAAE,KAAAI,EAAM,KAAAP,CAAK,OAEzC,QAAC,UAAO,OAAQI,EAAM,WAAW,SAAS,eAAe,SACvD,oBAACG,EAAA,CAAK,KAAMH,EAAO,IAAM,KACzB,OAAC,WAAO,KACR,OAAC,aAAU,KAAK,KAAK,EAAG,GACrB,SAAAJ,EACH,IALqEA,CAMvE,CAEH,EACA,CAACG,CAAM,CAAC,EAEX,SACE,QAAC,UAAO,UAAU,UAAU,QAAQ,KAAK,cAAc,KAAK,MAAK,GAC/D,oBAAC,SAAM,MAAOF,EAAW,aAAcC,EAAW,YAAY,YAAY,KAE1E,OAAC,UAAO,OAAQ,IACd,mBAAC,cACC,mBAAC,QAAK,aAAcE,EAAO,SAAAC,EAAU,EACvC,EACF,GACF,CAEJ",
|
|
6
|
+
"names": ["LucideIconsDemo_exports", "__export", "LucideIconsDemo", "__toCommonJS", "import_jsx_runtime", "LucideIcons", "import_react", "import_react_native", "import_tamagui", "lucideIcons", "name", "searchRaw", "setSearch", "search", "size", "iconsMemo", "x", "Icon"]
|
|
7
7
|
}
|
package/dist/cjs/PopoverDemo.js
CHANGED
|
@@ -1,93 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var PopoverDemo_exports = {};
|
|
20
|
-
__export(PopoverDemo_exports, {
|
|
21
|
-
Demo: () => Demo,
|
|
22
|
-
PopoverDemo: () => PopoverDemo
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(PopoverDemo_exports);
|
|
25
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
26
|
-
var import_lucide_icons = require("@tamagui/lucide-icons");
|
|
27
|
-
var import_tamagui = require("tamagui");
|
|
28
|
-
function PopoverDemo() {
|
|
29
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "left", Icon: import_lucide_icons.ChevronLeft, Name: "left-popover" }),
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "bottom", Icon: import_lucide_icons.ChevronDown, Name: "bottom-popover" }),
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "top", Icon: import_lucide_icons.ChevronUp, Name: "top-popover" }),
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "right", Icon: import_lucide_icons.ChevronRight, Name: "right-popover" })
|
|
34
|
-
] });
|
|
35
|
-
}
|
|
36
|
-
function Demo({
|
|
37
|
-
Icon,
|
|
38
|
-
Name,
|
|
39
|
-
...props
|
|
40
|
-
}) {
|
|
41
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", ...props, children: [
|
|
42
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon }) }),
|
|
43
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "web", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
|
|
44
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
|
|
45
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, {})
|
|
46
|
-
] }) }),
|
|
47
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
48
|
-
import_tamagui.Popover.Content,
|
|
49
|
-
{
|
|
50
|
-
borderWidth: 1,
|
|
51
|
-
borderColor: "$borderColor",
|
|
52
|
-
enterStyle: { x: 0, y: -10, opacity: 0 },
|
|
53
|
-
exitStyle: { x: 0, y: -10, opacity: 0 },
|
|
54
|
-
x: 0,
|
|
55
|
-
y: 0,
|
|
56
|
-
opacity: 1,
|
|
57
|
-
animation: [
|
|
58
|
-
"quick",
|
|
59
|
-
{
|
|
60
|
-
opacity: {
|
|
61
|
-
overshootClamping: true
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
],
|
|
65
|
-
elevate: true,
|
|
66
|
-
children: [
|
|
67
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
68
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { space: "$3", children: [
|
|
69
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", children: [
|
|
70
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: "$3", htmlFor: Name, children: "Name" }),
|
|
71
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { size: "$3", id: Name })
|
|
72
|
-
] }) }),
|
|
73
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
74
|
-
import_tamagui.Button,
|
|
75
|
-
{
|
|
76
|
-
size: "$3",
|
|
77
|
-
onPress: () => {
|
|
78
|
-
},
|
|
79
|
-
children: "Submit"
|
|
80
|
-
}
|
|
81
|
-
) }) })
|
|
82
|
-
] })
|
|
83
|
-
]
|
|
84
|
-
}
|
|
85
|
-
)
|
|
86
|
-
] });
|
|
87
|
-
}
|
|
88
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
89
|
-
0 && (module.exports = {
|
|
90
|
-
Demo,
|
|
91
|
-
PopoverDemo
|
|
92
|
-
});
|
|
1
|
+
"use strict";var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var h=(r,t)=>{for(var n in t)m(r,n,{get:t[n],enumerable:!0})},d=(r,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of s(t))!v.call(r,a)&&a!==n&&m(r,a,{get:()=>t[a],enumerable:!(l=c(t,a))||l.enumerable});return r};var C=r=>d(m({},"__esModule",{value:!0}),r);var P={};h(P,{Demo:()=>i,PopoverDemo:()=>u});module.exports=C(P);var e=require("react/jsx-runtime"),p=require("@tamagui/lucide-icons"),o=require("tamagui");function u(){return(0,e.jsxs)(o.XStack,{space:"$2",flex:1,justifyContent:"center",alignItems:"center",children:[(0,e.jsx)(i,{placement:"left",Icon:p.ChevronLeft,Name:"left-popover"}),(0,e.jsx)(i,{placement:"bottom",Icon:p.ChevronDown,Name:"bottom-popover"}),(0,e.jsx)(i,{placement:"top",Icon:p.ChevronUp,Name:"top-popover"}),(0,e.jsx)(i,{placement:"right",Icon:p.ChevronRight,Name:"right-popover"})]})}function i({Icon:r,Name:t,...n}){return(0,e.jsxs)(o.Popover,{size:"$5",...n,children:[(0,e.jsx)(o.Popover.Trigger,{asChild:!0,children:(0,e.jsx)(o.Button,{icon:r})}),(0,e.jsx)(o.Adapt,{when:"sm",platform:"web",children:(0,e.jsxs)(o.Popover.Sheet,{modal:!0,dismissOnSnapToBottom:!0,children:[(0,e.jsx)(o.Popover.Sheet.Frame,{padding:"$4",children:(0,e.jsx)(o.Adapt.Contents,{})}),(0,e.jsx)(o.Popover.Sheet.Overlay,{})]})}),(0,e.jsxs)(o.Popover.Content,{borderWidth:1,borderColor:"$borderColor",enterStyle:{x:0,y:-10,opacity:0},exitStyle:{x:0,y:-10,opacity:0},x:0,y:0,opacity:1,animation:["quick",{opacity:{overshootClamping:!0}}],elevate:!0,children:[(0,e.jsx)(o.Popover.Arrow,{borderWidth:1,borderColor:"$borderColor"}),(0,e.jsxs)(o.YGroup,{space:"$3",children:[(0,e.jsx)(o.YGroup.Item,{children:(0,e.jsxs)(o.XStack,{space:"$3",children:[(0,e.jsx)(o.Label,{size:"$3",htmlFor:t,children:"Name"}),(0,e.jsx)(o.Input,{size:"$3",id:t})]})}),(0,e.jsx)(o.YGroup.Item,{children:(0,e.jsx)(o.Popover.Close,{asChild:!0,children:(0,e.jsx)(o.Button,{size:"$3",onPress:()=>{},children:"Submit"})})})]})]})]})}0&&(module.exports={Demo,PopoverDemo});
|
|
93
2
|
//# sourceMappingURL=PopoverDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'\nimport {\n Adapt,\n Button,\n Input,\n Label,\n Popover,\n PopoverProps,\n XStack,\n YGroup,\n} from 'tamagui'\n\nexport function PopoverDemo() {\n return (\n <XStack space=\"$2\" flex={1} justifyContent=\"center\" alignItems=\"center\">\n <Demo placement=\"left\" Icon={ChevronLeft} Name=\"left-popover\" />\n <Demo placement=\"bottom\" Icon={ChevronDown} Name=\"bottom-popover\" />\n <Demo placement=\"top\" Icon={ChevronUp} Name=\"top-popover\" />\n <Demo placement=\"right\" Icon={ChevronRight} Name=\"right-popover\" />\n </XStack>\n )\n}\n\nexport function Demo({\n Icon,\n Name,\n ...props\n}: PopoverProps & { Icon?: any; Name?: string }) {\n return (\n <Popover size=\"$5\" {...props}>\n <Popover.Trigger asChild>\n <Button icon={Icon} />\n </Popover.Trigger>\n\n <Adapt when=\"sm\" platform=\"web\">\n <Popover.Sheet modal dismissOnSnapToBottom>\n <Popover.Sheet.Frame padding=\"$4\">\n <Adapt.Contents />\n </Popover.Sheet.Frame>\n <Popover.Sheet.Overlay />\n </Popover.Sheet>\n </Adapt>\n\n <Popover.Content\n borderWidth={1}\n borderColor=\"$borderColor\"\n enterStyle={{ x: 0, y: -10, opacity: 0 }}\n exitStyle={{ x: 0, y: -10, opacity: 0 }}\n x={0}\n y={0}\n opacity={1}\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n elevate\n >\n <Popover.Arrow borderWidth={1} borderColor=\"$borderColor\" />\n\n <YGroup space=\"$3\">\n <YGroup.Item>\n <XStack space=\"$3\">\n <Label size=\"$3\" htmlFor={Name}>\n Name\n </Label>\n <Input size=\"$3\" id={Name} />\n </XStack>\n </YGroup.Item>\n <YGroup.Item>\n <Popover.Close asChild>\n <Button\n size=\"$3\"\n onPress={() => {\n /* Custom code goes here, does not interfere with popover closure */\n }}\n >\n Submit\n </Button>\n </Popover.Close>\n </YGroup.Item>\n </YGroup>\n </Popover.Content>\n </Popover>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,IAAA,eAAAC,EAAAJ,GAcI,IAAAK,EAAA,6BAdJC,EAAkE,iCAClEC,EASO,mBAEA,SAASJ,GAAc,CAC5B,SACE,QAAC,UAAO,MAAM,KAAK,KAAM,EAAG,eAAe,SAAS,WAAW,SAC7D,oBAACD,EAAA,CAAK,UAAU,OAAO,KAAM,cAAa,KAAK,eAAe,KAC9D,OAACA,EAAA,CAAK,UAAU,SAAS,KAAM,cAAa,KAAK,iBAAiB,KAClE,OAACA,EAAA,CAAK,UAAU,MAAM,KAAM,YAAW,KAAK,cAAc,KAC1D,OAACA,EAAA,CAAK,UAAU,QAAQ,KAAM,eAAc,KAAK,gBAAgB,GACnE,CAEJ,CAEO,SAASA,EAAK,CACnB,KAAAM,EACA,KAAAC,EACA,GAAGC,CACL,EAAiD,CAC/C,SACE,QAAC,WAAQ,KAAK,KAAM,GAAGA,EACrB,oBAAC,UAAQ,QAAR,CAAgB,QAAO,GACtB,mBAAC,UAAO,KAAMF,EAAM,EACtB,KAEA,OAAC,SAAM,KAAK,KAAK,SAAS,MACxB,oBAAC,UAAQ,MAAR,CAAc,MAAK,GAAC,sBAAqB,GACxC,oBAAC,UAAQ,MAAM,MAAd,CAAoB,QAAQ,KAC3B,mBAAC,QAAM,SAAN,EAAe,EAClB,KACA,OAAC,UAAQ,MAAM,QAAd,EAAsB,GACzB,EACF,KAEA,QAAC,UAAQ,QAAR,CACC,YAAa,EACb,YAAY,eACZ,WAAY,CAAE,EAAG,EAAG,EAAG,IAAK,QAAS,CAAE,EACvC,UAAW,CAAE,EAAG,EAAG,EAAG,IAAK,QAAS,CAAE,EACtC,EAAG,EACH,EAAG,EACH,QAAS,EACT,UAAW,CACT,QACA,CACE,QAAS,CACP,kBAAmB,EACrB,CACF,CACF,EACA,QAAO,GAEP,oBAAC,UAAQ,MAAR,CAAc,YAAa,EAAG,YAAY,eAAe,KAE1D,QAAC,UAAO,MAAM,KACZ,oBAAC,SAAO,KAAP,CACC,oBAAC,UAAO,MAAM,KACZ,oBAAC,SAAM,KAAK,KAAK,QAASC,EAAM,gBAEhC,KACA,OAAC,SAAM,KAAK,KAAK,GAAIA,EAAM,GAC7B,EACF,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,UAAQ,MAAR,CAAc,QAAO,GACpB,mBAAC,UACC,KAAK,KACL,QAAS,IAAM,CAEf,EACD,kBAED,EACF,EACF,GACF,GACF,GACF,CAEJ",
|
|
6
|
+
"names": ["PopoverDemo_exports", "__export", "Demo", "PopoverDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui", "Icon", "Name", "props"]
|
|
7
7
|
}
|
package/dist/cjs/ProgressDemo.js
CHANGED
|
@@ -1,72 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var ProgressDemo_exports = {};
|
|
20
|
-
__export(ProgressDemo_exports, {
|
|
21
|
-
ProgressDemo: () => ProgressDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(ProgressDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_react = require("react");
|
|
26
|
-
var import_tamagui = require("tamagui");
|
|
27
|
-
function ProgressDemo() {
|
|
28
|
-
const [size, setSize] = (0, import_react.useState)(4);
|
|
29
|
-
const [progress, setProgress] = (0, import_react.useState)(20);
|
|
30
|
-
const sizeProp = `$${size}`;
|
|
31
|
-
(0, import_react.useEffect)(() => {
|
|
32
|
-
const timer = setTimeout(() => setProgress(60), 1e3);
|
|
33
|
-
return () => {
|
|
34
|
-
clearTimeout(timer);
|
|
35
|
-
};
|
|
36
|
-
}, []);
|
|
37
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { height: 60, alignItems: "center", space: true, children: [
|
|
39
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, { height: 30, opacity: 0.5, children: [
|
|
40
|
-
"Size: ",
|
|
41
|
-
size
|
|
42
|
-
] }),
|
|
43
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, { animation: "bouncy" }) })
|
|
44
|
-
] }),
|
|
45
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: true, position: "absolute", bottom: "$3", left: "$4", $xxs: { display: "none" }, children: [
|
|
46
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
47
|
-
import_tamagui.Slider,
|
|
48
|
-
{
|
|
49
|
-
size: "$2",
|
|
50
|
-
width: 130,
|
|
51
|
-
defaultValue: [4],
|
|
52
|
-
min: 2,
|
|
53
|
-
max: 6,
|
|
54
|
-
step: 1,
|
|
55
|
-
onValueChange: ([val]) => {
|
|
56
|
-
setSize(val);
|
|
57
|
-
},
|
|
58
|
-
children: [
|
|
59
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { borderWidth: 1, borderColor: "$color5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }),
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, { circular: true, index: 0 })
|
|
61
|
-
]
|
|
62
|
-
}
|
|
63
|
-
),
|
|
64
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
|
|
65
|
-
] })
|
|
66
|
-
] });
|
|
67
|
-
}
|
|
68
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
69
|
-
0 && (module.exports = {
|
|
70
|
-
ProgressDemo
|
|
71
|
-
});
|
|
1
|
+
"use strict";var u=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var d=(r,o)=>{for(var i in o)u(r,i,{get:o[i],enumerable:!0})},S=(r,o,i,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of m(o))!p.call(r,s)&&s!==i&&u(r,s,{get:()=>o[s],enumerable:!(a=l(o,s))||a.enumerable});return r};var g=r=>S(u({},"__esModule",{value:!0}),r);var k={};d(k,{ProgressDemo:()=>h});module.exports=g(k);var t=require("react/jsx-runtime"),c=require("react"),e=require("tamagui");function h(){const[r,o]=(0,c.useState)(4),[i,a]=(0,c.useState)(20),s=`$${r}`;return(0,c.useEffect)(()=>{const n=setTimeout(()=>a(60),1e3);return()=>{clearTimeout(n)}},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(e.YStack,{height:60,alignItems:"center",space:!0,children:[(0,t.jsxs)(e.Paragraph,{height:30,opacity:.5,children:["Size: ",r]}),(0,t.jsx)(e.Progress,{size:s,value:i,children:(0,t.jsx)(e.Progress.Indicator,{animation:"bouncy"})})]}),(0,t.jsxs)(e.XStack,{ai:"center",space:!0,position:"absolute",bottom:"$3",left:"$4",$xxs:{display:"none"},children:[(0,t.jsxs)(e.Slider,{size:"$2",width:130,defaultValue:[4],min:2,max:6,step:1,onValueChange:([n])=>{o(n)},children:[(0,t.jsx)(e.Slider.Track,{borderWidth:1,borderColor:"$color5",children:(0,t.jsx)(e.Slider.TrackActive,{})}),(0,t.jsx)(e.Slider.Thumb,{circular:!0,index:0})]}),(0,t.jsx)(e.Button,{size:"$2",onPress:()=>a(n=>(n+20)%100),children:"Load"})]})]})}0&&(module.exports={ProgressDemo});
|
|
72
2
|
//# sourceMappingURL=ProgressDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ProgressDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { useEffect, useState } from 'react'\nimport { Button, Paragraph, Progress, SizeTokens, Slider, XStack, YStack } from 'tamagui'\n\nexport function ProgressDemo() {\n const [size, setSize] = useState(4)\n const [progress, setProgress] = useState(20)\n const sizeProp = `$${size}` as SizeTokens\n\n useEffect(() => {\n const timer = setTimeout(() => setProgress(60), 1000)\n return () => {\n clearTimeout(timer)\n }\n }, [])\n\n return (\n <>\n <YStack height={60} alignItems=\"center\" space>\n <Paragraph height={30} opacity={0.5}>\n Size: {size}\n </Paragraph>\n <Progress size={sizeProp} value={progress}>\n <Progress.Indicator animation=\"bouncy\" />\n </Progress>\n </YStack>\n\n <XStack ai=\"center\" space position=\"absolute\" bottom=\"$3\" left=\"$4\" $xxs={{ display: 'none' }}>\n <Slider\n size=\"$2\"\n width={130}\n defaultValue={[4]}\n min={2}\n max={6}\n step={1}\n onValueChange={([val]) => {\n setSize(val)\n }}\n >\n <Slider.Track borderWidth={1} borderColor=\"$color5\">\n <Slider.TrackActive />\n </Slider.Track>\n <Slider.Thumb circular index={0} />\n </Slider>\n\n <Button size=\"$2\" onPress={() => setProgress((prev) => (prev + 20) % 100)}>\n Load\n </Button>\n </XStack>\n </>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAgBI,IAAAI,EAAA,6BAhBJC,EAAoC,iBACpCC,EAAgF,mBAEzE,SAASJ,GAAe,CAC7B,KAAM,CAACK,EAAMC,CAAO,KAAI,YAAS,CAAC,EAC5B,CAACC,EAAUC,CAAW,KAAI,YAAS,EAAE,EACrCC,EAAW,IAAIJ,IAErB,sBAAU,IAAM,CACd,MAAMK,EAAQ,WAAW,IAAMF,EAAY,EAAE,EAAG,GAAI,EACpD,MAAO,IAAM,CACX,aAAaE,CAAK,CACpB,CACF,EAAG,CAAC,CAAC,KAGH,oBACE,qBAAC,UAAO,OAAQ,GAAI,WAAW,SAAS,MAAK,GAC3C,qBAAC,aAAU,OAAQ,GAAI,QAAS,GAAK,mBAC5BL,GACT,KACA,OAAC,YAAS,KAAMI,EAAU,MAAOF,EAC/B,mBAAC,WAAS,UAAT,CAAmB,UAAU,SAAS,EACzC,GACF,KAEA,QAAC,UAAO,GAAG,SAAS,MAAK,GAAC,SAAS,WAAW,OAAO,KAAK,KAAK,KAAK,KAAM,CAAE,QAAS,MAAO,EAC1F,qBAAC,UACC,KAAK,KACL,MAAO,IACP,aAAc,CAAC,CAAC,EAChB,IAAK,EACL,IAAK,EACL,KAAM,EACN,cAAe,CAAC,CAACI,CAAG,IAAM,CACxBL,EAAQK,CAAG,CACb,EAEA,oBAAC,SAAO,MAAP,CAAa,YAAa,EAAG,YAAY,UACxC,mBAAC,SAAO,YAAP,EAAmB,EACtB,KACA,OAAC,SAAO,MAAP,CAAa,SAAQ,GAAC,MAAO,EAAG,GACnC,KAEA,OAAC,UAAO,KAAK,KAAK,QAAS,IAAMH,EAAaI,IAAUA,EAAO,IAAM,GAAG,EAAG,gBAE3E,GACF,GACF,CAEJ",
|
|
6
|
+
"names": ["ProgressDemo_exports", "__export", "ProgressDemo", "__toCommonJS", "import_jsx_runtime", "import_react", "import_tamagui", "size", "setSize", "progress", "setProgress", "sizeProp", "timer", "val", "prev"]
|
|
7
7
|
}
|
|
@@ -1,44 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var RadioGroupDemo_exports = {};
|
|
20
|
-
__export(RadioGroupDemo_exports, {
|
|
21
|
-
RadioGroupDemo: () => RadioGroupDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(RadioGroupDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_tamagui = require("tamagui");
|
|
26
|
-
function RadioGroupDemo() {
|
|
27
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, { defaultValue: "3", name: "form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", space: "$2", children: [
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
|
|
31
|
-
] }) });
|
|
32
|
-
}
|
|
33
|
-
function RadioGroupItemWithLabel(props) {
|
|
34
|
-
const id = `radiogroup-${props.value}`;
|
|
35
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$4", children: [
|
|
36
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {}) }),
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: props.size, htmlFor: id, children: props.label })
|
|
38
|
-
] });
|
|
39
|
-
}
|
|
40
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
41
|
-
0 && (module.exports = {
|
|
42
|
-
RadioGroupDemo
|
|
43
|
-
});
|
|
1
|
+
"use strict";var u=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var m=(e,a)=>{for(var o in a)u(e,o,{get:a[o],enumerable:!0})},v=(e,a,o,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of c(a))!s.call(e,t)&&t!==o&&u(e,t,{get:()=>a[t],enumerable:!(r=d(a,t))||r.enumerable});return e};var z=e=>v(u({},"__esModule",{value:!0}),e);var S={};m(S,{RadioGroupDemo:()=>b});module.exports=z(S);var i=require("react/jsx-runtime"),l=require("tamagui");function b(){return(0,i.jsx)(l.RadioGroup,{defaultValue:"3",name:"form",children:(0,i.jsxs)(l.YStack,{width:300,alignItems:"center",space:"$2",children:[(0,i.jsx)(n,{size:"$3",value:"2",label:"Second value"}),(0,i.jsx)(n,{size:"$4",value:"3",label:"Third value"}),(0,i.jsx)(n,{size:"$5",value:"4",label:"Fourth value"})]})})}function n(e){const a=`radiogroup-${e.value}`;return(0,i.jsxs)(l.XStack,{width:300,alignItems:"center",space:"$4",children:[(0,i.jsx)(l.RadioGroup.Item,{value:e.value,id:a,size:e.size,children:(0,i.jsx)(l.RadioGroup.Indicator,{})}),(0,i.jsx)(l.Label,{size:e.size,htmlFor:a,children:e.label})]})}0&&(module.exports={RadioGroupDemo});
|
|
44
2
|
//# sourceMappingURL=RadioGroupDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/RadioGroupDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n return (\n <RadioGroup defaultValue=\"3\" name=\"form\">\n <YStack width={300} alignItems=\"center\" space=\"$2\">\n <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n </YStack>\n </RadioGroup>\n )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n size: SizeTokens\n value: string\n label: string\n}) {\n const id = `radiogroup-${props.value}`\n return (\n <XStack width={300} alignItems=\"center\" space=\"$4\">\n <RadioGroup.Item value={props.value} id={id} size={props.size}>\n <RadioGroup.Indicator />\n </RadioGroup.Item>\n\n <Label size={props.size} htmlFor={id}>\n {props.label}\n </Label>\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAA8E,mBAEvE,SAASH,GAAiB,CAC/B,SACE,OAAC,cAAW,aAAa,IAAI,KAAK,OAChC,oBAAC,UAAO,MAAO,IAAK,WAAW,SAAS,MAAM,KAC5C,oBAACI,EAAA,CAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe,KAClE,OAACA,EAAA,CAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,cAAc,KACjE,OAACA,EAAA,CAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe,GACpE,EACF,CAEJ,CAEA,SAASA,EAAwBC,EAI9B,CACD,MAAMC,EAAK,cAAcD,EAAM,QAC/B,SACE,QAAC,UAAO,MAAO,IAAK,WAAW,SAAS,MAAM,KAC5C,oBAAC,aAAW,KAAX,CAAgB,MAAOA,EAAM,MAAO,GAAIC,EAAI,KAAMD,EAAM,KACvD,mBAAC,aAAW,UAAX,EAAqB,EACxB,KAEA,OAAC,SAAM,KAAMA,EAAM,KAAM,QAASC,EAC/B,SAAAD,EAAM,MACT,GACF,CAEJ",
|
|
6
|
+
"names": ["RadioGroupDemo_exports", "__export", "RadioGroupDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "RadioGroupItemWithLabel", "props", "id"]
|
|
7
7
|
}
|
|
@@ -1,42 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var ScrollViewDemo_exports = {};
|
|
20
|
-
__export(ScrollViewDemo_exports, {
|
|
21
|
-
ScrollViewDemo: () => ScrollViewDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(ScrollViewDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_tamagui = require("tamagui");
|
|
26
|
-
function ScrollViewDemo() {
|
|
27
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, { maxHeight: 250, width: "75%", backgroundColor: "$background", padding: "$4", borderRadius: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { flexWrap: "wrap", alignItems: "center", justifyContent: "center", children: [
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$red9" }),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$orange9" }),
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$yellow9" }),
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$green9" }),
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$blue9" }),
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$purple9" }),
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$pink9" }),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$red9" })
|
|
36
|
-
] }) });
|
|
37
|
-
}
|
|
38
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
39
|
-
0 && (module.exports = {
|
|
40
|
-
ScrollViewDemo
|
|
41
|
-
});
|
|
1
|
+
"use strict";var g=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var u=(n,e)=>{for(var a in e)g(n,a,{get:e[a],enumerable:!0})},k=(n,e,a,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of c(e))!d.call(n,i)&&i!==a&&g(n,i,{get:()=>e[i],enumerable:!(l=$(e,i))||l.enumerable});return n};var b=n=>k(g({},"__esModule",{value:!0}),n);var t={};u(t,{ScrollViewDemo:()=>m});module.exports=b(t);var o=require("react/jsx-runtime"),r=require("tamagui");function m(){return(0,o.jsx)(r.ScrollView,{maxHeight:250,width:"75%",backgroundColor:"$background",padding:"$4",borderRadius:"$4",children:(0,o.jsxs)(r.XStack,{flexWrap:"wrap",alignItems:"center",justifyContent:"center",children:[(0,o.jsx)(r.Square,{margin:"$4",size:120,backgroundColor:"$red9"}),(0,o.jsx)(r.Circle,{margin:"$4",size:120,backgroundColor:"$orange9"}),(0,o.jsx)(r.Square,{margin:"$4",size:120,backgroundColor:"$yellow9"}),(0,o.jsx)(r.Circle,{margin:"$4",size:120,backgroundColor:"$green9"}),(0,o.jsx)(r.Square,{margin:"$4",size:120,backgroundColor:"$blue9"}),(0,o.jsx)(r.Circle,{margin:"$4",size:120,backgroundColor:"$purple9"}),(0,o.jsx)(r.Square,{margin:"$4",size:120,backgroundColor:"$pink9"}),(0,o.jsx)(r.Circle,{margin:"$4",size:120,backgroundColor:"$red9"})]})})}0&&(module.exports={ScrollViewDemo});
|
|
42
2
|
//# sourceMappingURL=ScrollViewDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ScrollViewDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Circle, ScrollView, Square, XStack } from 'tamagui'\n\nexport function ScrollViewDemo() {\n return (\n <ScrollView maxHeight={250} width=\"75%\" backgroundColor=\"$background\" padding=\"$4\" borderRadius=\"$4\">\n <XStack flexWrap=\"wrap\" alignItems=\"center\" justifyContent=\"center\">\n <Square margin=\"$4\" size={120} backgroundColor=\"$red9\" />\n <Circle margin=\"$4\" size={120} backgroundColor=\"$orange9\" />\n <Square margin=\"$4\" size={120} backgroundColor=\"$yellow9\" />\n <Circle margin=\"$4\" size={120} backgroundColor=\"$green9\" />\n <Square margin=\"$4\" size={120} backgroundColor=\"$blue9\" />\n <Circle margin=\"$4\" size={120} backgroundColor=\"$purple9\" />\n <Square margin=\"$4\" size={120} backgroundColor=\"$pink9\" />\n <Circle margin=\"$4\" size={120} backgroundColor=\"$red9\" />\n </XStack>\n </ScrollView>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAmD,mBAE5C,SAASH,GAAiB,CAC/B,SACE,OAAC,cAAW,UAAW,IAAK,MAAM,MAAM,gBAAgB,cAAc,QAAQ,KAAK,aAAa,KAC9F,oBAAC,UAAO,SAAS,OAAO,WAAW,SAAS,eAAe,SACzD,oBAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,QAAQ,KACvD,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,KAC1D,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,KAC1D,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,UAAU,KACzD,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,SAAS,KACxD,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,KAC1D,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,SAAS,KACxD,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,QAAQ,GACzD,EACF,CAEJ",
|
|
6
|
+
"names": ["ScrollViewDemo_exports", "__export", "ScrollViewDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
|
|
7
7
|
}
|