@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/DialogDemo.cjs

@@ -3,27 +3,23 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DialogDemo_exports = {};
-__export(DialogDemo_exports, {
-  DialogDemo: () => DialogDemo
-});
+__export(DialogDemo_exports, { DialogDemo: () => DialogDemo });
 module.exports = __toCommonJS(DialogDemo_exports);
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_react = require("react");
@@ -31,184 +27,153 @@ var import_tamagui = require("tamagui");
 var import_SelectDemo = require("./SelectDemo.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function DialogDemo() {
-  const [mode, setMode] = (0, import_react.useState)("plain");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-    gap: "$4",
-    justify: "center",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$3",
-          theme: mode === "plain" ? "accent" : void 0,
-          onPress: () => setMode("plain"),
-          children: "Plain"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$3",
-          theme: mode === "adapt" ? "accent" : void 0,
-          onPress: () => setMode("adapt"),
-          children: "Adapt to Sheet"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          size: "$3",
-          theme: mode === "keepMounted" ? "accent" : void 0,
-          onPress: () => setMode("keepMounted"),
-          children: "Keep Mounted"
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {
-      mode
-    })]
-  });
+	const [mode, setMode] = (0, import_react.useState)("plain");
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+		gap: "4",
+		justify: "center",
+		items: "center",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "3",
+				theme: mode === "plain" ? "accent" : void 0,
+				onPress: () => setMode("plain"),
+				children: "Plain"
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "3",
+				theme: mode === "adapt" ? "accent" : void 0,
+				onPress: () => setMode("adapt"),
+				children: "Adapt to Sheet"
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "3",
+				theme: mode === "keepMounted" ? "accent" : void 0,
+				onPress: () => setMode("keepMounted"),
+				children: "Keep Mounted"
+			}) })
+		] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, { mode })]
+	});
+}
+function DialogInstance({ mode }) {
+	const [open, setOpen] = (0, import_react.useState)(false);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
+		modal: true,
+		keepChildrenMounted: mode === "keepMounted",
+		open,
+		onOpenChange: setOpen,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "Show Dialog" }) })
+			}),
+			mode === "adapt" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
+				when: "max-md",
+				platform: "touch",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
+					transition: "medium",
+					zIndex: 2e5,
+					modal: true,
+					dismissOnSnapToBottom: true,
+					unmountChildrenWhenHidden: true,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Container, {
+						p: "4",
+						gap: "4",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Background, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
+						bg: "background",
+						opacity: "0.5 enter:0 exit:0",
+						transition: "lazy"
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+				bg: "background",
+				opacity: "0.5 enter:0 exit:0",
+				transition: {
+					preset: "quicker",
+					properties: "transform, opacity",
+					opacity: {
+						preset: "quicker",
+						spring: { overshootClamping: true }
+					}
+				}
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.FocusScope, {
+				focusOnIdle: true,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
+					transition: {
+						preset: "quicker",
+						opacity: {
+							preset: "quicker",
+							spring: { overshootClamping: true }
+						}
+					},
+					x: "enter:0 exit:0",
+					y: "enter:20px exit:10px",
+					opacity: "enter:0 exit:0",
+					scale: "exit:0.95",
+					gap: "4",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { children: "Edit profile" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
+							gap: "4",
+							horizontal: true,
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+								width: 64,
+								htmlFor: "name",
+								children: "Name"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+								flex: 1,
+								id: "name",
+								defaultValue: "Nate Wienert"
+							})]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
+							gap: "4",
+							horizontal: true,
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+								width: 64,
+								htmlFor: "username",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
+									label: "Pick your favorite",
+									placement: "bottom-start",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Food" })
+								})
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+								flex: 1,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoContents, { trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Trigger, {
+									flex: 1,
+									borderRadius: "4",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {}) })]
+								}) })
+							})]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+							self: "flex-end",
+							gap: "4",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
+								displayWhenAdapted: true,
+								asChild: true,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+									theme: "accent",
+									"aria-label": "Close",
+									children: "Save changes"
+								})
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
+							asChild: true,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+								position: "absolute",
+								r: "3",
+								size: "2",
+								circular: true,
+								icon: import_lucide_icons_2.X
+							})
+						}) })
+					]
+				})
+			})] })
+		]
+	});
 }
