@tamagui/demos 1.113.0 → 1.113.2

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.
Files changed (121) hide show
  1. package/dist/esm/AccordionDemo.native.js +79 -66
  2. package/dist/esm/AccordionDemo.native.js.map +6 -1
  3. package/dist/esm/AddThemeDemo.native.js +34 -25
  4. package/dist/esm/AddThemeDemo.native.js.map +6 -1
  5. package/dist/esm/AlertDialogDemo.native.js +84 -66
  6. package/dist/esm/AlertDialogDemo.native.js.map +6 -1
  7. package/dist/esm/AnimationsDemo.native.js +75 -65
  8. package/dist/esm/AnimationsDemo.native.js.map +6 -1
  9. package/dist/esm/AnimationsEnterDemo.native.js +38 -33
  10. package/dist/esm/AnimationsEnterDemo.native.js.map +6 -1
  11. package/dist/esm/AnimationsHoverDemo.native.js +6 -4
  12. package/dist/esm/AnimationsHoverDemo.native.js.map +6 -1
  13. package/dist/esm/AnimationsPresenceDemo.native.js +91 -78
  14. package/dist/esm/AnimationsPresenceDemo.native.js.map +6 -1
  15. package/dist/esm/AnimationsTimingDemo.native.js +6 -4
  16. package/dist/esm/AnimationsTimingDemo.native.js.map +6 -1
  17. package/dist/esm/AvatarDemo.native.js +34 -23
  18. package/dist/esm/AvatarDemo.native.js.map +6 -1
  19. package/dist/esm/BuildAButtonDemo.native.js +94 -73
  20. package/dist/esm/BuildAButtonDemo.native.js.map +6 -1
  21. package/dist/esm/ButtonDemo.native.js +68 -51
  22. package/dist/esm/ButtonDemo.native.js.map +6 -1
  23. package/dist/esm/CardDemo.native.js +63 -47
  24. package/dist/esm/CardDemo.native.js.map +6 -1
  25. package/dist/esm/CheckboxDemo.native.js +36 -31
  26. package/dist/esm/CheckboxDemo.native.js.map +6 -1
  27. package/dist/esm/CheckboxHeadlessDemo.native.js +33 -26
  28. package/dist/esm/CheckboxHeadlessDemo.native.js.map +6 -1
  29. package/dist/esm/CheckboxUnstyledDemo.native.js +40 -36
  30. package/dist/esm/CheckboxUnstyledDemo.native.js.map +6 -1
  31. package/dist/esm/ColorsDemo.native.js +106 -84
  32. package/dist/esm/ColorsDemo.native.js.map +6 -1
  33. package/dist/esm/DialogDemo.native.js +156 -122
  34. package/dist/esm/DialogDemo.native.js.map +6 -1
  35. package/dist/esm/FormsDemo.native.js +25 -18
  36. package/dist/esm/FormsDemo.native.js.map +6 -1
  37. package/dist/esm/Grid.native.js +22 -23
  38. package/dist/esm/Grid.native.js.map +6 -1
  39. package/dist/esm/GroupDemo.native.js +72 -55
  40. package/dist/esm/GroupDemo.native.js.map +6 -1
  41. package/dist/esm/HeadingsDemo.native.js +25 -16
  42. package/dist/esm/HeadingsDemo.native.js.map +6 -1
  43. package/dist/esm/ImageDemo.native.js +5 -3
  44. package/dist/esm/ImageDemo.native.js.map +6 -1
  45. package/dist/esm/InputsDemo.native.js +31 -21
  46. package/dist/esm/InputsDemo.native.js.map +6 -1
  47. package/dist/esm/LabelDemo.native.js +40 -29
  48. package/dist/esm/LabelDemo.native.js.map +6 -1
  49. package/dist/esm/LinearGradientDemo.native.js +43 -20
  50. package/dist/esm/LinearGradientDemo.native.js.map +6 -1
  51. package/dist/esm/ListItemDemo.native.js +63 -50
  52. package/dist/esm/ListItemDemo.native.js.map +6 -1
  53. package/dist/esm/LucideIconsDemo.native.js +44 -38
  54. package/dist/esm/LucideIconsDemo.native.js.map +6 -1
  55. package/dist/esm/NewInputsDemo.native.js +31 -21
  56. package/dist/esm/NewInputsDemo.native.js.map +6 -1
  57. package/dist/esm/PopoverDemo.native.js +139 -108
  58. package/dist/esm/PopoverDemo.native.js.map +6 -1
  59. package/dist/esm/ProgressDemo.native.js +85 -68
  60. package/dist/esm/ProgressDemo.native.js.map +6 -1
  61. package/dist/esm/RadioGroupDemo.native.js +38 -28
  62. package/dist/esm/RadioGroupDemo.native.js.map +6 -1
  63. package/dist/esm/RadioGroupHeadlessDemo.native.js +65 -75
  64. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +6 -1
  65. package/dist/esm/RadioGroupUnstyledDemo.native.js +96 -94
  66. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +6 -1
  67. package/dist/esm/ReplaceThemeDemo.native.js +29 -25
  68. package/dist/esm/ReplaceThemeDemo.native.js.map +6 -1
  69. package/dist/esm/ScrollViewDemo.native.js +48 -37
  70. package/dist/esm/ScrollViewDemo.native.js.map +6 -1
  71. package/dist/esm/SelectDemo.native.js +267 -187
  72. package/dist/esm/SelectDemo.native.js.map +6 -1
  73. package/dist/esm/SeparatorDemo.native.js +42 -29
  74. package/dist/esm/SeparatorDemo.native.js.map +6 -1
  75. package/dist/esm/ShapesDemo.native.js +17 -12
  76. package/dist/esm/ShapesDemo.native.js.map +6 -1
  77. package/dist/esm/SheetDemo.native.js +183 -133
  78. package/dist/esm/SheetDemo.native.js.map +6 -1
  79. package/dist/esm/SliderDemo.native.js +30 -22
  80. package/dist/esm/SliderDemo.native.js.map +6 -1
  81. package/dist/esm/SpinnerDemo.native.js +15 -10
  82. package/dist/esm/SpinnerDemo.native.js.map +6 -1
  83. package/dist/esm/StacksDemo.native.js +85 -67
  84. package/dist/esm/StacksDemo.native.js.map +6 -1
  85. package/dist/esm/SwitchDemo.native.js +76 -57
  86. package/dist/esm/SwitchDemo.native.js.map +6 -1
  87. package/dist/esm/SwitchHeadlessDemo.native.js +63 -45
  88. package/dist/esm/SwitchHeadlessDemo.native.js.map +6 -1
  89. package/dist/esm/SwitchUnstyledDemo.native.js +50 -46
  90. package/dist/esm/SwitchUnstyledDemo.native.js.map +6 -1
  91. package/dist/esm/TabsAdvancedDemo.native.js +297 -297
  92. package/dist/esm/TabsAdvancedDemo.native.js.map +6 -1
  93. package/dist/esm/TabsDemo.native.js +149 -126
  94. package/dist/esm/TabsDemo.native.js.map +6 -1
  95. package/dist/esm/TextDemo.native.js +30 -21
  96. package/dist/esm/TextDemo.native.js.map +6 -1
  97. package/dist/esm/ThemeBuilderDemo.native.js +170 -137
  98. package/dist/esm/ThemeBuilderDemo.native.js.map +6 -1
  99. package/dist/esm/ThemeInverseDemo.native.js +43 -30
  100. package/dist/esm/ThemeInverseDemo.native.js.map +6 -1
  101. package/dist/esm/ToastDemo.native.js +83 -73
  102. package/dist/esm/ToastDemo.native.js.map +6 -1
  103. package/dist/esm/ToastDuplicateDemo.native.js +61 -45
  104. package/dist/esm/ToastDuplicateDemo.native.js.map +6 -1
  105. package/dist/esm/ToggleGroupDemo.native.js +76 -58
  106. package/dist/esm/ToggleGroupDemo.native.js.map +6 -1
  107. package/dist/esm/TokensDemo.native.js +107 -94
  108. package/dist/esm/TokensDemo.native.js.map +6 -1
  109. package/dist/esm/TooltipDemo.native.js +109 -85
  110. package/dist/esm/TooltipDemo.native.js.map +6 -1
  111. package/dist/esm/UpdateThemeDemo.native.js +31 -28
  112. package/dist/esm/UpdateThemeDemo.native.js.map +6 -1
  113. package/dist/esm/WebNativeImageDemo.native.js +5 -3
  114. package/dist/esm/WebNativeImageDemo.native.js.map +6 -1
  115. package/dist/esm/index.native.js +58 -58
  116. package/dist/esm/index.native.js.map +6 -1
  117. package/dist/esm/tamagui.config.native.js +5 -2
  118. package/dist/esm/tamagui.config.native.js.map +6 -1
  119. package/dist/esm/useOnIntersecting.native.js +39 -42
  120. package/dist/esm/useOnIntersecting.native.js.map +6 -1
  121. package/package.json +19 -19
