@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/BuildAButtonDemo.native.js

@@ -1,106 +1,119 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Drumstick, Hand } from "@tamagui/lucide-icons-2";
 import { Button, XStack, YStack } from "tamagui";
+
 var outlined = {
-  bg: "transparent",
-  borderWidth: 2,
-  borderColor: "$background",
-  rounded: "$10",
-  hoverStyle: {
-    bg: "transparent",
-    borderColor: "$backgroundPress"
-  }
+	bg: "transparent hover:transparent",
+	borderWidth: 2,
+	borderColor: "background hover:background-press",
+	rounded: "10"
 };
 function BuildAButtonDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    fullscreen: true,
-    overflow: "hidden",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      maxH: 200,
-      y: -100,
-      x: -40,
-      rotate: "-10deg",
-      children: [/* @__PURE__ */_jsx(ButtonCol, {
-        y: 35,
-        size: "$2",
-        ...outlined,
-        subTheme: "surface1",
-        borderWidth: 1
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        y: 30
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        y: -50,
-        ...outlined
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        ...outlined,
-        icon: /* @__PURE__ */_jsx(Hand, {})
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2"
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2",
-        ...outlined
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        iconAfter: /* @__PURE__ */_jsx(Drumstick, {}),
-        ...outlined
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$10",
-        subTheme: "surface1"
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        ...outlined,
-        rounded: 0
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(YStack, {
+		position: "absolute",
+		inset: 0,
+		overflow: "hidden",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			maxH: 200,
+			y: -100,
+			x: -40,
+			rotate: "-10deg",
+			children: [
+				/* @__PURE__ */ jsx(ButtonCol, {
+					y: 35,
+					size: "2",
+					...outlined,
+					subTheme: "level2",
+					borderWidth: 1
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, { y: 30 }),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					y: -50,
+					...outlined
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					...outlined,
+					icon: /* @__PURE__ */ jsx(Hand, {})
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "6",
+					subTheme: "level3"
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "6",
+					subTheme: "level3",
+					...outlined
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "8",
+					subTheme: "level3",
+					iconAfter: /* @__PURE__ */ jsx(Drumstick, {}),
+					...outlined
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "10",
+					subTheme: "level2"
+				}),
+				/* @__PURE__ */ jsx(ButtonCol, {
+					size: "8",
+					subTheme: "level3",
+					...outlined,
+					rounded: 0
+				})
+			]
+		})
+	});
 }
 function ButtonCol(props) {
-  var {
-    subTheme,
-    ...buttonProps
-  } = props;
-  var subThemeSuffix = subTheme ? `_${subTheme}` : "";
-  return /* @__PURE__ */_jsxs(YStack, {
-    p: "$2",
-    gap: "$3",
-    children: [/* @__PURE__ */_jsx(Button, {
-      theme: props.subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "orange" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "yellow" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "green" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "blue" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "purple" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "pink" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "red" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    })]
-  });
+	var { subTheme, ...buttonProps } = props;
+	var subThemeSuffix = subTheme ? `_${subTheme}` : "";
+	return /* @__PURE__ */ jsxs(YStack, {
+		p: "2",
+		gap: "3",
+		children: [
+			/* @__PURE__ */ jsx(Button, {
+				theme: subTheme,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "orange" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "yellow" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "green" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "blue" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "purple" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "pink" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				theme: "red" + subThemeSuffix,
+				...buttonProps,
+				children: "Hello"
+			})
+		]
+	});
 }
