@tamagui/demos 2.0.0-rc.8 → 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 +44 -50
- package/src/AccordionDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +2 -2
- package/src/BoxShadowTokenDemo.tsx +35 -0
- package/src/BuildAButtonDemo.tsx +1 -1
- package/src/ButtonDemo.tsx +1 -1
- package/src/CheckboxDemo.tsx +1 -1
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +3 -3
- package/src/DialogDemo.tsx +1 -1
- package/src/GroupDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +27 -6
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +126 -133
- package/src/PopoverDemo.tsx +6 -1
- package/src/ProgressDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -3
- package/src/SheetDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +13 -11
- package/src/ToastDemo.tsx +208 -93
- package/src/ToastDuplicateDemo.tsx +39 -29
- package/src/ToastV1Demo.tsx +121 -0
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -1
- package/src/index.tsx +2 -0
- package/dist/cjs/AccordionDemo.js +0 -77
- package/dist/cjs/AccordionDemo.js.map +0 -6
- package/dist/cjs/AddThemeDemo.js +0 -56
- package/dist/cjs/AddThemeDemo.js.map +0 -6
- package/dist/cjs/AlertDialogDemo.js +0 -68
- package/dist/cjs/AlertDialogDemo.js.map +0 -6
- package/dist/cjs/AnimationsDelayDemo.js +0 -56
- package/dist/cjs/AnimationsDelayDemo.js.map +0 -6
- package/dist/cjs/AnimationsDemo.js +0 -99
- package/dist/cjs/AnimationsDemo.js.map +0 -6
- package/dist/cjs/AnimationsEnterDemo.js +0 -55
- package/dist/cjs/AnimationsEnterDemo.js.map +0 -6
- package/dist/cjs/AnimationsHoverDemo.js +0 -41
- package/dist/cjs/AnimationsHoverDemo.js.map +0 -6
- package/dist/cjs/AnimationsPresenceDemo.js +0 -102
- package/dist/cjs/AnimationsPresenceDemo.js.map +0 -6
- package/dist/cjs/AnimationsTimingDemo.js +0 -40
- package/dist/cjs/AnimationsTimingDemo.js.map +0 -6
- package/dist/cjs/AvatarDemo.js +0 -45
- package/dist/cjs/AvatarDemo.js.map +0 -6
- package/dist/cjs/BuildAButtonDemo.js +0 -65
- package/dist/cjs/BuildAButtonDemo.js.map +0 -6
- package/dist/cjs/ButtonDemo.js +0 -42
- package/dist/cjs/ButtonDemo.js.map +0 -6
- package/dist/cjs/CardDemo.js +0 -60
- package/dist/cjs/CardDemo.js.map +0 -6
- package/dist/cjs/CheckboxDemo.js +0 -41
- package/dist/cjs/CheckboxDemo.js.map +0 -6
- package/dist/cjs/CheckboxHeadlessDemo.js +0 -62
- package/dist/cjs/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/cjs/CheckboxUnstyledDemo.js +0 -52
- package/dist/cjs/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/cjs/ColorsDemo.js +0 -107
- package/dist/cjs/ColorsDemo.js.map +0 -6
- package/dist/cjs/ContextMenuDemo.js +0 -200
- package/dist/cjs/ContextMenuDemo.js.map +0 -6
- package/dist/cjs/DialogDemo.js +0 -149
- package/dist/cjs/DialogDemo.js.map +0 -6
- package/dist/cjs/FormsDemo.js +0 -66
- package/dist/cjs/FormsDemo.js.map +0 -6
- package/dist/cjs/Grid.js +0 -46
- package/dist/cjs/Grid.js.map +0 -6
- package/dist/cjs/GroupDemo.js +0 -49
- package/dist/cjs/GroupDemo.js.map +0 -6
- package/dist/cjs/HeadingsDemo.js +0 -31
- package/dist/cjs/HeadingsDemo.js.map +0 -6
- package/dist/cjs/ImageDemo.js +0 -35
- package/dist/cjs/ImageDemo.js.map +0 -6
- package/dist/cjs/InputsDemo.js +0 -43
- package/dist/cjs/InputsDemo.js.map +0 -6
- package/dist/cjs/LabelDemo.js +0 -42
- package/dist/cjs/LabelDemo.js.map +0 -6
- package/dist/cjs/LinearGradientDemo.js +0 -47
- package/dist/cjs/LinearGradientDemo.js.map +0 -6
- package/dist/cjs/ListItemDemo.js +0 -72
- package/dist/cjs/ListItemDemo.js.map +0 -6
- package/dist/cjs/LucideIconsDemo.js +0 -63
- package/dist/cjs/LucideIconsDemo.js.map +0 -6
- package/dist/cjs/MenuDemo.js +0 -187
- package/dist/cjs/MenuDemo.js.map +0 -6
- package/dist/cjs/NewInputsDemo.js +0 -43
- package/dist/cjs/NewInputsDemo.js.map +0 -6
- package/dist/cjs/PopoverDemo.js +0 -127
- package/dist/cjs/PopoverDemo.js.map +0 -6
- package/dist/cjs/ProgressDemo.js +0 -85
- package/dist/cjs/ProgressDemo.js.map +0 -6
- package/dist/cjs/RadioGroupDemo.js +0 -36
- package/dist/cjs/RadioGroupDemo.js.map +0 -6
- package/dist/cjs/RadioGroupHeadlessDemo.js +0 -117
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/cjs/RadioGroupUnstyledDemo.js +0 -106
- package/dist/cjs/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/cjs/ReplaceThemeDemo.js +0 -58
- package/dist/cjs/ReplaceThemeDemo.js.map +0 -6
- package/dist/cjs/ScrollViewDemo.js +0 -33
- package/dist/cjs/ScrollViewDemo.js.map +0 -6
- package/dist/cjs/SelectDemo.js +0 -200
- package/dist/cjs/SelectDemo.js.map +0 -6
- package/dist/cjs/SeparatorDemo.js +0 -35
- package/dist/cjs/SeparatorDemo.js.map +0 -6
- package/dist/cjs/ShapesDemo.js +0 -27
- package/dist/cjs/ShapesDemo.js.map +0 -6
- package/dist/cjs/SheetDemo.js +0 -123
- package/dist/cjs/SheetDemo.js.map +0 -6
- package/dist/cjs/SliderDemo.js +0 -34
- package/dist/cjs/SliderDemo.js.map +0 -6
- package/dist/cjs/SpinnerDemo.js +0 -27
- package/dist/cjs/SpinnerDemo.js.map +0 -6
- package/dist/cjs/StacksDemo.js +0 -86
- package/dist/cjs/StacksDemo.js.map +0 -6
- package/dist/cjs/SwitchDemo.js +0 -58
- package/dist/cjs/SwitchDemo.js.map +0 -6
- package/dist/cjs/SwitchHeadlessDemo.js +0 -88
- package/dist/cjs/SwitchHeadlessDemo.js.map +0 -6
- package/dist/cjs/SwitchUnstyledDemo.js +0 -64
- package/dist/cjs/SwitchUnstyledDemo.js.map +0 -6
- package/dist/cjs/TabsAdvancedDemo.js +0 -288
- package/dist/cjs/TabsAdvancedDemo.js.map +0 -6
- package/dist/cjs/TabsDemo.js +0 -158
- package/dist/cjs/TabsDemo.js.map +0 -6
- package/dist/cjs/TabsHeadlessDemo.js +0 -121
- package/dist/cjs/TabsHeadlessDemo.js.map +0 -6
- package/dist/cjs/TextDemo.js +0 -34
- package/dist/cjs/TextDemo.js.map +0 -6
- package/dist/cjs/ThemeBuilderDemo.js +0 -167
- package/dist/cjs/ThemeBuilderDemo.js.map +0 -6
- package/dist/cjs/ThemeInverseDemo.js +0 -45
- package/dist/cjs/ThemeInverseDemo.js.map +0 -6
- package/dist/cjs/ToastDemo.js +0 -118
- package/dist/cjs/ToastDemo.js.map +0 -6
- package/dist/cjs/ToastDuplicateDemo.js +0 -64
- package/dist/cjs/ToastDuplicateDemo.js.map +0 -6
- package/dist/cjs/ToggleGroupDemo.js +0 -89
- package/dist/cjs/ToggleGroupDemo.js.map +0 -6
- package/dist/cjs/TokensDemo.js +0 -99
- package/dist/cjs/TokensDemo.js.map +0 -6
- package/dist/cjs/TooltipDemo.js +0 -69
- package/dist/cjs/TooltipDemo.js.map +0 -6
- package/dist/cjs/UpdateThemeDemo.js +0 -61
- package/dist/cjs/UpdateThemeDemo.js.map +0 -6
- package/dist/cjs/WebNativeImageDemo.js +0 -24
- package/dist/cjs/WebNativeImageDemo.js.map +0 -6
- package/dist/cjs/index.js +0 -75
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/tamagui.config.js +0 -23
- package/dist/cjs/tamagui.config.js.map +0 -6
- package/dist/cjs/useOnIntersecting.js +0 -65
- package/dist/cjs/useOnIntersecting.js.map +0 -6
- package/dist/esm/AccordionDemo.js +0 -63
- package/dist/esm/AccordionDemo.js.map +0 -6
- package/dist/esm/AddThemeDemo.js +0 -35
- package/dist/esm/AddThemeDemo.js.map +0 -6
- package/dist/esm/AlertDialogDemo.js +0 -53
- package/dist/esm/AlertDialogDemo.js.map +0 -6
- package/dist/esm/AnimationsDelayDemo.js +0 -35
- package/dist/esm/AnimationsDelayDemo.js.map +0 -6
- package/dist/esm/AnimationsDemo.js +0 -86
- package/dist/esm/AnimationsDemo.js.map +0 -6
- package/dist/esm/AnimationsEnterDemo.js +0 -35
- package/dist/esm/AnimationsEnterDemo.js.map +0 -6
- package/dist/esm/AnimationsHoverDemo.js +0 -27
- package/dist/esm/AnimationsHoverDemo.js.map +0 -6
- package/dist/esm/AnimationsPresenceDemo.js +0 -85
- package/dist/esm/AnimationsPresenceDemo.js.map +0 -6
- package/dist/esm/AnimationsTimingDemo.js +0 -26
- package/dist/esm/AnimationsTimingDemo.js.map +0 -6
- package/dist/esm/AvatarDemo.js +0 -30
- package/dist/esm/AvatarDemo.js.map +0 -6
- package/dist/esm/BuildAButtonDemo.js +0 -51
- package/dist/esm/BuildAButtonDemo.js.map +0 -6
- package/dist/esm/ButtonDemo.js +0 -29
- package/dist/esm/ButtonDemo.js.map +0 -6
- package/dist/esm/CardDemo.js +0 -45
- package/dist/esm/CardDemo.js.map +0 -6
- package/dist/esm/CheckboxDemo.js +0 -27
- package/dist/esm/CheckboxDemo.js.map +0 -6
- package/dist/esm/CheckboxHeadlessDemo.js +0 -43
- package/dist/esm/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/esm/CheckboxUnstyledDemo.js +0 -40
- package/dist/esm/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/esm/ColorsDemo.js +0 -104
- package/dist/esm/ColorsDemo.js.map +0 -6
- package/dist/esm/ContextMenuDemo.js +0 -180
- package/dist/esm/ContextMenuDemo.js.map +0 -6
- package/dist/esm/DialogDemo.js +0 -152
- package/dist/esm/DialogDemo.js.map +0 -6
- package/dist/esm/FormsDemo.js +0 -50
- package/dist/esm/FormsDemo.js.map +0 -6
- package/dist/esm/Grid.js +0 -25
- package/dist/esm/Grid.js.map +0 -6
- package/dist/esm/GroupDemo.js +0 -35
- package/dist/esm/GroupDemo.js.map +0 -6
- package/dist/esm/HeadingsDemo.js +0 -16
- package/dist/esm/HeadingsDemo.js.map +0 -6
- package/dist/esm/ImageDemo.js +0 -20
- package/dist/esm/ImageDemo.js.map +0 -6
- package/dist/esm/InputsDemo.js +0 -28
- package/dist/esm/InputsDemo.js.map +0 -6
- package/dist/esm/LabelDemo.js +0 -27
- package/dist/esm/LabelDemo.js.map +0 -6
- package/dist/esm/LinearGradientDemo.js +0 -33
- package/dist/esm/LinearGradientDemo.js.map +0 -6
- package/dist/esm/ListItemDemo.js +0 -58
- package/dist/esm/ListItemDemo.js.map +0 -6
- package/dist/esm/LucideIconsDemo.js +0 -44
- package/dist/esm/LucideIconsDemo.js.map +0 -6
- package/dist/esm/MenuDemo.js +0 -175
- package/dist/esm/MenuDemo.js.map +0 -6
- package/dist/esm/NewInputsDemo.js +0 -29
- package/dist/esm/NewInputsDemo.js.map +0 -6
- package/dist/esm/PopoverDemo.js +0 -124
- package/dist/esm/PopoverDemo.js.map +0 -6
- package/dist/esm/ProgressDemo.js +0 -64
- package/dist/esm/ProgressDemo.js.map +0 -6
- package/dist/esm/RadioGroupDemo.js +0 -21
- package/dist/esm/RadioGroupDemo.js.map +0 -6
- package/dist/esm/RadioGroupHeadlessDemo.js +0 -102
- package/dist/esm/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/esm/RadioGroupUnstyledDemo.js +0 -92
- package/dist/esm/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/esm/ReplaceThemeDemo.js +0 -45
- package/dist/esm/ReplaceThemeDemo.js.map +0 -6
- package/dist/esm/ScrollViewDemo.js +0 -18
- package/dist/esm/ScrollViewDemo.js.map +0 -6
- package/dist/esm/SelectDemo.js +0 -180
- package/dist/esm/SelectDemo.js.map +0 -6
- package/dist/esm/SeparatorDemo.js +0 -20
- package/dist/esm/SeparatorDemo.js.map +0 -6
- package/dist/esm/ShapesDemo.js +0 -12
- package/dist/esm/ShapesDemo.js.map +0 -6
- package/dist/esm/SheetDemo.js +0 -103
- package/dist/esm/SheetDemo.js.map +0 -6
- package/dist/esm/SliderDemo.js +0 -19
- package/dist/esm/SliderDemo.js.map +0 -6
- package/dist/esm/SpinnerDemo.js +0 -12
- package/dist/esm/SpinnerDemo.js.map +0 -6
- package/dist/esm/StacksDemo.js +0 -71
- package/dist/esm/StacksDemo.js.map +0 -6
- package/dist/esm/SwitchDemo.js +0 -43
- package/dist/esm/SwitchDemo.js.map +0 -6
- package/dist/esm/SwitchHeadlessDemo.js +0 -68
- package/dist/esm/SwitchHeadlessDemo.js.map +0 -6
- package/dist/esm/SwitchUnstyledDemo.js +0 -51
- package/dist/esm/SwitchUnstyledDemo.js.map +0 -6
- package/dist/esm/TabsAdvancedDemo.js +0 -275
- package/dist/esm/TabsAdvancedDemo.js.map +0 -6
- package/dist/esm/TabsDemo.js +0 -146
- package/dist/esm/TabsDemo.js.map +0 -6
- package/dist/esm/TabsHeadlessDemo.js +0 -117
- package/dist/esm/TabsHeadlessDemo.js.map +0 -6
- package/dist/esm/TextDemo.js +0 -19
- package/dist/esm/TextDemo.js.map +0 -6
- package/dist/esm/ThemeBuilderDemo.js +0 -152
- package/dist/esm/ThemeBuilderDemo.js.map +0 -6
- package/dist/esm/ThemeInverseDemo.js +0 -30
- package/dist/esm/ThemeInverseDemo.js.map +0 -6
- package/dist/esm/ToastDemo.js +0 -97
- package/dist/esm/ToastDemo.js.map +0 -6
- package/dist/esm/ToastDuplicateDemo.js +0 -44
- package/dist/esm/ToastDuplicateDemo.js.map +0 -6
- package/dist/esm/ToggleGroupDemo.js +0 -75
- package/dist/esm/ToggleGroupDemo.js.map +0 -6
- package/dist/esm/TokensDemo.js +0 -78
- package/dist/esm/TokensDemo.js.map +0 -6
- package/dist/esm/TooltipDemo.js +0 -61
- package/dist/esm/TooltipDemo.js.map +0 -6
- package/dist/esm/UpdateThemeDemo.js +0 -49
- package/dist/esm/UpdateThemeDemo.js.map +0 -6
- package/dist/esm/WebNativeImageDemo.js +0 -9
- package/dist/esm/WebNativeImageDemo.js.map +0 -6
- package/dist/esm/tamagui.config.js +0 -8
- package/dist/esm/tamagui.config.js.map +0 -6
- package/dist/esm/useOnIntersecting.js +0 -50
- package/dist/esm/useOnIntersecting.js.map +0 -6
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ChevronDown, X } from "@tamagui/lucide-icons";
|
|
2
|
+
import { ChevronDown, X } from "@tamagui/lucide-icons-2";
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "tamagui";
|
|
5
5
|
import { SelectDemoContents } from "./SelectDemo.native.js";
|
|
@@ -45,16 +45,16 @@ function DialogDemo() {
|
|
|
45
45
|
}
|
|
46
46
|
function DialogInstance(param) {
|
|
47
47
|
var {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
48
|
+
mode
|
|
49
|
+
} = param;
|
|
50
|
+
var [open, setOpen] = useState(false);
|
|
51
51
|
return /* @__PURE__ */_jsxs(Dialog, {
|
|
52
|
-
modal:
|
|
52
|
+
modal: true,
|
|
53
53
|
keepChildrenMounted: mode === "keepMounted",
|
|
54
54
|
open,
|
|
55
55
|
onOpenChange: setOpen,
|
|
56
56
|
children: [/* @__PURE__ */_jsx(Dialog.Trigger, {
|
|
57
|
-
asChild:
|
|
57
|
+
asChild: true,
|
|
58
58
|
children: /* @__PURE__ */_jsx(Button, {
|
|
59
59
|
children: /* @__PURE__ */_jsx(Button.Text, {
|
|
60
60
|
children: "Show Dialog"
|
|
@@ -66,9 +66,9 @@ function DialogInstance(param) {
|
|
|
66
66
|
children: /* @__PURE__ */_jsxs(Sheet, {
|
|
67
67
|
transition: "medium",
|
|
68
68
|
zIndex: 2e5,
|
|
69
|
-
modal:
|
|
70
|
-
dismissOnSnapToBottom:
|
|
71
|
-
unmountChildrenWhenHidden:
|
|
69
|
+
modal: true,
|
|
70
|
+
dismissOnSnapToBottom: true,
|
|
71
|
+
unmountChildrenWhenHidden: true,
|
|
72
72
|
children: [/* @__PURE__ */_jsx(Sheet.Frame, {
|
|
73
73
|
p: "$4",
|
|
74
74
|
gap: "$4",
|
|
@@ -92,7 +92,7 @@ function DialogInstance(param) {
|
|
|
92
92
|
animateOnly: ["transform", "opacity"],
|
|
93
93
|
transition: ["quicker", {
|
|
94
94
|
opacity: {
|
|
95
|
-
overshootClamping:
|
|
95
|
+
overshootClamping: true
|
|
96
96
|
}
|
|
97
97
|
}],
|
|
98
98
|
enterStyle: {
|
|
@@ -102,11 +102,11 @@ function DialogInstance(param) {
|
|
|
102
102
|
opacity: 0
|
|
103
103
|
}
|
|
104
104
|
}), /* @__PURE__ */_jsx(Dialog.FocusScope, {
|
|
105
|
-
focusOnIdle:
|
|
105
|
+
focusOnIdle: true,
|
|
106
106
|
children: /* @__PURE__ */_jsxs(Dialog.Content, {
|
|
107
107
|
transition: ["quicker", {
|
|
108
108
|
opacity: {
|
|
109
|
-
overshootClamping:
|
|
109
|
+
overshootClamping: true
|
|
110
110
|
}
|
|
111
111
|
}],
|
|
112
112
|
enterStyle: {
|
|
@@ -127,7 +127,7 @@ function DialogInstance(param) {
|
|
|
127
127
|
children: "Make changes to your profile here. Click save when you're done."
|
|
128
128
|
}), /* @__PURE__ */_jsxs(Fieldset, {
|
|
129
129
|
gap: "$4",
|
|
130
|
-
horizontal:
|
|
130
|
+
horizontal: true,
|
|
131
131
|
children: [/* @__PURE__ */_jsx(Label, {
|
|
132
132
|
width: 64,
|
|
133
133
|
htmlFor: "name",
|
|
@@ -139,7 +139,7 @@ function DialogInstance(param) {
|
|
|
139
139
|
})]
|
|
140
140
|
}), /* @__PURE__ */_jsxs(Fieldset, {
|
|
141
141
|
gap: "$4",
|
|
142
|
-
horizontal:
|
|
142
|
+
horizontal: true,
|
|
143
143
|
children: [/* @__PURE__ */_jsx(Label, {
|
|
144
144
|
width: 64,
|
|
145
145
|
htmlFor: "username",
|
|
@@ -167,8 +167,8 @@ function DialogInstance(param) {
|
|
|
167
167
|
self: "flex-end",
|
|
168
168
|
gap: "$4",
|
|
169
169
|
children: /* @__PURE__ */_jsx(Dialog.Close, {
|
|
170
|
-
displayWhenAdapted:
|
|
171
|
-
asChild:
|
|
170
|
+
displayWhenAdapted: true,
|
|
171
|
+
asChild: true,
|
|
172
172
|
children: /* @__PURE__ */_jsx(Button, {
|
|
173
173
|
theme: "accent",
|
|
174
174
|
"aria-label": "Close",
|
|
@@ -177,12 +177,12 @@ function DialogInstance(param) {
|
|
|
177
177
|
})
|
|
178
178
|
}), /* @__PURE__ */_jsx(Unspaced, {
|
|
179
179
|
children: /* @__PURE__ */_jsx(Dialog.Close, {
|
|
180
|
-
asChild:
|
|
180
|
+
asChild: true,
|
|
181
181
|
children: /* @__PURE__ */_jsx(Button, {
|
|
182
182
|
position: "absolute",
|
|
183
183
|
r: "$3",
|
|
184
184
|
size: "$2",
|
|
185
|
-
circular:
|
|
185
|
+
circular: true,
|
|
186
186
|
icon: X
|
|
187
187
|
})
|
|
188
188
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","X","useState","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XGroup","XStack","SelectDemoContents","DialogDemo","mode","setMode","gap","justify","items","children","Item","size","theme","onPress","DialogInstance","param","open","setOpen","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","when","platform","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","x","y","scale","Title"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAS;AAC/B,SAASC,WAAA,EAAAC,CAAA,QAAgB;AACzB,SAAAC,QAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,kBAAA;AAAA,SACAC,WAAA;EACA,KAAAC,IAAA,EAAAC,OAAA,IAAAlB,QAAA;EACA,sBAAAH,KAAA,CAAAe,IAAA;IACAO,GAAA;IACAC,OAAA;IACAC,KAAA;IACAC,QAAA,GACA,eAAAzB,KAAA,CAAAgB,MAAA;MACAS,QAAA,GACA,eAAA3B,IAAA,CAAAkB,MAAA,CAAAU,IAAA;QACAD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UACAsB,IAAA;UACKC,KAAA,EAAAR,IAAA;UACES,OAAA,WAAAA,CAAA;YASH,OAAAR,OAAA;UALU;UACPI,QAAa;QAGlB;MACE,IACE,eAAC3B,IAAA,CAAAkB,MAAO,CAAAU,IACN;QAACD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UAAAsB,IAAA;UACCC,KAAK,EAAAR,IAAA;UACLS,OAAO,WAAAA,CAAA,EAAS;YAChB,OAASR,OAAM,QAAQ;UACxB;UAAAI,QAAA;QAGH;MACA,IACG,eAAA3B,IAAA,CAAAkB,MAAA,CAAAU,IAAA;QAAAD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UACCsB,IAAK;UACLC,KAAO,EAAAR,IAAA,KAAS,aAAU,WAAW;UACrCS,OAAS,WAAAA,CAAA,EAAc;YACxB,OAAAR,OAAA;UAAA;UAGHI,QAAA;QACA;MACG;IAAA,IACM,eACE3B,IAAS,CAAAgC,cAAA,EAAgB;MAAWV;IACP;EACrC;AAGH;AACF,SAEAU,eAACC,KAAA;EAA2B,IAC9B;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","X","useState","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XGroup","XStack","SelectDemoContents","DialogDemo","mode","setMode","gap","justify","items","children","Item","size","theme","onPress","DialogInstance","param","open","setOpen","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","when","platform","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","x","y","scale","Title"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAS;AAC/B,SAASC,WAAA,EAAAC,CAAA,QAAgB;AACzB,SAAAC,QAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,kBAAA;AAAA,SACAC,WAAA;EACA,KAAAC,IAAA,EAAAC,OAAA,IAAAlB,QAAA;EACA,sBAAAH,KAAA,CAAAe,IAAA;IACAO,GAAA;IACAC,OAAA;IACAC,KAAA;IACAC,QAAA,GACA,eAAAzB,KAAA,CAAAgB,MAAA;MACAS,QAAA,GACA,eAAA3B,IAAA,CAAAkB,MAAA,CAAAU,IAAA;QACAD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UACAsB,IAAA;UACKC,KAAA,EAAAR,IAAA;UACES,OAAA,WAAAA,CAAA;YASH,OAAAR,OAAA;UALU;UACPI,QAAa;QAGlB;MACE,IACE,eAAC3B,IAAA,CAAAkB,MAAO,CAAAU,IACN;QAACD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UAAAsB,IAAA;UACCC,KAAK,EAAAR,IAAA;UACLS,OAAO,WAAAA,CAAA,EAAS;YAChB,OAASR,OAAM,QAAQ;UACxB;UAAAI,QAAA;QAGH;MACA,IACG,eAAA3B,IAAA,CAAAkB,MAAA,CAAAU,IAAA;QAAAD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UACCsB,IAAK;UACLC,KAAO,EAAAR,IAAA,KAAS,aAAU,WAAW;UACrCS,OAAS,WAAAA,CAAA,EAAc;YACxB,OAAAR,OAAA;UAAA;UAGHI,QAAA;QACA;MACG;IAAA,IACM,eACE3B,IAAS,CAAAgC,cAAA,EAAgB;MAAWV;IACP;EACrC;AAGH;AACF,SAEAU,eAACC,KAAA;EAA2B,IAC9B;IAAAX;EAAA,IAAAW,KAAA;EAEJ,KAAAC,IAAA,EAAAC,OAAA,IAAA9B,QAAA;EAEA,OAAS,eAAeH,KAAE,CAAKM,MAAyB;IACtD4B,KAAO,MAAM;IAEbC,mBACE,EAAAf,IAAA;IAACY,IAAA;IAAAI,YAAA,EAAAH,OAAA;IAAAR,QACC,EAAK,CACL,eAAA3B,IAAA,CAAqBQ,MAAA,CAAA+B,OAAS;MAC9BC,OAAA;MACAb,QAAA,iBAAc3B,IAAA,CAAAO,MAAA;QAEdoB,QAAA,iBAAA3B,IAAA,CAAAO,MAAA,CAAAkC,IAAA;UAAAd,QAAA;QAMC;MAEG;IAAC,IAAAL,IAAA,KACC,WAAW,eAAAtB,IAAA,CAAAM,KAAA;MAAAoC,IACX,SAAQ;MAAAC,QACR,SAAK;MAAAhB,QACL,iBAAAzB,KAAqB,CAAAY,KAAA;QAAA8B,UACrB;QAAyBC,MAEzB;QAAAT,KAAA;QAEAU,qBACA;QAAAC,yBAAO;QAAApB,QAAN,kBACI3B,IAAA,CAAAc,KAAA,CAAAkC,KAAA;UAAAC,CAAA,MACH;UAASzB,GAAA,EACT;UAAWG,QACX,iBAAc3B,IAAW,CAAAM,KAAA,CAAA4C,QAAA;QAAA,IACD,eAAAlD,IAAA,CAAAc,KAAA,CAAAqC,OAAA;UAC1BC,EAAA;UAAAC,OAAA;UAAAT,UAAA;UAEJU,UAAA;YAGFD,OAAA;UACE;UAACE,SAAO;YAAPF,OAAA;UACC;QAAG,EACH;MACoC;IACxB,IACV,eACAnD,KAAA,CAAAM,MAAA,CAAAgD,MAAA;MAAA7B,QAAA,EACE,CAAS,eACP3B,IAAA,CAAAQ,MAAA,CAAA2C,OAAmB;QAAAC,EAAA,eACrB;QAAAC,OACF;QAAAI,WACF,GACA,aACA,UAAwB;QAC1Bb,UAAA,GAEA,WACG;UAAAS,OAAA;YACCK,iBAAY;UACV;QAAA,EACA;QACWJ,UACP;UAAmBD,OACrB;QAAA;QACFE,SACF;UACAF,OAAA;QAAsC;MACY,IAC9C,eAEJrD,IAAA,CAAAQ,MAAA,CAAAmD,UAAA;QAAAC,WAAA;QAA0BjC,QAC1B,iBAACzB,KAAO,CAAAM,MAAA,CAAAqD,OAAY;UAEpBjB,UAEA,GACE,WAEA;YACsDS,OACxD;cAEAK,iBAAC;YACC;UAIA,EAEE;UAACJ,UAAA;YAAAQ,CAAA;YAIGC,CAAA;YAAAV,OAGN;UAAA;UACFE,SAEA;YAQAO,CAAA;YAIAC,CAAA;YAAAV,OAAA;YAEJW,KAAA;UACF;UAAAxC,GAAA;UAAAG,QAAA,GACF,eAAA3B,IAAA,CAAAQ,MAAA,CAAAyD,KAAA;YAEJtC,QAAA","ignoreList":[]}
|
package/dist/esm/FormsDemo.mjs
CHANGED
|
@@ -3,14 +3,15 @@ import { Button, Form, Spinner, AnimatePresence, YStack } from "tamagui";
|
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
function FormsDemo(props) {
|
|
5
5
|
const [status, setStatus] = React.useState("off");
|
|
6
|
-
|
|
6
|
+
React.useEffect(() => {
|
|
7
7
|
if (status === "submitting") {
|
|
8
8
|
const timer = setTimeout(() => setStatus("off"), 2e3);
|
|
9
9
|
return () => {
|
|
10
10
|
clearTimeout(timer);
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
|
-
}, [status])
|
|
13
|
+
}, [status]);
|
|
14
|
+
return /* @__PURE__ */jsx(Form, {
|
|
14
15
|
items: "center",
|
|
15
16
|
gap: "$2",
|
|
16
17
|
onSubmit: () => setStatus("submitting"),
|
|
@@ -21,7 +22,7 @@ function FormsDemo(props) {
|
|
|
21
22
|
minW: 350,
|
|
22
23
|
p: "$6",
|
|
23
24
|
children: /* @__PURE__ */jsx(Form.Trigger, {
|
|
24
|
-
asChild:
|
|
25
|
+
asChild: true,
|
|
25
26
|
disabled: status !== "off",
|
|
26
27
|
children: /* @__PURE__ */jsxs(YStack, {
|
|
27
28
|
gap: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Button","Form","Spinner","AnimatePresence","YStack","jsx","jsxs","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","width","height","justifyContent","alignItems","transition","enterStyle","opacity","alignSelf"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SACEC,MAAA,EACAC,IAAA,EAEAC,OAAA,EACAC,eAAA,EAKAC,MAAA,QACK;AA2BC,SACEC,GAAA,EADFC,IAAA;AAzBD,SAASC,UAAUC,KAAA,EAA6B;EACrD,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAIX,KAAA,CAAMY,QAAA,CAA6C,KAAK;
|
|
1
|
+
{"version":3,"names":["React","Button","Form","Spinner","AnimatePresence","YStack","jsx","jsxs","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","width","height","justifyContent","alignItems","transition","enterStyle","opacity","alignSelf"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SACEC,MAAA,EACAC,IAAA,EAEAC,OAAA,EACAC,eAAA,EAKAC,MAAA,QACK;AA2BC,SACEC,GAAA,EADFC,IAAA;AAzBD,SAASC,UAAUC,KAAA,EAA6B;EACrD,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAIX,KAAA,CAAMY,QAAA,CAA6C,KAAK;EAEpFZ,KAAA,CAAMa,SAAA,CAAU,MAAM;IACpB,IAAIH,MAAA,KAAW,cAAc;MAC3B,MAAMI,KAAA,GAAQC,UAAA,CAAW,MAAMJ,SAAA,CAAU,KAAK,GAAG,GAAI;MACrD,OAAO,MAAM;QACXK,YAAA,CAAaF,KAAK;MACpB;IACF;EACF,GAAG,CAACJ,MAAM,CAAC;EAEX,OACE,eAAAJ,GAAA,CAACJ,IAAA;IACCe,KAAA,EAAM;IACNC,GAAA,EAAI;IACJC,QAAA,EAAUA,CAAA,KAAMR,SAAA,CAAU,YAAY;IACtCS,WAAA,EAAa;IACbC,OAAA,EAAQ;IACRC,EAAA,EAAG;IACHC,WAAA,EAAY;IACZC,IAAA,EAAM;IACNC,CAAA,EAAE;IAEFC,QAAA,iBAAApB,GAAA,CAACJ,IAAA,CAAKyB,OAAA,EAAL;MAAaC,OAAA,EAAO;MAACC,QAAA,EAAUnB,MAAA,KAAW;MACzCgB,QAAA,iBAAAnB,IAAA,CAACF,MAAA;QAAOa,GAAA,EAAI;QACVQ,QAAA,kBAAApB,GAAA,CAACL,MAAA;UAAOyB,QAAA;QAAA,CAAM,GACd,eAAApB,GAAA,CAACD,MAAA;UAAOyB,KAAA,EAAM;UAAOC,MAAA,EAAQ;UAAIC,cAAA,EAAe;UAASC,UAAA,EAAW;UAClEP,QAAA,iBAAApB,GAAA,CAACF,eAAA;YACEsB,QAAA,EAAAhB,MAAA,KAAW,eACV,eAAAJ,GAAA,CAACH,OAAA;cACC+B,UAAA,EAAW;cACXC,UAAA,EAAY;gBAAEC,OAAA,EAAS;cAAE;cACzBC,SAAA,EAAU;cAEVP,KAAA,EAAO;YAAA,GADH,SAEN,IACE;UAAA,CACN;QAAA,CACF;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@ import React from "react";
|
|
|
3
3
|
import { Button, Form, Spinner, AnimatePresence, YStack } from "tamagui";
|
|
4
4
|
function FormsDemo(props) {
|
|
5
5
|
var [status, setStatus] = React.useState("off");
|
|
6
|
-
|
|
6
|
+
React.useEffect(function () {
|
|
7
7
|
if (status === "submitting") {
|
|
8
8
|
var timer = setTimeout(function () {
|
|
9
9
|
return setStatus("off");
|
|
@@ -12,7 +12,8 @@ function FormsDemo(props) {
|
|
|
12
12
|
clearTimeout(timer);
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
|
-
}, [status])
|
|
15
|
+
}, [status]);
|
|
16
|
+
return /* @__PURE__ */_jsx(Form, {
|
|
16
17
|
items: "center",
|
|
17
18
|
gap: "$2",
|
|
18
19
|
onSubmit: function () {
|
|
@@ -25,7 +26,7 @@ function FormsDemo(props) {
|
|
|
25
26
|
minW: 350,
|
|
26
27
|
p: "$6",
|
|
27
28
|
children: /* @__PURE__ */_jsx(Form.Trigger, {
|
|
28
|
-
asChild:
|
|
29
|
+
asChild: true,
|
|
29
30
|
disabled: status !== "off",
|
|
30
31
|
children: /* @__PURE__ */_jsxs(YStack, {
|
|
31
32
|
gap: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","Form","Spinner","AnimatePresence","YStack","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","width","height","justifyContent","alignItems","transition","enterStyle"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAA;AAAA,SACEC,MAAA,EAAAC,IAAA,EAAAC,OAAA,EAAAC,eAAA,EAAAC,MAAA;AAAA,SACAC,UAAAC,KAAA;EAEA,KAAAC,MAAA,EAAAC,SAAA,IAAAT,KAAA,CAAAU,QAAA;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","Form","Spinner","AnimatePresence","YStack","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","width","height","justifyContent","alignItems","transition","enterStyle"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAA;AAAA,SACEC,MAAA,EAAAC,IAAA,EAAAC,OAAA,EAAAC,eAAA,EAAAC,MAAA;AAAA,SACAC,UAAAC,KAAA;EAEA,KAAAC,MAAA,EAAAC,SAAA,IAAAT,KAAA,CAAAU,QAAA;EACAV,KAAA,CAAAW,SAAA;IAKA,IAAAH,MAAA;MAAA,IACKI,KAAA,GAAAC,UAAA;QA2BC,OAAAJ,SAAA;MAzBD,GAAS;MACd,OAAO,YAAQ;QAETK,YAAU,CAAAF,KAAM;MACpB;IACE;EACA,IACEJ,MAAA,CAAkB;EACpB,OACF,eAAAX,IAAA,CAAAK,IAAA;IACFa,KAAI,UAAO;IAEXC,GAAA,EACE;IAACC,QAAA,WAAAA,CAAA;MAAA,OAAAR,SAAA;IAAA;IACOS,WACF;IAAAC,OACJ,MAAU;IAA4BC,EACtC;IAAaC,WACL;IAAAC,IACR,EAAG;IAAAC,CAAA,EACH;IAAYC,QACN,iBAAA3B,IAAA,CAAAK,IAAA,CAAAuB,OAAA;MACNC,OAAE;MAEFC,QAAA,EAAAnB,MAAA;MAEIgB,QAAA,iBAACzB,KAAA,CAAOM,MAAA;QACRW,GAAA;QAGMQ,QAAC,kBAAA3B,IAAA,CAAAI,MAAA;UACCuB,QAAA;QAAW,EACX,EAAyB,eACf3B,IAAA,CAAAQ,MAAA;UAEVuB,KAAA,EAAO;UAAAC,MAAA;UADHC,cAAA;UAGJC,UAER;UAEJP,QAAA,iBAAA3B,IAAA,CAAAO,eAAA;YAAAoB,QAAA,EAAAhB,MAAA,mCAAAX,IAAA,CAAAM,OAAA;cACF6B,UAAA;cAEJC,UAAA","ignoreList":[]}
|
package/dist/esm/Grid.mjs
CHANGED
|
@@ -8,27 +8,34 @@ function Grid({
|
|
|
8
8
|
itemMinWidth = 200,
|
|
9
9
|
gap
|
|
10
10
|
}) {
|
|
11
|
-
if (isWeb)
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
11
|
+
if (isWeb) {
|
|
12
|
+
return /* @__PURE__ */jsx("div", {
|
|
13
|
+
style: {
|
|
14
|
+
gap,
|
|
15
|
+
display: "grid",
|
|
16
|
+
justifyContent: "stretch",
|
|
17
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
18
|
+
},
|
|
19
|
+
children
|
|
20
|
+
});
|
|
21
|
+
}
|
|
20
22
|
const childrenList = React.Children.toArray(children);
|
|
21
23
|
return /* @__PURE__ */jsx(XStack, {
|
|
22
24
|
items: "center",
|
|
23
25
|
justify: "center",
|
|
24
26
|
flexWrap: "wrap",
|
|
25
|
-
children: childrenList.map((child, i) =>
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
27
|
+
children: childrenList.map((child, i) => {
|
|
28
|
+
if (!child) {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
return /* @__PURE__ */jsx(XStack, {
|
|
32
|
+
flex: 1,
|
|
33
|
+
minW: itemMinWidth,
|
|
34
|
+
mr: gap,
|
|
35
|
+
mb: gap,
|
|
36
|
+
children: child
|
|
37
|
+
}, i);
|
|
38
|
+
})
|
|
32
39
|
});
|
|
33
40
|
}
|
|
34
41
|
export { Grid };
|
package/dist/esm/Grid.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","XStack","React","jsx","Grid","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap","map","child","i","flex","minW","mr","mb"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,MAAA,QAAc;AACvB,OAAOC,KAAA,MAAW;AAYZ,SAAAC,GAAA;AAHC,SAASC,KAAK;EAAEC,QAAA;EAAUC,OAAA;EAASC,YAAA,GAAe;EAAKC;AAAI,GAAc;EAC9E,IAAIR,KAAA,
|
|
1
|
+
{"version":3,"names":["isWeb","XStack","React","jsx","Grid","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap","map","child","i","flex","minW","mr","mb"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,MAAA,QAAc;AACvB,OAAOC,KAAA,MAAW;AAYZ,SAAAC,GAAA;AAHC,SAASC,KAAK;EAAEC,QAAA;EAAUC,OAAA;EAASC,YAAA,GAAe;EAAKC;AAAI,GAAc;EAC9E,IAAIR,KAAA,EAAO;IACT,OACE,eAAAG,GAAA,CAAC;MACCM,KAAA,EAAO;QACLD,GAAA;QACAE,OAAA,EAAS;QACTC,cAAA,EAAgB;QAChBC,mBAAA,EAAqB,4BAA4BL,YAAY;MAC/D;MAECF;IAAA,CACH;EAEJ;EAEA,MAAMQ,YAAA,GAAeX,KAAA,CAAMY,QAAA,CAASC,OAAA,CAAQV,QAAQ;EAEpD,OACE,eAAAF,GAAA,CAACF,MAAA;IAAOe,KAAA,EAAM;IAASC,OAAA,EAAQ;IAASC,QAAA,EAAS;IAC9Cb,QAAA,EAAAQ,YAAA,CAAaM,GAAA,CAAI,CAACC,KAAA,EAAOC,CAAA,KAAM;MAC9B,IAAI,CAACD,KAAA,EAAO;QACV,OAAO;MACT;MAGA,OACE,eAAAjB,GAAA,CAACF,MAAA;QAAeqB,IAAA,EAAM;QAAGC,IAAA,EAAMhB,YAAA;QAAciB,EAAA,EAAIhB,GAAA;QAAKiB,EAAA,EAAIjB,GAAA;QACvDH,QAAA,EAAAe;MAAA,GADUC,CAEb;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}
|
package/dist/esm/Grid.native.js
CHANGED
|
@@ -9,28 +9,33 @@ function Grid(param) {
|
|
|
9
9
|
itemMinWidth = 200,
|
|
10
10
|
gap
|
|
11
11
|
} = param;
|
|
12
|
-
if (isWeb)
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
12
|
+
if (isWeb) {
|
|
13
|
+
return /* @__PURE__ */_jsx("div", {
|
|
14
|
+
style: {
|
|
15
|
+
gap,
|
|
16
|
+
display: "grid",
|
|
17
|
+
justifyContent: "stretch",
|
|
18
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
19
|
+
},
|
|
20
|
+
children
|
|
21
|
+
});
|
|
22
|
+
}
|
|
21
23
|
var childrenList = React.Children.toArray(children);
|
|
22
24
|
return /* @__PURE__ */_jsx(XStack, {
|
|
23
25
|
items: "center",
|
|
24
26
|
justify: "center",
|
|
25
27
|
flexWrap: "wrap",
|
|
26
28
|
children: childrenList.map(function (child, i) {
|
|
27
|
-
|
|
29
|
+
if (!child) {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
return /* @__PURE__ */_jsx(XStack, {
|
|
28
33
|
flex: 1,
|
|
29
34
|
minW: itemMinWidth,
|
|
30
35
|
mr: gap,
|
|
31
36
|
mb: gap,
|
|
32
37
|
children: child
|
|
33
|
-
}, i)
|
|
38
|
+
}, i);
|
|
34
39
|
})
|
|
35
40
|
});
|
|
36
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,uBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap","map","child","i"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,uBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,QAAO;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EACT,IAAAJ,KACE;IAAA,OAAC,eAAAD,IAAA;MAAAU,KAAA;QACCD,GAAA;QAAOE,OACL;QAAAC,cACS;QAAAC,mBACO,8BAAAL,YAAA;MAAA;MAC6CF;IAC/D;EAEC;EAAA,IACHQ,YAAA,GAAAX,KAAA,CAAAY,QAAA,CAAAC,OAAA,CAAAV,QAAA;EAEJ,sBAAAN,IAAA,CAAAE,MAAA;IAEAe,KAAM;IAENC,OACE;IAEIC,QAAK,QAAO;IACVb,QAAA,EAAOQ,YAAA,CAAAM,GAAA,WAAAC,KAAA,EAAAC,CAAA;MACT,KAAAD,KAAA;QAGA,OACE;MAKN;MAEJ,sBAAArB,IAAA,CAAAE,MAAA","ignoreList":[]}
|
package/dist/esm/GroupDemo.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
1
|
+
import { Activity, Airplay } from "@tamagui/lucide-icons-2";
|
|
2
2
|
import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
function GroupDemo() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
2
|
+
import { Activity, Airplay } from "@tamagui/lucide-icons-2";
|
|
3
3
|
import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
|
|
4
4
|
function GroupDemo() {
|
|
5
5
|
return /* @__PURE__ */_jsxs(YStack, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Activity","Airplay","Button","Group","ListItem","Separator","XGroup","YGroup","YStack","GroupDemo","p","gap","items","children","orientation","Item"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAe;AAClC,SAASC,QAAQ,EAAAC,OAAO,QAAU,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Activity","Airplay","Button","Group","ListItem","Separator","XGroup","YGroup","YStack","GroupDemo","p","gap","items","children","orientation","Item"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAe;AAClC,SAASC,QAAQ,EAAAC,OAAO,QAAU,yBAAmB;AAK/C,SAEIC,MAFJ,EAAAC,KAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAV,KAAC,CAAAS,MAAA;IACCE,CAAA;IACEC,GAAA;IAEAC,KACA;IAEAC,QACA,GAEA,eACFd,KAAA,CAAAI,KAAA;MAGAW,WAAA,cAAC;MACCD,QAAA,GAKA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAIJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UAGAW,QAAA;QACE;MAGA,IACA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAACF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UAAAW,QAAA;QACC;MACA,IACA,eAAMhB,IAAA,CAAAM,KAAA,CAAAY,IAAA;QACNF,QAAS,iBAAAhB,IAAA,CAAAK,MAAA;UAAAW,QAAA;QAEb;MACA;IAKA,CACF,GACF;IAEJ,eAAAd,KAAA,CAAAO,MAAA","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
|
|
1
|
+
import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons-2";
|
|
2
2
|
import { ListItem, Separator, Theme, XStack, YGroup } from "tamagui";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
function ListItemDemo() {
|
|
@@ -20,10 +20,12 @@ function ListItemDemo1() {
|
|
|
20
20
|
borderWidth: 1,
|
|
21
21
|
borderColor: "$borderColor",
|
|
22
22
|
rounded: "$4",
|
|
23
|
+
overflow: "hidden",
|
|
23
24
|
width: 240,
|
|
24
25
|
size: "$4",
|
|
25
26
|
children: [/* @__PURE__ */jsx(YGroup.Item, {
|
|
26
27
|
children: /* @__PURE__ */jsx(ListItem, {
|
|
28
|
+
gap: "$3",
|
|
27
29
|
icon: Star,
|
|
28
30
|
title: "Star",
|
|
29
31
|
subTitle: /* @__PURE__ */jsx(ListItem.Subtitle, {
|
|
@@ -33,16 +35,19 @@ function ListItemDemo1() {
|
|
|
33
35
|
})
|
|
34
36
|
}), /* @__PURE__ */jsx(YGroup.Item, {
|
|
35
37
|
children: /* @__PURE__ */jsx(ListItem, {
|
|
38
|
+
gap: "$3",
|
|
36
39
|
icon: Moon,
|
|
37
40
|
children: "Moon"
|
|
38
41
|
})
|
|
39
42
|
}), /* @__PURE__ */jsx(YGroup.Item, {
|
|
40
43
|
children: /* @__PURE__ */jsx(ListItem, {
|
|
44
|
+
gap: "$3",
|
|
41
45
|
icon: Sun,
|
|
42
46
|
children: "Sun"
|
|
43
47
|
})
|
|
44
48
|
}), /* @__PURE__ */jsx(YGroup.Item, {
|
|
45
49
|
children: /* @__PURE__ */jsx(ListItem, {
|
|
50
|
+
gap: "$3",
|
|
46
51
|
icon: Cloud,
|
|
47
52
|
children: "Cloud"
|
|
48
53
|
})
|
|
@@ -55,10 +60,12 @@ function ListItemDemo2() {
|
|
|
55
60
|
borderWidth: 1,
|
|
56
61
|
borderColor: "$borderColor",
|
|
57
62
|
rounded: "$4",
|
|
63
|
+
overflow: "hidden",
|
|
58
64
|
width: 240,
|
|
59
65
|
size: "$5",
|
|
60
66
|
children: [/* @__PURE__ */jsx(YGroup.Item, {
|
|
61
67
|
children: /* @__PURE__ */jsx(ListItem, {
|
|
68
|
+
gap: "$3",
|
|
62
69
|
title: "Star",
|
|
63
70
|
subTitle: "Subtitle",
|
|
64
71
|
icon: Star,
|
|
@@ -66,6 +73,7 @@ function ListItemDemo2() {
|
|
|
66
73
|
})
|
|
67
74
|
}), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(YGroup.Item, {
|
|
68
75
|
children: /* @__PURE__ */jsx(ListItem, {
|
|
76
|
+
gap: "$3",
|
|
69
77
|
title: "Moon",
|
|
70
78
|
subTitle: "Subtitle",
|
|
71
79
|
icon: Moon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","jsx","jsxs","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,EAAcC,KAAA,EAAOC,IAAA,EAAMC,IAAA,EAAMC,GAAA,QAAW;AACrD,SAASC,QAAA,EAAUC,SAAA,EAAWC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKrD,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAF,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAK;IACVC,QAAA,iBAAAH,IAAA,CAACH,MAAA;MAAOO,MAAA,EAAQ;QAAEC,aAAA,EAAe;MAAS;MAAGC,EAAA,EAAG;MAAKC,GAAA,EAAI;MACvDJ,QAAA,kBAAAJ,GAAA,CAACS,aAAA,IAAc,GACf,eAAAT,GAAA,CAACU,aAAA,IAAc;IAAA,CACjB;EAAA,CACF;AAEJ;AAEA,SAASD,cAAA,EAAgB;EACvB,OACE,eAAAR,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,IAAA,EAAK;
|
|
1
|
+
{"version":3,"names":["ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","jsx","jsxs","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","overflow","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,EAAcC,KAAA,EAAOC,IAAA,EAAMC,IAAA,EAAMC,GAAA,QAAW;AACrD,SAASC,QAAA,EAAUC,SAAA,EAAWC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKrD,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAF,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAK;IACVC,QAAA,iBAAAH,IAAA,CAACH,MAAA;MAAOO,MAAA,EAAQ;QAAEC,aAAA,EAAe;MAAS;MAAGC,EAAA,EAAG;MAAKC,GAAA,EAAI;MACvDJ,QAAA,kBAAAJ,GAAA,CAACS,aAAA,IAAc,GACf,eAAAT,GAAA,CAACU,aAAA,IAAc;IAAA,CACjB;EAAA,CACF;AAEJ;AAEA,SAASD,cAAA,EAAgB;EACvB,OACE,eAAAR,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,QAAA,EAAS;IACTC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELb,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCa,GAAA,EAAI;QACJW,IAAA,EAAM1B,IAAA;QACN2B,KAAA,EAAM;QACNC,QAAA,EAAU,eAAArB,GAAA,CAACL,QAAA,CAAS2B,QAAA,EAAT;UAAkBlB,QAAA;QAAA,CAAQ;QACrCmB,SAAA,EAAWjC;MAAA,CACb;IAAA,CACF,GACA,eAAAU,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASa,GAAA,EAAI;QAAKW,IAAA,EAAM3B,IAAA;QAAMY,QAAA;MAAA,CAE/B;IAAA,CACF,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASa,GAAA,EAAI;QAAKW,IAAA,EAAMzB,GAAA;QAAKU,QAAA;MAAA,CAE9B;IAAA,CACF,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASa,GAAA,EAAI;QAAKW,IAAA,EAAM5B,KAAA;QAAOa,QAAA;MAAA,CAEhC;IAAA,CACF;EAAA,CACF;AAEJ;AAEA,SAASM,cAAA,EAAgB;EACvB,OACE,eAAAT,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,QAAA,EAAS;IACTC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELb,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCa,GAAA,EAAI;QACJY,KAAA,EAAM;QACNC,QAAA,EAAS;QACTF,IAAA,EAAM1B,IAAA;QACN8B,SAAA,EAAWjC;MAAA,CACb;IAAA,CACF,GACA,eAAAU,GAAA,CAACJ,SAAA,IAAU,GACX,eAAAI,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCa,GAAA,EAAI;QACJY,KAAA,EAAM;QACNC,QAAA,EAAS;QACTF,IAAA,EAAM3B,IAAA;QACN+B,SAAA,EAAWjC;MAAA,CACb;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
|
|
2
|
+
import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons-2";
|
|
3
3
|
import { ListItem, Separator, Theme, XStack, YGroup } from "tamagui";
|
|
4
4
|
function ListItemDemo() {
|
|
5
5
|
return /* @__PURE__ */_jsx(Theme, {
|
|
@@ -20,10 +20,12 @@ function ListItemDemo1() {
|
|
|
20
20
|
borderWidth: 1,
|
|
21
21
|
borderColor: "$borderColor",
|
|
22
22
|
rounded: "$4",
|
|
23
|
+
overflow: "hidden",
|
|
23
24
|
width: 240,
|
|
24
25
|
size: "$4",
|
|
25
26
|
children: [/* @__PURE__ */_jsx(YGroup.Item, {
|
|
26
27
|
children: /* @__PURE__ */_jsx(ListItem, {
|
|
28
|
+
gap: "$3",
|
|
27
29
|
icon: Star,
|
|
28
30
|
title: "Star",
|
|
29
31
|
subTitle: /* @__PURE__ */_jsx(ListItem.Subtitle, {
|
|
@@ -33,16 +35,19 @@ function ListItemDemo1() {
|
|
|
33
35
|
})
|
|
34
36
|
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
35
37
|
children: /* @__PURE__ */_jsx(ListItem, {
|
|
38
|
+
gap: "$3",
|
|
36
39
|
icon: Moon,
|
|
37
40
|
children: "Moon"
|
|
38
41
|
})
|
|
39
42
|
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
40
43
|
children: /* @__PURE__ */_jsx(ListItem, {
|
|
44
|
+
gap: "$3",
|
|
41
45
|
icon: Sun,
|
|
42
46
|
children: "Sun"
|
|
43
47
|
})
|
|
44
48
|
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
45
49
|
children: /* @__PURE__ */_jsx(ListItem, {
|
|
50
|
+
gap: "$3",
|
|
46
51
|
icon: Cloud,
|
|
47
52
|
children: "Cloud"
|
|
48
53
|
})
|
|
@@ -55,10 +60,12 @@ function ListItemDemo2() {
|
|
|
55
60
|
borderWidth: 1,
|
|
56
61
|
borderColor: "$borderColor",
|
|
57
62
|
rounded: "$4",
|
|
63
|
+
overflow: "hidden",
|
|
58
64
|
width: 240,
|
|
59
65
|
size: "$5",
|
|
60
66
|
children: [/* @__PURE__ */_jsx(YGroup.Item, {
|
|
61
67
|
children: /* @__PURE__ */_jsx(ListItem, {
|
|
68
|
+
gap: "$3",
|
|
62
69
|
title: "Star",
|
|
63
70
|
subTitle: "Subtitle",
|
|
64
71
|
icon: Star,
|
|
@@ -66,6 +73,7 @@ function ListItemDemo2() {
|
|
|
66
73
|
})
|
|
67
74
|
}), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
68
75
|
children: /* @__PURE__ */_jsx(ListItem, {
|
|
76
|
+
gap: "$3",
|
|
69
77
|
title: "Moon",
|
|
70
78
|
subTitle: "Subtitle",
|
|
71
79
|
icon: Moon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAOC,KAAA,QAAY,mBAAW;AACrD,SAASC,YAAU,EAAAC,KAAA,EAAWC,IAAA,EAAAC,IAAO,EAAAC,GAAQ
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","overflow","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAOC,KAAA,QAAY,mBAAW;AACrD,SAASC,YAAU,EAAAC,KAAA,EAAWC,IAAA,EAAAC,IAAO,EAAAC,GAAQ,iCAAc;AAKrD,SACEC,QADF,EAAAC,SAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAb,IAAC,CAAAU,KAAA;IAEGI,IAAA;IACAC,QAAA,iBAACb,KAAA,CAAAS,MAAc;MACjBK,MACF;QAEJC,aAAA;MAEA;MACEC,EAAA,EACE;MAACC,GAAA;MAAAJ,QAAA,GACC,eAAKf,IAAA,CAAAoB,aAAA,OACL,eAAapB,IAAA,CAAAqB,aAAA;IACD;EACJ;AACC;AACF,SACPD,aAAKA,CAAA;EAAA,OAEL,eAAAlB,KAAA,CAAAU,MAAA;IAAAU,IAAA;IACEC,WAAC;IAAAC,WAAA;IAAAC,OAAA,EACC,IAAI;IAAAC,QACJ,UAAM;IAAAC,KAAA,KACN;IAAMC,IAAA,MACN;IAAqCb,QACrC,GAAW,eAAAf,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MACbd,QACF,iBAAAf,IAAA,CAAAQ,QAAA;QACAW,GAAA;QAKAW,IAAA,EAAAxB,IAAA;QAKAyB,KAAA;QAIAC,QAAA,iBAAAhC,IAAA,CAAAQ,QAAA,CAAAyB,QAAA;UAAAlB,QAAA;QACF;QAEJmB,SAAA,EAAA/B;MAEA,CAAS;IACP,IACG,eAAAH,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MAAAd,QAAA,iBAAAf,IAAA,CAAAQ,QAAA;QACCW,GAAK;QACLW,IAAA,EAAAzB,IAAa;QACbU,QAAA,EAAY;MACZ;IACA,IACA,eAAOf,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MACPd,QAAK,iBAAAf,IAAA,CAAAQ,QAAA;QAELW,GAAA;QAAAW,IAAA,EAAAvB,GAAA;QACGQ,QAAA;MAAA;IAAA,IACK,eACEf,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MAAAd,QACN,iBAASf,IAAA,CAAAQ,QAAA;QAAAW,GACT,MAAM;QAAAW,IACN,EAAA1B,KAAA;QAAWW,QAAA;MACb;IACF,EACA;EAEE;AAAC;AAAA,SAAAM,aACKA,CAAA;EAAA,sBACEnB,KAAA,CAAAU,MAAA;IAAAU,IAAA,UACN;IAASC,WACT,GAAM;IAAAC,WACN,gBAAW;IAAAC,OAAA;IAAAC,QAEf;IAAAC,KAAA;IAAAC,IAAA;IACFb,QAAA,GAEJ,eAAAf,IAAA,CAAAY,MAAA,CAAAiB,IAAA","ignoreList":[]}
|
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as LucideIcons from "@tamagui/lucide-icons";
|
|
2
|
+
import * as LucideIcons from "@tamagui/lucide-icons-2";
|
|
3
3
|
import { ScrollView } from "react-native-web";
|
|
4
4
|
import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
|
|
5
5
|
import { Grid } from "./Grid.mjs";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
const lucideIcons = Object.keys(
|
|
8
8
|
// vite tree shaking workaround
|
|
9
|
-
typeof LucideIcons
|
|
9
|
+
typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(name => ({
|
|
10
10
|
key: name.toLowerCase(),
|
|
11
11
|
name,
|
|
12
12
|
Icon: LucideIcons[name]
|
|
13
13
|
}));
|
|
14
14
|
function LucideIconsDemo() {
|
|
15
|
-
const [searchRaw, setSearch] = React.useState("")
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
15
|
+
const [searchRaw, setSearch] = React.useState("");
|
|
16
|
+
const search = useDebounceValue(searchRaw, 400);
|
|
17
|
+
const size = 100;
|
|
18
|
+
const iconsMemo = React.useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
|
|
19
|
+
Icon,
|
|
20
|
+
name
|
|
21
|
+
}) => /* @__PURE__ */jsxs(YStack, {
|
|
22
|
+
height: size + 20,
|
|
23
|
+
items: "center",
|
|
24
|
+
justify: "center",
|
|
25
|
+
children: [/* @__PURE__ */jsx(Icon, {
|
|
26
|
+
size: size * 0.25
|
|
27
|
+
}), /* @__PURE__ */jsx(Spacer, {}), /* @__PURE__ */jsx(Paragraph, {
|
|
28
|
+
height: "$6",
|
|
29
|
+
wordWrap: "break-word",
|
|
30
|
+
maxW: "100%",
|
|
31
|
+
text: "center",
|
|
32
|
+
px: "$2",
|
|
33
|
+
size: "$1",
|
|
34
|
+
opacity: 0.5,
|
|
35
|
+
children: name
|
|
36
|
+
})]
|
|
37
|
+
}, name)), [search]);
|
|
38
38
|
return /* @__PURE__ */jsxs(YStack, {
|
|
39
39
|
minW: "100%",
|
|
40
40
|
p: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","jsx","jsxs","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","height","items","justify","children","wordWrap","maxW","text","px","opacity","minW","p","pb","gap","value","onChangeText","placeholder","itemMinWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,YAAYC,WAAA,MAAiB;AAE7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,gBAAA,QAAwB;AAEnE,SAASC,IAAA,QAAY;AAsBX,SACEC,GAAA,EADFC,IAAA;AApBV,MAAMC,WAAA,GAAcC,MAAA,CAAOC,IAAA;AAAA;AAEzB,OAAOZ,WAAA,
|
|
1
|
+
{"version":3,"names":["React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","jsx","jsxs","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","height","items","justify","children","wordWrap","maxW","text","px","opacity","minW","p","pb","gap","value","onChangeText","placeholder","itemMinWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,YAAYC,WAAA,MAAiB;AAE7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,gBAAA,QAAwB;AAEnE,SAASC,IAAA,QAAY;AAsBX,SACEC,GAAA,EADFC,IAAA;AApBV,MAAMC,WAAA,GAAcC,MAAA,CAAOC,IAAA;AAAA;AAEzB,OAAOZ,WAAA,KAAgB,cAAcA,WAAA,GAAc,CAAC,CACtD,EAAEa,GAAA,CAAKC,IAAA,KAAU;EACfC,GAAA,EAAKD,IAAA,CAAKE,WAAA,CAAY;EACtBF,IAAA;EACAG,IAAA,EAAMjB,WAAA,CAAYc,IAAI;AACxB,EAAE;AAEK,SAASI,gBAAA,EAAkB;EAChC,MAAM,CAACC,SAAA,EAAWC,SAAS,IAAIrB,KAAA,CAAMsB,QAAA,CAAS,EAAE;EAChD,MAAMC,MAAA,GAAShB,gBAAA,CAAiBa,SAAA,EAAW,GAAG;EAE9C,MAAMI,IAAA,GAAO;EAEb,MAAMC,SAAA,GAAYzB,KAAA,CAAM0B,OAAA,CACtB,MACEf,WAAA,CACGgB,MAAA,CAAQC,CAAA,IAAMA,CAAA,CAAEZ,GAAA,CAAIa,QAAA,CAASN,MAAA,CAAON,WAAA,CAAY,CAAC,CAAC,EAClDH,GAAA,CAAI,CAAC;IAAEI,IAAA;IAAMH;EAAK,MACjB,eAAAL,IAAA,CAACJ,MAAA;IAAOwB,MAAA,EAAQN,IAAA,GAAO;IAAIO,KAAA,EAAM;IAASC,OAAA,EAAQ;IAChDC,QAAA,kBAAAxB,GAAA,CAACS,IAAA;MAAKM,IAAA,EAAMA,IAAA,GAAO;IAAA,CAAM,GACzB,eAAAf,GAAA,CAACJ,MAAA,IAAO,GACR,eAAAI,GAAA,CAACL,SAAA;MACC0B,MAAA,EAAO;MACPI,QAAA,EAAS;MACTC,IAAA,EAAK;MACLC,IAAA,EAAK;MACLC,EAAA,EAAG;MACHb,IAAA,EAAK;MACLc,OAAA,EAAS;MAERL,QAAA,EAAAlB;IAAA,CACH;EAAA,GAb8DA,IAchE,CACD,GACL,CAACQ,MAAM,CACT;EAEA,OACE,eAAAb,IAAA,CAACJ,MAAA;IAAOiC,IAAA,EAAK;IAAOC,CAAA,EAAE;IAAKC,EAAA,EAAG;IAAKC,GAAA,EAAI;IACrCT,QAAA,kBAAAxB,GAAA,CAACN,KAAA;MAAMwC,KAAA,EAAOvB,SAAA;MAAWwB,YAAA,EAAcvB,SAAA;MAAkBwB,WAAA,EAAY;IAAA,CAAY,GAEjF,eAAApC,GAAA,CAACH,MAAA;MAAOwB,MAAA,EAAQ;MACdG,QAAA,iBAAAxB,GAAA,CAACP,UAAA;QACC+B,QAAA,iBAAAxB,GAAA,CAACD,IAAA;UAAKsC,YAAA,EAActB,IAAA;UAAOS,QAAA,EAAAR;QAAA,CAAU;MAAA,CACvC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|