@tamagui/demos 1.125.6 → 1.125.7

package/dist/esm/SelectDemo.native.js

@@ -4,278 +4,198 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
 import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagui";
 import { LinearGradient } from "tamagui/linear-gradient";
 function SelectDemo() {
-  return /* @__PURE__ */ _jsxs(YStack, {
+  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",
-        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
-          })
-        ]
-      })
-    ]
+    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",
+      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) {
-  var [val, setVal] = React.useState("apple"), _props_size;
-  return /* @__PURE__ */ _jsxs(Select, {
+  var [val, setVal] = React.useState("apple"),
+    _props_size;
+  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,
-          animation: "medium",
-          children: [
-            /* @__PURE__ */ _jsx(Sheet.Frame, {
-              children: /* @__PURE__ */ _jsx(Sheet.ScrollView, {
-                children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
-              })
-            }),
-            /* @__PURE__ */ _jsx(Sheet.Overlay, {
-              backgroundColor: "$shadowColor",
-              animation: "lazy",
-              enterStyle: {
-                opacity: 0
-              },
-              exitStyle: {
-                opacity: 0
-              }
-            })
-          ]
-        })
-      }),
-      /* @__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, {
-            // to do animations:
-            // animation="quick"
-            // animateOnly={['transform', 'opacity']}
-            // enterStyle={{ o: 0, y: -10 }}
-            // exitStyle={{ o: 0, y: 10 }}
-            minWidth: 200,
-            children: [
-              /* @__PURE__ */ _jsxs(Select.Group, {
-                children: [
-                  /* @__PURE__ */ _jsx(Select.Label, {
-                    children: "Fruits"
-                  }),
-                  /* for longer lists memoizing these is useful */
-                  React.useMemo(function() {
-                    return items.map(function(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, {
-                            marginLeft: "auto",
-                            children: /* @__PURE__ */ _jsx(Check, {
-                              size: 16
-                            })
-                          })
-                        ]
-                      }, item.name);
-                    });
-                  }, [
-                    items
-                  ])
-                ]
-              }),
-              /* Native gets an extra icon */
-              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, {
-                  size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _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"
-              })
-            ]
+    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,
+        animation: "medium",
+        children: [/* @__PURE__ */_jsx(Sheet.Frame, {
+          children: /* @__PURE__ */_jsx(Sheet.ScrollView, {
+            children: /* @__PURE__ */_jsx(Adapt.Contents, {})
           })
-        ]
+        }), /* @__PURE__ */_jsx(Sheet.Overlay, {
+          backgroundColor: "$shadowColor",
+          animation: "lazy",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        })]
       })
-    ]
+    }), /* @__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, {
+        // to do animations:
+        // animation="quick"
+        // animateOnly={['transform', 'opacity']}
+        // enterStyle={{ o: 0, y: -10 }}
+        // exitStyle={{ o: 0, y: 10 }}
+        minWidth: 200,
+        children: [/* @__PURE__ */_jsxs(Select.Group, {
+          children: [/* @__PURE__ */_jsx(Select.Label, {
+            children: "Fruits"
+          }), /* for longer lists memoizing these is useful */
+          React.useMemo(function () {
+            return items.map(function (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, {
+                  marginLeft: "auto",
+                  children: /* @__PURE__ */_jsx(Check, {
+                    size: 16
+                  })
+                })]
+              }, item.name);
+            });
+          }, [items])]
+        }), /* Native gets an extra icon */
+        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, {
+            size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _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"
+        })]
+      })]
+    })]
   });
 }