@@ -1 +1,6 @@
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":[]}
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/demos/src/HeadingsDemo.tsx"],
4
+ "mappings": ";AAAA,OAAkB;AAClB,SAASA,IAAIC,IAAIC,IAAIC,IAAIC,IAAIC,IAAIC,cAAc;AAExC,SAASC,eAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,WAAU;;MAChB,qBAACR,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;;;AAGV;",
5
+ "names": ["H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo", "alignSelf"]
6
+ }
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Image } from "tamagui";
3
3
  function ImageDemo() {
4
- return /* @__PURE__ */_jsx(Image, {
4
+ return /* @__PURE__ */ _jsx(Image, {
5
5
  source: {
6
6
  uri: "https://picsum.photos/200/300",
7
7
  width: 200,
@@ -9,5 +9,7 @@ function ImageDemo() {
9
9
  }
10
10
  });
11
11
  }
12
- export { ImageDemo };
13
- //# sourceMappingURL=ImageDemo.native.js.map
12
+ export {
13
+ ImageDemo
14
+ };
15
+ //# sourceMappingURL=ImageDemo.js.map
@@ -1 +1,6 @@
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
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/demos/src/ImageDemo.tsx"],
4
+ "mappings": ";AAAA,SAASA,aAAa;AAEf,SAASC,YAAAA;AACd,SACE,qBAACD,OAAAA;IACCE,QAAQ;MACNC,KAAK;MACLC,OAAO;MACPC,QAAQ;IACV;;AAGN;",
5
+ "names": ["Image", "ImageDemo", "source", "uri", "width", "height"]
6
+ }
@@ -1,37 +1,47 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Button, Input, TextArea, XStack, YStack } from "tamagui";
3
3
  function InputsDemo() {
4
- return /* @__PURE__ */_jsxs(YStack, {
4
+ return /* @__PURE__ */ _jsxs(YStack, {
5
5
  width: 200,
6
6
  minHeight: 250,
7
7
  overflow: "hidden",
8
8
  space: "$2",
9
9
  margin: "$3",
10
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
- })]
11
+ children: [
12
+ /* @__PURE__ */ _jsx(InputDemo, {
13
+ size: "$2"
14
+ }),
15
+ /* @__PURE__ */ _jsx(InputDemo, {
16
+ size: "$3"
17
+ }),
18
+ /* @__PURE__ */ _jsx(InputDemo, {
19
+ size: "$4"
20
+ }),
21
+ /* @__PURE__ */ _jsx(TextArea, {
22
+ placeholder: "Enter your details..."
23
+ })
24
+ ]
20
25
  });
21
26
  }
