@tamagui/demos 1.88.18 → 1.88.20

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 (89) hide show
  1. package/dist/cjs/DialogDemo.js +72 -82
  2. package/dist/cjs/DialogDemo.js.map +2 -2
  3. package/dist/cjs/DialogDemo.native.js +72 -82
  4. package/dist/cjs/DialogDemo.native.js.map +2 -2
  5. package/dist/cjs/SelectDemo.js +122 -132
  6. package/dist/cjs/SelectDemo.js.map +1 -1
  7. package/dist/cjs/SelectDemo.native.js +122 -132
  8. package/dist/cjs/SelectDemo.native.js.map +1 -1
  9. package/dist/esm/DialogDemo.js +71 -82
  10. package/dist/esm/DialogDemo.js.map +2 -2
  11. package/dist/esm/DialogDemo.mjs +2 -7
  12. package/dist/esm/DialogDemo.native.js +72 -82
  13. package/dist/esm/DialogDemo.native.js.map +2 -2
  14. package/dist/esm/SelectDemo.js +122 -132
  15. package/dist/esm/SelectDemo.js.map +1 -1
  16. package/dist/esm/SelectDemo.mjs +11 -7
  17. package/dist/esm/SelectDemo.native.js +122 -132
  18. package/dist/esm/SelectDemo.native.js.map +1 -1
  19. package/dist/jsx/DialogDemo.js +71 -82
  20. package/dist/jsx/DialogDemo.js.map +2 -2
  21. package/dist/jsx/DialogDemo.mjs +2 -7
  22. package/dist/jsx/DialogDemo.native.js +72 -82
  23. package/dist/jsx/DialogDemo.native.js.map +2 -2
  24. package/dist/jsx/SelectDemo.js +122 -132
  25. package/dist/jsx/SelectDemo.js.map +1 -1
  26. package/dist/jsx/SelectDemo.mjs +11 -7
  27. package/dist/jsx/SelectDemo.native.js +122 -132
  28. package/dist/jsx/SelectDemo.native.js.map +1 -1
  29. package/package.json +18 -18
  30. package/src/DialogDemo.tsx +3 -11
  31. package/src/SelectDemo.tsx +8 -14
  32. package/types/DialogDemo.d.ts.map +1 -1
  33. package/types/SelectDemo.d.ts.map +1 -1
  34. package/dist/cjs/CheckboxHeadlessDemo.js +0 -54
  35. package/dist/cjs/CheckboxHeadlessDemo.js.map +0 -6
  36. package/dist/cjs/CheckboxHeadlessDemo.native.js +0 -59
  37. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +0 -6
  38. package/dist/cjs/CheckboxUnstyledDemo.js +0 -52
  39. package/dist/cjs/CheckboxUnstyledDemo.js.map +0 -6
  40. package/dist/cjs/CheckboxUnstyledDemo.native.js +0 -58
  41. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +0 -6
  42. package/dist/cjs/SwitchHeadlessDemo.js +0 -79
  43. package/dist/cjs/SwitchHeadlessDemo.js.map +0 -6
  44. package/dist/cjs/SwitchHeadlessDemo.native.js +0 -84
  45. package/dist/cjs/SwitchHeadlessDemo.native.js.map +0 -6
  46. package/dist/cjs/SwitchUnstyledDemo.js +0 -68
  47. package/dist/cjs/SwitchUnstyledDemo.js.map +0 -6
  48. package/dist/cjs/SwitchUnstyledDemo.native.js +0 -74
  49. package/dist/cjs/SwitchUnstyledDemo.native.js.map +0 -6
  50. package/dist/esm/CheckboxHeadlessDemo.js +0 -43
  51. package/dist/esm/CheckboxHeadlessDemo.js.map +0 -6
  52. package/dist/esm/CheckboxHeadlessDemo.mjs +0 -52
  53. package/dist/esm/CheckboxHeadlessDemo.native.js +0 -59
  54. package/dist/esm/CheckboxHeadlessDemo.native.js.map +0 -6
  55. package/dist/esm/CheckboxUnstyledDemo.js +0 -40
  56. package/dist/esm/CheckboxUnstyledDemo.js.map +0 -6
  57. package/dist/esm/CheckboxUnstyledDemo.mjs +0 -53
  58. package/dist/esm/CheckboxUnstyledDemo.native.js +0 -58
  59. package/dist/esm/CheckboxUnstyledDemo.native.js.map +0 -6
  60. package/dist/esm/SwitchHeadlessDemo.js +0 -67
  61. package/dist/esm/SwitchHeadlessDemo.js.map +0 -6
  62. package/dist/esm/SwitchHeadlessDemo.mjs +0 -66
  63. package/dist/esm/SwitchHeadlessDemo.native.js +0 -84
  64. package/dist/esm/SwitchHeadlessDemo.native.js.map +0 -6
  65. package/dist/esm/SwitchUnstyledDemo.js +0 -55
  66. package/dist/esm/SwitchUnstyledDemo.js.map +0 -6
  67. package/dist/esm/SwitchUnstyledDemo.mjs +0 -68
  68. package/dist/esm/SwitchUnstyledDemo.native.js +0 -74
  69. package/dist/esm/SwitchUnstyledDemo.native.js.map +0 -6
  70. package/dist/jsx/CheckboxHeadlessDemo.js +0 -43
  71. package/dist/jsx/CheckboxHeadlessDemo.js.map +0 -6
  72. package/dist/jsx/CheckboxHeadlessDemo.mjs +0 -52
  73. package/dist/jsx/CheckboxHeadlessDemo.native.js +0 -59
  74. package/dist/jsx/CheckboxHeadlessDemo.native.js.map +0 -6
  75. package/dist/jsx/CheckboxUnstyledDemo.js +0 -40
  76. package/dist/jsx/CheckboxUnstyledDemo.js.map +0 -6
  77. package/dist/jsx/CheckboxUnstyledDemo.mjs +0 -53
  78. package/dist/jsx/CheckboxUnstyledDemo.native.js +0 -58
  79. package/dist/jsx/CheckboxUnstyledDemo.native.js.map +0 -6
  80. package/dist/jsx/SwitchHeadlessDemo.js +0 -67
  81. package/dist/jsx/SwitchHeadlessDemo.js.map +0 -6
  82. package/dist/jsx/SwitchHeadlessDemo.mjs +0 -66
  83. package/dist/jsx/SwitchHeadlessDemo.native.js +0 -84
  84. package/dist/jsx/SwitchHeadlessDemo.native.js.map +0 -6
  85. package/dist/jsx/SwitchUnstyledDemo.js +0 -55
  86. package/dist/jsx/SwitchUnstyledDemo.js.map +0 -6
  87. package/dist/jsx/SwitchUnstyledDemo.mjs +0 -68
  88. package/dist/jsx/SwitchUnstyledDemo.native.js +0 -74
  89. package/dist/jsx/SwitchUnstyledDemo.native.js.map +0 -6
