@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/MenuSkins.native.js

@@ -0,0 +1,171 @@
+import { jsx } from "react/jsx-runtime";
+import { ContextMenu as ContextMenu$1 } from "@tamagui/context-menu";
+import { Menu as Menu$1 } from "@tamagui/menu";
+import "react";
+import { styled, withStaticProperties } from "tamagui";
+
+var contentStyles = {
+	minWidth: 180,
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1,
+	boxShadow: "0 10px 20px shadow-color"
+};
+var itemStyles = {
+	displayName: "DemoMenuItem",
+	width: "100%",
+	paddingHorizontal: 8,
+	paddingVertical: 4,
+	alignItems: "center",
+	flexDirection: "row",
+	borderRadius: 6,
+	cursor: "pointer",
+	variants: { disabled: { true: {
+		cursor: "not-allowed",
+		opacity: .45
+	} } }
+};
+var titleStyles = {
+	displayName: "DemoMenuItemTitle",
+	color: "color",
+	cursor: "default",
+	flexGrow: 1,
+	flexShrink: 1,
+	fontSize: 14
+};
+var subtitleStyles = {
+	displayName: "DemoMenuItemSubtitle",
+	color: "color",
+	opacity: .6,
+	cursor: "default",
+	fontSize: 14
+};
+var iconStyles = {
+	displayName: "DemoMenuItemIcon",
+	width: 20,
+	height: 20,
+	marginLeft: "auto",
+	alignItems: "center",
+	justifyContent: "center"
+};
+var indicatorStyles = {
+	displayName: "DemoMenuItemIndicator",
+	marginLeft: "auto",
+	alignItems: "center",
+	justifyContent: "center"
+};
+var separatorStyles = {
+	displayName: "DemoMenuSeparator",
+	height: 1,
+	marginHorizontal: 10,
+	marginVertical: 3,
+	backgroundColor: "border-color"
+};
+var labelStyles = {
+	displayName: "DemoMenuLabel",
+	paddingHorizontal: "2-5",
+	paddingVertical: "1-5",
+	color: "color",
+	opacity: .6,
+	cursor: "default",
+	fontSize: 14
+};
+var groupStyles = {
+	displayName: "DemoMenuGroup",
+	width: "100%"
+};
+var MenuContent = styled(Menu$1.Content, contentStyles);
+var MenuSubContent = styled(Menu$1.SubContent, contentStyles);
+var MenuGroup = styled(Menu$1.Group, groupStyles);
+var MenuLabel = styled(Menu$1.Label, labelStyles);
+var MenuItem = styled(Menu$1.Item, itemStyles);
+var MenuCheckboxItem = styled(Menu$1.CheckboxItem, itemStyles);
+var MenuRadioItem = styled(Menu$1.RadioItem, itemStyles);
+var MenuSubTrigger = styled(Menu$1.SubTrigger, itemStyles);
+var MenuItemTitle = styled(Menu$1.ItemTitle, titleStyles);
+var MenuItemSubtitle = styled(Menu$1.ItemSubtitle, subtitleStyles);
+var MenuItemIcon = styled(Menu$1.ItemIcon, iconStyles);
+var MenuItemIndicator = styled(Menu$1.ItemIndicator, indicatorStyles);
+var MenuSeparator = styled(Menu$1.Separator, separatorStyles);
+var MenuArrow = styled(Menu$1.Arrow, {
+	displayName: "DemoMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+var MenuScrollView = styled(Menu$1.ScrollView, {
+	displayName: "DemoMenuScrollView",
+	padding: "1"
+});
+var MenuRoot = function(props) {
+	return /* @__PURE__ */ jsx(Menu$1, { ...props });
+};
+var Menu = withStaticProperties(MenuRoot, {
+	Trigger: Menu$1.Trigger,
+	Portal: Menu$1.Portal,
+	Content: MenuContent,
+	Group: MenuGroup,
+	Label: MenuLabel,
+	Item: MenuItem,
+	CheckboxItem: MenuCheckboxItem,
+	RadioGroup: Menu$1.RadioGroup,
+	RadioItem: MenuRadioItem,
+	ItemIndicator: MenuItemIndicator,
+	Separator: MenuSeparator,
+	Arrow: MenuArrow,
+	Sub: Menu$1.Sub,
+	SubTrigger: MenuSubTrigger,
+	SubContent: MenuSubContent,
+	ItemTitle: MenuItemTitle,
+	ItemSubtitle: MenuItemSubtitle,
+	ItemIcon: MenuItemIcon,
+	ItemImage: Menu$1.ItemImage,
+	ScrollView: MenuScrollView
+});
+var ContextMenuContent = styled(ContextMenu$1.Content, contentStyles);
+var ContextMenuSubContent = styled(ContextMenu$1.SubContent, contentStyles);
+var ContextMenuGroup = styled(ContextMenu$1.Group, groupStyles);
+var ContextMenuLabel = styled(ContextMenu$1.Label, labelStyles);
+var ContextMenuItem = styled(ContextMenu$1.Item, itemStyles);
+var ContextMenuCheckboxItem = styled(ContextMenu$1.CheckboxItem, itemStyles);
+var ContextMenuRadioItem = styled(ContextMenu$1.RadioItem, itemStyles);
+var ContextMenuSubTrigger = styled(ContextMenu$1.SubTrigger, itemStyles);
+var ContextMenuItemTitle = styled(ContextMenu$1.ItemTitle, titleStyles);
+var ContextMenuItemSubtitle = styled(ContextMenu$1.ItemSubtitle, subtitleStyles);
+var ContextMenuItemIcon = styled(ContextMenu$1.ItemIcon, iconStyles);
+var ContextMenuItemIndicator = styled(ContextMenu$1.ItemIndicator, indicatorStyles);
+var ContextMenuSeparator = styled(ContextMenu$1.Separator, separatorStyles);
+var ContextMenuArrow = styled(ContextMenu$1.Arrow, {
+	displayName: "DemoContextMenuArrow",
+	backgroundColor: "background",
+	borderColor: "border-color",
+	borderWidth: 1
+});
+var ContextMenuRoot = function(props) {
+	return /* @__PURE__ */ jsx(ContextMenu$1, { ...props });
+};
+var ContextMenu = withStaticProperties(ContextMenuRoot, {
+	Trigger: ContextMenu$1.Trigger,
+	Portal: ContextMenu$1.Portal,
+	Content: ContextMenuContent,
+	Preview: ContextMenu$1.Preview,
+	Group: ContextMenuGroup,
+	Label: ContextMenuLabel,
+	Item: ContextMenuItem,
+	CheckboxItem: ContextMenuCheckboxItem,
+	RadioGroup: ContextMenu$1.RadioGroup,
+	RadioItem: ContextMenuRadioItem,
+	ItemIndicator: ContextMenuItemIndicator,
+	Separator: ContextMenuSeparator,
+	Arrow: ContextMenuArrow,
+	Sub: ContextMenu$1.Sub,
+	SubTrigger: ContextMenuSubTrigger,
+	SubContent: ContextMenuSubContent,
+	ItemTitle: ContextMenuItemTitle,
+	ItemSubtitle: ContextMenuItemSubtitle,
+	ItemIcon: ContextMenuItemIcon,
+	ItemImage: ContextMenu$1.ItemImage
+});
+
+export { ContextMenu, Menu };
+//# sourceMappingURL=MenuSkins.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSkins.native.js","names":["MenuBehavior","ContextMenuBehavior"],"sources":["esm/MenuSkins.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ContextMenu as ContextMenuBehavior } from \"@tamagui/context-menu\";\nimport { Menu as MenuBehavior } from \"@tamagui/menu\";\nimport React from \"react\";\nimport { styled, withStaticProperties } from \"tamagui\";\nvar contentStyles = {\n  minWidth: 180,\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderWidth: 1,\n  boxShadow: \"0 10px 20px shadow-color\"\n};\nvar itemStyles = {\n  displayName: \"DemoMenuItem\",\n  width: \"100%\",\n  paddingHorizontal: 8,\n  paddingVertical: 4,\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  borderRadius: 6,\n  cursor: \"pointer\",\n  variants: {\n    disabled: {\n      true: {\n        cursor: \"not-allowed\",\n        opacity: 0.45\n      }\n    }\n  }\n};\nvar titleStyles = {\n  displayName: \"DemoMenuItemTitle\",\n  color: \"color\",\n  cursor: \"default\",\n  flexGrow: 1,\n  flexShrink: 1,\n  fontSize: 14\n};\nvar subtitleStyles = {\n  displayName: \"DemoMenuItemSubtitle\",\n  color: \"color\",\n  opacity: 0.6,\n  cursor: \"default\",\n  fontSize: 14\n};\nvar iconStyles = {\n  displayName: \"DemoMenuItemIcon\",\n  width: 20,\n  height: 20,\n  marginLeft: \"auto\",\n  alignItems: \"center\",\n  justifyContent: \"center\"\n};\nvar indicatorStyles = {\n  displayName: \"DemoMenuItemIndicator\",\n  marginLeft: \"auto\",\n  alignItems: \"center\",\n  justifyContent: \"center\"\n};\nvar separatorStyles = {\n  displayName: \"DemoMenuSeparator\",\n  height: 1,\n  marginHorizontal: 10,\n  marginVertical: 3,\n  backgroundColor: \"border-color\"\n};\nvar labelStyles = {\n  displayName: \"DemoMenuLabel\",\n  paddingHorizontal: \"2-5\",\n  paddingVertical: \"1-5\",\n  color: \"color\",\n  opacity: 0.6,\n  cursor: \"default\",\n  fontSize: 14\n};\nvar groupStyles = {\n  displayName: \"DemoMenuGroup\",\n  width: \"100%\"\n};\nvar MenuContent = styled(MenuBehavior.Content, contentStyles);\nvar MenuSubContent = styled(MenuBehavior.SubContent, contentStyles);\nvar MenuGroup = styled(MenuBehavior.Group, groupStyles);\nvar MenuLabel = styled(MenuBehavior.Label, labelStyles);\nvar MenuItem = styled(MenuBehavior.Item, itemStyles);\nvar MenuCheckboxItem = styled(MenuBehavior.CheckboxItem, itemStyles);\nvar MenuRadioItem = styled(MenuBehavior.RadioItem, itemStyles);\nvar MenuSubTrigger = styled(MenuBehavior.SubTrigger, itemStyles);\nvar MenuItemTitle = styled(MenuBehavior.ItemTitle, titleStyles);\nvar MenuItemSubtitle = styled(MenuBehavior.ItemSubtitle, subtitleStyles);\nvar MenuItemIcon = styled(MenuBehavior.ItemIcon, iconStyles);\nvar MenuItemIndicator = styled(MenuBehavior.ItemIndicator, indicatorStyles);\nvar MenuSeparator = styled(MenuBehavior.Separator, separatorStyles);\nvar MenuArrow = styled(MenuBehavior.Arrow, {\n  displayName: \"DemoMenuArrow\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderWidth: 1\n});\nvar MenuScrollView = styled(MenuBehavior.ScrollView, {\n  displayName: \"DemoMenuScrollView\",\n  padding: \"1\"\n});\nvar MenuRoot = function(props) {\n  return /* @__PURE__ */ _jsx(MenuBehavior, {\n    ...props\n  });\n};\nvar Menu = withStaticProperties(MenuRoot, {\n  Trigger: MenuBehavior.Trigger,\n  Portal: MenuBehavior.Portal,\n  Content: MenuContent,\n  Group: MenuGroup,\n  Label: MenuLabel,\n  Item: MenuItem,\n  CheckboxItem: MenuCheckboxItem,\n  RadioGroup: MenuBehavior.RadioGroup,\n  RadioItem: MenuRadioItem,\n  ItemIndicator: MenuItemIndicator,\n  Separator: MenuSeparator,\n  Arrow: MenuArrow,\n  Sub: MenuBehavior.Sub,\n  SubTrigger: MenuSubTrigger,\n  SubContent: MenuSubContent,\n  ItemTitle: MenuItemTitle,\n  ItemSubtitle: MenuItemSubtitle,\n  ItemIcon: MenuItemIcon,\n  ItemImage: MenuBehavior.ItemImage,\n  ScrollView: MenuScrollView\n});\nvar ContextMenuContent = styled(ContextMenuBehavior.Content, contentStyles);\nvar ContextMenuSubContent = styled(ContextMenuBehavior.SubContent, contentStyles);\nvar ContextMenuGroup = styled(ContextMenuBehavior.Group, groupStyles);\nvar ContextMenuLabel = styled(ContextMenuBehavior.Label, labelStyles);\nvar ContextMenuItem = styled(ContextMenuBehavior.Item, itemStyles);\nvar ContextMenuCheckboxItem = styled(ContextMenuBehavior.CheckboxItem, itemStyles);\nvar ContextMenuRadioItem = styled(ContextMenuBehavior.RadioItem, itemStyles);\nvar ContextMenuSubTrigger = styled(ContextMenuBehavior.SubTrigger, itemStyles);\nvar ContextMenuItemTitle = styled(ContextMenuBehavior.ItemTitle, titleStyles);\nvar ContextMenuItemSubtitle = styled(ContextMenuBehavior.ItemSubtitle, subtitleStyles);\nvar ContextMenuItemIcon = styled(ContextMenuBehavior.ItemIcon, iconStyles);\nvar ContextMenuItemIndicator = styled(ContextMenuBehavior.ItemIndicator, indicatorStyles);\nvar ContextMenuSeparator = styled(ContextMenuBehavior.Separator, separatorStyles);\nvar ContextMenuArrow = styled(ContextMenuBehavior.Arrow, {\n  displayName: \"DemoContextMenuArrow\",\n  backgroundColor: \"background\",\n  borderColor: \"border-color\",\n  borderWidth: 1\n});\nvar ContextMenuRoot = function(props) {\n  return /* @__PURE__ */ _jsx(ContextMenuBehavior, {\n    ...props\n  });\n};\nvar ContextMenu = withStaticProperties(ContextMenuRoot, {\n  Trigger: ContextMenuBehavior.Trigger,\n  Portal: ContextMenuBehavior.Portal,\n  Content: ContextMenuContent,\n  Preview: ContextMenuBehavior.Preview,\n  Group: ContextMenuGroup,\n  Label: ContextMenuLabel,\n  Item: ContextMenuItem,\n  CheckboxItem: ContextMenuCheckboxItem,\n  RadioGroup: ContextMenuBehavior.RadioGroup,\n  RadioItem: ContextMenuRadioItem,\n  ItemIndicator: ContextMenuItemIndicator,\n  Separator: ContextMenuSeparator,\n  Arrow: ContextMenuArrow,\n  Sub: ContextMenuBehavior.Sub,\n  SubTrigger: ContextMenuSubTrigger,\n  SubContent: ContextMenuSubContent,\n  ItemTitle: ContextMenuItemTitle,\n  ItemSubtitle: ContextMenuItemSubtitle,\n  ItemIcon: ContextMenuItemIcon,\n  ItemImage: ContextMenuBehavior.ItemImage\n});\nexport {\n  ContextMenu,\n  Menu\n};\n//# sourceMappingURL=MenuSkins.js.map\n"],"mappings":"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"}