22
27
  function InputDemo(props) {
23
- return /* @__PURE__ */_jsxs(XStack, {
28
+ return /* @__PURE__ */ _jsxs(XStack, {
24
29
  alignItems: "center",
25
30
  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
- })]
31
+ children: [
32
+ /* @__PURE__ */ _jsx(Input, {
33
+ flex: 1,
34
+ size: props.size,
35
+ placeholder: `Size ${props.size}...`
36
+ }),
37
+ /* @__PURE__ */ _jsx(Button, {
38
+ size: props.size,
39
+ children: "Go"
40
+ })
41
+ ]
34
42
  });
35
43
  }
36
- export { InputsDemo };
37
- //# sourceMappingURL=InputsDemo.native.js.map
44
+ export {
45
+ InputsDemo
46
+ };
47
+ //# sourceMappingURL=InputsDemo.js.map
@@ -1 +1,6 @@
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":[]}
1
+ {
2
+ "version": 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,aAAa,QAAQC,MAAMF,IAAI;;MACjE,qBAACb,QAAAA;QAAOa,MAAME,MAAMF;kBAAM;;;;AAGhC;",
5
+ "names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "placeholder", "props", "alignItems", "flex"]
6
+ }
@@ -1,37 +1,48 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Input, Label, Switch, XStack, YStack } from "tamagui";
3
3
  function LabelDemo() {
4
- return /* @__PURE__ */_jsxs(YStack, {
4
+ return /* @__PURE__ */ _jsxs(YStack, {
5
5
  padding: "$3",
6
6
  minWidth: 300,
7
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
- })]
8
+ children: [
9
+ /* @__PURE__ */ _jsxs(XStack, {
10
+ alignItems: "center",
11
+ space: "$4",
12
+ children: [
13
+ /* @__PURE__ */ _jsx(Label, {
14
+ width: 90,
15
+ htmlFor: "name",
16
+ children: "Name"
17
+ }),
18
+ /* @__PURE__ */ _jsx(Input, {
19
+ flex: 1,
20
+ id: "name",
21
+ defaultValue: "Nate Wienert"
22
+ })
23
+ ]
24
+ }),
25
+ /* @__PURE__ */ _jsxs(XStack, {
26
+ alignItems: "center",
27
+ space: "$4",
28
+ children: [
29
+ /* @__PURE__ */ _jsx(Label, {
30
+ width: 90,
31
+ htmlFor: "notify",
32
+ children: "Notifications"
33
+ }),
34
+ /* @__PURE__ */ _jsx(Switch, {
35
+ id: "notify",
36
+ children: /* @__PURE__ */ _jsx(Switch.Thumb, {
37
+ animation: "quick"
38
+ })
39
+ })
40
+ ]
41
+ })
42
+ ]
34
43
  });
