@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/SelectDemo.mjs

@@ -1,203 +1,166 @@
 import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons-2";
+import { LinearGradient } from "@tamagui/linear-gradient";
 import React from "react";
 import { Adapt, Label, Select, Sheet, Theme, XStack, YStack, getFontSize } from "tamagui";
-import { LinearGradient } from "tamagui/linear-gradient";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function SelectDemo() {
-  return /* @__PURE__ */jsx(Theme, {
-    name: "surface1",
-    children: /* @__PURE__ */jsxs(YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */jsxs(XStack, {
-        width: "100%",
-        items: "center",
-        gap: "$4",
-        children: [/* @__PURE__ */jsx(Label, {
-          htmlFor: "select-demo-1",
-          flex: 1,
-          minW: 80,
-          children: "Custom"
-        }), /* @__PURE__ */jsx(SelectDemoContents, {
-          id: "select-demo-1"
-        })]
-      }), /* @__PURE__ */jsxs(XStack, {
-        width: "100%",
-        items: "center",
-        gap: "$4",
-        children: [/* @__PURE__ */jsx(Label, {
-          htmlFor: "select-demo-2",
-          flex: 1,
-          minW: 80,
-          children: "Native"
-        }), /* @__PURE__ */jsx(SelectDemoContents, {
-          id: "select-demo-2",
-          native: true
-        })]
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(Theme, {
+		name: "level2",
+		children: /* @__PURE__ */ jsxs(YStack, {
+			gap: "4",
+			children: [/* @__PURE__ */ jsxs(XStack, {
+				width: "100%",
+				items: "center",
+				gap: "4",
+				children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: "select-demo-1",
+					flex: 1,
+					minW: 80,
+					children: "Custom"
+				}), /* @__PURE__ */ jsx(SelectDemoContents, { id: "select-demo-1" })]
+			}), /* @__PURE__ */ jsxs(XStack, {
+				width: "100%",
+				items: "center",
+				gap: "4",
+				children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: "select-demo-2",
+					flex: 1,
+					minW: 80,
+					children: "Native"
+				}), /* @__PURE__ */ jsx(SelectDemoContents, {
+					id: "select-demo-2",
+					native: true
+				})]
+			})]
+		})
+	});
 }
