@tamagui/demos 1.89.0-1706483140977 → 1.89.0

package/dist/esm/SelectDemo.js

@@ -4,150 +4,140 @@ import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagu
 import { LinearGradient } from "tamagui/linear-gradient";
 import { jsx, jsxs } from "react/jsx-runtime";
 function SelectDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
-    /* @__PURE__ */ jsxs(XStack, { ai: "center", space: !0, children: [
-      /* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Custom" }),
-      /* @__PURE__ */ jsx(SelectDemoItem, {})
+  return /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
+    /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-1", f: 1, miw: 80, children: "Custom" }),
+      /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-1" })
     ] }),
-    /* @__PURE__ */ jsxs(XStack, { ai: "center", space: !0, children: [
-      /* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Native" }),
-      /* @__PURE__ */ jsx(SelectDemoItem, { native: !0 })
+    /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-2", f: 1, miw: 80, children: "Native" }),
+      /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-2", native: !0 })
     ] })
   ] });
 }
 function SelectDemoItem(props) {
   const [val, setVal] = useState("apple");
-  return /* @__PURE__ */ jsxs(
-    Select,
-    {
-      id: "food",
-      value: val,
-      onValueChange: setVal,
-      disablePreventBodyScroll: !0,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(Select.Trigger, { width: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
-        /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(
-          Sheet,
-          {
-            native: !!props.native,
-            modal: !0,
-            dismissOnSnapToBottom: !0,
-            animationConfig: {
-              type: "spring",
-              damping: 20,
-              mass: 1.2,
-              stiffness: 250
-            },
-            children: [
-              /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
-              /* @__PURE__ */ jsx(
-                Sheet.Overlay,
-                {
-                  animation: "lazy",
-                  enterStyle: { opacity: 0 },
-                  exitStyle: { opacity: 0 }
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
-          /* @__PURE__ */ jsxs(
-            Select.ScrollUpButton,
+  return /* @__PURE__ */ jsxs(Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
+    /* @__PURE__ */ jsx(Select.Trigger, { width: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
+    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(
+      Sheet,
+      {
+        native: !!props.native,
+        modal: !0,
+        dismissOnSnapToBottom: !0,
+        animationConfig: {
+          type: "spring",
+          damping: 20,
+          mass: 1.2,
+          stiffness: 250
+        },
+        children: [
+          /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
+          /* @__PURE__ */ jsx(
+            Sheet.Overlay,
             {
-              alignItems: "center",
-              justifyContent: "center",
-              position: "relative",
-              width: "100%",
-              height: "$3",
-              children: [
-                /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
-                /* @__PURE__ */ jsx(
-                  LinearGradient,
-                  {
-                    start: [0, 0],
-                    end: [0, 1],
-                    fullscreen: !0,
-                    colors: ["$background", "transparent"],
-                    borderRadius: "$4"
-                  }
-                )
-              ]
+              animation: "lazy",
+              enterStyle: { opacity: 0 },
+              exitStyle: { opacity: 0 }
             }
-          ),
-          /* @__PURE__ */ jsxs(
-            Select.Viewport,
-            {
-              minWidth: 200,
-              children: [
-                /* @__PURE__ */ jsxs(Select.Group, { children: [
-                  /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
-                  useMemo(
-                    () => items.map((item, i) => /* @__PURE__ */ jsxs(
-                      Select.Item,
-                      {
-                        index: i,
-                        value: item.name.toLowerCase(),
-                        children: [
-                          /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
-                          /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
-                        ]
-                      },
-                      item.name
-                    )),
-                    [items]
-                  )
-                ] }),
-                props.native && /* @__PURE__ */ jsx(
-                  YStack,
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
+      /* @__PURE__ */ jsxs(
+        Select.ScrollUpButton,
+        {
+          alignItems: "center",
+          justifyContent: "center",
+          position: "relative",
+          width: "100%",
+          height: "$3",
+          children: [
+            /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
+            /* @__PURE__ */ jsx(
+              LinearGradient,
+              {
+                start: [0, 0],
+                end: [0, 1],
+                fullscreen: !0,
+                colors: ["$background", "transparent"],
+                borderRadius: "$4"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Select.Viewport,
+        {
+          minWidth: 200,
+          children: [
+            /* @__PURE__ */ jsxs(Select.Group, { children: [
+              /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
+              useMemo(
+                () => items.map((item, i) => /* @__PURE__ */ jsxs(
+                  Select.Item,
                   {
-                    position: "absolute",
-                    right: 0,
-                    top: 0,
-                    bottom: 0,
-                    alignItems: "center",
-                    justifyContent: "center",
-                    width: "$4",
-                    pointerEvents: "none",
-                    children: /* @__PURE__ */ jsx(
-                      ChevronDown,
-                      {
-                        size: getFontSize(props.size ?? "$true")
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Select.ScrollDownButton,
-            {
-              alignItems: "center",
-              justifyContent: "center",
-              position: "relative",
-              width: "100%",
-              height: "$3",
-              children: [
-                /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
-                /* @__PURE__ */ jsx(
-                  LinearGradient,
+                    index: i,
+                    value: item.name.toLowerCase(),
+                    children: [
+                      /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
+                      /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
+                    ]
+                  },
+                  item.name
+                )),
+                [items]
+              )
+            ] }),
+            props.native && /* @__PURE__ */ jsx(
+              YStack,
+              {
+                position: "absolute",
+                right: 0,
+                top: 0,
+                bottom: 0,
+                alignItems: "center",
+                justifyContent: "center",
+                width: "$4",
+                pointerEvents: "none",
+                children: /* @__PURE__ */ jsx(
+                  ChevronDown,
                   {
-                    start: [0, 0],
-                    end: [0, 1],
-                    fullscreen: !0,
-                    colors: ["transparent", "$background"],
-                    borderRadius: "$4"
+                    size: getFontSize(props.size ?? "$true")
                   }
                 )
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Select.ScrollDownButton,
+        {
+          alignItems: "center",
+          justifyContent: "center",
+          position: "relative",
+          width: "100%",
+          height: "$3",
+          children: [
+            /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
+            /* @__PURE__ */ jsx(
+              LinearGradient,
+              {
+                start: [0, 0],
+                end: [0, 1],
+                fullscreen: !0,
+                colors: ["transparent", "$background"],
+                borderRadius: "$4"
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
 }
 const items = [
   { name: "Apple" },

package/dist/esm/SelectDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,SAAS,gBAAgB;AAElC,SAAS,OAAO,OAAO,QAAQ,OAAO,QAAQ,QAAQ,mBAAmB;AACzE,SAAS,sBAAsB;AAKzB,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,yBAAC,UAAO,IAAG,UAAS,OAAK,IACvB;AAAA,0BAAC,SAAM,GAAG,GAAG,IAAI,GAAG,oBAEpB;AAAA,MACA,oBAAC,kBAAe;AAAA,OAClB;AAAA,IAEA,qBAAC,UAAO,IAAG,UAAS,OAAK,IACvB;AAAA,0BAAC,SAAM,GAAG,GAAG,IAAI,GAAG,oBAEpB;AAAA,MACA,oBAAC,kBAAe,QAAM,IAAC;AAAA,OACzB;AAAA,KACF;AAEJ;AAEO,SAAS,eAAe,OAAoB;AACjD,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,OAAO;AAAA,MACP,eAAe;AAAA,MACf,0BAAwB;AAAA,MACvB,GAAG;AAAA,MAEJ;AAAA,4BAAC,OAAO,SAAP,EAAe,OAAO,KAAK,WAAW,aACrC,8BAAC,OAAO,OAAP,EAAa,aAAY,aAAY,GACxC;AAAA,QAEA,oBAAC,SAAM,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,kCAAC,MAAM,OAAN,EACC,8BAAC,MAAM,YAAN,EACC,8BAAC,MAAM,UAAN,EAAe,GAClB,GACF;AAAA,cACA;AAAA,gBAAC,MAAM;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,qBAAC,OAAO,SAAP,EAAe,QAAQ,KACtB;AAAA;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,YAAW;AAAA,cACX,gBAAe;AAAA,cACf,UAAS;AAAA,cACT,OAAM;AAAA,cACN,QAAO;AAAA,cAEP;AAAA,oCAAC,UAAO,QAAQ,IACd,8BAAC,aAAU,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,OAAO;AAAA,YAAP;AAAA,cAMC,UAAU;AAAA,cAEV;AAAA,qCAAC,OAAO,OAAP,EACC;AAAA,sCAAC,OAAO,OAAP,EAAa,oBAAM;AAAA,kBAEnB;AAAA,oBACC,MACE,MAAM,IAAI,CAAC,MAAM,MAEb;AAAA,sBAAC,OAAO;AAAA,sBAAP;AAAA,wBACC,OAAO;AAAA,wBAEP,OAAO,KAAK,KAAK,YAAY;AAAA,wBAE7B;AAAA,8CAAC,OAAO,UAAP,EAAiB,eAAK,MAAK;AAAA,0BAC5B,oBAAC,OAAO,eAAP,EAAqB,YAAW,QAC/B,8BAAC,SAAM,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,MAAM,YAAa,MAAM,QAA2B,OAAO;AAAA;AAAA,oBAC7D;AAAA;AAAA,gBACF;AAAA;AAAA;AAAA,UAEJ;AAAA,UAEA;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,YAAW;AAAA,cACX,gBAAe;AAAA,cACf,UAAS;AAAA,cACT,OAAM;AAAA,cACN,QAAO;AAAA,cAEP;AAAA,oCAAC,UAAO,QAAQ,IACd,8BAAC,eAAY,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;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/SelectDemo.mjs

@@ -5,23 +5,28 @@ import { LinearGradient } from "tamagui/linear-gradient";
 import { jsx, jsxs } from "react/jsx-runtime";
 function SelectDemo() {
   return /* @__PURE__ */jsxs(YStack, {
-    space: !0,
+    gap: "$4",
     children: [/* @__PURE__ */jsxs(XStack, {
       ai: "center",
-      space: !0,
+      gap: "$4",
       children: [/* @__PURE__ */jsx(Label, {
+        htmlFor: "select-demo-1",
         f: 1,
-        fb: 0,
+        miw: 80,
         children: "Custom"
-      }), /* @__PURE__ */jsx(SelectDemoItem, {})]
+      }), /* @__PURE__ */jsx(SelectDemoItem, {
+        id: "select-demo-1"
+      })]
     }), /* @__PURE__ */jsxs(XStack, {
       ai: "center",
-      space: !0,
+      gap: "$4",
       children: [/* @__PURE__ */jsx(Label, {
+        htmlFor: "select-demo-2",
         f: 1,
-        fb: 0,
+        miw: 80,
         children: "Native"
       }), /* @__PURE__ */jsx(SelectDemoItem, {
+        id: "select-demo-2",
         native: !0
       })]
     })]
@@ -30,7 +35,6 @@ function SelectDemo() {
 function SelectDemoItem(props) {
   const [val, setVal] = useState("apple");
   return /* @__PURE__ */jsxs(Select, {
-    id: "food",
     value: val,
     onValueChange: setVal,
     disablePreventBodyScroll: !0,