@@ -4,150 +4,140 @@ import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagu
4
4
  import { LinearGradient } from "tamagui/linear-gradient";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  function SelectDemo() {
7
- return /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
8
- /* @__PURE__ */ jsxs(XStack, { ai: "center", space: !0, children: [
9
- /* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Custom" }),
10
- /* @__PURE__ */ jsx(SelectDemoItem, {})
7
+ return /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
8
+ /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
9
+ /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-1", f: 1, miw: 80, children: "Custom" }),
10
+ /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-1" })
11
11
  ] }),
12
- /* @__PURE__ */ jsxs(XStack, { ai: "center", space: !0, children: [
13
- /* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Native" }),
14
- /* @__PURE__ */ jsx(SelectDemoItem, { native: !0 })
12
+ /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
13
+ /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-2", f: 1, miw: 80, children: "Native" }),
14
+ /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-2", native: !0 })
15
15
  ] })
16
16
  ] });
17
17
  }
18
18
  function SelectDemoItem(props) {
19
19
  const [val, setVal] = useState("apple");
20
- return /* @__PURE__ */ jsxs(
21
- Select,
22
- {
23
- id: "food",
24
- value: val,
25
- onValueChange: setVal,
26
- disablePreventBodyScroll: !0,
27
- ...props,
28
- children: [
29
- /* @__PURE__ */ jsx(Select.Trigger, { width: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
30
- /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(
31
- Sheet,
32
- {
33
- native: !!props.native,
34
- modal: !0,
35
- dismissOnSnapToBottom: !0,
36
- animationConfig: {
37
- type: "spring",
38
- damping: 20,
39
- mass: 1.2,
40
- stiffness: 250
41
- },
42
- children: [
43
- /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
44
- /* @__PURE__ */ jsx(
45
- Sheet.Overlay,
46
- {
47
- animation: "lazy",
48
- enterStyle: { opacity: 0 },
49
- exitStyle: { opacity: 0 }
50
- }
51
- )
52
- ]
53
- }
54
- ) }),
55
- /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
56
- /* @__PURE__ */ jsxs(
57
- Select.ScrollUpButton,
20
+ return /* @__PURE__ */ jsxs(Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
21
+ /* @__PURE__ */ jsx(Select.Trigger, { width: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
22
+ /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(
23
+ Sheet,
24
+ {
25
+ native: !!props.native,
26
+ modal: !0,
27
+ dismissOnSnapToBottom: !0,
28
+ animationConfig: {
29
+ type: "spring",
30
+ damping: 20,
31
+ mass: 1.2,
32
+ stiffness: 250
33
+ },
34
+ children: [
35
+ /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
36
+ /* @__PURE__ */ jsx(
37
+ Sheet.Overlay,
58
38
  {
59
- alignItems: "center",
60
- justifyContent: "center",
61
- position: "relative",
62
- width: "100%",
63
- height: "$3",
64
- children: [
65
- /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
66
- /* @__PURE__ */ jsx(
67
- LinearGradient,
68
- {
69
- start: [0, 0],
70
- end: [0, 1],
71
- fullscreen: !0,
72
- colors: ["$background", "transparent"],
73
- borderRadius: "$4"
74
- }
75
- )
76
- ]
39
+ animation: "lazy",
40
+ enterStyle: { opacity: 0 },
41
+ exitStyle: { opacity: 0 }
77
42
  }
78
- ),
79
- /* @__PURE__ */ jsxs(
80
- Select.Viewport,
81
- {
82
- minWidth: 200,
83
- children: [
84
- /* @__PURE__ */ jsxs(Select.Group, { children: [
85
- /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
86
- useMemo(
87
- () => items.map((item, i) => /* @__PURE__ */ jsxs(
88
- Select.Item,
89
- {
90
- index: i,
91
- value: item.name.toLowerCase(),
92
- children: [
93
- /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
94
- /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
95
- ]
96
- },
97
- item.name
98
- )),
99
- [items]
100
- )
101
- ] }),
102
- props.native && /* @__PURE__ */ jsx(
103
- YStack,
43
+ )
44
+ ]
45
+ }
46
+ ) }),
47
+ /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
48
+ /* @__PURE__ */ jsxs(
49
+ Select.ScrollUpButton,
50
+ {
51
+ alignItems: "center",
52
+ justifyContent: "center",
53
+ position: "relative",
54
+ width: "100%",
55
+ height: "$3",
56
+ children: [
57
+ /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
58
+ /* @__PURE__ */ jsx(
59
+ LinearGradient,
60
+ {
61
+ start: [0, 0],
62
+ end: [0, 1],
63
+ fullscreen: !0,
64
+ colors: ["$background", "transparent"],
65
+ borderRadius: "$4"
66
+ }
67
+ )
68
+ ]
69
+ }
70
+ ),
71
+ /* @__PURE__ */ jsxs(
72
+ Select.Viewport,
73
+ {
74
+ minWidth: 200,
75
+ children: [
76
+ /* @__PURE__ */ jsxs(Select.Group, { children: [
77
+ /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
78
+ useMemo(
79
+ () => items.map((item, i) => /* @__PURE__ */ jsxs(
80
+ Select.Item,
104
81
  {
105
- position: "absolute",
106
- right: 0,
107
- top: 0,
108
- bottom: 0,
109
- alignItems: "center",
110
- justifyContent: "center",
111
- width: "$4",
112
- pointerEvents: "none",
113
- children: /* @__PURE__ */ jsx(
114
- ChevronDown,
115
- {
116
- size: getFontSize(props.size ?? "$true")
117
- }
118
- )
119
- }
120
- )
121
- ]
122
- }
123
- ),
124
- /* @__PURE__ */ jsxs(
125
- Select.ScrollDownButton,
126
- {
127
- alignItems: "center",
128
- justifyContent: "center",
129
- position: "relative",
130
- width: "100%",
131
- height: "$3",
132
- children: [
133
- /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
134
- /* @__PURE__ */ jsx(
135
- LinearGradient,
82
+ index: i,
83
+ value: item.name.toLowerCase(),
84
+ children: [
85
+ /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
86
+ /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
87
+ ]
88
+ },
89
+ item.name
90
+ )),
91
+ [items]
92
+ )
93
+ ] }),
94
+ props.native && /* @__PURE__ */ jsx(
95
+ YStack,
96
+ {
97
+ position: "absolute",
98
+ right: 0,
99
+ top: 0,
100
+ bottom: 0,
101
+ alignItems: "center",
102
+ justifyContent: "center",
103
+ width: "$4",
104
+ pointerEvents: "none",
105
+ children: /* @__PURE__ */ jsx(
106
+ ChevronDown,
136
107
  {
137
- start: [0, 0],
138
- end: [0, 1],
139
- fullscreen: !0,
140
- colors: ["transparent", "$background"],
141
- borderRadius: "$4"
108
+ size: getFontSize(props.size ?? "$true")
142
109
  }
143
110
  )
144
- ]
145
- }
146
- )
147
- ] })
148
- ]
149
- }
150
- );
111
+ }
112
+ )
113
+ ]
114
+ }
115
+ ),
116
+ /* @__PURE__ */ jsxs(
117
+ Select.ScrollDownButton,
118
+ {
119
+ alignItems: "center",
120
+ justifyContent: "center",
121
+ position: "relative",
122
+ width: "100%",
123
+ height: "$3",
124
+ children: [
125
+ /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
126
+ /* @__PURE__ */ jsx(
127
+ LinearGradient,
128
+ {
129
+ start: [0, 0],
130
+ end: [0, 1],
131
+ fullscreen: !0,
132
+ colors: ["transparent", "$background"],
133
+ borderRadius: "$4"
134
+ }
135
+ )
136
+ ]
137
+ }
138
+ )
139
+ ] })
140
+ ] });
151
141
  }
