@tamagui/demos 2.7.7 → 3.0.0-beta.1093.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.cjs +75 -99
- package/dist/cjs/AccordionDemo.native.cjs +97 -0
- package/dist/cjs/AccordionDemo.native.js +81 -105
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +49 -56
- package/dist/cjs/AddThemeDemo.native.cjs +69 -0
- package/dist/cjs/AddThemeDemo.native.js +49 -55
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +59 -85
- package/dist/cjs/AlertDialogDemo.native.cjs +74 -0
- package/dist/cjs/AlertDialogDemo.native.js +59 -84
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +58 -72
- package/dist/cjs/AnimationsDelayDemo.native.cjs +82 -0
- package/dist/cjs/AnimationsDelayDemo.native.js +62 -75
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +68 -86
- package/dist/cjs/AnimationsDemo.native.cjs +89 -0
- package/dist/cjs/AnimationsDemo.native.js +70 -87
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +39 -61
- package/dist/cjs/AnimationsEnterDemo.native.cjs +63 -0
- package/dist/cjs/AnimationsEnterDemo.native.js +42 -63
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +24 -35
- package/dist/cjs/AnimationsHoverDemo.native.cjs +40 -0
- package/dist/cjs/AnimationsHoverDemo.native.js +24 -34
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +89 -100
- package/dist/cjs/AnimationsPresenceDemo.native.cjs +124 -0
- package/dist/cjs/AnimationsPresenceDemo.native.js +97 -107
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +23 -34
- package/dist/cjs/AnimationsTimingDemo.native.cjs +39 -0
- package/dist/cjs/AnimationsTimingDemo.native.js +23 -33
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +36 -42
- package/dist/cjs/AvatarDemo.native.cjs +51 -0
- package/dist/cjs/AvatarDemo.native.js +36 -41
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +43 -44
- package/dist/cjs/BoxShadowTokenDemo.native.cjs +60 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js +43 -45
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.cjs +120 -113
- package/dist/cjs/BuildAButtonDemo.native.cjs +140 -0
- package/dist/cjs/BuildAButtonDemo.native.js +120 -112
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +72 -77
- package/dist/cjs/ButtonDemo.native.cjs +88 -0
- package/dist/cjs/ButtonDemo.native.js +72 -76
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +62 -74
- package/dist/cjs/CardDemo.native.cjs +81 -0
- package/dist/cjs/CardDemo.native.js +62 -73
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +59 -64
- package/dist/cjs/CheckboxDemo.native.cjs +79 -0
- package/dist/cjs/CheckboxDemo.native.js +59 -63
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +58 -67
- package/dist/cjs/CheckboxHeadlessDemo.native.cjs +82 -0
- package/dist/cjs/CheckboxHeadlessDemo.native.js +59 -67
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +99 -120
- package/dist/cjs/ColorsDemo.native.cjs +123 -0
- package/dist/cjs/ColorsDemo.native.js +101 -121
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +173 -210
- package/dist/cjs/ContextMenuDemo.native.cjs +193 -0
- package/dist/cjs/ContextMenuDemo.native.js +173 -210
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +162 -197
- package/dist/cjs/DialogDemo.native.cjs +188 -0
- package/dist/cjs/DialogDemo.native.js +168 -202
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FieldDemo.cjs +164 -0
- package/dist/cjs/FieldDemo.native.cjs +174 -0
- package/dist/cjs/FieldDemo.native.js +176 -0
- package/dist/cjs/FieldDemo.native.js.map +1 -0
- package/dist/cjs/FormsDemo.cjs +92 -73
- package/dist/cjs/FormsDemo.native.cjs +115 -0
- package/dist/cjs/FormsDemo.native.js +98 -76
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.cjs +47 -61
- package/dist/cjs/Grid.native.cjs +67 -0
- package/dist/cjs/Grid.native.js +47 -60
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +58 -80
- package/dist/cjs/GroupDemo.native.cjs +74 -0
- package/dist/cjs/GroupDemo.native.js +58 -81
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +25 -34
- package/dist/cjs/HeadingsDemo.native.cjs +40 -0
- package/dist/cjs/HeadingsDemo.native.js +25 -33
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.cjs +21 -27
- package/dist/cjs/ImageDemo.native.cjs +36 -0
- package/dist/cjs/ImageDemo.native.js +21 -26
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +44 -49
- package/dist/cjs/InputsDemo.native.cjs +61 -0
- package/dist/cjs/InputsDemo.native.js +44 -48
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +44 -54
- package/dist/cjs/LabelDemo.native.cjs +59 -0
- package/dist/cjs/LabelDemo.native.js +44 -53
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +32 -36
- package/dist/cjs/LinearGradientDemo.native.cjs +48 -0
- package/dist/cjs/LinearGradientDemo.native.js +32 -37
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +82 -93
- package/dist/cjs/ListItemDemo.native.cjs +102 -0
- package/dist/cjs/ListItemDemo.native.js +82 -92
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +68 -76
- package/dist/cjs/LucideIconsDemo.native.cjs +99 -0
- package/dist/cjs/LucideIconsDemo.native.js +78 -84
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +175 -211
- package/dist/cjs/MenuDemo.native.cjs +195 -0
- package/dist/cjs/MenuDemo.native.js +175 -213
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/MenuSkins.cjs +188 -0
- package/dist/cjs/MenuSkins.native.cjs +201 -0
- package/dist/cjs/MenuSkins.native.js +203 -0
- package/dist/cjs/MenuSkins.native.js.map +1 -0
- package/dist/cjs/NewInputsDemo.cjs +44 -50
- package/dist/cjs/NewInputsDemo.native.cjs +61 -0
- package/dist/cjs/NewInputsDemo.native.js +44 -49
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +131 -134
- package/dist/cjs/PopoverDemo.native.cjs +154 -0
- package/dist/cjs/PopoverDemo.native.js +133 -136
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +63 -74
- package/dist/cjs/ProgressDemo.native.cjs +87 -0
- package/dist/cjs/ProgressDemo.native.js +67 -97
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupCustomDemo.cjs +110 -0
- package/dist/cjs/RadioGroupCustomDemo.native.cjs +112 -0
- package/dist/cjs/RadioGroupCustomDemo.native.js +114 -0
- package/dist/cjs/RadioGroupCustomDemo.native.js.map +1 -0
- package/dist/cjs/RadioGroupDemo.cjs +61 -59
- package/dist/cjs/RadioGroupDemo.native.cjs +80 -0
- package/dist/cjs/RadioGroupDemo.native.js +61 -58
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +121 -144
- package/dist/cjs/RadioGroupHeadlessDemo.native.cjs +154 -0
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +125 -147
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +54 -65
- package/dist/cjs/ReplaceThemeDemo.native.cjs +74 -0
- package/dist/cjs/ReplaceThemeDemo.native.js +54 -64
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +68 -63
- package/dist/cjs/ScrollViewDemo.native.cjs +83 -0
- package/dist/cjs/ScrollViewDemo.native.js +68 -62
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +171 -217
- package/dist/cjs/SelectDemo.native.cjs +204 -0
- package/dist/cjs/SelectDemo.native.js +179 -227
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +46 -49
- package/dist/cjs/SeparatorDemo.native.cjs +61 -0
- package/dist/cjs/SeparatorDemo.native.js +46 -48
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +27 -31
- package/dist/cjs/ShapesDemo.native.cjs +42 -0
- package/dist/cjs/ShapesDemo.native.js +27 -30
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +175 -177
- package/dist/cjs/SheetDemo.native.cjs +222 -0
- package/dist/cjs/SheetDemo.native.js +200 -199
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +42 -46
- package/dist/cjs/SliderDemo.native.cjs +59 -0
- package/dist/cjs/SliderDemo.native.js +42 -45
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +26 -30
- package/dist/cjs/SpinnerDemo.native.cjs +41 -0
- package/dist/cjs/SpinnerDemo.native.js +26 -29
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +111 -96
- package/dist/cjs/StacksDemo.native.cjs +133 -0
- package/dist/cjs/StacksDemo.native.js +114 -103
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +74 -86
- package/dist/cjs/SwitchDemo.native.cjs +94 -0
- package/dist/cjs/SwitchDemo.native.js +75 -88
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +54 -85
- package/dist/cjs/SwitchHeadlessDemo.native.cjs +76 -0
- package/dist/cjs/SwitchHeadlessDemo.native.js +55 -89
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +287 -335
- package/dist/cjs/TabsAdvancedDemo.native.cjs +357 -0
- package/dist/cjs/TabsAdvancedDemo.native.js +331 -376
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsCustomDemo.cjs +110 -0
- package/dist/cjs/TabsCustomDemo.native.cjs +125 -0
- package/dist/cjs/TabsCustomDemo.native.js +127 -0
- package/dist/cjs/TabsCustomDemo.native.js.map +1 -0
- package/dist/cjs/TabsDemo.cjs +172 -195
- package/dist/cjs/TabsDemo.native.cjs +203 -0
- package/dist/cjs/TabsDemo.native.js +179 -201
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +36 -38
- package/dist/cjs/TextDemo.native.cjs +51 -0
- package/dist/cjs/TextDemo.native.js +36 -37
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +192 -165
- package/dist/cjs/ThemeBuilderDemo.native.cjs +209 -0
- package/dist/cjs/ThemeBuilderDemo.native.js +192 -164
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +89 -88
- package/dist/cjs/ThemeInverseDemo.native.cjs +104 -0
- package/dist/cjs/ThemeInverseDemo.native.js +89 -87
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +199 -215
- package/dist/cjs/ToastDemo.native.cjs +231 -0
- package/dist/cjs/ToastDemo.native.js +211 -228
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +40 -56
- package/dist/cjs/ToastDuplicateDemo.native.cjs +60 -0
- package/dist/cjs/ToastDuplicateDemo.native.js +44 -59
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.cjs +87 -106
- package/dist/cjs/ToggleGroupDemo.native.cjs +105 -0
- package/dist/cjs/ToggleGroupDemo.native.js +87 -105
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +99 -110
- package/dist/cjs/TokensDemo.native.cjs +136 -0
- package/dist/cjs/TokensDemo.native.js +114 -124
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +121 -118
- package/dist/cjs/TooltipDemo.native.cjs +139 -0
- package/dist/cjs/TooltipDemo.native.js +121 -117
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +52 -66
- package/dist/cjs/UpdateThemeDemo.native.cjs +72 -0
- package/dist/cjs/UpdateThemeDemo.native.js +52 -65
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.cjs +19 -23
- package/dist/cjs/WebNativeImageDemo.native.cjs +34 -0
- package/dist/cjs/WebNativeImageDemo.native.js +19 -22
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/index.cjs +11 -15
- package/dist/cjs/index.native.cjs +80 -0
- package/dist/cjs/index.native.js +12 -15
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/tamagui.config.cjs +14 -18
- package/dist/cjs/tamagui.config.native.cjs +29 -0
- package/dist/cjs/tamagui.config.native.js +14 -17
- package/dist/cjs/tamagui.config.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +67 -69
- package/dist/cjs/useOnIntersecting.native.cjs +113 -0
- package/dist/cjs/useOnIntersecting.native.js +94 -98
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +63 -81
- package/dist/esm/AccordionDemo.mjs.map +1 -1
- package/dist/esm/AccordionDemo.native.js +70 -89
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.mjs +34 -30
- package/dist/esm/AddThemeDemo.mjs.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +35 -31
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +47 -67
- package/dist/esm/AlertDialogDemo.mjs.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +48 -68
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +43 -46
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +48 -51
- package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.mjs +57 -71
- package/dist/esm/AnimationsDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +59 -73
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +24 -35
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +28 -39
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +12 -17
- package/dist/esm/AnimationsHoverDemo.mjs.map +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +13 -18
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +73 -75
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +82 -84
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +11 -16
- package/dist/esm/AnimationsTimingDemo.mjs.map +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +12 -17
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.mjs +24 -24
- package/dist/esm/AvatarDemo.mjs.map +1 -1
- package/dist/esm/AvatarDemo.native.js +25 -25
- package/dist/esm/AvatarDemo.native.js.map +1 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +32 -27
- package/dist/esm/BoxShadowTokenDemo.mjs.map +1 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +33 -30
- package/dist/esm/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/esm/BuildAButtonDemo.mjs +108 -95
- package/dist/esm/BuildAButtonDemo.mjs.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +109 -96
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.mjs +61 -60
- package/dist/esm/ButtonDemo.mjs.map +1 -1
- package/dist/esm/ButtonDemo.native.js +62 -61
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.mjs +49 -57
- package/dist/esm/CardDemo.mjs.map +1 -1
- package/dist/esm/CardDemo.native.js +50 -58
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.mjs +48 -49
- package/dist/esm/CheckboxDemo.mjs.map +1 -1
- package/dist/esm/CheckboxDemo.native.js +49 -50
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +43 -41
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +45 -43
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.mjs +87 -102
- package/dist/esm/ColorsDemo.mjs.map +1 -1
- package/dist/esm/ColorsDemo.native.js +90 -105
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/ContextMenuDemo.mjs +158 -184
- package/dist/esm/ContextMenuDemo.mjs.map +1 -1
- package/dist/esm/ContextMenuDemo.native.js +159 -186
- package/dist/esm/ContextMenuDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +150 -179
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +157 -186
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/dist/esm/FieldDemo.mjs +136 -0
- package/dist/esm/FieldDemo.mjs.map +1 -0
- package/dist/esm/FieldDemo.native.js +144 -0
- package/dist/esm/FieldDemo.native.js.map +1 -0
- package/dist/esm/FormsDemo.mjs +78 -48
- package/dist/esm/FormsDemo.mjs.map +1 -1
- package/dist/esm/FormsDemo.native.js +85 -53
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.mjs +32 -35
- package/dist/esm/Grid.mjs.map +1 -1
- package/dist/esm/Grid.native.js +33 -36
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/GroupDemo.mjs +46 -62
- package/dist/esm/GroupDemo.mjs.map +1 -1
- package/dist/esm/GroupDemo.native.js +47 -65
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/HeadingsDemo.mjs +13 -16
- package/dist/esm/HeadingsDemo.mjs.map +1 -1
- package/dist/esm/HeadingsDemo.native.js +14 -17
- package/dist/esm/HeadingsDemo.native.js.map +1 -1
- package/dist/esm/ImageDemo.mjs +9 -9
- package/dist/esm/ImageDemo.mjs.map +1 -1
- package/dist/esm/ImageDemo.native.js +10 -10
- package/dist/esm/ImageDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.mjs +32 -31
- package/dist/esm/InputsDemo.mjs.map +1 -1
- package/dist/esm/InputsDemo.native.js +33 -32
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/LabelDemo.mjs +32 -36
- package/dist/esm/LabelDemo.mjs.map +1 -1
- package/dist/esm/LabelDemo.native.js +33 -37
- package/dist/esm/LabelDemo.native.js.map +1 -1
- package/dist/esm/LinearGradientDemo.mjs +20 -18
- package/dist/esm/LinearGradientDemo.mjs.map +1 -1
- package/dist/esm/LinearGradientDemo.native.js +21 -21
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +70 -75
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +71 -76
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +53 -50
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +64 -60
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/MenuDemo.mjs +160 -185
- package/dist/esm/MenuDemo.mjs.map +1 -1
- package/dist/esm/MenuDemo.native.js +161 -189
- package/dist/esm/MenuDemo.native.js.map +1 -1
- package/dist/esm/MenuSkins.mjs +166 -0
- package/dist/esm/MenuSkins.mjs.map +1 -0
- package/dist/esm/MenuSkins.native.js +171 -0
- package/dist/esm/MenuSkins.native.js.map +1 -0
- package/dist/esm/NewInputsDemo.mjs +33 -33
- package/dist/esm/NewInputsDemo.mjs.map +1 -1
- package/dist/esm/NewInputsDemo.native.js +34 -34
- package/dist/esm/NewInputsDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +119 -118
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +122 -122
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.mjs +48 -48
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.native.js +53 -73
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupCustomDemo.mjs +91 -0
- package/dist/esm/RadioGroupCustomDemo.mjs.map +1 -0
- package/dist/esm/RadioGroupCustomDemo.native.js +91 -0
- package/dist/esm/RadioGroupCustomDemo.native.js.map +1 -0
- package/dist/esm/RadioGroupDemo.mjs +48 -42
- package/dist/esm/RadioGroupDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupDemo.native.js +49 -43
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +106 -118
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +111 -123
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +39 -39
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +40 -40
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/ScrollViewDemo.mjs +56 -45
- package/dist/esm/ScrollViewDemo.mjs.map +1 -1
- package/dist/esm/ScrollViewDemo.native.js +57 -46
- package/dist/esm/ScrollViewDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +156 -193
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +164 -204
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +34 -31
- package/dist/esm/SeparatorDemo.mjs.map +1 -1
- package/dist/esm/SeparatorDemo.native.js +35 -32
- package/dist/esm/SeparatorDemo.native.js.map +1 -1
- package/dist/esm/ShapesDemo.mjs +15 -13
- package/dist/esm/ShapesDemo.mjs.map +1 -1
- package/dist/esm/ShapesDemo.native.js +16 -14
- package/dist/esm/ShapesDemo.native.js.map +1 -1
- package/dist/esm/SheetDemo.mjs +161 -152
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +187 -176
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/SliderDemo.mjs +30 -28
- package/dist/esm/SliderDemo.mjs.map +1 -1
- package/dist/esm/SliderDemo.native.js +31 -29
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SpinnerDemo.mjs +14 -12
- package/dist/esm/SpinnerDemo.mjs.map +1 -1
- package/dist/esm/SpinnerDemo.native.js +15 -13
- package/dist/esm/SpinnerDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.mjs +99 -78
- package/dist/esm/StacksDemo.mjs.map +1 -1
- package/dist/esm/StacksDemo.native.js +101 -80
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +61 -69
- package/dist/esm/SwitchDemo.mjs.map +1 -1
- package/dist/esm/SwitchDemo.native.js +63 -73
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +41 -61
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +43 -67
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +272 -309
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +317 -352
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsCustomDemo.mjs +85 -0
- package/dist/esm/TabsCustomDemo.mjs.map +1 -0
- package/dist/esm/TabsCustomDemo.native.js +92 -0
- package/dist/esm/TabsCustomDemo.native.js.map +1 -0
- package/dist/esm/TabsDemo.mjs +158 -171
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +165 -178
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TextDemo.mjs +24 -20
- package/dist/esm/TextDemo.mjs.map +1 -1
- package/dist/esm/TextDemo.native.js +25 -21
- package/dist/esm/TextDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +180 -147
- package/dist/esm/ThemeBuilderDemo.mjs.map +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +181 -148
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeInverseDemo.mjs +77 -70
- package/dist/esm/ThemeInverseDemo.mjs.map +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +78 -71
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
- package/dist/esm/ToastDemo.mjs +187 -197
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +200 -212
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +29 -39
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +34 -44
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +76 -89
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +77 -90
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.mjs +84 -84
- package/dist/esm/TokensDemo.mjs.map +1 -1
- package/dist/esm/TokensDemo.native.js +100 -100
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.mjs +109 -100
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +110 -101
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +38 -41
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +39 -42
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/WebNativeImageDemo.mjs +7 -5
- package/dist/esm/WebNativeImageDemo.mjs.map +1 -1
- package/dist/esm/WebNativeImageDemo.native.js +8 -6
- package/dist/esm/WebNativeImageDemo.native.js.map +1 -1
- package/dist/esm/index.js +121 -64
- package/dist/esm/index.mjs +121 -64
- package/dist/esm/index.native.js +121 -64
- package/dist/esm/tamagui.config.mjs +2 -0
- package/dist/esm/tamagui.config.mjs.map +1 -1
- package/dist/esm/tamagui.config.native.js +2 -0
- package/dist/esm/tamagui.config.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +54 -52
- package/dist/esm/useOnIntersecting.mjs.map +1 -1
- package/dist/esm/useOnIntersecting.native.js +81 -82
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/package.json +38 -38
- package/src/AccordionDemo.tsx +11 -11
- package/src/AddThemeDemo.tsx +2 -2
- package/src/AlertDialogDemo.tsx +13 -21
- package/src/AnimationsDelayDemo.tsx +10 -17
- package/src/AnimationsDemo.tsx +12 -31
- package/src/AnimationsEnterDemo.tsx +7 -12
- package/src/AnimationsHoverDemo.tsx +5 -10
- package/src/AnimationsPresenceDemo.tsx +18 -25
- package/src/AnimationsTimingDemo.tsx +4 -9
- package/src/AvatarDemo.tsx +5 -5
- package/src/BoxShadowTokenDemo.tsx +8 -8
- package/src/BuildAButtonDemo.tsx +12 -22
- package/src/ButtonDemo.tsx +13 -14
- package/src/CardDemo.tsx +9 -11
- package/src/CheckboxDemo.tsx +17 -9
- package/src/CheckboxHeadlessDemo.tsx +2 -2
- package/src/ColorsDemo.tsx +16 -34
- package/src/ContextMenuDemo.tsx +20 -24
- package/src/DialogDemo.tsx +34 -40
- package/src/FieldDemo.tsx +158 -0
- package/src/FormsDemo.tsx +52 -46
- package/src/GroupDemo.tsx +8 -8
- package/src/InputsDemo.tsx +5 -5
- package/src/LabelDemo.tsx +4 -4
- package/src/LinearGradientDemo.tsx +9 -9
- package/src/ListItemDemo.tsx +14 -14
- package/src/LucideIconsDemo.tsx +22 -14
- package/src/MenuDemo.tsx +20 -22
- package/src/MenuSkins.tsx +189 -0
- package/src/NewInputsDemo.tsx +6 -7
- package/src/PopoverDemo.tsx +25 -28
- package/src/ProgressDemo.tsx +13 -24
- package/src/{RadioGroupUnstyledDemo.tsx → RadioGroupCustomDemo.tsx} +23 -54
- package/src/RadioGroupDemo.tsx +6 -6
- package/src/RadioGroupHeadlessDemo.tsx +1 -1
- package/src/ReplaceThemeDemo.tsx +4 -4
- package/src/ScrollViewDemo.tsx +9 -9
- package/src/SelectDemo.tsx +32 -41
- package/src/ShapesDemo.tsx +3 -3
- package/src/SheetDemo.tsx +26 -27
- package/src/SliderDemo.tsx +3 -3
- package/src/SpinnerDemo.tsx +3 -3
- package/src/StacksDemo.tsx +33 -24
- package/src/SwitchDemo.tsx +16 -17
- package/src/SwitchHeadlessDemo.tsx +14 -39
- package/src/TabsAdvancedDemo.tsx +32 -56
- package/src/{TabsHeadlessDemo.tsx → TabsCustomDemo.tsx} +30 -48
- package/src/TabsDemo.tsx +32 -55
- package/src/TextDemo.tsx +3 -3
- package/src/ThemeBuilderDemo.tsx +71 -70
- package/src/ThemeInverseDemo.tsx +9 -9
- package/src/ToastDemo.tsx +16 -21
- package/src/ToastDuplicateDemo.tsx +5 -4
- package/src/ToggleGroupDemo.tsx +15 -13
- package/src/TokensDemo.tsx +8 -8
- package/src/TooltipDemo.tsx +20 -23
- package/src/UpdateThemeDemo.tsx +9 -7
- package/src/index.tsx +3 -5
- package/types/AccordionDemo.d.ts +2 -0
- package/types/AddThemeDemo.d.ts +2 -0
- package/types/AlertDialogDemo.d.ts +2 -0
- package/types/AnimationsDelayDemo.d.ts +2 -0
- package/types/AnimationsDemo.d.ts +12 -0
- package/types/AnimationsEnterDemo.d.ts +2 -0
- package/types/AnimationsHoverDemo.d.ts +2 -0
- package/types/AnimationsPresenceDemo.d.ts +3 -0
- package/types/AnimationsTimingDemo.d.ts +2 -0
- package/types/AvatarDemo.d.ts +2 -0
- package/types/BoxShadowTokenDemo.d.ts +2 -0
- package/types/BuildAButtonDemo.d.ts +2 -0
- package/types/ButtonDemo.d.ts +2 -0
- package/types/CardDemo.d.ts +4 -0
- package/types/CheckboxDemo.d.ts +6 -0
- package/types/CheckboxHeadlessDemo.d.ts +2 -0
- package/types/ColorsDemo.d.ts +2 -0
- package/types/ContextMenuDemo.d.ts +2 -0
- package/types/DialogDemo.d.ts +2 -0
- package/types/FormsDemo.d.ts +5 -0
- package/types/Grid.d.ts +8 -0
- package/types/GroupDemo.d.ts +2 -0
- package/types/HeadingsDemo.d.ts +2 -0
- package/types/ImageDemo.d.ts +2 -0
- package/types/InputsDemo.d.ts +2 -0
- package/types/LabelDemo.d.ts +2 -0
- package/types/LinearGradientDemo.d.ts +2 -0
- package/types/ListItemDemo.d.ts +2 -0
- package/types/LucideIconsDemo.d.ts +2 -0
- package/types/MenuDemo.d.ts +7 -0
- package/types/MenuSkins.d.ts +5 -0
- package/types/NewInputsDemo.d.ts +2 -0
- package/types/PopoverDemo.d.ts +8 -0
- package/types/ProgressDemo.d.ts +2 -0
- package/types/RadioGroupCustomDemo.d.ts +2 -0
- package/types/RadioGroupDemo.d.ts +8 -0
- package/types/RadioGroupHeadlessDemo.d.ts +2 -0
- package/types/ReplaceThemeDemo.d.ts +2 -0
- package/types/ScrollViewDemo.d.ts +2 -0
- package/types/SelectDemo.d.ts +54 -0
- package/types/SeparatorDemo.d.ts +2 -0
- package/types/ShapesDemo.d.ts +2 -0
- package/types/SheetDemo.d.ts +2 -0
- package/types/SliderDemo.d.ts +2 -0
- package/types/SpinnerDemo.d.ts +2 -0
- package/types/StacksDemo.d.ts +2 -0
- package/types/SwitchDemo.d.ts +8 -0
- package/types/SwitchHeadlessDemo.d.ts +2 -0
- package/types/TabsAdvancedDemo.d.ts +2 -0
- package/types/TabsCustomDemo.d.ts +228 -0
- package/types/TabsDemo.d.ts +2 -0
- package/types/TextDemo.d.ts +2 -0
- package/types/ThemeBuilderDemo.d.ts +2 -0
- package/types/ThemeInverseDemo.d.ts +2 -0
- package/types/ToastDemo.d.ts +2 -0
- package/types/ToastDuplicateDemo.d.ts +5 -0
- package/types/ToastV1Demo.d.ts +7 -0
- package/types/ToggleGroupDemo.d.ts +2 -0
- package/types/TokensDemo.d.ts +2 -0
- package/types/TooltipDemo.d.ts +2 -0
- package/types/UpdateThemeDemo.d.ts +2 -0
- package/types/WebNativeImageDemo.d.ts +2 -0
- package/types/index.d.ts +60 -0
- package/types/useOnIntersecting.d.ts +10 -0
- package/dist/cjs/CheckboxUnstyledDemo.cjs +0 -80
- package/dist/cjs/CheckboxUnstyledDemo.native.js +0 -83
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +0 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +0 -143
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +0 -146
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +0 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +0 -91
- package/dist/cjs/SwitchUnstyledDemo.native.js +0 -94
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +0 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +0 -134
- package/dist/cjs/TabsHeadlessDemo.native.js +0 -157
- package/dist/cjs/TabsHeadlessDemo.native.js.map +0 -1
- package/dist/cjs/ToastV1Demo.cjs +0 -155
- package/dist/cjs/ToastV1Demo.native.js +0 -166
- package/dist/cjs/ToastV1Demo.native.js.map +0 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +0 -54
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +0 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +0 -54
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +0 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +0 -118
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +0 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +0 -118
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +0 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +0 -65
- package/dist/esm/SwitchUnstyledDemo.mjs.map +0 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +0 -65
- package/dist/esm/SwitchUnstyledDemo.native.js.map +0 -1
- package/dist/esm/TabsHeadlessDemo.mjs +0 -107
- package/dist/esm/TabsHeadlessDemo.mjs.map +0 -1
- package/dist/esm/TabsHeadlessDemo.native.js +0 -114
- package/dist/esm/TabsHeadlessDemo.native.js.map +0 -1
- package/dist/esm/ToastV1Demo.mjs +0 -119
- package/dist/esm/ToastV1Demo.mjs.map +0 -1
- package/dist/esm/ToastV1Demo.native.js +0 -127
- package/dist/esm/ToastV1Demo.native.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/src/CheckboxUnstyledDemo.tsx +0 -49
- package/src/SwitchUnstyledDemo.tsx +0 -58
- package/src/ToastV1Demo.tsx +0 -121
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
-
value: true
|
|
24
|
-
}), mod);
|
|
25
|
-
var SwitchUnstyledDemo_exports = {};
|
|
26
|
-
__export(SwitchUnstyledDemo_exports, {
|
|
27
|
-
Switch: () => Switch,
|
|
28
|
-
SwitchUnstyledDemo: () => SwitchUnstyledDemo
|
|
29
|
-
});
|
|
30
|
-
module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
|
|
31
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
var import_core = require("@tamagui/core");
|
|
33
|
-
var import_switch = require("@tamagui/switch");
|
|
34
|
-
var import_tamagui = require("tamagui");
|
|
35
|
-
var Frame = (0, import_core.styled)(import_core.View, {
|
|
36
|
-
width: 40,
|
|
37
|
-
height: 20,
|
|
38
|
-
rounded: 20,
|
|
39
|
-
variants: {
|
|
40
|
-
checked: {
|
|
41
|
-
true: {
|
|
42
|
-
backgroundColor: "lightblue"
|
|
43
|
-
},
|
|
44
|
-
false: {
|
|
45
|
-
backgroundColor: "silver"
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
defaultVariants: {
|
|
50
|
-
checked: false
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
var Thumb = (0, import_core.styled)(import_core.View, {
|
|
54
|
-
width: 20,
|
|
55
|
-
height: 20,
|
|
56
|
-
bg: "black",
|
|
57
|
-
rounded: 20,
|
|
58
|
-
variants: {
|
|
59
|
-
checked: {
|
|
60
|
-
true: {
|
|
61
|
-
opacity: 0.8
|
|
62
|
-
},
|
|
63
|
-
false: {
|
|
64
|
-
opacity: 0.5
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
var Switch = (0, import_switch.createSwitch)({
|
|
70
|
-
Frame,
|
|
71
|
-
Thumb
|
|
72
|
-
});
|
|
73
|
-
function SwitchUnstyledDemo() {
|
|
74
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
75
|
-
width: 200,
|
|
76
|
-
items: "center",
|
|
77
|
-
gap: "$3",
|
|
78
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
79
|
-
gap: "$3",
|
|
80
|
-
items: "center",
|
|
81
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
82
|
-
htmlFor: "unstyled-switch",
|
|
83
|
-
children: "Unstyled"
|
|
84
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch, {
|
|
85
|
-
defaultChecked: true,
|
|
86
|
-
id: "unstyled-switch",
|
|
87
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch.Thumb, {
|
|
88
|
-
transition: "quickest"
|
|
89
|
-
})
|
|
90
|
-
})]
|
|
91
|
-
})
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
//# sourceMappingURL=SwitchUnstyledDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchUnstyledDemo_exports","__export","Switch","SwitchUnstyledDemo","module","exports","import_jsx_runtime","require","import_core","import_switch","import_tamagui","Frame","styled","View","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","createSwitch","jsx","YStack","items","gap"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA6B,CAAAK,0BAAA;AAC7B,IAAAM,kBAA6B,GAAAC,OAAA;AAC7B,IAAAC,WAAA,GAAAD,OAAsC;AA+ChC,IAAAE,aAAA,GAAAF,OAAA;AA7CN,IAAAG,cAAc,GAAAH,OAAA,UAAO;AAAM,IACzBI,KAAO,OAAAH,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACPC,KAAA,IAAQ;EACRC,MAAA,IAAS;EACTC,OAAA,IAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACFC,eAAA;MACA;MAAOC,KACL;QACFD,eAAA;MACF;IACF;EACA;EAAiBE,eACN;IACXJ,OAAA;EACD;AAED;AAA2B,IACzBK,KAAO,OAAAf,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACPC,KAAA,IAAQ;EACRC,MAAI;EACJS,EAAA,SAAS;EAETR,OAAA,IAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACFM,OAAA;MACA;MAAOJ,KACL;QACFI,OAAA;MACF;IACF;EACD;AAEM;AAA4B,IACjCvB,MAAA,OAAAO,aAAA,CAAAiB,YAAA;EACAf,KAAA;EACDY;AAEM;AACL,SACEpB,mBAAA;EAEI,0BAAAG,kBAAA,CAACqB,GAAA,EAAAjB,cAAA,CAAAkB,MAAM;IACPd,KAAA;IAEAe,KAEJ;IAEJC,GAAA","ignoreList":[]}
|
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all) __defProp(target, name, {
|
|
7
|
-
get: all[name],
|
|
8
|
-
enumerable: true
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
-
get: () => from[key],
|
|
15
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: true
|
|
22
|
-
}), mod);
|
|
23
|
-
var TabsHeadlessDemo_exports = {};
|
|
24
|
-
__export(TabsHeadlessDemo_exports, {
|
|
25
|
-
ContentFrame: () => ContentFrame,
|
|
26
|
-
CustomTabs: () => CustomTabs,
|
|
27
|
-
TabFrame: () => TabFrame,
|
|
28
|
-
TabsFrame: () => TabsFrame,
|
|
29
|
-
TabsHeadlessDemo: () => TabsHeadlessDemo
|
|
30
|
-
});
|
|
31
|
-
module.exports = __toCommonJS(TabsHeadlessDemo_exports);
|
|
32
|
-
var import_react = require("react");
|
|
33
|
-
var import_tamagui = require("tamagui");
|
|
34
|
-
var import_tabs = require("@tamagui/tabs");
|
|
35
|
-
var import_get_button_sized = require("@tamagui/get-button-sized");
|
|
36
|
-
var import_jsx_runtime =
|
|
37
|
-
// web only fix for position relative
|
|
38
|
-
require("react/jsx-runtime");
|
|
39
|
-
const demos = ["horizontal", "vertical"];
|
|
40
|
-
const TabsFrame = (0, import_tamagui.styled)(import_tamagui.SizableStack, {
|
|
41
|
-
name: "TabsFrame"
|
|
42
|
-
});
|
|
43
|
-
const TabFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
44
|
-
name: "TabsTrigger",
|
|
45
|
-
render: "button",
|
|
46
|
-
cursor: "pointer",
|
|
47
|
-
backgroundColor: "transparent",
|
|
48
|
-
variants: {
|
|
49
|
-
size: {
|
|
50
|
-
"...size": import_get_button_sized.getButtonSized
|
|
51
|
-
},
|
|
52
|
-
disabled: {
|
|
53
|
-
true: {
|
|
54
|
-
pointerEvents: "none"
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
active: {
|
|
58
|
-
true: {
|
|
59
|
-
hoverStyle: {
|
|
60
|
-
backgroundColor: "$background"
|
|
61
|
-
},
|
|
62
|
-
focusStyle: {
|
|
63
|
-
backgroundColor: "$background"
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
const CONTENT_NAME = "TabsContent";
|
|
70
|
-
const ContentFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
71
|
-
name: CONTENT_NAME,
|
|
72
|
-
flex: 1,
|
|
73
|
-
p: "$6",
|
|
74
|
-
justify: "center",
|
|
75
|
-
items: "center",
|
|
76
|
-
bg: "$color4",
|
|
77
|
-
rounded: "$4"
|
|
78
|
-
});
|
|
79
|
-
const CustomTabs = (0, import_tabs.createTabs)({
|
|
80
|
-
TabsFrame,
|
|
81
|
-
TabFrame,
|
|
82
|
-
ContentFrame
|
|
83
|
-
});
|
|
84
|
-
function TabsHeadlessDemo() {
|
|
85
|
-
const [demo, setDemo] = (0, import_react.useState)(demos[0]);
|
|
86
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
87
|
-
px: "$4",
|
|
88
|
-
...(import_tamagui.isWeb && {
|
|
89
|
-
position: "static"
|
|
90
|
-
}),
|
|
91
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsView, {
|
|
92
|
-
flexDirection: demo === "horizontal" ? "row" : "column"
|
|
93
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
94
|
-
items: "center",
|
|
95
|
-
gap: "$4",
|
|
96
|
-
position: "absolute",
|
|
97
|
-
b: "$3",
|
|
98
|
-
l: "$4",
|
|
99
|
-
$xxs: {
|
|
100
|
-
display: "none"
|
|
101
|
-
},
|
|
102
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
103
|
-
size: "$2",
|
|
104
|
-
onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
|
|
105
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, {
|
|
106
|
-
textTransform: "capitalize",
|
|
107
|
-
children: demo
|
|
108
|
-
})
|
|
109
|
-
})
|
|
110
|
-
})]
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
const content = ["Home", "Profile", "Settings"];
|
|
114
|
-
const TabsView = ({
|
|
115
|
-
flexDirection = "row"
|
|
116
|
-
}) => {
|
|
117
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(CustomTabs, {
|
|
118
|
-
flexDirection: flexDirection === "column" ? "row" : "column",
|
|
119
|
-
defaultValue: content[0],
|
|
120
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.List, {
|
|
121
|
-
flexDirection,
|
|
122
|
-
children: content.map((name, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Tab, {
|
|
123
|
-
value: name,
|
|
124
|
-
activeStyle: {
|
|
125
|
-
backgroundColor: "transparent"
|
|
126
|
-
},
|
|
127
|
-
children: name
|
|
128
|
-
}, index))
|
|
129
|
-
}), content.map((name, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Content, {
|
|
130
|
-
value: name,
|
|
131
|
-
children: name
|
|
132
|
-
}, index))]
|
|
133
|
-
});
|
|
134
|
-
};
|
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all) __defProp(target, name, {
|
|
11
|
-
get: all[name],
|
|
12
|
-
enumerable: true
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
var __copyProps = (to, from, except, desc) => {
|
|
16
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
18
|
-
get: () => from[key],
|
|
19
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
return to;
|
|
23
|
-
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
25
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
-
value: mod,
|
|
31
|
-
enumerable: true
|
|
32
|
-
}) : target, mod));
|
|
33
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
-
value: true
|
|
35
|
-
}), mod);
|
|
36
|
-
var TabsHeadlessDemo_exports = {};
|
|
37
|
-
__export(TabsHeadlessDemo_exports, {
|
|
38
|
-
ContentFrame: () => ContentFrame,
|
|
39
|
-
CustomTabs: () => CustomTabs,
|
|
40
|
-
TabFrame: () => TabFrame,
|
|
41
|
-
TabsFrame: () => TabsFrame,
|
|
42
|
-
TabsHeadlessDemo: () => TabsHeadlessDemo
|
|
43
|
-
});
|
|
44
|
-
module.exports = __toCommonJS(TabsHeadlessDemo_exports);
|
|
45
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
46
|
-
var import_react = __toESM(require("react"), 1);
|
|
47
|
-
var import_tamagui = require("tamagui");
|
|
48
|
-
var import_tabs = require("@tamagui/tabs");
|
|
49
|
-
var import_get_button_sized = require("@tamagui/get-button-sized");
|
|
50
|
-
var demos = ["horizontal", "vertical"];
|
|
51
|
-
var TabsFrame = (0, import_tamagui.styled)(import_tamagui.SizableStack, {
|
|
52
|
-
name: "TabsFrame"
|
|
53
|
-
});
|
|
54
|
-
var TabFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
55
|
-
name: "TabsTrigger",
|
|
56
|
-
render: "button",
|
|
57
|
-
cursor: "pointer",
|
|
58
|
-
backgroundColor: "transparent",
|
|
59
|
-
variants: {
|
|
60
|
-
size: {
|
|
61
|
-
"...size": import_get_button_sized.getButtonSized
|
|
62
|
-
},
|
|
63
|
-
disabled: {
|
|
64
|
-
true: {
|
|
65
|
-
pointerEvents: "none"
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
active: {
|
|
69
|
-
true: {
|
|
70
|
-
hoverStyle: {
|
|
71
|
-
backgroundColor: "$background"
|
|
72
|
-
},
|
|
73
|
-
focusStyle: {
|
|
74
|
-
backgroundColor: "$background"
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
var CONTENT_NAME = "TabsContent";
|
|
81
|
-
var ContentFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
|
|
82
|
-
name: CONTENT_NAME,
|
|
83
|
-
flex: 1,
|
|
84
|
-
p: "$6",
|
|
85
|
-
justify: "center",
|
|
86
|
-
items: "center",
|
|
87
|
-
bg: "$color4",
|
|
88
|
-
rounded: "$4"
|
|
89
|
-
});
|
|
90
|
-
var CustomTabs = (0, import_tabs.createTabs)({
|
|
91
|
-
TabsFrame,
|
|
92
|
-
TabFrame,
|
|
93
|
-
ContentFrame
|
|
94
|
-
});
|
|
95
|
-
function TabsHeadlessDemo() {
|
|
96
|
-
var [demo, setDemo] = (0, import_react.useState)(demos[0]);
|
|
97
|
-
return (
|
|
98
|
-
// web only fix for position relative
|
|
99
|
-
/* @__PURE__ */
|
|
100
|
-
(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
101
|
-
px: "$4",
|
|
102
|
-
...(import_tamagui.isWeb && {
|
|
103
|
-
position: "static"
|
|
104
|
-
}),
|
|
105
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsView, {
|
|
106
|
-
flexDirection: demo === "horizontal" ? "row" : "column"
|
|
107
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
108
|
-
items: "center",
|
|
109
|
-
gap: "$4",
|
|
110
|
-
position: "absolute",
|
|
111
|
-
b: "$3",
|
|
112
|
-
l: "$4",
|
|
113
|
-
$xxs: {
|
|
114
|
-
display: "none"
|
|
115
|
-
},
|
|
116
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
117
|
-
size: "$2",
|
|
118
|
-
onPress: function () {
|
|
119
|
-
return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
|
|
120
|
-
},
|
|
121
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, {
|
|
122
|
-
textTransform: "capitalize",
|
|
123
|
-
children: demo
|
|
124
|
-
})
|
|
125
|
-
})
|
|
126
|
-
})]
|
|
127
|
-
})
|
|
128
|
-
);
|
|
129
|
-
}
|
|
130
|
-
var content = ["Home", "Profile", "Settings"];
|
|
131
|
-
var TabsView = function (param) {
|
|
132
|
-
var {
|
|
133
|
-
flexDirection = "row"
|
|
134
|
-
} = param;
|
|
135
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(CustomTabs, {
|
|
136
|
-
flexDirection: flexDirection === "column" ? "row" : "column",
|
|
137
|
-
defaultValue: content[0],
|
|
138
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.List, {
|
|
139
|
-
flexDirection,
|
|
140
|
-
children: content.map(function (name, index) {
|
|
141
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Tab, {
|
|
142
|
-
value: name,
|
|
143
|
-
activeStyle: {
|
|
144
|
-
backgroundColor: "transparent"
|
|
145
|
-
},
|
|
146
|
-
children: name
|
|
147
|
-
}, index);
|
|
148
|
-
})
|
|
149
|
-
}), content.map(function (name, index) {
|
|
150
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Content, {
|
|
151
|
-
value: name,
|
|
152
|
-
children: name
|
|
153
|
-
}, index);
|
|
154
|
-
})]
|
|
155
|
-
});
|
|
156
|
-
};
|
|
157
|
-
//# sourceMappingURL=TabsHeadlessDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","TabsHeadlessDemo_exports","__export","ContentFrame","CustomTabs","TabFrame","TabsFrame","TabsHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_tabs","import_get_button_sized","demos","styled","SizableStack","name","ThemeableStack","render","cursor","backgroundColor","variants","size","getButtonSized","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","flex","p","justify","items","bg","rounded","createTabs","demo","setDemo","useState","jsxs","YStack","px","isWeb","position","children","jsx","TabsView","flexDirection","XStack","gap","b","l","$xxs","display","Button","onPress","Text","textTransform","content","param"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAC,MAAA,MAAAA,MAAA,GAAAF,GAAA,WAAAG,QAAA,CAAAC,YAAA,CAAAJ,GAAA,SAAAK,WAAA;AAAA;AAAA;AAAA;AAAA;AAAAJ,UAAA,KAAAD,GAAA,KAAAA,GAAA,CAAAM,UAAA,GAAAC,SAAA,CAAAL,MAAA;EAAAM,KAAA,EAAAR,GAAA;EAAAS,UAAA;AAAA,KAAAP,MAAA,EAAAF,GAAA;AACA,IAAAU,YAAA,GAAAV,GAQO,IAAAK,WAAA,CAAAE,SAAA;EAAAC,KAAA;AAAA,IAAAR,GAAA;AACP,IAAAW,wBAA2B;AAC3BC,QAAA,CAAAD,wBAA+B;EA6D3BE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EA3DJC,gBAAe,EAAAA,CAAA,KAAAA;AAER;AAAuCC,MAC5C,CAAAC,OAAM,GAAAT,YAAA,CAAAC,wBAAA;AACR,IAACS,kBAAA,GAAAC,OAAA;AAEM,IAAAC,YAAM,GAAAvB,OAAW,CAAAsB,OAAA,WAAO;AAAgB,IAC7CE,cAAM,GAAAF,OAAA;AAAA,IACNG,WAAQ,GAAAH,OAAA;AAAA,IACRI,uBAAQ,GAAAJ,OAAA;AAAA,IACRK,KAAA,IACA,YAAU,YACF;AACO,IACbV,SAAA,OAAAO,cAAA,CAAAI,MAAA,EAAAJ,cAAA,CAAAK,YAAA;EAAAC,IAEA;AAAU;AACF,IAAAd,QACJ,OAAAQ,cAAe,CAAAI,MAAA,EAAAJ,cAAA,CAAAO,cAAA;EAAAD,IACjB;EAAAE,MACF;EAAAC,MAEA,WAAQ;EAAAC,eACA;EAAAC,QACJ;IAAYC,IAAA,EACV;MAAiB,SACnB,EAAAV,uBAAA,CAAAW;IAAA;IAEYC,QACV;MAAiBC,IACnB;QACFC,aAAA;MACF;IACF;IACDC,MAAA;MAEKF,IAAA;QAEOG,UAAA;UACLR,eAAA;QACA;QACHS,UAAA;UACHT,eAAS;QACT;MACI;IACJ;EACD;AAEM;AAA8B,IACnCU,YAAA;AAAA,IACA9B,YAAA,OAAAU,cAAA,CAAAI,MAAA,EAAAJ,cAAA,CAAAO,cAAA;EACAD,IAAA,EAAAc,YAAA;EACDC,IAAA;EAEMC,CAAA,MAAS;EACdC,OAAO,UAAM;EAEbC,KAAA,EAEE;EAAAC,EAAC;EAAAC,OAAA;AAAA;AACI,IAAAnC,UACE,OAAAU,WAAA,CAAS0B,UAAA;EAAAlC,SACZ;EAAUD,QACZ;EAAAF;AAEA;AAAmE,SAEnEI,iBAAA;EAAA,KAAAkC,IAAC,EAAAC,OAAA,QAAA9B,YAAA,CAAA+B,QAAA,EAAA3B,KAAA;EAAA;IAAA;IACO;IACF,IAAAN,kBAAA,CAAAkC,IAAA,EAAA/B,cAAA,CAAAgC,MAAA;MAAAC,EAAA,MACJ;MAAS,IAAAjC,cACP,CAAAkC,KAAA;QAAAC,QACA;MAAA;MACsBC,QAExB,kBAAC,IAAAvC,kBAAA,CAAAwC,GAAA,EAAAC,QAAA;QAAAC,aAAA,EAAAX,IAAA;MAAA,IACM,eACL,CAAS,GAAA/B,kBAAc,CAAAwC,GAAS,EAAArC,cAAe,CAAAwC,MAAA;QAAyBhB,KAAA,EAExE;QAA8CiB,GAAA;QAAAN,QAChD;QAAAO,CAAA;QACFC,CAAA;QAAAC,IAAA;UAAAC,OAAA;QACF;QAEJT,QAAA,qBAAAvC,kBAAA,CAAAwC,GAAA,EAAArC,cAAA,CAAA8C,MAAA;UAEMlC,IAAU,EAAC;UAEXmC,OAAY,EAAE,SAAAA,CAAA;YAEhB,OAAAlB,OAAA,CAAAD,IAAA;UAAC;UAAAQ,QAAA,qBAAAvC,kBAAA,CAAAwC,GAAA,EAAArC,cAAA,CAAA8C,MAAA,CAAAE,IAAA;YACCC,aAAe,cAAkB;YACjCb,QAAc,EAAAR;UAEd;QAAA;MAEI,EAAC;IAAA;EAAA;AAG+C;AAE7C,IAAAsB,OAAA,YAJI,SAMR,EACH,UACC,CAIA;AAAA,IAAAZ,QAAA,YAAAA,CAAAa,KAAA;EACH;IAAAZ,aAAA;EAAA,IAAAY,KAAA;EAEJ,0BAAAtD,kBAAA,CAAAkC,IAAA,EAAAxC,UAAA","ignoreList":[]}
|
package/dist/cjs/ToastV1Demo.cjs
DELETED
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
-
value: mod,
|
|
29
|
-
enumerable: true
|
|
30
|
-
}) : target, mod));
|
|
31
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
-
value: true
|
|
33
|
-
}), mod);
|
|
34
|
-
var ToastV1Demo_exports = {};
|
|
35
|
-
__export(ToastV1Demo_exports, {
|
|
36
|
-
ToastV1Demo: () => ToastV1Demo
|
|
37
|
-
});
|
|
38
|
-
module.exports = __toCommonJS(ToastV1Demo_exports);
|
|
39
|
-
var import_toast = require("@tamagui/toast");
|
|
40
|
-
var import_react = __toESM(require("react"), 1);
|
|
41
|
-
var import_tamagui = require("tamagui");
|
|
42
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
|
-
const ToastV1Demo = () => {
|
|
44
|
-
const [native, setNative] = import_react.default.useState(false);
|
|
45
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
46
|
-
gap: "$4",
|
|
47
|
-
items: "center",
|
|
48
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastControl, {
|
|
49
|
-
native
|
|
50
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CurrentToast, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeOptions, {
|
|
51
|
-
native,
|
|
52
|
-
setNative
|
|
53
|
-
})]
|
|
54
|
-
});
|
|
55
|
-
};
|
|
56
|
-
const CurrentToast = () => {
|
|
57
|
-
const currentToast = (0, import_toast.useToastState)();
|
|
58
|
-
if (!currentToast || currentToast.isHandledNatively) return null;
|
|
59
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
|
|
60
|
-
duration: currentToast.duration,
|
|
61
|
-
viewportName: currentToast.viewportName,
|
|
62
|
-
enterStyle: {
|
|
63
|
-
opacity: 0,
|
|
64
|
-
scale: 0.95,
|
|
65
|
-
y: -80
|
|
66
|
-
},
|
|
67
|
-
exitStyle: {
|
|
68
|
-
opacity: 0,
|
|
69
|
-
scale: 0.95,
|
|
70
|
-
y: -80
|
|
71
|
-
},
|
|
72
|
-
opacity: 1,
|
|
73
|
-
scale: 1,
|
|
74
|
-
y: -50,
|
|
75
|
-
transition: "quicker",
|
|
76
|
-
bg: "$color2",
|
|
77
|
-
boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
|
|
78
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
79
|
-
gap: "$5",
|
|
80
|
-
items: "center",
|
|
81
|
-
justify: "space-between",
|
|
82
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
83
|
-
gap: "$0.5",
|
|
84
|
-
flex: 1,
|
|
85
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
|
|
86
|
-
children: currentToast.title
|
|
87
|
-
}), !!currentToast.message && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
|
|
88
|
-
children: currentToast.message
|
|
89
|
-
})]
|
|
90
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
|
|
91
|
-
asChild: true,
|
|
92
|
-
altText: "Dismiss toast",
|
|
93
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
94
|
-
size: "$2",
|
|
95
|
-
children: "Dismiss"
|
|
96
|
-
})
|
|
97
|
-
})]
|
|
98
|
-
})
|
|
99
|
-
}, currentToast.id);
|
|
100
|
-
};
|
|
101
|
-
const ToastControl = ({
|
|
102
|
-
native
|
|
103
|
-
}) => {
|
|
104
|
-
const toast = (0, import_toast.useToastController)();
|
|
105
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
106
|
-
gap: "$2",
|
|
107
|
-
justify: "center",
|
|
108
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
109
|
-
onPress: () => {
|
|
110
|
-
toast.show("Successfully saved!", {
|
|
111
|
-
message: "Don't worry, we've got your data.",
|
|
112
|
-
native,
|
|
113
|
-
demo: true
|
|
114
|
-
});
|
|
115
|
-
},
|
|
116
|
-
children: "Show"
|
|
117
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
118
|
-
onPress: () => {
|
|
119
|
-
toast.hide();
|
|
120
|
-
},
|
|
121
|
-
children: "Hide"
|
|
122
|
-
})]
|
|
123
|
-
});
|
|
124
|
-
};
|
|
125
|
-
const NativeOptions = ({
|
|
126
|
-
native,
|
|
127
|
-
setNative
|
|
128
|
-
}) => {
|
|
129
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
130
|
-
gap: "$3",
|
|
131
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
132
|
-
size: "$1",
|
|
133
|
-
onPress: () => setNative(false),
|
|
134
|
-
children: "Custom"
|
|
135
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
|
|
136
|
-
theme: "surface2",
|
|
137
|
-
id: "native-toggle",
|
|
138
|
-
size: "$1",
|
|
139
|
-
checked: !!native,
|
|
140
|
-
onCheckedChange: val => setNative(val),
|
|
141
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
|
|
142
|
-
theme: "accent",
|
|
143
|
-
transition: ["quickest", {
|
|
144
|
-
transform: {
|
|
145
|
-
overshootClamping: true
|
|
146
|
-
}
|
|
147
|
-
}]
|
|
148
|
-
})
|
|
149
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
150
|
-
size: "$1",
|
|
151
|
-
onPress: () => setNative(true),
|
|
152
|
-
children: "Native"
|
|
153
|
-
})]
|
|
154
|
-
});
|
|
155
|
-
};
|