@tamagui/demos 1.1.8 → 1.1.9

package/dist/esm/ProgressDemo.js

@@ -18,67 +18,36 @@ function ProgressDemo() {
       clearTimeout(timer);
     };
   }, []);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsxs(YStack, {
-        h: 60,
-        ai: "center",
-        space: true,
-        children: [
-          /* @__PURE__ */ jsxs(Paragraph, {
-            h: 30,
-            o: 0.5,
-            children: [
-              "Size: ",
-              size
-            ]
-          }),
-          /* @__PURE__ */ jsx(Progress, {
-            size: sizeProp,
-            value: progress,
-            children: /* @__PURE__ */ jsx(Progress.Indicator, {
-              animation: "bouncy"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs(XStack, {
-        ai: "center",
-        space: true,
-        pos: "absolute",
-        b: 10,
-        l: 20,
-        $xxs: { dsp: "none" },
-        children: [
-          /* @__PURE__ */ jsxs(Slider, {
-            size: "$2",
-            w: 130,
-            defaultValue: [4],
-            min: 2,
-            max: 6,
-            step: 1,
-            onValueChange: ([val]) => {
-              setSize(val);
-            },
-            children: [
-              /* @__PURE__ */ jsx(Slider.Track, {
-                children: /* @__PURE__ */ jsx(Slider.TrackActive, {})
-              }),
-              /* @__PURE__ */ jsx(Slider.Thumb, {
-                circular: true,
-                index: 0
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx(Button, {
-            size: "$2",
-            onPress: () => setProgress((prev) => (prev + 20) % 100),
-            children: "Load"
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(YStack, { h: 60, ai: "center", space: true, children: [
+      /* @__PURE__ */ jsxs(Paragraph, { h: 30, o: 0.5, children: [
+        "Size: ",
+        size
+      ] }),
+      /* @__PURE__ */ jsx(Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ jsx(Progress.Indicator, { animation: "bouncy" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, pos: "absolute", b: 10, l: 20, $xxs: { dsp: "none" }, children: [
+      /* @__PURE__ */ jsxs(
+        Slider,
+        {
+          size: "$2",
+          w: 130,
+          defaultValue: [4],
+          min: 2,
+          max: 6,
+          step: 1,
+          onValueChange: ([val]) => {
+            setSize(val);
+          },
+          children: [
+            /* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
+            /* @__PURE__ */ jsx(Slider.Thumb, { circular: true, index: 0 })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
+    ] })
+  ] });
 }
 export {
   ProgressDemo

package/dist/esm/ProgressDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ProgressDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { useEffect, useState } from 'react'\nimport {\n  Button,\n  Paragraph,\n  Progress,\n  SizeTokens,\n  Slider,\n  XStack,\n  YStack,\n} from 'tamagui'\n\nexport function ProgressDemo() {\n  const [size, setSize] = useState(4)\n  const [progress, setProgress] = useState(20)\n  const sizeProp = `$${size}` as SizeTokens\n\n  useEffect(() => {\n    const timer = setTimeout(() => setProgress(60), 1000)\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [])\n\n  return (\n    <>\n      <YStack h={60} ai=\"center\" space>\n        <Paragraph h={30} o={0.5}>\n          Size: {size}\n        </Paragraph>\n        <Progress size={sizeProp} value={progress}>\n          <Progress.Indicator animation=\"bouncy\" />\n        </Progress>\n      </YStack>\n\n      <XStack ai=\"center\" space pos=\"absolute\" b={10} l={20} $xxs={{ dsp: 'none' }}>\n        <Slider\n          size=\"$2\"\n          w={130}\n          defaultValue={[4]}\n          min={2}\n          max={6}\n          step={1}\n          onValueChange={([val]) => {\n            setSize(val)\n          }}\n        >\n          <Slider.Track>\n            <Slider.TrackActive />\n          </Slider.Track>\n          <Slider.Thumb circular index={0} />\n        </Slider>\n\n        <Button size=\"$2\" onPress={() => setProgress((prev) => (prev + 20) % 100)}>\n          Load\n        </Button>\n      </XStack>\n    </>\n  )\n}\n"],
-  "mappings": "AAyBI,mBAMM,KAJF,YAFJ;AAxBJ,SAAS,WAAW,gBAAgB;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,WAAW,IAAI;AAErB,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IACE;AAAA,2BAAC;AAAA,QAAO,GAAG;AAAA,QAAI,IAAG;AAAA,QAAS,OAAK;AAAA,QAC9B;AAAA,+BAAC;AAAA,YAAU,GAAG;AAAA,YAAI,GAAG;AAAA,YAAK;AAAA;AAAA,cACjB;AAAA;AAAA,WACT;AAAA,UACA,oBAAC;AAAA,YAAS,MAAM;AAAA,YAAU,OAAO;AAAA,YAC/B,8BAAC,SAAS,WAAT;AAAA,cAAmB,WAAU;AAAA,aAAS;AAAA,WACzC;AAAA;AAAA,OACF;AAAA,MAEA,qBAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAK;AAAA,QAAC,KAAI;AAAA,QAAW,GAAG;AAAA,QAAI,GAAG;AAAA,QAAI,MAAM,EAAE,KAAK,OAAO;AAAA,QACzE;AAAA,+BAAC;AAAA,YACC,MAAK;AAAA,YACL,GAAG;AAAA,YACH,cAAc,CAAC,CAAC;AAAA,YAChB,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,sBAAQ,GAAG;AAAA,YACb;AAAA,YAEA;AAAA,kCAAC,OAAO,OAAP;AAAA,gBACC,8BAAC,OAAO,aAAP,EAAmB;AAAA,eACtB;AAAA,cACA,oBAAC,OAAO,OAAP;AAAA,gBAAa,UAAQ;AAAA,gBAAC,OAAO;AAAA,eAAG;AAAA;AAAA,WACnC;AAAA,UAEA,oBAAC;AAAA,YAAO,MAAK;AAAA,YAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG;AAAA,YAAG;AAAA,WAE3E;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAyBI,mBAMM,KAJF,YAFJ;AAxBJ,SAAS,WAAW,gBAAgB;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,WAAW,IAAI;AAErB,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA,yBAAC,UAAO,GAAG,IAAI,IAAG,UAAS,OAAK,MAC9B;AAAA,2BAAC,aAAU,GAAG,IAAI,GAAG,KAAK;AAAA;AAAA,QACjB;AAAA,SACT;AAAA,MACA,oBAAC,YAAS,MAAM,UAAU,OAAO,UAC/B,8BAAC,SAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA,qBAAC,UAAO,IAAG,UAAS,OAAK,MAAC,KAAI,YAAW,GAAG,IAAI,GAAG,IAAI,MAAM,EAAE,KAAK,OAAO,GACzE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAG;AAAA,UACH,cAAc,CAAC,CAAC;AAAA,UAChB,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,oBAAQ,GAAG;AAAA,UACb;AAAA,UAEA;AAAA,gCAAC,OAAO,OAAP,EACC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,YACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,MAAC,OAAO,GAAG;AAAA;AAAA;AAAA,MACnC;AAAA,MAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/ScrollViewDemo.js

@@ -1,60 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Circle, ScrollView, Square, XStack } from "tamagui";
 function ScrollViewDemo() {
-  return /* @__PURE__ */ jsx(ScrollView, {
-    maxHeight: 250,
-    w: "75%",
-    bc: "$background",
-    p: "$4",
-    br: "$4",
-    children: /* @__PURE__ */ jsxs(XStack, {
-      flexWrap: "wrap",
-      ai: "center",
-      jc: "center",
-      children: [
-        /* @__PURE__ */ jsx(Square, {
-          m: "$4",
-          size: 120,
-          bc: "$red9"
-        }),
-        /* @__PURE__ */ jsx(Circle, {
-          m: "$4",
-          size: 120,
-          bc: "$orange9"
-        }),
-        /* @__PURE__ */ jsx(Square, {
-          m: "$4",
-          size: 120,
-          bc: "$yellow9"
-        }),
-        /* @__PURE__ */ jsx(Circle, {
-          m: "$4",
-          size: 120,
-          bc: "$green9"
-        }),
-        /* @__PURE__ */ jsx(Square, {
-          m: "$4",
-          size: 120,
-          bc: "$blue9"
-        }),
-        /* @__PURE__ */ jsx(Circle, {
-          m: "$4",
-          size: 120,
-          bc: "$purple9"
-        }),
-        /* @__PURE__ */ jsx(Square, {
-          m: "$4",
-          size: 120,
-          bc: "$pink9"
-        }),
-        /* @__PURE__ */ jsx(Circle, {
-          m: "$4",
-          size: 120,
-          bc: "$red9"
-        })
-      ]
-    })
-  });
+  return /* @__PURE__ */ jsx(ScrollView, { maxHeight: 250, w: "75%", bc: "$background", p: "$4", br: "$4", children: /* @__PURE__ */ jsxs(XStack, { flexWrap: "wrap", ai: "center", jc: "center", children: [
+    /* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bc: "$red9" }),
+    /* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bc: "$orange9" }),
+    /* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bc: "$yellow9" }),
+    /* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bc: "$green9" }),
+    /* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bc: "$blue9" }),
+    /* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bc: "$purple9" }),
+    /* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bc: "$pink9" }),
+    /* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bc: "$red9" })
+  ] }) });
 }
 export {
   ScrollViewDemo

package/dist/esm/ScrollViewDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ScrollViewDemo.tsx"],
   "sourcesContent": ["import { Circle, ScrollView, Square, XStack } from 'tamagui'\n\nexport function ScrollViewDemo() {\n  return (\n    <ScrollView maxHeight={250} w=\"75%\" bc=\"$background\" p=\"$4\" br=\"$4\">\n      <XStack flexWrap=\"wrap\" ai=\"center\" jc=\"center\">\n        <Square m=\"$4\" size={120} bc=\"$red9\" />\n        <Circle m=\"$4\" size={120} bc=\"$orange9\" />\n        <Square m=\"$4\" size={120} bc=\"$yellow9\" />\n        <Circle m=\"$4\" size={120} bc=\"$green9\" />\n        <Square m=\"$4\" size={120} bc=\"$blue9\" />\n        <Circle m=\"$4\" size={120} bc=\"$purple9\" />\n        <Square m=\"$4\" size={120} bc=\"$pink9\" />\n        <Circle m=\"$4\" size={120} bc=\"$red9\" />\n      </XStack>\n    </ScrollView>\n  )\n}\n"],
-  "mappings": "AAKM,SACE,KADF;AALN,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAE5C,SAAS,iBAAiB;AAC/B,SACE,oBAAC;AAAA,IAAW,WAAW;AAAA,IAAK,GAAE;AAAA,IAAM,IAAG;AAAA,IAAc,GAAE;AAAA,IAAK,IAAG;AAAA,IAC7D,+BAAC;AAAA,MAAO,UAAS;AAAA,MAAO,IAAG;AAAA,MAAS,IAAG;AAAA,MACrC;AAAA,4BAAC;AAAA,UAAO,GAAE;AAAA,UAAK,MAAM;AAAA,UAAK,IAAG;AAAA,SAAQ;AAAA,QACrC,oBAAC;AAAA,UAAO,GAAE;AAAA,UAAK,MAAM;AAAA,UAAK,IAAG;AAAA,SAAW;AAAA,QACxC,oBAAC;AAAA,UAAO,GAAE;AAAA,UAAK,MAAM;AAAA,UAAK,IAAG;AAAA,SAAW;AAAA,QACxC,oBAAC;AAAA,UAAO,GAAE;AAAA,UAAK,MAAM;AAAA,UAAK,IAAG;AAAA,SAAU;AAAA,QACvC,oBAAC;AAAA,UAAO,GAAE;AAAA,UAAK,MAAM;AAAA,UAAK,IAAG;AAAA,SAAS;AAAA,QACtC,oBAAC;AAAA,UAAO,GAAE;AAAA,UAAK,MAAM;AAAA,UAAK,IAAG;AAAA,SAAW;AAAA,QACxC,oBAAC;AAAA,UAAO,GAAE;AAAA,UAAK,MAAM;AAAA,UAAK,IAAG;AAAA,SAAS;AAAA,QACtC,oBAAC;AAAA,UAAO,GAAE;AAAA,UAAK,MAAM;AAAA,UAAK,IAAG;AAAA,SAAQ;AAAA;AAAA,KACvC;AAAA,GACF;AAEJ;",
+  "mappings": "AAKM,SACE,KADF;AALN,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAE5C,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,WAAW,KAAK,GAAE,OAAM,IAAG,eAAc,GAAE,MAAK,IAAG,MAC7D,+BAAC,UAAO,UAAS,QAAO,IAAG,UAAS,IAAG,UACrC;AAAA,wBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,SAAQ;AAAA,IACrC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,YAAW;AAAA,IACxC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,YAAW;AAAA,IACxC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,UAAS;AAAA,IACtC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,YAAW;AAAA,IACxC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,UAAS;AAAA,IACtC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,SAAQ;AAAA,KACvC,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/SelectDemo.js

@@ -5,113 +5,50 @@ import { Adapt, Select, Sheet, YStack } from "tamagui";
 import { LinearGradient } from "tamagui/linear-gradient";
 function SelectDemo() {
   const [val, setVal] = useState("apple");
-  return /* @__PURE__ */ jsxs(Select, {
-    id: "food",
-    value: val,
-    onValueChange: setVal,
-    children: [
-      /* @__PURE__ */ jsx(Select.Trigger, {
-        w: 180,
-        iconAfter: ChevronDown,
-        children: /* @__PURE__ */ jsx(Select.Value, {
-          placeholder: "Something"
+  return /* @__PURE__ */ jsxs(Select, { id: "food", value: val, onValueChange: setVal, children: [
+    /* @__PURE__ */ jsx(Select.Trigger, { w: 180, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
+    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
+      /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
+      /* @__PURE__ */ jsx(Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
+      /* @__PURE__ */ jsxs(Select.ScrollUpButton, { ai: "center", jc: "center", pos: "relative", w: "100%", h: "$3", children: [
+        /* @__PURE__ */ jsx(YStack, { zi: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
+        /* @__PURE__ */ jsx(
+          LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$background", "$backgroundTransparent"],
+            br: "$4"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Select.Viewport, { minWidth: 200, children: /* @__PURE__ */ jsxs(Select.Group, { space: "$-0", children: [
+        /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
+        items.map((item, i) => {
+          return /* @__PURE__ */ jsxs(Select.Item, { index: i, value: item.name.toLowerCase(), children: [
+            /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
+            /* @__PURE__ */ jsx(Select.ItemIndicator, { ml: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
+          ] }, item.name);
         })
-      }),
-      /* @__PURE__ */ jsx(Adapt, {
-        when: "sm",
-        platform: "touch",
-        children: /* @__PURE__ */ jsxs(Sheet, {
-          modal: true,
-          dismissOnSnapToBottom: true,
-          children: [
-            /* @__PURE__ */ jsx(Sheet.Frame, {
-              children: /* @__PURE__ */ jsx(Sheet.ScrollView, {
-                children: /* @__PURE__ */ jsx(Adapt.Contents, {})
-              })
-            }),
-            /* @__PURE__ */ jsx(Sheet.Overlay, {})
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs(Select.Content, {
-        zIndex: 2e5,
-        children: [
-          /* @__PURE__ */ jsxs(Select.ScrollUpButton, {
-            ai: "center",
-            jc: "center",
-            pos: "relative",
-            w: "100%",
-            h: "$3",
-            children: [
-              /* @__PURE__ */ jsx(YStack, {
-                zi: 10,
-                children: /* @__PURE__ */ jsx(ChevronUp, {
-                  size: 20
-                })
-              }),
-              /* @__PURE__ */ jsx(LinearGradient, {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: true,
-                colors: ["$background", "$backgroundTransparent"],
-                br: "$4"
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx(Select.Viewport, {
-            minWidth: 200,
-            children: /* @__PURE__ */ jsxs(Select.Group, {
-              space: "$-0",
-              children: [
-                /* @__PURE__ */ jsx(Select.Label, {
-                  children: "Fruits"
-                }),
-                items.map((item, i) => {
-                  return /* @__PURE__ */ jsxs(Select.Item, {
-                    index: i,
-                    value: item.name.toLowerCase(),
-                    children: [
-                      /* @__PURE__ */ jsx(Select.ItemText, {
-                        children: item.name
-                      }),
-                      /* @__PURE__ */ jsx(Select.ItemIndicator, {
-                        ml: "auto",
-                        children: /* @__PURE__ */ jsx(Check, {
-                          size: 16
-                        })
-                      })
-                    ]
-                  }, item.name);
-                })
-              ]
-            })
-          }),
-          /* @__PURE__ */ jsxs(Select.ScrollDownButton, {
-            ai: "center",
-            jc: "center",
-            pos: "relative",
-            w: "100%",
-            h: "$3",
-            children: [
-              /* @__PURE__ */ jsx(YStack, {
-                zi: 10,
-                children: /* @__PURE__ */ jsx(ChevronDown, {
-                  size: 20
-                })
-              }),
-              /* @__PURE__ */ jsx(LinearGradient, {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: true,
-                colors: ["$backgroundTransparent", "$background"],
-                br: "$4"
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
+      ] }) }),
+      /* @__PURE__ */ jsxs(Select.ScrollDownButton, { ai: "center", jc: "center", pos: "relative", w: "100%", h: "$3", children: [
+        /* @__PURE__ */ jsx(YStack, { zi: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
+        /* @__PURE__ */ jsx(
+          LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$backgroundTransparent", "$background"],
+            br: "$4"
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 const items = [
   { name: "Apple" },

package/dist/esm/SelectDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectDemo.tsx"],
   "sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { useState } from 'react'\nimport { Adapt, Select, Sheet, YStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function SelectDemo() {\n  const [val, setVal] = useState('apple')\n  return (\n    <Select id=\"food\" value={val} onValueChange={setVal}>\n      <Select.Trigger w={180} iconAfter={ChevronDown}>\n        <Select.Value placeholder=\"Something\" />\n      </Select.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Sheet modal dismissOnSnapToBottom>\n          <Sheet.Frame>\n            <Sheet.ScrollView>\n              <Adapt.Contents />\n            </Sheet.ScrollView>\n          </Sheet.Frame>\n          <Sheet.Overlay />\n        </Sheet>\n      </Adapt>\n\n      <Select.Content zIndex={200000}>\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 space=\"$-0\">\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"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/SeparatorDemo.js

@@ -1,48 +1,18 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Paragraph, Separator, XStack, YStack } from "tamagui";
 function SeparatorDemo() {
-  return /* @__PURE__ */ jsxs(YStack, {
-    w: "100%",
-    maw: 300,
-    mx: 15,
-    children: [
-      /* @__PURE__ */ jsx(Paragraph, {
-        fontWeight: "800",
-        children: "Tamagui"
-      }),
-      /* @__PURE__ */ jsx(Paragraph, {
-        children: "A cross-platform component library."
-      }),
-      /* @__PURE__ */ jsx(Separator, {
-        my: 15
-      }),
-      /* @__PURE__ */ jsxs(XStack, {
-        h: 20,
-        ai: "center",
-        children: [
-          /* @__PURE__ */ jsx(Paragraph, {
-            children: "Blog"
-          }),
-          /* @__PURE__ */ jsx(Separator, {
-            als: "stretch",
-            vertical: true,
-            mx: 15
-          }),
-          /* @__PURE__ */ jsx(Paragraph, {
-            children: "Docs"
-          }),
-          /* @__PURE__ */ jsx(Separator, {
-            als: "stretch",
-            vertical: true,
-            mx: 15
-          }),
-          /* @__PURE__ */ jsx(Paragraph, {
-            children: "Source"
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(YStack, { w: "100%", maw: 300, mx: 15, children: [
+    /* @__PURE__ */ jsx(Paragraph, { fontWeight: "800", children: "Tamagui" }),
+    /* @__PURE__ */ jsx(Paragraph, { children: "A cross-platform component library." }),
+    /* @__PURE__ */ jsx(Separator, { my: 15 }),
+    /* @__PURE__ */ jsxs(XStack, { h: 20, ai: "center", children: [
+      /* @__PURE__ */ jsx(Paragraph, { children: "Blog" }),
+      /* @__PURE__ */ jsx(Separator, { als: "stretch", vertical: true, mx: 15 }),
+      /* @__PURE__ */ jsx(Paragraph, { children: "Docs" }),
+      /* @__PURE__ */ jsx(Separator, { als: "stretch", vertical: true, mx: 15 }),
+      /* @__PURE__ */ jsx(Paragraph, { children: "Source" })
+    ] })
+  ] });
 }
 export {
   SeparatorDemo

package/dist/esm/SeparatorDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SeparatorDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { Paragraph, Separator, XStack, YStack } from 'tamagui'\n\nexport function SeparatorDemo() {\n  return (\n    <YStack w=\"100%\" maw={300} mx={15}>\n      <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n      <Paragraph>A cross-platform component library.</Paragraph>\n      <Separator my={15} />\n      <XStack h={20} ai=\"center\">\n        <Paragraph>Blog</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Docs</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Source</Paragraph>\n      </XStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAMM,cAGA,YAHA;AALN,SAAS,WAAW,WAAW,QAAQ,cAAc;AAE9C,SAAS,gBAAgB;AAC9B,SACE,qBAAC;AAAA,IAAO,GAAE;AAAA,IAAO,KAAK;AAAA,IAAK,IAAI;AAAA,IAC7B;AAAA,0BAAC;AAAA,QAAU,YAAW;AAAA,QAAM;AAAA,OAAO;AAAA,MACnC,oBAAC;AAAA,QAAU;AAAA,OAAmC;AAAA,MAC9C,oBAAC;AAAA,QAAU,IAAI;AAAA,OAAI;AAAA,MACnB,qBAAC;AAAA,QAAO,GAAG;AAAA,QAAI,IAAG;AAAA,QAChB;AAAA,8BAAC;AAAA,YAAU;AAAA,WAAI;AAAA,UACf,oBAAC;AAAA,YAAU,KAAI;AAAA,YAAU,UAAQ;AAAA,YAAC,IAAI;AAAA,WAAI;AAAA,UAC1C,oBAAC;AAAA,YAAU;AAAA,WAAI;AAAA,UACf,oBAAC;AAAA,YAAU,KAAI;AAAA,YAAU,UAAQ;AAAA,YAAC,IAAI;AAAA,WAAI;AAAA,UAC1C,oBAAC;AAAA,YAAU;AAAA,WAAM;AAAA;AAAA,OACnB;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAMM,cAGA,YAHA;AALN,SAAS,WAAW,WAAW,QAAQ,cAAc;AAE9C,SAAS,gBAAgB;AAC9B,SACE,qBAAC,UAAO,GAAE,QAAO,KAAK,KAAK,IAAI,IAC7B;AAAA,wBAAC,aAAU,YAAW,OAAM,qBAAO;AAAA,IACnC,oBAAC,aAAU,iDAAmC;AAAA,IAC9C,oBAAC,aAAU,IAAI,IAAI;AAAA,IACnB,qBAAC,UAAO,GAAG,IAAI,IAAG,UAChB;AAAA,0BAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,KAAI,WAAU,UAAQ,MAAC,IAAI,IAAI;AAAA,MAC1C,oBAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,KAAI,WAAU,UAAQ,MAAC,IAAI,IAAI;AAAA,MAC1C,oBAAC,aAAU,oBAAM;AAAA,OACnB;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/ShapesDemo.js

@@ -1,22 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Circle, Square, XStack } from "tamagui";
 function ShapesDemo() {
-  return /* @__PURE__ */ jsxs(XStack, {
-    p: "$2",
-    space: "$4",
-    children: [
-      /* @__PURE__ */ jsx(Square, {
-        size: 100,
-        bc: "$color",
-        elevation: "$4"
-      }),
-      /* @__PURE__ */ jsx(Circle, {
-        size: 100,
-        bc: "$color",
-        elevation: "$4"
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(XStack, { p: "$2", space: "$4", children: [
+    /* @__PURE__ */ jsx(Square, { size: 100, bc: "$color", elevation: "$4" }),
+    /* @__PURE__ */ jsx(Circle, { size: 100, bc: "$color", elevation: "$4" })
+  ] });
 }
 export {
   ShapesDemo

package/dist/esm/ShapesDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ShapesDemo.tsx"],
   "sourcesContent": ["import { Circle, Square, XStack } from 'tamagui'\n\nexport function ShapesDemo() {\n  return (\n    <XStack p=\"$2\" space=\"$4\">\n      <Square size={100} bc=\"$color\" elevation=\"$4\" />\n      <Circle size={100} bc=\"$color\" elevation=\"$4\" />\n    </XStack>\n  )\n}\n"],
-  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,qBAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IACnB;AAAA,0BAAC;AAAA,QAAO,MAAM;AAAA,QAAK,IAAG;AAAA,QAAS,WAAU;AAAA,OAAK;AAAA,MAC9C,oBAAC;AAAA,QAAO,MAAM;AAAA,QAAK,IAAG;AAAA,QAAS,WAAU;AAAA,OAAK;AAAA;AAAA,GAChD;AAEJ;",
+  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,GAAE,MAAK,OAAM,MACnB;AAAA,wBAAC,UAAO,MAAM,KAAK,IAAG,UAAS,WAAU,MAAK;AAAA,IAC9C,oBAAC,UAAO,MAAM,KAAK,IAAG,UAAS,WAAU,MAAK;AAAA,KAChD;AAEJ;",
   "names": []
 }