-function DialogInstance({
-  mode
-}) {
-  const [open, setOpen] = (0, import_react.useState)(false);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
-    modal: true,
-    keepChildrenMounted: mode === "keepMounted",
-    open,
-    onOpenChange: setOpen,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, {
-          children: "Show Dialog"
-        })
-      })
-    }), mode === "adapt" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
-        transition: "medium",
-        zIndex: 2e5,
-        modal: true,
-        dismissOnSnapToBottom: true,
-        unmountChildrenWhenHidden: true,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
-          p: "$4",
-          gap: "$4",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
-          bg: "$background",
-          opacity: 0.5,
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
-        bg: "$background",
-        opacity: 0.5,
-        animateOnly: ["transform", "opacity"],
-        transition: ["quicker", {
-          opacity: {
-            overshootClamping: true
-          }
-        }],
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.FocusScope, {
-        focusOnIdle: true,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
-          transition: ["quicker", {
-            opacity: {
-              overshootClamping: true
-            }
-          }],
-          enterStyle: {
-            x: 0,
-            y: 20,
-            opacity: 0
-          },
-          exitStyle: {
-            x: 0,
-            y: 10,
-            opacity: 0,
-            scale: 0.95
-          },
-          gap: "$4",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
-            children: "Edit profile"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
-            children: "Make changes to your profile here. Click save when you're done."
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
-            gap: "$4",
-            horizontal: true,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-              width: 64,
-              htmlFor: "name",
-              children: "Name"
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-              flex: 1,
-              id: "name",
-              defaultValue: "Nate Wienert"
-            })]
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
-            gap: "$4",
-            horizontal: true,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-              width: 64,
-              htmlFor: "username",
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
-                label: "Pick your favorite",
-                placement: "bottom-start",
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-                  children: "Food"
-                })
-              })
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-              flex: 1,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoContents, {
-                trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
-                  flex: 1,
-                  iconAfter: import_lucide_icons_2.ChevronDown,
-                  borderRadius: "$4",
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
-                    placeholder: "Something"
-                  })
-                })
-              })
-            })]
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-            self: "flex-end",
-            gap: "$4",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
-              displayWhenAdapted: true,
-              asChild: true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                theme: "accent",
-                "aria-label": "Close",
-                children: "Save changes"
-              })
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
-              asChild: true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                position: "absolute",
-                r: "$3",
-                size: "$2",
-                circular: true,
-                icon: import_lucide_icons_2.X
-              })
-            })
-          })]
-        })
-      })]
-    })]
-  });
-}

package/dist/cjs/DialogDemo.native.cjs

@@ -0,0 +1,188 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DialogDemo_exports = {};
+__export(DialogDemo_exports, { DialogDemo: () => DialogDemo });
+module.exports = __toCommonJS(DialogDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_SelectDemo = require("./SelectDemo.native.js");
+function DialogDemo() {
+	var [mode, setMode] = (0, import_react.useState)("plain");
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+		gap: "4",
+		justify: "center",
+		items: "center",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "3",
+				theme: mode === "plain" ? "accent" : void 0,
+				onPress: function() {
+					return setMode("plain");
+				},
+				children: "Plain"
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "3",
+				theme: mode === "adapt" ? "accent" : void 0,
+				onPress: function() {
+					return setMode("adapt");
+				},
+				children: "Adapt to Sheet"
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				size: "3",
+				theme: mode === "keepMounted" ? "accent" : void 0,
+				onPress: function() {
+					return setMode("keepMounted");
+				},
+				children: "Keep Mounted"
+			}) })
+		] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, { mode })]
+	});
+}
+function DialogInstance(param) {
+	var { mode } = param;
+	var [open, setOpen] = (0, import_react.useState)(false);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
+		modal: true,
+		keepChildrenMounted: mode === "keepMounted",
+		open,
+		onOpenChange: setOpen,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "Show Dialog" }) })
+			}),
+			mode === "adapt" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
+				when: "max-md",
+				platform: "touch",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
+					transition: "medium",
+					zIndex: 2e5,
+					modal: true,
+					dismissOnSnapToBottom: true,
+					unmountChildrenWhenHidden: true,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Container, {
+						p: "4",
+						gap: "4",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Background, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
+						bg: "background",
+						opacity: "0.5 enter:0 exit:0",
+						transition: "lazy"
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+				bg: "background",
+				opacity: "0.5 enter:0 exit:0",
+				transition: {
+					preset: "quicker",
+					properties: "transform, opacity",
+					opacity: {
+						preset: "quicker",
+						spring: { overshootClamping: true }
+					}
+				}
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.FocusScope, {
+				focusOnIdle: true,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
+					transition: {
+						preset: "quicker",
+						opacity: {
+							preset: "quicker",
+							spring: { overshootClamping: true }
+						}
+					},
+					x: "enter:0 exit:0",
+					y: "enter:20px exit:10px",
+					opacity: "enter:0 exit:0",
+					scale: "exit:0.95",
+					gap: "4",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { children: "Edit profile" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
+							gap: "4",
+							horizontal: true,
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+								width: 64,
+								htmlFor: "name",
+								children: "Name"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+								flex: 1,
+								id: "name",
+								defaultValue: "Nate Wienert"
+							})]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
+							gap: "4",
+							horizontal: true,
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+								width: 64,
+								htmlFor: "username",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
+									label: "Pick your favorite",
+									placement: "bottom-start",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Food" })
+								})
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+								flex: 1,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoContents, { trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Trigger, {
+									flex: 1,
+									borderRadius: "4",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {}) })]
+								}) })
+							})]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+							self: "flex-end",
+							gap: "4",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
+								displayWhenAdapted: true,
+								asChild: true,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+									theme: "accent",
+									"aria-label": "Close",
+									children: "Save changes"
+								})
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
+							asChild: true,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+								position: "absolute",
+								r: "3",
+								size: "2",
+								circular: true,
+								icon: import_lucide_icons_2.X
+							})
+						}) })
+					]
+				})
+			})] })
+		]
+	});
+}