@tamagui/demos 2.7.7 → 3.0.0-beta.643.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 +76 -99
- package/dist/cjs/AccordionDemo.native.cjs +98 -0
- package/dist/cjs/AccordionDemo.native.js +82 -105
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +50 -56
- package/dist/cjs/AddThemeDemo.native.cjs +70 -0
- package/dist/cjs/AddThemeDemo.native.js +50 -55
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +54 -85
- package/dist/cjs/AlertDialogDemo.native.cjs +69 -0
- package/dist/cjs/AlertDialogDemo.native.js +54 -84
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +56 -72
- package/dist/cjs/AnimationsDelayDemo.native.cjs +80 -0
- package/dist/cjs/AnimationsDelayDemo.native.js +60 -75
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +67 -86
- package/dist/cjs/AnimationsDemo.native.cjs +88 -0
- package/dist/cjs/AnimationsDemo.native.js +69 -87
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +40 -61
- package/dist/cjs/AnimationsEnterDemo.native.cjs +64 -0
- package/dist/cjs/AnimationsEnterDemo.native.js +43 -63
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +25 -35
- package/dist/cjs/AnimationsHoverDemo.native.cjs +41 -0
- package/dist/cjs/AnimationsHoverDemo.native.js +25 -34
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +90 -100
- package/dist/cjs/AnimationsPresenceDemo.native.cjs +125 -0
- package/dist/cjs/AnimationsPresenceDemo.native.js +98 -107
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +24 -34
- package/dist/cjs/AnimationsTimingDemo.native.cjs +40 -0
- package/dist/cjs/AnimationsTimingDemo.native.js +24 -33
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +37 -42
- package/dist/cjs/AvatarDemo.native.cjs +52 -0
- package/dist/cjs/AvatarDemo.native.js +37 -41
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +44 -44
- package/dist/cjs/BoxShadowTokenDemo.native.cjs +61 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js +44 -45
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.cjs +121 -113
- package/dist/cjs/BuildAButtonDemo.native.cjs +141 -0
- package/dist/cjs/BuildAButtonDemo.native.js +121 -112
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +73 -77
- package/dist/cjs/ButtonDemo.native.cjs +89 -0
- package/dist/cjs/ButtonDemo.native.js +73 -76
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +63 -74
- package/dist/cjs/CardDemo.native.cjs +82 -0
- package/dist/cjs/CardDemo.native.js +63 -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 +59 -67
- package/dist/cjs/CheckboxHeadlessDemo.native.cjs +83 -0
- package/dist/cjs/CheckboxHeadlessDemo.native.js +60 -67
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +100 -120
- package/dist/cjs/ColorsDemo.native.cjs +124 -0
- package/dist/cjs/ColorsDemo.native.js +102 -121
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +174 -210
- package/dist/cjs/ContextMenuDemo.native.cjs +194 -0
- package/dist/cjs/ContextMenuDemo.native.js +174 -210
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +151 -197
- package/dist/cjs/DialogDemo.native.cjs +177 -0
- package/dist/cjs/DialogDemo.native.js +157 -202
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FieldDemo.cjs +165 -0
- package/dist/cjs/FieldDemo.native.cjs +175 -0
- package/dist/cjs/FieldDemo.native.js +177 -0
- package/dist/cjs/FieldDemo.native.js.map +1 -0
- package/dist/cjs/FormsDemo.cjs +93 -73
- package/dist/cjs/FormsDemo.native.cjs +116 -0
- package/dist/cjs/FormsDemo.native.js +99 -76
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.cjs +48 -61
- package/dist/cjs/Grid.native.cjs +68 -0
- package/dist/cjs/Grid.native.js +48 -60
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +59 -80
- package/dist/cjs/GroupDemo.native.cjs +75 -0
- package/dist/cjs/GroupDemo.native.js +59 -81
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +26 -34
- package/dist/cjs/HeadingsDemo.native.cjs +41 -0
- package/dist/cjs/HeadingsDemo.native.js +26 -33
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.cjs +22 -27
- package/dist/cjs/ImageDemo.native.cjs +37 -0
- package/dist/cjs/ImageDemo.native.js +22 -26
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +45 -49
- package/dist/cjs/InputsDemo.native.cjs +62 -0
- package/dist/cjs/InputsDemo.native.js +45 -48
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +45 -54
- package/dist/cjs/LabelDemo.native.cjs +60 -0
- package/dist/cjs/LabelDemo.native.js +45 -53
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +33 -36
- package/dist/cjs/LinearGradientDemo.native.cjs +49 -0
- package/dist/cjs/LinearGradientDemo.native.js +33 -37
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +83 -93
- package/dist/cjs/ListItemDemo.native.cjs +103 -0
- package/dist/cjs/ListItemDemo.native.js +83 -92
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +63 -74
- package/dist/cjs/LucideIconsDemo.native.cjs +95 -0
- package/dist/cjs/LucideIconsDemo.native.js +72 -82
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +176 -211
- package/dist/cjs/MenuDemo.native.cjs +196 -0
- package/dist/cjs/MenuDemo.native.js +176 -213
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/MenuSkins.cjs +189 -0
- package/dist/cjs/MenuSkins.native.cjs +202 -0
- package/dist/cjs/MenuSkins.native.js +204 -0
- package/dist/cjs/MenuSkins.native.js.map +1 -0
- package/dist/cjs/NewInputsDemo.cjs +45 -50
- package/dist/cjs/NewInputsDemo.native.cjs +62 -0
- package/dist/cjs/NewInputsDemo.native.js +45 -49
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +126 -134
- package/dist/cjs/PopoverDemo.native.cjs +149 -0
- package/dist/cjs/PopoverDemo.native.js +128 -136
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +58 -74
- package/dist/cjs/ProgressDemo.native.cjs +82 -0
- package/dist/cjs/ProgressDemo.native.js +62 -97
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupCustomDemo.cjs +111 -0
- package/dist/cjs/RadioGroupCustomDemo.native.cjs +113 -0
- package/dist/cjs/RadioGroupCustomDemo.native.js +115 -0
- package/dist/cjs/RadioGroupCustomDemo.native.js.map +1 -0
- package/dist/cjs/RadioGroupDemo.cjs +62 -59
- package/dist/cjs/RadioGroupDemo.native.cjs +81 -0
- package/dist/cjs/RadioGroupDemo.native.js +62 -58
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +122 -144
- package/dist/cjs/RadioGroupHeadlessDemo.native.cjs +155 -0
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +126 -147
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +55 -65
- package/dist/cjs/ReplaceThemeDemo.native.cjs +75 -0
- package/dist/cjs/ReplaceThemeDemo.native.js +55 -64
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +69 -63
- package/dist/cjs/ScrollViewDemo.native.cjs +84 -0
- package/dist/cjs/ScrollViewDemo.native.js +69 -62
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +172 -217
- package/dist/cjs/SelectDemo.native.cjs +205 -0
- package/dist/cjs/SelectDemo.native.js +180 -227
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +47 -49
- package/dist/cjs/SeparatorDemo.native.cjs +62 -0
- package/dist/cjs/SeparatorDemo.native.js +47 -48
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +28 -31
- package/dist/cjs/ShapesDemo.native.cjs +43 -0
- package/dist/cjs/ShapesDemo.native.js +28 -30
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +176 -177
- package/dist/cjs/SheetDemo.native.cjs +223 -0
- package/dist/cjs/SheetDemo.native.js +201 -199
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +40 -46
- package/dist/cjs/SliderDemo.native.cjs +57 -0
- package/dist/cjs/SliderDemo.native.js +40 -45
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +27 -30
- package/dist/cjs/SpinnerDemo.native.cjs +42 -0
- package/dist/cjs/SpinnerDemo.native.js +27 -29
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +112 -96
- package/dist/cjs/StacksDemo.native.cjs +134 -0
- package/dist/cjs/StacksDemo.native.js +115 -103
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +75 -86
- package/dist/cjs/SwitchDemo.native.cjs +95 -0
- package/dist/cjs/SwitchDemo.native.js +76 -88
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +64 -84
- package/dist/cjs/SwitchHeadlessDemo.native.cjs +91 -0
- package/dist/cjs/SwitchHeadlessDemo.native.js +69 -88
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +288 -335
- package/dist/cjs/TabsAdvancedDemo.native.cjs +358 -0
- package/dist/cjs/TabsAdvancedDemo.native.js +332 -376
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsCustomDemo.cjs +118 -0
- package/dist/cjs/TabsCustomDemo.native.cjs +133 -0
- package/dist/cjs/TabsCustomDemo.native.js +135 -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 +37 -38
- package/dist/cjs/TextDemo.native.cjs +52 -0
- package/dist/cjs/TextDemo.native.js +37 -37
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +193 -165
- package/dist/cjs/ThemeBuilderDemo.native.cjs +210 -0
- package/dist/cjs/ThemeBuilderDemo.native.js +193 -164
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +90 -88
- package/dist/cjs/ThemeInverseDemo.native.cjs +105 -0
- package/dist/cjs/ThemeInverseDemo.native.js +90 -87
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +200 -215
- package/dist/cjs/ToastDemo.native.cjs +232 -0
- package/dist/cjs/ToastDemo.native.js +212 -228
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +41 -56
- package/dist/cjs/ToastDuplicateDemo.native.cjs +61 -0
- package/dist/cjs/ToastDuplicateDemo.native.js +45 -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 +100 -110
- package/dist/cjs/TokensDemo.native.cjs +137 -0
- package/dist/cjs/TokensDemo.native.js +115 -124
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +116 -118
- package/dist/cjs/TooltipDemo.native.cjs +134 -0
- package/dist/cjs/TooltipDemo.native.js +116 -117
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +53 -66
- package/dist/cjs/UpdateThemeDemo.native.cjs +73 -0
- package/dist/cjs/UpdateThemeDemo.native.js +53 -65
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.cjs +20 -23
- package/dist/cjs/WebNativeImageDemo.native.cjs +35 -0
- package/dist/cjs/WebNativeImageDemo.native.js +20 -22
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/index.cjs +12 -15
- package/dist/cjs/index.native.cjs +81 -0
- package/dist/cjs/index.native.js +13 -15
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/tamagui.config.cjs +15 -18
- package/dist/cjs/tamagui.config.native.cjs +30 -0
- package/dist/cjs/tamagui.config.native.js +15 -17
- package/dist/cjs/tamagui.config.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +68 -69
- package/dist/cjs/useOnIntersecting.native.cjs +114 -0
- package/dist/cjs/useOnIntersecting.native.js +95 -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 +41 -67
- package/dist/esm/AlertDialogDemo.mjs.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +42 -68
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +40 -46
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +45 -51
- package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.mjs +55 -71
- package/dist/esm/AnimationsDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +57 -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 +46 -48
- package/dist/esm/CheckboxDemo.mjs.map +1 -1
- package/dist/esm/CheckboxDemo.native.js +47 -49
- 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 +138 -179
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +145 -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 +47 -48
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +57 -58
- 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 +113 -118
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +116 -122
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.mjs +42 -48
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.native.js +47 -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 +27 -28
- package/dist/esm/SliderDemo.mjs.map +1 -1
- package/dist/esm/SliderDemo.native.js +28 -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 +48 -58
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +54 -64
- 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 +92 -0
- package/dist/esm/TabsCustomDemo.mjs.map +1 -0
- package/dist/esm/TabsCustomDemo.native.js +99 -0
- package/dist/esm/TabsCustomDemo.native.js.map +1 -0
- package/dist/esm/TabsDemo.mjs +157 -171
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +164 -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 +75 -89
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +76 -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 +103 -100
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +104 -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 +36 -37
- package/src/AccordionDemo.tsx +9 -9
- package/src/AddThemeDemo.tsx +2 -2
- package/src/AlertDialogDemo.tsx +10 -21
- package/src/AnimationsDelayDemo.tsx +9 -16
- package/src/AnimationsDemo.tsx +11 -29
- package/src/AnimationsEnterDemo.tsx +7 -12
- package/src/AnimationsHoverDemo.tsx +5 -10
- package/src/AnimationsPresenceDemo.tsx +17 -22
- 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 +14 -8
- package/src/CheckboxHeadlessDemo.tsx +2 -2
- package/src/ColorsDemo.tsx +16 -34
- package/src/ContextMenuDemo.tsx +20 -24
- package/src/DialogDemo.tsx +27 -39
- package/src/FieldDemo.tsx +157 -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 +4 -4
- package/src/MenuDemo.tsx +20 -22
- package/src/MenuSkins.tsx +189 -0
- package/src/NewInputsDemo.tsx +6 -7
- package/src/PopoverDemo.tsx +22 -28
- package/src/ProgressDemo.tsx +10 -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 +1 -1
- package/src/SpinnerDemo.tsx +3 -3
- package/src/StacksDemo.tsx +33 -24
- package/src/SwitchDemo.tsx +16 -17
- package/src/SwitchHeadlessDemo.tsx +2 -2
- package/src/TabsAdvancedDemo.tsx +31 -53
- package/src/{TabsHeadlessDemo.tsx → TabsCustomDemo.tsx} +35 -41
- package/src/TabsDemo.tsx +30 -47
- 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 +12 -12
- package/src/TokensDemo.tsx +8 -8
- package/src/TooltipDemo.tsx +17 -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,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":"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","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
|
-
};
|
|
@@ -1,166 +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 ToastV1Demo_exports = {};
|
|
37
|
-
__export(ToastV1Demo_exports, {
|
|
38
|
-
ToastV1Demo: () => ToastV1Demo
|
|
39
|
-
});
|
|
40
|
-
module.exports = __toCommonJS(ToastV1Demo_exports);
|
|
41
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
-
var import_toast = require("@tamagui/toast");
|
|
43
|
-
var import_react = __toESM(require("react"), 1);
|
|
44
|
-
var import_tamagui = require("tamagui");
|
|
45
|
-
var ToastV1Demo = function () {
|
|
46
|
-
var [native, setNative] = import_react.default.useState(false);
|
|
47
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
48
|
-
gap: "$4",
|
|
49
|
-
items: "center",
|
|
50
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastControl, {
|
|
51
|
-
native
|
|
52
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CurrentToast, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeOptions, {
|
|
53
|
-
native,
|
|
54
|
-
setNative
|
|
55
|
-
})]
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
var CurrentToast = function () {
|
|
59
|
-
var currentToast = (0, import_toast.useToastState)();
|
|
60
|
-
if (!currentToast || currentToast.isHandledNatively) return null;
|
|
61
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
|
|
62
|
-
duration: currentToast.duration,
|
|
63
|
-
viewportName: currentToast.viewportName,
|
|
64
|
-
enterStyle: {
|
|
65
|
-
opacity: 0,
|
|
66
|
-
scale: 0.95,
|
|
67
|
-
y: -80
|
|
68
|
-
},
|
|
69
|
-
exitStyle: {
|
|
70
|
-
opacity: 0,
|
|
71
|
-
scale: 0.95,
|
|
72
|
-
y: -80
|
|
73
|
-
},
|
|
74
|
-
opacity: 1,
|
|
75
|
-
scale: 1,
|
|
76
|
-
y: -50,
|
|
77
|
-
transition: "quicker",
|
|
78
|
-
bg: "$color2",
|
|
79
|
-
boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
|
|
80
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
81
|
-
gap: "$5",
|
|
82
|
-
items: "center",
|
|
83
|
-
justify: "space-between",
|
|
84
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
85
|
-
gap: "$0.5",
|
|
86
|
-
flex: 1,
|
|
87
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
|
|
88
|
-
children: currentToast.title
|
|
89
|
-
}), !!currentToast.message && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
|
|
90
|
-
children: currentToast.message
|
|
91
|
-
})]
|
|
92
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
|
|
93
|
-
asChild: true,
|
|
94
|
-
altText: "Dismiss toast",
|
|
95
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
96
|
-
size: "$2",
|
|
97
|
-
children: "Dismiss"
|
|
98
|
-
})
|
|
99
|
-
})]
|
|
100
|
-
})
|
|
101
|
-
}, currentToast.id);
|
|
102
|
-
};
|
|
103
|
-
var ToastControl = function (param) {
|
|
104
|
-
var {
|
|
105
|
-
native
|
|
106
|
-
} = param;
|
|
107
|
-
var toast = (0, import_toast.useToastController)();
|
|
108
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
109
|
-
gap: "$2",
|
|
110
|
-
justify: "center",
|
|
111
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
112
|
-
onPress: function () {
|
|
113
|
-
toast.show("Successfully saved!", {
|
|
114
|
-
message: "Don't worry, we've got your data.",
|
|
115
|
-
native,
|
|
116
|
-
demo: true
|
|
117
|
-
});
|
|
118
|
-
},
|
|
119
|
-
children: "Show"
|
|
120
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
121
|
-
onPress: function () {
|
|
122
|
-
toast.hide();
|
|
123
|
-
},
|
|
124
|
-
children: "Hide"
|
|
125
|
-
})]
|
|
126
|
-
});
|
|
127
|
-
};
|
|
128
|
-
var NativeOptions = function (param) {
|
|
129
|
-
var {
|
|
130
|
-
native,
|
|
131
|
-
setNative
|
|
132
|
-
} = param;
|
|
133
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
134
|
-
gap: "$3",
|
|
135
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
136
|
-
size: "$1",
|
|
137
|
-
onPress: function () {
|
|
138
|
-
return setNative(false);
|
|
139
|
-
},
|
|
140
|
-
children: "Custom"
|
|
141
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
|
|
142
|
-
theme: "surface2",
|
|
143
|
-
id: "native-toggle",
|
|
144
|
-
size: "$1",
|
|
145
|
-
checked: !!native,
|
|
146
|
-
onCheckedChange: function (val) {
|
|
147
|
-
return setNative(val);
|
|
148
|
-
},
|
|
149
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
|
|
150
|
-
theme: "accent",
|
|
151
|
-
transition: ["quickest", {
|
|
152
|
-
transform: {
|
|
153
|
-
overshootClamping: true
|
|
154
|
-
}
|
|
155
|
-
}]
|
|
156
|
-
})
|
|
157
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
158
|
-
size: "$1",
|
|
159
|
-
onPress: function () {
|
|
160
|
-
return setNative(true);
|
|
161
|
-
},
|
|
162
|
-
children: "Native"
|
|
163
|
-
})]
|
|
164
|
-
});
|
|
165
|
-
};
|
|
166
|
-
//# sourceMappingURL=ToastV1Demo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastV1Demo_exports","__export","ToastV1Demo","module","exports","import_jsx_runtime","require","import_toast","import_react","__toESM","import_tamagui","native","setNative","default","useState","jsxs","YStack","gap","items","children","jsx","ToastControl","CurrentToast","NativeOptions","currentToast","useToastState","isHandledNatively","Toast","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","XStack","justify","flex","Title","title","message","Description","Action","asChild","altText","Button","size","id","param","toast","useToastController","onPress","show","demo","hide"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { createCheckbox } from "@tamagui/checkbox";
|
|
2
|
-
import { View, styled } from "@tamagui/core";
|
|
3
|
-
import { Check } from "@tamagui/lucide-icons-2";
|
|
4
|
-
import { Label, XStack, YStack } from "tamagui";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
const Frame = styled(View, {
|
|
7
|
-
borderWidth: 1,
|
|
8
|
-
borderColor: "$borderColor",
|
|
9
|
-
rounded: 5,
|
|
10
|
-
items: "center",
|
|
11
|
-
justify: "center",
|
|
12
|
-
variants: {
|
|
13
|
-
checked: {
|
|
14
|
-
indeterminate: {},
|
|
15
|
-
true: {
|
|
16
|
-
backgroundColor: "$color5"
|
|
17
|
-
},
|
|
18
|
-
false: {
|
|
19
|
-
backgroundColor: "$color3"
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
defaultVariants: {
|
|
24
|
-
checked: false
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
const Indicator = styled(View, {});
|
|
28
|
-
const Checkbox = createCheckbox({
|
|
29
|
-
Frame,
|
|
30
|
-
Indicator
|
|
31
|
-
});
|
|
32
|
-
function CheckboxUnstyledDemo() {
|
|
33
|
-
return /* @__PURE__ */jsx(YStack, {
|
|
34
|
-
width: 200,
|
|
35
|
-
items: "center",
|
|
36
|
-
gap: "$3",
|
|
37
|
-
children: /* @__PURE__ */jsxs(XStack, {
|
|
38
|
-
gap: "$3",
|
|
39
|
-
items: "center",
|
|
40
|
-
children: [/* @__PURE__ */jsx(Checkbox, {
|
|
41
|
-
defaultChecked: true,
|
|
42
|
-
id: "unstyled",
|
|
43
|
-
children: /* @__PURE__ */jsx(Checkbox.Indicator, {
|
|
44
|
-
children: /* @__PURE__ */jsx(Check, {})
|
|
45
|
-
})
|
|
46
|
-
}), /* @__PURE__ */jsx(Label, {
|
|
47
|
-
htmlFor: "unstyled",
|
|
48
|
-
children: "Unstyled"
|
|
49
|
-
})]
|
|
50
|
-
})
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
export { Checkbox, CheckboxUnstyledDemo };
|
|
54
|
-
//# sourceMappingURL=CheckboxUnstyledDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createCheckbox","View","styled","Check","Label","XStack","YStack","jsx","jsxs","Frame","borderWidth","borderColor","rounded","items","justify","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","Checkbox","CheckboxUnstyledDemo","width","gap","children","defaultChecked","id","htmlFor"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,SAASC,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAmChC,SAGMC,GAAA,EAHNC,IAAA;AAjCN,MAAMC,KAAA,GAAQP,MAAA,CAAOD,IAAA,EAAM;EACzBS,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,aAAA,EAAe,CAAC;MAChBC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EAEAE,eAAA,EAAiB;IACfL,OAAA,EAAS;EACX;AACF,CAAC;AAED,MAAMM,SAAA,GAAYpB,MAAA,CAAOD,IAAA,EAAM,CAAC,CAAC;AAE1B,MAAMsB,QAAA,GAAWvB,cAAA,CAAe;EACrCS,KAAA;EACAa;AACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAjB,GAAA,CAACD,MAAA;IAAOmB,KAAA,EAAO;IAAKZ,KAAA,EAAM;IAASa,GAAA,EAAI;IACrCC,QAAA,iBAAAnB,IAAA,CAACH,MAAA;MAAOqB,GAAA,EAAI;MAAKb,KAAA,EAAM;MACrBc,QAAA,kBAAApB,GAAA,CAACgB,QAAA;QAASK,cAAA,EAAc;QAACC,EAAA,EAAG;QAC1BF,QAAA,iBAAApB,GAAA,CAACgB,QAAA,CAASD,SAAA,EAAT;UACCK,QAAA,iBAAApB,GAAA,CAACJ,KAAA,IAAM;QAAA,CACT;MAAA,CACF,GACA,eAAAI,GAAA,CAACH,KAAA;QAAM0B,OAAA,EAAQ;QAAWH,QAAA;MAAA,CAAQ;IAAA,CACpC;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { createCheckbox } from "@tamagui/checkbox";
|
|
3
|
-
import { View, styled } from "@tamagui/core";
|
|
4
|
-
import { Check } from "@tamagui/lucide-icons-2";
|
|
5
|
-
import { Label, XStack, YStack } from "tamagui";
|
|
6
|
-
var Frame = styled(View, {
|
|
7
|
-
borderWidth: 1,
|
|
8
|
-
borderColor: "$borderColor",
|
|
9
|
-
rounded: 5,
|
|
10
|
-
items: "center",
|
|
11
|
-
justify: "center",
|
|
12
|
-
variants: {
|
|
13
|
-
checked: {
|
|
14
|
-
indeterminate: {},
|
|
15
|
-
true: {
|
|
16
|
-
backgroundColor: "$color5"
|
|
17
|
-
},
|
|
18
|
-
false: {
|
|
19
|
-
backgroundColor: "$color3"
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
defaultVariants: {
|
|
24
|
-
checked: false
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
var Indicator = styled(View, {});
|
|
28
|
-
var Checkbox = createCheckbox({
|
|
29
|
-
Frame,
|
|
30
|
-
Indicator
|
|
31
|
-
});
|
|
32
|
-
function CheckboxUnstyledDemo() {
|
|
33
|
-
return /* @__PURE__ */_jsx(YStack, {
|
|
34
|
-
width: 200,
|
|
35
|
-
items: "center",
|
|
36
|
-
gap: "$3",
|
|
37
|
-
children: /* @__PURE__ */_jsxs(XStack, {
|
|
38
|
-
gap: "$3",
|
|
39
|
-
items: "center",
|
|
40
|
-
children: [/* @__PURE__ */_jsx(Checkbox, {
|
|
41
|
-
defaultChecked: true,
|
|
42
|
-
id: "unstyled",
|
|
43
|
-
children: /* @__PURE__ */_jsx(Checkbox.Indicator, {
|
|
44
|
-
children: /* @__PURE__ */_jsx(Check, {})
|
|
45
|
-
})
|
|
46
|
-
}), /* @__PURE__ */_jsx(Label, {
|
|
47
|
-
htmlFor: "unstyled",
|
|
48
|
-
children: "Unstyled"
|
|
49
|
-
})]
|
|
50
|
-
})
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
export { Checkbox, CheckboxUnstyledDemo };
|
|
54
|
-
//# sourceMappingURL=CheckboxUnstyledDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","createCheckbox","View","styled","Check","Label","XStack","YStack","Frame","borderWidth","borderColor","rounded","items","justify","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","Checkbox","CheckboxUnstyledDemo","width","gap","children"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAsB;AAC/B,SAASC,cAAM,QAAc;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAa;AACtB,SAASC,KAAA,QAAO,yBAAsB;AAmChC,SAGMC,KAHN,EAAAC,MAAA,EAAAC,MAAA;AAjCN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,IAAO;EACnBO,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,aAAA,EAAe,CAAC;MAChBC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EAEAE,eAAA,EAAiB;IACfL,OAAA,EAAS;EACX;AACF,CAAC;AAED,IAAAM,SAAM,GAAAlB,MAAY,CAAAD,IAAO,IAAM,CAAC;AAEzB,IAAAoB,QAAM,GAAArB,cAAW;EACtBO,KAAA;EACAa;AACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAzB,IAAC,CAAAS,MAAA;IAEGiB,KAAA;IAKAZ,KAAA;IAAkCa,GACpC,EACF;IAEJC,QAAA,iBAAA1B,KAAA,CAAAM,MAAA","ignoreList":[]}
|