35
44
  }
36
- export { LabelDemo };
37
- //# sourceMappingURL=LabelDemo.native.js.map
45
+ export {
46
+ LabelDemo
47
+ };
48
+ //# sourceMappingURL=LabelDemo.js.map
@@ -1 +1,6 @@
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":[]}
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/demos/src/LabelDemo.tsx"],
4
+ "mappings": ";AAAA,SAASA,OAAOC,OAAOC,QAAQC,QAAQC,cAAc;AAE9C,SAASC,YAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,SAAQ;IAAKC,UAAU;IAAKC,OAAM;;MACxC,sBAACL,QAAAA;QAAOM,YAAW;QAASD,OAAM;;UAChC,qBAACP,OAAAA;YAAMS,OAAO;YAAIC,SAAQ;sBAAO;;UAGjC,qBAACX,OAAAA;YAAMY,MAAM;YAAGC,IAAG;YAAOC,cAAa;;;;MAGzC,sBAACX,QAAAA;QAAOM,YAAW;QAASD,OAAM;;UAChC,qBAACP,OAAAA;YAAMS,OAAO;YAAIC,SAAQ;sBAAS;;UAGnC,qBAACT,QAAAA;YAAOW,IAAG;sBACT,qBAACX,OAAOa,OAAK;cAACC,WAAU;;;;;;;AAKlC;",
5
+ "names": ["Input", "Label", "Switch", "XStack", "YStack", "LabelDemo", "padding", "minWidth", "space", "alignItems", "width", "htmlFor", "flex", "id", "defaultValue", "Thumb", "animation"]
6
+ }
@@ -2,26 +2,49 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { XStack } from "tamagui";
3
3
  import { LinearGradient } from "tamagui/linear-gradient";
4
4
  function LinearGradientDemo() {
5
- return /* @__PURE__ */_jsxs(XStack, {
5
+ return /* @__PURE__ */ _jsxs(XStack, {
6
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
- })]
7
+ children: [
8
+ /* tokens */
9
+ /* @__PURE__ */ _jsx(LinearGradient, {
10
+ width: "$6",
11
+ height: "$6",
12
+ borderRadius: "$4",
13
+ colors: [
14
+ "$red10",
15
+ "$yellow10"
16
+ ],
17
+ start: [
18
+ 0,
19
+ 1
20
+ ],
21
+ end: [
22
+ 0,
23
+ 0
24
+ ]
25
+ }),
26
+ /* theme values */
27
+ /* @__PURE__ */ _jsx(LinearGradient, {
28
+ width: "$6",
29
+ height: "$6",
30
+ borderRadius: "$4",
31
+ colors: [
32
+ "$background",
33
+ "$color"
34
+ ],
35
+ start: [
36
+ 1,
37
+ 1
38
+ ],
39
+ end: [
40
+ 0,
41
+ 0
42
+ ]
43
+ })
44
+ ]
24
45
  });