+
 export { BuildAButtonDemo };
 //# sourceMappingURL=BuildAButtonDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Drumstick","Hand","Button","XStack","YStack","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","BuildAButtonDemo","fullscreen","overflow","children","maxH","y","x","rotate","ButtonCol","size","subTheme","icon"],"sources":["../../src/BuildAButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAY;AAEhC,SAASC,SAAQ,EAAAC,IAAA,QAAQ,yBAAc;AAiBjC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAfN,IAAAC,QAAM;EACJC,EAAA,EAAI;EACJC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,OAAA,EAAS;EAETC,UAAA,EAAY;IACVJ,EAAA,EAAI;IACJE,WAAA,EAAa;EACf;AACF;AAEO,SAASG,iBAAA,EAAmB;EACjC,OACE,eAAAd,IAAC,CAAAO,MAAA;IAEGQ,UAAA;IACAC,QAAA;IACAC,QAAA,iBAACf,KAAA,CAAAI,MAAa;MACdY,IAAA;MACAC,CAAA;MACAC,CAAA;MACAC,MAAA;MAACJ,QAAA,kBAAAjB,IAAA,CAAAsB,SAAA;QACCH,CAAA,IAAK;QACLI,IAAA,MAAS;QACT,GAAAf,QAAW;QACVgB,QAAG;QAAAd,WAAA;MACN,IACA,eAACV,IAAA,CAAAsB,SAAU;QACXH,CAAA;MAEJ,IAEJ,eAAAnB,IAAA,CAAAsB,SAAA;QAESH,CAAA;QACC,GAAAX;MACF,IAEN,eACER,IAAA,CAAAsB,SAAC,EAAO;QACN,GAAAd,QAAA;QAGAiB,IAAA,iBAACzB,IAAO,CAAAI,IAAQ;MAGhB,IAGA,eAACJ,IAAA,CAAAsB,SAAO;QAGRC,IAAA;QAGAC,QAAA;MAGA,IAGA,eAACxB,IAAA,CAAAsB,SAAO;QAGVC,IAAA;QAEJC,QAAA","ignoreList":[]}
