@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/DialogDemo.mjs

@@ -3,187 +3,146 @@ import { useState } from "react";
 import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "tamagui";
 import { SelectDemoContents } from "./SelectDemo.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function DialogDemo() {
-  const [mode, setMode] = useState("plain");
-  return /* @__PURE__ */jsxs(View, {
-    gap: "$4",
-    justify: "center",
-    items: "center",
-    children: [/* @__PURE__ */jsxs(XGroup, {
-      children: [/* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$3",
-          theme: mode === "plain" ? "accent" : void 0,
-          onPress: () => setMode("plain"),
-          children: "Plain"
-        })
-      }), /* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$3",
-          theme: mode === "adapt" ? "accent" : void 0,
-          onPress: () => setMode("adapt"),
-          children: "Adapt to Sheet"
-        })
-      }), /* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$3",
-          theme: mode === "keepMounted" ? "accent" : void 0,
-          onPress: () => setMode("keepMounted"),
-          children: "Keep Mounted"
-        })
-      })]
-    }), /* @__PURE__ */jsx(DialogInstance, {
-      mode
-    })]
-  });
+	const [mode, setMode] = useState("plain");
+	return /* @__PURE__ */ jsxs(View, {
+		gap: "4",
+		justify: "center",
+		items: "center",
+		children: [/* @__PURE__ */ jsxs(XGroup, { children: [
+			/* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				size: "3",
+				theme: mode === "plain" ? "accent" : void 0,
+				onPress: () => setMode("plain"),
+				children: "Plain"
+			}) }),
+			/* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				size: "3",
+				theme: mode === "adapt" ? "accent" : void 0,
+				onPress: () => setMode("adapt"),
+				children: "Adapt to Sheet"
+			}) }),
+			/* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				size: "3",
+				theme: mode === "keepMounted" ? "accent" : void 0,
+				onPress: () => setMode("keepMounted"),
+				children: "Keep Mounted"
+			}) })
+		] }), /* @__PURE__ */ jsx(DialogInstance, { mode })]
+	});
 }
-function DialogInstance({
-  mode
-}) {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */jsxs(Dialog, {
-    modal: true,
-    keepChildrenMounted: mode === "keepMounted",
-    open,
-    onOpenChange: setOpen,
-    children: [/* @__PURE__ */jsx(Dialog.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */jsx(Button, {
-        children: /* @__PURE__ */jsx(Button.Text, {
-          children: "Show Dialog"
-        })
-      })
-    }), mode === "adapt" && /* @__PURE__ */jsx(Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */jsxs(Sheet, {
-        transition: "medium",
-        zIndex: 2e5,
-        modal: true,
-        dismissOnSnapToBottom: true,
-        unmountChildrenWhenHidden: true,
-        children: [/* @__PURE__ */jsx(Sheet.Frame, {
-          p: "$4",
-          gap: "$4",
-          children: /* @__PURE__ */jsx(Adapt.Contents, {})
-        }), /* @__PURE__ */jsx(Sheet.Overlay, {
-          bg: "$background",
-          opacity: 0.5,
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */jsxs(Dialog.Portal, {
-      children: [/* @__PURE__ */jsx(Dialog.Overlay, {
-        bg: "$background",
-        opacity: 0.5,
-        animateOnly: ["transform", "opacity"],
-        transition: ["quicker", {
-          opacity: {
-            overshootClamping: true
-          }
-        }],
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }), /* @__PURE__ */jsx(Dialog.FocusScope, {
-        focusOnIdle: true,
-        children: /* @__PURE__ */jsxs(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__ */jsx(Dialog.Title, {
-            children: "Edit profile"
-          }), /* @__PURE__ */jsx(Dialog.Description, {
-            children: "Make changes to your profile here. Click save when you're done."
-          }), /* @__PURE__ */jsxs(Fieldset, {
-            gap: "$4",
-            horizontal: true,
-            children: [/* @__PURE__ */jsx(Label, {
-              width: 64,
-              htmlFor: "name",
-              children: "Name"
-            }), /* @__PURE__ */jsx(Input, {
-              flex: 1,
-              id: "name",
-              defaultValue: "Nate Wienert"
-            })]
-          }), /* @__PURE__ */jsxs(Fieldset, {
-            gap: "$4",
-            horizontal: true,
-            children: [/* @__PURE__ */jsx(Label, {
-              width: 64,
-              htmlFor: "username",
-              children: /* @__PURE__ */jsx(TooltipSimple, {
-                label: "Pick your favorite",
-                placement: "bottom-start",
-                children: /* @__PURE__ */jsx(Paragraph, {
-                  children: "Food"
-                })
-              })
-            }), /* @__PURE__ */jsx(XStack, {
-              flex: 1,
-              children: /* @__PURE__ */jsx(SelectDemoContents, {
-                trigger: /* @__PURE__ */jsx(Select.Trigger, {
-                  flex: 1,
-                  iconAfter: ChevronDown,
-                  borderRadius: "$4",
-                  children: /* @__PURE__ */jsx(Select.Value, {
-                    placeholder: "Something"
-                  })
-                })
-              })
-            })]
-          }), /* @__PURE__ */jsx(XStack, {
-            self: "flex-end",
-            gap: "$4",
-            children: /* @__PURE__ */jsx(Dialog.Close, {
-              displayWhenAdapted: true,
-              asChild: true,
-              children: /* @__PURE__ */jsx(Button, {
-                theme: "accent",
-                "aria-label": "Close",
-                children: "Save changes"
-              })
-            })
-          }), /* @__PURE__ */jsx(Unspaced, {
-            children: /* @__PURE__ */jsx(Dialog.Close, {
-              asChild: true,
-              children: /* @__PURE__ */jsx(Button, {
-                position: "absolute",
-                r: "$3",
-                size: "$2",
-                circular: true,
-                icon: X
-              })
-            })
-          })]
-        })
-      })]
-    })]
-  });
+function DialogInstance({ mode }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Dialog, {
+		modal: true,
+		keepChildrenMounted: mode === "keepMounted",
+		open,
+		onOpenChange: setOpen,
+		children: [
+			/* @__PURE__ */ jsx(Dialog.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, { children: /* @__PURE__ */ jsx(Button.Text, { children: "Show Dialog" }) })
+			}),
+			mode === "adapt" && /* @__PURE__ */ jsx(Adapt, {
+				when: "max-md",
+				platform: "touch",
+				children: /* @__PURE__ */ jsxs(Sheet, {
+					transition: "medium",
+					zIndex: 2e5,
+					modal: true,
+					dismissOnSnapToBottom: true,
+					unmountChildrenWhenHidden: true,
+					children: [/* @__PURE__ */ jsxs(Sheet.Container, {
+						p: "4",
+						gap: "4",
+						children: [/* @__PURE__ */ jsx(Sheet.Background, {}), /* @__PURE__ */ jsx(Adapt.Contents, {})]
+					}), /* @__PURE__ */ jsx(Sheet.Overlay, {
+						bg: "background",
+						opacity: "0.5 enter:0 exit:0",
+						transition: "lazy"
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, {
+				bg: "background",
+				opacity: "0.5 enter:0 exit:0",
+				transition: ["quicker", { opacity: { overshootClamping: true } }],
+				animateOnly: ["transform", "opacity"]
+			}), /* @__PURE__ */ jsx(Dialog.FocusScope, {
+				focusOnIdle: true,
+				children: /* @__PURE__ */ jsxs(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__ */ jsx(Dialog.Title, { children: "Edit profile" }),
+						/* @__PURE__ */ jsx(Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
+						/* @__PURE__ */ jsxs(Fieldset, {
+							gap: "4",
+							horizontal: true,
+							children: [/* @__PURE__ */ jsx(Label, {
+								width: 64,
+								htmlFor: "name",
+								children: "Name"
+							}), /* @__PURE__ */ jsx(Input, {
+								flex: 1,
+								id: "name",
+								defaultValue: "Nate Wienert"
+							})]
+						}),
+						/* @__PURE__ */ jsxs(Fieldset, {
+							gap: "4",
+							horizontal: true,
+							children: [/* @__PURE__ */ jsx(Label, {
+								width: 64,
+								htmlFor: "username",
+								children: /* @__PURE__ */ jsx(TooltipSimple, {
+									label: "Pick your favorite",
+									placement: "bottom-start",
+									children: /* @__PURE__ */ jsx(Paragraph, { children: "Food" })
+								})
+							}), /* @__PURE__ */ jsx(XStack, {
+								flex: 1,
+								children: /* @__PURE__ */ jsx(SelectDemoContents, { trigger: /* @__PURE__ */ jsxs(Select.Trigger, {
+									flex: 1,
+									borderRadius: "4",
+									children: [/* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }), /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx(ChevronDown, {}) })]
+								}) })
+							})]
+						}),
+						/* @__PURE__ */ jsx(XStack, {
+							self: "flex-end",
+							gap: "4",
+							children: /* @__PURE__ */ jsx(Dialog.Close, {
+								displayWhenAdapted: true,
+								asChild: true,
+								children: /* @__PURE__ */ jsx(Button, {
+									theme: "accent",
+									"aria-label": "Close",
+									children: "Save changes"
+								})
+							})
+						}),
+						/* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx(Button, {
+								position: "absolute",
+								r: "3",
+								size: "2",
+								circular: true,
+								icon: X
+							})
+						}) })
+					]
+				})
+			})] })
+		]
+	});
 }
+
 export { DialogDemo };
 //# sourceMappingURL=DialogDemo.mjs.map

package/dist/esm/DialogDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ChevronDown","X","useState","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XGroup","XStack","SelectDemoContents","jsx","jsxs","DialogDemo","mode","setMode","gap","justify","items","children","Item","size","theme","onPress","DialogInstance","open","setOpen","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","when","platform","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","x","y","scale","Title","Description","horizontal","width","htmlFor","flex","id","defaultValue","label","placement","trigger","iconAfter","borderRadius","Value","placeholder","self","Close","displayWhenAdapted","position","r","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DialogDemo.js","names":[],"sources":["esm/DialogDemo.js"],"sourcesContent":["import { ChevronDown, X } from \"@tamagui/lucide-icons-2\";\nimport { useState } from \"react\";\nimport {\n  Adapt,\n  Button,\n  Dialog,\n  Fieldset,\n  Input,\n  Label,\n  Paragraph,\n  Select,\n  Sheet,\n  TooltipSimple,\n  Unspaced,\n  View,\n  XGroup,\n  XStack\n} from \"tamagui\";\nimport { SelectDemoContents } from \"./SelectDemo\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction DialogDemo() {\n  const [mode, setMode] = useState(\"plain\");\n  return /* @__PURE__ */ jsxs(View, { gap: \"4\", justify: \"center\", items: \"center\", children: [\n    /* @__PURE__ */ jsxs(XGroup, { children: [\n      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(\n        Button,\n        {\n          size: \"3\",\n          theme: mode === \"plain\" ? \"accent\" : void 0,\n          onPress: () => setMode(\"plain\"),\n          children: \"Plain\"\n        }\n      ) }),\n      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(\n        Button,\n        {\n          size: \"3\",\n          theme: mode === \"adapt\" ? \"accent\" : void 0,\n          onPress: () => setMode(\"adapt\"),\n          children: \"Adapt to Sheet\"\n        }\n      ) }),\n      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(\n        Button,\n        {\n          size: \"3\",\n          theme: mode === \"keepMounted\" ? \"accent\" : void 0,\n          onPress: () => setMode(\"keepMounted\"),\n          children: \"Keep Mounted\"\n        }\n      ) })\n    ] }),\n    /* @__PURE__ */ jsx(DialogInstance, { mode })\n  ] });\n}\nfunction DialogInstance({ mode }) {\n  const [open, setOpen] = useState(false);\n  return /* @__PURE__ */ jsxs(\n    Dialog,\n    {\n      modal: true,\n      keepChildrenMounted: mode === \"keepMounted\",\n      open,\n      onOpenChange: setOpen,\n      children: [\n        /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: /* @__PURE__ */ jsx(Button.Text, { children: \"Show Dialog\" }) }) }),\n        mode === \"adapt\" && /* @__PURE__ */ jsx(Adapt, { when: \"max-md\", platform: \"touch\", children: /* @__PURE__ */ jsxs(\n          Sheet,\n          {\n            transition: \"medium\",\n            zIndex: 2e5,\n            modal: true,\n            dismissOnSnapToBottom: true,\n            unmountChildrenWhenHidden: true,\n            children: [\n              /* @__PURE__ */ jsxs(Sheet.Container, { p: \"4\", gap: \"4\", children: [\n                /* @__PURE__ */ jsx(Sheet.Background, {}),\n                /* @__PURE__ */ jsx(Adapt.Contents, {})\n              ] }),\n              /* @__PURE__ */ jsx(\n                Sheet.Overlay,\n                {\n                  bg: \"background\",\n                  opacity: \"0.5 enter:0 exit:0\",\n                  transition: \"lazy\"\n                }\n              )\n            ]\n          }\n        ) }),\n        /* @__PURE__ */ jsxs(Dialog.Portal, { children: [\n          /* @__PURE__ */ jsx(\n            Dialog.Overlay,\n            {\n              bg: \"background\",\n              opacity: \"0.5 enter:0 exit:0\",\n              transition: [\"quicker\", { opacity: { overshootClamping: true } }],\n              animateOnly: [\"transform\", \"opacity\"]\n            }\n          ),\n          /* @__PURE__ */ jsx(Dialog.FocusScope, { focusOnIdle: true, children: /* @__PURE__ */ jsxs(\n            Dialog.Content,\n            {\n              transition: [\"quicker\", { opacity: { overshootClamping: true } }],\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__ */ jsx(Dialog.Title, { children: \"Edit profile\" }),\n                /* @__PURE__ */ jsx(Dialog.Description, { children: \"Make changes to your profile here. Click save when you're done.\" }),\n                /* @__PURE__ */ jsxs(Fieldset, { gap: \"4\", horizontal: true, children: [\n                  /* @__PURE__ */ jsx(Label, { width: 64, htmlFor: \"name\", children: \"Name\" }),\n                  /* @__PURE__ */ jsx(Input, { flex: 1, id: \"name\", defaultValue: \"Nate Wienert\" })\n                ] }),\n                /* @__PURE__ */ jsxs(Fieldset, { gap: \"4\", horizontal: true, children: [\n                  /* @__PURE__ */ jsx(Label, { width: 64, htmlFor: \"username\", children: /* @__PURE__ */ jsx(TooltipSimple, { label: \"Pick your favorite\", placement: \"bottom-start\", children: /* @__PURE__ */ jsx(Paragraph, { children: \"Food\" }) }) }),\n                  /* @__PURE__ */ jsx(XStack, { flex: 1, children: /* @__PURE__ */ jsx(\n                    SelectDemoContents,\n                    {\n                      trigger: /* @__PURE__ */ jsxs(Select.Trigger, { flex: 1, borderRadius: \"4\", children: [\n                        /* @__PURE__ */ jsx(Select.Value, { placeholder: \"Something\" }),\n                        /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx(ChevronDown, {}) })\n                      ] })\n                    }\n                  ) })\n                ] }),\n                /* @__PURE__ */ jsx(XStack, { self: \"flex-end\", gap: \"4\", children: /* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: true, asChild: true, children: /* @__PURE__ */ jsx(Button, { theme: \"accent\", \"aria-label\": \"Close\", children: \"Save changes\" }) }) }),\n                /* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { position: \"absolute\", r: \"3\", size: \"2\", circular: true, icon: X }) }) })\n              ]\n            }\n          ) })\n        ] })\n      ]\n    }\n  );\n}\nexport {\n  DialogDemo\n};\n//# sourceMappingURL=DialogDemo.js.map\n"],"mappings":"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"}