25
46
  }
26
- export { LinearGradientDemo };
27
- //# sourceMappingURL=LinearGradientDemo.native.js.map
47
+ export {
48
+ LinearGradientDemo
49
+ };
50
+ //# sourceMappingURL=LinearGradientDemo.js.map
@@ -1 +1,6 @@
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":[]}
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/demos/src/LinearGradientDemo.tsx"],
4
+ "mappings": ";AAAA,SAASA,cAAc;AACvB,SAASC,sBAAsB;AAExB,SAASC,qBAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,OAAK;;;MAEX,qBAACF,gBAAAA;QACCG,OAAM;QACNC,QAAO;QACPC,cAAa;QACbC,QAAQ;UAAC;UAAU;;QACnBC,OAAO;UAAC;UAAG;;QACXC,KAAK;UAAC;UAAG;;;;MAIX,qBAACR,gBAAAA;QACCG,OAAM;QACNC,QAAO;QACPC,cAAa;QACbC,QAAQ;UAAC;UAAe;;QACxBC,OAAO;UAAC;UAAG;;QACXC,KAAK;UAAC;UAAG;;;;;AAIjB;",
5
+ "names": ["XStack", "LinearGradient", "LinearGradientDemo", "space", "width", "height", "borderRadius", "colors", "start", "end"]
6
+ }
@@ -2,76 +2,89 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
3
3
  import { ListItem, Separator, XStack, YGroup } from "tamagui";
4
4
  function ListItemDemo() {
5
- return /* @__PURE__ */_jsxs(XStack, {
5
+ return /* @__PURE__ */ _jsxs(XStack, {
6
6
  $sm: {
7
7
  flexDirection: "column"
8
8
  },
9
9
  paddingHorizontal: "$4",
10
10
  space: !0,
11
- children: [/* @__PURE__ */_jsx(ListItemDemo1, {}), /* @__PURE__ */_jsx(ListItemDemo2, {})]
11
+ children: [
12
+ /* @__PURE__ */ _jsx(ListItemDemo1, {}),
13
+ /* @__PURE__ */ _jsx(ListItemDemo2, {})
14
+ ]
12
15
  });
13
16
  }
14
17
  function ListItemDemo1() {
15
- return /* @__PURE__ */_jsxs(YGroup, {
18
+ return /* @__PURE__ */ _jsxs(YGroup, {
16
19
  alignSelf: "center",
17
20
  bordered: !0,
18
21
  width: 240,
19
22
  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"
23
+ children: [
24
+ /* @__PURE__ */ _jsx(YGroup.Item, {
25
+ children: /* @__PURE__ */ _jsx(ListItem, {
26
+ hoverTheme: !0,
27
+ icon: Star,
28
+ title: "Star",
29
+ subTitle: "Twinkles"
30
+ })
31
+ }),
32
+ /* @__PURE__ */ _jsx(YGroup.Item, {
33
+ children: /* @__PURE__ */ _jsx(ListItem, {
34
+ hoverTheme: !0,
35
+ icon: Moon,
36
+ children: "Moon"
37
+ })
38
+ }),
39
+ /* @__PURE__ */ _jsx(YGroup.Item, {
40
+ children: /* @__PURE__ */ _jsx(ListItem, {
41
+ hoverTheme: !0,
42
+ icon: Sun,
43
+ children: "Sun"
44
+ })
45
+ }),
46
+ /* @__PURE__ */ _jsx(YGroup.Item, {
47
+ children: /* @__PURE__ */ _jsx(ListItem, {
48
+ hoverTheme: !0,
49
+ icon: Cloud,
50
+ children: "Cloud"
51
+ })
26
52
  })
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
- })]
53
+ ]
46
54
  });
47
55
  }
48
56
  function ListItemDemo2() {
49
- return /* @__PURE__ */_jsxs(YGroup, {
57
+ return /* @__PURE__ */ _jsxs(YGroup, {
50
58
  alignSelf: "center",
51
59
  bordered: !0,
52
60
  width: 240,
53
61
  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
62
+ separator: /* @__PURE__ */ _jsx(Separator, {}),
63
+ children: [
64
+ /* @__PURE__ */ _jsx(YGroup.Item, {
65
+ children: /* @__PURE__ */ _jsx(ListItem, {
66
+ hoverTheme: !0,
67
+ pressTheme: !0,
68
+ title: "Star",
69
+ subTitle: "Subtitle",
70
+ icon: Star,
71
+ iconAfter: ChevronRight
72
+ })
73
+ }),
74
+ /* @__PURE__ */ _jsx(YGroup.Item, {
75
+ children: /* @__PURE__ */ _jsx(ListItem, {
76
+ hoverTheme: !0,
77
+ pressTheme: !0,
78
+ title: "Moon",
79
+ subTitle: "Subtitle",
80
+ icon: Moon,
81
+ iconAfter: ChevronRight
82
+ })
72
83
  })
73
- })]
84
+ ]
74
85
  });
75
86
  }