-var items = [
-  {
-    name: "Apple"
-  },
-  {
-    name: "Pear"
-  },
-  {
-    name: "Blackberry"
-  },
-  {
-    name: "Peach"
-  },
-  {
-    name: "Apricot"
-  },
-  {
-    name: "Melon"
-  },
-  {
-    name: "Honeydew"
-  },
-  {
-    name: "Starfruit"
-  },
-  {
-    name: "Blueberry"
-  },
-  {
-    name: "Raspberry"
-  },
-  {
-    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,
-  SelectDemoItem
-};
-//# sourceMappingURL=SelectDemo.js.map
+var items = [{
+  name: "Apple"
+}, {
+  name: "Pear"
+}, {
+  name: "Blackberry"
+}, {
+  name: "Peach"
+}, {
+  name: "Apricot"
+}, {
+  name: "Melon"
+}, {
+  name: "Honeydew"
+}, {
+  name: "Starfruit"
+}, {
+  name: "Blueberry"
+}, {
+  name: "Raspberry"
+}, {
+  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, SelectDemoItem };
+//# sourceMappingURL=SelectDemo.native.js.map

package/dist/esm/SelectDemo.native.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/SelectDemo.tsx"],
-  "mappings": "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",
-  "names": ["React", "Check", "ChevronDown", "ChevronUp", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "useState", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "animation", "Frame", "ScrollView", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "size", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "useMemo", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "right", "top", "bottom", "pointerEvents", "ScrollDownButton"]
-}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","SelectDemo","gap","children","ai","htmlFor","f","miw","SelectDemoItem","id","native","props","val","setVal","useState","_props_size","value","onValueChange","disablePreventBodyScroll","Trigger","width","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","animation","Frame","ScrollView","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Content","zIndex","ScrollUpButton","alignItems","justifyContent","position","height","size","start","end","fullscreen","colors","borderRadius","Viewport","minWidth","Group","useMemo","items","map","item","i","Item","index","name","toLowerCase","ItemText","ItemIndicator","marginLeft"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/SeparatorDemo.native.js

@@ -2,50 +2,37 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "react";
 import { Paragraph, Separator, XStack, YStack } from "tamagui";
 function SeparatorDemo() {
-  return /* @__PURE__ */ _jsxs(YStack, {
+  return /* @__PURE__ */_jsxs(YStack, {
     width: "100%",
     maxWidth: 300,
     marginHorizontal: 15,
-    children: [
-      /* @__PURE__ */ _jsx(Paragraph, {
-        fontWeight: "800",
-        children: "Tamagui"
-      }),
-      /* @__PURE__ */ _jsx(Paragraph, {
-        children: "A cross-platform component library."
-      }),
-      /* @__PURE__ */ _jsx(Separator, {
-        marginVertical: 15
-      }),
-      /* @__PURE__ */ _jsxs(XStack, {
-        height: 20,
-        alignItems: "center",
-        children: [
-          /* @__PURE__ */ _jsx(Paragraph, {
-            children: "Blog"
-          }),
-          /* @__PURE__ */ _jsx(Separator, {
-            alignSelf: "stretch",
-            vertical: !0,
-            marginHorizontal: 15
-          }),
-          /* @__PURE__ */ _jsx(Paragraph, {
-            children: "Docs"
-          }),
-          /* @__PURE__ */ _jsx(Separator, {
-            alignSelf: "stretch",
-            vertical: !0,
-            marginHorizontal: 15
-          }),
-          /* @__PURE__ */ _jsx(Paragraph, {
-            children: "Source"
-          })
-        ]
-      })
-    ]
+    children: [/* @__PURE__ */_jsx(Paragraph, {
+      fontWeight: "800",
+      children: "Tamagui"
+    }), /* @__PURE__ */_jsx(Paragraph, {
+      children: "A cross-platform component library."
+    }), /* @__PURE__ */_jsx(Separator, {
+      marginVertical: 15
+    }), /* @__PURE__ */_jsxs(XStack, {
+      height: 20,
+      alignItems: "center",
+      children: [/* @__PURE__ */_jsx(Paragraph, {
+        children: "Blog"
+      }), /* @__PURE__ */_jsx(Separator, {
+        alignSelf: "stretch",
+        vertical: !0,
+        marginHorizontal: 15
+      }), /* @__PURE__ */_jsx(Paragraph, {
+        children: "Docs"
+      }), /* @__PURE__ */_jsx(Separator, {
+        alignSelf: "stretch",
+        vertical: !0,
+        marginHorizontal: 15
+      }), /* @__PURE__ */_jsx(Paragraph, {
+        children: "Source"
+      })]
+    })]
   });
 }
-export {
-  SeparatorDemo
-};
-//# sourceMappingURL=SeparatorDemo.js.map
+export { SeparatorDemo };
+//# sourceMappingURL=SeparatorDemo.native.js.map

package/dist/esm/SeparatorDemo.native.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/SeparatorDemo.tsx"],
-  "mappings": ";AAAA,OAAkB;AAClB,SAASA,WAAWC,WAAWC,QAAQC,cAAc;AAE9C,SAASC,gBAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,OAAM;IAAOC,UAAU;IAAKC,kBAAkB;;MACpD,qBAACP,WAAAA;QAAUQ,YAAW;kBAAM;;MAC5B,qBAACR,WAAAA;kBAAU;;MACX,qBAACC,WAAAA;QAAUQ,gBAAgB;;MAC3B,sBAACP,QAAAA;QAAOQ,QAAQ;QAAIC,YAAW;;UAC7B,qBAACX,WAAAA;sBAAU;;UACX,qBAACC,WAAAA;YAAUW,WAAU;YAAUC,UAAQ;YAACN,kBAAkB;;UAC1D,qBAACP,WAAAA;sBAAU;;UACX,qBAACC,WAAAA;YAAUW,WAAU;YAAUC,UAAQ;YAACN,kBAAkB;;UAC1D,qBAACP,WAAAA;sBAAU;;;;;;AAInB;",
-  "names": ["Paragraph", "Separator", "XStack", "YStack", "SeparatorDemo", "width", "maxWidth", "marginHorizontal", "fontWeight", "marginVertical", "height", "alignItems", "alignSelf", "vertical"]
-}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","Separator","XStack","YStack","SeparatorDemo","width","maxWidth","marginHorizontal","children","fontWeight"],"sources":["../../src/SeparatorDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAW,QAAQ,mBAAc;AAK/C,cAGA;AANC,SAASC,SAAA,EAAAC,SAAgB,EAAAC,MAAA,EAAAC,MAAA;AAC9B,SACEC,cAAA;EACE,sBAACL,KAAA,CAAAI,MAAU;IACXE,KAAA;IACAC,QAAA;IACAC,gBAAA;IACEC,QAAA,GACA,eAAAX,IAAC,CAAAG,SAAA;MACDS,UAAA;MACAD,QAAA;IACA,IAAiB,eACnBX,IAAA,CAAAG,SAAA;MACFQ,QAAA;IAEJ,I","ignoreList":[]}

package/dist/esm/ShapesDemo.native.js

@@ -1,24 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Circle, Square, XStack } from "tamagui";
 function ShapesDemo() {
-  return /* @__PURE__ */ _jsxs(XStack, {
+  return /* @__PURE__ */_jsxs(XStack, {
     padding: "$2",
     space: "$4",
-    children: [
-      /* @__PURE__ */ _jsx(Square, {
-        size: 100,
-        backgroundColor: "$color",
-        elevation: "$4"
-      }),
-      /* @__PURE__ */ _jsx(Circle, {
-        size: 100,
-        backgroundColor: "$color",
-        elevation: "$4"
-      })
-    ]
+    children: [/* @__PURE__ */_jsx(Square, {
+      size: 100,
+      backgroundColor: "$color",
+      elevation: "$4"
+    }), /* @__PURE__ */_jsx(Circle, {
+      size: 100,
+      backgroundColor: "$color",
+      elevation: "$4"
+    })]
   });
 }
-export {
-  ShapesDemo
-};
-//# sourceMappingURL=ShapesDemo.js.map
+export { ShapesDemo };
+//# sourceMappingURL=ShapesDemo.native.js.map

package/dist/esm/ShapesDemo.native.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/ShapesDemo.tsx"],
-  "mappings": ";AAAA,SAASA,QAAQC,QAAQC,cAAc;AAEhC,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;;MACzB,qBAACJ,QAAAA;QAAOK,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;MACtD,qBAACR,QAAAA;QAAOM,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;;;AAG5D;",
-  "names": ["Circle", "Square", "XStack", "ShapesDemo", "padding", "space", "size", "backgroundColor", "elevation"]
-}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Circle","Square","XStack","ShapesDemo","padding","space","children"],"sources":["../../src/ShapesDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAInC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAJ,KAAC,CAAAG,MAAA;IACCE,OAAA;IACAC,KAAA;IAA2DC,QAC7D,GAEJ,eAAAT,IAAA,CAAAI,MAAA","ignoreList":[]}