-const getItemLabel = value => items.find(item => item.name.toLowerCase() === value)?.name;
+const getItemLabel = (value) => items.find((item) => item.name.toLowerCase() === value)?.name;
 function SelectDemoContents(props) {
-  const [val, setVal] = React.useState("apple");
-  return /* @__PURE__ */jsxs(Select, {
-    value: val,
-    onValueChange: setVal,
-    disablePreventBodyScroll: true,
-    ...props,
-    renderValue: getItemLabel,
-    children: [props?.trigger || /* @__PURE__ */jsx(Select.Trigger, {
-      maxWidth: 220,
-      iconAfter: ChevronDown,
-      borderRadius: "$4",
-      backgroundColor: "$background",
-      children: /* @__PURE__ */jsx(Select.Value, {
-        placeholder: "Something"
-      })
-    }), /* @__PURE__ */jsx(Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */jsxs(Sheet, {
-        native: !!props.native,
-        modal: true,
-        dismissOnSnapToBottom: true,
-        transition: "medium",
-        children: [/* @__PURE__ */jsx(Sheet.Frame, {
-          children: /* @__PURE__ */jsx(Sheet.ScrollView, {
-            children: /* @__PURE__ */jsx(Adapt.Contents, {})
-          })
-        }), /* @__PURE__ */jsx(Sheet.Overlay, {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */jsxs(Select.Content, {
-      children: [/* @__PURE__ */jsxs(Select.ScrollUpButton, {
-        items: "center",
-        justify: "center",
-        position: "relative",
-        width: "100%",
-        height: "$3",
-        children: [/* @__PURE__ */jsx(YStack, {
-          z: 10,
-          children: /* @__PURE__ */jsx(ChevronUp, {
-            size: 20
-          })
-        }), /* @__PURE__ */jsx(LinearGradient, {
-          start: [0, 0],
-          end: [0, 1],
-          fullscreen: true,
-          colors: ["$background", "transparent"],
-          rounded: "$4"
-        })]
-      }), /* @__PURE__ */jsxs(Select.Viewport, {
-        minW: 200,
-        bg: "$background",
-        rounded: "$4",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        children: [/* @__PURE__ */jsxs(Select.Group, {
-          children: [/* @__PURE__ */jsx(Select.Label, {
-            fontWeight: "700",
-            children: "Fruits"
-          }), React.useMemo(() => 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, {
-                marginLeft: "auto",
-                children: /* @__PURE__ */jsx(Check, {
-                  size: 16
-                })
-              })]
-            }, item.name);
-          }), [items])]
-        }), props.native && /* @__PURE__ */jsx(YStack, {
-          position: "absolute",
-          r: 0,
-          t: 16,
-          items: "center",
-          justify: "center",
-          width: "$4",
-          pointerEvents: "none",
-          children: /* @__PURE__ */jsx(ChevronDown, {
-            size: getFontSize(props.size ?? "$true")
-          })
-        })]
-      }), /* @__PURE__ */jsxs(Select.ScrollDownButton, {
-        items: "center",
-        justify: "center",
-        position: "relative",
-        width: "100%",
-        height: "$3",
-        children: [/* @__PURE__ */jsx(YStack, {
-          z: 10,
-          children: /* @__PURE__ */jsx(ChevronDown, {
-            size: 20
-          })
-        }), /* @__PURE__ */jsx(LinearGradient, {
-          start: [0, 0],
-          end: [0, 1],
-          fullscreen: true,
-          colors: ["transparent", "$background"],
-          rounded: "$4"
-        })]
-      })]
-    })]
-  });
+	const [val, setVal] = React.useState("apple");
+	return /* @__PURE__ */ jsxs(Select, {
+		value: val,
+		onValueChange: setVal,
+		disablePreventBodyScroll: true,
+		lazyMount: true,
+		...props,
+		renderValue: getItemLabel,
+		children: [
+			props?.trigger || /* @__PURE__ */ jsxs(Select.Trigger, {
+				maxWidth: 220,
+				borderRadius: "4",
+				backgroundColor: "background",
+				children: [/* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }), /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx(ChevronDown, {}) })]
+			}),
+			/* @__PURE__ */ jsx(Adapt, {
+				when: "max-md",
+				platform: "touch",
+				children: /* @__PURE__ */ jsxs(Sheet, {
+					native: !!props.native,
+					modal: true,
+					dismissOnSnapToBottom: true,
+					transition: "medium",
+					children: [/* @__PURE__ */ jsxs(Sheet.Container, { children: [/* @__PURE__ */ jsx(Sheet.Background, {}), /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) })] }), /* @__PURE__ */ jsx(Sheet.Overlay, {
+						bg: "shadow-color",
+						transition: "lazy",
+						opacity: "enter:0 exit:0"
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsxs(Select.Content, { children: [
+				/* @__PURE__ */ jsxs(Select.ScrollUpButton, {
+					items: "center",
+					justify: "center",
+					position: "relative",
+					width: "100%",
+					height: "3",
+					children: [/* @__PURE__ */ jsx(YStack, {
+						z: 10,
+						children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 })
+					}), /* @__PURE__ */ jsx(LinearGradient, {
+						start: [0, 0],
+						end: [0, 1],
+						position: "absolute",
+						inset: 0,
+						rounded: "4",
+						colors: ["background", "transparent"]
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Select.Viewport, {
+					minW: 200,
+					bg: "background",
+					rounded: "4",
+					borderWidth: 1,
+					borderColor: "border-color",
+					children: [/* @__PURE__ */ jsxs(Select.Group, { children: [/* @__PURE__ */ jsx(Select.Label, {
+						fontWeight: "700",
+						children: "Fruits"
+					}), React.useMemo(() => items.map((item) => {
+						return /* @__PURE__ */ jsxs(Select.Item, {
+							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",
+						r: 0,
+						t: 16,
+						items: "center",
+						justify: "center",
+						width: "4",
+						pointerEvents: "none",
+						children: /* @__PURE__ */ jsx(ChevronDown, { size: getFontSize(props.size ?? true) })
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Select.ScrollDownButton, {
+					items: "center",
+					justify: "center",
+					position: "relative",
+					width: "100%",
+					height: "3",
+					children: [/* @__PURE__ */ jsx(YStack, {
+						z: 10,
+						children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 })
+					}), /* @__PURE__ */ jsx(LinearGradient, {
+						start: [0, 0],
+						end: [0, 1],
+						position: "absolute",
+						inset: 0,
+						rounded: "4",
+						colors: ["transparent", "background"]
+					})]
+				})
+			] })
+		]
+	});
 }
-const 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"
-}];
+const 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, SelectDemoContents };
 //# sourceMappingURL=SelectDemo.mjs.map

package/dist/esm/SelectDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Check","ChevronDown","ChevronUp","React","Adapt","Label","Select","Sheet","Theme","XStack","YStack","getFontSize","LinearGradient","jsx","jsxs","SelectDemo","name","children","gap","width","items","htmlFor","flex","minW","SelectDemoContents","id","native","getItemLabel","value","find","item","toLowerCase","props","val","setVal","useState","onValueChange","disablePreventBodyScroll","renderValue","trigger","Trigger","maxWidth","iconAfter","borderRadius","backgroundColor","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","transition","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","ScrollUpButton","justify","position","height","z","size","start","end","fullscreen","colors","rounded","Viewport","borderWidth","borderColor","Group","fontWeight","useMemo","map","i","Item","index","ItemText","ItemIndicator","marginLeft","r","t","pointerEvents","ScrollDownButton"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectDemo.js","names":[],"sources":["esm/SelectDemo.js"],"sourcesContent":["import { Check, ChevronDown, ChevronUp } from \"@tamagui/lucide-icons-2\";\nimport { LinearGradient } from \"@tamagui/linear-gradient\";\nimport React from \"react\";\nimport { Adapt, Label, Select, Sheet, Theme, XStack, YStack, getFontSize } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction SelectDemo() {\n  return /* @__PURE__ */ jsx(Theme, { name: \"level2\", children: /* @__PURE__ */ jsxs(YStack, { gap: \"4\", children: [\n    /* @__PURE__ */ jsxs(XStack, { width: \"100%\", items: \"center\", gap: \"4\", children: [\n      /* @__PURE__ */ jsx(Label, { htmlFor: \"select-demo-1\", flex: 1, minW: 80, children: \"Custom\" }),\n      /* @__PURE__ */ jsx(SelectDemoContents, { id: \"select-demo-1\" })\n    ] }),\n    /* @__PURE__ */ jsxs(XStack, { width: \"100%\", items: \"center\", gap: \"4\", children: [\n      /* @__PURE__ */ jsx(Label, { htmlFor: \"select-demo-2\", flex: 1, minW: 80, children: \"Native\" }),\n      /* @__PURE__ */ jsx(SelectDemoContents, { id: \"select-demo-2\", native: true })\n    ] })\n  ] }) });\n}\nconst getItemLabel = (value) => items.find((item) => item.name.toLowerCase() === value)?.name;\nfunction SelectDemoContents(props) {\n  const [val, setVal] = React.useState(\"apple\");\n  return /* @__PURE__ */ jsxs(\n    Select,\n    {\n      value: val,\n      onValueChange: setVal,\n      disablePreventBodyScroll: true,\n      lazyMount: true,\n      ...props,\n      renderValue: getItemLabel,\n      children: [\n        props?.trigger || /* @__PURE__ */ jsxs(Select.Trigger, { maxWidth: 220, borderRadius: \"4\", backgroundColor: \"background\", children: [\n          /* @__PURE__ */ jsx(Select.Value, { placeholder: \"Something\" }),\n          /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx(ChevronDown, {}) })\n        ] }),\n        /* @__PURE__ */ jsx(Adapt, { when: \"max-md\", platform: \"touch\", children: /* @__PURE__ */ jsxs(Sheet, { native: !!props.native, modal: true, dismissOnSnapToBottom: true, transition: \"medium\", children: [\n          /* @__PURE__ */ jsxs(Sheet.Container, { children: [\n            /* @__PURE__ */ jsx(Sheet.Background, {}),\n            /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) })\n          ] }),\n          /* @__PURE__ */ jsx(Sheet.Overlay, { bg: \"shadow-color\", transition: \"lazy\", opacity: \"enter:0 exit:0\" })\n        ] }) }),\n        /* @__PURE__ */ jsxs(Select.Content, { children: [\n          /* @__PURE__ */ jsxs(\n            Select.ScrollUpButton,\n            {\n              items: \"center\",\n              justify: \"center\",\n              position: \"relative\",\n              width: \"100%\",\n              height: \"3\",\n              children: [\n                /* @__PURE__ */ jsx(YStack, { z: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),\n                /* @__PURE__ */ jsx(\n                  LinearGradient,\n                  {\n                    start: [0, 0],\n                    end: [0, 1],\n                    position: \"absolute\",\n                    inset: 0,\n                    rounded: \"4\",\n                    colors: [\"background\", \"transparent\"]\n                  }\n                )\n              ]\n            }\n          ),\n          /* @__PURE__ */ jsxs(\n            Select.Viewport,\n            {\n              minW: 200,\n              bg: \"background\",\n              rounded: \"4\",\n              borderWidth: 1,\n              borderColor: \"border-color\",\n              children: [\n                /* @__PURE__ */ jsxs(Select.Group, { children: [\n                  /* @__PURE__ */ jsx(Select.Label, { fontWeight: \"700\", children: \"Fruits\" }),\n                  React.useMemo(\n                    () => items.map((item) => {\n                      return /* @__PURE__ */ jsxs(Select.Item, { value: item.name.toLowerCase(), children: [\n                        /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),\n                        /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: \"auto\", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })\n                      ] }, item.name);\n                    }),\n                    [items]\n                  )\n                ] }),\n                props.native && /* @__PURE__ */ jsx(\n                  YStack,\n                  {\n                    position: \"absolute\",\n                    r: 0,\n                    t: 16,\n                    items: \"center\",\n                    justify: \"center\",\n                    width: \"4\",\n                    pointerEvents: \"none\",\n                    children: /* @__PURE__ */ jsx(ChevronDown, { size: getFontSize(props.size ?? true) })\n                  }\n                )\n              ]\n            }\n          ),\n          /* @__PURE__ */ jsxs(\n            Select.ScrollDownButton,\n            {\n              items: \"center\",\n              justify: \"center\",\n              position: \"relative\",\n              width: \"100%\",\n              height: \"3\",\n              children: [\n                /* @__PURE__ */ jsx(YStack, { z: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),\n                /* @__PURE__ */ jsx(\n                  LinearGradient,\n                  {\n                    start: [0, 0],\n                    end: [0, 1],\n                    position: \"absolute\",\n                    inset: 0,\n                    rounded: \"4\",\n                    colors: [\"transparent\", \"background\"]\n                  }\n                )\n              ]\n            }\n          )\n        ] })\n      ]\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: \"Raspberry\" },\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];\nexport {\n  SelectDemo,\n  SelectDemoContents\n};\n//# sourceMappingURL=SelectDemo.js.map\n"],"mappings":"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"}