@tamagui/demos 1.0.1-beta.199 → 1.0.1-beta.201

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 (12) hide show
  1. package/dist/cjs/LabelDemo.js.map +2 -2
  2. package/dist/cjs/SelectDemo.js +1 -0
  3. package/dist/cjs/SelectDemo.js.map +2 -2
  4. package/dist/esm/LabelDemo.js.map +2 -2
  5. package/dist/esm/SelectDemo.js +1 -0
  6. package/dist/esm/SelectDemo.js.map +2 -2
  7. package/dist/jsx/LabelDemo.js.map +2 -2
  8. package/dist/jsx/SelectDemo.js +1 -1
  9. package/dist/jsx/SelectDemo.js.map +2 -2
  10. package/package.json +16 -16
  11. package/src/LabelDemo.tsx +0 -1
  12. package/src/SelectDemo.tsx +1 -1
package/dist/cjs/LabelDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LabelDemo.tsx"],
4
- "sourcesContent": ["import React from 'react'\nimport { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack p=\"$3\" miw={300} space=\"$4\">\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"name\">\n Name\n </Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAAqD;AAE9C,SAAS,YAAY;AAC1B,SACE,6CAAC;AAAA,IAAO,GAAE;AAAA,IAAK,KAAK;AAAA,IAAK,OAAM;AAAA,IAC7B;AAAA,mDAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,sDAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAO;AAAA,WAE7B;AAAA,UACA,4CAAC;AAAA,YAAM,GAAG;AAAA,YAAG,IAAG;AAAA,YAAO,cAAa;AAAA,WAAe;AAAA;AAAA,OACrD;AAAA,MAEA,6CAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,sDAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAS;AAAA,WAE/B;AAAA,UACA,4CAAC;AAAA,YAAO,IAAG;AAAA,YACT,sDAAC,sBAAO,OAAP;AAAA,cAAa,WAAU;AAAA,aAAQ;AAAA,WAClC;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
4
+ "sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack p=\"$3\" miw={300} space=\"$4\">\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"name\">\n Name\n </Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAAqD;AAE9C,SAAS,YAAY;AAC1B,SACE,6CAAC;AAAA,IAAO,GAAE;AAAA,IAAK,KAAK;AAAA,IAAK,OAAM;AAAA,IAC7B;AAAA,mDAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,sDAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAO;AAAA,WAE7B;AAAA,UACA,4CAAC;AAAA,YAAM,GAAG;AAAA,YAAG,IAAG;AAAA,YAAO,cAAa;AAAA,WAAe;AAAA;AAAA,OACrD;AAAA,MAEA,6CAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,sDAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAS;AAAA,WAE/B;AAAA,UACA,4CAAC;AAAA,YAAO,IAAG;AAAA,YACT,sDAAC,sBAAO,OAAP;AAAA,cAAa,WAAU;AAAA,aAAQ;AAAA,WAClC;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/SelectDemo.js CHANGED
@@ -53,6 +53,7 @@ function SelectDemo() {
53
53
  ]
54
54
  }),