76
- export { ListItemDemo };
77
- //# sourceMappingURL=ListItemDemo.native.js.map
87
+ export {
88
+ ListItemDemo
89
+ };
90
+ //# sourceMappingURL=ListItemDemo.js.map
@@ -1 +1,6 @@
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":[]}
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/demos/src/ListItemDemo.tsx"],
4
+ "mappings": ";AAAA,SAASA,cAAcC,OAAOC,MAAMC,MAAMC,WAAW;AACrD,SAASC,UAAUC,WAAWC,QAAQC,cAAc;AAE7C,SAASC,eAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,OAAK;;MACpE,qBAACC,eAAAA,CAAAA,CAAAA;MACD,qBAACC,eAAAA,CAAAA,CAAAA;;;AAGP;AAEA,SAASD,gBAAAA;AACP,SACE,sBAACN,QAAAA;IAAOQ,WAAU;IAASC,UAAQ;IAACC,OAAO;IAAKC,MAAK;;MACnD,qBAACX,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UAASgB,YAAU;UAACC,MAAMnB;UAAMoB,OAAM;UAAOC,UAAS;;;MAEzD,qBAAChB,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UAASgB,YAAU;UAACC,MAAMpB;oBAAM;;;MAInC,qBAACM,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UAASgB,YAAU;UAACC,MAAMlB;oBAAK;;;MAIlC,qBAACI,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UAASgB,YAAU;UAACC,MAAMrB;oBAAO;;;;;AAM1C;AAEA,SAASc,gBAAAA;AACP,SACE,sBAACP,QAAAA;IAAOQ,WAAU;IAASC,UAAQ;IAACC,OAAO;IAAKC,MAAK;IAAKM,WAAW,qBAACnB,WAAAA,CAAAA,CAAAA;;MACpE,qBAACE,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UACCgB,YAAU;UACVK,YAAU;UACVH,OAAM;UACNC,UAAS;UACTF,MAAMnB;UACNwB,WAAW3B;;;MAGf,qBAACQ,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UACCgB,YAAU;UACVK,YAAU;UACVH,OAAM;UACNC,UAAS;UACTF,MAAMpB;UACNyB,WAAW3B;;;;;AAKrB;",
5
+ "names": ["ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "$sm", "flexDirection", "paddingHorizontal", "space", "ListItemDemo1", "ListItemDemo2", "alignSelf", "bordered", "width", "size", "Item", "hoverTheme", "icon", "title", "subTitle", "separator", "pressTheme", "iconAfter"]
6
+ }
@@ -3,10 +3,11 @@ import React from "react";
3
3
  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
