@tamagui/demos 1.113.1 → 1.114.0

package/dist/esm/SelectDemo.native.js

@@ -4,202 +4,282 @@ 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,
-        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
+    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
           },
-          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")
+          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, {
+            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"
+              })
+            ]
           })
-        })]
-      }), /* @__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.native.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.js.map

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

@@ -1 +1,6 @@
-{"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","animationConfig","type","damping","mass","stiffness","Frame","ScrollView","Contents","Overlay","animation","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"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{
+  "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", "animationConfig", "type", "damping", "mass", "stiffness", "Frame", "ScrollView", "Contents", "Overlay", "animation", "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"]
+}

package/dist/esm/SeparatorDemo.native.js

@@ -2,37 +2,50 @@ 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.native.js.map
+export {
+  SeparatorDemo
+};
+//# sourceMappingURL=SeparatorDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "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"]
+}

package/dist/esm/ShapesDemo.native.js

@@ -1,19 +1,24 @@
 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.native.js.map
+export {
+  ShapesDemo
+};
+//# sourceMappingURL=ShapesDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "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"]
+}