55
55
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, {
56
+ zIndex: 2e5,
56
57
  children: [
57
58
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.ScrollUpButton, {
58
59
  ai: "center",
package/dist/cjs/SelectDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SelectDemo.tsx"],
4
- "sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport React, { useState } from 'react'\nimport { LinearGradient, Select, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n const [val, setVal] = useState('apple')\n return (\n <Select id=\"food\" sheetBreakpoint=\"sm\" value={val} onValueChange={setVal}>\n <Select.Trigger w={180} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Select.Sheet modal dismissOnSnapToBottom>\n <Select.Sheet.Frame>\n <Select.Sheet.ScrollView>\n <Select.SheetContents />\n </Select.Sheet.ScrollView>\n </Select.Sheet.Frame>\n <Select.Sheet.Overlay />\n </Select.Sheet>\n\n <Select.Content>\n <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n br=\"$4\"\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group>\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n <Select.ItemIndicator ml=\"auto\">\n <Check size={16} />\n </Select.ItemIndicator>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n br=\"$4\"\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Rasberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASQ;AATR,0BAA8C;AAC9C,mBAAgC;AAChC,qBAA+C;AAExC,SAAS,aAAa;AAC3B,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,OAAO;AACtC,SACE,6CAAC;AAAA,IAAO,IAAG;AAAA,IAAO,iBAAgB;AAAA,IAAK,OAAO;AAAA,IAAK,eAAe;AAAA,IAChE;AAAA,kDAAC,sBAAO,SAAP;AAAA,QAAe,GAAG;AAAA,QAAK,WAAW;AAAA,QACjC,sDAAC,sBAAO,OAAP;AAAA,UAAa,aAAY;AAAA,SAAY;AAAA,OACxC;AAAA,MAEA,6CAAC,sBAAO,OAAP;AAAA,QAAa,OAAK;AAAA,QAAC,uBAAqB;AAAA,QACvC;AAAA,sDAAC,sBAAO,MAAM,OAAb;AAAA,YACC,sDAAC,sBAAO,MAAM,YAAb;AAAA,cACC,sDAAC,sBAAO,eAAP,EAAqB;AAAA,aACxB;AAAA,WACF;AAAA,UACA,4CAAC,sBAAO,MAAM,SAAb,EAAqB;AAAA;AAAA,OACxB;AAAA,MAEA,6CAAC,sBAAO,SAAP;AAAA,QACC;AAAA,uDAAC,sBAAO,gBAAP;AAAA,YAAsB,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,KAAI;AAAA,YAAW,GAAE;AAAA,YAAO,GAAE;AAAA,YACvE;AAAA,0DAAC;AAAA,gBAAO,IAAI;AAAA,gBACV,sDAAC;AAAA,kBAAU,MAAM;AAAA,iBAAI;AAAA,eACvB;AAAA,cACA,4CAAC;AAAA,gBACC,OAAO,CAAC,GAAG,CAAC;AAAA,gBACZ,KAAK,CAAC,GAAG,CAAC;AAAA,gBACV,YAAU;AAAA,gBACV,QAAQ,CAAC,eAAe,wBAAwB;AAAA,gBAChD,IAAG;AAAA,eACL;AAAA;AAAA,WACF;AAAA,UAEA,4CAAC,sBAAO,UAAP;AAAA,YAAgB,UAAU;AAAA,YACzB,uDAAC,sBAAO,OAAP;AAAA,cACC;AAAA,4DAAC,sBAAO,OAAP;AAAA,kBAAa;AAAA,iBAAM;AAAA,gBACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,yBACE,6CAAC,sBAAO,MAAP;AAAA,oBAAY,OAAO;AAAA,oBAAmB,OAAO,KAAK,KAAK,YAAY;AAAA,oBAClE;AAAA,kEAAC,sBAAO,UAAP;AAAA,wBAAiB,eAAK;AAAA,uBAAK;AAAA,sBAC5B,4CAAC,sBAAO,eAAP;AAAA,wBAAqB,IAAG;AAAA,wBACvB,sDAAC;AAAA,0BAAM,MAAM;AAAA,yBAAI;AAAA,uBACnB;AAAA;AAAA,qBAJ0B,KAAK,IAKjC;AAAA,gBAEJ,CAAC;AAAA;AAAA,aACH;AAAA,WACF;AAAA,UAEA,6CAAC,sBAAO,kBAAP;AAAA,YAAwB,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,KAAI;AAAA,YAAW,GAAE;AAAA,YAAO,GAAE;AAAA,YACzE;AAAA,0DAAC;AAAA,gBAAO,IAAI;AAAA,gBACV,sDAAC;AAAA,kBAAY,MAAM;AAAA,iBAAI;AAAA,eACzB;AAAA,cACA,4CAAC;AAAA,gBACC,OAAO,CAAC,GAAG,CAAC;AAAA,gBACZ,KAAK,CAAC,GAAG,CAAC;AAAA,gBACV,YAAU;AAAA,gBACV,QAAQ,CAAC,0BAA0B,aAAa;AAAA,gBAChD,IAAG;AAAA,eACL;AAAA;AAAA,WACF;AAAA;AAAA,OACF;AAAA;AAAA,GACF;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,WAAW;AAAA,EACnB,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
+ "sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport React, { useState } from 'react'\nimport { LinearGradient, Select, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n const [val, setVal] = useState('apple')\n return (\n <Select id=\"food\" sheetBreakpoint=\"sm\" value={val} onValueChange={setVal}>\n <Select.Trigger w={180} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Select.Sheet modal dismissOnSnapToBottom>\n <Select.Sheet.Frame>\n <Select.Sheet.ScrollView>\n <Select.SheetContents />\n </Select.Sheet.ScrollView>\n </Select.Sheet.Frame>\n <Select.Sheet.Overlay />\n </Select.Sheet>\n\n <Select.Content zIndex={200_000}>\n <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n br=\"$4\"\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group>\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n <Select.ItemIndicator ml=\"auto\">\n <Check size={16} />\n </Select.ItemIndicator>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n br=\"$4\"\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Rasberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/esm/LabelDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LabelDemo.tsx"],
4
- "sourcesContent": ["import React from 'react'\nimport { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack p=\"$3\" miw={300} space=\"$4\">\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"name\">\n Name\n </Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
5
- "mappings": "AAMM,SACE,KADF;AALN,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,qBAAC;AAAA,IAAO,GAAE;AAAA,IAAK,KAAK;AAAA,IAAK,OAAM;AAAA,IAC7B;AAAA,2BAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,8BAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAO;AAAA,WAE7B;AAAA,UACA,oBAAC;AAAA,YAAM,GAAG;AAAA,YAAG,IAAG;AAAA,YAAO,cAAa;AAAA,WAAe;AAAA;AAAA,OACrD;AAAA,MAEA,qBAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,8BAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAS;AAAA,WAE/B;AAAA,UACA,oBAAC;AAAA,YAAO,IAAG;AAAA,YACT,8BAAC,OAAO,OAAP;AAAA,cAAa,WAAU;AAAA,aAAQ;AAAA,WAClC;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
4
+ "sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack p=\"$3\" miw={300} space=\"$4\">\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"name\">\n Name\n </Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
5
+ "mappings": "AAKM,SACE,KADF;AALN,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,qBAAC;AAAA,IAAO,GAAE;AAAA,IAAK,KAAK;AAAA,IAAK,OAAM;AAAA,IAC7B;AAAA,2BAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,8BAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAO;AAAA,WAE7B;AAAA,UACA,oBAAC;AAAA,YAAM,GAAG;AAAA,YAAG,IAAG;AAAA,YAAO,cAAa;AAAA,WAAe;AAAA;AAAA,OACrD;AAAA,MAEA,qBAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,8BAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAS;AAAA,WAE/B;AAAA,UACA,oBAAC;AAAA,YAAO,IAAG;AAAA,YACT,8BAAC,OAAO,OAAP;AAAA,cAAa,WAAU;AAAA,aAAQ;AAAA,WAClC;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/SelectDemo.js CHANGED
@@ -30,6 +30,7 @@ function SelectDemo() {
30
30
  ]
31
31
  }),
32
32
  /* @__PURE__ */ jsxs(Select.Content, {
33
+ zIndex: 2e5,
33
34
  children: [
34
35
  /* @__PURE__ */ jsxs(Select.ScrollUpButton, {
35
36
  ai: "center",
package/dist/esm/SelectDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SelectDemo.tsx"],
4
- "sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport React, { useState } from 'react'\nimport { LinearGradient, Select, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n const [val, setVal] = useState('apple')\n return (\n <Select id=\"food\" sheetBreakpoint=\"sm\" value={val} onValueChange={setVal}>\n <Select.Trigger w={180} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Select.Sheet modal dismissOnSnapToBottom>\n <Select.Sheet.Frame>\n <Select.Sheet.ScrollView>\n <Select.SheetContents />\n </Select.Sheet.ScrollView>\n </Select.Sheet.Frame>\n <Select.Sheet.Overlay />\n </Select.Sheet>\n\n <Select.Content>\n <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n br=\"$4\"\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group>\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n <Select.ItemIndicator ml=\"auto\">\n <Check size={16} />\n </Select.ItemIndicator>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n br=\"$4\"\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Rasberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
5
- "mappings": "AASQ,cAGF,YAHE;AATR,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAgB,gBAAgB;AAChC,SAAS,gBAAgB,QAAQ,cAAc;AAExC,SAAS,aAAa;AAC3B,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AACtC,SACE,qBAAC;AAAA,IAAO,IAAG;AAAA,IAAO,iBAAgB;AAAA,IAAK,OAAO;AAAA,IAAK,eAAe;AAAA,IAChE;AAAA,0BAAC,OAAO,SAAP;AAAA,QAAe,GAAG;AAAA,QAAK,WAAW;AAAA,QACjC,8BAAC,OAAO,OAAP;AAAA,UAAa,aAAY;AAAA,SAAY;AAAA,OACxC;AAAA,MAEA,qBAAC,OAAO,OAAP;AAAA,QAAa,OAAK;AAAA,QAAC,uBAAqB;AAAA,QACvC;AAAA,8BAAC,OAAO,MAAM,OAAb;AAAA,YACC,8BAAC,OAAO,MAAM,YAAb;AAAA,cACC,8BAAC,OAAO,eAAP,EAAqB;AAAA,aACxB;AAAA,WACF;AAAA,UACA,oBAAC,OAAO,MAAM,SAAb,EAAqB;AAAA;AAAA,OACxB;AAAA,MAEA,qBAAC,OAAO,SAAP;AAAA,QACC;AAAA,+BAAC,OAAO,gBAAP;AAAA,YAAsB,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,KAAI;AAAA,YAAW,GAAE;AAAA,YAAO,GAAE;AAAA,YACvE;AAAA,kCAAC;AAAA,gBAAO,IAAI;AAAA,gBACV,8BAAC;AAAA,kBAAU,MAAM;AAAA,iBAAI;AAAA,eACvB;AAAA,cACA,oBAAC;AAAA,gBACC,OAAO,CAAC,GAAG,CAAC;AAAA,gBACZ,KAAK,CAAC,GAAG,CAAC;AAAA,gBACV,YAAU;AAAA,gBACV,QAAQ,CAAC,eAAe,wBAAwB;AAAA,gBAChD,IAAG;AAAA,eACL;AAAA;AAAA,WACF;AAAA,UAEA,oBAAC,OAAO,UAAP;AAAA,YAAgB,UAAU;AAAA,YACzB,+BAAC,OAAO,OAAP;AAAA,cACC;AAAA,oCAAC,OAAO,OAAP;AAAA,kBAAa;AAAA,iBAAM;AAAA,gBACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,yBACE,qBAAC,OAAO,MAAP;AAAA,oBAAY,OAAO;AAAA,oBAAmB,OAAO,KAAK,KAAK,YAAY;AAAA,oBAClE;AAAA,0CAAC,OAAO,UAAP;AAAA,wBAAiB,eAAK;AAAA,uBAAK;AAAA,sBAC5B,oBAAC,OAAO,eAAP;AAAA,wBAAqB,IAAG;AAAA,wBACvB,8BAAC;AAAA,0BAAM,MAAM;AAAA,yBAAI;AAAA,uBACnB;AAAA;AAAA,qBAJ0B,KAAK,IAKjC;AAAA,gBAEJ,CAAC;AAAA;AAAA,aACH;AAAA,WACF;AAAA,UAEA,qBAAC,OAAO,kBAAP;AAAA,YAAwB,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,KAAI;AAAA,YAAW,GAAE;AAAA,YAAO,GAAE;AAAA,YACzE;AAAA,kCAAC;AAAA,gBAAO,IAAI;AAAA,gBACV,8BAAC;AAAA,kBAAY,MAAM;AAAA,iBAAI;AAAA,eACzB;AAAA,cACA,oBAAC;AAAA,gBACC,OAAO,CAAC,GAAG,CAAC;AAAA,gBACZ,KAAK,CAAC,GAAG,CAAC;AAAA,gBACV,YAAU;AAAA,gBACV,QAAQ,CAAC,0BAA0B,aAAa;AAAA,gBAChD,IAAG;AAAA,eACL;AAAA;AAAA,WACF;AAAA;AAAA,OACF;AAAA;AAAA,GACF;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,WAAW;AAAA,EACnB,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
+ "sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport React, { useState } from 'react'\nimport { LinearGradient, Select, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n const [val, setVal] = useState('apple')\n return (\n <Select id=\"food\" sheetBreakpoint=\"sm\" value={val} onValueChange={setVal}>\n <Select.Trigger w={180} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Select.Sheet modal dismissOnSnapToBottom>\n <Select.Sheet.Frame>\n <Select.Sheet.ScrollView>\n <Select.SheetContents />\n </Select.Sheet.ScrollView>\n </Select.Sheet.Frame>\n <Select.Sheet.Overlay />\n </Select.Sheet>\n\n <Select.Content zIndex={200_000}>\n <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n br=\"$4\"\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group>\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n <Select.ItemIndicator ml=\"auto\">\n <Check size={16} />\n </Select.ItemIndicator>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n br=\"$4\"\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Rasberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/jsx/LabelDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LabelDemo.tsx"],
4
- "sourcesContent": ["import React from 'react'\nimport { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack p=\"$3\" miw={300} space=\"$4\">\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"name\">\n Name\n </Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
5
- "mappings": "AACA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,EAAE,KAAK,KAAK,KAAK,MAAM;AAAA,IAC7B,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,MACxB,CAAC,MAAM,GAAG,IAAI,QAAQ,OAAO,IAE7B,EAFC;AAAA,MAGD,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,IACrD,EALC;AAAA,IAOD,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,MACxB,CAAC,MAAM,GAAG,IAAI,QAAQ,SAAS,aAE/B,EAFC;AAAA,MAGD,CAAC,OAAO,GAAG,SACT,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EAhBC;AAkBL;",
4
+ "sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack p=\"$3\" miw={300} space=\"$4\">\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"name\">\n Name\n </Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack ai=\"center\" space=\"$4\">\n <Label w={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
5
+ "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,EAAE,KAAK,KAAK,KAAK,MAAM;AAAA,IAC7B,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,MACxB,CAAC,MAAM,GAAG,IAAI,QAAQ,OAAO,IAE7B,EAFC;AAAA,MAGD,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,IACrD,EALC;AAAA,IAOD,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,MACxB,CAAC,MAAM,GAAG,IAAI,QAAQ,SAAS,aAE/B,EAFC;AAAA,MAGD,CAAC,OAAO,GAAG,SACT,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EAhBC;AAkBL;",
6
6
  "names": []
7
7
  }
package/dist/jsx/SelectDemo.js CHANGED
@@ -9,7 +9,7 @@ function SelectDemo() {
9
9
  <Select.Sheet.Frame><Select.Sheet.ScrollView><Select.SheetContents /></Select.Sheet.ScrollView></Select.Sheet.Frame>
10
10
  <Select.Sheet.Overlay />
11
11
  </Select.Sheet>
12
- <Select.Content>
12
+ <Select.Content zIndex={2e5}>
13
13
  <Select.ScrollUpButton ai="center" jc="center" pos="relative" w="100%" h="$3">
14
14
  <YStack zi={10}><ChevronUp size={20} /></YStack>
15
15
  <LinearGradient start={[0, 0]} end={[0, 1]} fullscreen colors={["$background", "$backgroundTransparent"]} br="$4" />
package/dist/jsx/SelectDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SelectDemo.tsx"],
4
- "sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport React, { useState } from 'react'\nimport { LinearGradient, Select, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n const [val, setVal] = useState('apple')\n return (\n <Select id=\"food\" sheetBreakpoint=\"sm\" value={val} onValueChange={setVal}>\n <Select.Trigger w={180} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Select.Sheet modal dismissOnSnapToBottom>\n <Select.Sheet.Frame>\n <Select.Sheet.ScrollView>\n <Select.SheetContents />\n </Select.Sheet.ScrollView>\n </Select.Sheet.Frame>\n <Select.Sheet.Overlay />\n </Select.Sheet>\n\n <Select.Content>\n <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n br=\"$4\"\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group>\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n <Select.ItemIndicator ml=\"auto\">\n <Check size={16} />\n </Select.ItemIndicator>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n br=\"$4\"\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Rasberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport React, { useState } from 'react'\nimport { LinearGradient, Select, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n const [val, setVal] = useState('apple')\n return (\n <Select id=\"food\" sheetBreakpoint=\"sm\" value={val} onValueChange={setVal}>\n <Select.Trigger w={180} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Select.Sheet modal dismissOnSnapToBottom>\n <Select.Sheet.Frame>\n <Select.Sheet.ScrollView>\n <Select.SheetContents />\n </Select.Sheet.ScrollView>\n </Select.Sheet.Frame>\n <Select.Sheet.Overlay />\n </Select.Sheet>\n\n <Select.Content zIndex={200_000}>\n <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n br=\"$4\"\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group>\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n <Select.ItemIndicator ml=\"auto\">\n <Check size={16} />\n </Select.ItemIndicator>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n br=\"$4\"\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Rasberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.0.1-beta.199",
3
+ "version": "1.0.1-beta.201",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -26,27 +26,27 @@
26
26
  }
27
27
  },
28
28
  "dependencies": {
29
- "@tamagui/avatar": "^1.0.1-beta.199",
30
- "@tamagui/button": "^1.0.1-beta.199",
31
- "@tamagui/config-base": "^1.0.1-beta.199",
32
- "@tamagui/core": "^1.0.1-beta.199",
33
- "@tamagui/list-item": "^1.0.1-beta.199",
34
- "@tamagui/logo": "^1.0.1-beta.199",
35
- "@tamagui/menu": "^1.0.1-beta.199",
36
- "@tamagui/popover": "^1.0.1-beta.199",
37
- "@tamagui/progress": "^1.0.1-beta.199",
38
- "@tamagui/select": "^1.0.1-beta.199",
39
- "@tamagui/sheet": "^1.0.1-beta.199",
40
- "@tamagui/slider": "^1.0.1-beta.199",
41
- "@tamagui/stacks": "^1.0.1-beta.199",
42
- "tamagui": "^1.0.1-beta.199"
29
+ "@tamagui/avatar": "^1.0.1-beta.201",
30
+ "@tamagui/button": "^1.0.1-beta.201",
31
+ "@tamagui/config-base": "^1.0.1-beta.201",
32
+ "@tamagui/core": "^1.0.1-beta.201",
33
+ "@tamagui/list-item": "^1.0.1-beta.201",
34
+ "@tamagui/logo": "^1.0.1-beta.201",
35
+ "@tamagui/menu": "^1.0.1-beta.201",
36
+ "@tamagui/popover": "^1.0.1-beta.201",
37
+ "@tamagui/progress": "^1.0.1-beta.201",
38
+ "@tamagui/select": "^1.0.1-beta.201",
39
+ "@tamagui/sheet": "^1.0.1-beta.201",
40
+ "@tamagui/slider": "^1.0.1-beta.201",
41
+ "@tamagui/stacks": "^1.0.1-beta.201",
42
+ "tamagui": "^1.0.1-beta.201"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": "*",
46
46
  "react-dom": "*"
47
47
  },
48
48
  "devDependencies": {
49
- "@tamagui/build": "^1.0.1-beta.199",
49
+ "@tamagui/build": "^1.0.1-beta.201",
50
50
  "react": "*",
51
51
  "react-dom": "*"
52
52
  },
package/src/LabelDemo.tsx CHANGED
@@ -1,4 +1,3 @@
1
- import React from 'react'
2
1
  import { Input, Label, Switch, XStack, YStack } from 'tamagui'
3
2
 
4
3
  export function LabelDemo() {
package/src/SelectDemo.tsx CHANGED
@@ -19,7 +19,7 @@ export function SelectDemo() {
19
19
  <Select.Sheet.Overlay />
20
20
  </Select.Sheet>
21
21
 
22
- <Select.Content>
22
+ <Select.Content zIndex={200_000}>
23
23
  <Select.ScrollUpButton ai="center" jc="center" pos="relative" w="100%" h="$3">
24
24
  <YStack zi={10}>
25
25
  <ChevronUp size={20} />