@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/DialogDemo.native.js

@@ -1,31 +1,28 @@
 "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
-  });
+	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_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
@@ -33,192 +30,150 @@ 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
-    })]
-  });
+	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: "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
-              })
-            })
-          })]
-        })
-      })]
-    })]
-  });
+	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: ["quicker", { opacity: { overshootClamping: true } }],
+				animateOnly: ["transform", "opacity"]
+			}), /* @__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 } }],
+					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
+							})
+						}) })
+					]
+				})
+			})] })
+		]
+	});
 }
+
 //# sourceMappingURL=DialogDemo.native.js.map

package/dist/cjs/DialogDemo.native.js.map

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

package/dist/cjs/FieldDemo.cjs

@@ -0,0 +1,165 @@
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FieldDemo_exports = {};
+__export(FieldDemo_exports, {
+	FieldDemo: () => FieldDemo,
+	FieldInput: () => FieldInput
+});
+module.exports = __toCommonJS(FieldDemo_exports);
+var React = __toESM(require("react"), 1);
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const DemoField = (0, import_tamagui.styled)(import_tamagui.Field, { gap: "2" });
+const DemoLabel = (0, import_tamagui.styled)(import_tamagui.Field.Label, {
+	color: "color11",
+	fontWeight: "500"
+});
+const DemoDescription = (0, import_tamagui.styled)(import_tamagui.Field.Description, {
+	color: "color9",
+	fontSize: "2"
+});
+const DemoError = (0, import_tamagui.styled)(import_tamagui.Field.Error, {
+	color: "red10",
+	fontSize: "2"
+});
+const DemoInput = (0, import_tamagui.styled)(import_tamagui.Input, {
+	context: import_tamagui.FieldStyledContext,
+	variants: {
+		valid: { true: {} },
+		invalid: { true: { borderColor: "red9" } },
+		touched: { true: {} },
+		dirty: { true: {} },
+		filled: { true: {} },
+		focused: { true: {} }
+	}
+});
+function FieldInput(props) {
+	const field = import_tamagui.Field.useFieldControl();
+	const controlRef = React.useRef(null);
+	const valueRef = React.useRef(props.value ?? props.defaultValue ?? "");
+	React.useEffect(() => {
+		return field.registerControl({
+			id: field.ariaProps.id,
+			controlRef,
+			inputRef: controlRef,
+			getValue: () => valueRef.current,
+			required: props.required,
+			disabled: props.disabled
+		});
+	}, [
+		field.ariaProps.id,
+		field.registerControl,
+		props.disabled,
+		props.required
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoInput, {
+		...props,
+		...field.ariaProps,
+		...field.dataProps,
+		ref: controlRef,
+		name: field.name,
+		disabled: field.disabled || props.disabled,
+		onFocus: (event) => {
+			field.onFocus();
+			props.onFocus?.(event);
+		},
+		onBlur: (event) => {
+			field.onBlur(valueRef.current);
+			props.onBlur?.(event);
+		},
+		onChange: (event) => {
+			valueRef.current = event.target.value;
+			field.onChange(event.target.value);
+			props.onChange?.(event);
+		}
+	});
+}
+function FieldDemo() {
+	const [status, setStatus] = React.useState("Fill out the form");
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Form, {
+		width: 360,
+		maxW: "90%",
+		gap: "4",
+		p: "5",
+		borderWidth: 1,
+		borderColor: "border-color",
+		rounded: "7",
+		bg: "color2",
+		boxShadow: "0 2px 3px rgba(0, 0, 0, 0.06), 0 14px 30px rgba(0, 0, 0, 0.10), 0 36px 72px rgba(0, 0, 0, 0.12)",
+		onSubmit: (values) => {
+			setStatus(`Welcome, ${String(values.name)}`);
+		},
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DemoField, {
+				name: "name",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoLabel, { children: "Name" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldInput, {
+						placeholder: "Ada Lovelace",
+						required: true
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoDescription, { children: "This is shown on your profile." }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoError, {})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DemoField, {
+				name: "email",
+				validationMode: "onBlur",
+				validate: (value) => String(value).endsWith("@example.com") ? null : "Use an @example.com address",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoLabel, { children: "Email" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldInput, {
+						type: "email",
+						placeholder: "ada@example.com",
+						required: true
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoError, {})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+					self: "flex-end",
+					height: 40,
+					px: "5",
+					rounded: "5",
+					bg: "color11 hover:color10",
+					color: "color1",
+					fontSize: "2",
+					fontWeight: "500",
+					children: "Create account"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+				color: "color9",
+				size: "2",
+				children: status
+			})
+		]
+	});
+}