@tamagui/demos 2.0.0-rc.9 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.cjs +19 -17
- package/dist/cjs/AccordionDemo.native.js +19 -17
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +31 -28
- package/dist/cjs/AddThemeDemo.native.js +33 -30
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +20 -18
- package/dist/cjs/AlertDialogDemo.native.js +20 -18
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +40 -35
- package/dist/cjs/AnimationsDelayDemo.native.js +41 -36
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +27 -23
- package/dist/cjs/AnimationsDemo.native.js +29 -28
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +39 -34
- package/dist/cjs/AnimationsEnterDemo.native.js +38 -34
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +68 -66
- package/dist/cjs/AnimationsPresenceDemo.native.js +71 -69
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +16 -14
- package/dist/cjs/AvatarDemo.native.js +16 -14
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +59 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js +64 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -0
- package/dist/cjs/BuildAButtonDemo.cjs +22 -20
- package/dist/cjs/BuildAButtonDemo.native.js +31 -29
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +20 -18
- package/dist/cjs/ButtonDemo.native.js +20 -18
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +15 -13
- package/dist/cjs/CardDemo.native.js +15 -13
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +18 -16
- package/dist/cjs/CheckboxDemo.native.js +24 -22
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +39 -37
- package/dist/cjs/CheckboxHeadlessDemo.native.js +39 -37
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +42 -40
- package/dist/cjs/CheckboxUnstyledDemo.native.js +43 -41
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +62 -56
- package/dist/cjs/ColorsDemo.native.js +32 -30
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +53 -53
- package/dist/cjs/ContextMenuDemo.native.js +41 -43
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +34 -32
- package/dist/cjs/DialogDemo.native.js +36 -34
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +31 -28
- package/dist/cjs/FormsDemo.native.js +31 -28
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.cjs +51 -42
- package/dist/cjs/Grid.native.js +44 -37
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +17 -15
- package/dist/cjs/GroupDemo.native.js +17 -15
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +14 -12
- package/dist/cjs/HeadingsDemo.native.js +14 -12
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.cjs +14 -12
- package/dist/cjs/ImageDemo.native.js +14 -12
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +14 -12
- package/dist/cjs/InputsDemo.native.js +14 -12
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +14 -12
- package/dist/cjs/LabelDemo.native.js +14 -12
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +15 -13
- package/dist/cjs/LinearGradientDemo.native.js +15 -13
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +32 -22
- package/dist/cjs/ListItemDemo.native.js +32 -22
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +54 -52
- package/dist/cjs/LucideIconsDemo.native.js +69 -67
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +176 -177
- package/dist/cjs/MenuDemo.native.js +179 -180
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +15 -13
- package/dist/cjs/NewInputsDemo.native.js +15 -13
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +29 -27
- package/dist/cjs/PopoverDemo.native.js +29 -27
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +37 -33
- package/dist/cjs/ProgressDemo.native.js +37 -33
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +14 -12
- package/dist/cjs/RadioGroupDemo.native.js +14 -12
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +68 -63
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +60 -60
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +38 -33
- package/dist/cjs/ReplaceThemeDemo.native.js +39 -34
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +14 -12
- package/dist/cjs/ScrollViewDemo.native.js +14 -12
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +54 -50
- package/dist/cjs/SelectDemo.native.js +44 -42
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +16 -14
- package/dist/cjs/SeparatorDemo.native.js +16 -14
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +14 -12
- package/dist/cjs/ShapesDemo.native.js +14 -12
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +127 -121
- package/dist/cjs/SheetDemo.native.js +149 -147
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +14 -12
- package/dist/cjs/SliderDemo.native.js +14 -12
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +14 -12
- package/dist/cjs/SpinnerDemo.native.js +14 -12
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +17 -15
- package/dist/cjs/StacksDemo.native.js +29 -16
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +18 -16
- package/dist/cjs/SwitchDemo.native.js +20 -18
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +38 -36
- package/dist/cjs/SwitchHeadlessDemo.native.js +40 -38
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +50 -48
- package/dist/cjs/SwitchUnstyledDemo.native.js +51 -49
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +316 -294
- package/dist/cjs/TabsAdvancedDemo.native.js +364 -348
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +105 -99
- package/dist/cjs/TabsDemo.native.js +162 -160
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +68 -64
- package/dist/cjs/TabsHeadlessDemo.native.js +94 -81
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +14 -12
- package/dist/cjs/TextDemo.native.js +14 -12
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +213 -131
- package/dist/cjs/ToastDemo.native.js +229 -142
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +49 -60
- package/dist/cjs/ToastDuplicateDemo.native.js +56 -71
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +155 -0
- package/dist/cjs/ToastV1Demo.native.js +166 -0
- package/dist/cjs/ToastV1Demo.native.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.cjs +21 -19
- package/dist/cjs/ToggleGroupDemo.native.js +21 -19
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +80 -74
- package/dist/cjs/TokensDemo.native.js +58 -55
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +27 -24
- package/dist/cjs/TooltipDemo.native.js +27 -24
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +37 -33
- package/dist/cjs/UpdateThemeDemo.native.js +38 -34
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.cjs +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/index.cjs +9 -5
- package/dist/cjs/index.native.js +9 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/tamagui.config.cjs +14 -12
- package/dist/cjs/tamagui.config.native.js +16 -14
- package/dist/cjs/tamagui.config.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +44 -28
- package/dist/cjs/useOnIntersecting.native.js +84 -70
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +3 -3
- package/dist/esm/AccordionDemo.native.js +3 -3
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.mjs +3 -2
- package/dist/esm/AddThemeDemo.mjs.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +5 -4
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +6 -6
- package/dist/esm/AlertDialogDemo.native.js +6 -6
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +12 -9
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +12 -9
- package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.mjs +11 -9
- package/dist/esm/AnimationsDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +13 -14
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +10 -7
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +9 -7
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +35 -35
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +37 -37
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.mjs +2 -2
- package/dist/esm/AvatarDemo.native.js +2 -2
- package/dist/esm/BoxShadowTokenDemo.mjs +34 -0
- package/dist/esm/BoxShadowTokenDemo.mjs.map +1 -0
- package/dist/esm/BoxShadowTokenDemo.native.js +36 -0
- package/dist/esm/BoxShadowTokenDemo.native.js.map +1 -0
- package/dist/esm/BuildAButtonDemo.mjs +6 -6
- package/dist/esm/BuildAButtonDemo.mjs.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +6 -6
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.mjs +2 -2
- package/dist/esm/ButtonDemo.native.js +2 -2
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +3 -3
- package/dist/esm/CheckboxDemo.native.js +9 -9
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +9 -9
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +9 -9
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +25 -25
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +25 -25
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.mjs +47 -43
- package/dist/esm/ColorsDemo.mjs.map +1 -1
- package/dist/esm/ColorsDemo.native.js +17 -17
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/ContextMenuDemo.mjs +21 -23
- package/dist/esm/ContextMenuDemo.mjs.map +1 -1
- package/dist/esm/ContextMenuDemo.native.js +9 -13
- package/dist/esm/ContextMenuDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +16 -16
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +18 -18
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/dist/esm/FormsDemo.mjs +4 -3
- package/dist/esm/FormsDemo.mjs.map +1 -1
- package/dist/esm/FormsDemo.native.js +4 -3
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.mjs +23 -16
- package/dist/esm/Grid.mjs.map +1 -1
- package/dist/esm/Grid.native.js +16 -11
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +9 -1
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +9 -1
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +25 -25
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +32 -32
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/MenuDemo.mjs +148 -151
- package/dist/esm/MenuDemo.mjs.map +1 -1
- package/dist/esm/MenuDemo.native.js +151 -154
- package/dist/esm/MenuDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +10 -10
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +10 -10
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.mjs +8 -6
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.native.js +8 -6
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +38 -35
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +30 -32
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +10 -7
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +11 -8
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +22 -20
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +11 -11
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +2 -2
- package/dist/esm/SeparatorDemo.native.js +2 -2
- package/dist/esm/SheetDemo.mjs +96 -92
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +120 -120
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.mjs +3 -3
- package/dist/esm/StacksDemo.native.js +4 -4
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +4 -4
- package/dist/esm/SwitchDemo.native.js +6 -6
- package/dist/esm/SwitchHeadlessDemo.mjs +9 -9
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +11 -11
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +34 -34
- package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +34 -34
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +289 -269
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +337 -323
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +77 -73
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +135 -135
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +48 -46
- package/dist/esm/TabsHeadlessDemo.mjs.map +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +67 -67
- package/dist/esm/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +196 -105
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +213 -117
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +31 -33
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +32 -38
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/esm/ToastV1Demo.mjs +119 -0
- package/dist/esm/ToastV1Demo.mjs.map +1 -0
- package/dist/esm/ToastV1Demo.native.js +127 -0
- package/dist/esm/ToastV1Demo.native.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.mjs +4 -4
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +4 -4
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.mjs +52 -48
- package/dist/esm/TokensDemo.mjs.map +1 -1
- package/dist/esm/TokensDemo.native.js +24 -23
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.mjs +5 -4
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +5 -4
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +8 -6
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +9 -7
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/index.js +63 -61
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/tamagui.config.native.js +2 -2
- package/dist/esm/tamagui.config.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +30 -16
- package/dist/esm/useOnIntersecting.mjs.map +1 -1
- package/dist/esm/useOnIntersecting.native.js +70 -58
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/package.json +42 -40
- package/src/AccordionDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +2 -2
- package/src/BoxShadowTokenDemo.tsx +35 -0
- package/src/BuildAButtonDemo.tsx +1 -1
- package/src/ButtonDemo.tsx +1 -1
- package/src/CheckboxDemo.tsx +1 -1
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +3 -3
- package/src/DialogDemo.tsx +1 -1
- package/src/GroupDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +27 -6
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +126 -133
- package/src/PopoverDemo.tsx +6 -1
- package/src/ProgressDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -3
- package/src/SheetDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +13 -11
- package/src/ToastDemo.tsx +208 -93
- package/src/ToastDuplicateDemo.tsx +39 -29
- package/src/ToastV1Demo.tsx +121 -0
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -1
- package/src/index.tsx +2 -0
- package/dist/cjs/AccordionDemo.js +0 -77
- package/dist/cjs/AccordionDemo.js.map +0 -6
- package/dist/cjs/AddThemeDemo.js +0 -56
- package/dist/cjs/AddThemeDemo.js.map +0 -6
- package/dist/cjs/AlertDialogDemo.js +0 -68
- package/dist/cjs/AlertDialogDemo.js.map +0 -6
- package/dist/cjs/AnimationsDelayDemo.js +0 -56
- package/dist/cjs/AnimationsDelayDemo.js.map +0 -6
- package/dist/cjs/AnimationsDemo.js +0 -99
- package/dist/cjs/AnimationsDemo.js.map +0 -6
- package/dist/cjs/AnimationsEnterDemo.js +0 -55
- package/dist/cjs/AnimationsEnterDemo.js.map +0 -6
- package/dist/cjs/AnimationsHoverDemo.js +0 -41
- package/dist/cjs/AnimationsHoverDemo.js.map +0 -6
- package/dist/cjs/AnimationsPresenceDemo.js +0 -102
- package/dist/cjs/AnimationsPresenceDemo.js.map +0 -6
- package/dist/cjs/AnimationsTimingDemo.js +0 -40
- package/dist/cjs/AnimationsTimingDemo.js.map +0 -6
- package/dist/cjs/AvatarDemo.js +0 -45
- package/dist/cjs/AvatarDemo.js.map +0 -6
- package/dist/cjs/BuildAButtonDemo.js +0 -65
- package/dist/cjs/BuildAButtonDemo.js.map +0 -6
- package/dist/cjs/ButtonDemo.js +0 -42
- package/dist/cjs/ButtonDemo.js.map +0 -6
- package/dist/cjs/CardDemo.js +0 -60
- package/dist/cjs/CardDemo.js.map +0 -6
- package/dist/cjs/CheckboxDemo.js +0 -41
- package/dist/cjs/CheckboxDemo.js.map +0 -6
- package/dist/cjs/CheckboxHeadlessDemo.js +0 -62
- package/dist/cjs/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/cjs/CheckboxUnstyledDemo.js +0 -52
- package/dist/cjs/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/cjs/ColorsDemo.js +0 -107
- package/dist/cjs/ColorsDemo.js.map +0 -6
- package/dist/cjs/ContextMenuDemo.js +0 -200
- package/dist/cjs/ContextMenuDemo.js.map +0 -6
- package/dist/cjs/DialogDemo.js +0 -149
- package/dist/cjs/DialogDemo.js.map +0 -6
- package/dist/cjs/FormsDemo.js +0 -66
- package/dist/cjs/FormsDemo.js.map +0 -6
- package/dist/cjs/Grid.js +0 -46
- package/dist/cjs/Grid.js.map +0 -6
- package/dist/cjs/GroupDemo.js +0 -49
- package/dist/cjs/GroupDemo.js.map +0 -6
- package/dist/cjs/HeadingsDemo.js +0 -31
- package/dist/cjs/HeadingsDemo.js.map +0 -6
- package/dist/cjs/ImageDemo.js +0 -35
- package/dist/cjs/ImageDemo.js.map +0 -6
- package/dist/cjs/InputsDemo.js +0 -43
- package/dist/cjs/InputsDemo.js.map +0 -6
- package/dist/cjs/LabelDemo.js +0 -42
- package/dist/cjs/LabelDemo.js.map +0 -6
- package/dist/cjs/LinearGradientDemo.js +0 -47
- package/dist/cjs/LinearGradientDemo.js.map +0 -6
- package/dist/cjs/ListItemDemo.js +0 -72
- package/dist/cjs/ListItemDemo.js.map +0 -6
- package/dist/cjs/LucideIconsDemo.js +0 -63
- package/dist/cjs/LucideIconsDemo.js.map +0 -6
- package/dist/cjs/MenuDemo.js +0 -187
- package/dist/cjs/MenuDemo.js.map +0 -6
- package/dist/cjs/NewInputsDemo.js +0 -43
- package/dist/cjs/NewInputsDemo.js.map +0 -6
- package/dist/cjs/PopoverDemo.js +0 -127
- package/dist/cjs/PopoverDemo.js.map +0 -6
- package/dist/cjs/ProgressDemo.js +0 -85
- package/dist/cjs/ProgressDemo.js.map +0 -6
- package/dist/cjs/RadioGroupDemo.js +0 -36
- package/dist/cjs/RadioGroupDemo.js.map +0 -6
- package/dist/cjs/RadioGroupHeadlessDemo.js +0 -117
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/cjs/RadioGroupUnstyledDemo.js +0 -106
- package/dist/cjs/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/cjs/ReplaceThemeDemo.js +0 -58
- package/dist/cjs/ReplaceThemeDemo.js.map +0 -6
- package/dist/cjs/ScrollViewDemo.js +0 -33
- package/dist/cjs/ScrollViewDemo.js.map +0 -6
- package/dist/cjs/SelectDemo.js +0 -200
- package/dist/cjs/SelectDemo.js.map +0 -6
- package/dist/cjs/SeparatorDemo.js +0 -35
- package/dist/cjs/SeparatorDemo.js.map +0 -6
- package/dist/cjs/ShapesDemo.js +0 -27
- package/dist/cjs/ShapesDemo.js.map +0 -6
- package/dist/cjs/SheetDemo.js +0 -123
- package/dist/cjs/SheetDemo.js.map +0 -6
- package/dist/cjs/SliderDemo.js +0 -34
- package/dist/cjs/SliderDemo.js.map +0 -6
- package/dist/cjs/SpinnerDemo.js +0 -27
- package/dist/cjs/SpinnerDemo.js.map +0 -6
- package/dist/cjs/StacksDemo.js +0 -86
- package/dist/cjs/StacksDemo.js.map +0 -6
- package/dist/cjs/SwitchDemo.js +0 -58
- package/dist/cjs/SwitchDemo.js.map +0 -6
- package/dist/cjs/SwitchHeadlessDemo.js +0 -88
- package/dist/cjs/SwitchHeadlessDemo.js.map +0 -6
- package/dist/cjs/SwitchUnstyledDemo.js +0 -64
- package/dist/cjs/SwitchUnstyledDemo.js.map +0 -6
- package/dist/cjs/TabsAdvancedDemo.js +0 -288
- package/dist/cjs/TabsAdvancedDemo.js.map +0 -6
- package/dist/cjs/TabsDemo.js +0 -158
- package/dist/cjs/TabsDemo.js.map +0 -6
- package/dist/cjs/TabsHeadlessDemo.js +0 -121
- package/dist/cjs/TabsHeadlessDemo.js.map +0 -6
- package/dist/cjs/TextDemo.js +0 -34
- package/dist/cjs/TextDemo.js.map +0 -6
- package/dist/cjs/ThemeBuilderDemo.js +0 -167
- package/dist/cjs/ThemeBuilderDemo.js.map +0 -6
- package/dist/cjs/ThemeInverseDemo.js +0 -45
- package/dist/cjs/ThemeInverseDemo.js.map +0 -6
- package/dist/cjs/ToastDemo.js +0 -118
- package/dist/cjs/ToastDemo.js.map +0 -6
- package/dist/cjs/ToastDuplicateDemo.js +0 -64
- package/dist/cjs/ToastDuplicateDemo.js.map +0 -6
- package/dist/cjs/ToggleGroupDemo.js +0 -89
- package/dist/cjs/ToggleGroupDemo.js.map +0 -6
- package/dist/cjs/TokensDemo.js +0 -99
- package/dist/cjs/TokensDemo.js.map +0 -6
- package/dist/cjs/TooltipDemo.js +0 -69
- package/dist/cjs/TooltipDemo.js.map +0 -6
- package/dist/cjs/UpdateThemeDemo.js +0 -61
- package/dist/cjs/UpdateThemeDemo.js.map +0 -6
- package/dist/cjs/WebNativeImageDemo.js +0 -24
- package/dist/cjs/WebNativeImageDemo.js.map +0 -6
- package/dist/cjs/index.js +0 -75
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/tamagui.config.js +0 -23
- package/dist/cjs/tamagui.config.js.map +0 -6
- package/dist/cjs/useOnIntersecting.js +0 -65
- package/dist/cjs/useOnIntersecting.js.map +0 -6
- package/dist/esm/AccordionDemo.js +0 -63
- package/dist/esm/AccordionDemo.js.map +0 -6
- package/dist/esm/AddThemeDemo.js +0 -35
- package/dist/esm/AddThemeDemo.js.map +0 -6
- package/dist/esm/AlertDialogDemo.js +0 -53
- package/dist/esm/AlertDialogDemo.js.map +0 -6
- package/dist/esm/AnimationsDelayDemo.js +0 -35
- package/dist/esm/AnimationsDelayDemo.js.map +0 -6
- package/dist/esm/AnimationsDemo.js +0 -86
- package/dist/esm/AnimationsDemo.js.map +0 -6
- package/dist/esm/AnimationsEnterDemo.js +0 -35
- package/dist/esm/AnimationsEnterDemo.js.map +0 -6
- package/dist/esm/AnimationsHoverDemo.js +0 -27
- package/dist/esm/AnimationsHoverDemo.js.map +0 -6
- package/dist/esm/AnimationsPresenceDemo.js +0 -85
- package/dist/esm/AnimationsPresenceDemo.js.map +0 -6
- package/dist/esm/AnimationsTimingDemo.js +0 -26
- package/dist/esm/AnimationsTimingDemo.js.map +0 -6
- package/dist/esm/AvatarDemo.js +0 -30
- package/dist/esm/AvatarDemo.js.map +0 -6
- package/dist/esm/BuildAButtonDemo.js +0 -51
- package/dist/esm/BuildAButtonDemo.js.map +0 -6
- package/dist/esm/ButtonDemo.js +0 -29
- package/dist/esm/ButtonDemo.js.map +0 -6
- package/dist/esm/CardDemo.js +0 -45
- package/dist/esm/CardDemo.js.map +0 -6
- package/dist/esm/CheckboxDemo.js +0 -27
- package/dist/esm/CheckboxDemo.js.map +0 -6
- package/dist/esm/CheckboxHeadlessDemo.js +0 -43
- package/dist/esm/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/esm/CheckboxUnstyledDemo.js +0 -40
- package/dist/esm/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/esm/ColorsDemo.js +0 -104
- package/dist/esm/ColorsDemo.js.map +0 -6
- package/dist/esm/ContextMenuDemo.js +0 -180
- package/dist/esm/ContextMenuDemo.js.map +0 -6
- package/dist/esm/DialogDemo.js +0 -152
- package/dist/esm/DialogDemo.js.map +0 -6
- package/dist/esm/FormsDemo.js +0 -50
- package/dist/esm/FormsDemo.js.map +0 -6
- package/dist/esm/Grid.js +0 -25
- package/dist/esm/Grid.js.map +0 -6
- package/dist/esm/GroupDemo.js +0 -35
- package/dist/esm/GroupDemo.js.map +0 -6
- package/dist/esm/HeadingsDemo.js +0 -16
- package/dist/esm/HeadingsDemo.js.map +0 -6
- package/dist/esm/ImageDemo.js +0 -20
- package/dist/esm/ImageDemo.js.map +0 -6
- package/dist/esm/InputsDemo.js +0 -28
- package/dist/esm/InputsDemo.js.map +0 -6
- package/dist/esm/LabelDemo.js +0 -27
- package/dist/esm/LabelDemo.js.map +0 -6
- package/dist/esm/LinearGradientDemo.js +0 -33
- package/dist/esm/LinearGradientDemo.js.map +0 -6
- package/dist/esm/ListItemDemo.js +0 -58
- package/dist/esm/ListItemDemo.js.map +0 -6
- package/dist/esm/LucideIconsDemo.js +0 -44
- package/dist/esm/LucideIconsDemo.js.map +0 -6
- package/dist/esm/MenuDemo.js +0 -175
- package/dist/esm/MenuDemo.js.map +0 -6
- package/dist/esm/NewInputsDemo.js +0 -29
- package/dist/esm/NewInputsDemo.js.map +0 -6
- package/dist/esm/PopoverDemo.js +0 -124
- package/dist/esm/PopoverDemo.js.map +0 -6
- package/dist/esm/ProgressDemo.js +0 -64
- package/dist/esm/ProgressDemo.js.map +0 -6
- package/dist/esm/RadioGroupDemo.js +0 -21
- package/dist/esm/RadioGroupDemo.js.map +0 -6
- package/dist/esm/RadioGroupHeadlessDemo.js +0 -102
- package/dist/esm/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/esm/RadioGroupUnstyledDemo.js +0 -92
- package/dist/esm/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/esm/ReplaceThemeDemo.js +0 -45
- package/dist/esm/ReplaceThemeDemo.js.map +0 -6
- package/dist/esm/ScrollViewDemo.js +0 -18
- package/dist/esm/ScrollViewDemo.js.map +0 -6
- package/dist/esm/SelectDemo.js +0 -180
- package/dist/esm/SelectDemo.js.map +0 -6
- package/dist/esm/SeparatorDemo.js +0 -20
- package/dist/esm/SeparatorDemo.js.map +0 -6
- package/dist/esm/ShapesDemo.js +0 -12
- package/dist/esm/ShapesDemo.js.map +0 -6
- package/dist/esm/SheetDemo.js +0 -103
- package/dist/esm/SheetDemo.js.map +0 -6
- package/dist/esm/SliderDemo.js +0 -19
- package/dist/esm/SliderDemo.js.map +0 -6
- package/dist/esm/SpinnerDemo.js +0 -12
- package/dist/esm/SpinnerDemo.js.map +0 -6
- package/dist/esm/StacksDemo.js +0 -71
- package/dist/esm/StacksDemo.js.map +0 -6
- package/dist/esm/SwitchDemo.js +0 -43
- package/dist/esm/SwitchDemo.js.map +0 -6
- package/dist/esm/SwitchHeadlessDemo.js +0 -68
- package/dist/esm/SwitchHeadlessDemo.js.map +0 -6
- package/dist/esm/SwitchUnstyledDemo.js +0 -51
- package/dist/esm/SwitchUnstyledDemo.js.map +0 -6
- package/dist/esm/TabsAdvancedDemo.js +0 -275
- package/dist/esm/TabsAdvancedDemo.js.map +0 -6
- package/dist/esm/TabsDemo.js +0 -146
- package/dist/esm/TabsDemo.js.map +0 -6
- package/dist/esm/TabsHeadlessDemo.js +0 -117
- package/dist/esm/TabsHeadlessDemo.js.map +0 -6
- package/dist/esm/TextDemo.js +0 -19
- package/dist/esm/TextDemo.js.map +0 -6
- package/dist/esm/ThemeBuilderDemo.js +0 -152
- package/dist/esm/ThemeBuilderDemo.js.map +0 -6
- package/dist/esm/ThemeInverseDemo.js +0 -30
- package/dist/esm/ThemeInverseDemo.js.map +0 -6
- package/dist/esm/ToastDemo.js +0 -97
- package/dist/esm/ToastDemo.js.map +0 -6
- package/dist/esm/ToastDuplicateDemo.js +0 -44
- package/dist/esm/ToastDuplicateDemo.js.map +0 -6
- package/dist/esm/ToggleGroupDemo.js +0 -75
- package/dist/esm/ToggleGroupDemo.js.map +0 -6
- package/dist/esm/TokensDemo.js +0 -78
- package/dist/esm/TokensDemo.js.map +0 -6
- package/dist/esm/TooltipDemo.js +0 -61
- package/dist/esm/TooltipDemo.js.map +0 -6
- package/dist/esm/UpdateThemeDemo.js +0 -49
- package/dist/esm/UpdateThemeDemo.js.map +0 -6
- package/dist/esm/WebNativeImageDemo.js +0 -9
- package/dist/esm/WebNativeImageDemo.js.map +0 -6
- package/dist/esm/tamagui.config.js +0 -8
- package/dist/esm/tamagui.config.js.map +0 -6
- package/dist/esm/useOnIntersecting.js +0 -50
- package/dist/esm/useOnIntersecting.js.map +0 -6
package/dist/cjs/MenuDemo.js
DELETED
|
@@ -1,187 +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, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
-
var MenuDemo_exports = {};
|
|
24
|
-
__export(MenuDemo_exports, {
|
|
25
|
-
MenuDemo: () => MenuDemo
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(MenuDemo_exports);
|
|
28
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_menu = require("@tamagui/menu"), import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
-
function MenuDemo() {
|
|
30
|
-
const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(!0), [native, setNative] = import_react.default.useState(!0), [subMenuOpen, setSubMenuOpen] = import_react.default.useState(!1), isTouchDevice = (0, import_tamagui.useIsTouchDevice)(), onSelect = (item) => {
|
|
31
|
-
console.info("selected", item);
|
|
32
|
-
};
|
|
33
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_menu.Menu, { allowFlip: !0, placement: "bottom-start", offset: 8, children: [
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$4", icon: import_lucide_icons.Backpack, children: "Open" }) }),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, { zIndex: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
36
|
-
import_menu.Menu.Content,
|
|
37
|
-
{
|
|
38
|
-
transition: "100ms",
|
|
39
|
-
borderRadius: "$4",
|
|
40
|
-
enterStyle: { scale: 0.9, opacity: 0, y: -5 },
|
|
41
|
-
exitStyle: { scale: 0.95, opacity: 0, y: -3 },
|
|
42
|
-
boxShadow: "0 $2 $4 $shadowColor",
|
|
43
|
-
children: [
|
|
44
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Arrow, { size: "$4", borderWidth: 1, borderColor: "$borderColor" }),
|
|
45
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "About Notes" }) }, "about-notes"),
|
|
46
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
|
|
47
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, { onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Settings" }) }, "settings"),
|
|
48
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
49
|
-
import_menu.Menu.Item,
|
|
50
|
-
{
|
|
51
|
-
onSelect,
|
|
52
|
-
justify: "space-between",
|
|
53
|
-
textValue: "Calendar",
|
|
54
|
-
children: [
|
|
55
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Calendar" }),
|
|
56
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
57
|
-
import_menu.Menu.ItemIcon,
|
|
58
|
-
{
|
|
59
|
-
androidIconName: "ic_menu_today",
|
|
60
|
-
ios: {
|
|
61
|
-
name: "calendar",
|
|
62
|
-
hierarchicalColor: "#000"
|
|
63
|
-
// pointSize: 20,
|
|
64
|
-
},
|
|
65
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Calendar, { color: "gray", size: 14 })
|
|
66
|
-
}
|
|
67
|
-
)
|
|
68
|
-
]
|
|
69
|
-
},
|
|
70
|
-
"accounts"
|
|
71
|
-
),
|
|
72
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
|
|
73
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, { onSelect, disabled: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { color: "gray", children: "Locked Notes" }) }, "close-notes"),
|
|
74
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Item, { onSelect, destructive: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { color: "red", children: "Delete all" }) }, "delete-all"),
|
|
75
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
|
|
76
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
77
|
-
import_menu.Menu.Sub,
|
|
78
|
-
{
|
|
79
|
-
open: subMenuOpen,
|
|
80
|
-
placement: isTouchDevice ? "bottom" : "right-start",
|
|
81
|
-
onOpenChange: setSubMenuOpen,
|
|
82
|
-
children: [
|
|
83
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
84
|
-
import_menu.Menu.SubTrigger,
|
|
85
|
-
{
|
|
86
|
-
justify: "space-between",
|
|
87
|
-
textValue: "Actions",
|
|
88
|
-
children: [
|
|
89
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Actions" }),
|
|
90
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, { size: 16, color: "$color10" })
|
|
91
|
-
]
|
|
92
|
-
},
|
|
93
|
-
"actions-trigger"
|
|
94
|
-
),
|
|
95
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, { zIndex: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
96
|
-
import_menu.Menu.SubContent,
|
|
97
|
-
{
|
|
98
|
-
enterStyle: { scale: 0.9, opacity: 0, x: -5 },
|
|
99
|
-
exitStyle: { scale: 0.95, opacity: 0, x: -3 },
|
|
100
|
-
transition: "100ms",
|
|
101
|
-
transformOrigin: "left top",
|
|
102
|
-
elevation: "$3",
|
|
103
|
-
minW: 160,
|
|
104
|
-
bg: "$background",
|
|
105
|
-
p: "$1.5",
|
|
106
|
-
borderWidth: 1,
|
|
107
|
-
borderColor: "$borderColor",
|
|
108
|
-
children: [
|
|
109
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Label, { py: "$1", color: "$color8", children: "Note settings" }),
|
|
110
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
111
|
-
import_menu.Menu.Item,
|
|
112
|
-
{
|
|
113
|
-
onSelect,
|
|
114
|
-
textValue: "Create note",
|
|
115
|
-
justify: "space-between",
|
|
116
|
-
children: [
|
|
117
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Create note" }),
|
|
118
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.FilePlus, { size: 14, color: "$color10" }) })
|
|
119
|
-
]
|
|
120
|
-
},
|
|
121
|
-
"create-note"
|
|
122
|
-
),
|
|
123
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
124
|
-
import_menu.Menu.Item,
|
|
125
|
-
{
|
|
126
|
-
onSelect,
|
|
127
|
-
textValue: "Delete all notes",
|
|
128
|
-
justify: "space-between",
|
|
129
|
-
children: [
|
|
130
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Delete all notes" }),
|
|
131
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Trash2, { size: 14, color: "$color10" }) })
|
|
132
|
-
]
|
|
133
|
-
},
|
|
134
|
-
"delete-all-notes"
|
|
135
|
-
),
|
|
136
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
137
|
-
import_menu.Menu.Item,
|
|
138
|
-
{
|
|
139
|
-
onSelect,
|
|
140
|
-
textValue: "Sync notes",
|
|
141
|
-
justify: "space-between",
|
|
142
|
-
children: [
|
|
143
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Sync notes" }),
|
|
144
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.RefreshCw, { size: 14, color: "$color10" }) })
|
|
145
|
-
]
|
|
146
|
-
},
|
|
147
|
-
"sync-all"
|
|
148
|
-
)
|
|
149
|
-
]
|
|
150
|
-
}
|
|
151
|
-
) })
|
|
152
|
-
]
|
|
153
|
-
}
|
|
154
|
-
),
|
|
155
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Separator, {}),
|
|
156
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
157
|
-
import_menu.Menu.CheckboxItem,
|
|
158
|
-
{
|
|
159
|
-
checked: bookmarksChecked,
|
|
160
|
-
onCheckedChange: setBookmarksChecked,
|
|
161
|
-
justify: "space-between",
|
|
162
|
-
children: [
|
|
163
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Mark as read" }),
|
|
164
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 12, color: "$color10" }) })
|
|
165
|
-
]
|
|
166
|
-
},
|
|
167
|
-
"show-hidden"
|
|
168
|
-
),
|
|
169
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
170
|
-
import_menu.Menu.CheckboxItem,
|
|
171
|
-
{
|
|
172
|
-
checked: native,
|
|
173
|
-
onCheckedChange: setNative,
|
|
174
|
-
justify: "space-between",
|
|
175
|
-
children: [
|
|
176
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemTitle, { children: "Enable Native" }),
|
|
177
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 12, color: "$color10" }) })
|
|
178
|
-
]
|
|
179
|
-
},
|
|
180
|
-
"show-other-notes"
|
|
181
|
-
)
|
|
182
|
-
]
|
|
183
|
-
}
|
|
184
|
-
) })
|
|
185
|
-
] }) });
|
|
186
|
-
}
|
|
187
|
-
//# sourceMappingURL=MenuDemo.js.map
|
package/dist/cjs/MenuDemo.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/MenuDemo.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["React"]
|
|
6
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var NewInputsDemo_exports = {};
|
|
16
|
-
__export(NewInputsDemo_exports, {
|
|
17
|
-
NewInputsDemo: () => NewInputsDemo
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(NewInputsDemo_exports);
|
|
20
|
-
var import_tamagui = require("tamagui"), import_input = require("@tamagui/input"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
|
-
function NewInputsDemo() {
|
|
22
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, minH: 250, overflow: "hidden", gap: "$2", m: "$3", p: "$2", children: [
|
|
23
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$2" }),
|
|
24
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$3" }),
|
|
25
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$4" }),
|
|
26
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.TextArea, { theme: "surface1", placeholder: "Enter your details..." })
|
|
27
|
-
] });
|
|
28
|
-
}
|
|
29
|
-
function InputDemo(props) {
|
|
30
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { items: "center", gap: "$2", children: [
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
32
|
-
import_input.Input,
|
|
33
|
-
{
|
|
34
|
-
theme: "surface1",
|
|
35
|
-
flex: 1,
|
|
36
|
-
size: props.size,
|
|
37
|
-
placeholder: `Size ${props.size}...`
|
|
38
|
-
}
|
|
39
|
-
),
|
|
40
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: props.size, children: "Go" })
|
|
41
|
-
] });
|
|
42
|
-
}
|
|
43
|
-
//# sourceMappingURL=NewInputsDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/NewInputsDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA8C,oBAC9C,eAAgC,2BAI5B;AAFG,SAAS,gBAAgB;AAC9B,SACE,6CAAC,yBAAO,OAAO,KAAK,MAAM,KAAK,UAAS,UAAS,KAAI,MAAK,GAAE,MAAK,GAAE,MACjE;AAAA,gDAAC,aAAU,MAAK,MAAK;AAAA,IACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,IACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,IACrB,4CAAC,yBAAS,OAAM,YAAW,aAAY,yBAAwB;AAAA,KACjE;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,6CAAC,yBAAO,OAAM,UAAS,KAAI,MACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM,MAAM;AAAA,QACZ,aAAa,QAAQ,MAAM,IAAI;AAAA;AAAA,IACjC;AAAA,IACA,4CAAC,yBAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/cjs/PopoverDemo.js
DELETED
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var PopoverDemo_exports = {};
|
|
16
|
-
__export(PopoverDemo_exports, {
|
|
17
|
-
Demo: () => Demo,
|
|
18
|
-
PopoverDemo: () => PopoverDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(PopoverDemo_exports);
|
|
21
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
22
|
-
function PopoverDemo() {
|
|
23
|
-
const [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(!0);
|
|
24
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", children: [
|
|
25
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", flex: 1, justify: "center", items: "center", children: [
|
|
26
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
27
|
-
Demo,
|
|
28
|
-
{
|
|
29
|
-
shouldAdapt,
|
|
30
|
-
placement: "left",
|
|
31
|
-
Icon: import_lucide_icons.ChevronLeft,
|
|
32
|
-
Name: "left-popover"
|
|
33
|
-
}
|
|
34
|
-
),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
36
|
-
Demo,
|
|
37
|
-
{
|
|
38
|
-
shouldAdapt,
|
|
39
|
-
placement: "bottom",
|
|
40
|
-
Icon: import_lucide_icons.ChevronDown,
|
|
41
|
-
Name: "bottom-popover"
|
|
42
|
-
}
|
|
43
|
-
),
|
|
44
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
45
|
-
Demo,
|
|
46
|
-
{
|
|
47
|
-
shouldAdapt,
|
|
48
|
-
placement: "top",
|
|
49
|
-
Icon: import_lucide_icons.ChevronUp,
|
|
50
|
-
Name: "top-popover"
|
|
51
|
-
}
|
|
52
|
-
),
|
|
53
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
54
|
-
Demo,
|
|
55
|
-
{
|
|
56
|
-
shouldAdapt,
|
|
57
|
-
placement: "right",
|
|
58
|
-
Icon: import_lucide_icons.ChevronRight,
|
|
59
|
-
Name: "right-popover"
|
|
60
|
-
}
|
|
61
|
-
)
|
|
62
|
-
] }),
|
|
63
|
-
!import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { onPress: () => setShouldAdapt(!shouldAdapt), children: [
|
|
64
|
-
"Adapt to Sheet: ",
|
|
65
|
-
`${shouldAdapt}`
|
|
66
|
-
] })
|
|
67
|
-
] });
|
|
68
|
-
}
|
|
69
|
-
function Demo({
|
|
70
|
-
Icon,
|
|
71
|
-
Name,
|
|
72
|
-
shouldAdapt,
|
|
73
|
-
...props
|
|
74
|
-
}) {
|
|
75
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !0, stayInFrame: !0, offset: 15, resize: !0, ...props, children: [
|
|
76
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon }) }),
|
|
77
|
-
shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { transition: "medium", modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
78
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { p: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
|
|
79
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
80
|
-
import_tamagui.Sheet.Overlay,
|
|
81
|
-
{
|
|
82
|
-
bg: "$shadowColor",
|
|
83
|
-
transition: "lazy",
|
|
84
|
-
enterStyle: { opacity: 0 },
|
|
85
|
-
exitStyle: { opacity: 0 }
|
|
86
|
-
}
|
|
87
|
-
)
|
|
88
|
-
] }) }),
|
|
89
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
90
|
-
import_tamagui.Popover.Content,
|
|
91
|
-
{
|
|
92
|
-
borderWidth: 1,
|
|
93
|
-
borderColor: "$borderColor",
|
|
94
|
-
width: 300,
|
|
95
|
-
height: 200,
|
|
96
|
-
enterStyle: { y: -10, opacity: 0 },
|
|
97
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
98
|
-
boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
|
|
99
|
-
transition: [
|
|
100
|
-
"quick",
|
|
101
|
-
{
|
|
102
|
-
opacity: {
|
|
103
|
-
overshootClamping: !0
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
],
|
|
107
|
-
children: [
|
|
108
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
109
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", mb: "$3", children: [
|
|
110
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: "$3", htmlFor: Name, children: "Name" }),
|
|
111
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, size: "$3", id: Name })
|
|
112
|
-
] }),
|
|
113
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
114
|
-
import_tamagui.Button,
|
|
115
|
-
{
|
|
116
|
-
size: "$3",
|
|
117
|
-
onPress: () => {
|
|
118
|
-
},
|
|
119
|
-
children: "Submit"
|
|
120
|
-
}
|
|
121
|
-
) })
|
|
122
|
-
]
|
|
123
|
-
}
|
|
124
|
-
)
|
|
125
|
-
] });
|
|
126
|
-
}
|
|
127
|
-
//# sourceMappingURL=PopoverDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAClE,eAAyB,kBAEzB,iBAWO,oBAOD;AALC,SAAS,cAAc;AAC5B,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAI;AAEnD,SACE,6CAAC,yBAAO,KAAI,MACV;AAAA,iDAAC,yBAAO,KAAI,MAAK,MAAM,GAAG,SAAQ,UAAS,OAAM,UAC/C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,OACF;AAAA,IAEC,CAAC,wBACA,6CAAC,yBAAO,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA;AAAA,MAClC,GAAG,WAAW;AAAA,OACjC;AAAA,KAEJ;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwE;AACtE,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAC,aAAW,IAAC,QAAQ,IAAI,QAAM,IAAE,GAAG,OAC9D;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,4CAAC,wBAAM,MAAK,SAAQ,UAAS,SAC3B,uDAAC,wBAAM,YAAW,UAAS,OAAK,IAAC,uBAAqB,IACpD;AAAA,kDAAC,qBAAM,OAAN,EAAY,GAAE,MACb,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,qBAAM;AAAA,QAAN;AAAA,UACC,IAAG;AAAA,UACH,YAAW;AAAA,UACX,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAGF;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,WAAU;AAAA,QACV,YAAY;AAAA,UACV;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,KAAI,MAAK,IAAG,MAClB;AAAA,wDAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,YACA,4CAAC,wBAAM,MAAM,GAAG,MAAK,MAAK,IAAI,MAAM;AAAA,aACtC;AAAA,UAEA,4CAAC,uBAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AAAA,cAEf;AAAA,cACD;AAAA;AAAA,UAED,GACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/cjs/ProgressDemo.js
DELETED
|
@@ -1,85 +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, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
-
var ProgressDemo_exports = {};
|
|
24
|
-
__export(ProgressDemo_exports, {
|
|
25
|
-
ProgressDemo: () => ProgressDemo
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(ProgressDemo_exports);
|
|
28
|
-
var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_lucide_icons = require("@tamagui/lucide-icons"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
-
function ProgressDemo() {
|
|
30
|
-
const [key, setKey] = import_react.default.useState(0), [progress, setProgress] = import_react.default.useState(60), [slider, setSlider] = import_react.default.useState([60]);
|
|
31
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { height: 60, items: "center", gap: "$4", children: [
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, { height: 30, opacity: 0.5, children: [
|
|
34
|
-
"Progress: ",
|
|
35
|
-
progress
|
|
36
|
-
] }),
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress, { theme: "surface2", value: progress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
38
|
-
import_tamagui.Progress.Indicator,
|
|
39
|
-
{
|
|
40
|
-
backgroundColor: "$color",
|
|
41
|
-
transition: [
|
|
42
|
-
"quicker",
|
|
43
|
-
{
|
|
44
|
-
transform: {
|
|
45
|
-
overshootClamping: !0
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
]
|
|
49
|
-
}
|
|
50
|
-
) }, key)
|
|
51
|
-
] }),
|
|
52
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
53
|
-
import_tamagui.XStack,
|
|
54
|
-
{
|
|
55
|
-
items: "center",
|
|
56
|
-
gap: "$2",
|
|
57
|
-
position: "absolute",
|
|
58
|
-
b: "$3",
|
|
59
|
-
l: "$4",
|
|
60
|
-
$xxs: { display: "none" },
|
|
61
|
-
children: [
|
|
62
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
-
import_tamagui.Button,
|
|
64
|
-
{
|
|
65
|
-
size: "$3",
|
|
66
|
-
icon: import_lucide_icons.Play,
|
|
67
|
-
onPress: () => setProgress((prev) => (prev + 20) % 100)
|
|
68
|
-
}
|
|
69
|
-
),
|
|
70
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
71
|
-
import_tamagui.Button,
|
|
72
|
-
{
|
|
73
|
-
size: "$3",
|
|
74
|
-
icon: import_lucide_icons.RotateCcw,
|
|
75
|
-
onPress: () => {
|
|
76
|
-
setKey(Math.random()), setProgress(0), setSlider([0]);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
)
|
|
80
|
-
]
|
|
81
|
-
}
|
|
82
|
-
)
|
|
83
|
-
] });
|
|
84
|
-
}
|
|
85
|
-
//# sourceMappingURL=ProgressDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ProgressDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,iBAA2E,oBAC3E,sBAAgC,kCAQ5B;AANG,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC,GAChC,CAAC,UAAU,WAAW,IAAI,aAAAA,QAAM,SAAS,EAAE,GAC3C,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAmB,CAAC,EAAE,CAAC;AAEzD,SACE,4EACE;AAAA,iDAAC,yBAAO,QAAQ,IAAI,OAAM,UAAS,KAAI,MACrC;AAAA,mDAAC,4BAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QACxB;AAAA,SACb;AAAA,MAEA,4CAAC,2BAAmB,OAAM,YAAW,OAAO,UAC1C;AAAA,QAAC,wBAAS;AAAA,QAAT;AAAA,UACC,iBAAgB;AAAA,UAChB,YAAY;AAAA,YACV;AAAA,YACA;AAAA,cACE,WAAW;AAAA,gBACT,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF,KAXa,GAYf;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,KAAI;AAAA,QACJ,UAAS;AAAA,QACT,GAAE;AAAA,QACF,GAAE;AAAA,QACF,MAAM,EAAE,SAAS,OAAO;AAAA,QAqBxB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG;AAAA;AAAA,UACxD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS,MAAM;AACb,uBAAO,KAAK,OAAO,CAAC,GACpB,YAAY,CAAC,GACb,UAAU,CAAC,CAAC,CAAC;AAAA,cACf;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
|
-
"names": ["React"]
|
|
6
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var RadioGroupDemo_exports = {};
|
|
16
|
-
__export(RadioGroupDemo_exports, {
|
|
17
|
-
RadioGroupDemo: () => RadioGroupDemo,
|
|
18
|
-
RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(RadioGroupDemo_exports);
|
|
21
|
-
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
22
|
-
function RadioGroupDemo() {
|
|
23
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "surface2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, items: "center", gap: "$2", children: [
|
|
24
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
|
|
25
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
|
|
26
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
|
|
27
|
-
] }) }) });
|
|
28
|
-
}
|
|
29
|
-
function RadioGroupItemWithLabel(props) {
|
|
30
|
-
const id = `radiogroup-${props.value}`;
|
|
31
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, items: "center", gap: "$4", children: [
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {}) }),
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: props.size, htmlFor: id, children: props.label })
|
|
34
|
-
] });
|
|
35
|
-
}
|
|
36
|
-
//# sourceMappingURL=RadioGroupDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/RadioGroupDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAyD,oBAMjD;AAJD,SAAS,iBAAiB;AAC/B,SACE,4CAAC,wBAAM,MAAK,YACV,sDAAC,6BAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,uDAAC,yBAAO,OAAO,KAAK,OAAM,UAAS,KAAI,MACrC;AAAA,gDAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF,GACF;AAEJ;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,6CAAC,yBAAO,OAAO,KAAK,OAAM,UAAS,KAAI,MACrC;AAAA,gDAAC,0BAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,sDAAC,0BAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,4CAAC,wBAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,117 +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, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
-
var RadioGroupHeadlessDemo_exports = {};
|
|
24
|
-
__export(RadioGroupHeadlessDemo_exports, {
|
|
25
|
-
RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);
|
|
28
|
-
var import_radio_headless = require("@tamagui/radio-headless"), import_roving_focus = require("@tamagui/roving-focus"), import_react = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
-
const RadioGroupContext = import_react.default.createContext({}), RadioGroupItemContext = import_react.default.createContext({
|
|
30
|
-
checked: !1,
|
|
31
|
-
disabled: !1
|
|
32
|
-
});
|
|
33
|
-
function RadioGroupHeadlessDemo() {
|
|
34
|
-
const { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
|
|
35
|
-
orientation: "vertical",
|
|
36
|
-
name: "form",
|
|
37
|
-
defaultValue: "3"
|
|
38
|
-
});
|
|
39
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: styles.radioGroup, ...frameAttrs, children: [
|
|
40
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, { value: "2", id: "2", label: "First Value" }),
|
|
41
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, { value: "3", id: "3", label: "Second Value" }),
|
|
42
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, { value: "4", id: "4", label: "Third Value" })
|
|
43
|
-
] }) }) });
|
|
44
|
-
}
|
|
45
|
-
function RadioGroupItem(props) {
|
|
46
|
-
const theme = (0, import_tamagui.useTheme)(), { value, id, label } = props, {
|
|
47
|
-
providerValue,
|
|
48
|
-
native,
|
|
49
|
-
bubbleInput,
|
|
50
|
-
rovingFocusGroupAttrs,
|
|
51
|
-
frameAttrs,
|
|
52
|
-
isFormControl,
|
|
53
|
-
checked
|
|
54
|
-
} = (0, import_radio_headless.useRadioGroupItem)({
|
|
55
|
-
radioGroupContext: RadioGroupContext,
|
|
56
|
-
value,
|
|
57
|
-
id
|
|
58
|
-
});
|
|
59
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, { value: providerValue, children: import_tamagui.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: styles.radioGroupItemContainer, children: [
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
61
|
-
import_react_native.Pressable,
|
|
62
|
-
{
|
|
63
|
-
style: {
|
|
64
|
-
...styles.radioGroupItem,
|
|
65
|
-
borderColor: theme.borderColor?.get(),
|
|
66
|
-
...checked ? { borderWidth: 4 } : { backgroundColor: theme.background?.get() }
|
|
67
|
-
},
|
|
68
|
-
...frameAttrs,
|
|
69
|
-
onFocus: frameAttrs.onFocus,
|
|
70
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})
|
|
71
|
-
}
|
|
72
|
-
) }),
|
|
73
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: { color: theme.color?.get() }, children: label }),
|
|
74
|
-
isFormControl && bubbleInput
|
|
75
|
-
] }) });
|
|
76
|
-
}
|
|
77
|
-
function RadioGroupItemIndicator() {
|
|
78
|
-
const theme = (0, import_tamagui.useTheme)(), params = (0, import_radio_headless.useRadioGroupItemIndicator)({
|
|
79
|
-
radioGroupItemContext: RadioGroupItemContext,
|
|
80
|
-
disabled: !1
|
|
81
|
-
});
|
|
82
|
-
return params.checked ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
83
|
-
import_react_native.View,
|
|
84
|
-
{
|
|
85
|
-
style: {
|
|
86
|
-
...styles.radioGroupItemIndicator,
|
|
87
|
-
backgroundColor: theme.color?.get()
|
|
88
|
-
},
|
|
89
|
-
...params
|
|
90
|
-
}
|
|
91
|
-
) : null;
|
|
92
|
-
}
|
|
93
|
-
const styles = import_react_native.StyleSheet.create({
|
|
94
|
-
radioGroup: {
|
|
95
|
-
flexDirection: "column",
|
|
96
|
-
gap: 20,
|
|
97
|
-
alignItems: "flex-start"
|
|
98
|
-
},
|
|
99
|
-
radioGroupItem: {
|
|
100
|
-
borderWidth: 2,
|
|
101
|
-
width: 30,
|
|
102
|
-
height: 30,
|
|
103
|
-
justifyContent: "center",
|
|
104
|
-
alignItems: "center"
|
|
105
|
-
},
|
|
106
|
-
radioGroupItemIndicator: {
|
|
107
|
-
width: "35%",
|
|
108
|
-
height: "35%"
|
|
109
|
-
},
|
|
110
|
-
radioGroupItemContainer: {
|
|
111
|
-
justifyContent: "center",
|
|
112
|
-
alignItems: "center",
|
|
113
|
-
flexDirection: "row",
|
|
114
|
-
gap: 12
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
//# sourceMappingURL=RadioGroupHeadlessDemo.js.map
|