@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
@@ -20,150 +20,140 @@ __export(SelectDemo_exports, {
20
20
  module.exports = __toCommonJS(SelectDemo_exports);
21
21
  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");
22
22
  function SelectDemo() {
23
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
24
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: !0, children: [
25
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Custom" }),
26
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, {})
23
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", children: [
24
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", gap: "$4", children: [
25
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "select-demo-1", f: 1, miw: 80, children: "Custom" }),
26
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { id: "select-demo-1" })
27
27
  ] }),
28
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: !0, children: [
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Native" }),
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { native: !0 })
28
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", gap: "$4", children: [
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "select-demo-2", f: 1, miw: 80, children: "Native" }),
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { id: "select-demo-2", native: !0 })
31
31
  ] })
32
32
  ] });
33
33
  }
34
34
  function SelectDemoItem(props) {
35
35
  const [val, setVal] = (0, import_react.useState)("apple");
36
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
37
- import_tamagui.Select,
38
- {
39
- id: "food",
40
- value: val,
41
- onValueChange: setVal,
42
- disablePreventBodyScroll: !0,
43
- ...props,
44
- children: [
45
- /* @__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" }) }),
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
47
- import_tamagui.Sheet,
48
- {
49
- native: !!props.native,
50
- modal: !0,
51
- dismissOnSnapToBottom: !0,
52
- animationConfig: {
53
- type: "spring",
54
- damping: 20,
55
- mass: 1.2,
56
- stiffness: 250
57
- },
58
- children: [
59
- /* @__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, {}) }) }),
60
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
61
- import_tamagui.Sheet.Overlay,
62
- {
63
- animation: "lazy",
64
- enterStyle: { opacity: 0 },
65
- exitStyle: { opacity: 0 }
66
- }
67
- )
68
- ]
69
- }
70
- ) }),
71
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
72
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
73
- import_tamagui.Select.ScrollUpButton,
36
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
37
+ /* @__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" }) }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
39
+ import_tamagui.Sheet,
40
+ {
41
+ native: !!props.native,
42
+ modal: !0,
43
+ dismissOnSnapToBottom: !0,
44
+ animationConfig: {
45
+ type: "spring",
46
+ damping: 20,
47
+ mass: 1.2,
48
+ stiffness: 250
49
+ },
50
+ children: [
51
+ /* @__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, {}) }) }),
52
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
53
+ import_tamagui.Sheet.Overlay,
74
54
  {
75
- alignItems: "center",
76
- justifyContent: "center",
77
- position: "relative",
78
- width: "100%",
79
- height: "$3",
80
- children: [
81
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, { size: 20 }) }),
82
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
83
- import_linear_gradient.LinearGradient,
84
- {
85
- start: [0, 0],
86
- end: [0, 1],
87
- fullscreen: !0,
88
- colors: ["$background", "transparent"],
89
- borderRadius: "$4"
90
- }
91
- )
92
- ]
55
+ animation: "lazy",
56
+ enterStyle: { opacity: 0 },
57
+ exitStyle: { opacity: 0 }
93
58
  }
94
- ),
95
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
96
- import_tamagui.Select.Viewport,
97
- {
98
- minWidth: 200,
99
- children: [
100
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { children: [
101
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
102
- (0, import_react.useMemo)(
103
- () => items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
104
- import_tamagui.Select.Item,
105
- {
106
- index: i,
107
- value: item.name.toLowerCase(),
108
- children: [
109
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
110
- /* @__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 }) })
111
- ]
112
- },
113
- item.name
114
- )),
115
- [items]
116
- )
117
- ] }),
118
- props.native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
119
- import_tamagui.YStack,
59
+ )
60
+ ]
61
+ }
62
+ ) }),
63
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
65
+ import_tamagui.Select.ScrollUpButton,
66
+ {
67
+ alignItems: "center",
68
+ justifyContent: "center",
69
+ position: "relative",
70
+ width: "100%",
71
+ height: "$3",
72
+ children: [
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, { size: 20 }) }),
74
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
75
+ import_linear_gradient.LinearGradient,
76
+ {
77
+ start: [0, 0],
78
+ end: [0, 1],
79
+ fullscreen: !0,
80
+ colors: ["$background", "transparent"],
81
+ borderRadius: "$4"
82
+ }
83
+ )
84
+ ]
85
+ }
86
+ ),
87
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
88
+ import_tamagui.Select.Viewport,
89
+ {
90
+ minWidth: 200,
91
+ children: [
92
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { children: [
93
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
94
+ (0, import_react.useMemo)(
95
+ () => items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
96
+ import_tamagui.Select.Item,
120
97
  {
121
- position: "absolute",
122
- right: 0,
123
- top: 0,
124
- bottom: 0,
125
- alignItems: "center",
126
- justifyContent: "center",
127
- width: "$4",
128
- pointerEvents: "none",
129
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
130
- import_lucide_icons.ChevronDown,
131
- {
132
- size: (0, import_tamagui.getFontSize)(props.size ?? "$true")
133
- }
134
- )
135
- }
136
- )
137
- ]
138
- }
139
- ),
140
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
141
- import_tamagui.Select.ScrollDownButton,
142
- {
143
- alignItems: "center",
144
- justifyContent: "center",
145
- position: "relative",
146
- width: "100%",
147
- height: "$3",
148
- children: [
149
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: 20 }) }),
150
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
151
- import_linear_gradient.LinearGradient,
98
+ index: i,
99
+ value: item.name.toLowerCase(),
100
+ children: [
101
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
102
+ /* @__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 }) })
103
+ ]
104
+ },
105
+ item.name
106
+ )),
107
+ [items]
108
+ )
109
+ ] }),
110
+ props.native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
111
+ import_tamagui.YStack,
112
+ {
113
+ position: "absolute",
114
+ right: 0,
115
+ top: 0,
116
+ bottom: 0,
117
+ alignItems: "center",
118
+ justifyContent: "center",
119
+ width: "$4",
120
+ pointerEvents: "none",
121
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
122
+ import_lucide_icons.ChevronDown,
152
123
  {
153
- start: [0, 0],
154
- end: [0, 1],
155
- fullscreen: !0,
156
- colors: ["transparent", "$background"],
157
- borderRadius: "$4"
124
+ size: (0, import_tamagui.getFontSize)(props.size ?? "$true")
158
125
  }
159
126
  )
160
- ]
161
- }
162
- )
163
- ] })
164
- ]
165
- }
166
- );
127
+ }
128
+ )
129
+ ]
130
+ }
131
+ ),
132
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
133
+ import_tamagui.Select.ScrollDownButton,
134
+ {
135
+ alignItems: "center",
136
+ justifyContent: "center",
137
+ position: "relative",
138
+ width: "100%",
139
+ height: "$3",
140
+ children: [
141
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: 20 }) }),
142
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
143
+ import_linear_gradient.LinearGradient,
144
+ {
145
+ start: [0, 0],
146
+ end: [0, 1],
147
+ fullscreen: !0,
148
+ colors: ["transparent", "$background"],
149
+ borderRadius: "$4"
150
+ }
151
+ )
152
+ ]
153
+ }
154
+ )
155
+ ] })
156
+ ] });
167
157
  }
168
158
  const items = [
169
159
  { name: "Apple" },
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SelectDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA8C,kCAC9C,eAAkC,kBAElC,iBAAyE,oBACzE,yBAA+B,oCAKzB;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,iDAAC,yBAAO,IAAG,UAAS,OAAK,IACvB;AAAA,kDAAC,wBAAM,GAAG,GAAG,IAAI,GAAG,oBAEpB;AAAA,MACA,4CAAC,kBAAe;AAAA,OAClB;AAAA,IAEA,6CAAC,yBAAO,IAAG,UAAS,OAAK,IACvB;AAAA,kDAAC,wBAAM,GAAG,GAAG,IAAI,GAAG,oBAEpB;AAAA,MACA,4CAAC,kBAAe,QAAM,IAAC;AAAA,OACzB;AAAA,KACF;AAEJ;AAEO,SAAS,eAAe,OAAoB;AACjD,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,OAAO;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,OAAO;AAAA,MACP,eAAe;AAAA,MACf,0BAAwB;AAAA,MACvB,GAAG;AAAA,MAEJ;AAAA,oDAAC,sBAAO,SAAP,EAAe,OAAO,KAAK,WAAW,iCACrC,sDAAC,sBAAO,OAAP,EAAa,aAAY,aAAY,GACxC;AAAA,QAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,CAAC,CAAC,MAAM;AAAA,YAChB,OAAK;AAAA,YACL,uBAAqB;AAAA,YACrB,iBAAiB;AAAA,cACf,MAAM;AAAA,cACN,SAAS;AAAA,cACT,MAAM;AAAA,cACN,WAAW;AAAA,YACb;AAAA,YAEA;AAAA,0DAAC,qBAAM,OAAN,EACC,sDAAC,qBAAM,YAAN,EACC,sDAAC,qBAAM,UAAN,EAAe,GAClB,GACF;AAAA,cACA;AAAA,gBAAC,qBAAM;AAAA,gBAAN;AAAA,kBACC,WAAU;AAAA,kBACV,YAAY,EAAE,SAAS,EAAE;AAAA,kBACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,cAC1B;AAAA;AAAA;AAAA,QACF,GACF;AAAA,QAEA,6CAAC,sBAAO,SAAP,EAAe,QAAQ,KACtB;AAAA;AAAA,YAAC,sBAAO;AAAA,YAAP;AAAA,cACC,YAAW;AAAA,cACX,gBAAe;AAAA,cACf,UAAS;AAAA,cACT,OAAM;AAAA,cACN,QAAO;AAAA,cAEP;AAAA,4DAAC,yBAAO,QAAQ,IACd,sDAAC,iCAAU,MAAM,IAAI,GACvB;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO,CAAC,GAAG,CAAC;AAAA,oBACZ,KAAK,CAAC,GAAG,CAAC;AAAA,oBACV,YAAU;AAAA,oBACV,QAAQ,CAAC,eAAe,aAAa;AAAA,oBACrC,cAAa;AAAA;AAAA,gBACf;AAAA;AAAA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC,sBAAO;AAAA,YAAP;AAAA,cAMC,UAAU;AAAA,cAEV;AAAA,6DAAC,sBAAO,OAAP,EACC;AAAA,8DAAC,sBAAO,OAAP,EAAa,oBAAM;AAAA,sBAEnB;AAAA,oBACC,MACE,MAAM,IAAI,CAAC,MAAM,MAEb;AAAA,sBAAC,sBAAO;AAAA,sBAAP;AAAA,wBACC,OAAO;AAAA,wBAEP,OAAO,KAAK,KAAK,YAAY;AAAA,wBAE7B;AAAA,sEAAC,sBAAO,UAAP,EAAiB,eAAK,MAAK;AAAA,0BAC5B,4CAAC,sBAAO,eAAP,EAAqB,YAAW,QAC/B,sDAAC,6BAAM,MAAM,IAAI,GACnB;AAAA;AAAA;AAAA,sBANK,KAAK;AAAA,oBAOZ,CAEH;AAAA,oBACH,CAAC,KAAK;AAAA,kBACR;AAAA,mBACF;AAAA,gBAEC,MAAM,UACL;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAS;AAAA,oBACT,OAAO;AAAA,oBACP,KAAK;AAAA,oBACL,QAAQ;AAAA,oBACR,YAAW;AAAA,oBACX,gBAAe;AAAA,oBACf,OAAO;AAAA,oBACP,eAAc;AAAA,oBAEd;AAAA,sBAAC;AAAA;AAAA,wBACC,UAAM,4BAAa,MAAM,QAA2B,OAAO;AAAA;AAAA,oBAC7D;AAAA;AAAA,gBACF;AAAA;AAAA;AAAA,UAEJ;AAAA,UAEA;AAAA,YAAC,sBAAO;AAAA,YAAP;AAAA,cACC,YAAW;AAAA,cACX,gBAAe;AAAA,cACf,UAAS;AAAA,cACT,OAAM;AAAA,cACN,QAAO;AAAA,cAEP;AAAA,4DAAC,yBAAO,QAAQ,IACd,sDAAC,mCAAY,MAAM,IAAI,GACzB;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO,CAAC,GAAG,CAAC;AAAA,oBACZ,KAAK,CAAC,GAAG,CAAC;AAAA,oBACV,YAAU;AAAA,oBACV,QAAQ,CAAC,eAAe,aAAa;AAAA,oBACrC,cAAa;AAAA;AAAA,gBACf;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,SAAS;AACnB;",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -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
  }