@tamagui/demos 1.0.1-beta.64 → 1.0.1-beta.67

package/dist/cjs/LabelDemo.js

@@ -30,7 +30,7 @@ function LabelDemo() {
   return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
     miw: 300,
     p: "$3",
-    space: "$2"
+    space: "$4"
   }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
     htmlFor: "name"
   }, "Name"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, {

package/dist/cjs/LabelDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/LabelDemo.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Input, Label, XStack } from 'tamagui'\n\nexport default function LabelDemo() {\n  return (\n    <XStack miw={300} p=\"$3\" space=\"$2\">\n      <Label htmlFor=\"name\">Name</Label>\n      <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n    </XStack>\n  )\n}\n"],
+  "sourcesContent": ["import React from 'react'\nimport { Input, Label, XStack } from 'tamagui'\n\nexport default function LabelDemo() {\n  return (\n    <XStack miw={300} p=\"$3\" space=\"$4\">\n      <Label htmlFor=\"name\">Name</Label>\n      <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n    </XStack>\n  )\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqC;AAEtB,qBAAqB;AAClC,SACE,mDAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,KAC7B,mDAAC;AAAA,IAAM,SAAQ;AAAA,KAAO,MAAI,GAC1B,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CACrD;AAEJ;AAPwB;",
   "names": []
 }

package/dist/cjs/SelectDemo.js

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectDemo_exports = {};
+__export(SelectDemo_exports, {
+  default: () => SelectDemo
+});
+module.exports = __toCommonJS(SelectDemo_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_tamagui = require("tamagui");
+function SelectDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.Select, {
+    defaultValue: "apple"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Select.Trigger, {
+    w: 200,
+    iconAfter: import_feather_icons.ChevronDown
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Select.Value, {
+    placeholder: "Something"
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Select.Content, null, /* @__PURE__ */ React.createElement(import_tamagui.Select.ScrollUpButton, null, /* @__PURE__ */ React.createElement(import_tamagui.Text, null, "\u261D\uFE0F")), /* @__PURE__ */ React.createElement(import_tamagui.Select.Viewport, {
+    minWidth: 200
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Select.Group, null, /* @__PURE__ */ React.createElement(import_tamagui.Select.Label, null, "Fruits"), items.map((item, i) => {
+    return /* @__PURE__ */ React.createElement(import_tamagui.Select.Item, {
+      index: i,
+      key: item.name,
+      value: item.name.toLowerCase()
+    }, /* @__PURE__ */ React.createElement(import_tamagui.Select.ItemText, null, item.name));
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.Select.ScrollDownButton, null, /* @__PURE__ */ React.createElement(import_tamagui.Text, null, "\u{1F447}"))));
+}
+__name(SelectDemo, "SelectDemo");
+const items = [
+  { name: "Apple" },
+  { name: "Pear" },
+  { name: "Blackberry" },
+  { name: "Peach" },
+  { name: "Apricot" },
+  { name: "Melon" },
+  { name: "Honeydew" },
+  { name: "Starfruit" },
+  { name: "Blueberry" },
+  { name: "Rasberry" },
+  { name: "Strawberry" },
+  { name: "Mango" },
+  { name: "Pineapple" },
+  { name: "Lime" },
+  { name: "Lemon" },
+  { name: "Coconut" },
+  { name: "Guava" },
+  { name: "Papaya" },
+  { name: "Orange" },
+  { name: "Grape" },
+  { name: "Jackfruit" },
+  { name: "Durian" }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=SelectDemo.js.map

package/dist/cjs/SelectDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown } from '@tamagui/feather-icons'\nimport { Select, Text } from 'tamagui'\n\nexport default function SelectDemo() {\n  return (\n    <Select defaultValue=\"apple\">\n      <Select.Trigger w={200} iconAfter={ChevronDown}>\n        <Select.Value placeholder=\"Something\" />\n      </Select.Trigger>\n\n      <Select.Content>\n        <Select.ScrollUpButton>\n          <Text>\u261D\uFE0F</Text>\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.Item>\n              )\n            })}\n          </Select.Group>\n        </Select.Viewport>\n\n        <Select.ScrollDownButton>\n          <Text>\uD83D\uDC47</Text>\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA4B;AAC5B,qBAA6B;AAEd,sBAAsB;AACnC,SACE,oCAAC;AAAA,IAAO,cAAa;AAAA,KACnB,oCAAC,sBAAO,SAAP;AAAA,IAAe,GAAG;AAAA,IAAK,WAAW;AAAA,KACjC,oCAAC,sBAAO,OAAP;AAAA,IAAa,aAAY;AAAA,GAAY,CACxC,GAEA,oCAAC,sBAAO,SAAP,MACC,oCAAC,sBAAO,gBAAP,MACC,oCAAC,2BAAK,cAAE,CACV,GAEA,oCAAC,sBAAO,UAAP;AAAA,IAAgB,UAAU;AAAA,KACzB,oCAAC,sBAAO,OAAP,MACC,oCAAC,sBAAO,OAAP,MAAa,QAAM,GACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,WACE,oCAAC,sBAAO,MAAP;AAAA,MAAY,OAAO;AAAA,MAAG,KAAK,KAAK;AAAA,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,OAClE,oCAAC,sBAAO,UAAP,MAAiB,KAAK,IAAK,CAC9B;AAAA,EAEJ,CAAC,CACH,CACF,GAEA,oCAAC,sBAAO,kBAAP,MACC,oCAAC,2BAAK,WAAE,CACV,CACF,CACF;AAEJ;AA/BwB;AAiCxB,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;",
+  "names": []
+}

package/dist/cjs/SwitchDemo.js

@@ -61,7 +61,6 @@ function SwitchWithLabel(props) {
     id: "switch-1",
     size: props.size
   }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Switch.Thumb, {
-    debug: "verbose",
     animation: "bouncy"
   })));
 }

package/dist/cjs/SwitchDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport default function SwitchDemo() {\n  return (\n    <YStack w={300} ai=\"center\" space=\"$3\">\n      <SwitchWithLabel size=\"$2\" />\n      <SwitchWithLabel size=\"$3\" />\n      <SwitchWithLabel size=\"$4\" />\n      <SwitchWithLabel size=\"$5\" />\n    </YStack>\n  )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n  return (\n    <XStack w={300} x={-60} ai=\"center\" space=\"$4\">\n      <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n        Dark mode\n      </Label>\n      <Separator mih={20} vertical />\n      <Switch id=\"switch-1\" size={props.size}>\n        <Switch.Thumb debug=\"verbose\" animation=\"bouncy\" />\n      </Switch>\n    </XStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqE;AAEtD,sBAAsB;AACnC,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AATwB;AAWxB,yBAAyB,OAA6B;AACpD,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACxC,mDAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,mDAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,mDAAC,sBAAO,OAAP;AAAA,IAAa,OAAM;AAAA,IAAU,WAAU;AAAA,GAAS,CACnD,CACF;AAEJ;AAZS;",
+  "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport default function SwitchDemo() {\n  return (\n    <YStack w={300} ai=\"center\" space=\"$3\">\n      <SwitchWithLabel size=\"$2\" />\n      <SwitchWithLabel size=\"$3\" />\n      <SwitchWithLabel size=\"$4\" />\n      <SwitchWithLabel size=\"$5\" />\n    </YStack>\n  )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n  return (\n    <XStack w={300} x={-60} ai=\"center\" space=\"$4\">\n      <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n        Dark mode\n      </Label>\n      <Separator mih={20} vertical />\n      <Switch id=\"switch-1\" size={props.size}>\n        <Switch.Thumb animation=\"bouncy\" />\n      </Switch>\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqE;AAEtD,sBAAsB;AACnC,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AATwB;AAWxB,yBAAyB,OAA6B;AACpD,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACxC,mDAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,mDAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,mDAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;AAZS;",
   "names": []
 }

package/dist/cjs/index.js

@@ -39,6 +39,7 @@ __export(src_exports, {
   ListItemDemo: () => import_ListItemDemo.default,
   PopoverDemo: () => import_PopoverDemo.default,
   ProgressDemo: () => import_ProgressDemo.default,
+  SelectDemo: () => import_SelectDemo.default,
   SeparatorDemo: () => import_SeparatorDemo.default,
   ShapesDemo: () => import_ShapesDemo.default,
   SliderDemo: () => import_SliderDemo.default,
@@ -58,6 +59,7 @@ var import_ThemeInverseDemo = __toESM(require("./ThemeInverseDemo"));
 var import_FormsDemo = __toESM(require("./FormsDemo"));
 var import_LinearGradientDemo = __toESM(require("./LinearGradientDemo"));
 var import_HeadingsDemo = __toESM(require("./HeadingsDemo"));
+var import_SelectDemo = __toESM(require("./SelectDemo"));
 var import_SeparatorDemo = __toESM(require("./SeparatorDemo"));
 var import_ImageDemo = __toESM(require("./ImageDemo"));
 var import_AnimationsDemo = __toESM(require("./AnimationsDemo"));
@@ -99,6 +101,7 @@ __reExport(src_exports, require("./TamaguiLogo"), module.exports);
   ListItemDemo,
   PopoverDemo,
   ProgressDemo,
+  SelectDemo,
   SeparatorDemo,
   ShapesDemo,
   SliderDemo,

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["import { config } from '@tamagui/config-base'\nimport { InferTamaguiConfig } from '@tamagui/core'\n\nexport type Conf = InferTamaguiConfig<typeof config>\n\ndeclare module 'tamagui' {\n  interface TamaguiCustomConfig extends Conf {}\n}\n\nexport { default as StacksDemo } from './StacksDemo'\nexport { default as ShapesDemo } from './ShapesDemo'\nexport { default as TextDemo } from './TextDemo'\nexport { default as ButtonDemo } from './ButtonDemo'\nexport { default as ThemeInverseDemo } from './ThemeInverseDemo'\nexport { default as FormsDemo } from './FormsDemo'\nexport { default as LinearGradientDemo } from './LinearGradientDemo'\nexport { default as HeadingsDemo } from './HeadingsDemo'\nexport { default as SeparatorDemo } from './SeparatorDemo'\nexport { default as ImageDemo } from './ImageDemo'\nexport { default as AnimationsDemo } from './AnimationsDemo'\nexport { default as LabelDemo } from './LabelDemo'\nexport { default as GroupDemo } from './GroupDemo'\nexport { default as CardDemo } from './CardDemo'\nexport { default as AvatarDemo } from './AvatarDemo'\nexport { default as ProgressDemo } from './ProgressDemo'\nexport { default as ListItemDemo } from './ListItemDemo'\nexport { default as TooltipDemo } from './TooltipDemo'\n// gorhom bottom-sheet giving kitchen-sink problems\n// export { default as DrawerDemo } from './DrawerDemo'\n// export { default as MenuDemo } from './MenuDemo'\nexport { default as PopoverDemo } from './PopoverDemo'\nexport { default as DialogDemo } from './DialogDemo'\nexport { default as AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { default as AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { default as AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { default as SwitchDemo } from './SwitchDemo'\nexport { default as SliderDemo } from './SliderDemo'\nexport { default as SpinnerDemo } from './SpinnerDemo'\nexport { default as FeatherIconsDemo } from './FeatherIconsDemo'\nexport * from './useOnIntersecting'\nexport * from './TamaguiLogo'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,wBAAsC;AACtC,wBAAsC;AACtC,sBAAoC;AACpC,wBAAsC;AACtC,8BAA4C;AAC5C,uBAAqC;AACrC,gCAA8C;AAC9C,0BAAwC;AACxC,2BAAyC;AACzC,uBAAqC;AACrC,4BAA0C;AAC1C,uBAAqC;AACrC,uBAAqC;AACrC,sBAAoC;AACpC,wBAAsC;AACtC,0BAAwC;AACxC,0BAAwC;AACxC,yBAAuC;AAIvC,yBAAuC;AACvC,wBAAsC;AACtC,iCAA+C;AAC/C,iCAA+C;AAC/C,oCAAkD;AAClD,wBAAsC;AACtC,wBAAsC;AACtC,yBAAuC;AACvC,8BAA4C;AAC5C,wBAAc,gCAvCd;AAwCA,wBAAc,0BAxCd;",
+  "sourcesContent": ["import { config } from '@tamagui/config-base'\nimport { InferTamaguiConfig } from '@tamagui/core'\n\nexport type Conf = InferTamaguiConfig<typeof config>\n\ndeclare module 'tamagui' {\n  interface TamaguiCustomConfig extends Conf {}\n}\n\nexport { default as StacksDemo } from './StacksDemo'\nexport { default as ShapesDemo } from './ShapesDemo'\nexport { default as TextDemo } from './TextDemo'\nexport { default as ButtonDemo } from './ButtonDemo'\nexport { default as ThemeInverseDemo } from './ThemeInverseDemo'\nexport { default as FormsDemo } from './FormsDemo'\nexport { default as LinearGradientDemo } from './LinearGradientDemo'\nexport { default as HeadingsDemo } from './HeadingsDemo'\nexport { default as SelectDemo } from './SelectDemo'\nexport { default as SeparatorDemo } from './SeparatorDemo'\nexport { default as ImageDemo } from './ImageDemo'\nexport { default as AnimationsDemo } from './AnimationsDemo'\nexport { default as LabelDemo } from './LabelDemo'\nexport { default as GroupDemo } from './GroupDemo'\nexport { default as CardDemo } from './CardDemo'\nexport { default as AvatarDemo } from './AvatarDemo'\nexport { default as ProgressDemo } from './ProgressDemo'\nexport { default as ListItemDemo } from './ListItemDemo'\nexport { default as TooltipDemo } from './TooltipDemo'\n// gorhom bottom-sheet giving kitchen-sink problems\n// export { default as DrawerDemo } from './DrawerDemo'\n// export { default as MenuDemo } from './MenuDemo'\nexport { default as PopoverDemo } from './PopoverDemo'\nexport { default as DialogDemo } from './DialogDemo'\nexport { default as AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { default as AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { default as AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { default as SwitchDemo } from './SwitchDemo'\nexport { default as SliderDemo } from './SliderDemo'\nexport { default as SpinnerDemo } from './SpinnerDemo'\nexport { default as FeatherIconsDemo } from './FeatherIconsDemo'\nexport * from './useOnIntersecting'\nexport * from './TamaguiLogo'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,wBAAsC;AACtC,wBAAsC;AACtC,sBAAoC;AACpC,wBAAsC;AACtC,8BAA4C;AAC5C,uBAAqC;AACrC,gCAA8C;AAC9C,0BAAwC;AACxC,wBAAsC;AACtC,2BAAyC;AACzC,uBAAqC;AACrC,4BAA0C;AAC1C,uBAAqC;AACrC,uBAAqC;AACrC,sBAAoC;AACpC,wBAAsC;AACtC,0BAAwC;AACxC,0BAAwC;AACxC,yBAAuC;AAIvC,yBAAuC;AACvC,wBAAsC;AACtC,iCAA+C;AAC/C,iCAA+C;AAC/C,oCAAkD;AAClD,wBAAsC;AACtC,wBAAsC;AACtC,yBAAuC;AACvC,8BAA4C;AAC5C,wBAAc,gCAxCd;AAyCA,wBAAc,0BAzCd;",
   "names": []
 }

package/dist/esm/LabelDemo.js

@@ -6,7 +6,7 @@ function LabelDemo() {
   return /* @__PURE__ */ React.createElement(XStack, {
     miw: 300,
     p: "$3",
-    space: "$2"
+    space: "$4"
   }, /* @__PURE__ */ React.createElement(Label, {
     htmlFor: "name"
   }, "Name"), /* @__PURE__ */ React.createElement(Input, {

package/dist/esm/LabelDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/LabelDemo.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Input, Label, XStack } from 'tamagui'\n\nexport default function LabelDemo() {\n  return (\n    <XStack miw={300} p=\"$3\" space=\"$2\">\n      <Label htmlFor=\"name\">Name</Label>\n      <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n    </XStack>\n  )\n}\n"],
+  "sourcesContent": ["import React from 'react'\nimport { Input, Label, XStack } from 'tamagui'\n\nexport default function LabelDemo() {\n  return (\n    <XStack miw={300} p=\"$3\" space=\"$4\">\n      <Label htmlFor=\"name\">Name</Label>\n      <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n    </XStack>\n  )\n}\n"],
   "mappings": ";;AAAA;AACA;AAEe,qBAAqB;AAClC,SACE,oCAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,KAC7B,oCAAC;AAAA,IAAM,SAAQ;AAAA,KAAO,MAAI,GAC1B,oCAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CACrD;AAEJ;AAPwB;",
   "names": []
 }

package/dist/esm/SelectDemo.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { ChevronDown } from "@tamagui/feather-icons";
+import { Select, Text } from "tamagui";
+function SelectDemo() {
+  return /* @__PURE__ */ React.createElement(Select, {
+    defaultValue: "apple"
+  }, /* @__PURE__ */ React.createElement(Select.Trigger, {
+    w: 200,
+    iconAfter: ChevronDown
+  }, /* @__PURE__ */ React.createElement(Select.Value, {
+    placeholder: "Something"
+  })), /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.ScrollUpButton, null, /* @__PURE__ */ React.createElement(Text, null, "\u261D\uFE0F")), /* @__PURE__ */ React.createElement(Select.Viewport, {
+    minWidth: 200
+  }, /* @__PURE__ */ React.createElement(Select.Group, null, /* @__PURE__ */ React.createElement(Select.Label, null, "Fruits"), items.map((item, i) => {
+    return /* @__PURE__ */ React.createElement(Select.Item, {
+      index: i,
+      key: item.name,
+      value: item.name.toLowerCase()
+    }, /* @__PURE__ */ React.createElement(Select.ItemText, null, item.name));
+  }))), /* @__PURE__ */ React.createElement(Select.ScrollDownButton, null, /* @__PURE__ */ React.createElement(Text, null, "\u{1F447}"))));
+}
+__name(SelectDemo, "SelectDemo");
+const items = [
+  { name: "Apple" },
+  { name: "Pear" },
+  { name: "Blackberry" },
+  { name: "Peach" },
+  { name: "Apricot" },
+  { name: "Melon" },
+  { name: "Honeydew" },
+  { name: "Starfruit" },
+  { name: "Blueberry" },
+  { name: "Rasberry" },
+  { name: "Strawberry" },
+  { name: "Mango" },
+  { name: "Pineapple" },
+  { name: "Lime" },
+  { name: "Lemon" },
+  { name: "Coconut" },
+  { name: "Guava" },
+  { name: "Papaya" },
+  { name: "Orange" },
+  { name: "Grape" },
+  { name: "Jackfruit" },
+  { name: "Durian" }
+];
+export {
+  SelectDemo as default
+};
+//# sourceMappingURL=SelectDemo.js.map

package/dist/esm/SelectDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown } from '@tamagui/feather-icons'\nimport { Select, Text } from 'tamagui'\n\nexport default function SelectDemo() {\n  return (\n    <Select defaultValue=\"apple\">\n      <Select.Trigger w={200} iconAfter={ChevronDown}>\n        <Select.Value placeholder=\"Something\" />\n      </Select.Trigger>\n\n      <Select.Content>\n        <Select.ScrollUpButton>\n          <Text>\u261D\uFE0F</Text>\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.Item>\n              )\n            })}\n          </Select.Group>\n        </Select.Viewport>\n\n        <Select.ScrollDownButton>\n          <Text>\uD83D\uDC47</Text>\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"],
+  "mappings": ";;AAAA;AACA;AAEe,sBAAsB;AACnC,SACE,oCAAC;AAAA,IAAO,cAAa;AAAA,KACnB,oCAAC,OAAO,SAAP;AAAA,IAAe,GAAG;AAAA,IAAK,WAAW;AAAA,KACjC,oCAAC,OAAO,OAAP;AAAA,IAAa,aAAY;AAAA,GAAY,CACxC,GAEA,oCAAC,OAAO,SAAP,MACC,oCAAC,OAAO,gBAAP,MACC,oCAAC,YAAK,cAAE,CACV,GAEA,oCAAC,OAAO,UAAP;AAAA,IAAgB,UAAU;AAAA,KACzB,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,OAAP,MAAa,QAAM,GACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,WACE,oCAAC,OAAO,MAAP;AAAA,MAAY,OAAO;AAAA,MAAG,KAAK,KAAK;AAAA,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,OAClE,oCAAC,OAAO,UAAP,MAAiB,KAAK,IAAK,CAC9B;AAAA,EAEJ,CAAC,CACH,CACF,GAEA,oCAAC,OAAO,kBAAP,MACC,oCAAC,YAAK,WAAE,CACV,CACF,CACF;AAEJ;AA/BwB;AAiCxB,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;",
+  "names": []
+}

package/dist/esm/SwitchDemo.js

@@ -37,7 +37,6 @@ function SwitchWithLabel(props) {
     id: "switch-1",
     size: props.size
   }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
-    debug: "verbose",
     animation: "bouncy"
   })));
 }

package/dist/esm/SwitchDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport default function SwitchDemo() {\n  return (\n    <YStack w={300} ai=\"center\" space=\"$3\">\n      <SwitchWithLabel size=\"$2\" />\n      <SwitchWithLabel size=\"$3\" />\n      <SwitchWithLabel size=\"$4\" />\n      <SwitchWithLabel size=\"$5\" />\n    </YStack>\n  )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n  return (\n    <XStack w={300} x={-60} ai=\"center\" space=\"$4\">\n      <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n        Dark mode\n      </Label>\n      <Separator mih={20} vertical />\n      <Switch id=\"switch-1\" size={props.size}>\n        <Switch.Thumb debug=\"verbose\" animation=\"bouncy\" />\n      </Switch>\n    </XStack>\n  )\n}\n"],
-  "mappings": ";;AAAA;AACA;AAEe,sBAAsB;AACnC,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AATwB;AAWxB,yBAAyB,OAA6B;AACpD,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACxC,oCAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,oCAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,oCAAC,OAAO,OAAP;AAAA,IAAa,OAAM;AAAA,IAAU,WAAU;AAAA,GAAS,CACnD,CACF;AAEJ;AAZS;",
+  "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport default function SwitchDemo() {\n  return (\n    <YStack w={300} ai=\"center\" space=\"$3\">\n      <SwitchWithLabel size=\"$2\" />\n      <SwitchWithLabel size=\"$3\" />\n      <SwitchWithLabel size=\"$4\" />\n      <SwitchWithLabel size=\"$5\" />\n    </YStack>\n  )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n  return (\n    <XStack w={300} x={-60} ai=\"center\" space=\"$4\">\n      <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n        Dark mode\n      </Label>\n      <Separator mih={20} vertical />\n      <Switch id=\"switch-1\" size={props.size}>\n        <Switch.Thumb animation=\"bouncy\" />\n      </Switch>\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEe,sBAAsB;AACnC,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AATwB;AAWxB,yBAAyB,OAA6B;AACpD,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACxC,oCAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,oCAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,oCAAC,OAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;AAZS;",
   "names": []
 }

package/dist/esm/index.js

@@ -6,54 +6,56 @@ import { default as default6 } from "./ThemeInverseDemo";
 import { default as default7 } from "./FormsDemo";
 import { default as default8 } from "./LinearGradientDemo";
 import { default as default9 } from "./HeadingsDemo";
-import { default as default10 } from "./SeparatorDemo";
-import { default as default11 } from "./ImageDemo";
-import { default as default12 } from "./AnimationsDemo";
-import { default as default13 } from "./LabelDemo";
-import { default as default14 } from "./GroupDemo";
-import { default as default15 } from "./CardDemo";
-import { default as default16 } from "./AvatarDemo";
-import { default as default17 } from "./ProgressDemo";
-import { default as default18 } from "./ListItemDemo";
-import { default as default19 } from "./TooltipDemo";
-import { default as default20 } from "./PopoverDemo";
-import { default as default21 } from "./DialogDemo";
-import { default as default22 } from "./AnimationsHoverDemo";
-import { default as default23 } from "./AnimationsEnterDemo";
-import { default as default24 } from "./AnimationsPresenceDemo";
-import { default as default25 } from "./SwitchDemo";
-import { default as default26 } from "./SliderDemo";
-import { default as default27 } from "./SpinnerDemo";
-import { default as default28 } from "./FeatherIconsDemo";
+import { default as default10 } from "./SelectDemo";
+import { default as default11 } from "./SeparatorDemo";
+import { default as default12 } from "./ImageDemo";
+import { default as default13 } from "./AnimationsDemo";
+import { default as default14 } from "./LabelDemo";
+import { default as default15 } from "./GroupDemo";
+import { default as default16 } from "./CardDemo";
+import { default as default17 } from "./AvatarDemo";
+import { default as default18 } from "./ProgressDemo";
+import { default as default19 } from "./ListItemDemo";
+import { default as default20 } from "./TooltipDemo";
+import { default as default21 } from "./PopoverDemo";
+import { default as default22 } from "./DialogDemo";
+import { default as default23 } from "./AnimationsHoverDemo";
+import { default as default24 } from "./AnimationsEnterDemo";
+import { default as default25 } from "./AnimationsPresenceDemo";
+import { default as default26 } from "./SwitchDemo";
+import { default as default27 } from "./SliderDemo";
+import { default as default28 } from "./SpinnerDemo";
+import { default as default29 } from "./FeatherIconsDemo";
 export * from "./useOnIntersecting";
 export * from "./TamaguiLogo";
 export {
-  default12 as AnimationsDemo,
-  default23 as AnimationsEnterDemo,
-  default22 as AnimationsHoverDemo,
-  default24 as AnimationsPresenceDemo,
-  default16 as AvatarDemo,
+  default13 as AnimationsDemo,
+  default24 as AnimationsEnterDemo,
+  default23 as AnimationsHoverDemo,
+  default25 as AnimationsPresenceDemo,
+  default17 as AvatarDemo,
   default5 as ButtonDemo,
-  default15 as CardDemo,
-  default21 as DialogDemo,
-  default28 as FeatherIconsDemo,
+  default16 as CardDemo,
+  default22 as DialogDemo,
+  default29 as FeatherIconsDemo,
   default7 as FormsDemo,
-  default14 as GroupDemo,
+  default15 as GroupDemo,
   default9 as HeadingsDemo,
-  default11 as ImageDemo,
-  default13 as LabelDemo,
+  default12 as ImageDemo,
+  default14 as LabelDemo,
   default8 as LinearGradientDemo,
-  default18 as ListItemDemo,
-  default20 as PopoverDemo,
-  default17 as ProgressDemo,
-  default10 as SeparatorDemo,
+  default19 as ListItemDemo,
+  default21 as PopoverDemo,
+  default18 as ProgressDemo,
+  default10 as SelectDemo,
+  default11 as SeparatorDemo,
   default3 as ShapesDemo,
-  default26 as SliderDemo,
-  default27 as SpinnerDemo,
+  default27 as SliderDemo,
+  default28 as SpinnerDemo,
   default2 as StacksDemo,
-  default25 as SwitchDemo,
+  default26 as SwitchDemo,
   default4 as TextDemo,
   default6 as ThemeInverseDemo,
-  default19 as TooltipDemo
+  default20 as TooltipDemo
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["import { config } from '@tamagui/config-base'\nimport { InferTamaguiConfig } from '@tamagui/core'\n\nexport type Conf = InferTamaguiConfig<typeof config>\n\ndeclare module 'tamagui' {\n  interface TamaguiCustomConfig extends Conf {}\n}\n\nexport { default as StacksDemo } from './StacksDemo'\nexport { default as ShapesDemo } from './ShapesDemo'\nexport { default as TextDemo } from './TextDemo'\nexport { default as ButtonDemo } from './ButtonDemo'\nexport { default as ThemeInverseDemo } from './ThemeInverseDemo'\nexport { default as FormsDemo } from './FormsDemo'\nexport { default as LinearGradientDemo } from './LinearGradientDemo'\nexport { default as HeadingsDemo } from './HeadingsDemo'\nexport { default as SeparatorDemo } from './SeparatorDemo'\nexport { default as ImageDemo } from './ImageDemo'\nexport { default as AnimationsDemo } from './AnimationsDemo'\nexport { default as LabelDemo } from './LabelDemo'\nexport { default as GroupDemo } from './GroupDemo'\nexport { default as CardDemo } from './CardDemo'\nexport { default as AvatarDemo } from './AvatarDemo'\nexport { default as ProgressDemo } from './ProgressDemo'\nexport { default as ListItemDemo } from './ListItemDemo'\nexport { default as TooltipDemo } from './TooltipDemo'\n// gorhom bottom-sheet giving kitchen-sink problems\n// export { default as DrawerDemo } from './DrawerDemo'\n// export { default as MenuDemo } from './MenuDemo'\nexport { default as PopoverDemo } from './PopoverDemo'\nexport { default as DialogDemo } from './DialogDemo'\nexport { default as AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { default as AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { default as AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { default as SwitchDemo } from './SwitchDemo'\nexport { default as SliderDemo } from './SliderDemo'\nexport { default as SpinnerDemo } from './SpinnerDemo'\nexport { default as FeatherIconsDemo } from './FeatherIconsDemo'\nexport * from './useOnIntersecting'\nexport * from './TamaguiLogo'\n"],
-  "mappings": "AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "sourcesContent": ["import { config } from '@tamagui/config-base'\nimport { InferTamaguiConfig } from '@tamagui/core'\n\nexport type Conf = InferTamaguiConfig<typeof config>\n\ndeclare module 'tamagui' {\n  interface TamaguiCustomConfig extends Conf {}\n}\n\nexport { default as StacksDemo } from './StacksDemo'\nexport { default as ShapesDemo } from './ShapesDemo'\nexport { default as TextDemo } from './TextDemo'\nexport { default as ButtonDemo } from './ButtonDemo'\nexport { default as ThemeInverseDemo } from './ThemeInverseDemo'\nexport { default as FormsDemo } from './FormsDemo'\nexport { default as LinearGradientDemo } from './LinearGradientDemo'\nexport { default as HeadingsDemo } from './HeadingsDemo'\nexport { default as SelectDemo } from './SelectDemo'\nexport { default as SeparatorDemo } from './SeparatorDemo'\nexport { default as ImageDemo } from './ImageDemo'\nexport { default as AnimationsDemo } from './AnimationsDemo'\nexport { default as LabelDemo } from './LabelDemo'\nexport { default as GroupDemo } from './GroupDemo'\nexport { default as CardDemo } from './CardDemo'\nexport { default as AvatarDemo } from './AvatarDemo'\nexport { default as ProgressDemo } from './ProgressDemo'\nexport { default as ListItemDemo } from './ListItemDemo'\nexport { default as TooltipDemo } from './TooltipDemo'\n// gorhom bottom-sheet giving kitchen-sink problems\n// export { default as DrawerDemo } from './DrawerDemo'\n// export { default as MenuDemo } from './MenuDemo'\nexport { default as PopoverDemo } from './PopoverDemo'\nexport { default as DialogDemo } from './DialogDemo'\nexport { default as AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { default as AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { default as AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { default as SwitchDemo } from './SwitchDemo'\nexport { default as SliderDemo } from './SliderDemo'\nexport { default as SpinnerDemo } from './SpinnerDemo'\nexport { default as FeatherIconsDemo } from './FeatherIconsDemo'\nexport * from './useOnIntersecting'\nexport * from './TamaguiLogo'\n"],
+  "mappings": "AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
   "names": []
 }

package/dist/jsx/LabelDemo.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { Input, Label, XStack } from "tamagui";
 function LabelDemo() {
-  return <XStack miw={300} p="$3" space="$2">
+  return <XStack miw={300} p="$3" space="$4">
     <Label htmlFor="name">Name</Label>
     <Input f={1} id="name" defaultValue="Nate Wienert" />
   </XStack>;

package/dist/jsx/SelectDemo.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { ChevronDown } from "@tamagui/feather-icons";
+import { Select, Text } from "tamagui";
+function SelectDemo() {
+  return <Select defaultValue="apple">
+    <Select.Trigger w={200} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
+    <Select.Content>
+      <Select.ScrollUpButton><Text>{"\u261D\uFE0F"}</Text></Select.ScrollUpButton>
+      <Select.Viewport minWidth={200}><Select.Group>
+        <Select.Label>Fruits</Select.Label>
+        {items.map((item, i) => {
+          return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}><Select.ItemText>{item.name}</Select.ItemText></Select.Item>;
+        })}
+      </Select.Group></Select.Viewport>
+      <Select.ScrollDownButton><Text>{"\u{1F447}"}</Text></Select.ScrollDownButton>
+    </Select.Content>
+  </Select>;
+}
+__name(SelectDemo, "SelectDemo");
+const items = [
+  { name: "Apple" },
+  { name: "Pear" },
+  { name: "Blackberry" },
+  { name: "Peach" },
+  { name: "Apricot" },
+  { name: "Melon" },
+  { name: "Honeydew" },
+  { name: "Starfruit" },
+  { name: "Blueberry" },
+  { name: "Rasberry" },
+  { name: "Strawberry" },
+  { name: "Mango" },
+  { name: "Pineapple" },
+  { name: "Lime" },
+  { name: "Lemon" },
+  { name: "Coconut" },
+  { name: "Guava" },
+  { name: "Papaya" },
+  { name: "Orange" },
+  { name: "Grape" },
+  { name: "Jackfruit" },
+  { name: "Durian" }
+];
+export {
+  SelectDemo as default
+};

package/dist/jsx/SwitchDemo.js

@@ -14,7 +14,7 @@ function SwitchWithLabel(props) {
   return <XStack w={300} x={-60} ai="center" space="$4">
     <Label pr="$0" miw={200} jc="flex-end" size={props.size} htmlFor="switch-1">Dark mode</Label>
     <Separator mih={20} vertical />
-    <Switch id="switch-1" size={props.size}><Switch.Thumb debug="verbose" animation="bouncy" /></Switch>
+    <Switch id="switch-1" size={props.size}><Switch.Thumb animation="bouncy" /></Switch>
   </XStack>;
 }
 __name(SwitchWithLabel, "SwitchWithLabel");

package/dist/jsx/index.js

@@ -6,53 +6,55 @@ import { default as default6 } from "./ThemeInverseDemo";
 import { default as default7 } from "./FormsDemo";
 import { default as default8 } from "./LinearGradientDemo";
 import { default as default9 } from "./HeadingsDemo";
-import { default as default10 } from "./SeparatorDemo";
-import { default as default11 } from "./ImageDemo";
-import { default as default12 } from "./AnimationsDemo";
-import { default as default13 } from "./LabelDemo";
-import { default as default14 } from "./GroupDemo";
-import { default as default15 } from "./CardDemo";
-import { default as default16 } from "./AvatarDemo";
-import { default as default17 } from "./ProgressDemo";
-import { default as default18 } from "./ListItemDemo";
-import { default as default19 } from "./TooltipDemo";
-import { default as default20 } from "./PopoverDemo";
-import { default as default21 } from "./DialogDemo";
-import { default as default22 } from "./AnimationsHoverDemo";
-import { default as default23 } from "./AnimationsEnterDemo";
-import { default as default24 } from "./AnimationsPresenceDemo";
-import { default as default25 } from "./SwitchDemo";
-import { default as default26 } from "./SliderDemo";
-import { default as default27 } from "./SpinnerDemo";
-import { default as default28 } from "./FeatherIconsDemo";
+import { default as default10 } from "./SelectDemo";
+import { default as default11 } from "./SeparatorDemo";
+import { default as default12 } from "./ImageDemo";
+import { default as default13 } from "./AnimationsDemo";
+import { default as default14 } from "./LabelDemo";
+import { default as default15 } from "./GroupDemo";
+import { default as default16 } from "./CardDemo";
+import { default as default17 } from "./AvatarDemo";
+import { default as default18 } from "./ProgressDemo";
+import { default as default19 } from "./ListItemDemo";
+import { default as default20 } from "./TooltipDemo";
+import { default as default21 } from "./PopoverDemo";
+import { default as default22 } from "./DialogDemo";
+import { default as default23 } from "./AnimationsHoverDemo";
+import { default as default24 } from "./AnimationsEnterDemo";
+import { default as default25 } from "./AnimationsPresenceDemo";
+import { default as default26 } from "./SwitchDemo";
+import { default as default27 } from "./SliderDemo";
+import { default as default28 } from "./SpinnerDemo";
+import { default as default29 } from "./FeatherIconsDemo";
 export * from "./useOnIntersecting";
 export * from "./TamaguiLogo";
 export {
-  default12 as AnimationsDemo,
-  default23 as AnimationsEnterDemo,
-  default22 as AnimationsHoverDemo,
-  default24 as AnimationsPresenceDemo,
-  default16 as AvatarDemo,
+  default13 as AnimationsDemo,
+  default24 as AnimationsEnterDemo,
+  default23 as AnimationsHoverDemo,
+  default25 as AnimationsPresenceDemo,
+  default17 as AvatarDemo,
   default5 as ButtonDemo,
-  default15 as CardDemo,
-  default21 as DialogDemo,
-  default28 as FeatherIconsDemo,
+  default16 as CardDemo,
+  default22 as DialogDemo,
+  default29 as FeatherIconsDemo,
   default7 as FormsDemo,
-  default14 as GroupDemo,
+  default15 as GroupDemo,
   default9 as HeadingsDemo,
-  default11 as ImageDemo,
-  default13 as LabelDemo,
+  default12 as ImageDemo,
+  default14 as LabelDemo,
   default8 as LinearGradientDemo,
-  default18 as ListItemDemo,
-  default20 as PopoverDemo,
-  default17 as ProgressDemo,
-  default10 as SeparatorDemo,
+  default19 as ListItemDemo,
+  default21 as PopoverDemo,
+  default18 as ProgressDemo,
+  default10 as SelectDemo,
+  default11 as SeparatorDemo,
   default3 as ShapesDemo,
-  default26 as SliderDemo,
-  default27 as SpinnerDemo,
+  default27 as SliderDemo,
+  default28 as SpinnerDemo,
   default2 as StacksDemo,
-  default25 as SwitchDemo,
+  default26 as SwitchDemo,
   default4 as TextDemo,
   default6 as ThemeInverseDemo,
-  default19 as TooltipDemo
+  default20 as TooltipDemo
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.0.1-beta.64",
+  "version": "1.0.1-beta.67",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -17,16 +17,16 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/config-base": "^1.0.1-beta.64",
-    "@tamagui/core": "^1.0.1-beta.64",
-    "tamagui": "^1.0.1-beta.64"
+    "@tamagui/config-base": "^1.0.1-beta.67",
+    "@tamagui/core": "^1.0.1-beta.67",
+    "tamagui": "^1.0.1-beta.67"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.64",
+    "@tamagui/build": "^1.0.1-beta.67",
     "react": "*",
     "react-dom": "*"
   },

package/src/LabelDemo.tsx

@@ -3,7 +3,7 @@ import { Input, Label, XStack } from 'tamagui'
 
 export default function LabelDemo() {
   return (
-    <XStack miw={300} p="$3" space="$2">
+    <XStack miw={300} p="$3" space="$4">
       <Label htmlFor="name">Name</Label>
       <Input f={1} id="name" defaultValue="Nate Wienert" />
     </XStack>

package/src/SelectDemo.tsx

@@ -0,0 +1,60 @@
+import { ChevronDown } from '@tamagui/feather-icons'
+import { Select, Text } from 'tamagui'
+
+export default function SelectDemo() {
+  return (
+    <Select defaultValue="apple">
+      <Select.Trigger w={200} iconAfter={ChevronDown}>
+        <Select.Value placeholder="Something" />
+      </Select.Trigger>
+
+      <Select.Content>
+        <Select.ScrollUpButton>
+          <Text>☝️</Text>
+        </Select.ScrollUpButton>
+
+        <Select.Viewport minWidth={200}>
+          <Select.Group>
+            <Select.Label>Fruits</Select.Label>
+            {items.map((item, i) => {
+              return (
+                <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
+                  <Select.ItemText>{item.name}</Select.ItemText>
+                </Select.Item>
+              )
+            })}
+          </Select.Group>
+        </Select.Viewport>
+
+        <Select.ScrollDownButton>
+          <Text>👇</Text>
+        </Select.ScrollDownButton>
+      </Select.Content>
+    </Select>
+  )
+}
+
+const items = [
+  { name: 'Apple' },
+  { name: 'Pear' },
+  { name: 'Blackberry' },
+  { name: 'Peach' },
+  { name: 'Apricot' },
+  { name: 'Melon' },
+  { name: 'Honeydew' },
+  { name: 'Starfruit' },
+  { name: 'Blueberry' },
+  { name: 'Rasberry' },
+  { name: 'Strawberry' },
+  { name: 'Mango' },
+  { name: 'Pineapple' },
+  { name: 'Lime' },
+  { name: 'Lemon' },
+  { name: 'Coconut' },
+  { name: 'Guava' },
+  { name: 'Papaya' },
+  { name: 'Orange' },
+  { name: 'Grape' },
+  { name: 'Jackfruit' },
+  { name: 'Durian' },
+]

package/src/SwitchDemo.tsx

@@ -20,7 +20,7 @@ function SwitchWithLabel(props: { size: SizeTokens }) {
       </Label>
       <Separator mih={20} vertical />
       <Switch id="switch-1" size={props.size}>
-        <Switch.Thumb debug="verbose" animation="bouncy" />
+        <Switch.Thumb animation="bouncy" />
       </Switch>
     </XStack>
   )

package/src/index.tsx

@@ -15,6 +15,7 @@ export { default as ThemeInverseDemo } from './ThemeInverseDemo'
 export { default as FormsDemo } from './FormsDemo'
 export { default as LinearGradientDemo } from './LinearGradientDemo'
 export { default as HeadingsDemo } from './HeadingsDemo'
+export { default as SelectDemo } from './SelectDemo'
 export { default as SeparatorDemo } from './SeparatorDemo'
 export { default as ImageDemo } from './ImageDemo'
 export { default as AnimationsDemo } from './AnimationsDemo'

package/types/SelectDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function SelectDemo(): JSX.Element;
+//# sourceMappingURL=SelectDemo.d.ts.map

package/types/SelectDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,UAAU,gBA+BjC"}

package/types/index.d.ts

@@ -13,6 +13,7 @@ export { default as ThemeInverseDemo } from './ThemeInverseDemo';
 export { default as FormsDemo } from './FormsDemo';
 export { default as LinearGradientDemo } from './LinearGradientDemo';
 export { default as HeadingsDemo } from './HeadingsDemo';
+export { default as SelectDemo } from './SelectDemo';
 export { default as SeparatorDemo } from './SeparatorDemo';
 export { default as ImageDemo } from './ImageDemo';
 export { default as AnimationsDemo } from './AnimationsDemo';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,oBAAY,IAAI,GAAG,kBAAkB,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpD,OAAO,QAAQ,SAAS,CAAC;IACvB,UAAU,mBAAoB,SAAQ,IAAI;KAAG;CAC9C;AAED,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAItD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,oBAAY,IAAI,GAAG,kBAAkB,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpD,OAAO,QAAQ,SAAS,CAAC;IACvB,UAAU,mBAAoB,SAAQ,IAAI;KAAG;CAC9C;AAED,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAItD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA"}