152
142
  const items = [
153
143
  { name: "Apple" },
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SelectDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -5,23 +5,28 @@ import { LinearGradient } from "tamagui/linear-gradient";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  function SelectDemo() {
7
7
  return /* @__PURE__ */jsxs(YStack, {
8
- space: !0,
8
+ gap: "$4",
9
9
  children: [/* @__PURE__ */jsxs(XStack, {
10
10
  ai: "center",
11
- space: !0,
11
+ gap: "$4",
12
12
  children: [/* @__PURE__ */jsx(Label, {
13
+ htmlFor: "select-demo-1",
13
14
  f: 1,
14
- fb: 0,
15
+ miw: 80,
15
16
  children: "Custom"
16
- }), /* @__PURE__ */jsx(SelectDemoItem, {})]
17
+ }), /* @__PURE__ */jsx(SelectDemoItem, {
18
+ id: "select-demo-1"
19
+ })]
17
20
  }), /* @__PURE__ */jsxs(XStack, {
18
21
  ai: "center",
19
- space: !0,
22
+ gap: "$4",
20
23
  children: [/* @__PURE__ */jsx(Label, {
24
+ htmlFor: "select-demo-2",
21
25
  f: 1,
22
- fb: 0,
26
+ miw: 80,
23
27
  children: "Native"
24
28
  }), /* @__PURE__ */jsx(SelectDemoItem, {
29
+ id: "select-demo-2",
25
30
  native: !0
26
31
  })]
27
32
  })]
@@ -30,7 +35,6 @@ function SelectDemo() {
30
35
  function SelectDemoItem(props) {
31
36
  const [val, setVal] = useState("apple");
32
37
  return /* @__PURE__ */jsxs(Select, {
33
- id: "food",
34
38
  value: val,
35
39
  onValueChange: setVal,
36
40
  disablePreventBodyScroll: !0,
@@ -21,150 +21,140 @@ __export(SelectDemo_exports, {
21
21
  module.exports = __toCommonJS(SelectDemo_exports);
22
22
  var import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_linear_gradient = require("tamagui/linear-gradient"), import_jsx_runtime = require("react/jsx-runtime");
23
23
  function SelectDemo() {
24
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
25
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: !0, children: [
26
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Custom" }),
27
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, {})
24
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", children: [
25
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", gap: "$4", children: [
26
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "select-demo-1", f: 1, miw: 80, children: "Custom" }),
27
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { id: "select-demo-1" })
28
28
  ] }),
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: !0, children: [
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Native" }),
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { native: !0 })
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", gap: "$4", children: [
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "select-demo-2", f: 1, miw: 80, children: "Native" }),
31
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { id: "select-demo-2", native: !0 })
32
32
  ] })
