@tamagui/demos 1.110.5 → 1.111.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.native.js +2 -2
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.native.js +1 -42
- package/dist/cjs/AddThemeDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsDemo.native.js +6 -81
- package/dist/cjs/AnimationsDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.native.js +1 -42
- package/dist/cjs/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.native.js +3 -45
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/cjs/BuildAButtonDemo.native.js +57 -88
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.native.js +4 -38
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.native.js +4 -38
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.native.js +6 -60
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js +6 -81
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/ColorsDemo.native.js +4 -4
- package/dist/cjs/ColorsDemo.native.js.map +2 -2
- package/dist/cjs/FormsDemo.native.js +1 -42
- package/dist/cjs/FormsDemo.native.js.map +2 -2
- package/dist/cjs/Grid.native.js +2 -2
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/InputsDemo.native.js +1 -1
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.native.js +3 -45
- package/dist/cjs/LucideIconsDemo.native.js.map +2 -2
- package/dist/cjs/NewInputsDemo.native.js +1 -1
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.native.js +6 -60
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.native.js +2 -43
- package/dist/cjs/ProgressDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupDemo.native.js +1 -1
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +33 -62
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.native.js +1 -42
- package/dist/cjs/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.native.js +5 -80
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/cjs/SheetDemo.native.js +10 -86
- package/dist/cjs/SheetDemo.native.js.map +2 -2
- package/dist/cjs/SliderDemo.native.js +6 -59
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.native.js +1 -1
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.native.js +6 -81
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.native.js +36 -123
- package/dist/cjs/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/cjs/TabsDemo.native.js +12 -88
- package/dist/cjs/TabsDemo.native.js.map +2 -2
- package/dist/cjs/ThemeBuilderDemo.native.js +49 -56
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.native.js +4 -46
- package/dist/cjs/ToastDemo.native.js.map +2 -2
- package/dist/cjs/ToastDuplicateDemo.native.js +5 -57
- package/dist/cjs/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/cjs/ToggleGroupDemo.native.js +1 -1
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.native.js +17 -76
- package/dist/cjs/TokensDemo.native.js.map +2 -2
- package/dist/cjs/TooltipDemo.native.js +5 -57
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.native.js +2 -44
- package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
- package/dist/cjs/useOnIntersecting.native.js +8 -79
- package/dist/cjs/useOnIntersecting.native.js.map +2 -2
- package/dist/esm/AccordionDemo.native.js +2 -2
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AccordionDemo.native.mjs +79 -0
- package/dist/esm/AccordionDemo.native.mjs.map +1 -0
- package/dist/esm/AddThemeDemo.native.js +1 -42
- package/dist/esm/AddThemeDemo.native.js.map +2 -2
- package/dist/esm/AddThemeDemo.native.mjs +36 -0
- package/dist/esm/AddThemeDemo.native.mjs.map +1 -0
- package/dist/esm/AlertDialogDemo.native.mjs +73 -0
- package/dist/esm/AlertDialogDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsDemo.native.js +6 -81
- package/dist/esm/AnimationsDemo.native.js.map +2 -2
- package/dist/esm/AnimationsDemo.native.mjs +78 -0
- package/dist/esm/AnimationsDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsEnterDemo.native.js +1 -42
- package/dist/esm/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/esm/AnimationsEnterDemo.native.mjs +47 -0
- package/dist/esm/AnimationsEnterDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsHoverDemo.native.mjs +24 -0
- package/dist/esm/AnimationsHoverDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsPresenceDemo.native.js +2 -43
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.native.mjs +97 -0
- package/dist/esm/AnimationsPresenceDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsTimingDemo.native.mjs +23 -0
- package/dist/esm/AnimationsTimingDemo.native.mjs.map +1 -0
- package/dist/esm/AvatarDemo.native.mjs +31 -0
- package/dist/esm/AvatarDemo.native.mjs.map +1 -0
- package/dist/esm/BuildAButtonDemo.native.js +56 -86
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.mjs +102 -0
- package/dist/esm/BuildAButtonDemo.native.mjs.map +1 -0
- package/dist/esm/ButtonDemo.native.js +4 -38
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.native.mjs +60 -0
- package/dist/esm/ButtonDemo.native.mjs.map +1 -0
- package/dist/esm/CardDemo.native.js +4 -38
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.native.mjs +65 -0
- package/dist/esm/CardDemo.native.mjs.map +1 -0
- package/dist/esm/CheckboxDemo.native.js +6 -60
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.native.mjs +47 -0
- package/dist/esm/CheckboxDemo.native.mjs.map +1 -0
- package/dist/esm/CheckboxHeadlessDemo.native.js +6 -81
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/esm/CheckboxHeadlessDemo.native.mjs +53 -0
- package/dist/esm/CheckboxHeadlessDemo.native.mjs.map +1 -0
- package/dist/esm/CheckboxUnstyledDemo.native.mjs +54 -0
- package/dist/esm/CheckboxUnstyledDemo.native.mjs.map +1 -0
- package/dist/esm/ColorsDemo.native.js +4 -4
- package/dist/esm/ColorsDemo.native.js.map +2 -2
- package/dist/esm/ColorsDemo.native.mjs +114 -0
- package/dist/esm/ColorsDemo.native.mjs.map +1 -0
- package/dist/esm/DialogDemo.native.mjs +132 -0
- package/dist/esm/DialogDemo.native.mjs.map +1 -0
- package/dist/esm/FormsDemo.native.js +1 -42
- package/dist/esm/FormsDemo.native.js.map +2 -2
- package/dist/esm/FormsDemo.native.mjs +42 -0
- package/dist/esm/FormsDemo.native.mjs.map +1 -0
- package/dist/esm/Grid.native.js +2 -2
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/Grid.native.mjs +41 -0
- package/dist/esm/Grid.native.mjs.map +1 -0
- package/dist/esm/GroupDemo.native.mjs +64 -0
- package/dist/esm/GroupDemo.native.mjs.map +1 -0
- package/dist/esm/HeadingsDemo.native.mjs +23 -0
- package/dist/esm/HeadingsDemo.native.mjs.map +1 -0
- package/dist/esm/ImageDemo.native.mjs +13 -0
- package/dist/esm/ImageDemo.native.mjs.map +1 -0
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.native.mjs +37 -0
- package/dist/esm/InputsDemo.native.mjs.map +1 -0
- package/dist/esm/LabelDemo.native.mjs +37 -0
- package/dist/esm/LabelDemo.native.mjs.map +1 -0
- package/dist/esm/LinearGradientDemo.native.mjs +27 -0
- package/dist/esm/LinearGradientDemo.native.mjs.map +1 -0
- package/dist/esm/ListItemDemo.native.mjs +77 -0
- package/dist/esm/ListItemDemo.native.mjs.map +1 -0
- package/dist/esm/LucideIconsDemo.native.js +2 -43
- package/dist/esm/LucideIconsDemo.native.js.map +2 -2
- package/dist/esm/LucideIconsDemo.native.mjs +68 -0
- package/dist/esm/LucideIconsDemo.native.mjs.map +1 -0
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.native.js.map +1 -1
- package/dist/esm/NewInputsDemo.native.mjs +37 -0
- package/dist/esm/NewInputsDemo.native.mjs.map +1 -0
- package/dist/esm/PopoverDemo.native.js +6 -60
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.native.mjs +109 -0
- package/dist/esm/PopoverDemo.native.mjs.map +1 -0
- package/dist/esm/ProgressDemo.native.js +2 -43
- package/dist/esm/ProgressDemo.native.js.map +2 -2
- package/dist/esm/ProgressDemo.native.mjs +79 -0
- package/dist/esm/ProgressDemo.native.mjs.map +1 -0
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupDemo.native.mjs +47 -0
- package/dist/esm/RadioGroupDemo.native.mjs.map +1 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.js +32 -60
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/esm/RadioGroupHeadlessDemo.native.mjs +134 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.mjs.map +1 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.mjs +119 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.mjs.map +1 -0
- package/dist/esm/ReplaceThemeDemo.native.js +1 -42
- package/dist/esm/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/esm/ReplaceThemeDemo.native.mjs +44 -0
- package/dist/esm/ReplaceThemeDemo.native.mjs.map +1 -0
- package/dist/esm/ScrollViewDemo.native.mjs +51 -0
- package/dist/esm/ScrollViewDemo.native.mjs.map +1 -0
- package/dist/esm/SelectDemo.native.js +5 -80
- package/dist/esm/SelectDemo.native.js.map +2 -2
- package/dist/esm/SelectDemo.native.mjs +205 -0
- package/dist/esm/SelectDemo.native.mjs.map +1 -0
- package/dist/esm/SeparatorDemo.native.mjs +38 -0
- package/dist/esm/SeparatorDemo.native.mjs.map +1 -0
- package/dist/esm/ShapesDemo.native.mjs +19 -0
- package/dist/esm/ShapesDemo.native.mjs.map +1 -0
- package/dist/esm/SheetDemo.native.js +9 -84
- package/dist/esm/SheetDemo.native.js.map +2 -2
- package/dist/esm/SheetDemo.native.mjs +165 -0
- package/dist/esm/SheetDemo.native.mjs.map +1 -0
- package/dist/esm/SliderDemo.native.js +6 -59
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SliderDemo.native.mjs +36 -0
- package/dist/esm/SliderDemo.native.mjs.map +1 -0
- package/dist/esm/SpinnerDemo.native.mjs +18 -0
- package/dist/esm/SpinnerDemo.native.mjs.map +1 -0
- package/dist/esm/StacksDemo.native.mjs +82 -0
- package/dist/esm/StacksDemo.native.mjs.map +1 -0
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.native.mjs +72 -0
- package/dist/esm/SwitchDemo.native.mjs.map +1 -0
- package/dist/esm/SwitchHeadlessDemo.native.js +6 -81
- package/dist/esm/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/esm/SwitchHeadlessDemo.native.mjs +67 -0
- package/dist/esm/SwitchHeadlessDemo.native.mjs.map +1 -0
- package/dist/esm/SwitchUnstyledDemo.native.mjs +65 -0
- package/dist/esm/SwitchUnstyledDemo.native.mjs.map +1 -0
- package/dist/esm/TabsAdvancedDemo.native.js +35 -121
- package/dist/esm/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/esm/TabsAdvancedDemo.native.mjs +351 -0
- package/dist/esm/TabsAdvancedDemo.native.mjs.map +1 -0
- package/dist/esm/TabsDemo.native.js +11 -86
- package/dist/esm/TabsDemo.native.js.map +2 -2
- package/dist/esm/TabsDemo.native.mjs +169 -0
- package/dist/esm/TabsDemo.native.mjs.map +1 -0
- package/dist/esm/TextDemo.native.mjs +30 -0
- package/dist/esm/TextDemo.native.mjs.map +1 -0
- package/dist/esm/ThemeBuilderDemo.native.js +49 -56
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.native.mjs +155 -0
- package/dist/esm/ThemeBuilderDemo.native.mjs.map +1 -0
- package/dist/esm/ThemeInverseDemo.native.mjs +46 -0
- package/dist/esm/ThemeInverseDemo.native.mjs.map +1 -0
- package/dist/esm/ToastDemo.native.js +3 -44
- package/dist/esm/ToastDemo.native.js.map +2 -2
- package/dist/esm/ToastDemo.native.mjs +109 -0
- package/dist/esm/ToastDemo.native.mjs.map +1 -0
- package/dist/esm/ToastDuplicateDemo.native.js +4 -55
- package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.native.mjs +55 -0
- package/dist/esm/ToastDuplicateDemo.native.mjs.map +1 -0
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.mjs +76 -0
- package/dist/esm/ToggleGroupDemo.native.mjs.map +1 -0
- package/dist/esm/TokensDemo.native.js +16 -74
- package/dist/esm/TokensDemo.native.js.map +2 -2
- package/dist/esm/TokensDemo.native.mjs +110 -0
- package/dist/esm/TokensDemo.native.mjs.map +1 -0
- package/dist/esm/TooltipDemo.native.js +5 -57
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.native.mjs +103 -0
- package/dist/esm/TooltipDemo.native.mjs.map +1 -0
- package/dist/esm/UpdateThemeDemo.native.js +1 -42
- package/dist/esm/UpdateThemeDemo.native.js.map +2 -2
- package/dist/esm/UpdateThemeDemo.native.mjs +47 -0
- package/dist/esm/UpdateThemeDemo.native.mjs.map +1 -0
- package/dist/esm/WebNativeImageDemo.native.mjs +11 -0
- package/dist/esm/WebNativeImageDemo.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +58 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/dist/esm/tamagui.config.native.mjs +5 -0
- package/dist/esm/tamagui.config.native.mjs.map +1 -0
- package/dist/esm/useOnIntersecting.native.js +12 -83
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.native.mjs +74 -0
- package/dist/esm/useOnIntersecting.native.mjs.map +1 -0
- package/dist/jsx/AccordionDemo.native.js +2 -2
- package/dist/jsx/AccordionDemo.native.js.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +1 -42
- package/dist/jsx/AddThemeDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsDemo.native.js +6 -81
- package/dist/jsx/AnimationsDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.native.js +1 -42
- package/dist/jsx/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.native.js +2 -43
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/BuildAButtonDemo.native.js +56 -86
- package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
- package/dist/jsx/ButtonDemo.native.js +4 -38
- package/dist/jsx/ButtonDemo.native.js.map +1 -1
- package/dist/jsx/CardDemo.native.js +4 -38
- package/dist/jsx/CardDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxDemo.native.js +6 -60
- package/dist/jsx/CheckboxDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.native.js +6 -81
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/ColorsDemo.native.js +4 -4
- package/dist/jsx/ColorsDemo.native.js.map +2 -2
- package/dist/jsx/FormsDemo.native.js +1 -42
- package/dist/jsx/FormsDemo.native.js.map +2 -2
- package/dist/jsx/Grid.native.js +2 -2
- package/dist/jsx/Grid.native.js.map +1 -1
- package/dist/jsx/InputsDemo.native.js +1 -1
- package/dist/jsx/InputsDemo.native.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +2 -43
- package/dist/jsx/LucideIconsDemo.native.js.map +2 -2
- package/dist/jsx/NewInputsDemo.native.js +1 -1
- package/dist/jsx/NewInputsDemo.native.js.map +1 -1
- package/dist/jsx/PopoverDemo.native.js +6 -60
- package/dist/jsx/PopoverDemo.native.js.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +2 -43
- package/dist/jsx/ProgressDemo.native.js.map +2 -2
- package/dist/jsx/RadioGroupDemo.native.js +1 -1
- package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
- package/dist/jsx/RadioGroupHeadlessDemo.native.js +32 -60
- package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +1 -42
- package/dist/jsx/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/jsx/SelectDemo.native.js +5 -80
- package/dist/jsx/SelectDemo.native.js.map +2 -2
- package/dist/jsx/SheetDemo.native.js +9 -84
- package/dist/jsx/SheetDemo.native.js.map +2 -2
- package/dist/jsx/SliderDemo.native.js +6 -59
- package/dist/jsx/SliderDemo.native.js.map +1 -1
- package/dist/jsx/SwitchDemo.native.js +1 -1
- package/dist/jsx/SwitchDemo.native.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +6 -81
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.native.js +35 -121
- package/dist/jsx/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/jsx/TabsDemo.native.js +11 -86
- package/dist/jsx/TabsDemo.native.js.map +2 -2
- package/dist/jsx/ThemeBuilderDemo.native.js +49 -56
- package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/jsx/ToastDemo.native.js +3 -44
- package/dist/jsx/ToastDemo.native.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.native.js +4 -55
- package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.native.js +1 -1
- package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +16 -74
- package/dist/jsx/TokensDemo.native.js.map +2 -2
- package/dist/jsx/TooltipDemo.native.js +5 -57
- package/dist/jsx/TooltipDemo.native.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +1 -42
- package/dist/jsx/UpdateThemeDemo.native.js.map +2 -2
- package/dist/jsx/useOnIntersecting.native.js +8 -79
- package/dist/jsx/useOnIntersecting.native.js.map +1 -1
- package/package.json +19 -19
|
@@ -1,49 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Button, Form, H4, Spinner } from "tamagui";
|
|
4
|
-
function _array_like_to_array(arr, len) {
|
|
5
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
6
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
7
|
-
return arr2;
|
|
8
|
-
}
|
|
9
|
-
function _array_with_holes(arr) {
|
|
10
|
-
if (Array.isArray(arr)) return arr;
|
|
11
|
-
}
|
|
12
|
-
function _iterable_to_array_limit(arr, i) {
|
|
13
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
14
|
-
if (_i != null) {
|
|
15
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
16
|
-
try {
|
|
17
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
18
|
-
;
|
|
19
|
-
} catch (err) {
|
|
20
|
-
_d = !0, _e = err;
|
|
21
|
-
} finally {
|
|
22
|
-
try {
|
|
23
|
-
!_n && _i.return != null && _i.return();
|
|
24
|
-
} finally {
|
|
25
|
-
if (_d) throw _e;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
return _arr;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
function _non_iterable_rest() {
|
|
32
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
33
|
-
}
|
|
34
|
-
function _sliced_to_array(arr, i) {
|
|
35
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
36
|
-
}
|
|
37
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
38
|
-
if (o) {
|
|
39
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
40
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
41
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
42
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
4
|
function FormsDemo(props) {
|
|
46
|
-
var
|
|
5
|
+
var [status, setStatus] = React.useState("off");
|
|
47
6
|
return React.useEffect(function() {
|
|
48
7
|
if (status === "submitting") {
|
|
49
8
|
var timer = setTimeout(function() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/FormsDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,MAAMC,IAAIC,eAAe
|
|
5
|
-
"names": ["React", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,MAAMC,IAAIC,eAAe;AAEnC,SAASC,UAAUC,OAA2B;AACnD,MAAM,CAACC,QAAQC,SAAAA,IAAaR,MAAMS,SAA6C,KAAA;AAE/ET,eAAMU,UAAU,WAAA;AACd,QAAIH,WAAW,cAAc;AAC3B,UAAMI,QAAQC,WAAW,WAAA;eAAMJ,UAAU,KAAA;SAAQ,GAAA;AACjD,aAAO,WAAA;AACLK,qBAAaF,KAAAA;MACf;IACF;EACF,GAAG;IAACJ;GAAO,GAGT,sBAACL,MAAAA;IACCY,YAAW;IACXC,UAAU;IACVC,KAAI;IACJC,UAAU,WAAA;aAAMT,UAAU,YAAA;;IAC1BU,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,aAAY;IACZC,SAAQ;;MAER,qBAACnB,IAAAA;kBAAII,OAAO,CAAA,EAAGgB,YAAW,IAAKhB,OAAOiB,MAAM,CAAA;;MAE5C,qBAACtB,KAAKuB,SAAO;QAACC,SAAO;QAACC,UAAUpB,WAAW;kBACzC,qBAACN,QAAAA;UAAO2B,MAAMrB,WAAW,eAAe,WAAA;mBAAM,qBAACH,SAAAA,CAAAA,CAAAA;cAAayB;oBAAW;;;;;AAM/E;",
|
|
5
|
+
"names": ["React", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "status", "setStatus", "useState", "useEffect", "timer", "setTimeout", "clearTimeout", "alignItems", "minWidth", "gap", "onSubmit", "borderWidth", "borderRadius", "backgroundColor", "borderColor", "padding", "toUpperCase", "slice", "Trigger", "asChild", "disabled", "icon", "undefined"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Button, Form, H4, Spinner } from "tamagui";
|
|
4
|
+
function FormsDemo(props) {
|
|
5
|
+
var [status, setStatus] = React.useState("off");
|
|
6
|
+
return React.useEffect(function () {
|
|
7
|
+
if (status === "submitting") {
|
|
8
|
+
var timer = setTimeout(function () {
|
|
9
|
+
return setStatus("off");
|
|
10
|
+
}, 2e3);
|
|
11
|
+
return function () {
|
|
12
|
+
clearTimeout(timer);
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
}, [status]), /* @__PURE__ */_jsxs(Form, {
|
|
16
|
+
alignItems: "center",
|
|
17
|
+
minWidth: 300,
|
|
18
|
+
gap: "$2",
|
|
19
|
+
onSubmit: function () {
|
|
20
|
+
return setStatus("submitting");
|
|
21
|
+
},
|
|
22
|
+
borderWidth: 1,
|
|
23
|
+
borderRadius: "$4",
|
|
24
|
+
backgroundColor: "$background",
|
|
25
|
+
borderColor: "$borderColor",
|
|
26
|
+
padding: "$8",
|
|
27
|
+
children: [/* @__PURE__ */_jsx(H4, {
|
|
28
|
+
children: status[0].toUpperCase() + status.slice(1)
|
|
29
|
+
}), /* @__PURE__ */_jsx(Form.Trigger, {
|
|
30
|
+
asChild: !0,
|
|
31
|
+
disabled: status !== "off",
|
|
32
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
33
|
+
icon: status === "submitting" ? function () {
|
|
34
|
+
return /* @__PURE__ */_jsx(Spinner, {});
|
|
35
|
+
} : void 0,
|
|
36
|
+
children: "Submit"
|
|
37
|
+
})
|
|
38
|
+
})]
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
export { FormsDemo };
|
|
42
|
+
//# sourceMappingURL=FormsDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","Form","H4","Spinner","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","alignItems","minWidth","gap","onSubmit","borderWidth","borderRadius","backgroundColor","borderColor","padding","children","toUpperCase","slice"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS,MAAQ,OAAM;AAenB,SAWEC,MAXF,EAAAC,IAAA,EAAAC,EAAA,EAAAC,OAAA;AAbG,SAASC,UAAUC,KAAA,EAA6B;EACrD,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,MAA6C;EAE/E,OAAAT,KAAA,CAAMU,SAAA,CAAU,YAAM;IACpB,IAAIH,MAAA,KAAW,cAAc;MAC3B,IAAAI,KAAM,GAAAC,UAAQ,aAAiB;QAC/B,OAAOJ,SAAM;MACX;MACF;QACFK,YAAA,CAAAF,KAAA;MACE;IAGD;EAAA,IAAAJ,MACC,CAAW,GACX,eAAUR,KAAA,CAAAG,IAAA;IAAAY,UACN;IAAAC,QACJ,KAAU;IAA4BC,GACtC;IAAaC,QACb,WAAAA,CAAA,EAAa;MACb,OAAAT,SAAA,CAAgB;IAAA;IACJU,WACJ;IAAAC,YAER;IAAAC,eAAA,eAAK;IAA0CC,WAE/C,gBAAC;IAIDC,OAAA;IAAAC,QAAA,GACF,eAAA1B,IAAA,CAAAM,EAAA;MAEJoB,QAAA,EAAAhB,MAAA,IAAAiB,WAAA,KAAAjB,MAAA,CAAAkB,KAAA","ignoreList":[]}
|
package/dist/esm/Grid.native.js
CHANGED
|
@@ -3,7 +3,7 @@ import { isWeb } from "@tamagui/core";
|
|
|
3
3
|
import { XStack } from "@tamagui/stacks";
|
|
4
4
|
import React from "react";
|
|
5
5
|
function Grid(param) {
|
|
6
|
-
var
|
|
6
|
+
var { children, columns, itemMinWidth = 200, gap } = param;
|
|
7
7
|
if (isWeb)
|
|
8
8
|
return /* @__PURE__ */ _jsx("div", {
|
|
9
9
|
style: {
|
|
@@ -11,7 +11,7 @@ function Grid(param) {
|
|
|
11
11
|
display: "grid",
|
|
12
12
|
justifyContent: "stretch",
|
|
13
13
|
// gridTemplateRows: 'repeat(4, 1fr)',
|
|
14
|
-
gridTemplateColumns:
|
|
14
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
15
15
|
},
|
|
16
16
|
children: (
|
|
17
17
|
// gridTemplateColumns: '1fr 1fr',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/Grid.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AACvB,OAAOC,WAAW;AASX,SAASC,KAAK,OAAyD;
|
|
4
|
+
"mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AACvB,OAAOC,WAAW;AASX,SAASC,KAAK,OAAyD;MAAzD,EAAEC,UAAUC,SAASC,eAAe,KAAKC,IAAG,IAA5C;AACnB,MAAIP;AACF,WACE,qBAACQ,OAAAA;MACCC,OAAO;QACLF;QACAG,SAAS;QACTC,gBAAgB;;QAEhBC,qBAAqB,4BAA4BN,YAAAA;MAEnD;;;QAECF;;;AAKP,MAAMS,eAAeX,MAAMY,SAASC,QAAQX,QAAAA;AAE5C,SACE,qBAACH,QAAAA;IAAOe,YAAW;IAASL,gBAAe;IAASM,UAAS;cAC1DJ,aAAaK,IAAI,SAACC,OAAOC,GAAAA;AACxB,aAAKD,QAMH,qBAAClB,QAAAA;QAECoB,MAAM;QACNC,UAAUhB;QACViB,aAAahB;QACbiB,cAAcjB;kBAEbY;SANIC,CAAAA,IANA;IAeX,CAAA;;AAGN;",
|
|
5
5
|
"names": ["isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "div", "style", "display", "justifyContent", "gridTemplateColumns", "childrenList", "Children", "toArray", "alignItems", "flexWrap", "map", "child", "i", "flex", "minWidth", "marginRight", "marginBottom"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isWeb } from "@tamagui/core";
|
|
3
|
+
import { XStack } from "@tamagui/stacks";
|
|
4
|
+
import React from "react";
|
|
5
|
+
function Grid(param) {
|
|
6
|
+
var {
|
|
7
|
+
children,
|
|
8
|
+
columns,
|
|
9
|
+
itemMinWidth = 200,
|
|
10
|
+
gap
|
|
11
|
+
} = param;
|
|
12
|
+
if (isWeb) return /* @__PURE__ */_jsx("div", {
|
|
13
|
+
style: {
|
|
14
|
+
gap,
|
|
15
|
+
display: "grid",
|
|
16
|
+
justifyContent: "stretch",
|
|
17
|
+
// gridTemplateRows: 'repeat(4, 1fr)',
|
|
18
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
19
|
+
},
|
|
20
|
+
children:
|
|
21
|
+
// gridTemplateColumns: '1fr 1fr',
|
|
22
|
+
children
|
|
23
|
+
});
|
|
24
|
+
var childrenList = React.Children.toArray(children);
|
|
25
|
+
return /* @__PURE__ */_jsx(XStack, {
|
|
26
|
+
alignItems: "center",
|
|
27
|
+
justifyContent: "center",
|
|
28
|
+
flexWrap: "wrap",
|
|
29
|
+
children: childrenList.map(function (child, i) {
|
|
30
|
+
return child ? /* @__PURE__ */_jsx(XStack, {
|
|
31
|
+
flex: 1,
|
|
32
|
+
minWidth: itemMinWidth,
|
|
33
|
+
marginRight: gap,
|
|
34
|
+
marginBottom: gap,
|
|
35
|
+
children: child
|
|
36
|
+
}, i) : null;
|
|
37
|
+
})
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
export { Grid };
|
|
41
|
+
//# sourceMappingURL=Grid.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","alignItems","flexWrap","map","child","i","flex","minWidth","marginRight","marginBottom"],"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,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EACF,IAAAJ,KACE,SAAC,eAAAD,IAAA;IAAAU,KAAA;MACCD,GAAA;MAAOE,OACL;MAAAC,cACS;MAAA;MACOC,mBAAA,8BAAAL,YAAA;IAAA;IAE6CF,QAAA;IAE/D;IAECA;EACH;EAIJ,IAAAQ,YAAM,GAAAX,KAAe,CAAAY,QAAM,CAAAC,OAAS,CAAAV,QAAQ;EAE5C,OACE,eAAAN,IAAC,CAAAE,MAAA;IAQMe,UAAA;IAAAL,cAAA;IAAAM,QAEO;IAAAZ,QACN,EAAAQ,YAAU,CAAAK,GAAA,WAAAC,KAAA,EAAAC,CAAA;MACV,OAAAD,KAAA,GAAa,eAAApB,IAAA,CAAAE,MAAA;QACboB,IAAA;QAECC,QAAA,EAAAf,YAAA;QAAAgB,WAAA,EAAAf,GAAA;QANIgB,YAAA,EAAAhB,GAAA;QANAH,QAgBb,EAAAc;MAEJ,GAAAC,CAAA","ignoreList":[]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
3
|
+
import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
|
|
4
|
+
function GroupDemo() {
|
|
5
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
6
|
+
padding: "$3",
|
|
7
|
+
space: "$2",
|
|
8
|
+
alignItems: "center",
|
|
9
|
+
children: [/* @__PURE__ */_jsxs(Group, {
|
|
10
|
+
orientation: "horizontal",
|
|
11
|
+
children: [/* @__PURE__ */_jsx(Group.Item, {
|
|
12
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
13
|
+
children: "First"
|
|
14
|
+
})
|
|
15
|
+
}), /* @__PURE__ */_jsx(Group.Item, {
|
|
16
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
17
|
+
children: "Second"
|
|
18
|
+
})
|
|
19
|
+
}), /* @__PURE__ */_jsx(Group.Item, {
|
|
20
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
21
|
+
children: "Third"
|
|
22
|
+
})
|
|
23
|
+
})]
|
|
24
|
+
}), /* responsive + size */
|
|
25
|
+
/* @__PURE__ */_jsxs(XGroup, {
|
|
26
|
+
size: "$3",
|
|
27
|
+
$gtSm: {
|
|
28
|
+
size: "$5"
|
|
29
|
+
},
|
|
30
|
+
children: [/* @__PURE__ */_jsx(XGroup.Item, {
|
|
31
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
32
|
+
size: "$3",
|
|
33
|
+
icon: Activity,
|
|
34
|
+
children: "First"
|
|
35
|
+
})
|
|
36
|
+
}), /* @__PURE__ */_jsx(XGroup.Item, {
|
|
37
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
38
|
+
size: "$3",
|
|
39
|
+
icon: Airplay,
|
|
40
|
+
children: "Second"
|
|
41
|
+
})
|
|
42
|
+
})]
|
|
43
|
+
}), /* Separator */
|
|
44
|
+
/* @__PURE__ */_jsxs(YGroup, {
|
|
45
|
+
separator: /* @__PURE__ */_jsx(Separator, {}),
|
|
46
|
+
children: [/* @__PURE__ */_jsx(YGroup.Item, {
|
|
47
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
48
|
+
title: "First"
|
|
49
|
+
})
|
|
50
|
+
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
51
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
52
|
+
title: "Second",
|
|
53
|
+
subTitle: "Second subtitle"
|
|
54
|
+
})
|
|
55
|
+
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
56
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
57
|
+
children: "Third"
|
|
58
|
+
})
|
|
59
|
+
})]
|
|
60
|
+
})]
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
export { GroupDemo };
|
|
64
|
+
//# sourceMappingURL=GroupDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Activity","Airplay","Button","Group","ListItem","Separator","XGroup","YGroup","YStack","GroupDemo","padding","space","alignItems","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,uBAAmB;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,OAAA;IACEC,KAAA;IAEAC,UACA;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,IAGA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAEJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UACFW,QAAA;QAEJ","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
|
|
4
|
+
function HeadingsDemo() {
|
|
5
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
6
|
+
alignSelf: "center",
|
|
7
|
+
children: [/* @__PURE__ */_jsx(H1, {
|
|
8
|
+
children: "Heading 1"
|
|
9
|
+
}), /* @__PURE__ */_jsx(H2, {
|
|
10
|
+
children: "Heading 2"
|
|
11
|
+
}), /* @__PURE__ */_jsx(H3, {
|
|
12
|
+
children: "Heading 3"
|
|
13
|
+
}), /* @__PURE__ */_jsx(H4, {
|
|
14
|
+
children: "Heading 4"
|
|
15
|
+
}), /* @__PURE__ */_jsx(H5, {
|
|
16
|
+
children: "Heading 5"
|
|
17
|
+
}), /* @__PURE__ */_jsx(H6, {
|
|
18
|
+
children: "Heading 6"
|
|
19
|
+
})]
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
export { HeadingsDemo };
|
|
23
|
+
//# sourceMappingURL=HeadingsDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","H1","H2","H3","H4","H5","H6","YStack","HeadingsDemo","alignSelf","children"],"sources":["../../src/HeadingsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAIC,IAAI,EAAIC,IAAI,IAAIC,KAAI,2BAAc;AAI3C;AAFG,SAASC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAeC,EAAA,EAAAC,EAAA,EAAAC,MAAA;AAC7B,SACEC,aAAA;EACE,sBAACR,KAAG,CAAAO,MAAA;IACJE,SAAA;IACAC,QAAA,GACA,eAAAZ,IAAC,CAAAG,EAAA,EAAG;MACJS,QAAA;IACA,IACF,eAAAZ,IAAA,CAAAI,EAAA;MAEJQ,QAAA","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Image } from "tamagui";
|
|
3
|
+
function ImageDemo() {
|
|
4
|
+
return /* @__PURE__ */_jsx(Image, {
|
|
5
|
+
source: {
|
|
6
|
+
uri: "https://picsum.photos/200/300",
|
|
7
|
+
width: 200,
|
|
8
|
+
height: 300
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
export { ImageDemo };
|
|
13
|
+
//# sourceMappingURL=ImageDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Image","ImageDemo","source","uri","width","height"],"sources":["../../src/ImageDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AAIlB,SAAAC,KAAA;AAFG,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAF,IAAA,CAAAC,KAAA;IAACE,MAAA;MAAAC,GAAA;MACCC,KAAA,KAAQ;MAAAC,MACN,EAAK;IAAA;EACE;AACC;AACV,SACFJ,SAAA","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/InputsDemo.tsx"],
|
|
4
|
-
"mappings": ";AACA,SAASA,QAAQC,OAAOC,UAAUC,QAAQC,cAAc;AAEjD,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IACCE,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;;MAER,qBAACC,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACX,UAAAA;QAASY,aAAY;;;;AAG5B;AAEA,SAASF,UAAUG,OAA2B;AAC5C,SACE,sBAACZ,QAAAA;IAAOa,YAAW;IAASP,OAAM;;MAChC,qBAACR,OAAAA;QAAMgB,MAAM;QAAGJ,MAAME,MAAMF;QAAMC,
|
|
4
|
+
"mappings": ";AACA,SAASA,QAAQC,OAAOC,UAAUC,QAAQC,cAAc;AAEjD,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IACCE,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;;MAER,qBAACC,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACX,UAAAA;QAASY,aAAY;;;;AAG5B;AAEA,SAASF,UAAUG,OAA2B;AAC5C,SACE,sBAACZ,QAAAA;IAAOa,YAAW;IAASP,OAAM;;MAChC,qBAACR,OAAAA;QAAMgB,MAAM;QAAGJ,MAAME,MAAMF;QAAMC,aAAa,QAAQC,MAAMF,IAAI;;MACjE,qBAACb,QAAAA;QAAOa,MAAME,MAAMF;kBAAM;;;;AAGhC;",
|
|
5
5
|
"names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "placeholder", "props", "alignItems", "flex"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button, Input, TextArea, XStack, YStack } from "tamagui";
|
|
3
|
+
function InputsDemo() {
|
|
4
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
5
|
+
width: 200,
|
|
6
|
+
minHeight: 250,
|
|
7
|
+
overflow: "hidden",
|
|
8
|
+
space: "$2",
|
|
9
|
+
margin: "$3",
|
|
10
|
+
padding: "$2",
|
|
11
|
+
children: [/* @__PURE__ */_jsx(InputDemo, {
|
|
12
|
+
size: "$2"
|
|
13
|
+
}), /* @__PURE__ */_jsx(InputDemo, {
|
|
14
|
+
size: "$3"
|
|
15
|
+
}), /* @__PURE__ */_jsx(InputDemo, {
|
|
16
|
+
size: "$4"
|
|
17
|
+
}), /* @__PURE__ */_jsx(TextArea, {
|
|
18
|
+
placeholder: "Enter your details..."
|
|
19
|
+
})]
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
function InputDemo(props) {
|
|
23
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
24
|
+
alignItems: "center",
|
|
25
|
+
space: "$2",
|
|
26
|
+
children: [/* @__PURE__ */_jsx(Input, {
|
|
27
|
+
flex: 1,
|
|
28
|
+
size: props.size,
|
|
29
|
+
placeholder: `Size ${props.size}...`
|
|
30
|
+
}), /* @__PURE__ */_jsx(Button, {
|
|
31
|
+
size: props.size,
|
|
32
|
+
children: "Go"
|
|
33
|
+
})]
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
export { InputsDemo };
|
|
37
|
+
//# sourceMappingURL=InputsDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Input","TextArea","XStack","YStack","InputsDemo","width","minHeight","overflow","space","margin","padding","children","InputDemo","size","placeholder","props"],"sources":["../../src/InputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAO,IAAAC,KAAU,QAAQ,mBAAc;AAIpD,SAQEC,MARF,EAAAC,KAAA,EAAAC,QAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAN,KAAA,CAAAK,MAAA;IAACE,KAAA;IAAAC,SAAA;IAAAC,QACC,EAAO;IAAAC,KACP;IAAWC,MACX,MAAS;IAAAC,OACT,EAAM;IAAAC,QACN,EAAO,CACP,eAAQf,IAAA,CAAAgB,SAAA;MAERC,IAAA;IAAA,IAAqB,eACrBjB,IAAA,CAAAgB,SAAC;MACDC,IAAA;IAAqB,EACrB,EAA8C,eAAAjB,IAAA,CAAAgB,SAAA;MAAAC,IAAA;IAChD,IAEJ,eAAAjB,IAAA,CAAAK,QAAA;MAEAa,WAAmB;IACjB;EAE4E,EACxE;AAA4B;AAGlC,SAAAF,UAAAG,KAAA","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Input, Label, Switch, XStack, YStack } from "tamagui";
|
|
3
|
+
function LabelDemo() {
|
|
4
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
5
|
+
padding: "$3",
|
|
6
|
+
minWidth: 300,
|
|
7
|
+
space: "$4",
|
|
8
|
+
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
space: "$4",
|
|
11
|
+
children: [/* @__PURE__ */_jsx(Label, {
|
|
12
|
+
width: 90,
|
|
13
|
+
htmlFor: "name",
|
|
14
|
+
children: "Name"
|
|
15
|
+
}), /* @__PURE__ */_jsx(Input, {
|
|
16
|
+
flex: 1,
|
|
17
|
+
id: "name",
|
|
18
|
+
defaultValue: "Nate Wienert"
|
|
19
|
+
})]
|
|
20
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
21
|
+
alignItems: "center",
|
|
22
|
+
space: "$4",
|
|
23
|
+
children: [/* @__PURE__ */_jsx(Label, {
|
|
24
|
+
width: 90,
|
|
25
|
+
htmlFor: "notify",
|
|
26
|
+
children: "Notifications"
|
|
27
|
+
}), /* @__PURE__ */_jsx(Switch, {
|
|
28
|
+
id: "notify",
|
|
29
|
+
children: /* @__PURE__ */_jsx(Switch.Thumb, {
|
|
30
|
+
animation: "quick"
|
|
31
|
+
})
|
|
32
|
+
})]
|
|
33
|
+
})]
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
export { LabelDemo };
|
|
37
|
+
//# sourceMappingURL=LabelDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Input","Label","Switch","XStack","YStack","LabelDemo","padding","minWidth","space","children","alignItems","width"],"sources":["../../src/LabelDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAO,IAAAC,KAAQ,QAAQ,mBAAc;AAK/C,SACEC,KADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAN,KAAC,CAAAK,MAAA;IACCE,OAAA;IACEC,QAAA;IAEAC,KACA;IAAsDC,QACxD,GAEA,eAAAV,KAAC,CAAAI,MAAA,EAAO;MACNO,UAAA,UAAC;MAGDF,KAAA;MAGFC,QAAA,GACF,eAAAZ,IAAA,CAAAI,KAAA;QAEJU,KAAA","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { XStack } from "tamagui";
|
|
3
|
+
import { LinearGradient } from "tamagui/linear-gradient";
|
|
4
|
+
function LinearGradientDemo() {
|
|
5
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
6
|
+
space: !0,
|
|
7
|
+
children: [/* tokens */
|
|
8
|
+
/* @__PURE__ */_jsx(LinearGradient, {
|
|
9
|
+
width: "$6",
|
|
10
|
+
height: "$6",
|
|
11
|
+
borderRadius: "$4",
|
|
12
|
+
colors: ["$red10", "$yellow10"],
|
|
13
|
+
start: [0, 1],
|
|
14
|
+
end: [0, 0]
|
|
15
|
+
}), /* theme values */
|
|
16
|
+
/* @__PURE__ */_jsx(LinearGradient, {
|
|
17
|
+
width: "$6",
|
|
18
|
+
height: "$6",
|
|
19
|
+
borderRadius: "$4",
|
|
20
|
+
colors: ["$background", "$color"],
|
|
21
|
+
start: [1, 1],
|
|
22
|
+
end: [0, 0]
|
|
23
|
+
})]
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
export { LinearGradientDemo };
|
|
27
|
+
//# sourceMappingURL=LinearGradientDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","LinearGradient","LinearGradientDemo","space","children","width","height","borderRadius","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,iBAAsB;AAI3B,SAEEC,cAFF;AAFG,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAH,KAAC,CAAAC,MAAA;IAECG,KAAA;IAAAC,QAAC;IAAA,eACOP,IAAA,CAAAI,cAAA;MACNI,KAAA,MAAO;MACPC,MAAA;MACAC,YAAS;MACTC,MAAA,EAAQ,CACR,QAAU,cACZ;MAGAC,KAAA,GAAC,KACC;MACAC,GAAA,GACA,GACA;IACY,EACZ,EAAU;IACZ,eAAAb,IAAA,CAAAI,cAAA;MACFI,KAAA;MAEJC,MAAA","ignoreList":[]}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
|
|
3
|
+
import { ListItem, Separator, XStack, YGroup } from "tamagui";
|
|
4
|
+
function ListItemDemo() {
|
|
5
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
6
|
+
$sm: {
|
|
7
|
+
flexDirection: "column"
|
|
8
|
+
},
|
|
9
|
+
paddingHorizontal: "$4",
|
|
10
|
+
space: !0,
|
|
11
|
+
children: [/* @__PURE__ */_jsx(ListItemDemo1, {}), /* @__PURE__ */_jsx(ListItemDemo2, {})]
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
function ListItemDemo1() {
|
|
15
|
+
return /* @__PURE__ */_jsxs(YGroup, {
|
|
16
|
+
alignSelf: "center",
|
|
17
|
+
bordered: !0,
|
|
18
|
+
width: 240,
|
|
19
|
+
size: "$4",
|
|
20
|
+
children: [/* @__PURE__ */_jsx(YGroup.Item, {
|
|
21
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
22
|
+
hoverTheme: !0,
|
|
23
|
+
icon: Star,
|
|
24
|
+
title: "Star",
|
|
25
|
+
subTitle: "Twinkles"
|
|
26
|
+
})
|
|
27
|
+
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
28
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
29
|
+
hoverTheme: !0,
|
|
30
|
+
icon: Moon,
|
|
31
|
+
children: "Moon"
|
|
32
|
+
})
|
|
33
|
+
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
34
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
35
|
+
hoverTheme: !0,
|
|
36
|
+
icon: Sun,
|
|
37
|
+
children: "Sun"
|
|
38
|
+
})
|
|
39
|
+
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
40
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
41
|
+
hoverTheme: !0,
|
|
42
|
+
icon: Cloud,
|
|
43
|
+
children: "Cloud"
|
|
44
|
+
})
|
|
45
|
+
})]
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
function ListItemDemo2() {
|
|
49
|
+
return /* @__PURE__ */_jsxs(YGroup, {
|
|
50
|
+
alignSelf: "center",
|
|
51
|
+
bordered: !0,
|
|
52
|
+
width: 240,
|
|
53
|
+
size: "$5",
|
|
54
|
+
separator: /* @__PURE__ */_jsx(Separator, {}),
|
|
55
|
+
children: [/* @__PURE__ */_jsx(YGroup.Item, {
|
|
56
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
57
|
+
hoverTheme: !0,
|
|
58
|
+
pressTheme: !0,
|
|
59
|
+
title: "Star",
|
|
60
|
+
subTitle: "Subtitle",
|
|
61
|
+
icon: Star,
|
|
62
|
+
iconAfter: ChevronRight
|
|
63
|
+
})
|
|
64
|
+
}), /* @__PURE__ */_jsx(YGroup.Item, {
|
|
65
|
+
children: /* @__PURE__ */_jsx(ListItem, {
|
|
66
|
+
hoverTheme: !0,
|
|
67
|
+
pressTheme: !0,
|
|
68
|
+
title: "Moon",
|
|
69
|
+
subTitle: "Subtitle",
|
|
70
|
+
icon: Moon,
|
|
71
|
+
iconAfter: ChevronRight
|
|
72
|
+
})
|
|
73
|
+
})]
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
export { ListItemDemo };
|
|
77
|
+
//# sourceMappingURL=ListItemDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","XStack","YGroup","ListItemDemo","$sm","flexDirection","paddingHorizontal","space","children","ListItemDemo1","ListItemDemo2","alignSelf","bordered","width","size","Item","hoverTheme","icon","title","subTitle"],"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,IAAQ,EAAAC,GAAA,QAAc;AAIhD,SACEC,QADF,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAV,KAAC,CAAAQ,MAAA;IACCG,GAAA;MACAC,aAAA;IAAe,CACjB;IAEJC,iBAAA;IAEAC,KAAS;IACPC,QACE,GACE,eAAAjB,IAAC,CAAAkB,aACC,OAEF,eAAAlB,IAAC,CAAAmB,aACC;EAQF,EACA;AAIA;AAGN,SAAAD,cAAA;EAEA,OAAS,eAAgBhB,KAAA,CAAAS,MAAA;IACvBS,SACE;IACEC,QAAA;IACEC,KAAC;IAAAC,IAAA;IAAAN,QACC,GAAU,eACAjB,IAAA,CAAAW,MAAA,CAAAa,IAAA;MACVP,QAAM,iBAAAjB,IAAA,CAAAQ,QAAA;QACNiB,UAAS;QACTC,IAAM,EAAApB,IAAA;QACNqB,KAAA,QAAW;QAAAC,QAAA;MAEf;IACA,IACG,eAAA5B,IAAA,CAAAW,MAAA,CAAAa,IAAA;MAAAP,QAAA,iBAAAjB,IAAA,CAAAQ,QAAA;QACCiB,UAAU;QACVC,IAAA,EAAArB,IAAU;QACVY,QAAM;MACN;IAAS,EACT,EAAM,eACKjB,IAAA,CAAAW,MAAA,CAAAa,IAAA;MAAAP,QAAA,iBAAAjB,IAAA,CAAAQ,QAAA;QAEfiB,UAAA;QACFC,IAAA,EAAAnB,GAAA;QAEJU,QAAA","ignoreList":[]}
|
|
@@ -4,47 +4,6 @@ import * as LucideIcons from "@tamagui/lucide-icons";
|
|
|
4
4
|
import { ScrollView } from "react-native";
|
|
5
5
|
import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
|
|
6
6
|
import { Grid } from "./Grid";
|
|
7
|
-
function _array_like_to_array(arr, len) {
|
|
8
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
9
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
10
|
-
return arr2;
|
|
11
|
-
}
|
|
12
|
-
function _array_with_holes(arr) {
|
|
13
|
-
if (Array.isArray(arr)) return arr;
|
|
14
|
-
}
|
|
15
|
-
function _iterable_to_array_limit(arr, i) {
|
|
16
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
17
|
-
if (_i != null) {
|
|
18
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
19
|
-
try {
|
|
20
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
21
|
-
;
|
|
22
|
-
} catch (err) {
|
|
23
|
-
_d = !0, _e = err;
|
|
24
|
-
} finally {
|
|
25
|
-
try {
|
|
26
|
-
!_n && _i.return != null && _i.return();
|
|
27
|
-
} finally {
|
|
28
|
-
if (_d) throw _e;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return _arr;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
function _non_iterable_rest() {
|
|
35
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
36
|
-
}
|
|
37
|
-
function _sliced_to_array(arr, i) {
|
|
38
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
39
|
-
}
|
|
40
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
41
|
-
if (o) {
|
|
42
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
43
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
44
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
45
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
7
|
var lucideIcons = Object.keys(
|
|
49
8
|
// vite tree shaking workaround
|
|
50
9
|
typeof LucideIcons < "u" ? LucideIcons : {}
|
|
@@ -56,11 +15,11 @@ var lucideIcons = Object.keys(
|
|
|
56
15
|
};
|
|
57
16
|
});
|
|
58
17
|
function LucideIconsDemo() {
|
|
59
|
-
var
|
|
18
|
+
var [searchRaw, setSearch] = React.useState(""), search = useDebounceValue(searchRaw, 400), size = 100, iconsMemo = React.useMemo(function() {
|
|
60
19
|
return lucideIcons.filter(function(x) {
|
|
61
20
|
return x.key.includes(search.toLowerCase());
|
|
62
21
|
}).map(function(param) {
|
|
63
|
-
var
|
|
22
|
+
var { Icon, name } = param;
|
|
64
23
|
return /* @__PURE__ */ _jsxs(YStack, {
|
|
65
24
|
height: size + 20,
|
|
66
25
|
alignItems: "center",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/LucideIconsDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAClB,YAAYC,iBAAiB;AAE7B,SAASC,kBAAkB;AAC3B,SAASC,OAAOC,WAAWC,QAAQC,QAAQC,wBAAwB;AAEnE,SAASC,YAAY
|
|
5
|
-
"names": ["React", "LucideIcons", "ScrollView", "Input", "Paragraph", "Spacer", "YStack", "useDebounceValue", "Grid", "lucideIcons", "Object", "keys", "map", "name", "key", "toLowerCase", "Icon", "LucideIconsDemo", "
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAClB,YAAYC,iBAAiB;AAE7B,SAASC,kBAAkB;AAC3B,SAASC,OAAOC,WAAWC,QAAQC,QAAQC,wBAAwB;AAEnE,SAASC,YAAY;AAErB,IAAMC,cAAcC,OAAOC;;EAEzB,OAAOV,cAAgB,MAAcA,cAAc,CAAC;AAAA,EACpDW,IAAI,SAACC,MAAAA;SAAU;IACfC,KAAKD,KAAKE,YAAW;IACrBF;IACAG,MAAMf,YAAYY,IAAAA;EACpB;;AAEO,SAASI,kBAAAA;AACd,MAAM,CAACC,WAAWC,SAAAA,IAAanB,MAAMoB,SAAS,EAAA,GACxCC,SAASd,iBAAiBW,WAAW,GAAA,GAErCI,OAAO,KAEPC,YAAYvB,MAAMwB,QACtB,WAAA;WACEf,YACGgB,OAAO,SAACC,GAAAA;aAAMA,EAAEZ,IAAIa,SAASN,OAAON,YAAW,CAAA;OAC/CH,IAAI,SAAA,OAAA;UAAC,EAAEI,MAAMH,KAAI,IAAE;aAClB,sBAACP,QAAAA;QACCsB,QAAQN,OAAO;QACfO,YAAW;QACXC,gBAAe;;UAGf,qBAACd,MAAAA;YAAKM,MAAMA,OAAO;;UACnB,qBAACjB,QAAAA,CAAAA,CAAAA;UACD,qBAACD,WAAAA;YACCwB,QAAO;YACPG,UAAS;YACTC,UAAS;YACTC,WAAU;YACVC,mBAAkB;YAClBZ,MAAK;YACLa,SAAS;sBAERtB;;;SAbEA,IAAAA;;KAiBb;IAACQ;GAAO;AAGV,SACE,sBAACf,QAAAA;IAAO8B,UAAS;IAAOC,SAAQ;IAAKC,eAAc;IAAKC,OAAK;;MAC3D,qBAACpC,OAAAA;QAAMqC,OAAOtB;QAAWuB,cAActB;QAAWuB,aAAY;;MAE9D,qBAACpC,QAAAA;QAAOsB,QAAQ;kBACd,qBAAC1B,YAAAA;oBACC,qBAACM,MAAAA;YAAKmC,cAAcrB;sBAAOC;;;;;;AAKrC;",
|
|
5
|
+
"names": ["React", "LucideIcons", "ScrollView", "Input", "Paragraph", "Spacer", "YStack", "useDebounceValue", "Grid", "lucideIcons", "Object", "keys", "map", "name", "key", "toLowerCase", "Icon", "LucideIconsDemo", "searchRaw", "setSearch", "useState", "search", "size", "iconsMemo", "useMemo", "filter", "x", "includes", "height", "alignItems", "justifyContent", "wordWrap", "maxWidth", "textAlign", "paddingHorizontal", "opacity", "minWidth", "padding", "paddingBottom", "space", "value", "onChangeText", "placeholder", "itemMinWidth"]
|
|
6
6
|
}
|