+{"version":3,"file":"BuildAButtonDemo.native.js","names":[],"sources":["esm/BuildAButtonDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Drumstick, Hand } from \"@tamagui/lucide-icons-2\";\nimport { Button, XStack, YStack } from \"tamagui\";\nvar outlined = {\n  bg: \"transparent hover:transparent\",\n  borderWidth: 2,\n  borderColor: \"background hover:background-press\",\n  rounded: \"10\"\n};\nfunction BuildAButtonDemo() {\n  return /* @__PURE__ */ _jsx(YStack, {\n    position: \"absolute\",\n    inset: 0,\n    overflow: \"hidden\",\n    children: /* @__PURE__ */ _jsxs(XStack, {\n      maxH: 200,\n      y: -100,\n      x: -40,\n      rotate: \"-10deg\",\n      children: [\n        /* @__PURE__ */ _jsx(ButtonCol, {\n          y: 35,\n          size: \"2\",\n          ...outlined,\n          subTheme: \"level2\",\n          borderWidth: 1\n        }),\n        /* @__PURE__ */ _jsx(ButtonCol, {\n          y: 30\n        }),\n        /* @__PURE__ */ _jsx(ButtonCol, {\n          y: -50,\n          ...outlined\n        }),\n        /* @__PURE__ */ _jsx(ButtonCol, {\n          ...outlined,\n          icon: /* @__PURE__ */ _jsx(Hand, {})\n        }),\n        /* @__PURE__ */ _jsx(ButtonCol, {\n          size: \"6\",\n          subTheme: \"level3\"\n        }),\n        /* @__PURE__ */ _jsx(ButtonCol, {\n          size: \"6\",\n          subTheme: \"level3\",\n          ...outlined\n        }),\n        /* @__PURE__ */ _jsx(ButtonCol, {\n          size: \"8\",\n          subTheme: \"level3\",\n          iconAfter: /* @__PURE__ */ _jsx(Drumstick, {}),\n          ...outlined\n        }),\n        /* @__PURE__ */ _jsx(ButtonCol, {\n          size: \"10\",\n          subTheme: \"level2\"\n        }),\n        /* @__PURE__ */ _jsx(ButtonCol, {\n          size: \"8\",\n          subTheme: \"level3\",\n          ...outlined,\n          rounded: 0\n        })\n      ]\n    })\n  });\n}\nfunction ButtonCol(props) {\n  var { subTheme, ...buttonProps } = props;\n  var subThemeSuffix = subTheme ? `_${subTheme}` : \"\";\n  return /* @__PURE__ */ _jsxs(YStack, {\n    p: \"2\",\n    gap: \"3\",\n    children: [\n      /* @__PURE__ */ _jsx(Button, {\n        theme: subTheme,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        theme: \"orange\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        theme: \"yellow\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        theme: \"green\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        theme: \"blue\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        theme: \"purple\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        theme: \"pink\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        theme: \"red\" + subThemeSuffix,\n        ...buttonProps,\n        children: \"Hello\"\n      })\n    ]\n  });\n}\nexport {\n  BuildAButtonDemo\n};\n//# sourceMappingURL=BuildAButtonDemo.js.map\n"],"mappings":";;;;;AAGA,IAAI,WAAW;CACb,IAAI;CACJ,aAAa;CACb,aAAa;CACb,SAAS;AACX;AACA,SAAS,mBAAmB;CAC1B,OAAuB,oBAAK,QAAQ;EAClC,UAAU;EACV,OAAO;EACP,UAAU;EACV,UAA0B,qBAAM,QAAQ;GACtC,MAAM;GACN,GAAG,CAAC;GACJ,GAAG,CAAC;GACJ,QAAQ;GACR,UAAU;IACQ,oBAAK,WAAW;KAC9B,GAAG;KACH,MAAM;KACN,GAAG;KACH,UAAU;KACV,aAAa;IACf,CAAC;IACe,oBAAK,WAAW,EAC9B,GAAG,GACL,CAAC;IACe,oBAAK,WAAW;KAC9B,GAAG,CAAC;KACJ,GAAG;IACL,CAAC;IACe,oBAAK,WAAW;KAC9B,GAAG;KACH,MAAsB,oBAAK,MAAM,CAAC,CAAC;IACrC,CAAC;IACe,oBAAK,WAAW;KAC9B,MAAM;KACN,UAAU;IACZ,CAAC;IACe,oBAAK,WAAW;KAC9B,MAAM;KACN,UAAU;KACV,GAAG;IACL,CAAC;IACe,oBAAK,WAAW;KAC9B,MAAM;KACN,UAAU;KACV,WAA2B,oBAAK,WAAW,CAAC,CAAC;KAC7C,GAAG;IACL,CAAC;IACe,oBAAK,WAAW;KAC9B,MAAM;KACN,UAAU;IACZ,CAAC;IACe,oBAAK,WAAW;KAC9B,MAAM;KACN,UAAU;KACV,GAAG;KACH,SAAS;IACX,CAAC;GACH;EACF,CAAC;CACH,CAAC;AACH;AACA,SAAS,UAAU,OAAO;CACxB,IAAI,EAAE,UAAU,GAAG,gBAAgB;CACnC,IAAI,iBAAiB,WAAW,IAAI,aAAa;CACjD,OAAuB,qBAAM,QAAQ;EACnC,GAAG;EACH,KAAK;EACL,UAAU;GACQ,oBAAK,QAAQ;IAC3B,OAAO;IACP,GAAG;IACH,UAAU;GACZ,CAAC;GACe,oBAAK,QAAQ;IAC3B,OAAO,WAAW;IAClB,GAAG;IACH,UAAU;GACZ,CAAC;GACe,oBAAK,QAAQ;IAC3B,OAAO,WAAW;IAClB,GAAG;IACH,UAAU;GACZ,CAAC;GACe,oBAAK,QAAQ;IAC3B,OAAO,UAAU;IACjB,GAAG;IACH,UAAU;GACZ,CAAC;GACe,oBAAK,QAAQ;IAC3B,OAAO,SAAS;IAChB,GAAG;IACH,UAAU;GACZ,CAAC;GACe,oBAAK,QAAQ;IAC3B,OAAO,WAAW;IAClB,GAAG;IACH,UAAU;GACZ,CAAC;GACe,oBAAK,QAAQ;IAC3B,OAAO,SAAS;IAChB,GAAG;IACH,UAAU;GACZ,CAAC;GACe,oBAAK,QAAQ;IAC3B,OAAO,QAAQ;IACf,GAAG;IACH,UAAU;GACZ,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/esm/ButtonDemo.mjs

@@ -1,66 +1,67 @@
-import { Button } from "@tamagui/button";
 import { Activity, Airplay } from "@tamagui/lucide-icons-2";
-import { Theme, XGroup, XStack, YStack } from "tamagui";
+import { Button, Theme, XGroup, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function ButtonDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    p: "$3",
-    gap: "$3",
-    children: [/* @__PURE__ */jsx(Button, {
-      children: "Plain"
-    }), /* @__PURE__ */jsx(Button, {
-      self: "center",
-      icon: Airplay,
-      size: "$6",
-      children: "Large"
-    }), /* @__PURE__ */jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */jsx(Button, {
-        size: "$3",
-        theme: "accent",
-        children: "Active"
-      }), /* @__PURE__ */jsx(Button, {
-        size: "$3",
-        variant: "outlined",
-        children: "Outlined"
-      })]
-    }), /* @__PURE__ */jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */jsx(Theme, {
-        name: "accent",
-        children: /* @__PURE__ */jsxs(Button, {
-          size: "$3",
-          children: [/* @__PURE__ */jsx(Button.Icon, {
-            children: /* @__PURE__ */jsx(Activity, {})
-          }), /* @__PURE__ */jsx(Button.Text, {
-            children: "Inverse"
-          })]
-        })
-      }), /* @__PURE__ */jsx(Button, {
-        iconAfter: Activity,
-        size: "$3",
-        children: "iconAfter"
-      })]
-    }), /* @__PURE__ */jsxs(XGroup, {
-      children: [/* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          width: "50%",
-          size: "$2",
-          disabled: true,
-          opacity: 0.5,
-          children: "disabled"
-        })
-      }), /* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          width: "50%",
-          size: "$2",
-          children: "plain"
-        })
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		p: "3",
+		gap: "3",
+		children: [
+			/* @__PURE__ */ jsx(Button, { children: "Plain" }),
+			/* @__PURE__ */ jsx(Button, {
+				self: "center",
+				icon: Airplay,
+				size: "6",
+				children: "Large"
+			}),
+			/* @__PURE__ */ jsxs(XStack, {
+				gap: "2",
+				justify: "center",
+				children: [/* @__PURE__ */ jsx(Button, {
+					size: "3",
+					theme: "accent",
+					children: "Active"
+				}), /* @__PURE__ */ jsx(Button, {
+					size: "3",
+					variant: "outlined",
+					children: "Outlined"
+				})]
+			}),
+			/* @__PURE__ */ jsxs(XStack, {
+				gap: "2",
+				justify: "center",
+				children: [/* @__PURE__ */ jsx(Theme, {
+					name: "accent",
+					children: /* @__PURE__ */ jsxs(Button, {
+						size: "3",
+						children: [/* @__PURE__ */ jsx(Button.Icon, {
+							size: 14,
+							children: /* @__PURE__ */ jsx(Activity, {})
+						}), /* @__PURE__ */ jsx(Button.Text, {
+							size: true,
+							children: "Inverse"
+						})]
+					})
+				}), /* @__PURE__ */ jsx(Button, {
+					iconAfter: Activity,
+					size: "3",
+					children: "iconAfter"
+				})]
+			}),
+			/* @__PURE__ */ jsxs(XGroup, { children: [/* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				width: "50%",
+				size: "2",
+				disabled: true,
+				opacity: .5,
+				children: "disabled"
+			}) }), /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				width: "50%",
+				size: "2",
+				children: "plain"
+			}) })] })
+		]
+	});
 }
+
 export { ButtonDemo };
 //# sourceMappingURL=ButtonDemo.mjs.map

package/dist/esm/ButtonDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Activity","Airplay","Theme","XGroup","XStack","YStack","jsx","jsxs","ButtonDemo","p","gap","children","self","icon","size","justify","theme","variant","name","Icon","Text","iconAfter","Item","width","disabled","opacity"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,OAAA,QAAe;AAClC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKxC,SAAAC,GAAA,EAIAC,IAAA,QAJA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,CAAA,EAAE;IAAKC,GAAA,EAAI;IACjBC,QAAA,kBAAAL,GAAA,CAACP,MAAA;MAAOY,QAAA;IAAA,CAAK,GACb,eAAAL,GAAA,CAACP,MAAA;MAAOa,IAAA,EAAK;MAASC,IAAA,EAAMZ,OAAA;MAASa,IAAA,EAAK;MAAKH,QAAA;IAAA,CAE/C,GACA,eAAAJ,IAAA,CAACH,MAAA;MAAOM,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAL,GAAA,CAACP,MAAA;QAAOe,IAAA,EAAK;QAAKE,KAAA,EAAM;QAASL,QAAA;MAAA,CAEjC,GACA,eAAAL,GAAA,CAACP,MAAA;QAAOe,IAAA,EAAK;QAAKG,OAAA,EAAQ;QAAWN,QAAA;MAAA,CAErC;IAAA,CACF,GACA,eAAAJ,IAAA,CAACH,MAAA;MAAOM,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAL,GAAA,CAACJ,KAAA;QAAMgB,IAAA,EAAK;QACVP,QAAA,iBAAAJ,IAAA,CAACR,MAAA;UAAOe,IAAA,EAAK;UACXH,QAAA,kBAAAL,GAAA,CAACP,MAAA,CAAOoB,IAAA,EAAP;YACCR,QAAA,iBAAAL,GAAA,CAACN,QAAA,IAAS;UAAA,CACZ,GACA,eAAAM,GAAA,CAACP,MAAA,CAAOqB,IAAA,EAAP;YAAYT,QAAA;UAAA,CAAO;QAAA,CACtB;MAAA,CACF,GACA,eAAAL,GAAA,CAACP,MAAA;QAAOsB,SAAA,EAAWrB,QAAA;QAAUc,IAAA,EAAK;QAAKH,QAAA;MAAA,CAEvC;IAAA,CACF,GAEA,eAAAJ,IAAA,CAACJ,MAAA;MACCQ,QAAA,kBAAAL,GAAA,CAACH,MAAA,CAAOmB,IAAA,EAAP;QACCX,QAAA,iBAAAL,GAAA,CAACP,MAAA;UAAOwB,KAAA,EAAM;UAAMT,IAAA,EAAK;UAAKU,QAAA,EAAQ;UAACC,OAAA,EAAS;UAAKd,QAAA;QAAA,CAErD;MAAA,CACF,GAEA,eAAAL,GAAA,CAACH,MAAA,CAAOmB,IAAA,EAAP;QACCX,QAAA,iBAAAL,GAAA,CAACP,MAAA;UAAOwB,KAAA,EAAM;UAAMT,IAAA,EAAK;UAAKH,QAAA;QAAA,CAE9B;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"ButtonDemo.js","names":[],"sources":["esm/ButtonDemo.js"],"sourcesContent":["import { Activity, Airplay } from \"@tamagui/lucide-icons-2\";\nimport { Button, Theme, XGroup, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction ButtonDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { p: \"3\", gap: \"3\", children: [\n    /* @__PURE__ */ jsx(Button, { children: \"Plain\" }),\n    /* @__PURE__ */ jsx(Button, { self: \"center\", icon: Airplay, size: \"6\", children: \"Large\" }),\n    /* @__PURE__ */ jsxs(XStack, { gap: \"2\", justify: \"center\", children: [\n      /* @__PURE__ */ jsx(Button, { size: \"3\", theme: \"accent\", children: \"Active\" }),\n      /* @__PURE__ */ jsx(Button, { size: \"3\", variant: \"outlined\", children: \"Outlined\" })\n    ] }),\n    /* @__PURE__ */ jsxs(XStack, { gap: \"2\", justify: \"center\", children: [\n      /* @__PURE__ */ jsx(Theme, { name: \"accent\", children: /* @__PURE__ */ jsxs(Button, { size: \"3\", children: [\n        /* @__PURE__ */ jsx(Button.Icon, { size: 14, children: /* @__PURE__ */ jsx(Activity, {}) }),\n        /* @__PURE__ */ jsx(Button.Text, { size: true, children: \"Inverse\" })\n      ] }) }),\n      /* @__PURE__ */ jsx(Button, { iconAfter: Activity, size: \"3\", children: \"iconAfter\" })\n    ] }),\n    /* @__PURE__ */ jsxs(XGroup, { children: [\n      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { width: \"50%\", size: \"2\", disabled: true, opacity: 0.5, children: \"disabled\" }) }),\n      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { width: \"50%\", size: \"2\", children: \"plain\" }) })\n    ] })\n  ] });\n}\nexport {\n  ButtonDemo\n};\n//# sourceMappingURL=ButtonDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,aAAa;CACpB,OAAuB,qBAAK,QAAQ;EAAE,GAAG;EAAK,KAAK;EAAK,UAAU;GAChD,oBAAI,QAAQ,EAAE,UAAU,QAAQ,CAAC;GACjC,oBAAI,QAAQ;IAAE,MAAM;IAAU,MAAM;IAAS,MAAM;IAAK,UAAU;GAAQ,CAAC;GAC3E,qBAAK,QAAQ;IAAE,KAAK;IAAK,SAAS;IAAU,UAAU,CACpD,oBAAI,QAAQ;KAAE,MAAM;KAAK,OAAO;KAAU,UAAU;IAAS,CAAC,GAC9D,oBAAI,QAAQ;KAAE,MAAM;KAAK,SAAS;KAAY,UAAU;IAAW,CAAC,CACtF;GAAE,CAAC;GACa,qBAAK,QAAQ;IAAE,KAAK;IAAK,SAAS;IAAU,UAAU,CACpD,oBAAI,OAAO;KAAE,MAAM;KAAU,UAA0B,qBAAK,QAAQ;MAAE,MAAM;MAAK,UAAU,CACzF,oBAAI,OAAO,MAAM;OAAE,MAAM;OAAI,UAA0B,oBAAI,UAAU,CAAC,CAAC;MAAE,CAAC,GAC1E,oBAAI,OAAO,MAAM;OAAE,MAAM;OAAM,UAAU;MAAU,CAAC,CACtE;KAAE,CAAC;IAAE,CAAC,GACU,oBAAI,QAAQ;KAAE,WAAW;KAAU,MAAM;KAAK,UAAU;IAAY,CAAC,CACvF;GAAE,CAAC;GACa,qBAAK,QAAQ,EAAE,UAAU,CACvB,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAAI,QAAQ;IAAE,OAAO;IAAO,MAAM;IAAK,UAAU;IAAM,SAAS;IAAK,UAAU;GAAW,CAAC,EAAE,CAAC,GAC3I,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAAI,QAAQ;IAAE,OAAO;IAAO,MAAM;IAAK,UAAU;GAAQ,CAAC,EAAE,CAAC,CAC5H,EAAE,CAAC;EACL;CAAE,CAAC;AACL"}

package/dist/esm/ButtonDemo.native.js

@@ -1,66 +1,67 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "@tamagui/button";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Activity, Airplay } from "@tamagui/lucide-icons-2";
-import { Theme, XGroup, XStack, YStack } from "tamagui";
+import { Button, Theme, XGroup, XStack, YStack } from "tamagui";
+
 function ButtonDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    p: "$3",
-    gap: "$3",
-    children: [/* @__PURE__ */_jsx(Button, {
-      children: "Plain"
-    }), /* @__PURE__ */_jsx(Button, {
-      self: "center",
-      icon: Airplay,
-      size: "$6",
-      children: "Large"
-    }), /* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */_jsx(Button, {
-        size: "$3",
-        theme: "accent",
-        children: "Active"
-      }), /* @__PURE__ */_jsx(Button, {
-        size: "$3",
-        variant: "outlined",
-        children: "Outlined"
-      })]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */_jsx(Theme, {
-        name: "accent",
-        children: /* @__PURE__ */_jsxs(Button, {
-          size: "$3",
-          children: [/* @__PURE__ */_jsx(Button.Icon, {
-            children: /* @__PURE__ */_jsx(Activity, {})
-          }), /* @__PURE__ */_jsx(Button.Text, {
-            children: "Inverse"
-          })]
-        })
-      }), /* @__PURE__ */_jsx(Button, {
-        iconAfter: Activity,
-        size: "$3",
-        children: "iconAfter"
-      })]
-    }), /* @__PURE__ */_jsxs(XGroup, {
-      children: [/* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          width: "50%",
-          size: "$2",
-          disabled: true,
-          opacity: 0.5,
-          children: "disabled"
-        })
-      }), /* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          width: "50%",
-          size: "$2",
-          children: "plain"
-        })
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		p: "3",
+		gap: "3",
+		children: [
+			/* @__PURE__ */ jsx(Button, { children: "Plain" }),
+			/* @__PURE__ */ jsx(Button, {
+				self: "center",
+				icon: Airplay,
+				size: "6",
+				children: "Large"
+			}),
+			/* @__PURE__ */ jsxs(XStack, {
+				gap: "2",
+				justify: "center",
+				children: [/* @__PURE__ */ jsx(Button, {
+					size: "3",
+					theme: "accent",
+					children: "Active"
+				}), /* @__PURE__ */ jsx(Button, {
+					size: "3",
+					variant: "outlined",
+					children: "Outlined"
+				})]
+			}),
+			/* @__PURE__ */ jsxs(XStack, {
+				gap: "2",
+				justify: "center",
+				children: [/* @__PURE__ */ jsx(Theme, {
+					name: "accent",
+					children: /* @__PURE__ */ jsxs(Button, {
+						size: "3",
+						children: [/* @__PURE__ */ jsx(Button.Icon, {
+							size: 14,
+							children: /* @__PURE__ */ jsx(Activity, {})
+						}), /* @__PURE__ */ jsx(Button.Text, {
+							size: true,
+							children: "Inverse"
+						})]
+					})
+				}), /* @__PURE__ */ jsx(Button, {
+					iconAfter: Activity,
+					size: "3",
+					children: "iconAfter"
+				})]
+			}),
+			/* @__PURE__ */ jsxs(XGroup, { children: [/* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				width: "50%",
+				size: "2",
+				disabled: true,
+				opacity: .5,
+				children: "disabled"
+			}) }), /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				width: "50%",
+				size: "2",
+				children: "plain"
+			}) })] })
+		]
+	});
 }
+
 export { ButtonDemo };
 //# sourceMappingURL=ButtonDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Activity","Airplay","Theme","XGroup","XStack","YStack","ButtonDemo","p","gap","children","self","icon","size","justify","theme"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,QAAU,iBAAe;AAClC,SAASC,QAAO,EAAAC,OAAQ,QAAQ,yBAAc;AAKxC,SAAAC,KAIA,EAAAC,MAAA,EAAAC,MAJA,EAAAC,MAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAR,KAAC,CAAAO,MAAA;IACCE,CAAA;IACAC,GAAA;IAGAC,QAAA,GACE,eAAAb,IAAC,CAAAG,MAAA;MAGDU,QAAA;IAEA,CACF,GACA,eAAAb,IAAC,CAAAG,MAAA,EAAO;MACNW,IAAA;MAEIC,IAAA,EAAAV,OAAA;MAGAW,IAAA;MAAoBH,QAExB;IACA,IAEA,eACFX,KAAA,CAAAM,MAAA;MAEAI,GAAA;MACEK,OAAA;MAMAJ,QAAA,GAKF,eAAAb,IAAA,CAAAG,MAAA;QACFa,IAAA;QAEJE,KAAA","ignoreList":[]}
+{"version":3,"file":"ButtonDemo.native.js","names":[],"sources":["esm/ButtonDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Activity, Airplay } from \"@tamagui/lucide-icons-2\";\nimport { Button, Theme, XGroup, XStack, YStack } from \"tamagui\";\nfunction ButtonDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    p: \"3\",\n    gap: \"3\",\n    children: [\n      /* @__PURE__ */ _jsx(Button, {\n        children: \"Plain\"\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        self: \"center\",\n        icon: Airplay,\n        size: \"6\",\n        children: \"Large\"\n      }),\n      /* @__PURE__ */ _jsxs(XStack, {\n        gap: \"2\",\n        justify: \"center\",\n        children: [\n          /* @__PURE__ */ _jsx(Button, {\n            size: \"3\",\n            theme: \"accent\",\n            children: \"Active\"\n          }),\n          /* @__PURE__ */ _jsx(Button, {\n            size: \"3\",\n            variant: \"outlined\",\n            children: \"Outlined\"\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsxs(XStack, {\n        gap: \"2\",\n        justify: \"center\",\n        children: [\n          /* @__PURE__ */ _jsx(Theme, {\n            name: \"accent\",\n            children: /* @__PURE__ */ _jsxs(Button, {\n              size: \"3\",\n              children: [\n                /* @__PURE__ */ _jsx(Button.Icon, {\n                  size: 14,\n                  children: /* @__PURE__ */ _jsx(Activity, {})\n                }),\n                /* @__PURE__ */ _jsx(Button.Text, {\n                  size: true,\n                  children: \"Inverse\"\n                })\n              ]\n            })\n          }),\n          /* @__PURE__ */ _jsx(Button, {\n            iconAfter: Activity,\n            size: \"3\",\n            children: \"iconAfter\"\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsxs(XGroup, {\n        children: [\n          /* @__PURE__ */ _jsx(XGroup.Item, {\n            children: /* @__PURE__ */ _jsx(Button, {\n              width: \"50%\",\n              size: \"2\",\n              disabled: true,\n              opacity: 0.5,\n              children: \"disabled\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(XGroup.Item, {\n            children: /* @__PURE__ */ _jsx(Button, {\n              width: \"50%\",\n              size: \"2\",\n              children: \"plain\"\n            })\n          })\n        ]\n      })\n    ]\n  });\n}\nexport {\n  ButtonDemo\n};\n//# sourceMappingURL=ButtonDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,aAAa;CACpB,OAAuB,qBAAM,QAAQ;EACnC,GAAG;EACH,KAAK;EACL,UAAU;GACQ,oBAAK,QAAQ,EAC3B,UAAU,QACZ,CAAC;GACe,oBAAK,QAAQ;IAC3B,MAAM;IACN,MAAM;IACN,MAAM;IACN,UAAU;GACZ,CAAC;GACe,qBAAM,QAAQ;IAC5B,KAAK;IACL,SAAS;IACT,UAAU,CACQ,oBAAK,QAAQ;KAC3B,MAAM;KACN,OAAO;KACP,UAAU;IACZ,CAAC,GACe,oBAAK,QAAQ;KAC3B,MAAM;KACN,SAAS;KACT,UAAU;IACZ,CAAC,CACH;GACF,CAAC;GACe,qBAAM,QAAQ;IAC5B,KAAK;IACL,SAAS;IACT,UAAU,CACQ,oBAAK,OAAO;KAC1B,MAAM;KACN,UAA0B,qBAAM,QAAQ;MACtC,MAAM;MACN,UAAU,CACQ,oBAAK,OAAO,MAAM;OAChC,MAAM;OACN,UAA0B,oBAAK,UAAU,CAAC,CAAC;MAC7C,CAAC,GACe,oBAAK,OAAO,MAAM;OAChC,MAAM;OACN,UAAU;MACZ,CAAC,CACH;KACF,CAAC;IACH,CAAC,GACe,oBAAK,QAAQ;KAC3B,WAAW;KACX,MAAM;KACN,UAAU;IACZ,CAAC,CACH;GACF,CAAC;GACe,qBAAM,QAAQ,EAC5B,UAAU,CACQ,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,QAAQ;IACrC,OAAO;IACP,MAAM;IACN,UAAU;IACV,SAAS;IACT,UAAU;GACZ,CAAC,EACH,CAAC,GACe,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,QAAQ;IACrC,OAAO;IACP,MAAM;IACN,UAAU;GACZ,CAAC,EACH,CAAC,CACH,EACF,CAAC;EACH;CACF,CAAC;AACH"}