33
33
  ] });
34
34
  }
35
35
  function SelectDemoItem(props) {
36
36
  const [val, setVal] = (0, import_react.useState)("apple");
37
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
38
- import_tamagui.Select,
39
- {
40
- id: "food",
41
- value: val,
42
- onValueChange: setVal,
43
- disablePreventBodyScroll: !0,
44
- ...props,
45
- children: [
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { width: 220, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
47
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
48
- import_tamagui.Sheet,
49
- {
50
- native: !!props.native,
51
- modal: !0,
52
- dismissOnSnapToBottom: !0,
53
- animationConfig: {
54
- type: "spring",
55
- damping: 20,
56
- mass: 1.2,
57
- stiffness: 250
58
- },
59
- children: [
60
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
61
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
62
- import_tamagui.Sheet.Overlay,
63
- {
64
- animation: "lazy",
65
- enterStyle: { opacity: 0 },
66
- exitStyle: { opacity: 0 }
67
- }
68
- )
69
- ]
70
- }
71
- ) }),
72
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
73
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
74
- import_tamagui.Select.ScrollUpButton,
37
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { width: 220, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
39
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
40
+ import_tamagui.Sheet,
41
+ {
42
+ native: !!props.native,
43
+ modal: !0,
44
+ dismissOnSnapToBottom: !0,
45
+ animationConfig: {
46
+ type: "spring",
47
+ damping: 20,
48
+ mass: 1.2,
49
+ stiffness: 250
50
+ },
51
+ children: [
52
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
53
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
54
+ import_tamagui.Sheet.Overlay,
75
55
  {
76
- alignItems: "center",
77
- justifyContent: "center",
78
- position: "relative",
79
- width: "100%",
80
- height: "$3",
81
- children: [
82
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, { size: 20 }) }),
83
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
84
- import_linear_gradient.LinearGradient,
85
- {
86
- start: [0, 0],
87
- end: [0, 1],
88
- fullscreen: !0,
89
- colors: ["$background", "transparent"],
90
- borderRadius: "$4"
91
- }
92
- )
93
- ]
56
+ animation: "lazy",
57
+ enterStyle: { opacity: 0 },
58
+ exitStyle: { opacity: 0 }
94
59
  }
