@tamagui/demos 1.89.26 → 1.89.27-1708113113238
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.native.js +32 -17
- package/dist/cjs/AccordionDemo.native.js.map +3 -3
- package/dist/cjs/AddThemeDemo.native.js +71 -26
- package/dist/cjs/AddThemeDemo.native.js.map +3 -3
- package/dist/cjs/AlertDialogDemo.native.js +55 -46
- package/dist/cjs/AlertDialogDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsDemo.native.js +102 -41
- package/dist/cjs/AnimationsDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsEnterDemo.native.js +80 -25
- package/dist/cjs/AnimationsEnterDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsHoverDemo.native.js +16 -18
- package/dist/cjs/AnimationsHoverDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsPresenceDemo.native.js +124 -58
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsTimingDemo.native.js +15 -17
- package/dist/cjs/AnimationsTimingDemo.native.js.map +3 -3
- package/dist/cjs/AvatarDemo.native.js +32 -25
- package/dist/cjs/AvatarDemo.native.js.map +3 -3
- package/dist/cjs/BuildAButtonDemo.native.js +96 -24
- package/dist/cjs/BuildAButtonDemo.native.js.map +3 -3
- package/dist/cjs/ButtonDemo.native.js +54 -17
- package/dist/cjs/ButtonDemo.native.js.map +3 -3
- package/dist/cjs/CardDemo.native.js +66 -38
- package/dist/cjs/CardDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxDemo.native.js +69 -16
- package/dist/cjs/CheckboxDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxHeadlessDemo.native.js +103 -32
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxUnstyledDemo.native.js +14 -6
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +3 -3
- package/dist/cjs/ColorsDemo.native.js +106 -70
- package/dist/cjs/ColorsDemo.native.js.map +3 -3
- package/dist/cjs/DialogDemo.native.js +103 -74
- package/dist/cjs/DialogDemo.native.js.map +3 -3
- package/dist/cjs/FormsDemo.native.js +76 -23
- package/dist/cjs/FormsDemo.native.js.map +3 -3
- package/dist/cjs/Grid.native.js +22 -24
- package/dist/cjs/Grid.native.js.map +3 -3
- package/dist/cjs/GroupDemo.native.js +26 -17
- package/dist/cjs/GroupDemo.native.js.map +3 -3
- package/dist/cjs/HeadingsDemo.native.js +14 -11
- package/dist/cjs/HeadingsDemo.native.js.map +3 -3
- package/dist/cjs/ImageDemo.native.js +7 -10
- package/dist/cjs/ImageDemo.native.js.map +3 -3
- package/dist/cjs/InputsDemo.native.js +27 -22
- package/dist/cjs/InputsDemo.native.js.map +3 -3
- package/dist/cjs/LabelDemo.native.js +26 -11
- package/dist/cjs/LabelDemo.native.js.map +3 -3
- package/dist/cjs/LinearGradientDemo.native.js +36 -25
- package/dist/cjs/LinearGradientDemo.native.js.map +3 -3
- package/dist/cjs/ListItemDemo.native.js +49 -35
- package/dist/cjs/ListItemDemo.native.js.map +3 -3
- package/dist/cjs/LucideIconsDemo.native.js +92 -37
- package/dist/cjs/LucideIconsDemo.native.js.map +3 -3
- package/dist/cjs/PopoverDemo.native.js +127 -60
- package/dist/cjs/PopoverDemo.native.js.map +3 -3
- package/dist/cjs/ProgressDemo.native.js +102 -46
- package/dist/cjs/ProgressDemo.native.js.map +3 -3
- package/dist/cjs/RadioGroupDemo.native.js +35 -11
- package/dist/cjs/RadioGroupDemo.native.js.map +3 -3
- package/dist/cjs/ReplaceThemeDemo.native.js +71 -20
- package/dist/cjs/ReplaceThemeDemo.native.js.map +3 -3
- package/dist/cjs/ScrollViewDemo.native.js +44 -21
- package/dist/cjs/ScrollViewDemo.native.js.map +3 -3
- package/dist/cjs/SelectDemo.native.js +272 -156
- package/dist/cjs/SelectDemo.native.js.map +3 -3
- package/dist/cjs/SeparatorDemo.native.js +31 -15
- package/dist/cjs/SeparatorDemo.native.js.map +3 -3
- package/dist/cjs/ShapesDemo.native.js +13 -5
- package/dist/cjs/ShapesDemo.native.js.map +3 -3
- package/dist/cjs/SheetDemo.native.js +217 -91
- package/dist/cjs/SheetDemo.native.js.map +3 -3
- package/dist/cjs/SliderDemo.native.js +64 -11
- package/dist/cjs/SliderDemo.native.js.map +3 -3
- package/dist/cjs/SpinnerDemo.native.js +12 -5
- package/dist/cjs/SpinnerDemo.native.js.map +3 -3
- package/dist/cjs/StacksDemo.native.js +82 -73
- package/dist/cjs/StacksDemo.native.js.map +3 -3
- package/dist/cjs/SwitchDemo.native.js +57 -31
- package/dist/cjs/SwitchDemo.native.js.map +3 -3
- package/dist/cjs/SwitchHeadlessDemo.native.js +118 -47
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +3 -3
- package/dist/cjs/SwitchUnstyledDemo.native.js +16 -6
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +3 -3
- package/dist/cjs/TabsAdvancedDemo.native.js +322 -229
- package/dist/cjs/TabsAdvancedDemo.native.js.map +3 -3
- package/dist/cjs/TabsDemo.native.js +160 -86
- package/dist/cjs/TabsDemo.native.js.map +3 -3
- package/dist/cjs/TextDemo.native.js +28 -11
- package/dist/cjs/TextDemo.native.js.map +3 -3
- package/dist/cjs/ThemeBuilderDemo.native.js +152 -125
- package/dist/cjs/ThemeBuilderDemo.native.js.map +3 -3
- package/dist/cjs/ThemeInverseDemo.native.js +26 -32
- package/dist/cjs/ThemeInverseDemo.native.js.map +3 -3
- package/dist/cjs/ToastDemo.native.js +126 -79
- package/dist/cjs/ToastDemo.native.js.map +3 -3
- package/dist/cjs/ToastDuplicateDemo.native.js +93 -32
- package/dist/cjs/ToastDuplicateDemo.native.js.map +3 -3
- package/dist/cjs/ToggleGroupDemo.native.js +56 -39
- package/dist/cjs/ToggleGroupDemo.native.js.map +3 -3
- package/dist/cjs/TokensDemo.native.js +132 -52
- package/dist/cjs/TokensDemo.native.js.map +3 -3
- package/dist/cjs/TooltipDemo.native.js +103 -43
- package/dist/cjs/TooltipDemo.native.js.map +3 -3
- package/dist/cjs/UpdateThemeDemo.native.js +73 -24
- package/dist/cjs/UpdateThemeDemo.native.js.map +3 -3
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/cjs/tamagui.config.native.js.map +3 -3
- package/dist/cjs/useOnIntersecting.native.js +137 -34
- package/dist/cjs/useOnIntersecting.native.js.map +3 -3
- package/dist/esm/AccordionDemo.native.js +31 -17
- package/dist/esm/AccordionDemo.native.js.map +3 -3
- package/dist/esm/AddThemeDemo.native.js +70 -26
- package/dist/esm/AddThemeDemo.native.js.map +3 -3
- package/dist/esm/AlertDialogDemo.native.js +54 -46
- package/dist/esm/AlertDialogDemo.native.js.map +3 -3
- package/dist/esm/AnimationsDemo.native.js +101 -41
- package/dist/esm/AnimationsDemo.native.js.map +3 -3
- package/dist/esm/AnimationsEnterDemo.native.js +79 -25
- package/dist/esm/AnimationsEnterDemo.native.js.map +3 -3
- package/dist/esm/AnimationsHoverDemo.native.js +15 -18
- package/dist/esm/AnimationsHoverDemo.native.js.map +3 -3
- package/dist/esm/AnimationsPresenceDemo.native.js +123 -58
- package/dist/esm/AnimationsPresenceDemo.native.js.map +3 -3
- package/dist/esm/AnimationsTimingDemo.native.js +14 -17
- package/dist/esm/AnimationsTimingDemo.native.js.map +3 -3
- package/dist/esm/AvatarDemo.native.js +22 -23
- package/dist/esm/AvatarDemo.native.js.map +3 -3
- package/dist/esm/BuildAButtonDemo.native.js +95 -24
- package/dist/esm/BuildAButtonDemo.native.js.map +3 -3
- package/dist/esm/ButtonDemo.native.js +53 -17
- package/dist/esm/ButtonDemo.native.js.map +3 -3
- package/dist/esm/CardDemo.native.js +65 -38
- package/dist/esm/CardDemo.native.js.map +3 -3
- package/dist/esm/CheckboxDemo.native.js +68 -16
- package/dist/esm/CheckboxDemo.native.js.map +3 -3
- package/dist/esm/CheckboxHeadlessDemo.native.js +102 -32
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +3 -3
- package/dist/esm/CheckboxUnstyledDemo.native.js +14 -6
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +3 -3
- package/dist/esm/ColorsDemo.native.js +107 -80
- package/dist/esm/ColorsDemo.native.js.map +3 -3
- package/dist/esm/DialogDemo.native.js +103 -87
- package/dist/esm/DialogDemo.native.js.map +3 -3
- package/dist/esm/FormsDemo.native.js +75 -23
- package/dist/esm/FormsDemo.native.js.map +3 -3
- package/dist/esm/Grid.mjs +0 -1
- package/dist/esm/Grid.native.js +21 -24
- package/dist/esm/Grid.native.js.map +3 -3
- package/dist/esm/GroupDemo.native.js +25 -17
- package/dist/esm/GroupDemo.native.js.map +3 -3
- package/dist/esm/HeadingsDemo.native.js +4 -9
- package/dist/esm/HeadingsDemo.native.js.map +3 -3
- package/dist/esm/ImageDemo.native.js +6 -10
- package/dist/esm/ImageDemo.native.js.map +3 -3
- package/dist/esm/InputsDemo.native.js +26 -22
- package/dist/esm/InputsDemo.native.js.map +3 -3
- package/dist/esm/LabelDemo.native.js +25 -11
- package/dist/esm/LabelDemo.native.js.map +3 -3
- package/dist/esm/LinearGradientDemo.native.js +35 -25
- package/dist/esm/LinearGradientDemo.native.js.map +3 -3
- package/dist/esm/ListItemDemo.native.js +48 -35
- package/dist/esm/ListItemDemo.native.js.map +3 -3
- package/dist/esm/LucideIconsDemo.native.js +91 -37
- package/dist/esm/LucideIconsDemo.native.js.map +3 -3
- package/dist/esm/PopoverDemo.native.js +126 -60
- package/dist/esm/PopoverDemo.native.js.map +3 -3
- package/dist/esm/ProgressDemo.native.js +101 -46
- package/dist/esm/ProgressDemo.native.js.map +3 -3
- package/dist/esm/RadioGroupDemo.native.js +34 -11
- package/dist/esm/RadioGroupDemo.native.js.map +3 -3
- package/dist/esm/ReplaceThemeDemo.native.js +71 -29
- package/dist/esm/ReplaceThemeDemo.native.js.map +3 -3
- package/dist/esm/ScrollViewDemo.native.js +43 -21
- package/dist/esm/ScrollViewDemo.native.js.map +3 -3
- package/dist/esm/SelectDemo.native.js +271 -156
- package/dist/esm/SelectDemo.native.js.map +3 -3
- package/dist/esm/SeparatorDemo.native.js +21 -13
- package/dist/esm/SeparatorDemo.native.js.map +3 -3
- package/dist/esm/ShapesDemo.native.js +12 -5
- package/dist/esm/ShapesDemo.native.js.map +3 -3
- package/dist/esm/SheetDemo.native.js +216 -91
- package/dist/esm/SheetDemo.native.js.map +3 -3
- package/dist/esm/SliderDemo.native.js +63 -11
- package/dist/esm/SliderDemo.native.js.map +3 -3
- package/dist/esm/SpinnerDemo.native.js +11 -5
- package/dist/esm/SpinnerDemo.native.js.map +3 -3
- package/dist/esm/StacksDemo.native.js +72 -71
- package/dist/esm/StacksDemo.native.js.map +3 -3
- package/dist/esm/SwitchDemo.native.js +56 -31
- package/dist/esm/SwitchDemo.native.js.map +3 -3
- package/dist/esm/SwitchHeadlessDemo.native.js +117 -47
- package/dist/esm/SwitchHeadlessDemo.native.js.map +3 -3
- package/dist/esm/SwitchUnstyledDemo.native.js +16 -6
- package/dist/esm/SwitchUnstyledDemo.native.js.map +3 -3
- package/dist/esm/TabsAdvancedDemo.native.js +322 -239
- package/dist/esm/TabsAdvancedDemo.native.js.map +3 -3
- package/dist/esm/TabsDemo.native.js +156 -83
- package/dist/esm/TabsDemo.native.js.map +3 -3
- package/dist/esm/TextDemo.native.js +18 -9
- package/dist/esm/TextDemo.native.js.map +3 -3
- package/dist/esm/ThemeBuilderDemo.native.js +151 -125
- package/dist/esm/ThemeBuilderDemo.native.js.map +3 -3
- package/dist/esm/ThemeInverseDemo.native.js +25 -32
- package/dist/esm/ThemeInverseDemo.native.js.map +3 -3
- package/dist/esm/ToastDemo.native.js +125 -79
- package/dist/esm/ToastDemo.native.js.map +3 -3
- package/dist/esm/ToastDuplicateDemo.native.js +92 -32
- package/dist/esm/ToastDuplicateDemo.native.js.map +3 -3
- package/dist/esm/ToggleGroupDemo.native.js +55 -39
- package/dist/esm/ToggleGroupDemo.native.js.map +3 -3
- package/dist/esm/TokensDemo.native.js +131 -52
- package/dist/esm/TokensDemo.native.js.map +3 -3
- package/dist/esm/TooltipDemo.native.js +103 -50
- package/dist/esm/TooltipDemo.native.js.map +3 -3
- package/dist/esm/UpdateThemeDemo.native.js +73 -34
- package/dist/esm/UpdateThemeDemo.native.js.map +3 -3
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/tamagui.config.native.js.map +2 -2
- package/dist/esm/useOnIntersecting.native.js +138 -35
- package/dist/esm/useOnIntersecting.native.js.map +3 -3
- package/dist/jsx/AccordionDemo.native.js +31 -17
- package/dist/jsx/AccordionDemo.native.js.map +3 -3
- package/dist/jsx/AddThemeDemo.native.js +70 -26
- package/dist/jsx/AddThemeDemo.native.js.map +3 -3
- package/dist/jsx/AlertDialogDemo.native.js +54 -46
- package/dist/jsx/AlertDialogDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsDemo.native.js +101 -41
- package/dist/jsx/AnimationsDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsEnterDemo.native.js +79 -25
- package/dist/jsx/AnimationsEnterDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsHoverDemo.native.js +15 -18
- package/dist/jsx/AnimationsHoverDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsPresenceDemo.native.js +123 -58
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsTimingDemo.native.js +14 -17
- package/dist/jsx/AnimationsTimingDemo.native.js.map +3 -3
- package/dist/jsx/AvatarDemo.native.js +22 -23
- package/dist/jsx/AvatarDemo.native.js.map +3 -3
- package/dist/jsx/BuildAButtonDemo.native.js +95 -24
- package/dist/jsx/BuildAButtonDemo.native.js.map +3 -3
- package/dist/jsx/ButtonDemo.native.js +53 -17
- package/dist/jsx/ButtonDemo.native.js.map +3 -3
- package/dist/jsx/CardDemo.native.js +65 -38
- package/dist/jsx/CardDemo.native.js.map +3 -3
- package/dist/jsx/CheckboxDemo.native.js +68 -16
- package/dist/jsx/CheckboxDemo.native.js.map +3 -3
- package/dist/jsx/CheckboxHeadlessDemo.native.js +102 -32
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +3 -3
- package/dist/jsx/CheckboxUnstyledDemo.native.js +14 -6
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +3 -3
- package/dist/jsx/ColorsDemo.native.js +107 -80
- package/dist/jsx/ColorsDemo.native.js.map +3 -3
- package/dist/jsx/DialogDemo.native.js +103 -87
- package/dist/jsx/DialogDemo.native.js.map +3 -3
- package/dist/jsx/FormsDemo.native.js +75 -23
- package/dist/jsx/FormsDemo.native.js.map +3 -3
- package/dist/jsx/Grid.mjs +0 -1
- package/dist/jsx/Grid.native.js +21 -24
- package/dist/jsx/Grid.native.js.map +3 -3
- package/dist/jsx/GroupDemo.native.js +25 -17
- package/dist/jsx/GroupDemo.native.js.map +3 -3
- package/dist/jsx/HeadingsDemo.native.js +4 -9
- package/dist/jsx/HeadingsDemo.native.js.map +3 -3
- package/dist/jsx/ImageDemo.native.js +6 -10
- package/dist/jsx/ImageDemo.native.js.map +3 -3
- package/dist/jsx/InputsDemo.native.js +26 -22
- package/dist/jsx/InputsDemo.native.js.map +3 -3
- package/dist/jsx/LabelDemo.native.js +25 -11
- package/dist/jsx/LabelDemo.native.js.map +3 -3
- package/dist/jsx/LinearGradientDemo.native.js +35 -25
- package/dist/jsx/LinearGradientDemo.native.js.map +3 -3
- package/dist/jsx/ListItemDemo.native.js +48 -35
- package/dist/jsx/ListItemDemo.native.js.map +3 -3
- package/dist/jsx/LucideIconsDemo.native.js +91 -37
- package/dist/jsx/LucideIconsDemo.native.js.map +3 -3
- package/dist/jsx/PopoverDemo.native.js +126 -60
- package/dist/jsx/PopoverDemo.native.js.map +3 -3
- package/dist/jsx/ProgressDemo.native.js +101 -46
- package/dist/jsx/ProgressDemo.native.js.map +3 -3
- package/dist/jsx/RadioGroupDemo.native.js +34 -11
- package/dist/jsx/RadioGroupDemo.native.js.map +3 -3
- package/dist/jsx/ReplaceThemeDemo.native.js +71 -29
- package/dist/jsx/ReplaceThemeDemo.native.js.map +3 -3
- package/dist/jsx/ScrollViewDemo.native.js +43 -21
- package/dist/jsx/ScrollViewDemo.native.js.map +3 -3
- package/dist/jsx/SelectDemo.native.js +271 -156
- package/dist/jsx/SelectDemo.native.js.map +3 -3
- package/dist/jsx/SeparatorDemo.native.js +21 -13
- package/dist/jsx/SeparatorDemo.native.js.map +3 -3
- package/dist/jsx/ShapesDemo.native.js +12 -5
- package/dist/jsx/ShapesDemo.native.js.map +3 -3
- package/dist/jsx/SheetDemo.native.js +216 -91
- package/dist/jsx/SheetDemo.native.js.map +3 -3
- package/dist/jsx/SliderDemo.native.js +63 -11
- package/dist/jsx/SliderDemo.native.js.map +3 -3
- package/dist/jsx/SpinnerDemo.native.js +11 -5
- package/dist/jsx/SpinnerDemo.native.js.map +3 -3
- package/dist/jsx/StacksDemo.native.js +72 -71
- package/dist/jsx/StacksDemo.native.js.map +3 -3
- package/dist/jsx/SwitchDemo.native.js +56 -31
- package/dist/jsx/SwitchDemo.native.js.map +3 -3
- package/dist/jsx/SwitchHeadlessDemo.native.js +117 -47
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +3 -3
- package/dist/jsx/SwitchUnstyledDemo.native.js +16 -6
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +3 -3
- package/dist/jsx/TabsAdvancedDemo.native.js +322 -239
- package/dist/jsx/TabsAdvancedDemo.native.js.map +3 -3
- package/dist/jsx/TabsDemo.native.js +156 -83
- package/dist/jsx/TabsDemo.native.js.map +3 -3
- package/dist/jsx/TextDemo.native.js +18 -9
- package/dist/jsx/TextDemo.native.js.map +3 -3
- package/dist/jsx/ThemeBuilderDemo.native.js +151 -125
- package/dist/jsx/ThemeBuilderDemo.native.js.map +3 -3
- package/dist/jsx/ThemeInverseDemo.native.js +25 -32
- package/dist/jsx/ThemeInverseDemo.native.js.map +3 -3
- package/dist/jsx/ToastDemo.native.js +125 -79
- package/dist/jsx/ToastDemo.native.js.map +3 -3
- package/dist/jsx/ToastDuplicateDemo.native.js +92 -32
- package/dist/jsx/ToastDuplicateDemo.native.js.map +3 -3
- package/dist/jsx/ToggleGroupDemo.native.js +55 -39
- package/dist/jsx/ToggleGroupDemo.native.js.map +3 -3
- package/dist/jsx/TokensDemo.native.js +131 -52
- package/dist/jsx/TokensDemo.native.js.map +3 -3
- package/dist/jsx/TooltipDemo.native.js +103 -50
- package/dist/jsx/TooltipDemo.native.js.map +3 -3
- package/dist/jsx/UpdateThemeDemo.native.js +73 -34
- package/dist/jsx/UpdateThemeDemo.native.js.map +3 -3
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/tamagui.config.native.js.map +2 -2
- package/dist/jsx/useOnIntersecting.native.js +138 -35
- package/dist/jsx/useOnIntersecting.native.js.map +3 -3
- package/package.json +18 -18
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/TabsAdvancedDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": ["currentTab", "intentAt", "
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/TabsAdvancedDemo.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAASA,gBAAgB;AAEzB,SACEC,iBACAC,QACAC,IACAC,aAEAC,MACAC,QACAC,QACAC,cACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMC,QAAQ;EAAC;EAAc;GACvBC,aAAqD;EACzDC,YAAY;EACZC,WAAW;AACb,GAEaC,mBAAmB,WAAA;AAC9B,MAAkCb,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAApCc,YAA2Bd,UAAAA,CAAAA,GAAhBe,eAAgBf,UAAAA,CAAAA,GAC5BgB,OAAOP,MAAMK,SAAAA;AACnB,SACE,sBAAA,cAAA,MAAA,UAAA,MACGE,SAAS,cAAc,sBAAA,cAACC,uBAAAA,IAAAA,IAA2B,sBAAA,cAACC,wBAAAA,IAAAA,GAErD,sBAAA,cAACZ,QAAAA;IACCa,YAAW;IACXC,OAAAA;IACAC,UAAS;IACTC,QAAO;IACPC,MAAK;IACLC,MAAM;MAAEC,SAAS;IAAO;KAExB,sBAAA,cAACvB,QAAAA;IAAOwB,MAAK;IAAKC,SAAS,WAAA;aAAMZ,aAAa,SAACa,GAAAA;gBAAOA,IAAI,KAAKnB,MAAMoB;;;KAClEnB,WAAWM,IAAAA,CAAK,CAAA,CAAA;AAK3B,GAEME,yBAAyB,WAAA;AAC7B,MAAgClB,YAAAA,iBAAAA,SAc7B;IACD8B,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,cAAc;EAChB,CAAA,GAAA,CAAA,GAnBOC,WAAyBlC,UAAAA,CAAAA,GAAfmC,cAAenC,UAAAA,CAAAA,GAqB1BoC,gBAAgB,SAACL,aAAAA;WAAuBI,YAAY,qBAAA,eAAA,CAAA,GAAKD,QAAAA,GAAAA;MAAUH,YAAAA;;KACnEM,qBAAqB,SAACL,WAAAA;WAAaG,YAAY,qBAAA,eAAA,CAAA,GAAKD,QAAAA,GAAAA;MAAUF,UAAAA;;KAC9DM,qBAAqB,SAACR,WAAAA;WAC1BK,YAAY,qBAAA,eAAA,CAAA,GAAKD,QAAAA,GAAAA;MAAUD,cAAcC,SAASJ;MAAUA,UAAAA;;KACtDA,WAAiDI,SAAjDJ,UAAUE,WAAuCE,SAAvCF,UAAUC,eAA6BC,SAA7BD,cAAcF,aAAeG,SAAfH,YAOpCQ,YAAa,WAAA;AACjB,WAAI,CAACT,YAAY,CAACG,gBAAgBH,SAASF,MAAMK,aAAaL,IACrD,IAEFE,SAASF,IAAIK,aAAaL,IAAI,KAAK;EAC5C,EAAA,GAEMY,eACJD,cAAc,IAAI,WAAWA,cAAc,KAAK,YAAY,eACxDE,cACJF,cAAc,IAAI,YAAYA,cAAc,KAAK,WAAW,eAExDG,sBAAqD,SAACC,MAAMC,QAAAA;AAChE,IAAID,SAAS,WACXL,mBAAmBM,MAAAA,IAEnBP,mBAAmBO,MAAAA;EAEvB;AAEA,SACE,sBAAA,cAACvC,MAAAA;IACCwC,OAAOd;IACPe,eAAeV;IACfW,aAAY;IACZrB,MAAK;IACLsB,SAAQ;IACRC,QAAQ;IACRC,eAAc;IACdC,gBAAe;IACfC,iBAAgB;IAChBC,cAAa;IACbhC,UAAS;KAET,sBAAA,cAACd,QAAAA,MACC,sBAAA,cAACN,iBAAAA,MACE+B,YACC,sBAAA,cAACsB,qBAAAA;IACCD,cAAa;IACbE,OAAOvB,SAASuB;IAChBN,QAAQjB,SAASiB;IACjBrB,GAAGI,SAASJ;IACZ4B,GAAGxB,SAASwB;OAIlB,sBAAA,cAACvD,iBAAAA,MACE6B,YACC,sBAAA,cAACwB,qBAAAA;IACCD,cAAa;IACbI,OAAM;IACNF,OAAOzB,SAASyB;IAChBN,QAAQnB,SAASmB;IACjBrB,GAAGE,SAASF;IACZ4B,GAAG1B,SAAS0B;OAKlB,sBAAA,cAACnD,KAAKqD,MAAI;IACRC,yBAAAA;IACAC,MAAM;IACNC,cAAW;IACXC,KAAI;IACJV,iBAAgB;KAEhB,sBAAA,cAAC/C,KAAK0D,KAAG;IACPC,UAAAA;IACAC,iBAAgB;IAChBC,mBAAkB;IAClBrB,OAAM;IACNsB,eAAezB;KAEf,sBAAA,cAACtC,aAAAA,MAAY,SAAA,CAAA,GAEf,sBAAA,cAACC,KAAK0D,KAAG;IACPC,UAAAA;IACAC,iBAAgB;IAChBC,mBAAkB;IAClBrB,OAAM;IACNsB,eAAezB;KAEf,sBAAA,cAACtC,aAAAA,MAAY,aAAA,CAAA,GAEf,sBAAA,cAACC,KAAK0D,KAAG;IACPC,UAAAA;IACAC,iBAAgB;IAChBC,mBAAkB;IAClBrB,OAAM;IACNsB,eAAezB;KAEf,sBAAA,cAACtC,aAAAA,MAAY,eAAA,CAAA,CAAA,CAAA,GAKnB,sBAAA,cAACH,iBAAAA;IACCmE,iBAAAA;IACA5B;IACAC;KAEA,sBAAA,cAAC4B,gBAAAA;IAAeC,KAAKvC;IAAYwC,WAAU;IAAQ3C,GAAG;IAAG4C,SAAS;IAAGC,MAAM;KACzE,sBAAA,cAACpE,KAAKqE,SAAO;IAAC7B,OAAOd;IAAY4C,YAAAA;IAAWF,MAAM;IAAGG,gBAAe;KAClE,sBAAA,cAACzE,IAAAA;IAAG0E,WAAU;KAAU9C,UAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAMpC,GAEMd,wBAAwB,WAAA;AAC5B,MAAgCjB,YAAAA,iBAAAA,SAc7B;IACD8B,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,cAAc;EAChB,CAAA,GAAA,CAAA,GAnBOC,WAAyBlC,UAAAA,CAAAA,GAAfmC,cAAenC,UAAAA,CAAAA,GAqB1BoC,gBAAgB,SAACL,aAAAA;WAAuBI,YAAY,qBAAA,eAAA,CAAA,GAAKD,QAAAA,GAAAA;MAAUH,YAAAA;;KACnEM,qBAAqB,SAACL,WAAAA;WAAaG,YAAY,qBAAA,eAAA,CAAA,GAAKD,QAAAA,GAAAA;MAAUF,UAAAA;;KAC9DM,qBAAqB,SAACR,WAAAA;WAC1BK,YAAY,qBAAA,eAAA,CAAA,GAAKD,QAAAA,GAAAA;MAAUD,cAAcC,SAASJ;MAAUA,UAAAA;;KACtDA,WAAiDI,SAAjDJ,UAAUE,WAAuCE,SAAvCF,UAAUC,eAA6BC,SAA7BD,cAAcF,aAAeG,SAAfH,YAOpCQ,YAAa,WAAA;AACjB,WAAI,CAACT,YAAY,CAACG,gBAAgBH,SAASF,MAAMK,aAAaL,IACrD,IAEFE,SAASF,IAAIK,aAAaL,IAAI,KAAK;EAC5C,EAAA,GAEMY,eACJD,cAAc,IAAI,WAAWA,cAAc,KAAK,YAAY,eACxDE,cACJF,cAAc,IAAI,YAAYA,cAAc,KAAK,WAAW,eAExDG,sBAAqD,SAACC,MAAMC,QAAAA;AAChE,IAAID,SAAS,WACXL,mBAAmBM,MAAAA,IAEnBP,mBAAmBO,MAAAA;EAEvB;AAEA,SACE,sBAAA,cAACvC,MAAAA;IACCwC,OAAOd;IACPe,eAAeV;IACfW,aAAY;IACZrB,MAAK;IACLuB,QAAQ;IACRC,eAAc;IACdC,gBAAe;IACfC,iBAAgB;IAChBC,cAAa;KAEb,sBAAA,cAAC9C,QAAAA,MACC,sBAAA,cAACN,iBAAAA,MACE+B,YACC,sBAAA,cAACsB,qBAAAA;IACCC,OAAOvB,SAASuB;IAChBN,QAAO;IACPrB,GAAGI,SAASJ;IACZN,QAAQ;OAId,sBAAA,cAACrB,iBAAAA,MACE6B,YACC,sBAAA,cAACwB,qBAAAA;IACCG,OAAM;IACNqB,QAAAA;IACAvB,OAAOzB,SAASyB;IAChBN,QAAO;IACPrB,GAAGE,SAASF;IACZN,QAAQ;OAId,sBAAA,cAACjB,KAAKqD,MAAI;IACRC,yBAAAA;IACAC,MAAM;IACNC,cAAW;IACXkB,wBAAwB;IACxBC,yBAAyB;IACzBC,eAAc;IACdC,aAAY;IACZC,mBAAkB;IAClB/B,iBAAgB;KAEhB,sBAAA,cAAC/C,KAAK0D,KAAG;IACPC,UAAAA;IACAE,mBAAkB;IAClBD,iBAAgB;IAChBpB,OAAM;IACNsB,eAAezB;KAEf,sBAAA,cAACtC,aAAAA,MAAY,SAAA,CAAA,GAEf,sBAAA,cAACC,KAAK0D,KAAG;IACPC,UAAAA;IACAE,mBAAkB;IAClBD,iBAAgB;IAChBpB,OAAM;IACNsB,eAAezB;KAEf,sBAAA,cAACtC,aAAAA,MAAY,aAAA,CAAA,GAEf,sBAAA,cAACC,KAAK0D,KAAG;IACPC,UAAAA;IACAE,mBAAkB;IAClBD,iBAAgB;IAChBpB,OAAM;IACNsB,eAAezB;KAEf,sBAAA,cAACtC,aAAAA,MAAY,eAAA,CAAA,CAAA,CAAA,GAKnB,sBAAA,cAACH,iBAAAA;IACCmE,iBAAAA;IACA5B;IACAC;KAEA,sBAAA,cAAC4B,gBAAAA;IAAeC,KAAKvC;IAAYwC,WAAU;IAAQ3C,GAAG;IAAG4C,SAAS;IAAGC,MAAM;KACzE,sBAAA,cAACpE,KAAKqE,SAAO;IAAC7B,OAAOd;IAAY4C,YAAAA;IAAWF,MAAM;IAAGG,gBAAe;KAClE,sBAAA,cAACzE,IAAAA;IAAG0E,WAAU;KAAU9C,UAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAMpC,GAEMuB,sBAAsB,SAAA,QAAA;MAAGwB,SAAAA,OAAAA,QAAWM,QAAAA,2BAAAA,QAAAA;IAAXN;;AAC7B,SACE,sBAAA,cAACvE,QAAAA,eAAAA;IACCc,UAAS;IACT+B,iBAAgB;IAChBoB,SAAS;IACTD,WAAU;IACVc,YAAY;MACVb,SAAS;IACX;IACAc,WAAW;MACTd,SAAS;IACX;KACKM,UAAU;IACb1B,iBAAiB;IACjBoB,SAAS;EACX,GACIY,KAAAA,CAAAA;AAGV,GAEMf,iBAAiB7D,OAAOD,QAAQ;EACpCgF,UAAU;IACRC,QAAQ;MAAEC,MAAM;QAAE7D,GAAG;QAAK4C,SAAS;MAAE;IAAE;IACvCkB,SAAS;MAAED,MAAM;QAAE7D,GAAG;QAAI4C,SAAS;MAAE;IAAE;IACvCmB,aAAa;MAAEF,MAAM;QAAEjB,SAAS;MAAE;IAAE;EACtC;AACF,CAAA;",
|
|
5
|
+
"names": ["useState", "AnimatePresence", "Button", "H5", "SizableText", "Tabs", "XStack", "YStack", "styled", "demos", "demosTitle", "background", "underline", "TabsAdvancedDemo", "demoIndex", "setDemoIndex", "demo", "TabsAdvancedUnderline", "TabsAdvancedBackground", "alignItems", "space", "position", "bottom", "left", "$xxs", "display", "size", "onPress", "x", "length", "activeAt", "currentTab", "intentAt", "prevActiveAt", "tabState", "setTabState", "setCurrentTab", "setIntentIndicator", "setActiveIndicator", "direction", "enterVariant", "exitVariant", "handleOnInteraction", "type", "layout", "value", "onValueChange", "orientation", "padding", "height", "flexDirection", "activationMode", "backgroundColor", "borderRadius", "TabsRovingIndicator", "width", "y", "theme", "List", "disablePassBorderRadius", "loop", "aria-label", "gap", "Tab", "unstyled", "paddingVertical", "paddingHorizontal", "onInteraction", "exitBeforeEnter", "AnimatedYStack", "key", "animation", "opacity", "flex", "Content", "forceMount", "justifyContent", "textAlign", "active", "borderBottomLeftRadius", "borderBottomRightRadius", "paddingBottom", "borderColor", "borderBottomWidth", "props", "enterStyle", "exitStyle", "variants", "isLeft", "true", "isRight", "defaultFade"]
|
|
6
6
|
}
|
|
@@ -1,43 +1,107 @@
|
|
|
1
1
|
import { useState } from "react";
|
|
2
2
|
import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb } from "tamagui";
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
function _array_like_to_array(arr, len) {
|
|
4
|
+
(len == null || len > arr.length) && (len = arr.length);
|
|
5
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
6
|
+
arr2[i] = arr[i];
|
|
7
|
+
return arr2;
|
|
8
|
+
}
|
|
9
|
+
function _array_with_holes(arr) {
|
|
10
|
+
if (Array.isArray(arr))
|
|
11
|
+
return arr;
|
|
12
|
+
}
|
|
13
|
+
function _define_property(obj, key, value) {
|
|
14
|
+
return key in obj ? Object.defineProperty(obj, key, {
|
|
15
|
+
value,
|
|
16
|
+
enumerable: !0,
|
|
17
|
+
configurable: !0,
|
|
18
|
+
writable: !0
|
|
19
|
+
}) : obj[key] = value, obj;
|
|
20
|
+
}
|
|
21
|
+
function _iterable_to_array_limit(arr, i) {
|
|
22
|
+
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
23
|
+
if (_i != null) {
|
|
24
|
+
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
25
|
+
try {
|
|
26
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
27
|
+
;
|
|
28
|
+
} catch (err) {
|
|
29
|
+
_d = !0, _e = err;
|
|
30
|
+
} finally {
|
|
31
|
+
try {
|
|
32
|
+
!_n && _i.return != null && _i.return();
|
|
33
|
+
} finally {
|
|
34
|
+
if (_d)
|
|
35
|
+
throw _e;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return _arr;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
function _non_iterable_rest() {
|
|
42
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
43
|
+
}
|
|
44
|
+
function _object_spread(target) {
|
|
45
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
46
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
|
|
47
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
48
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
49
|
+
}))), ownKeys.forEach(function(key) {
|
|
50
|
+
_define_property(target, key, source[key]);
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
return target;
|
|
54
|
+
}
|
|
55
|
+
function _sliced_to_array(arr, i) {
|
|
56
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
57
|
+
}
|
|
58
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
59
|
+
if (o) {
|
|
60
|
+
if (typeof o == "string")
|
|
61
|
+
return _array_like_to_array(o, minLen);
|
|
62
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
63
|
+
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
|
|
64
|
+
return Array.from(n);
|
|
65
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
|
|
66
|
+
return _array_like_to_array(o, minLen);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
var demos = [
|
|
70
|
+
"horizontal",
|
|
71
|
+
"vertical"
|
|
72
|
+
], demosTitle = {
|
|
5
73
|
horizontal: "Horizontal",
|
|
6
74
|
vertical: "Vertical"
|
|
7
75
|
};
|
|
8
76
|
function TabsDemo() {
|
|
9
|
-
|
|
77
|
+
var _useState = _sliced_to_array(useState(0), 2), demoIndex = _useState[0], setDemoIndex = _useState[1], demo = demos[demoIndex];
|
|
10
78
|
return (
|
|
11
79
|
// web only fix for position relative
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
)
|
|
33
|
-
]
|
|
80
|
+
/* @__PURE__ */ React.createElement(YStack, _object_spread({
|
|
81
|
+
paddingHorizontal: "$4"
|
|
82
|
+
}, isWeb && {
|
|
83
|
+
position: "unset"
|
|
84
|
+
}), demo === "horizontal" ? /* @__PURE__ */ React.createElement(HorizontalTabs, null) : /* @__PURE__ */ React.createElement(VerticalTabs, null), /* @__PURE__ */ React.createElement(XStack, {
|
|
85
|
+
alignItems: "center",
|
|
86
|
+
space: !0,
|
|
87
|
+
position: "absolute",
|
|
88
|
+
bottom: "$3",
|
|
89
|
+
left: "$4",
|
|
90
|
+
$xxs: {
|
|
91
|
+
display: "none"
|
|
92
|
+
}
|
|
93
|
+
}, /* @__PURE__ */ React.createElement(Button, {
|
|
94
|
+
size: "$2",
|
|
95
|
+
onPress: function() {
|
|
96
|
+
return setDemoIndex(function(x) {
|
|
97
|
+
return (x + 1) % demos.length;
|
|
98
|
+
});
|
|
34
99
|
}
|
|
35
|
-
)
|
|
100
|
+
}, demosTitle[demo])))
|
|
36
101
|
);
|
|
37
102
|
}
|
|
38
|
-
|
|
39
|
-
Tabs,
|
|
40
|
-
{
|
|
103
|
+
var HorizontalTabs = function() {
|
|
104
|
+
return /* @__PURE__ */ React.createElement(Tabs, {
|
|
41
105
|
defaultValue: "tab1",
|
|
42
106
|
orientation: "horizontal",
|
|
43
107
|
flexDirection: "column",
|
|
@@ -46,30 +110,37 @@ const HorizontalTabs = () => /* @__PURE__ */ jsxs(
|
|
|
46
110
|
borderRadius: "$4",
|
|
47
111
|
borderWidth: "$0.25",
|
|
48
112
|
overflow: "hidden",
|
|
49
|
-
borderColor: "$borderColor"
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
113
|
+
borderColor: "$borderColor"
|
|
114
|
+
}, /* @__PURE__ */ React.createElement(Tabs.List, {
|
|
115
|
+
separator: /* @__PURE__ */ React.createElement(Separator, {
|
|
116
|
+
vertical: !0
|
|
117
|
+
}),
|
|
118
|
+
disablePassBorderRadius: "bottom",
|
|
119
|
+
"aria-label": "Manage your account"
|
|
120
|
+
}, /* @__PURE__ */ React.createElement(Tabs.Tab, {
|
|
121
|
+
flex: 1,
|
|
122
|
+
value: "tab1"
|
|
123
|
+
}, /* @__PURE__ */ React.createElement(SizableText, {
|
|
124
|
+
fontFamily: "$body"
|
|
125
|
+
}, "Profile")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
|
|
126
|
+
flex: 1,
|
|
127
|
+
value: "tab2"
|
|
128
|
+
}, /* @__PURE__ */ React.createElement(SizableText, {
|
|
129
|
+
fontFamily: "$body"
|
|
130
|
+
}, "Connections")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
|
|
131
|
+
flex: 1,
|
|
132
|
+
value: "tab3"
|
|
133
|
+
}, /* @__PURE__ */ React.createElement(SizableText, {
|
|
134
|
+
fontFamily: "$body"
|
|
135
|
+
}, "Notifications"))), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(TabsContent, {
|
|
136
|
+
value: "tab1"
|
|
137
|
+
}, /* @__PURE__ */ React.createElement(H5, null, "Profile")), /* @__PURE__ */ React.createElement(TabsContent, {
|
|
138
|
+
value: "tab2"
|
|
139
|
+
}, /* @__PURE__ */ React.createElement(H5, null, "Connections")), /* @__PURE__ */ React.createElement(TabsContent, {
|
|
140
|
+
value: "tab3"
|
|
141
|
+
}, /* @__PURE__ */ React.createElement(H5, null, "Notifications")));
|
|
142
|
+
}, VerticalTabs = function() {
|
|
143
|
+
return /* @__PURE__ */ React.createElement(Tabs, {
|
|
73
144
|
defaultValue: "tab1",
|
|
74
145
|
flexDirection: "row",
|
|
75
146
|
orientation: "vertical",
|
|
@@ -77,31 +148,36 @@ const HorizontalTabs = () => /* @__PURE__ */ jsxs(
|
|
|
77
148
|
borderRadius: "$4",
|
|
78
149
|
borderWidth: "$0.25",
|
|
79
150
|
overflow: "hidden",
|
|
80
|
-
borderColor: "$borderColor"
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
{
|
|
151
|
+
borderColor: "$borderColor"
|
|
152
|
+
}, /* @__PURE__ */ React.createElement(Tabs.List, {
|
|
153
|
+
disablePassBorderRadius: "end",
|
|
154
|
+
"aria-label": "Manage your account",
|
|
155
|
+
separator: /* @__PURE__ */ React.createElement(Separator, null)
|
|
156
|
+
}, /* @__PURE__ */ React.createElement(Tabs.Tab, {
|
|
157
|
+
value: "tab1"
|
|
158
|
+
}, /* @__PURE__ */ React.createElement(SizableText, null, "Profile")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
|
|
159
|
+
value: "tab2"
|
|
160
|
+
}, /* @__PURE__ */ React.createElement(SizableText, null, "Connections")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
|
|
161
|
+
value: "tab3"
|
|
162
|
+
}, /* @__PURE__ */ React.createElement(SizableText, null, "Notifications"))), /* @__PURE__ */ React.createElement(Separator, {
|
|
163
|
+
vertical: !0
|
|
164
|
+
}), /* @__PURE__ */ React.createElement(TabsContent, {
|
|
165
|
+
value: "tab1"
|
|
166
|
+
}, /* @__PURE__ */ React.createElement(H5, {
|
|
167
|
+
textAlign: "center"
|
|
168
|
+
}, "Profile")), /* @__PURE__ */ React.createElement(TabsContent, {
|
|
169
|
+
value: "tab2"
|
|
170
|
+
}, /* @__PURE__ */ React.createElement(H5, {
|
|
171
|
+
textAlign: "center"
|
|
172
|
+
}, "Connections")), /* @__PURE__ */ React.createElement(TabsContent, {
|
|
173
|
+
value: "tab3"
|
|
174
|
+
}, /* @__PURE__ */ React.createElement(H5, {
|
|
175
|
+
textAlign: "center"
|
|
176
|
+
}, "Notifications")));
|
|
177
|
+
}, TabsContent = function(props) {
|
|
178
|
+
return /* @__PURE__ */ React.createElement(Tabs.Content, _object_spread({
|
|
104
179
|
backgroundColor: "$background",
|
|
180
|
+
key: "tab3",
|
|
105
181
|
padding: "$2",
|
|
106
182
|
alignItems: "center",
|
|
107
183
|
justifyContent: "center",
|
|
@@ -110,12 +186,9 @@ const HorizontalTabs = () => /* @__PURE__ */ jsxs(
|
|
|
110
186
|
borderRadius: "$2",
|
|
111
187
|
borderTopLeftRadius: 0,
|
|
112
188
|
borderTopRightRadius: 0,
|
|
113
|
-
borderWidth: "$2"
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
},
|
|
117
|
-
"tab3"
|
|
118
|
-
);
|
|
189
|
+
borderWidth: "$2"
|
|
190
|
+
}, props), props.children);
|
|
191
|
+
};
|
|
119
192
|
export {
|
|
120
193
|
TabsDemo
|
|
121
194
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/TabsDemo.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["useState", "Button", "H5", "Separator", "SizableText", "Tabs", "XStack", "YStack", "isWeb", "demos", "demosTitle", "horizontal", "vertical", "TabsDemo", "demoIndex", "setDemoIndex", "demo", "paddingHorizontal", "position", "HorizontalTabs", "VerticalTabs", "alignItems", "space", "bottom", "left", "$xxs", "display", "size", "onPress", "x", "length", "defaultValue", "orientation", "flexDirection", "width", "height", "borderRadius", "borderWidth", "overflow", "borderColor", "List", "separator", "disablePassBorderRadius", "aria-label", "Tab", "flex", "value", "fontFamily", "TabsContent", "textAlign", "props", "Content", "backgroundColor", "key", "padding", "justifyContent", "borderTopLeftRadius", "borderTopRightRadius", "children"]
|
|
6
6
|
}
|
|
@@ -1,14 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { Paragraph, SizableText, XStack, YStack } from "tamagui";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
function TextDemo() {
|
|
4
|
-
return /* @__PURE__ */
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
return /* @__PURE__ */ React.createElement(YStack, {
|
|
5
|
+
space: "$2",
|
|
6
|
+
alignItems: "center"
|
|
7
|
+
}, /* @__PURE__ */ React.createElement(SizableText, {
|
|
8
|
+
size: "$3"
|
|
9
|
+
}, "SizableText"), /* @__PURE__ */ React.createElement(XStack, {
|
|
10
|
+
space: !0
|
|
11
|
+
}, /* @__PURE__ */ React.createElement(SizableText, {
|
|
12
|
+
theme: "alt1",
|
|
13
|
+
size: "$3"
|
|
14
|
+
}, "alt1"), /* @__PURE__ */ React.createElement(SizableText, {
|
|
15
|
+
theme: "alt2",
|
|
16
|
+
size: "$3"
|
|
17
|
+
}, "alt2")), /* @__PURE__ */ React.createElement(Paragraph, {
|
|
18
|
+
size: "$2",
|
|
19
|
+
fontWeight: "800"
|
|
20
|
+
}, "Paragraph"));
|
|
12
21
|
}
|
|
13
22
|
export {
|
|
14
23
|
TextDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/TextDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/TextDemo.tsx"],
|
|
4
|
+
"mappings": "AAAA,OAAOA,WAAW;AAClB,SAASC,WAAWC,aAAmBC,QAAQC,cAAc;AAEtD,SAASC,WAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,OAAM;IAAKC,YAAW;KAC5B,sBAAA,cAACL,aAAAA;IAAYM,MAAK;KAAK,aAAA,GACvB,sBAAA,cAACL,QAAAA;IAAOG,OAAAA;KACN,sBAAA,cAACJ,aAAAA;IAAYO,OAAM;IAAOD,MAAK;KAAK,MAAA,GAGpC,sBAAA,cAACN,aAAAA;IAAYO,OAAM;IAAOD,MAAK;KAAK,MAAA,CAAA,GAItC,sBAAA,cAACP,WAAAA;IAAUO,MAAK;IAAKE,YAAW;KAAM,WAAA,CAAA;AAK5C;",
|
|
5
|
+
"names": ["React", "Paragraph", "SizableText", "XStack", "YStack", "TextDemo", "space", "alignItems", "size", "theme", "fontWeight"]
|
|
6
6
|
}
|