- import { Grid } from "./Grid.native.js";
6
+ import { Grid } from "./Grid";
7
7
  var lucideIcons = Object.keys(
8
- // vite tree shaking workaround
9
- typeof LucideIcons < "u" ? LucideIcons : {}).map(function (name) {
8
+ // vite tree shaking workaround
9
+ typeof LucideIcons < "u" ? LucideIcons : {}
10
+ ).map(function(name) {
10
11
  return {
11
12
  key: name.toLowerCase(),
12
13
  name,
@@ -14,24 +15,21 @@ typeof LucideIcons < "u" ? LucideIcons : {}).map(function (name) {
14
15
  };
15
16
  });
16
17
  function LucideIconsDemo() {
17
- var [searchRaw, setSearch] = React.useState(""),
18
- search = useDebounceValue(searchRaw, 400),
19
- size = 100,
20
- iconsMemo = React.useMemo(function () {
21
- return lucideIcons.filter(function (x) {
22
- return x.key.includes(search.toLowerCase());
23
- }).map(function (param) {
24
- var {
25
- Icon,
26
- name
27
- } = param;
28
- return /* @__PURE__ */_jsxs(YStack, {
29
- height: size + 20,
30
- alignItems: "center",
31
- justifyContent: "center",
32
- children: [/* @__PURE__ */_jsx(Icon, {
18
+ var [searchRaw, setSearch] = React.useState(""), search = useDebounceValue(searchRaw, 400), size = 100, iconsMemo = React.useMemo(function() {
19
+ return lucideIcons.filter(function(x) {
20
+ return x.key.includes(search.toLowerCase());
21
+ }).map(function(param) {
22
+ var { Icon, name } = param;
23
+ return /* @__PURE__ */ _jsxs(YStack, {
24
+ height: size + 20,
25
+ alignItems: "center",
26
+ justifyContent: "center",
27
+ children: [
28
+ /* @__PURE__ */ _jsx(Icon, {
33
29
  size: size * 0.25
34
- }), /* @__PURE__ */_jsx(Spacer, {}), /* @__PURE__ */_jsx(Paragraph, {
30
+ }),
31
+ /* @__PURE__ */ _jsx(Spacer, {}),
32
+ /* @__PURE__ */ _jsx(Paragraph, {
35
33
  height: "$6",
36
34
  wordWrap: "break-word",
37
35
  maxWidth: "100%",
@@ -40,29 +38,37 @@ function LucideIconsDemo() {
40
38
  size: "$1",
41
39
  opacity: 0.5,
42
40
  children: name
43
- })]
44
- }, name);
45
- });
46
- }, [search]);
47
- return /* @__PURE__ */_jsxs(YStack, {
41
+ })
42
+ ]
43
+ }, name);
44
+ });
45
+ }, [
46
+ search
47
+ ]);
48
+ return /* @__PURE__ */ _jsxs(YStack, {
48
49
  minWidth: "100%",
49
50
  padding: "$4",
50
51
  paddingBottom: "$0",
51
52
  space: !0,
52
- children: [/* @__PURE__ */_jsx(Input, {
53
- value: searchRaw,
54
- onChangeText: setSearch,
55
- placeholder: "Search..."
56
- }), /* @__PURE__ */_jsx(YStack, {
57
- height: 420,
58
- children: /* @__PURE__ */_jsx(ScrollView, {
59
- children: /* @__PURE__ */_jsx(Grid, {
60
- itemMinWidth: size,
61
- children: iconsMemo
53
+ children: [
54
+ /* @__PURE__ */ _jsx(Input, {
55
+ value: searchRaw,
56
+ onChangeText: setSearch,
57
+ placeholder: "Search..."
58
+ }),
59
+ /* @__PURE__ */ _jsx(YStack, {
60
+ height: 420,
61
+ children: /* @__PURE__ */ _jsx(ScrollView, {
62
+ children: /* @__PURE__ */ _jsx(Grid, {
63
+ itemMinWidth: size,
64
+ children: iconsMemo
65
+ })
62
66
  })
63
67
  })
64
- })]
68
+ ]
65
69
  });
66
70
  }
67
- export { LucideIconsDemo };
68
- //# sourceMappingURL=LucideIconsDemo.native.js.map
71
+ export {
72
+ LucideIconsDemo
73
+ };
74
+ //# sourceMappingURL=LucideIconsDemo.js.map
@@ -1 +1,6 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","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","param","height","alignItems","justifyContent","children","wordWrap","maxWidth","textAlign","paddingHorizontal","opacity","minWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAY;AAEZ,YAASC,WAAA,MAAkB;AAC3B,SAASC,UAAO,QAAW,cAAQ;AAEnC,SAASC,KAAA,EAAAC,SAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA;AAsBX,SAMEC,IAAA,QANF;AApBV,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO;AAAA;AAEzB,OAAOV,WAAA,GAAgB,MAAcA,WAAA,GAAc,CAAC,CACtD,EAAEW,GAAA,CAAI,UAACC,IAAU;EACf,OAAK;IACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;IACAF,IAAM;IACNG,IAAA,EAAAf,WAAA,CAAAY,IAAA;EAEK;AACL;AAKwB,SACtBI,eAEKA,CAAA;EAEC,IAAC,CAAAC,SAAA,EAAAC,SAAA,IAAAnB,KAAA,CAAAoB,QAAA;IAAAC,MAAA,GAAAd,gBAAA,CAAAW,SAAA;IAAAI,IAAA;IAAAC,SAAA,GAAAvB,KAAA,CAAAwB,OAAA;MAAA,OAAAf,WAAA,CAAAgB,MAAA,WAAAC,CAAA;QAAA,OACCA,CAAA,CAAAZ,GAAQ,CAAAa,QAAO,CAAAN,MAAA,CAAAN,WAAA;MAAA,GAAAH,GACf,WAAWgB,KAAA;QAAA,IACX;UAAAZ,IAAA;UAAAH;QAAA,CAAe,GAAAe,KAAA;QAAA,OAGf,eAAA7B,KAAA,CAAAO,MAAA;UAAAuB,MAAA,EAAAP,IAAA;UAAyBQ,UACzB;UAAQC,cACR;UAAAC,QAAC,kBAAAnC,IAAA,CAAAmB,IAAA;YAAAM,IACC,EAAAA,IAAO;UAAA,IACE,eACAzB,IAAA,CAAAQ,MAAA,sBACCR,IAAA,CAAAO,SAAA;YAAAyB,MACV;YAAkBI,QACb;YAAAC,QACL,QAAS;YAAAC,SAER;YAAAC,iBAAA;YACHd,IAAA;YAAAe,OAAA;YAAAL,QAAA,EAAAnB;UAdK;QAiBZ,GAAAA,IAAM;MACT;IAEA,IAEIQ,MAAA,CAA0E,CAE1E;EAIA,OACF,eAAAtB,KAAA,CAAAO,MAAA;IAEJgC,QAAA","ignoreList":[]}
1
+ {
2
+ "version": 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;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
+ }
@@ -1,37 +1,47 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Button, Input, TextArea, XStack, YStack } from "tamagui";
3
3
  function NewInputsDemo() {
4
- return /* @__PURE__ */_jsxs(YStack, {
4
+ return /* @__PURE__ */ _jsxs(YStack, {
5
5
  width: 200,
6
6
  minHeight: 250,
7
7
  overflow: "hidden",
8
8
  space: "$2",
9
9
  margin: "$3",
10
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
- })]
11
+ children: [
12
+ /* @__PURE__ */ _jsx(InputDemo, {
13
+ size: "$2"
14
+ }),
15
+ /* @__PURE__ */ _jsx(InputDemo, {
16
+ size: "$3"
17
+ }),
18
+ /* @__PURE__ */ _jsx(InputDemo, {
19
+ size: "$4"
20
+ }),
21
+ /* @__PURE__ */ _jsx(TextArea, {
22
+ placeholder: "Enter your details..."
23
+ })
24
+ ]
20
25
  });
21
26
  }
22
27
  function InputDemo(props) {
23
- return /* @__PURE__ */_jsxs(XStack, {
28
+ return /* @__PURE__ */ _jsxs(XStack, {
24
29
  alignItems: "center",
25
30
  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
- })]
31
+ children: [
32
+ /* @__PURE__ */ _jsx(Input, {
33
+ flex: 1,
34
+ size: props.size,
35
+ placeholder: `Size ${props.size}...`
36
+ }),
37
+ /* @__PURE__ */ _jsx(Button, {
38
+ size: props.size,
39
+ children: "Go"
40
+ })
41
+ ]
34
42
  });
35
43
  }
36
- export { NewInputsDemo };
37
- //# sourceMappingURL=NewInputsDemo.native.js.map
44
+ export {
45
+ NewInputsDemo
46
+ };
47
+ //# sourceMappingURL=NewInputsDemo.js.map