package/dist/esm/NewInputsDemo.mjs

@@ -1,40 +1,40 @@
-import { Button, XStack, YStack } from "tamagui";
-import { Input, TextArea } from "@tamagui/input";
+import { Button, Input, TextArea, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function NewInputsDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    width: 200,
-    minH: 250,
-    overflow: "hidden",
-    gap: "$2",
-    m: "$3",
-    p: "$2",
-    children: [/* @__PURE__ */jsx(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */jsx(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */jsx(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */jsx(TextArea, {
-      theme: "surface1",
-      placeholder: "Enter your details..."
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		width: 200,
+		minH: 250,
+		overflow: "hidden",
+		gap: "2",
+		m: "3",
+		p: "2",
+		children: [
+			/* @__PURE__ */ jsx(InputDemo, { size: "2" }),
+			/* @__PURE__ */ jsx(InputDemo, { size: "3" }),
+			/* @__PURE__ */ jsx(InputDemo, { size: "4" }),
+			/* @__PURE__ */ jsx(TextArea, {
+				theme: "surface1",
+				placeholder: "Enter your details..."
+			})
+		]
+	});
 }
 function InputDemo(props) {
-  return /* @__PURE__ */jsxs(XStack, {
-    items: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */jsx(Input, {
-      theme: "surface1",
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */jsx(Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		items: "center",
+		gap: "2",
+		children: [/* @__PURE__ */ jsx(Input, {
+			theme: "surface1",
+			flex: 1,
+			size: props.size,
+			placeholder: `Size ${props.size}...`
+		}), /* @__PURE__ */ jsx(Button, {
+			size: props.size,
+			children: "Go"
+		})]
+	});
 }
+
 export { NewInputsDemo };
 //# sourceMappingURL=NewInputsDemo.mjs.map

package/dist/esm/NewInputsDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Button","XStack","YStack","Input","TextArea","jsx","jsxs","NewInputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder","props","items","flex"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAeC,MAAA,EAAQC,MAAA,QAAc;AAC9C,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAI5B,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAD,IAAA,CAACJ,MAAA;IAAOM,KAAA,EAAO;IAAKC,IAAA,EAAM;IAAKC,QAAA,EAAS;IAASC,GAAA,EAAI;IAAKC,CAAA,EAAE;IAAKC,CAAA,EAAE;IACjEC,QAAA,kBAAAT,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACD,QAAA;MAASa,KAAA,EAAM;MAAWC,WAAA,EAAY;IAAA,CAAwB;EAAA,CACjE;AAEJ;AAEA,SAASH,UAAUI,KAAA,EAA6B;EAC9C,OACE,eAAAb,IAAA,CAACL,MAAA;IAAOmB,KAAA,EAAM;IAAST,GAAA,EAAI;IACzBG,QAAA,kBAAAT,GAAA,CAACF,KAAA;MACCc,KAAA,EAAM;MACNI,IAAA,EAAM;MACNL,IAAA,EAAMG,KAAA,CAAMH,IAAA;MACZE,WAAA,EAAa,QAAQC,KAAA,CAAMH,IAAI;IAAA,CACjC,GACA,eAAAX,GAAA,CAACL,MAAA;MAAOgB,IAAA,EAAMG,KAAA,CAAMH,IAAA;MAAMF,QAAA;IAAA,CAAE;EAAA,CAC9B;AAEJ","ignoreList":[]}
+{"version":3,"file":"NewInputsDemo.js","names":[],"sources":["esm/NewInputsDemo.js"],"sourcesContent":["import { Button, Input, TextArea, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction NewInputsDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { width: 200, minH: 250, overflow: \"hidden\", gap: \"2\", m: \"3\", p: \"2\", children: [\n    /* @__PURE__ */ jsx(InputDemo, { size: \"2\" }),\n    /* @__PURE__ */ jsx(InputDemo, { size: \"3\" }),\n    /* @__PURE__ */ jsx(InputDemo, { size: \"4\" }),\n    /* @__PURE__ */ jsx(TextArea, { theme: \"surface1\", placeholder: \"Enter your details...\" })\n  ] });\n}\nfunction InputDemo(props) {\n  return /* @__PURE__ */ jsxs(XStack, { items: \"center\", gap: \"2\", children: [\n    /* @__PURE__ */ jsx(\n      Input,\n      {\n        theme: \"surface1\",\n        flex: 1,\n        size: props.size,\n        placeholder: `Size ${props.size}...`\n      }\n    ),\n    /* @__PURE__ */ jsx(Button, { size: props.size, children: \"Go\" })\n  ] });\n}\nexport {\n  NewInputsDemo\n};\n//# sourceMappingURL=NewInputsDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,gBAAgB;CACvB,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAK,MAAM;EAAK,UAAU;EAAU,KAAK;EAAK,GAAG;EAAK,GAAG;EAAK,UAAU;GACnG,oBAAI,WAAW,EAAE,MAAM,IAAI,CAAC;GAC5B,oBAAI,WAAW,EAAE,MAAM,IAAI,CAAC;GAC5B,oBAAI,WAAW,EAAE,MAAM,IAAI,CAAC;GAC5B,oBAAI,UAAU;IAAE,OAAO;IAAY,aAAa;GAAwB,CAAC;EAC3F;CAAE,CAAC;AACL;AACA,SAAS,UAAU,OAAO;CACxB,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAU,KAAK;EAAK,UAAU,CACzD,oBACd,OACA;GACE,OAAO;GACP,MAAM;GACN,MAAM,MAAM;GACZ,aAAa,QAAQ,MAAM,KAAK;EAClC,CACF,GACgB,oBAAI,QAAQ;GAAE,MAAM,MAAM;GAAM,UAAU;EAAK,CAAC,CAClE;CAAE,CAAC;AACL"}

package/dist/esm/NewInputsDemo.native.js

@@ -1,40 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, XStack, YStack } from "tamagui";
-import { Input, TextArea } from "@tamagui/input";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Input, TextArea, XStack, YStack } from "tamagui";
+
 function NewInputsDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    width: 200,
-    minH: 250,
-    overflow: "hidden",
-    gap: "$2",
-    m: "$3",
-    p: "$2",
-    children: [/* @__PURE__ */_jsx(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */_jsx(TextArea, {
-      theme: "surface1",
-      placeholder: "Enter your details..."
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		width: 200,
+		minH: 250,
+		overflow: "hidden",
+		gap: "2",
+		m: "3",
+		p: "2",
+		children: [
+			/* @__PURE__ */ jsx(InputDemo, { size: "2" }),
+			/* @__PURE__ */ jsx(InputDemo, { size: "3" }),
+			/* @__PURE__ */ jsx(InputDemo, { size: "4" }),
+			/* @__PURE__ */ jsx(TextArea, {
+				theme: "surface1",
+				placeholder: "Enter your details..."
+			})
+		]
+	});
 }
 function InputDemo(props) {
-  return /* @__PURE__ */_jsxs(XStack, {
-    items: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */_jsx(Input, {
-      theme: "surface1",
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */_jsx(Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		items: "center",
+		gap: "2",
+		children: [/* @__PURE__ */ jsx(Input, {
+			theme: "surface1",
+			flex: 1,
+			size: props.size,
+			placeholder: `Size ${props.size}...`
+		}), /* @__PURE__ */ jsx(Button, {
+			size: props.size,
+			children: "Go"
+		})]
+	});
 }
+
 export { NewInputsDemo };
 //# sourceMappingURL=NewInputsDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","XStack","YStack","Input","TextArea","NewInputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAe,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAC9C,SAASC,MAAA,EAAOC,MAAA,EAAAC,MAAA,QAAgB;AAI5B,SACEC,KADF,EAAAC,QAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAN,KAAC,CAAAG,MAAA;IACCI,KAAA;IACAC,IAAA;IACAC,QAAA;IACAC,GAAA;IAA+DC,CACjE;IAEJC,CAAA;IAEAC,QAAS,GACP,eACEf,IAAA,CAAAgB,SAAC;MACCC,IAAA;IAAC,mBAAAjB,IAAA,CAAAgB,SAAA;MACCC,IAAA;IAAM,EACN,EAAM,eACMjB,IAAA,CAAAgB,SAAA;MACZC,IAAA;IAA+B,IACjC,eAAAjB,IAAA,CAAAO,QAAA;MACAW,KAAA,YAAC;MACHC,WAAA;IAEJ","ignoreList":[]}
+{"version":3,"file":"NewInputsDemo.native.js","names":[],"sources":["esm/NewInputsDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, Input, TextArea, XStack, YStack } from \"tamagui\";\nfunction NewInputsDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    width: 200,\n    minH: 250,\n    overflow: \"hidden\",\n    gap: \"2\",\n    m: \"3\",\n    p: \"2\",\n    children: [\n      /* @__PURE__ */ _jsx(InputDemo, {\n        size: \"2\"\n      }),\n      /* @__PURE__ */ _jsx(InputDemo, {\n        size: \"3\"\n      }),\n      /* @__PURE__ */ _jsx(InputDemo, {\n        size: \"4\"\n      }),\n      /* @__PURE__ */ _jsx(TextArea, {\n        theme: \"surface1\",\n        placeholder: \"Enter your details...\"\n      })\n    ]\n  });\n}\nfunction InputDemo(props) {\n  return /* @__PURE__ */ _jsxs(XStack, {\n    items: \"center\",\n    gap: \"2\",\n    children: [\n      /* @__PURE__ */ _jsx(Input, {\n        theme: \"surface1\",\n        flex: 1,\n        size: props.size,\n        placeholder: `Size ${props.size}...`\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        size: props.size,\n        children: \"Go\"\n      })\n    ]\n  });\n}\nexport {\n  NewInputsDemo\n};\n//# sourceMappingURL=NewInputsDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,gBAAgB;CACvB,OAAuB,qBAAM,QAAQ;EACnC,OAAO;EACP,MAAM;EACN,UAAU;EACV,KAAK;EACL,GAAG;EACH,GAAG;EACH,UAAU;GACQ,oBAAK,WAAW,EAC9B,MAAM,IACR,CAAC;GACe,oBAAK,WAAW,EAC9B,MAAM,IACR,CAAC;GACe,oBAAK,WAAW,EAC9B,MAAM,IACR,CAAC;GACe,oBAAK,UAAU;IAC7B,OAAO;IACP,aAAa;GACf,CAAC;EACH;CACF,CAAC;AACH;AACA,SAAS,UAAU,OAAO;CACxB,OAAuB,qBAAM,QAAQ;EACnC,OAAO;EACP,KAAK;EACL,UAAU,CACQ,oBAAK,OAAO;GAC1B,OAAO;GACP,MAAM;GACN,MAAM,MAAM;GACZ,aAAa,QAAQ,MAAM,KAAK;EAClC,CAAC,GACe,oBAAK,QAAQ;GAC3B,MAAM,MAAM;GACZ,UAAU;EACZ,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/esm/PopoverDemo.mjs

@@ -1,126 +1,121 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons-2";
 import { useState } from "react";
-import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "tamagui";
+import { Adapt, Button, Input, Label, Popover, Sheet, XStack, YStack, isWeb } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function PopoverDemo() {
-  const [shouldAdapt, setShouldAdapt] = useState(true);
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */jsxs(XStack, {
-      gap: "$2",
-      flex: 1,
-      justify: "center",
-      items: "center",
-      children: [/* @__PURE__ */jsx(Demo, {
-        shouldAdapt,
-        placement: "left",
-        Icon: ChevronLeft,
-        Name: "left-popover"
-      }), /* @__PURE__ */jsx(Demo, {
-        shouldAdapt,
-        placement: "bottom",
-        Icon: ChevronDown,
-        Name: "bottom-popover"
-      }), /* @__PURE__ */jsx(Demo, {
-        shouldAdapt,
-        placement: "top",
-        Icon: ChevronUp,
-        Name: "top-popover"
-      }), /* @__PURE__ */jsx(Demo, {
-        shouldAdapt,
-        placement: "right",
-        Icon: ChevronRight,
-        Name: "right-popover"
-      })]
-    }), !isWeb && /* @__PURE__ */jsxs(Button, {
-      onPress: () => setShouldAdapt(!shouldAdapt),
-      children: ["Adapt to Sheet: ", `${shouldAdapt}`]
-    })]
-  });
+	const [shouldAdapt, setShouldAdapt] = useState(true);
+	return /* @__PURE__ */ jsxs(YStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ jsxs(XStack, {
+			gap: "2",
+			flex: 1,
+			justify: "center",
+			items: "center",
+			children: [
+				/* @__PURE__ */ jsx(Demo, {
+					shouldAdapt,
+					placement: "left",
+					Icon: ChevronLeft,
+					Name: "left-popover"
+				}),
+				/* @__PURE__ */ jsx(Demo, {
+					shouldAdapt,
+					placement: "bottom",
+					Icon: ChevronDown,
+					Name: "bottom-popover"
+				}),
+				/* @__PURE__ */ jsx(Demo, {
+					shouldAdapt,
+					placement: "top",
+					Icon: ChevronUp,
+					Name: "top-popover"
+				}),
+				/* @__PURE__ */ jsx(Demo, {
+					shouldAdapt,
+					placement: "right",
+					Icon: ChevronRight,
+					Name: "right-popover"
+				})
+			]
+		}), !isWeb && /* @__PURE__ */ jsxs(Button, {
+			onPress: () => setShouldAdapt(!shouldAdapt),
+			children: ["Adapt to Sheet: ", `${shouldAdapt}`]
+		})]
+	});
 }
-function Demo({
-  Icon,
-  Name,
-  shouldAdapt,
-  ...props
-}) {
-  return /* @__PURE__ */jsxs(Popover, {
-    size: "$5",
-    allowFlip: true,
-    stayInFrame: true,
-    offset: 15,
-    resize: true,
-    ...props,
-    children: [/* @__PURE__ */jsx(Popover.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */jsx(Button, {
-        icon: Icon
-      })
-    }), shouldAdapt && /* @__PURE__ */jsx(Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */jsxs(Sheet, {
-        transition: "medium",
-        modal: true,
-        dismissOnSnapToBottom: true,
-        children: [/* @__PURE__ */jsx(Sheet.Frame, {
-          p: "$4",
-          children: /* @__PURE__ */jsx(Adapt.Contents, {})
-        }), /* @__PURE__ */jsx(Sheet.Overlay, {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */jsxs(Popover.Content, {
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      width: 300,
-      height: 200,
-      enterStyle: {
-        y: -10,
-        opacity: 0
-      },
-      exitStyle: {
-        y: -10,
-        opacity: 0
-      },
-      boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
-      transition: ["quick", {
-        opacity: {
-          overshootClamping: true
-        }
-      }],
-      children: [/* @__PURE__ */jsx(Popover.Arrow, {
-        borderWidth: 1,
-        borderColor: "$borderColor"
-      }), /* @__PURE__ */jsxs(XStack, {
-        gap: "$3",
-        mb: "$3",
-        children: [/* @__PURE__ */jsx(Label, {
-          size: "$3",
-          htmlFor: Name,
-          children: "Name"
-        }), /* @__PURE__ */jsx(Input, {
-          flex: 1,
-          size: "$3",
-          id: Name
-        })]
-      }), /* @__PURE__ */jsx(Popover.Close, {
-        asChild: true,
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$3",
-          onPress: () => {},
-          children: "Submit"
-        })
-      })]
-    })]
-  });
+function Demo({ Icon, Name, shouldAdapt, ...props }) {
+	return /* @__PURE__ */ jsxs(Popover, {
+		size: "5",
+		allowFlip: true,
+		stayInFrame: true,
+		offset: 15,
+		resize: true,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Popover.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, { icon: Icon })
+			}),
+			shouldAdapt && /* @__PURE__ */ jsx(Adapt, {
+				when: "max-md",
+				platform: "touch",
+				children: /* @__PURE__ */ jsxs(Sheet, {
+					transition: "medium",
+					modal: true,
+					dismissOnSnapToBottom: true,
+					children: [/* @__PURE__ */ jsxs(Sheet.Container, {
+						p: "4",
+						children: [/* @__PURE__ */ jsx(Sheet.Background, {}), /* @__PURE__ */ jsx(Adapt.Contents, {})]
+					}), /* @__PURE__ */ jsx(Sheet.Overlay, {
+						bg: "shadow-color",
+						transition: "lazy",
+						opacity: "enter:0 exit:0"
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsxs(Popover.Content, {
+				backgroundColor: "background",
+				borderWidth: 1,
+				borderColor: "border-color",
+				width: 300,
+				height: 200,
+				y: "enter:-10px exit:-10px",
+				opacity: "enter:0 exit:0",
+				boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
+				transition: ["quick", { opacity: { overshootClamping: true } }],
+				children: [
+					/* @__PURE__ */ jsx(Popover.Arrow, {
+						backgroundColor: "background",
+						borderWidth: 1,
+						borderColor: "border-color"
+					}),
+					/* @__PURE__ */ jsxs(XStack, {
+						gap: "3",
+						mb: "3",
+						children: [/* @__PURE__ */ jsx(Label, {
+							size: "3",
+							htmlFor: Name,
+							children: "Name"
+						}), /* @__PURE__ */ jsx(Input, {
+							flex: 1,
+							size: "3",
+							id: Name
+						})]
+					}),
+					/* @__PURE__ */ jsx(Popover.Close, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "3",
+							onPress: () => {},
+							children: "Submit"
+						})
+					})
+				]
+			})
+		]
+	});
 }
+
 export { Demo, PopoverDemo };
 //# sourceMappingURL=PopoverDemo.mjs.map