@tamagui/demos 2.0.0-rc.9 → 2.0.0
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/AccordionDemo.cjs +19 -17
- package/dist/cjs/AccordionDemo.native.js +19 -17
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +31 -28
- package/dist/cjs/AddThemeDemo.native.js +33 -30
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +20 -18
- package/dist/cjs/AlertDialogDemo.native.js +20 -18
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +40 -35
- package/dist/cjs/AnimationsDelayDemo.native.js +41 -36
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +27 -23
- package/dist/cjs/AnimationsDemo.native.js +29 -28
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +39 -34
- package/dist/cjs/AnimationsEnterDemo.native.js +38 -34
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +68 -66
- package/dist/cjs/AnimationsPresenceDemo.native.js +71 -69
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +16 -14
- package/dist/cjs/AvatarDemo.native.js +16 -14
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +59 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js +64 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -0
- package/dist/cjs/BuildAButtonDemo.cjs +22 -20
- package/dist/cjs/BuildAButtonDemo.native.js +31 -29
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +20 -18
- package/dist/cjs/ButtonDemo.native.js +20 -18
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +15 -13
- package/dist/cjs/CardDemo.native.js +15 -13
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +18 -16
- package/dist/cjs/CheckboxDemo.native.js +24 -22
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +39 -37
- package/dist/cjs/CheckboxHeadlessDemo.native.js +39 -37
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +42 -40
- package/dist/cjs/CheckboxUnstyledDemo.native.js +43 -41
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +62 -56
- package/dist/cjs/ColorsDemo.native.js +32 -30
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +53 -53
- package/dist/cjs/ContextMenuDemo.native.js +41 -43
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +34 -32
- package/dist/cjs/DialogDemo.native.js +36 -34
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +31 -28
- package/dist/cjs/FormsDemo.native.js +31 -28
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.cjs +51 -42
- package/dist/cjs/Grid.native.js +44 -37
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +17 -15
- package/dist/cjs/GroupDemo.native.js +17 -15
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +14 -12
- package/dist/cjs/HeadingsDemo.native.js +14 -12
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.cjs +14 -12
- package/dist/cjs/ImageDemo.native.js +14 -12
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +14 -12
- package/dist/cjs/InputsDemo.native.js +14 -12
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +14 -12
- package/dist/cjs/LabelDemo.native.js +14 -12
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +15 -13
- package/dist/cjs/LinearGradientDemo.native.js +15 -13
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +32 -22
- package/dist/cjs/ListItemDemo.native.js +32 -22
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +54 -52
- package/dist/cjs/LucideIconsDemo.native.js +69 -67
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +176 -177
- package/dist/cjs/MenuDemo.native.js +179 -180
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +15 -13
- package/dist/cjs/NewInputsDemo.native.js +15 -13
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +29 -27
- package/dist/cjs/PopoverDemo.native.js +29 -27
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +37 -33
- package/dist/cjs/ProgressDemo.native.js +37 -33
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +14 -12
- package/dist/cjs/RadioGroupDemo.native.js +14 -12
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +68 -63
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +60 -60
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +38 -33
- package/dist/cjs/ReplaceThemeDemo.native.js +39 -34
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +14 -12
- package/dist/cjs/ScrollViewDemo.native.js +14 -12
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +54 -50
- package/dist/cjs/SelectDemo.native.js +44 -42
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +16 -14
- package/dist/cjs/SeparatorDemo.native.js +16 -14
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +14 -12
- package/dist/cjs/ShapesDemo.native.js +14 -12
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +127 -121
- package/dist/cjs/SheetDemo.native.js +149 -147
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +14 -12
- package/dist/cjs/SliderDemo.native.js +14 -12
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +14 -12
- package/dist/cjs/SpinnerDemo.native.js +14 -12
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +17 -15
- package/dist/cjs/StacksDemo.native.js +29 -16
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +18 -16
- package/dist/cjs/SwitchDemo.native.js +20 -18
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +38 -36
- package/dist/cjs/SwitchHeadlessDemo.native.js +40 -38
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +50 -48
- package/dist/cjs/SwitchUnstyledDemo.native.js +51 -49
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +316 -294
- package/dist/cjs/TabsAdvancedDemo.native.js +364 -348
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +105 -99
- package/dist/cjs/TabsDemo.native.js +162 -160
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +68 -64
- package/dist/cjs/TabsHeadlessDemo.native.js +94 -81
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +14 -12
- package/dist/cjs/TextDemo.native.js +14 -12
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +213 -131
- package/dist/cjs/ToastDemo.native.js +229 -142
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +49 -60
- package/dist/cjs/ToastDuplicateDemo.native.js +56 -71
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +155 -0
- package/dist/cjs/ToastV1Demo.native.js +166 -0
- package/dist/cjs/ToastV1Demo.native.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.cjs +21 -19
- package/dist/cjs/ToggleGroupDemo.native.js +21 -19
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +80 -74
- package/dist/cjs/TokensDemo.native.js +58 -55
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +27 -24
- package/dist/cjs/TooltipDemo.native.js +27 -24
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +37 -33
- package/dist/cjs/UpdateThemeDemo.native.js +38 -34
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.cjs +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/index.cjs +9 -5
- package/dist/cjs/index.native.js +9 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/tamagui.config.cjs +14 -12
- package/dist/cjs/tamagui.config.native.js +16 -14
- package/dist/cjs/tamagui.config.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +44 -28
- package/dist/cjs/useOnIntersecting.native.js +84 -70
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +3 -3
- package/dist/esm/AccordionDemo.native.js +3 -3
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.mjs +3 -2
- package/dist/esm/AddThemeDemo.mjs.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +5 -4
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +6 -6
- package/dist/esm/AlertDialogDemo.native.js +6 -6
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +12 -9
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +12 -9
- package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.mjs +11 -9
- package/dist/esm/AnimationsDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +13 -14
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +10 -7
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +9 -7
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +35 -35
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +37 -37
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.mjs +2 -2
- package/dist/esm/AvatarDemo.native.js +2 -2
- package/dist/esm/BoxShadowTokenDemo.mjs +34 -0
- package/dist/esm/BoxShadowTokenDemo.mjs.map +1 -0
- package/dist/esm/BoxShadowTokenDemo.native.js +36 -0
- package/dist/esm/BoxShadowTokenDemo.native.js.map +1 -0
- package/dist/esm/BuildAButtonDemo.mjs +6 -6
- package/dist/esm/BuildAButtonDemo.mjs.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +6 -6
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.mjs +2 -2
- package/dist/esm/ButtonDemo.native.js +2 -2
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +3 -3
- package/dist/esm/CheckboxDemo.native.js +9 -9
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +9 -9
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +9 -9
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +25 -25
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +25 -25
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.mjs +47 -43
- package/dist/esm/ColorsDemo.mjs.map +1 -1
- package/dist/esm/ColorsDemo.native.js +17 -17
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/ContextMenuDemo.mjs +21 -23
- package/dist/esm/ContextMenuDemo.mjs.map +1 -1
- package/dist/esm/ContextMenuDemo.native.js +9 -13
- package/dist/esm/ContextMenuDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +16 -16
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +18 -18
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/dist/esm/FormsDemo.mjs +4 -3
- package/dist/esm/FormsDemo.mjs.map +1 -1
- package/dist/esm/FormsDemo.native.js +4 -3
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.mjs +23 -16
- package/dist/esm/Grid.mjs.map +1 -1
- package/dist/esm/Grid.native.js +16 -11
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +9 -1
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +9 -1
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +25 -25
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +32 -32
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/MenuDemo.mjs +148 -151
- package/dist/esm/MenuDemo.mjs.map +1 -1
- package/dist/esm/MenuDemo.native.js +151 -154
- package/dist/esm/MenuDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +10 -10
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +10 -10
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.mjs +8 -6
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.native.js +8 -6
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +38 -35
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +30 -32
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +10 -7
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +11 -8
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +22 -20
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +11 -11
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +2 -2
- package/dist/esm/SeparatorDemo.native.js +2 -2
- package/dist/esm/SheetDemo.mjs +96 -92
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +120 -120
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.mjs +3 -3
- package/dist/esm/StacksDemo.native.js +4 -4
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +4 -4
- package/dist/esm/SwitchDemo.native.js +6 -6
- package/dist/esm/SwitchHeadlessDemo.mjs +9 -9
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +11 -11
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +34 -34
- package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +34 -34
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +289 -269
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +337 -323
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +77 -73
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +135 -135
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +48 -46
- package/dist/esm/TabsHeadlessDemo.mjs.map +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +67 -67
- package/dist/esm/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +196 -105
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +213 -117
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +31 -33
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +32 -38
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/esm/ToastV1Demo.mjs +119 -0
- package/dist/esm/ToastV1Demo.mjs.map +1 -0
- package/dist/esm/ToastV1Demo.native.js +127 -0
- package/dist/esm/ToastV1Demo.native.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.mjs +4 -4
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +4 -4
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.mjs +52 -48
- package/dist/esm/TokensDemo.mjs.map +1 -1
- package/dist/esm/TokensDemo.native.js +24 -23
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.mjs +5 -4
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +5 -4
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +8 -6
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +9 -7
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/index.js +63 -61
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/tamagui.config.native.js +2 -2
- package/dist/esm/tamagui.config.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +30 -16
- package/dist/esm/useOnIntersecting.mjs.map +1 -1
- package/dist/esm/useOnIntersecting.native.js +70 -58
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/package.json +42 -40
- package/src/AccordionDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +2 -2
- package/src/BoxShadowTokenDemo.tsx +35 -0
- package/src/BuildAButtonDemo.tsx +1 -1
- package/src/ButtonDemo.tsx +1 -1
- package/src/CheckboxDemo.tsx +1 -1
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +3 -3
- package/src/DialogDemo.tsx +1 -1
- package/src/GroupDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +27 -6
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +126 -133
- package/src/PopoverDemo.tsx +6 -1
- package/src/ProgressDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -3
- package/src/SheetDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +13 -11
- package/src/ToastDemo.tsx +208 -93
- package/src/ToastDuplicateDemo.tsx +39 -29
- package/src/ToastV1Demo.tsx +121 -0
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -1
- package/src/index.tsx +2 -0
- package/dist/cjs/AccordionDemo.js +0 -77
- package/dist/cjs/AccordionDemo.js.map +0 -6
- package/dist/cjs/AddThemeDemo.js +0 -56
- package/dist/cjs/AddThemeDemo.js.map +0 -6
- package/dist/cjs/AlertDialogDemo.js +0 -68
- package/dist/cjs/AlertDialogDemo.js.map +0 -6
- package/dist/cjs/AnimationsDelayDemo.js +0 -56
- package/dist/cjs/AnimationsDelayDemo.js.map +0 -6
- package/dist/cjs/AnimationsDemo.js +0 -99
- package/dist/cjs/AnimationsDemo.js.map +0 -6
- package/dist/cjs/AnimationsEnterDemo.js +0 -55
- package/dist/cjs/AnimationsEnterDemo.js.map +0 -6
- package/dist/cjs/AnimationsHoverDemo.js +0 -41
- package/dist/cjs/AnimationsHoverDemo.js.map +0 -6
- package/dist/cjs/AnimationsPresenceDemo.js +0 -102
- package/dist/cjs/AnimationsPresenceDemo.js.map +0 -6
- package/dist/cjs/AnimationsTimingDemo.js +0 -40
- package/dist/cjs/AnimationsTimingDemo.js.map +0 -6
- package/dist/cjs/AvatarDemo.js +0 -45
- package/dist/cjs/AvatarDemo.js.map +0 -6
- package/dist/cjs/BuildAButtonDemo.js +0 -65
- package/dist/cjs/BuildAButtonDemo.js.map +0 -6
- package/dist/cjs/ButtonDemo.js +0 -42
- package/dist/cjs/ButtonDemo.js.map +0 -6
- package/dist/cjs/CardDemo.js +0 -60
- package/dist/cjs/CardDemo.js.map +0 -6
- package/dist/cjs/CheckboxDemo.js +0 -41
- package/dist/cjs/CheckboxDemo.js.map +0 -6
- package/dist/cjs/CheckboxHeadlessDemo.js +0 -62
- package/dist/cjs/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/cjs/CheckboxUnstyledDemo.js +0 -52
- package/dist/cjs/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/cjs/ColorsDemo.js +0 -107
- package/dist/cjs/ColorsDemo.js.map +0 -6
- package/dist/cjs/ContextMenuDemo.js +0 -200
- package/dist/cjs/ContextMenuDemo.js.map +0 -6
- package/dist/cjs/DialogDemo.js +0 -149
- package/dist/cjs/DialogDemo.js.map +0 -6
- package/dist/cjs/FormsDemo.js +0 -66
- package/dist/cjs/FormsDemo.js.map +0 -6
- package/dist/cjs/Grid.js +0 -46
- package/dist/cjs/Grid.js.map +0 -6
- package/dist/cjs/GroupDemo.js +0 -49
- package/dist/cjs/GroupDemo.js.map +0 -6
- package/dist/cjs/HeadingsDemo.js +0 -31
- package/dist/cjs/HeadingsDemo.js.map +0 -6
- package/dist/cjs/ImageDemo.js +0 -35
- package/dist/cjs/ImageDemo.js.map +0 -6
- package/dist/cjs/InputsDemo.js +0 -43
- package/dist/cjs/InputsDemo.js.map +0 -6
- package/dist/cjs/LabelDemo.js +0 -42
- package/dist/cjs/LabelDemo.js.map +0 -6
- package/dist/cjs/LinearGradientDemo.js +0 -47
- package/dist/cjs/LinearGradientDemo.js.map +0 -6
- package/dist/cjs/ListItemDemo.js +0 -72
- package/dist/cjs/ListItemDemo.js.map +0 -6
- package/dist/cjs/LucideIconsDemo.js +0 -63
- package/dist/cjs/LucideIconsDemo.js.map +0 -6
- package/dist/cjs/MenuDemo.js +0 -187
- package/dist/cjs/MenuDemo.js.map +0 -6
- package/dist/cjs/NewInputsDemo.js +0 -43
- package/dist/cjs/NewInputsDemo.js.map +0 -6
- package/dist/cjs/PopoverDemo.js +0 -127
- package/dist/cjs/PopoverDemo.js.map +0 -6
- package/dist/cjs/ProgressDemo.js +0 -85
- package/dist/cjs/ProgressDemo.js.map +0 -6
- package/dist/cjs/RadioGroupDemo.js +0 -36
- package/dist/cjs/RadioGroupDemo.js.map +0 -6
- package/dist/cjs/RadioGroupHeadlessDemo.js +0 -117
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/cjs/RadioGroupUnstyledDemo.js +0 -106
- package/dist/cjs/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/cjs/ReplaceThemeDemo.js +0 -58
- package/dist/cjs/ReplaceThemeDemo.js.map +0 -6
- package/dist/cjs/ScrollViewDemo.js +0 -33
- package/dist/cjs/ScrollViewDemo.js.map +0 -6
- package/dist/cjs/SelectDemo.js +0 -200
- package/dist/cjs/SelectDemo.js.map +0 -6
- package/dist/cjs/SeparatorDemo.js +0 -35
- package/dist/cjs/SeparatorDemo.js.map +0 -6
- package/dist/cjs/ShapesDemo.js +0 -27
- package/dist/cjs/ShapesDemo.js.map +0 -6
- package/dist/cjs/SheetDemo.js +0 -123
- package/dist/cjs/SheetDemo.js.map +0 -6
- package/dist/cjs/SliderDemo.js +0 -34
- package/dist/cjs/SliderDemo.js.map +0 -6
- package/dist/cjs/SpinnerDemo.js +0 -27
- package/dist/cjs/SpinnerDemo.js.map +0 -6
- package/dist/cjs/StacksDemo.js +0 -86
- package/dist/cjs/StacksDemo.js.map +0 -6
- package/dist/cjs/SwitchDemo.js +0 -58
- package/dist/cjs/SwitchDemo.js.map +0 -6
- package/dist/cjs/SwitchHeadlessDemo.js +0 -88
- package/dist/cjs/SwitchHeadlessDemo.js.map +0 -6
- package/dist/cjs/SwitchUnstyledDemo.js +0 -64
- package/dist/cjs/SwitchUnstyledDemo.js.map +0 -6
- package/dist/cjs/TabsAdvancedDemo.js +0 -288
- package/dist/cjs/TabsAdvancedDemo.js.map +0 -6
- package/dist/cjs/TabsDemo.js +0 -158
- package/dist/cjs/TabsDemo.js.map +0 -6
- package/dist/cjs/TabsHeadlessDemo.js +0 -121
- package/dist/cjs/TabsHeadlessDemo.js.map +0 -6
- package/dist/cjs/TextDemo.js +0 -34
- package/dist/cjs/TextDemo.js.map +0 -6
- package/dist/cjs/ThemeBuilderDemo.js +0 -167
- package/dist/cjs/ThemeBuilderDemo.js.map +0 -6
- package/dist/cjs/ThemeInverseDemo.js +0 -45
- package/dist/cjs/ThemeInverseDemo.js.map +0 -6
- package/dist/cjs/ToastDemo.js +0 -118
- package/dist/cjs/ToastDemo.js.map +0 -6
- package/dist/cjs/ToastDuplicateDemo.js +0 -64
- package/dist/cjs/ToastDuplicateDemo.js.map +0 -6
- package/dist/cjs/ToggleGroupDemo.js +0 -89
- package/dist/cjs/ToggleGroupDemo.js.map +0 -6
- package/dist/cjs/TokensDemo.js +0 -99
- package/dist/cjs/TokensDemo.js.map +0 -6
- package/dist/cjs/TooltipDemo.js +0 -69
- package/dist/cjs/TooltipDemo.js.map +0 -6
- package/dist/cjs/UpdateThemeDemo.js +0 -61
- package/dist/cjs/UpdateThemeDemo.js.map +0 -6
- package/dist/cjs/WebNativeImageDemo.js +0 -24
- package/dist/cjs/WebNativeImageDemo.js.map +0 -6
- package/dist/cjs/index.js +0 -75
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/tamagui.config.js +0 -23
- package/dist/cjs/tamagui.config.js.map +0 -6
- package/dist/cjs/useOnIntersecting.js +0 -65
- package/dist/cjs/useOnIntersecting.js.map +0 -6
- package/dist/esm/AccordionDemo.js +0 -63
- package/dist/esm/AccordionDemo.js.map +0 -6
- package/dist/esm/AddThemeDemo.js +0 -35
- package/dist/esm/AddThemeDemo.js.map +0 -6
- package/dist/esm/AlertDialogDemo.js +0 -53
- package/dist/esm/AlertDialogDemo.js.map +0 -6
- package/dist/esm/AnimationsDelayDemo.js +0 -35
- package/dist/esm/AnimationsDelayDemo.js.map +0 -6
- package/dist/esm/AnimationsDemo.js +0 -86
- package/dist/esm/AnimationsDemo.js.map +0 -6
- package/dist/esm/AnimationsEnterDemo.js +0 -35
- package/dist/esm/AnimationsEnterDemo.js.map +0 -6
- package/dist/esm/AnimationsHoverDemo.js +0 -27
- package/dist/esm/AnimationsHoverDemo.js.map +0 -6
- package/dist/esm/AnimationsPresenceDemo.js +0 -85
- package/dist/esm/AnimationsPresenceDemo.js.map +0 -6
- package/dist/esm/AnimationsTimingDemo.js +0 -26
- package/dist/esm/AnimationsTimingDemo.js.map +0 -6
- package/dist/esm/AvatarDemo.js +0 -30
- package/dist/esm/AvatarDemo.js.map +0 -6
- package/dist/esm/BuildAButtonDemo.js +0 -51
- package/dist/esm/BuildAButtonDemo.js.map +0 -6
- package/dist/esm/ButtonDemo.js +0 -29
- package/dist/esm/ButtonDemo.js.map +0 -6
- package/dist/esm/CardDemo.js +0 -45
- package/dist/esm/CardDemo.js.map +0 -6
- package/dist/esm/CheckboxDemo.js +0 -27
- package/dist/esm/CheckboxDemo.js.map +0 -6
- package/dist/esm/CheckboxHeadlessDemo.js +0 -43
- package/dist/esm/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/esm/CheckboxUnstyledDemo.js +0 -40
- package/dist/esm/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/esm/ColorsDemo.js +0 -104
- package/dist/esm/ColorsDemo.js.map +0 -6
- package/dist/esm/ContextMenuDemo.js +0 -180
- package/dist/esm/ContextMenuDemo.js.map +0 -6
- package/dist/esm/DialogDemo.js +0 -152
- package/dist/esm/DialogDemo.js.map +0 -6
- package/dist/esm/FormsDemo.js +0 -50
- package/dist/esm/FormsDemo.js.map +0 -6
- package/dist/esm/Grid.js +0 -25
- package/dist/esm/Grid.js.map +0 -6
- package/dist/esm/GroupDemo.js +0 -35
- package/dist/esm/GroupDemo.js.map +0 -6
- package/dist/esm/HeadingsDemo.js +0 -16
- package/dist/esm/HeadingsDemo.js.map +0 -6
- package/dist/esm/ImageDemo.js +0 -20
- package/dist/esm/ImageDemo.js.map +0 -6
- package/dist/esm/InputsDemo.js +0 -28
- package/dist/esm/InputsDemo.js.map +0 -6
- package/dist/esm/LabelDemo.js +0 -27
- package/dist/esm/LabelDemo.js.map +0 -6
- package/dist/esm/LinearGradientDemo.js +0 -33
- package/dist/esm/LinearGradientDemo.js.map +0 -6
- package/dist/esm/ListItemDemo.js +0 -58
- package/dist/esm/ListItemDemo.js.map +0 -6
- package/dist/esm/LucideIconsDemo.js +0 -44
- package/dist/esm/LucideIconsDemo.js.map +0 -6
- package/dist/esm/MenuDemo.js +0 -175
- package/dist/esm/MenuDemo.js.map +0 -6
- package/dist/esm/NewInputsDemo.js +0 -29
- package/dist/esm/NewInputsDemo.js.map +0 -6
- package/dist/esm/PopoverDemo.js +0 -124
- package/dist/esm/PopoverDemo.js.map +0 -6
- package/dist/esm/ProgressDemo.js +0 -64
- package/dist/esm/ProgressDemo.js.map +0 -6
- package/dist/esm/RadioGroupDemo.js +0 -21
- package/dist/esm/RadioGroupDemo.js.map +0 -6
- package/dist/esm/RadioGroupHeadlessDemo.js +0 -102
- package/dist/esm/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/esm/RadioGroupUnstyledDemo.js +0 -92
- package/dist/esm/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/esm/ReplaceThemeDemo.js +0 -45
- package/dist/esm/ReplaceThemeDemo.js.map +0 -6
- package/dist/esm/ScrollViewDemo.js +0 -18
- package/dist/esm/ScrollViewDemo.js.map +0 -6
- package/dist/esm/SelectDemo.js +0 -180
- package/dist/esm/SelectDemo.js.map +0 -6
- package/dist/esm/SeparatorDemo.js +0 -20
- package/dist/esm/SeparatorDemo.js.map +0 -6
- package/dist/esm/ShapesDemo.js +0 -12
- package/dist/esm/ShapesDemo.js.map +0 -6
- package/dist/esm/SheetDemo.js +0 -103
- package/dist/esm/SheetDemo.js.map +0 -6
- package/dist/esm/SliderDemo.js +0 -19
- package/dist/esm/SliderDemo.js.map +0 -6
- package/dist/esm/SpinnerDemo.js +0 -12
- package/dist/esm/SpinnerDemo.js.map +0 -6
- package/dist/esm/StacksDemo.js +0 -71
- package/dist/esm/StacksDemo.js.map +0 -6
- package/dist/esm/SwitchDemo.js +0 -43
- package/dist/esm/SwitchDemo.js.map +0 -6
- package/dist/esm/SwitchHeadlessDemo.js +0 -68
- package/dist/esm/SwitchHeadlessDemo.js.map +0 -6
- package/dist/esm/SwitchUnstyledDemo.js +0 -51
- package/dist/esm/SwitchUnstyledDemo.js.map +0 -6
- package/dist/esm/TabsAdvancedDemo.js +0 -275
- package/dist/esm/TabsAdvancedDemo.js.map +0 -6
- package/dist/esm/TabsDemo.js +0 -146
- package/dist/esm/TabsDemo.js.map +0 -6
- package/dist/esm/TabsHeadlessDemo.js +0 -117
- package/dist/esm/TabsHeadlessDemo.js.map +0 -6
- package/dist/esm/TextDemo.js +0 -19
- package/dist/esm/TextDemo.js.map +0 -6
- package/dist/esm/ThemeBuilderDemo.js +0 -152
- package/dist/esm/ThemeBuilderDemo.js.map +0 -6
- package/dist/esm/ThemeInverseDemo.js +0 -30
- package/dist/esm/ThemeInverseDemo.js.map +0 -6
- package/dist/esm/ToastDemo.js +0 -97
- package/dist/esm/ToastDemo.js.map +0 -6
- package/dist/esm/ToastDuplicateDemo.js +0 -44
- package/dist/esm/ToastDuplicateDemo.js.map +0 -6
- package/dist/esm/ToggleGroupDemo.js +0 -75
- package/dist/esm/ToggleGroupDemo.js.map +0 -6
- package/dist/esm/TokensDemo.js +0 -78
- package/dist/esm/TokensDemo.js.map +0 -6
- package/dist/esm/TooltipDemo.js +0 -61
- package/dist/esm/TooltipDemo.js.map +0 -6
- package/dist/esm/UpdateThemeDemo.js +0 -49
- package/dist/esm/UpdateThemeDemo.js.map +0 -6
- package/dist/esm/WebNativeImageDemo.js +0 -9
- package/dist/esm/WebNativeImageDemo.js.map +0 -6
- package/dist/esm/tamagui.config.js +0 -8
- package/dist/esm/tamagui.config.js.map +0 -6
- package/dist/esm/useOnIntersecting.js +0 -50
- package/dist/esm/useOnIntersecting.js.map +0 -6
|
@@ -1,23 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Backpack, Calendar, Check, ChevronRight, FilePlus,
|
|
2
|
+
import { Backpack, Calendar, Check, ChevronRight, FilePlus, RefreshCw, Trash2 } from "@tamagui/lucide-icons-2";
|
|
3
3
|
import { Menu } from "@tamagui/menu";
|
|
4
4
|
import React from "react";
|
|
5
|
-
import { Button
|
|
5
|
+
import { Button } from "tamagui";
|
|
6
6
|
function MenuDemo() {
|
|
7
|
-
var [bookmarksChecked, setBookmarksChecked] = React.useState(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
};
|
|
7
|
+
var [bookmarksChecked, setBookmarksChecked] = React.useState(true);
|
|
8
|
+
var [native, setNative] = React.useState(true);
|
|
9
|
+
var [subMenuOpen, setSubMenuOpen] = React.useState(false);
|
|
10
|
+
var onSelect = function (item) {
|
|
11
|
+
console.info(`selected`, item);
|
|
12
|
+
};
|
|
14
13
|
return /* @__PURE__ */_jsx(_Fragment, {
|
|
15
14
|
children: /* @__PURE__ */_jsxs(Menu, {
|
|
16
|
-
allowFlip: !0,
|
|
17
|
-
placement: "bottom-start",
|
|
18
15
|
offset: 8,
|
|
19
16
|
children: [/* @__PURE__ */_jsx(Menu.Trigger, {
|
|
20
|
-
asChild:
|
|
17
|
+
asChild: true,
|
|
21
18
|
children: /* @__PURE__ */_jsx(Button, {
|
|
22
19
|
size: "$4",
|
|
23
20
|
icon: Backpack,
|
|
@@ -38,158 +35,158 @@ function MenuDemo() {
|
|
|
38
35
|
opacity: 0,
|
|
39
36
|
y: -3
|
|
40
37
|
},
|
|
41
|
-
boxShadow: "0
|
|
38
|
+
boxShadow: "0 4px 5px $shadowColor",
|
|
42
39
|
children: [/* @__PURE__ */_jsx(Menu.Arrow, {
|
|
43
40
|
size: "$4",
|
|
44
41
|
borderWidth: 1,
|
|
45
42
|
borderColor: "$borderColor"
|
|
46
|
-
}), /* @__PURE__ */
|
|
47
|
-
|
|
48
|
-
children: /* @__PURE__ */_jsx(Menu.
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
onSelect,
|
|
58
|
-
justify: "space-between",
|
|
59
|
-
// when title is nested inside a React element then you need to use `textValue`
|
|
60
|
-
textValue: "Calendar",
|
|
61
|
-
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
62
|
-
children: "Calendar"
|
|
63
|
-
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
64
|
-
androidIconName: "ic_menu_today",
|
|
65
|
-
ios: {
|
|
66
|
-
name: "calendar",
|
|
67
|
-
hierarchicalColor: "#000"
|
|
68
|
-
},
|
|
69
|
-
children:
|
|
70
|
-
// pointSize: 20,
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
_jsx(Calendar, {
|
|
73
|
-
color: "gray",
|
|
74
|
-
size: 14
|
|
43
|
+
}), /* @__PURE__ */_jsxs(Menu.ScrollView, {
|
|
44
|
+
padding: 5,
|
|
45
|
+
children: [/* @__PURE__ */_jsx(Menu.Item, {
|
|
46
|
+
onSelect,
|
|
47
|
+
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
48
|
+
children: "About Notes"
|
|
49
|
+
})
|
|
50
|
+
}, "about-notes"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsx(Menu.Item, {
|
|
51
|
+
onSelect,
|
|
52
|
+
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
53
|
+
children: "Settings"
|
|
75
54
|
})
|
|
76
|
-
})
|
|
77
|
-
|
|
78
|
-
onSelect,
|
|
79
|
-
disabled: !0,
|
|
80
|
-
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
81
|
-
color: "gray",
|
|
82
|
-
children: "Locked Notes"
|
|
83
|
-
})
|
|
84
|
-
}, "close-notes"), /* @__PURE__ */_jsx(Menu.Item, {
|
|
85
|
-
onSelect,
|
|
86
|
-
destructive: !0,
|
|
87
|
-
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
88
|
-
color: "red",
|
|
89
|
-
children: "Delete all"
|
|
90
|
-
})
|
|
91
|
-
}, "delete-all"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsxs(Menu.Sub, {
|
|
92
|
-
open: subMenuOpen,
|
|
93
|
-
placement: isTouchDevice ? "bottom" : "right-start",
|
|
94
|
-
onOpenChange: setSubMenuOpen,
|
|
95
|
-
children: [/* @__PURE__ */_jsxs(Menu.SubTrigger, {
|
|
55
|
+
}, "settings"), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
56
|
+
onSelect,
|
|
96
57
|
justify: "space-between",
|
|
97
|
-
textValue
|
|
58
|
+
// when title is nested inside a React element then you need to use `textValue`
|
|
59
|
+
textValue: "Calendar",
|
|
98
60
|
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
99
|
-
children: "
|
|
100
|
-
}), /* @__PURE__ */_jsx(
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
zIndex: 200,
|
|
106
|
-
children: /* @__PURE__ */_jsxs(Menu.SubContent, {
|
|
107
|
-
enterStyle: {
|
|
108
|
-
scale: 0.9,
|
|
109
|
-
opacity: 0,
|
|
110
|
-
x: -5
|
|
111
|
-
},
|
|
112
|
-
exitStyle: {
|
|
113
|
-
scale: 0.95,
|
|
114
|
-
opacity: 0,
|
|
115
|
-
x: -3
|
|
61
|
+
children: "Calendar"
|
|
62
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
63
|
+
androidIconName: "ic_menu_today",
|
|
64
|
+
ios: {
|
|
65
|
+
name: "calendar",
|
|
66
|
+
hierarchicalColor: "#000"
|
|
116
67
|
},
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
textValue: "Create note",
|
|
132
|
-
justify: "space-between",
|
|
133
|
-
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
134
|
-
children: "Create note"
|
|
135
|
-
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
136
|
-
children: /* @__PURE__ */_jsx(FilePlus, {
|
|
137
|
-
size: 14,
|
|
138
|
-
color: "$color10"
|
|
139
|
-
})
|
|
140
|
-
})]
|
|
141
|
-
}, "create-note"), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
142
|
-
onSelect,
|
|
143
|
-
textValue: "Delete all notes",
|
|
144
|
-
justify: "space-between",
|
|
145
|
-
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
146
|
-
children: "Delete all notes"
|
|
147
|
-
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
148
|
-
children: /* @__PURE__ */_jsx(Trash2, {
|
|
149
|
-
size: 14,
|
|
150
|
-
color: "$color10"
|
|
151
|
-
})
|
|
152
|
-
})]
|
|
153
|
-
}, "delete-all-notes"), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
154
|
-
onSelect,
|
|
155
|
-
textValue: "Sync notes",
|
|
156
|
-
justify: "space-between",
|
|
157
|
-
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
158
|
-
children: "Sync notes"
|
|
159
|
-
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
160
|
-
children: /* @__PURE__ */_jsx(RefreshCw, {
|
|
161
|
-
size: 14,
|
|
162
|
-
color: "$color10"
|
|
163
|
-
})
|
|
164
|
-
})]
|
|
165
|
-
}, "sync-all")]
|
|
166
|
-
})
|
|
167
|
-
})]
|
|
168
|
-
}), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsxs(Menu.CheckboxItem, {
|
|
169
|
-
checked: bookmarksChecked,
|
|
170
|
-
onCheckedChange: setBookmarksChecked,
|
|
171
|
-
justify: "space-between",
|
|
172
|
-
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
173
|
-
children: "Mark as read"
|
|
174
|
-
}), /* @__PURE__ */_jsx(Menu.ItemIndicator, {
|
|
175
|
-
children: /* @__PURE__ */_jsx(Check, {
|
|
176
|
-
size: 12,
|
|
177
|
-
color: "$color10"
|
|
68
|
+
children:
|
|
69
|
+
// pointSize: 20,
|
|
70
|
+
/* @__PURE__ */
|
|
71
|
+
_jsx(Calendar, {
|
|
72
|
+
color: "gray",
|
|
73
|
+
size: 14
|
|
74
|
+
})
|
|
75
|
+
})]
|
|
76
|
+
}, "accounts"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsx(Menu.Item, {
|
|
77
|
+
onSelect,
|
|
78
|
+
disabled: true,
|
|
79
|
+
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
80
|
+
color: "gray",
|
|
81
|
+
children: "Locked Notes"
|
|
178
82
|
})
|
|
179
|
-
})
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
children: "Enable Native"
|
|
186
|
-
}), /* @__PURE__ */_jsx(Menu.ItemIndicator, {
|
|
187
|
-
children: /* @__PURE__ */_jsx(Check, {
|
|
188
|
-
size: 12,
|
|
189
|
-
color: "$color10"
|
|
83
|
+
}, "close-notes"), /* @__PURE__ */_jsx(Menu.Item, {
|
|
84
|
+
onSelect,
|
|
85
|
+
destructive: true,
|
|
86
|
+
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
87
|
+
color: "red",
|
|
88
|
+
children: "Delete all"
|
|
190
89
|
})
|
|
191
|
-
})
|
|
192
|
-
|
|
90
|
+
}, "delete-all"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsxs(Menu.Sub, {
|
|
91
|
+
open: subMenuOpen,
|
|
92
|
+
onOpenChange: setSubMenuOpen,
|
|
93
|
+
children: [/* @__PURE__ */_jsxs(Menu.SubTrigger, {
|
|
94
|
+
justify: "space-between",
|
|
95
|
+
textValue: "Actions",
|
|
96
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
97
|
+
children: "Actions"
|
|
98
|
+
}), /* @__PURE__ */_jsx(ChevronRight, {
|
|
99
|
+
size: 16,
|
|
100
|
+
color: "$color10"
|
|
101
|
+
})]
|
|
102
|
+
}, "actions-trigger"), /* @__PURE__ */_jsx(Menu.Portal, {
|
|
103
|
+
zIndex: 200,
|
|
104
|
+
children: /* @__PURE__ */_jsxs(Menu.SubContent, {
|
|
105
|
+
transition: "100ms",
|
|
106
|
+
borderRadius: "$4",
|
|
107
|
+
enterStyle: {
|
|
108
|
+
scale: 0.9,
|
|
109
|
+
opacity: 0,
|
|
110
|
+
y: -5
|
|
111
|
+
},
|
|
112
|
+
exitStyle: {
|
|
113
|
+
scale: 0.95,
|
|
114
|
+
opacity: 0,
|
|
115
|
+
y: -3
|
|
116
|
+
},
|
|
117
|
+
boxShadow: "0 4px 5px $shadowColor",
|
|
118
|
+
padding: 5,
|
|
119
|
+
children: [/* @__PURE__ */_jsx(Menu.Label, {
|
|
120
|
+
padding: 5,
|
|
121
|
+
color: "$color9",
|
|
122
|
+
size: "$3",
|
|
123
|
+
select: "none",
|
|
124
|
+
children: "Note settings"
|
|
125
|
+
}), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
126
|
+
onSelect,
|
|
127
|
+
textValue: "Create note",
|
|
128
|
+
justify: "space-between",
|
|
129
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
130
|
+
children: "Create note"
|
|
131
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
132
|
+
children: /* @__PURE__ */_jsx(FilePlus, {
|
|
133
|
+
size: 14,
|
|
134
|
+
color: "$color10"
|
|
135
|
+
})
|
|
136
|
+
})]
|
|
137
|
+
}, "create-note"), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
138
|
+
onSelect,
|
|
139
|
+
textValue: "Delete all notes",
|
|
140
|
+
justify: "space-between",
|
|
141
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
142
|
+
children: "Delete all notes"
|
|
143
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
144
|
+
children: /* @__PURE__ */_jsx(Trash2, {
|
|
145
|
+
size: 14,
|
|
146
|
+
color: "$color10"
|
|
147
|
+
})
|
|
148
|
+
})]
|
|
149
|
+
}, "delete-all-notes"), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
150
|
+
onSelect,
|
|
151
|
+
textValue: "Sync notes",
|
|
152
|
+
justify: "space-between",
|
|
153
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
154
|
+
children: "Sync notes"
|
|
155
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
156
|
+
children: /* @__PURE__ */_jsx(RefreshCw, {
|
|
157
|
+
size: 14,
|
|
158
|
+
color: "$color10"
|
|
159
|
+
})
|
|
160
|
+
})]
|
|
161
|
+
}, "sync-all")]
|
|
162
|
+
})
|
|
163
|
+
})]
|
|
164
|
+
}), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsxs(Menu.CheckboxItem, {
|
|
165
|
+
checked: bookmarksChecked,
|
|
166
|
+
onCheckedChange: setBookmarksChecked,
|
|
167
|
+
justify: "space-between",
|
|
168
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
169
|
+
children: "Mark as read"
|
|
170
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIndicator, {
|
|
171
|
+
children: /* @__PURE__ */_jsx(Check, {
|
|
172
|
+
size: 12,
|
|
173
|
+
color: "$color10"
|
|
174
|
+
})
|
|
175
|
+
})]
|
|
176
|
+
}, "show-hidden"), /* @__PURE__ */_jsxs(Menu.CheckboxItem, {
|
|
177
|
+
checked: native,
|
|
178
|
+
onCheckedChange: setNative,
|
|
179
|
+
justify: "space-between",
|
|
180
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
181
|
+
children: "Enable Native"
|
|
182
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIndicator, {
|
|
183
|
+
children: /* @__PURE__ */_jsx(Check, {
|
|
184
|
+
size: 12,
|
|
185
|
+
color: "$color10"
|
|
186
|
+
})
|
|
187
|
+
})]
|
|
188
|
+
}, "show-other-notes")]
|
|
189
|
+
})]
|
|
193
190
|
})
|
|
194
191
|
})]
|
|
195
192
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Backpack","Calendar","Check","ChevronRight","FilePlus","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Backpack","Calendar","Check","ChevronRight","FilePlus","RefreshCw","Trash2","Menu","React","Button","MenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","children","offset","Trigger","asChild","size","icon","Portal","zIndex","Content","transition","borderRadius","enterStyle","scale","opacity","y","exitStyle","boxShadow","Arrow","borderWidth","borderColor","ScrollView","padding","Item","ItemTitle","Separator","justify","textValue","ItemIcon","androidIconName","ios","name","hierarchicalColor","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","SubContent","Label","select"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAAA,SACEC,QAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,YAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACAC,IAAA;AAAA,OACAC,KAAA;AAAA,SACAC,MAAA;AAAA,SACAC,SAAA;EACA,KAAAC,gBAAA,EAAAC,mBAAA,IAAAJ,KAAA,CAAAK,QAAA;EACA,KAAAC,MAAA,EAAAC,SAAA,IAAAP,KAAA,CAAAK,QAAA;EAAA,KACKG,WAAA,EAAAC,cAAA,IAAAT,KAAA,CAAAK,QAAA;EACP,IAAAK,QAAS,YAAAA,CAAYC,IAAA;IACrBC,OAAO,CAAAC,IAAA,WAAW,EAAAF,IAAA;EAClB;EAuBI,sBA4BUxB,IAAA,CAAAI,SA5BV;IAXGuB,QAAS,iBAAWzB,KAAA,CAAAU,IAAA;MACzBgB,MAAO;MACPD,QAAO,GACD,eAAc3B,IAAA,CAAAY,IAAA,CAAAiB,OAAkB;QAGhCC,OAAA,EAAW,IAAC;QAChBH,QAAa,iBAAgB3B,IAAA,CAAAc,MAAA;UAC/BiB,IAAA;UAGEC,IAAA,EAAA3B,QAAA;UAEIsB,QAAA;QAMA;MACG,mBAAA3B,IAAA,CAAAY,IAAA,CAAAqB,MAAA;QACCC,MAAA,KAAW;QACXP,QAAA,iBAAazB,KAAA,CAAAU,IAAA,CAAAuB,OAAA;UACbC,UAAc,SAAO;UACrBC,YAAa,MAAO;UACpBC,UAAU;YAEVC,KAAA;YAAAC,OAAA;YAEAC,CAAA;UACE;UAIAC,SAAA;YAEAH,KAAA;YAGAC,OAAA;YAACC,CAAA;UAAK;UAALE,SACC;UAAAhB,QAEA,GAAQ,eAEE3B,IAAA,CAAAY,IAAA,CAAAgC,KAAA;YAEVb,IAAA;YAAAc,WAAA;YAAwBC,WACxB;UAAA,IAAM,eAAL5C,KAAA,CAAAU,IAAA,CAAAmC,UAAA;YAAAC,OACC;YAAgBrB,QAChB,GAAK,eACG3B,IAAA,CAAAY,IAAA,CAAAqC,IAAA;cAAA1B,QACN;cAAmBI,QAAA,iBAAA3B,IAAA,CAAAY,IAAA,CAAAsC,SAAA;gBAErBvB,QAAA;cAAA;YAEiC,mBACnC,eAAA3B,IAAA,CAAAY,IAAA,CAAAuC,SAAA,sBAAAnD,IAAA,CAAAY,IAAA,CAAAqC,IAAA;cAAA1B,QAAA;cAfII,QAAA,iBAAA3B,IAAA,CAAAY,IAAA,CAAAsC,SAAA;gBAgBNvB,QAAA;cAEA;YAEA,cAAC,EAGD,eAACzB,KAAK,CAAAU,IAAL,CAAUqC,IAAA;cAIX1B,QAAA;cAEA6B,OAAA,iBAAC;cACC;cAACC,SAAK;cAAL1B,QAAA,GACC,eAAQ3B,IAAA,CAAAY,IAAA,CAAAsC,SAAA;gBAERvB,QAAU;cAEV,mBAAA3B,IAAC,CAAAY,IAAK,CAAA0C,QAAL,EAAe;gBAChBC,eAAA,EAAC,eAAa;gBAA2BC,GAAA;kBAAAC,IAAA;kBAJrCC,iBAAA;gBAKN;gBAEA/B,QAAA;gBACQ;gBAAL;gBAAA3B,IAAA,CAAAM,QAAA;kBACCqD,KAAW;kBACX5B,IAAa;gBACb;cAEA;YAGA,+BAAA/B,IAAA,CAAAY,IAAC,CAAAuC,SAAA,EAAW,KAEZ,eACAnD,IAAA,CAAAY,IAAA,CAAAqC,IAAA;cAAA1B,QAAM;cAAAqC,QAAL;cAAAjC,QACC,iBAAA3B,IAAA,CAAAY,IAAA,CAAAsC,SAAA;gBAAAS,KAEA,QAAU;gBAAAhC,QACV;cAAQ;YAER,mBAA2B,eAC3B3B,IAAA,CAAAY,IAAA,CAAAqC,IAAC;cAED1B,QAAA;cAAAsC,WAAA;cAAAlC,QAPI,iBAAA3B,IAAA,CAAAY,IAAA,CAAAsC,SAAA;gBAQNS,KAAA;gBACAhC,QAAA;cAAA;YAAM,eAAL,kBACC3B,IAAA,CAAAY,IAAA,CAAAuC,SAAA,sBAEAjD,KAAU,CAAAU,IAAA,CAAAkD,GAAA;cAAAC,IACV,EAAA1C,WAAQ;cAAA2C,YAER,EAAA1C,cAAA;cAAAK,QAAA,GAAgC,eAChCzB,KAAA,CAAAU,IAAC,CAAAqD,UAAK,EAAL;gBAEDb,OAAA;gBAAAC,SAAA;gBAPI1B,QAAA,GAQN,eAAA3B,IAAA,CAAAY,IAAA,CAAAsC,SAAA;kBACAvB,QAAA;gBAAC,CAAK,GAAL,eAAA3B,IAAA,CAAAQ,YAAA;kBACCuB,IAAA;kBAEA4B,KAAA,EAAU;gBACV;cAEA,uBAA0B,eAC1B3D,IAAA,CAAAY,IAAC,CAAAqB,MAAK;gBAENC,MAAA;gBAAAP,QAAA,iBAAAzB,KAAA,CAAAU,IAAA,CAAAsD,UAAA;kBAPI9B,UAAA;kBAQNC,YAAA;kBAAAC,UAAA;oBAAAC,KAAA;oBAEJC,OAAA;oBACFC,CAAA;kBAEA;kBAEAC,SAAA;oBAAMH,KAAA;oBAALC,OAAA;oBAEUC,CAAA;kBACT;kBACQE,SAAA;kBAERK,OAAA;kBAAArB,QAAA,GACA,eAAM3B,IAAA,CAAAY,IAAA,CAAAuD,KAAL,EACC;oBACFnB,OAAA;oBAAAW,KAAA;oBARI5B,IAAA;oBASNqC,MAAA;oBACAzC,QAAA;kBAAM,IAAL,eAAAzB,KAAA,CAAAU,IAAA,CAAAqC,IAAA;oBAEU1B,QAAA;oBACT8B,SAAiB;oBACTD,OAAA;oBAERzB,QAAA,kBAAM3B,IAAA,CAAAY,IAAU,CAAAsC,SAAA;sBAChBvB,QAAC,EAAK;oBAEN,mBAAA3B,IAAA,CAAAY,IAAA,CAAA0C,QAAA;sBARI3B,QAAA,iBAAA3B,IAAA,CAAAS,QAAA;wBASNsB,IAAA;wBACF4B,KAAA;sBAAA;oBAAA;kBAIR,mBAEJ,eAAAzD,KAAA,CAAAU,IAAA,CAAAqC,IAAA","ignoreList":[]}
|
package/dist/esm/PopoverDemo.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
1
|
+
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons-2";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "tamagui";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
function PopoverDemo() {
|
|
6
|
-
const [shouldAdapt, setShouldAdapt] = useState(
|
|
6
|
+
const [shouldAdapt, setShouldAdapt] = useState(true);
|
|
7
7
|
return /* @__PURE__ */jsxs(YStack, {
|
|
8
8
|
gap: "$4",
|
|
9
9
|
children: [/* @__PURE__ */jsxs(XStack, {
|
|
@@ -46,13 +46,13 @@ function Demo({
|
|
|
46
46
|
}) {
|
|
47
47
|
return /* @__PURE__ */jsxs(Popover, {
|
|
48
48
|
size: "$5",
|
|
49
|
-
allowFlip:
|
|
50
|
-
stayInFrame:
|
|
49
|
+
allowFlip: true,
|
|
50
|
+
stayInFrame: true,
|
|
51
51
|
offset: 15,
|
|
52
|
-
resize:
|
|
52
|
+
resize: true,
|
|
53
53
|
...props,
|
|
54
54
|
children: [/* @__PURE__ */jsx(Popover.Trigger, {
|
|
55
|
-
asChild:
|
|
55
|
+
asChild: true,
|
|
56
56
|
children: /* @__PURE__ */jsx(Button, {
|
|
57
57
|
icon: Icon
|
|
58
58
|
})
|
|
@@ -61,8 +61,8 @@ function Demo({
|
|
|
61
61
|
platform: "touch",
|
|
62
62
|
children: /* @__PURE__ */jsxs(Sheet, {
|
|
63
63
|
transition: "medium",
|
|
64
|
-
modal:
|
|
65
|
-
dismissOnSnapToBottom:
|
|
64
|
+
modal: true,
|
|
65
|
+
dismissOnSnapToBottom: true,
|
|
66
66
|
children: [/* @__PURE__ */jsx(Sheet.Frame, {
|
|
67
67
|
p: "$4",
|
|
68
68
|
children: /* @__PURE__ */jsx(Adapt.Contents, {})
|
|
@@ -93,7 +93,7 @@ function Demo({
|
|
|
93
93
|
boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
|
|
94
94
|
transition: ["quick", {
|
|
95
95
|
opacity: {
|
|
96
|
-
overshootClamping:
|
|
96
|
+
overshootClamping: true
|
|
97
97
|
}
|
|
98
98
|
}],
|
|
99
99
|
children: [/* @__PURE__ */jsx(Popover.Arrow, {
|
|
@@ -112,7 +112,7 @@ function Demo({
|
|
|
112
112
|
id: Name
|
|
113
113
|
})]
|
|
114
114
|
}), /* @__PURE__ */jsx(Popover.Close, {
|
|
115
|
-
asChild:
|
|
115
|
+
asChild: true,
|
|
116
116
|
children: /* @__PURE__ */jsx(Button, {
|
|
117
117
|
size: "$3",
|
|
118
118
|
onPress: () => {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb","htmlFor","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb","htmlFor","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
|
+
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons-2";
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "tamagui";
|
|
5
5
|
function PopoverDemo() {
|
|
6
|
-
var [shouldAdapt, setShouldAdapt] = useState(
|
|
6
|
+
var [shouldAdapt, setShouldAdapt] = useState(true);
|
|
7
7
|
return /* @__PURE__ */_jsxs(YStack, {
|
|
8
8
|
gap: "$4",
|
|
9
9
|
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
@@ -49,13 +49,13 @@ function Demo(param) {
|
|
|
49
49
|
} = param;
|
|
50
50
|
return /* @__PURE__ */_jsxs(Popover, {
|
|
51
51
|
size: "$5",
|
|
52
|
-
allowFlip:
|
|
53
|
-
stayInFrame:
|
|
52
|
+
allowFlip: true,
|
|
53
|
+
stayInFrame: true,
|
|
54
54
|
offset: 15,
|
|
55
|
-
resize:
|
|
55
|
+
resize: true,
|
|
56
56
|
...props,
|
|
57
57
|
children: [/* @__PURE__ */_jsx(Popover.Trigger, {
|
|
58
|
-
asChild:
|
|
58
|
+
asChild: true,
|
|
59
59
|
children: /* @__PURE__ */_jsx(Button, {
|
|
60
60
|
icon: Icon
|
|
61
61
|
})
|
|
@@ -64,8 +64,8 @@ function Demo(param) {
|
|
|
64
64
|
platform: "touch",
|
|
65
65
|
children: /* @__PURE__ */_jsxs(Sheet, {
|
|
66
66
|
transition: "medium",
|
|
67
|
-
modal:
|
|
68
|
-
dismissOnSnapToBottom:
|
|
67
|
+
modal: true,
|
|
68
|
+
dismissOnSnapToBottom: true,
|
|
69
69
|
children: [/* @__PURE__ */_jsx(Sheet.Frame, {
|
|
70
70
|
p: "$4",
|
|
71
71
|
children: /* @__PURE__ */_jsx(Adapt.Contents, {})
|
|
@@ -96,7 +96,7 @@ function Demo(param) {
|
|
|
96
96
|
boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
|
|
97
97
|
transition: ["quick", {
|
|
98
98
|
opacity: {
|
|
99
|
-
overshootClamping:
|
|
99
|
+
overshootClamping: true
|
|
100
100
|
}
|
|
101
101
|
}],
|
|
102
102
|
children: [/* @__PURE__ */_jsx(Popover.Arrow, {
|
|
@@ -115,7 +115,7 @@ function Demo(param) {
|
|
|
115
115
|
id: Name
|
|
116
116
|
})]
|
|
117
117
|
}), /* @__PURE__ */_jsx(Popover.Close, {
|
|
118
|
-
asChild:
|
|
118
|
+
asChild: true,
|
|
119
119
|
children: /* @__PURE__ */_jsx(Button, {
|
|
120
120
|
size: "$3",
|
|
121
121
|
onPress: function () {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Button, Paragraph, Progress, XStack, YStack } from "tamagui";
|
|
3
|
-
import { Play, RotateCcw } from "@tamagui/lucide-icons";
|
|
3
|
+
import { Play, RotateCcw } from "@tamagui/lucide-icons-2";
|
|
4
4
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
function ProgressDemo() {
|
|
6
|
-
const [key, setKey] = React.useState(0)
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
const [key, setKey] = React.useState(0);
|
|
7
|
+
const [progress, setProgress] = React.useState(60);
|
|
8
|
+
const [slider, setSlider] = React.useState([60]);
|
|
9
9
|
return /* @__PURE__ */jsxs(Fragment, {
|
|
10
10
|
children: [/* @__PURE__ */jsxs(YStack, {
|
|
11
11
|
height: 60,
|
|
@@ -22,7 +22,7 @@ function ProgressDemo() {
|
|
|
22
22
|
backgroundColor: "$color",
|
|
23
23
|
transition: ["quicker", {
|
|
24
24
|
transform: {
|
|
25
|
-
overshootClamping:
|
|
25
|
+
overshootClamping: true
|
|
26
26
|
}
|
|
27
27
|
}]
|
|
28
28
|
})
|
|
@@ -44,7 +44,9 @@ function ProgressDemo() {
|
|
|
44
44
|
size: "$3",
|
|
45
45
|
icon: RotateCcw,
|
|
46
46
|
onPress: () => {
|
|
47
|
-
setKey(Math.random())
|
|
47
|
+
setKey(Math.random());
|
|
48
|
+
setProgress(0);
|
|
49
|
+
setSlider([0]);
|
|
48
50
|
}
|
|
49
51
|
})]
|
|
50
52
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Button","Paragraph","Progress","XStack","YStack","Play","RotateCcw","Fragment","jsx","jsxs","ProgressDemo","key","setKey","useState","progress","setProgress","slider","setSlider","children","height","items","gap","opacity","theme","value","Indicator","backgroundColor","transition","transform","overshootClamping","position","b","l","$xxs","display","size","icon","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAyBC,MAAA,EAAQC,MAAA,QAAc;AAC3E,SAASC,IAAA,EAAMC,SAAA,QAAiB;AAQ5B,SAAAC,QAAA,EAOMC,GAAA,EALFC,IAAA,QAFJ;AANG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIb,KAAA,CAAMc,QAAA,CAAS,CAAC;
|
|
1
|
+
{"version":3,"names":["React","Button","Paragraph","Progress","XStack","YStack","Play","RotateCcw","Fragment","jsx","jsxs","ProgressDemo","key","setKey","useState","progress","setProgress","slider","setSlider","children","height","items","gap","opacity","theme","value","Indicator","backgroundColor","transition","transform","overshootClamping","position","b","l","$xxs","display","size","icon","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAyBC,MAAA,EAAQC,MAAA,QAAc;AAC3E,SAASC,IAAA,EAAMC,SAAA,QAAiB;AAQ5B,SAAAC,QAAA,EAOMC,GAAA,EALFC,IAAA,QAFJ;AANG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIb,KAAA,CAAMc,QAAA,CAAS,CAAC;EACtC,MAAM,CAACC,QAAA,EAAUC,WAAW,IAAIhB,KAAA,CAAMc,QAAA,CAAS,EAAE;EACjD,MAAM,CAACG,MAAA,EAAQC,SAAS,IAAIlB,KAAA,CAAMc,QAAA,CAAmB,CAAC,EAAE,CAAC;EAEzD,OACE,eAAAJ,IAAA,CAAAF,QAAA;IACEW,QAAA,kBAAAT,IAAA,CAACL,MAAA;MAAOe,MAAA,EAAQ;MAAIC,KAAA,EAAM;MAASC,GAAA,EAAI;MACrCH,QAAA,kBAAAT,IAAA,CAACR,SAAA;QAAUkB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,iBACxBJ,QAAA;MAAA,CACb,GAEA,eAAAN,GAAA,CAACN,QAAA;QAAmBqB,KAAA,EAAM;QAAWC,KAAA,EAAOV,QAAA;QAC1CI,QAAA,iBAAAV,GAAA,CAACN,QAAA,CAASuB,SAAA,EAAT;UACCC,eAAA,EAAgB;UAChBC,UAAA,EAAY,CACV,WACA;YACEC,SAAA,EAAW;cACTC,iBAAA,EAAmB;YACrB;UACF;QACF,CACF;MAAA,GAXalB,GAYf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACN,MAAA;MACCiB,KAAA,EAAM;MACNC,GAAA,EAAI;MACJS,QAAA,EAAS;MACTC,CAAA,EAAE;MACFC,CAAA,EAAE;MACFC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAqBxBhB,QAAA,kBAAAV,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM/B,IAAA;QACNgC,OAAA,EAASA,CAAA,KAAMtB,WAAA,CAAauB,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;MAAA,CACxD,GACA,eAAA9B,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM9B,SAAA;QACN+B,OAAA,EAASA,CAAA,KAAM;UACbzB,MAAA,CAAO2B,IAAA,CAAKC,MAAA,CAAO,CAAC;UACpBzB,WAAA,CAAY,CAAC;UACbE,SAAA,CAAU,CAAC,CAAC,CAAC;QACf;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Button, Paragraph, Progress, XStack, YStack } from "tamagui";
|
|
4
|
-
import { Play, RotateCcw } from "@tamagui/lucide-icons";
|
|
4
|
+
import { Play, RotateCcw } from "@tamagui/lucide-icons-2";
|
|
5
5
|
function ProgressDemo() {
|
|
6
|
-
var [key, setKey] = React.useState(0)
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
var [key, setKey] = React.useState(0);
|
|
7
|
+
var [progress, setProgress] = React.useState(60);
|
|
8
|
+
var [slider, setSlider] = React.useState([60]);
|
|
9
9
|
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
10
10
|
children: [/* @__PURE__ */_jsxs(YStack, {
|
|
11
11
|
height: 60,
|
|
@@ -22,7 +22,7 @@ function ProgressDemo() {
|
|
|
22
22
|
backgroundColor: "$color",
|
|
23
23
|
transition: ["quicker", {
|
|
24
24
|
transform: {
|
|
25
|
-
overshootClamping:
|
|
25
|
+
overshootClamping: true
|
|
26
26
|
}
|
|
27
27
|
}]
|
|
28
28
|
})
|
|
@@ -68,7 +68,9 @@ function ProgressDemo() {
|
|
|
68
68
|
size: "$3",
|
|
69
69
|
icon: RotateCcw,
|
|
70
70
|
onPress: function () {
|
|
71
|
-
setKey(Math.random())
|
|
71
|
+
setKey(Math.random());
|
|
72
|
+
setProgress(0);
|
|
73
|
+
setSlider([0]);
|
|
72
74
|
}
|
|
73
75
|
})]
|
|
74
76
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","Button","Paragraph","Progress","XStack","YStack","Play","RotateCcw","ProgressDemo","key","setKey","useState","progress","setProgress","slider","setSlider","children","height","items","gap","opacity","theme","value","Indicator","backgroundColor","transition","transform","overshootClamping","position","b","l","$xxs","display"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAClB,OAAAC,KAAS,MAAQ;AACjB,SAASC,MAAM,EAAAC,SAAA,EAAAC,QAAiB,EAAAC,MAAA,EAAAC,MAAA;AAQ5B,SAAAC,IAAA,EAAAC,SAEI
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","Button","Paragraph","Progress","XStack","YStack","Play","RotateCcw","ProgressDemo","key","setKey","useState","progress","setProgress","slider","setSlider","children","height","items","gap","opacity","theme","value","Indicator","backgroundColor","transition","transform","overshootClamping","position","b","l","$xxs","display"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAClB,OAAAC,KAAS,MAAQ;AACjB,SAASC,MAAM,EAAAC,SAAA,EAAAC,QAAiB,EAAAC,MAAA,EAAAC,MAAA;AAQ5B,SAAAC,IAAA,EAAAC,SAEI,iCAFJ;AANG,SAASC,aAAA,EAAe;EAC7B,KAAAC,GAAO,EAAAC,MAAK,IAAMV,KAAI,CAAAW,QAAM,GAAS;EACrC,KAAAC,QAAO,EAAAC,WAAU,IAAWb,KAAI,CAAAW,QAAM,GAAS;EAC/C,KAAAG,MAAO,EAAAC,SAAQ,IAASf,KAAI,CAAAW,QAAM,EAElC,GAEI;EACE,sBAAAd,KAAC,CAAAE,SAAU;IAA0BiB,QAAA,kBACxBnB,KAAA,CAAAQ,MAAA;MAAAY,MACb;MAEAC,KAAA;MACGC,GAAA,MAAS;MAATH,QAAA,GACC,eAAAnB,KAAgB,CAAAK,SAAA;QAChBe,MAAA,IAAY;QACVG,OAAA;QACAJ,QAAA,GACE,YAAW,EAAAJ,QACT;MACF,EACF,EACF,eAAAjB,IAAA,CAAAQ,QAAA;QAAAkB,KAAA;QAVWC,KAYf,EAAAV,QAAA;QACFI,QAAA,iBAAArB,IAAA,CAAAQ,QAAA,CAAAoB,SAAA;UAEAC,eAAA;UAACC,UAAA,cACO;YACFC,SAAA;cACKC,iBAAA;YACP;UACA;QAsBF;MAAA,GAAAlB,GAAA;IAAC,mBACMZ,KAAA,CAAAO,MAAA;MAAAc,KAAA,EACL,QAAM;MAAAC,GAAA,MACN;MAAsDS,QAAA;MAAAC,CAAA,EACxD;MAAAC,CAAA,EACA;MAAAC,IAAC;QAAAC,OAAA;MAAA;MACMhB,QACL;MAAM;AAEJ;AACA;AACA;AAAa;AACf;AAAA;AACF;AAAA;AAAA;AACF;AAGN","ignoreList":[]}
|