95
- ),
96
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
97
- import_tamagui.Select.Viewport,
98
- {
99
- minWidth: 200,
100
- children: [
101
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { children: [
102
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
103
- (0, import_react.useMemo)(
104
- () => items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
105
- import_tamagui.Select.Item,
106
- {
107
- index: i,
108
- value: item.name.toLowerCase(),
109
- children: [
110
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
111
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
112
- ]
113
- },
114
- item.name
115
- )),
116
- [items]
117
- )
118
- ] }),
119
- props.native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
120
- import_tamagui.YStack,
60
+ )
61
+ ]
62
+ }
63
+ ) }),
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
65
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
66
+ import_tamagui.Select.ScrollUpButton,
67
+ {
68
+ alignItems: "center",
69
+ justifyContent: "center",
70
+ position: "relative",
71
+ width: "100%",
72
+ height: "$3",
73
+ children: [
74
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, { size: 20 }) }),
75
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
76
+ import_linear_gradient.LinearGradient,
77
+ {
78
+ start: [0, 0],
79
+ end: [0, 1],
80
+ fullscreen: !0,
81
+ colors: ["$background", "transparent"],
82
+ borderRadius: "$4"
83
+ }
84
+ )
85
+ ]
86
+ }
87
+ ),
88
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
89
+ import_tamagui.Select.Viewport,
90
+ {
91
+ minWidth: 200,
92
+ children: [
93
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { children: [
94
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
95
+ (0, import_react.useMemo)(
96
+ () => items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
97
+ import_tamagui.Select.Item,
121
98
  {
122
- position: "absolute",
123
- right: 0,
124
- top: 0,
125
- bottom: 0,
126
- alignItems: "center",
127
- justifyContent: "center",
128
- width: "$4",
129
- pointerEvents: "none",
130
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
131
- import_lucide_icons.ChevronDown,
132
- {
133
- size: (0, import_tamagui.getFontSize)(props.size ?? "$true")
134
- }
135
- )
136
- }
137
- )
138
- ]
139
- }
140
- ),
141
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
142
- import_tamagui.Select.ScrollDownButton,
143
- {
144
- alignItems: "center",
145
- justifyContent: "center",
146
- position: "relative",
147
- width: "100%",
148
- height: "$3",
149
- children: [
150
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: 20 }) }),
151
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
152
- import_linear_gradient.LinearGradient,
99
+ index: i,
100
+ value: item.name.toLowerCase(),
101
+ children: [
102
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
103
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
104
+ ]
105
+ },
106
+ item.name
107
+ )),
108
+ [items]
109
+ )
110
+ ] }),
111
+ props.native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
112
+ import_tamagui.YStack,
113
+ {
114
+ position: "absolute",
115
+ right: 0,
116
+ top: 0,
117
+ bottom: 0,
118
+ alignItems: "center",
119
+ justifyContent: "center",
120
+ width: "$4",
121
+ pointerEvents: "none",
122
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
123
+ import_lucide_icons.ChevronDown,
153
124
  {
154
- start: [0, 0],
155
- end: [0, 1],
156
- fullscreen: !0,
157
- colors: ["transparent", "$background"],
158
- borderRadius: "$4"
125
+ size: (0, import_tamagui.getFontSize)(props.size ?? "$true")
159
126
  }
160
127
  )
161
- ]
162
- }
163
- )
164
- ] })
165
- ]
166
- }
167
- );
128
+ }
129
+ )
130
+ ]
131
+ }
132
+ ),
133
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
134
+ import_tamagui.Select.ScrollDownButton,
135
+ {
136
+ alignItems: "center",
137
+ justifyContent: "center",
138
+ position: "relative",
139
+ width: "100%",
140
+ height: "$3",
141
+ children: [
142
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: 20 }) }),
143
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
144
+ import_linear_gradient.LinearGradient,
145
+ {
146
+ start: [0, 0],
147
+ end: [0, 1],
148
+ fullscreen: !0,
149
+ colors: ["transparent", "$background"],
150
+ borderRadius: "$4"
151
+ }
152
+ )
153
+ ]
154
+ }
155
+ )
156
+ ] })
157
+ ] });
168
158
  }
169
159
  const items = [
170
160
  { name: "Apple" },
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SelectDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }