@tamagui/demos 1.89.26 → 1.89.27-1708113113238
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.native.js +32 -17
- package/dist/cjs/AccordionDemo.native.js.map +3 -3
- package/dist/cjs/AddThemeDemo.native.js +71 -26
- package/dist/cjs/AddThemeDemo.native.js.map +3 -3
- package/dist/cjs/AlertDialogDemo.native.js +55 -46
- package/dist/cjs/AlertDialogDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsDemo.native.js +102 -41
- package/dist/cjs/AnimationsDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsEnterDemo.native.js +80 -25
- package/dist/cjs/AnimationsEnterDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsHoverDemo.native.js +16 -18
- package/dist/cjs/AnimationsHoverDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsPresenceDemo.native.js +124 -58
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsTimingDemo.native.js +15 -17
- package/dist/cjs/AnimationsTimingDemo.native.js.map +3 -3
- package/dist/cjs/AvatarDemo.native.js +32 -25
- package/dist/cjs/AvatarDemo.native.js.map +3 -3
- package/dist/cjs/BuildAButtonDemo.native.js +96 -24
- package/dist/cjs/BuildAButtonDemo.native.js.map +3 -3
- package/dist/cjs/ButtonDemo.native.js +54 -17
- package/dist/cjs/ButtonDemo.native.js.map +3 -3
- package/dist/cjs/CardDemo.native.js +66 -38
- package/dist/cjs/CardDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxDemo.native.js +69 -16
- package/dist/cjs/CheckboxDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxHeadlessDemo.native.js +103 -32
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxUnstyledDemo.native.js +14 -6
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +3 -3
- package/dist/cjs/ColorsDemo.native.js +106 -70
- package/dist/cjs/ColorsDemo.native.js.map +3 -3
- package/dist/cjs/DialogDemo.native.js +103 -74
- package/dist/cjs/DialogDemo.native.js.map +3 -3
- package/dist/cjs/FormsDemo.native.js +76 -23
- package/dist/cjs/FormsDemo.native.js.map +3 -3
- package/dist/cjs/Grid.native.js +22 -24
- package/dist/cjs/Grid.native.js.map +3 -3
- package/dist/cjs/GroupDemo.native.js +26 -17
- package/dist/cjs/GroupDemo.native.js.map +3 -3
- package/dist/cjs/HeadingsDemo.native.js +14 -11
- package/dist/cjs/HeadingsDemo.native.js.map +3 -3
- package/dist/cjs/ImageDemo.native.js +7 -10
- package/dist/cjs/ImageDemo.native.js.map +3 -3
- package/dist/cjs/InputsDemo.native.js +27 -22
- package/dist/cjs/InputsDemo.native.js.map +3 -3
- package/dist/cjs/LabelDemo.native.js +26 -11
- package/dist/cjs/LabelDemo.native.js.map +3 -3
- package/dist/cjs/LinearGradientDemo.native.js +36 -25
- package/dist/cjs/LinearGradientDemo.native.js.map +3 -3
- package/dist/cjs/ListItemDemo.native.js +49 -35
- package/dist/cjs/ListItemDemo.native.js.map +3 -3
- package/dist/cjs/LucideIconsDemo.native.js +92 -37
- package/dist/cjs/LucideIconsDemo.native.js.map +3 -3
- package/dist/cjs/PopoverDemo.native.js +127 -60
- package/dist/cjs/PopoverDemo.native.js.map +3 -3
- package/dist/cjs/ProgressDemo.native.js +102 -46
- package/dist/cjs/ProgressDemo.native.js.map +3 -3
- package/dist/cjs/RadioGroupDemo.native.js +35 -11
- package/dist/cjs/RadioGroupDemo.native.js.map +3 -3
- package/dist/cjs/ReplaceThemeDemo.native.js +71 -20
- package/dist/cjs/ReplaceThemeDemo.native.js.map +3 -3
- package/dist/cjs/ScrollViewDemo.native.js +44 -21
- package/dist/cjs/ScrollViewDemo.native.js.map +3 -3
- package/dist/cjs/SelectDemo.native.js +272 -156
- package/dist/cjs/SelectDemo.native.js.map +3 -3
- package/dist/cjs/SeparatorDemo.native.js +31 -15
- package/dist/cjs/SeparatorDemo.native.js.map +3 -3
- package/dist/cjs/ShapesDemo.native.js +13 -5
- package/dist/cjs/ShapesDemo.native.js.map +3 -3
- package/dist/cjs/SheetDemo.native.js +217 -91
- package/dist/cjs/SheetDemo.native.js.map +3 -3
- package/dist/cjs/SliderDemo.native.js +64 -11
- package/dist/cjs/SliderDemo.native.js.map +3 -3
- package/dist/cjs/SpinnerDemo.native.js +12 -5
- package/dist/cjs/SpinnerDemo.native.js.map +3 -3
- package/dist/cjs/StacksDemo.native.js +82 -73
- package/dist/cjs/StacksDemo.native.js.map +3 -3
- package/dist/cjs/SwitchDemo.native.js +57 -31
- package/dist/cjs/SwitchDemo.native.js.map +3 -3
- package/dist/cjs/SwitchHeadlessDemo.native.js +118 -47
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +3 -3
- package/dist/cjs/SwitchUnstyledDemo.native.js +16 -6
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +3 -3
- package/dist/cjs/TabsAdvancedDemo.native.js +322 -229
- package/dist/cjs/TabsAdvancedDemo.native.js.map +3 -3
- package/dist/cjs/TabsDemo.native.js +160 -86
- package/dist/cjs/TabsDemo.native.js.map +3 -3
- package/dist/cjs/TextDemo.native.js +28 -11
- package/dist/cjs/TextDemo.native.js.map +3 -3
- package/dist/cjs/ThemeBuilderDemo.native.js +152 -125
- package/dist/cjs/ThemeBuilderDemo.native.js.map +3 -3
- package/dist/cjs/ThemeInverseDemo.native.js +26 -32
- package/dist/cjs/ThemeInverseDemo.native.js.map +3 -3
- package/dist/cjs/ToastDemo.native.js +126 -79
- package/dist/cjs/ToastDemo.native.js.map +3 -3
- package/dist/cjs/ToastDuplicateDemo.native.js +93 -32
- package/dist/cjs/ToastDuplicateDemo.native.js.map +3 -3
- package/dist/cjs/ToggleGroupDemo.native.js +56 -39
- package/dist/cjs/ToggleGroupDemo.native.js.map +3 -3
- package/dist/cjs/TokensDemo.native.js +132 -52
- package/dist/cjs/TokensDemo.native.js.map +3 -3
- package/dist/cjs/TooltipDemo.native.js +103 -43
- package/dist/cjs/TooltipDemo.native.js.map +3 -3
- package/dist/cjs/UpdateThemeDemo.native.js +73 -24
- package/dist/cjs/UpdateThemeDemo.native.js.map +3 -3
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/cjs/tamagui.config.native.js.map +3 -3
- package/dist/cjs/useOnIntersecting.native.js +137 -34
- package/dist/cjs/useOnIntersecting.native.js.map +3 -3
- package/dist/esm/AccordionDemo.native.js +31 -17
- package/dist/esm/AccordionDemo.native.js.map +3 -3
- package/dist/esm/AddThemeDemo.native.js +70 -26
- package/dist/esm/AddThemeDemo.native.js.map +3 -3
- package/dist/esm/AlertDialogDemo.native.js +54 -46
- package/dist/esm/AlertDialogDemo.native.js.map +3 -3
- package/dist/esm/AnimationsDemo.native.js +101 -41
- package/dist/esm/AnimationsDemo.native.js.map +3 -3
- package/dist/esm/AnimationsEnterDemo.native.js +79 -25
- package/dist/esm/AnimationsEnterDemo.native.js.map +3 -3
- package/dist/esm/AnimationsHoverDemo.native.js +15 -18
- package/dist/esm/AnimationsHoverDemo.native.js.map +3 -3
- package/dist/esm/AnimationsPresenceDemo.native.js +123 -58
- package/dist/esm/AnimationsPresenceDemo.native.js.map +3 -3
- package/dist/esm/AnimationsTimingDemo.native.js +14 -17
- package/dist/esm/AnimationsTimingDemo.native.js.map +3 -3
- package/dist/esm/AvatarDemo.native.js +22 -23
- package/dist/esm/AvatarDemo.native.js.map +3 -3
- package/dist/esm/BuildAButtonDemo.native.js +95 -24
- package/dist/esm/BuildAButtonDemo.native.js.map +3 -3
- package/dist/esm/ButtonDemo.native.js +53 -17
- package/dist/esm/ButtonDemo.native.js.map +3 -3
- package/dist/esm/CardDemo.native.js +65 -38
- package/dist/esm/CardDemo.native.js.map +3 -3
- package/dist/esm/CheckboxDemo.native.js +68 -16
- package/dist/esm/CheckboxDemo.native.js.map +3 -3
- package/dist/esm/CheckboxHeadlessDemo.native.js +102 -32
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +3 -3
- package/dist/esm/CheckboxUnstyledDemo.native.js +14 -6
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +3 -3
- package/dist/esm/ColorsDemo.native.js +107 -80
- package/dist/esm/ColorsDemo.native.js.map +3 -3
- package/dist/esm/DialogDemo.native.js +103 -87
- package/dist/esm/DialogDemo.native.js.map +3 -3
- package/dist/esm/FormsDemo.native.js +75 -23
- package/dist/esm/FormsDemo.native.js.map +3 -3
- package/dist/esm/Grid.mjs +0 -1
- package/dist/esm/Grid.native.js +21 -24
- package/dist/esm/Grid.native.js.map +3 -3
- package/dist/esm/GroupDemo.native.js +25 -17
- package/dist/esm/GroupDemo.native.js.map +3 -3
- package/dist/esm/HeadingsDemo.native.js +4 -9
- package/dist/esm/HeadingsDemo.native.js.map +3 -3
- package/dist/esm/ImageDemo.native.js +6 -10
- package/dist/esm/ImageDemo.native.js.map +3 -3
- package/dist/esm/InputsDemo.native.js +26 -22
- package/dist/esm/InputsDemo.native.js.map +3 -3
- package/dist/esm/LabelDemo.native.js +25 -11
- package/dist/esm/LabelDemo.native.js.map +3 -3
- package/dist/esm/LinearGradientDemo.native.js +35 -25
- package/dist/esm/LinearGradientDemo.native.js.map +3 -3
- package/dist/esm/ListItemDemo.native.js +48 -35
- package/dist/esm/ListItemDemo.native.js.map +3 -3
- package/dist/esm/LucideIconsDemo.native.js +91 -37
- package/dist/esm/LucideIconsDemo.native.js.map +3 -3
- package/dist/esm/PopoverDemo.native.js +126 -60
- package/dist/esm/PopoverDemo.native.js.map +3 -3
- package/dist/esm/ProgressDemo.native.js +101 -46
- package/dist/esm/ProgressDemo.native.js.map +3 -3
- package/dist/esm/RadioGroupDemo.native.js +34 -11
- package/dist/esm/RadioGroupDemo.native.js.map +3 -3
- package/dist/esm/ReplaceThemeDemo.native.js +71 -29
- package/dist/esm/ReplaceThemeDemo.native.js.map +3 -3
- package/dist/esm/ScrollViewDemo.native.js +43 -21
- package/dist/esm/ScrollViewDemo.native.js.map +3 -3
- package/dist/esm/SelectDemo.native.js +271 -156
- package/dist/esm/SelectDemo.native.js.map +3 -3
- package/dist/esm/SeparatorDemo.native.js +21 -13
- package/dist/esm/SeparatorDemo.native.js.map +3 -3
- package/dist/esm/ShapesDemo.native.js +12 -5
- package/dist/esm/ShapesDemo.native.js.map +3 -3
- package/dist/esm/SheetDemo.native.js +216 -91
- package/dist/esm/SheetDemo.native.js.map +3 -3
- package/dist/esm/SliderDemo.native.js +63 -11
- package/dist/esm/SliderDemo.native.js.map +3 -3
- package/dist/esm/SpinnerDemo.native.js +11 -5
- package/dist/esm/SpinnerDemo.native.js.map +3 -3
- package/dist/esm/StacksDemo.native.js +72 -71
- package/dist/esm/StacksDemo.native.js.map +3 -3
- package/dist/esm/SwitchDemo.native.js +56 -31
- package/dist/esm/SwitchDemo.native.js.map +3 -3
- package/dist/esm/SwitchHeadlessDemo.native.js +117 -47
- package/dist/esm/SwitchHeadlessDemo.native.js.map +3 -3
- package/dist/esm/SwitchUnstyledDemo.native.js +16 -6
- package/dist/esm/SwitchUnstyledDemo.native.js.map +3 -3
- package/dist/esm/TabsAdvancedDemo.native.js +322 -239
- package/dist/esm/TabsAdvancedDemo.native.js.map +3 -3
- package/dist/esm/TabsDemo.native.js +156 -83
- package/dist/esm/TabsDemo.native.js.map +3 -3
- package/dist/esm/TextDemo.native.js +18 -9
- package/dist/esm/TextDemo.native.js.map +3 -3
- package/dist/esm/ThemeBuilderDemo.native.js +151 -125
- package/dist/esm/ThemeBuilderDemo.native.js.map +3 -3
- package/dist/esm/ThemeInverseDemo.native.js +25 -32
- package/dist/esm/ThemeInverseDemo.native.js.map +3 -3
- package/dist/esm/ToastDemo.native.js +125 -79
- package/dist/esm/ToastDemo.native.js.map +3 -3
- package/dist/esm/ToastDuplicateDemo.native.js +92 -32
- package/dist/esm/ToastDuplicateDemo.native.js.map +3 -3
- package/dist/esm/ToggleGroupDemo.native.js +55 -39
- package/dist/esm/ToggleGroupDemo.native.js.map +3 -3
- package/dist/esm/TokensDemo.native.js +131 -52
- package/dist/esm/TokensDemo.native.js.map +3 -3
- package/dist/esm/TooltipDemo.native.js +103 -50
- package/dist/esm/TooltipDemo.native.js.map +3 -3
- package/dist/esm/UpdateThemeDemo.native.js +73 -34
- package/dist/esm/UpdateThemeDemo.native.js.map +3 -3
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/tamagui.config.native.js.map +2 -2
- package/dist/esm/useOnIntersecting.native.js +138 -35
- package/dist/esm/useOnIntersecting.native.js.map +3 -3
- package/dist/jsx/AccordionDemo.native.js +31 -17
- package/dist/jsx/AccordionDemo.native.js.map +3 -3
- package/dist/jsx/AddThemeDemo.native.js +70 -26
- package/dist/jsx/AddThemeDemo.native.js.map +3 -3
- package/dist/jsx/AlertDialogDemo.native.js +54 -46
- package/dist/jsx/AlertDialogDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsDemo.native.js +101 -41
- package/dist/jsx/AnimationsDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsEnterDemo.native.js +79 -25
- package/dist/jsx/AnimationsEnterDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsHoverDemo.native.js +15 -18
- package/dist/jsx/AnimationsHoverDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsPresenceDemo.native.js +123 -58
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsTimingDemo.native.js +14 -17
- package/dist/jsx/AnimationsTimingDemo.native.js.map +3 -3
- package/dist/jsx/AvatarDemo.native.js +22 -23
- package/dist/jsx/AvatarDemo.native.js.map +3 -3
- package/dist/jsx/BuildAButtonDemo.native.js +95 -24
- package/dist/jsx/BuildAButtonDemo.native.js.map +3 -3
- package/dist/jsx/ButtonDemo.native.js +53 -17
- package/dist/jsx/ButtonDemo.native.js.map +3 -3
- package/dist/jsx/CardDemo.native.js +65 -38
- package/dist/jsx/CardDemo.native.js.map +3 -3
- package/dist/jsx/CheckboxDemo.native.js +68 -16
- package/dist/jsx/CheckboxDemo.native.js.map +3 -3
- package/dist/jsx/CheckboxHeadlessDemo.native.js +102 -32
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +3 -3
- package/dist/jsx/CheckboxUnstyledDemo.native.js +14 -6
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +3 -3
- package/dist/jsx/ColorsDemo.native.js +107 -80
- package/dist/jsx/ColorsDemo.native.js.map +3 -3
- package/dist/jsx/DialogDemo.native.js +103 -87
- package/dist/jsx/DialogDemo.native.js.map +3 -3
- package/dist/jsx/FormsDemo.native.js +75 -23
- package/dist/jsx/FormsDemo.native.js.map +3 -3
- package/dist/jsx/Grid.mjs +0 -1
- package/dist/jsx/Grid.native.js +21 -24
- package/dist/jsx/Grid.native.js.map +3 -3
- package/dist/jsx/GroupDemo.native.js +25 -17
- package/dist/jsx/GroupDemo.native.js.map +3 -3
- package/dist/jsx/HeadingsDemo.native.js +4 -9
- package/dist/jsx/HeadingsDemo.native.js.map +3 -3
- package/dist/jsx/ImageDemo.native.js +6 -10
- package/dist/jsx/ImageDemo.native.js.map +3 -3
- package/dist/jsx/InputsDemo.native.js +26 -22
- package/dist/jsx/InputsDemo.native.js.map +3 -3
- package/dist/jsx/LabelDemo.native.js +25 -11
- package/dist/jsx/LabelDemo.native.js.map +3 -3
- package/dist/jsx/LinearGradientDemo.native.js +35 -25
- package/dist/jsx/LinearGradientDemo.native.js.map +3 -3
- package/dist/jsx/ListItemDemo.native.js +48 -35
- package/dist/jsx/ListItemDemo.native.js.map +3 -3
- package/dist/jsx/LucideIconsDemo.native.js +91 -37
- package/dist/jsx/LucideIconsDemo.native.js.map +3 -3
- package/dist/jsx/PopoverDemo.native.js +126 -60
- package/dist/jsx/PopoverDemo.native.js.map +3 -3
- package/dist/jsx/ProgressDemo.native.js +101 -46
- package/dist/jsx/ProgressDemo.native.js.map +3 -3
- package/dist/jsx/RadioGroupDemo.native.js +34 -11
- package/dist/jsx/RadioGroupDemo.native.js.map +3 -3
- package/dist/jsx/ReplaceThemeDemo.native.js +71 -29
- package/dist/jsx/ReplaceThemeDemo.native.js.map +3 -3
- package/dist/jsx/ScrollViewDemo.native.js +43 -21
- package/dist/jsx/ScrollViewDemo.native.js.map +3 -3
- package/dist/jsx/SelectDemo.native.js +271 -156
- package/dist/jsx/SelectDemo.native.js.map +3 -3
- package/dist/jsx/SeparatorDemo.native.js +21 -13
- package/dist/jsx/SeparatorDemo.native.js.map +3 -3
- package/dist/jsx/ShapesDemo.native.js +12 -5
- package/dist/jsx/ShapesDemo.native.js.map +3 -3
- package/dist/jsx/SheetDemo.native.js +216 -91
- package/dist/jsx/SheetDemo.native.js.map +3 -3
- package/dist/jsx/SliderDemo.native.js +63 -11
- package/dist/jsx/SliderDemo.native.js.map +3 -3
- package/dist/jsx/SpinnerDemo.native.js +11 -5
- package/dist/jsx/SpinnerDemo.native.js.map +3 -3
- package/dist/jsx/StacksDemo.native.js +72 -71
- package/dist/jsx/StacksDemo.native.js.map +3 -3
- package/dist/jsx/SwitchDemo.native.js +56 -31
- package/dist/jsx/SwitchDemo.native.js.map +3 -3
- package/dist/jsx/SwitchHeadlessDemo.native.js +117 -47
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +3 -3
- package/dist/jsx/SwitchUnstyledDemo.native.js +16 -6
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +3 -3
- package/dist/jsx/TabsAdvancedDemo.native.js +322 -239
- package/dist/jsx/TabsAdvancedDemo.native.js.map +3 -3
- package/dist/jsx/TabsDemo.native.js +156 -83
- package/dist/jsx/TabsDemo.native.js.map +3 -3
- package/dist/jsx/TextDemo.native.js +18 -9
- package/dist/jsx/TextDemo.native.js.map +3 -3
- package/dist/jsx/ThemeBuilderDemo.native.js +151 -125
- package/dist/jsx/ThemeBuilderDemo.native.js.map +3 -3
- package/dist/jsx/ThemeInverseDemo.native.js +25 -32
- package/dist/jsx/ThemeInverseDemo.native.js.map +3 -3
- package/dist/jsx/ToastDemo.native.js +125 -79
- package/dist/jsx/ToastDemo.native.js.map +3 -3
- package/dist/jsx/ToastDuplicateDemo.native.js +92 -32
- package/dist/jsx/ToastDuplicateDemo.native.js.map +3 -3
- package/dist/jsx/ToggleGroupDemo.native.js +55 -39
- package/dist/jsx/ToggleGroupDemo.native.js.map +3 -3
- package/dist/jsx/TokensDemo.native.js +131 -52
- package/dist/jsx/TokensDemo.native.js.map +3 -3
- package/dist/jsx/TooltipDemo.native.js +103 -50
- package/dist/jsx/TooltipDemo.native.js.map +3 -3
- package/dist/jsx/UpdateThemeDemo.native.js +73 -34
- package/dist/jsx/UpdateThemeDemo.native.js.map +3 -3
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/tamagui.config.native.js.map +2 -2
- package/dist/jsx/useOnIntersecting.native.js +138 -35
- package/dist/jsx/useOnIntersecting.native.js.map +3 -3
- package/package.json +18 -18
|
@@ -18,31 +18,36 @@ __export(InputsDemo_exports, {
|
|
|
18
18
|
InputsDemo: () => InputsDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(InputsDemo_exports);
|
|
21
|
-
var import_tamagui = require("tamagui")
|
|
21
|
+
var import_tamagui = require("tamagui");
|
|
22
22
|
function InputsDemo() {
|
|
23
|
-
return /* @__PURE__ */ (
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
);
|
|
23
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
|
|
24
|
+
width: 200,
|
|
25
|
+
minHeight: 250,
|
|
26
|
+
overflow: "hidden",
|
|
27
|
+
space: "$2",
|
|
28
|
+
margin: "$3",
|
|
29
|
+
padding: "$2"
|
|
30
|
+
}, /* @__PURE__ */ React.createElement(InputDemo, {
|
|
31
|
+
size: "$2"
|
|
32
|
+
}), /* @__PURE__ */ React.createElement(InputDemo, {
|
|
33
|
+
size: "$3"
|
|
34
|
+
}), /* @__PURE__ */ React.createElement(InputDemo, {
|
|
35
|
+
size: "$4"
|
|
36
|
+
}), /* @__PURE__ */ React.createElement(import_tamagui.TextArea, {
|
|
37
|
+
placeholder: "Enter your details..."
|
|
38
|
+
}));
|
|
40
39
|
}
|
|
41
40
|
function InputDemo(props) {
|
|
42
|
-
return /* @__PURE__ */
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
41
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
|
|
42
|
+
alignItems: "center",
|
|
43
|
+
space: "$2"
|
|
44
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.Input, {
|
|
45
|
+
flex: 1,
|
|
46
|
+
size: props.size,
|
|
47
|
+
placeholder: "Size ".concat(props.size, "...")
|
|
48
|
+
}), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
|
|
49
|
+
size: props.size
|
|
50
|
+
}, "Go"));
|
|
46
51
|
}
|
|
47
52
|
// Annotate the CommonJS export names for ESM import in node:
|
|
48
53
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/InputsDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/InputsDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AACA;;;;;qBAAwD;AAEjD,SAASA,aAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IACCC,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;KAER,sBAAA,cAACC,WAAAA;IAAUC,MAAK;MAChB,sBAAA,cAACD,WAAAA;IAAUC,MAAK;MAChB,sBAAA,cAACD,WAAAA;IAAUC,MAAK;MAChB,sBAAA,cAACC,yBAAAA;IAASC,aAAY;;AAG5B;AAEA,SAASH,UAAUI,OAA2B;AAC5C,SACE,sBAAA,cAACC,uBAAAA;IAAOC,YAAW;IAAST,OAAM;KAChC,sBAAA,cAACU,sBAAAA;IAAMC,MAAM;IAAGP,MAAMG,MAAMH;IAAME,aAAc,QAAkB,OAAXC,MAAMH,MAAK,KAAA;MAClE,sBAAA,cAACQ,uBAAAA;IAAOR,MAAMG,MAAMH;KAAM,IAAA,CAAA;AAGhC;",
|
|
5
|
+
"names": ["InputsDemo", "YStack", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "TextArea", "placeholder", "props", "XStack", "alignItems", "Input", "flex", "Button"]
|
|
6
6
|
}
|
|
@@ -18,18 +18,33 @@ __export(LabelDemo_exports, {
|
|
|
18
18
|
LabelDemo: () => LabelDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(LabelDemo_exports);
|
|
21
|
-
var import_tamagui = require("tamagui")
|
|
21
|
+
var import_tamagui = require("tamagui");
|
|
22
22
|
function LabelDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
23
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
|
|
24
|
+
padding: "$3",
|
|
25
|
+
minWidth: 300,
|
|
26
|
+
space: "$4"
|
|
27
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
|
|
28
|
+
alignItems: "center",
|
|
29
|
+
space: "$4"
|
|
30
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
|
|
31
|
+
width: 90,
|
|
32
|
+
htmlFor: "name"
|
|
33
|
+
}, "Name"), /* @__PURE__ */ React.createElement(import_tamagui.Input, {
|
|
34
|
+
flex: 1,
|
|
35
|
+
id: "name",
|
|
36
|
+
defaultValue: "Nate Wienert"
|
|
37
|
+
})), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
|
|
38
|
+
alignItems: "center",
|
|
39
|
+
space: "$4"
|
|
40
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
|
|
41
|
+
width: 90,
|
|
42
|
+
htmlFor: "notify"
|
|
43
|
+
}, "Notifications"), /* @__PURE__ */ React.createElement(import_tamagui.Switch, {
|
|
44
|
+
id: "notify"
|
|
45
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.Switch.Thumb, {
|
|
46
|
+
animation: "quick"
|
|
47
|
+
}))));
|
|
33
48
|
}
|
|
34
49
|
// Annotate the CommonJS export names for ESM import in node:
|
|
35
50
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/LabelDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/LabelDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;qBAAqD;AAE9C,SAASA,YAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,SAAQ;IAAKC,UAAU;IAAKC,OAAM;KACxC,sBAAA,cAACC,uBAAAA;IAAOC,YAAW;IAASF,OAAM;KAChC,sBAAA,cAACG,sBAAAA;IAAMC,OAAO;IAAIC,SAAQ;KAAO,MAAA,GAGjC,sBAAA,cAACC,sBAAAA;IAAMC,MAAM;IAAGC,IAAG;IAAOC,cAAa;OAGzC,sBAAA,cAACR,uBAAAA;IAAOC,YAAW;IAASF,OAAM;KAChC,sBAAA,cAACG,sBAAAA;IAAMC,OAAO;IAAIC,SAAQ;KAAS,eAAA,GAGnC,sBAAA,cAACK,uBAAAA;IAAOF,IAAG;KACT,sBAAA,cAACE,sBAAOC,OAAK;IAACC,WAAU;;AAKlC;",
|
|
5
|
+
"names": ["LabelDemo", "YStack", "padding", "minWidth", "space", "XStack", "alignItems", "Label", "width", "htmlFor", "Input", "flex", "id", "defaultValue", "Switch", "Thumb", "animation"]
|
|
6
6
|
}
|
|
@@ -18,32 +18,43 @@ __export(LinearGradientDemo_exports, {
|
|
|
18
18
|
LinearGradientDemo: () => LinearGradientDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(LinearGradientDemo_exports);
|
|
21
|
-
var import_tamagui = require("tamagui"), import_linear_gradient = require("tamagui/linear-gradient")
|
|
21
|
+
var import_tamagui = require("tamagui"), import_linear_gradient = require("tamagui/linear-gradient");
|
|
22
22
|
function LinearGradientDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
23
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
|
|
24
|
+
space: !0
|
|
25
|
+
}, /* @__PURE__ */ React.createElement(import_linear_gradient.LinearGradient, {
|
|
26
|
+
width: "$6",
|
|
27
|
+
height: "$6",
|
|
28
|
+
borderRadius: "$4",
|
|
29
|
+
colors: [
|
|
30
|
+
"$red10",
|
|
31
|
+
"$yellow10"
|
|
32
|
+
],
|
|
33
|
+
start: [
|
|
34
|
+
0,
|
|
35
|
+
1
|
|
36
|
+
],
|
|
37
|
+
end: [
|
|
38
|
+
0,
|
|
39
|
+
0
|
|
40
|
+
]
|
|
41
|
+
}), /* @__PURE__ */ React.createElement(import_linear_gradient.LinearGradient, {
|
|
42
|
+
width: "$6",
|
|
43
|
+
height: "$6",
|
|
44
|
+
borderRadius: "$4",
|
|
45
|
+
colors: [
|
|
46
|
+
"$background",
|
|
47
|
+
"$color"
|
|
48
|
+
],
|
|
49
|
+
start: [
|
|
50
|
+
1,
|
|
51
|
+
1
|
|
52
|
+
],
|
|
53
|
+
end: [
|
|
54
|
+
0,
|
|
55
|
+
0
|
|
56
|
+
]
|
|
57
|
+
}));
|
|
47
58
|
}
|
|
48
59
|
// Annotate the CommonJS export names for ESM import in node:
|
|
49
60
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/LinearGradientDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/LinearGradientDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;qBAAuB,oBACvB,yBAA+B;AAExB,SAASA,qBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAAA;KAEN,sBAAA,cAACC,uCAAAA;IACCC,OAAM;IACNC,QAAO;IACPC,cAAa;IACbC,QAAQ;MAAC;MAAU;;IACnBC,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;MAIX,sBAAA,cAACN,uCAAAA;IACCC,OAAM;IACNC,QAAO;IACPC,cAAa;IACbC,QAAQ;MAAC;MAAe;;IACxBC,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;;AAIjB;",
|
|
5
|
+
"names": ["LinearGradientDemo", "XStack", "space", "LinearGradient", "width", "height", "borderRadius", "colors", "start", "end"]
|
|
6
6
|
}
|
|
@@ -18,46 +18,60 @@ __export(ListItemDemo_exports, {
|
|
|
18
18
|
ListItemDemo: () => ListItemDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(ListItemDemo_exports);
|
|
21
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui")
|
|
21
|
+
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
|
|
22
22
|
function ListItemDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
|
|
24
|
+
$sm: {
|
|
25
|
+
flexDirection: "column"
|
|
26
|
+
},
|
|
27
|
+
paddingHorizontal: "$4",
|
|
28
|
+
space: !0
|
|
29
|
+
}, /* @__PURE__ */ React.createElement(ListItemDemo1, null), /* @__PURE__ */ React.createElement(ListItemDemo2, null));
|
|
27
30
|
}
|
|
28
31
|
function ListItemDemo1() {
|
|
29
|
-
return /* @__PURE__ */
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.YGroup, {
|
|
33
|
+
alignSelf: "center",
|
|
34
|
+
bordered: !0,
|
|
35
|
+
width: 240,
|
|
36
|
+
size: "$4"
|
|
37
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
|
|
38
|
+
hoverTheme: !0,
|
|
39
|
+
icon: import_lucide_icons.Star,
|
|
40
|
+
title: "Star",
|
|
41
|
+
subTitle: "Twinkles"
|
|
42
|
+
})), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
|
|
43
|
+
hoverTheme: !0,
|
|
44
|
+
icon: import_lucide_icons.Moon
|
|
45
|
+
}, "Moon")), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
|
|
46
|
+
hoverTheme: !0,
|
|
47
|
+
icon: import_lucide_icons.Sun
|
|
48
|
+
}, "Sun")), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
|
|
49
|
+
hoverTheme: !0,
|
|
50
|
+
icon: import_lucide_icons.Cloud
|
|
51
|
+
}, "Cloud")));
|
|
35
52
|
}
|
|
36
53
|
function ListItemDemo2() {
|
|
37
|
-
return /* @__PURE__ */
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
) })
|
|
60
|
-
] });
|
|
54
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.YGroup, {
|
|
55
|
+
alignSelf: "center",
|
|
56
|
+
bordered: !0,
|
|
57
|
+
width: 240,
|
|
58
|
+
size: "$5",
|
|
59
|
+
separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, null)
|
|
60
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
|
|
61
|
+
hoverTheme: !0,
|
|
62
|
+
pressTheme: !0,
|
|
63
|
+
title: "Star",
|
|
64
|
+
subTitle: "Subtitle",
|
|
65
|
+
icon: import_lucide_icons.Star,
|
|
66
|
+
iconAfter: import_lucide_icons.ChevronRight
|
|
67
|
+
})), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
|
|
68
|
+
hoverTheme: !0,
|
|
69
|
+
pressTheme: !0,
|
|
70
|
+
title: "Moon",
|
|
71
|
+
subTitle: "Subtitle",
|
|
72
|
+
icon: import_lucide_icons.Moon,
|
|
73
|
+
iconAfter: import_lucide_icons.ChevronRight
|
|
74
|
+
})));
|
|
61
75
|
}
|
|
62
76
|
// Annotate the CommonJS export names for ESM import in node:
|
|
63
77
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/ListItemDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;0BAAqD,kCACrD,iBAAoD;AAE7C,SAASA,eAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,OAAAA;KAC/D,sBAAA,cAACC,eAAAA,IAAAA,GACD,sBAAA,cAACC,eAAAA,IAAAA,CAAAA;AAGP;AAEA,SAASD,gBAAAA;AACP,SACE,sBAAA,cAACE,uBAAAA;IAAOC,WAAU;IAASC,UAAAA;IAASC,OAAO;IAAKC,MAAK;KACnD,sBAAA,cAACJ,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IAASC,YAAAA;IAAWC,MAAMC;IAAMC,OAAM;IAAOC,UAAS;OAEzD,sBAAA,cAACX,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IAASC,YAAAA;IAAWC,MAAMI;KAAM,MAAA,CAAA,GAInC,sBAAA,cAACZ,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IAASC,YAAAA;IAAWC,MAAMK;KAAK,KAAA,CAAA,GAIlC,sBAAA,cAACb,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IAASC,YAAAA;IAAWC,MAAMM;KAAO,OAAA,CAAA,CAAA;AAM1C;AAEA,SAASf,gBAAAA;AACP,SACE,sBAAA,cAACC,uBAAAA;IAAOC,WAAU;IAASC,UAAAA;IAASC,OAAO;IAAKC,MAAK;IAAKW,WAAW,sBAAA,cAACC,0BAAAA,IAAAA;KACpE,sBAAA,cAAChB,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IACCC,YAAAA;IACAU,YAAAA;IACAP,OAAM;IACNC,UAAS;IACTH,MAAMC;IACNS,WAAWC;OAGf,sBAAA,cAACnB,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IACCC,YAAAA;IACAU,YAAAA;IACAP,OAAM;IACNC,UAAS;IACTH,MAAMI;IACNM,WAAWC;;AAKrB;",
|
|
5
|
+
"names": ["ListItemDemo", "XStack", "$sm", "flexDirection", "paddingHorizontal", "space", "ListItemDemo1", "ListItemDemo2", "YGroup", "alignSelf", "bordered", "width", "size", "Item", "ListItem", "hoverTheme", "icon", "Star", "title", "subTitle", "Moon", "Sun", "Cloud", "separator", "Separator", "pressTheme", "iconAfter", "ChevronRight"]
|
|
6
6
|
}
|
|
@@ -26,49 +26,104 @@ __export(LucideIconsDemo_exports, {
|
|
|
26
26
|
LucideIconsDemo: () => LucideIconsDemo
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(LucideIconsDemo_exports);
|
|
29
|
-
var LucideIcons = __toESM(require("@tamagui/lucide-icons")), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_Grid = require("./Grid")
|
|
30
|
-
|
|
29
|
+
var LucideIcons = __toESM(require("@tamagui/lucide-icons")), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_Grid = require("./Grid");
|
|
30
|
+
function _array_like_to_array(arr, len) {
|
|
31
|
+
(len == null || len > arr.length) && (len = arr.length);
|
|
32
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
33
|
+
arr2[i] = arr[i];
|
|
34
|
+
return arr2;
|
|
35
|
+
}
|
|
36
|
+
function _array_with_holes(arr) {
|
|
37
|
+
if (Array.isArray(arr))
|
|
38
|
+
return arr;
|
|
39
|
+
}
|
|
40
|
+
function _iterable_to_array_limit(arr, i) {
|
|
41
|
+
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
42
|
+
if (_i != null) {
|
|
43
|
+
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
44
|
+
try {
|
|
45
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
46
|
+
;
|
|
47
|
+
} catch (err) {
|
|
48
|
+
_d = !0, _e = err;
|
|
49
|
+
} finally {
|
|
50
|
+
try {
|
|
51
|
+
!_n && _i.return != null && _i.return();
|
|
52
|
+
} finally {
|
|
53
|
+
if (_d)
|
|
54
|
+
throw _e;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
return _arr;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
function _non_iterable_rest() {
|
|
61
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
62
|
+
}
|
|
63
|
+
function _sliced_to_array(arr, i) {
|
|
64
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
65
|
+
}
|
|
66
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
67
|
+
if (o) {
|
|
68
|
+
if (typeof o == "string")
|
|
69
|
+
return _array_like_to_array(o, minLen);
|
|
70
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
71
|
+
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
|
|
72
|
+
return Array.from(n);
|
|
73
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
|
|
74
|
+
return _array_like_to_array(o, minLen);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
var lucideIcons = Object.keys(
|
|
31
78
|
// vite tree shaking workaround
|
|
32
79
|
typeof LucideIcons < "u" ? LucideIcons : {}
|
|
33
|
-
).map((name)
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
80
|
+
).map(function(name) {
|
|
81
|
+
return {
|
|
82
|
+
key: name.toLowerCase(),
|
|
83
|
+
name,
|
|
84
|
+
Icon: LucideIcons[name]
|
|
85
|
+
};
|
|
86
|
+
});
|
|
38
87
|
function LucideIconsDemo() {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
88
|
+
var _useState = _sliced_to_array((0, import_react.useState)(""), 2), searchRaw = _useState[0], setSearch = _useState[1], search = (0, import_tamagui.useDebounceValue)(searchRaw, 400), size = 100, iconsMemo = (0, import_react.useMemo)(function() {
|
|
89
|
+
return lucideIcons.filter(function(x) {
|
|
90
|
+
return x.key.includes(search.toLowerCase());
|
|
91
|
+
}).map(function(param) {
|
|
92
|
+
var Icon = param.Icon, name = param.name;
|
|
93
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
|
|
43
94
|
height: size + 20,
|
|
44
95
|
alignItems: "center",
|
|
45
96
|
justifyContent: "center",
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
97
|
+
key: name
|
|
98
|
+
}, /* @__PURE__ */ React.createElement(Icon, {
|
|
99
|
+
size: size * 0.25
|
|
100
|
+
}), /* @__PURE__ */ React.createElement(import_tamagui.Spacer, null), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
|
|
101
|
+
height: "$6",
|
|
102
|
+
wordWrap: "break-word",
|
|
103
|
+
maxWidth: "100%",
|
|
104
|
+
textAlign: "center",
|
|
105
|
+
paddingHorizontal: "$2",
|
|
106
|
+
size: "$1",
|
|
107
|
+
opacity: 0.5
|
|
108
|
+
}, name));
|
|
109
|
+
});
|
|
110
|
+
}, [
|
|
111
|
+
search
|
|
112
|
+
]);
|
|
113
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
|
|
114
|
+
minWidth: "100%",
|
|
115
|
+
padding: "$4",
|
|
116
|
+
paddingBottom: "$0",
|
|
117
|
+
space: !0
|
|
118
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.Input, {
|
|
119
|
+
value: searchRaw,
|
|
120
|
+
onChangeText: setSearch,
|
|
121
|
+
placeholder: "Search..."
|
|
122
|
+
}), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
|
|
123
|
+
height: 420
|
|
124
|
+
}, /* @__PURE__ */ React.createElement(import_react_native.ScrollView, null, /* @__PURE__ */ React.createElement(import_Grid.Grid, {
|
|
125
|
+
itemMinWidth: size
|
|
126
|
+
}, iconsMemo))));
|
|
72
127
|
}
|
|
73
128
|
// Annotate the CommonJS export names for ESM import in node:
|
|
74
129
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/LucideIconsDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/LucideIconsDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kBAA6B,2CAC7B,eAAkC,kBAClC,sBAA2B,yBAC3B,iBAAmE,oBAEnE,cAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,IAAMA,cAAcC,OAAOC;;EAEzB,OAAOC,cAAgB,MAAcA,cAAc,CAAC;AAAA,EACpDC,IAAI,SAACC,MAAAA;SAAU;IACfC,KAAKD,KAAKE,YAAW;IACrBF;IACAG,MAAML,YAAYE,IAAAA;EACpB;;AAEO,SAASI,kBAAAA;AACd,MAA+BC,YAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAAjCC,YAAwBD,UAAAA,CAAAA,GAAbE,YAAaF,UAAAA,CAAAA,GACzBG,aAASC,iCAAiBH,WAAW,GAAA,GAErCI,OAAO,KAEPC,gBAAYC,sBAChB,WAAA;WACEjB,YACGkB,OAAO,SAACC,GAAAA;aAAMA,EAAEb,IAAIc,SAASP,OAAON,YAAW,CAAA;OAC/CH,IAAI,SAAA,OAAA;UAAGI,OAAAA,MAAAA,MAAMH,OAAAA,MAAAA;aACZ,sBAAA,cAACgB,uBAAAA;QACCC,QAAQP,OAAO;QACfQ,YAAW;QACXC,gBAAe;QACflB,KAAKD;SAEL,sBAAA,cAACG,MAAAA;QAAKO,MAAMA,OAAO;UACnB,sBAAA,cAACU,uBAAAA,IAAAA,GACD,sBAAA,cAACC,0BAAAA;QACCJ,QAAO;QACPK,UAAS;QACTC,UAAS;QACTC,WAAU;QACVC,mBAAkB;QAClBf,MAAK;QACLgB,SAAS;SAER1B,IAAAA,CAAAA;;KAIX;IAACQ;GAAO;AAGV,SACE,sBAAA,cAACQ,uBAAAA;IAAOW,UAAS;IAAOC,SAAQ;IAAKC,eAAc;IAAKC,OAAAA;KACtD,sBAAA,cAACC,sBAAAA;IAAMC,OAAO1B;IAAW2B,cAAc1B;IAAW2B,aAAY;MAE9D,sBAAA,cAAClB,uBAAAA;IAAOC,QAAQ;KACd,sBAAA,cAACkB,gCAAAA,MACC,sBAAA,cAACC,kBAAAA;IAAKC,cAAc3B;KAAOC,SAAAA,CAAAA,CAAAA,CAAAA;AAKrC;",
|
|
5
|
+
"names": ["lucideIcons", "Object", "keys", "LucideIcons", "map", "name", "key", "toLowerCase", "Icon", "LucideIconsDemo", "useState", "searchRaw", "setSearch", "search", "useDebounceValue", "size", "iconsMemo", "useMemo", "filter", "x", "includes", "YStack", "height", "alignItems", "justifyContent", "Spacer", "Paragraph", "wordWrap", "maxWidth", "textAlign", "paddingHorizontal", "opacity", "minWidth", "padding", "paddingBottom", "space", "Input", "value", "onChangeText", "placeholder", "ScrollView", "Grid", "itemMinWidth"]
|
|
6
6
|
}
|