@tamagui/demos 1.14.0 → 1.14.2

package/dist/cjs/DialogDemo.js

@@ -1,2 +1,86 @@
-"use strict";var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var h=(a,o)=>{for(var l in o)n(a,l,{get:o[l],enumerable:!0})},g=(a,o,l,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of c(o))!m.call(a,i)&&i!==l&&n(a,i,{get:()=>o[i],enumerable:!(r=d(o,i))||r.enumerable});return a};var y=a=>g(n({},"__esModule",{value:!0}),a);var f={};h(f,{DialogDemo:()=>u});module.exports=y(f);var t=require("react/jsx-runtime"),p=require("@tamagui/lucide-icons"),e=require("tamagui"),s=require("./SelectDemo");function u(){return(0,t.jsxs)(e.Dialog,{modal:!0,children:[(0,t.jsx)(e.Dialog.Trigger,{asChild:!0,children:(0,t.jsx)(e.Button,{children:"Edit Profile"})}),(0,t.jsx)(e.Adapt,{when:"sm",platform:"touch",children:(0,t.jsxs)(e.Sheet,{zIndex:2e5,modal:!0,dismissOnSnapToBottom:!0,children:[(0,t.jsx)(e.Sheet.Frame,{padding:"$4",space:!0,children:(0,t.jsx)(e.Adapt.Contents,{})}),(0,t.jsx)(e.Sheet.Overlay,{})]})}),(0,t.jsxs)(e.Dialog.Portal,{children:[(0,t.jsx)(e.Dialog.Overlay,{animation:"quick",opacity:.5,enterStyle:{opacity:0},exitStyle:{opacity:0}},"overlay"),(0,t.jsxs)(e.Dialog.Content,{bordered:!0,elevate:!0,animation:["quick",{opacity:{overshootClamping:!0}}],enterStyle:{x:0,y:-20,opacity:0,scale:.9},exitStyle:{x:0,y:10,opacity:0,scale:.95},space:!0,children:[(0,t.jsx)(e.Dialog.Title,{children:"Edit profile"}),(0,t.jsx)(e.Dialog.Description,{children:"Make changes to your profile here. Click save when you're done."}),(0,t.jsxs)(e.Fieldset,{space:"$4",horizontal:!0,children:[(0,t.jsx)(e.Label,{width:160,justifyContent:"flex-end",htmlFor:"name",children:"Name"}),(0,t.jsx)(e.Input,{flex:1,id:"name",defaultValue:"Nate Wienert"})]}),(0,t.jsxs)(e.Fieldset,{space:"$4",horizontal:!0,children:[(0,t.jsx)(e.Label,{width:160,justifyContent:"flex-end",htmlFor:"username",children:(0,t.jsx)(e.TooltipSimple,{label:"Pick your favorite",placement:"bottom-start",children:(0,t.jsx)(e.Paragraph,{children:"Food"})})}),(0,t.jsx)(s.SelectDemo,{})]}),(0,t.jsx)(e.YStack,{alignItems:"flex-end",marginTop:"$2",children:(0,t.jsx)(e.Dialog.Close,{displayWhenAdapted:!0,asChild:!0,children:(0,t.jsx)(e.Button,{theme:"alt1","aria-label":"Close",children:"Save changes"})})}),(0,t.jsx)(e.Unspaced,{children:(0,t.jsx)(e.Dialog.Close,{asChild:!0,children:(0,t.jsx)(e.Button,{position:"absolute",top:"$3",right:"$3",size:"$2",circular:!0,icon:p.X})})})]},"content")]})]})}0&&(module.exports={DialogDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DialogDemo_exports = {};
+__export(DialogDemo_exports, {
+  DialogDemo: () => DialogDemo
+});
+module.exports = __toCommonJS(DialogDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons");
+var import_tamagui = require("tamagui");
+var import_SelectDemo = require("./SelectDemo");
+function DialogDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, { modal: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Edit Profile" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { zIndex: 2e5, modal: true, dismissOnSnapToBottom: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", space: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Dialog.Overlay,
+        {
+          animation: "quick",
+          opacity: 0.5,
+          enterStyle: { opacity: 0 },
+          exitStyle: { opacity: 0 }
+        },
+        "overlay"
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Dialog.Content,
+        {
+          bordered: true,
+          elevate: true,
+          animation: [
+            "quick",
+            {
+              opacity: {
+                overshootClamping: true
+              }
+            }
+          ],
+          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+          space: true,
+          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, { space: "$4", horizontal: true, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", 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, { space: "$4", horizontal: true, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", 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_SelectDemo.SelectDemo, {})
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { alignItems: "flex-end", marginTop: "$2", 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: "alt1", "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", top: "$3", right: "$3", size: "$2", circular: true, icon: import_lucide_icons.X }) }) })
+          ]
+        },
+        "content"
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogDemo
+});
 //# sourceMappingURL=DialogDemo.js.map

package/dist/cjs/DialogDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
   "sourcesContent": ["import { X } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Dialog,\n  Fieldset,\n  H2,\n  Input,\n  Label,\n  Paragraph,\n  Sheet,\n  TooltipSimple,\n  Unspaced,\n  YStack,\n} from 'tamagui'\n\nimport { SelectDemo } from './SelectDemo'\n\nexport function DialogDemo() {\n  return (\n    <Dialog modal>\n      <Dialog.Trigger asChild>\n        <Button>Edit Profile</Button>\n      </Dialog.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Sheet zIndex={200000} modal dismissOnSnapToBottom>\n          <Sheet.Frame padding=\"$4\" space>\n            <Adapt.Contents />\n          </Sheet.Frame>\n          <Sheet.Overlay />\n        </Sheet>\n      </Adapt>\n\n      <Dialog.Portal>\n        <Dialog.Overlay\n          key=\"overlay\"\n          animation=\"quick\"\n          opacity={0.5}\n          enterStyle={{ opacity: 0 }}\n          exitStyle={{ opacity: 0 }}\n        />\n\n        <Dialog.Content\n          bordered\n          elevate\n          key=\"content\"\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n          space\n        >\n          <Dialog.Title>Edit profile</Dialog.Title>\n          <Dialog.Description>\n            Make changes to your profile here. Click save when you're done.\n          </Dialog.Description>\n          <Fieldset space=\"$4\" horizontal>\n            <Label width={160} justifyContent=\"flex-end\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input flex={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n          </Fieldset>\n          <Fieldset space=\"$4\" horizontal>\n            <Label width={160} justifyContent=\"flex-end\" htmlFor=\"username\">\n              <TooltipSimple label=\"Pick your favorite\" placement=\"bottom-start\">\n                <Paragraph>Food</Paragraph>\n              </TooltipSimple>\n            </Label>\n            <SelectDemo />\n          </Fieldset>\n\n          <YStack alignItems=\"flex-end\" marginTop=\"$2\">\n            <Dialog.Close displayWhenAdapted asChild>\n              <Button theme=\"alt1\" aria-label=\"Close\">\n                Save changes\n              </Button>\n            </Dialog.Close>\n          </YStack>\n\n          <Unspaced>\n            <Dialog.Close asChild>\n              <Button position=\"absolute\" top=\"$3\" right=\"$3\" size=\"$2\" circular icon={X} />\n            </Dialog.Close>\n          </Unspaced>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAsBQ,IAAAI,EAAA,6BAtBRC,EAAkB,iCAClBC,EAaO,mBAEPC,EAA2B,wBAEpB,SAASL,GAAa,CAC3B,SACE,QAAC,UAAO,MAAK,GACX,oBAAC,SAAO,QAAP,CAAe,QAAO,GACrB,mBAAC,UAAO,wBAAY,EACtB,KAEA,OAAC,SAAM,KAAK,KAAK,SAAS,QACxB,oBAAC,SAAM,OAAQ,IAAQ,MAAK,GAAC,sBAAqB,GAChD,oBAAC,QAAM,MAAN,CAAY,QAAQ,KAAK,MAAK,GAC7B,mBAAC,QAAM,SAAN,EAAe,EAClB,KACA,OAAC,QAAM,QAAN,EAAc,GACjB,EACF,KAEA,QAAC,SAAO,OAAP,CACC,oBAAC,SAAO,QAAP,CAEC,UAAU,QACV,QAAS,GACT,WAAY,CAAE,QAAS,CAAE,EACzB,UAAW,CAAE,QAAS,CAAE,GAJpB,SAKN,KAEA,QAAC,SAAO,QAAP,CACC,SAAQ,GACR,QAAO,GAEP,UAAW,CACT,QACA,CACE,QAAS,CACP,kBAAmB,EACrB,CACF,CACF,EACA,WAAY,CAAE,EAAG,EAAG,EAAG,IAAK,QAAS,EAAG,MAAO,EAAI,EACnD,UAAW,CAAE,EAAG,EAAG,EAAG,GAAI,QAAS,EAAG,MAAO,GAAK,EAClD,MAAK,GAEL,oBAAC,SAAO,MAAP,CAAa,wBAAY,KAC1B,OAAC,SAAO,YAAP,CAAmB,2EAEpB,KACA,QAAC,YAAS,MAAM,KAAK,WAAU,GAC7B,oBAAC,SAAM,MAAO,IAAK,eAAe,WAAW,QAAQ,OAAO,gBAE5D,KACA,OAAC,SAAM,KAAM,EAAG,GAAG,OAAO,aAAa,eAAe,GACxD,KACA,QAAC,YAAS,MAAM,KAAK,WAAU,GAC7B,oBAAC,SAAM,MAAO,IAAK,eAAe,WAAW,QAAQ,WACnD,mBAAC,iBAAc,MAAM,qBAAqB,UAAU,eAClD,mBAAC,aAAU,gBAAI,EACjB,EACF,KACA,OAAC,eAAW,GACd,KAEA,OAAC,UAAO,WAAW,WAAW,UAAU,KACtC,mBAAC,SAAO,MAAP,CAAa,mBAAkB,GAAC,QAAO,GACtC,mBAAC,UAAO,MAAM,OAAO,aAAW,QAAQ,wBAExC,EACF,EACF,KAEA,OAAC,YACC,mBAAC,SAAO,MAAP,CAAa,QAAO,GACnB,mBAAC,UAAO,SAAS,WAAW,IAAI,KAAK,MAAM,KAAK,KAAK,KAAK,SAAQ,GAAC,KAAM,IAAG,EAC9E,EACF,IA5CI,SA6CN,GACF,GACF,CAEJ",
-  "names": ["DialogDemo_exports", "__export", "DialogDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui", "import_SelectDemo"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBQ;AAtBR,0BAAkB;AAClB,qBAaO;AAEP,wBAA2B;AAEpB,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAK,MACX;AAAA,gDAAC,sBAAO,SAAP,EAAe,SAAO,MACrB,sDAAC,yBAAO,0BAAY,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,MAChD;AAAA,kDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,MAC7B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA,4CAAC,qBAAM,SAAN,EAAc;AAAA,OACjB,GACF;AAAA,IAEA,6CAAC,sBAAO,QAAP,EACC;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,OAAK;AAAA,UAEL;AAAA,wDAAC,sBAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,4CAAC,sBAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,6CAAC,2BAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,6CAAC,2BAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,sDAAC,gCAAc,OAAM,sBAAqB,WAAU,gBAClD,sDAAC,4BAAU,kBAAI,GACjB,GACF;AAAA,cACA,4CAAC,gCAAW;AAAA,eACd;AAAA,YAEA,4CAAC,yBAAO,YAAW,YAAW,WAAU,MACtC,sDAAC,sBAAO,OAAP,EAAa,oBAAkB,MAAC,SAAO,MACtC,sDAAC,yBAAO,OAAM,QAAO,cAAW,SAAQ,0BAExC,GACF,GACF;AAAA,YAEA,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,MACnB,sDAAC,yBAAO,UAAS,YAAW,KAAI,MAAK,OAAM,MAAK,MAAK,MAAK,UAAQ,MAAC,MAAM,uBAAG,GAC9E,GACF;AAAA;AAAA;AAAA,QA5CI;AAAA,MA6CN;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/FormsDemo.js

@@ -1,2 +1,60 @@
-"use strict";var u=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var b=(r,t)=>{for(var e in t)u(r,e,{get:t[e],enumerable:!0})},c=(r,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of f(t))!a.call(r,s)&&s!==e&&u(r,s,{get:()=>t[s],enumerable:!(n=d(t,s))||n.enumerable});return r};var g=r=>c(u({},"__esModule",{value:!0}),r);var S={};b(S,{FormsDemo:()=>p});module.exports=g(S);var i=require("react/jsx-runtime"),m=require("react"),o=require("tamagui");function p(r){const[t,e]=(0,m.useState)("off");return(0,m.useEffect)(()=>{if(t==="submitting"){const n=setTimeout(()=>e("off"),2e3);return()=>{clearTimeout(n)}}},[t]),(0,i.jsxs)(o.Form,{alignItems:"center",minWidth:300,space:!0,onSubmit:()=>e("submitting"),borderWidth:1,borderRadius:"$4",backgroundColor:"$background",borderColor:"$borderColor",padding:"$8",children:[(0,i.jsx)(o.H4,{children:t[0].toUpperCase()+t.slice(1)}),(0,i.jsx)(o.Form.Trigger,{asChild:!0,disabled:t!=="off",children:(0,i.jsx)(o.Button,{icon:t==="submitting"?()=>(0,i.jsx)(o.Spinner,{}):void 0,children:"Submit"})})]})}0&&(module.exports={FormsDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FormsDemo_exports = {};
+__export(FormsDemo_exports, {
+  FormsDemo: () => FormsDemo
+});
+module.exports = __toCommonJS(FormsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function FormsDemo(props) {
+  const [status, setStatus] = (0, import_react.useState)("off");
+  (0, import_react.useEffect)(() => {
+    if (status === "submitting") {
+      const timer = setTimeout(() => setStatus("off"), 2e3);
+      return () => {
+        clearTimeout(timer);
+      };
+    }
+  }, [status]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_tamagui.Form,
+    {
+      alignItems: "center",
+      minWidth: 300,
+      space: true,
+      onSubmit: () => setStatus("submitting"),
+      borderWidth: 1,
+      borderRadius: "$4",
+      backgroundColor: "$background",
+      borderColor: "$borderColor",
+      padding: "$8",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, { children: status[0].toUpperCase() + status.slice(1) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, { asChild: true, disabled: status !== "off", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: status === "submitting" ? () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {}) : void 0, children: "Submit" }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormsDemo
+});
 //# sourceMappingURL=FormsDemo.js.map

package/dist/cjs/FormsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/FormsDemo.tsx"],
   "sourcesContent": ["import { stat } from 'fs'\n\nimport { useEffect, useState } from 'react'\nimport { Button, Form, H4, SizeTokens, Spinner, XStack, YStack } from 'tamagui'\n\nexport function FormsDemo(props: { size: SizeTokens }) {\n  const [status, setStatus] = useState<'off' | 'submitting' | 'submitted'>('off')\n\n  useEffect(() => {\n    if (status === 'submitting') {\n      const timer = setTimeout(() => setStatus('off'), 2000)\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [status])\n\n  return (\n    <Form\n      alignItems=\"center\"\n      minWidth={300}\n      space\n      onSubmit={() => setStatus('submitting')}\n      borderWidth={1}\n      borderRadius=\"$4\"\n      backgroundColor=\"$background\"\n      borderColor=\"$borderColor\"\n      padding=\"$8\"\n    >\n      <H4>{status[0].toUpperCase() + status.slice(1)}</H4>\n\n      <Form.Trigger asChild disabled={status !== 'off'}>\n        <Button icon={status === 'submitting' ? () => <Spinner /> : undefined}>\n          Submit\n        </Button>\n      </Form.Trigger>\n    </Form>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAkBI,IAAAI,EAAA,6BAhBJC,EAAoC,iBACpCC,EAAsE,mBAE/D,SAASJ,EAAUK,EAA6B,CACrD,KAAM,CAACC,EAAQC,CAAS,KAAI,YAA6C,KAAK,EAE9E,sBAAU,IAAM,CACd,GAAID,IAAW,aAAc,CAC3B,MAAME,EAAQ,WAAW,IAAMD,EAAU,KAAK,EAAG,GAAI,EACrD,MAAO,IAAM,CACX,aAAaC,CAAK,CACpB,CACF,CACF,EAAG,CAACF,CAAM,CAAC,KAGT,QAAC,QACC,WAAW,SACX,SAAU,IACV,MAAK,GACL,SAAU,IAAMC,EAAU,YAAY,EACtC,YAAa,EACb,aAAa,KACb,gBAAgB,cAChB,YAAY,eACZ,QAAQ,KAER,oBAAC,MAAI,SAAAD,EAAO,CAAC,EAAE,YAAY,EAAIA,EAAO,MAAM,CAAC,EAAE,KAE/C,OAAC,OAAK,QAAL,CAAa,QAAO,GAAC,SAAUA,IAAW,MACzC,mBAAC,UAAO,KAAMA,IAAW,aAAe,OAAM,OAAC,YAAQ,EAAK,OAAW,kBAEvE,EACF,GACF,CAEJ",
-  "names": ["FormsDemo_exports", "__export", "FormsDemo", "__toCommonJS", "import_jsx_runtime", "import_react", "import_tamagui", "props", "status", "setStatus", "timer"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAhBJ,mBAAoC;AACpC,qBAAsE;AAE/D,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6C,KAAK;AAE9E,8BAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAK;AAAA,MACL,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,oDAAC,qBAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,4CAAC,oBAAK,SAAL,EAAa,SAAO,MAAC,UAAU,WAAW,OACzC,sDAAC,yBAAO,MAAM,WAAW,eAAe,MAAM,4CAAC,0BAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/GroupDemo.js

@@ -1,2 +1,49 @@
-"use strict";var p=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var a=(r,e)=>{for(var m in e)p(r,m,{get:e[m],enumerable:!0})},c=(r,e,m,I)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of G(e))!s.call(r,i)&&i!==m&&p(r,i,{get:()=>e[i],enumerable:!(I=n(e,i))||I.enumerable});return r};var d=r=>c(p({},"__esModule",{value:!0}),r);var l={};a(l,{GroupDemo:()=>S});module.exports=d(l);var o=require("react/jsx-runtime"),u=require("@tamagui/lucide-icons"),t=require("tamagui");function S(){return(0,o.jsxs)(t.YStack,{padding:"$3",space:"$2",alignItems:"center",children:[(0,o.jsxs)(t.Group,{axis:"horizontal",children:[(0,o.jsx)(t.Group.Item,{children:(0,o.jsx)(t.Button,{children:"First"})}),(0,o.jsx)(t.Group.Item,{children:(0,o.jsx)(t.Button,{children:"Second"})}),(0,o.jsx)(t.Group.Item,{children:(0,o.jsx)(t.Button,{children:"Third"})})]}),(0,o.jsxs)(t.XGroup,{size:"$3",$gtSm:{size:"$5"},children:[(0,o.jsx)(t.XGroup.Item,{children:(0,o.jsx)(t.Button,{size:"$3",icon:u.Activity,children:"First"})}),(0,o.jsx)(t.XGroup.Item,{children:(0,o.jsx)(t.Button,{size:"$3",icon:u.Airplay,children:"Second"})})]}),(0,o.jsxs)(t.YGroup,{separator:(0,o.jsx)(t.Separator,{}),children:[(0,o.jsx)(t.YGroup.Item,{children:(0,o.jsx)(t.ListItem,{title:"First"})}),(0,o.jsx)(t.YGroup.Item,{children:(0,o.jsx)(t.ListItem,{title:"Second",subTitle:"Second subtitle"})}),(0,o.jsx)(t.YGroup.Item,{children:(0,o.jsx)(t.ListItem,{children:"Third"})})]})]})}0&&(module.exports={GroupDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var GroupDemo_exports = {};
+__export(GroupDemo_exports, {
+  GroupDemo: () => GroupDemo
+});
+module.exports = __toCommonJS(GroupDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons");
+var import_tamagui = require("tamagui");
+function GroupDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$2", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Group, { axis: "horizontal", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "First" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Second" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Third" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { size: "$3", $gtSm: { size: "$5" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", icon: import_lucide_icons.Activity, children: "First" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", icon: import_lucide_icons.Airplay, children: "Second" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { title: "First" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { title: "Second", subTitle: "Second subtitle" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { children: "Third" }) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GroupDemo
+});
 //# sourceMappingURL=GroupDemo.js.map

package/dist/cjs/GroupDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/GroupDemo.tsx"],
   "sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n  return (\n    <YStack padding=\"$3\" space=\"$2\" alignItems=\"center\">\n      <Group axis=\"horizontal\">\n        <Group.Item>\n          <Button>First</Button>\n        </Group.Item>\n        <Group.Item>\n          <Button>Second</Button>\n        </Group.Item>\n        <Group.Item>\n          <Button>Third</Button>\n        </Group.Item>\n      </Group>\n\n      {/* responsive + size */}\n      <XGroup size=\"$3\" $gtSm={{ size: '$5' }}>\n        <XGroup.Item>\n          <Button size=\"$3\" icon={Activity}>\n            First\n          </Button>\n        </XGroup.Item>\n        <XGroup.Item>\n          <Button size=\"$3\" icon={Airplay}>\n            Second\n          </Button>\n        </XGroup.Item>\n      </XGroup>\n\n      {/* Separator */}\n      <YGroup separator={<Separator />}>\n        <YGroup.Item>\n          <ListItem title=\"First\" />\n        </YGroup.Item>\n        <YGroup.Item>\n          <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n        </YGroup.Item>\n        <YGroup.Item>\n          <ListItem>Third</ListItem>\n        </YGroup.Item>\n      </YGroup>\n    </YStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAMM,IAAAI,EAAA,6BANNC,EAAkC,iCAClCC,EAA2E,mBAEpE,SAASJ,GAAY,CAC1B,SACE,QAAC,UAAO,QAAQ,KAAK,MAAM,KAAK,WAAW,SACzC,qBAAC,SAAM,KAAK,aACV,oBAAC,QAAM,KAAN,CACC,mBAAC,UAAO,iBAAK,EACf,KACA,OAAC,QAAM,KAAN,CACC,mBAAC,UAAO,kBAAM,EAChB,KACA,OAAC,QAAM,KAAN,CACC,mBAAC,UAAO,iBAAK,EACf,GACF,KAGA,QAAC,UAAO,KAAK,KAAK,MAAO,CAAE,KAAM,IAAK,EACpC,oBAAC,SAAO,KAAP,CACC,mBAAC,UAAO,KAAK,KAAK,KAAM,WAAU,iBAElC,EACF,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,UAAO,KAAK,KAAK,KAAM,UAAS,kBAEjC,EACF,GACF,KAGA,QAAC,UAAO,aAAW,OAAC,cAAU,EAC5B,oBAAC,SAAO,KAAP,CACC,mBAAC,YAAS,MAAM,QAAQ,EAC1B,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YAAS,iBAAK,EACjB,GACF,GACF,CAEJ",
-  "names": ["GroupDemo_exports", "__export", "GroupDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AANN,0BAAkC;AAClC,qBAA2E;AAEpE,SAAS,YAAY;AAC1B,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,iDAAC,wBAAM,MAAK,cACV;AAAA,kDAAC,qBAAM,MAAN,EACC,sDAAC,yBAAO,mBAAK,GACf;AAAA,MACA,4CAAC,qBAAM,MAAN,EACC,sDAAC,yBAAO,oBAAM,GAChB;AAAA,MACA,4CAAC,qBAAM,MAAN,EACC,sDAAC,yBAAO,mBAAK,GACf;AAAA,OACF;AAAA,IAGA,6CAAC,yBAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,MAAK,MAAK,MAAM,8BAAU,mBAElC,GACF;AAAA,MACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,MAAK,MAAK,MAAM,6BAAS,oBAEjC,GACF;AAAA,OACF;AAAA,IAGA,6CAAC,yBAAO,WAAW,4CAAC,4BAAU,GAC5B;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,OAAM,SAAQ,GAC1B;AAAA,MACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,OAAM,UAAS,UAAS,mBAAkB,GACtD;AAAA,MACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,mBAAK,GACjB;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/HeadingsDemo.js

@@ -1,2 +1,40 @@
-"use strict";var d=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var f=(a,e)=>{for(var g in e)d(a,g,{get:e[g],enumerable:!0})},m=(a,e,g,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of r(e))!c.call(a,i)&&i!==g&&d(a,i,{get:()=>e[i],enumerable:!(o=t(e,i))||o.enumerable});return a};var p=a=>m(d({},"__esModule",{value:!0}),a);var k={};f(k,{HeadingsDemo:()=>S});module.exports=p(k);var n=require("react/jsx-runtime"),H=require("tamagui");function S(){return(0,n.jsxs)(H.YStack,{alignSelf:"center",children:[(0,n.jsx)(H.H1,{children:"Heading 1"}),(0,n.jsx)(H.H2,{children:"Heading 2"}),(0,n.jsx)(H.H3,{children:"Heading 3"}),(0,n.jsx)(H.H4,{children:"Heading 4"}),(0,n.jsx)(H.H5,{children:"Heading 5"}),(0,n.jsx)(H.H6,{children:"Heading 6"})]})}0&&(module.exports={HeadingsDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var HeadingsDemo_exports = {};
+__export(HeadingsDemo_exports, {
+  HeadingsDemo: () => HeadingsDemo
+});
+module.exports = __toCommonJS(HeadingsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function HeadingsDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignSelf: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H1, { children: "Heading 1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Heading 2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H3, { children: "Heading 3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, { children: "Heading 4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Heading 5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H6, { children: "Heading 6" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeadingsDemo
+});
 //# sourceMappingURL=HeadingsDemo.js.map

package/dist/cjs/HeadingsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/HeadingsDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport function HeadingsDemo() {\n  return (\n    <YStack alignSelf=\"center\">\n      <H1>Heading 1</H1>\n      <H2>Heading 2</H2>\n      <H3>Heading 3</H3>\n      <H4>Heading 4</H4>\n      <H5>Heading 5</H5>\n      <H6>Heading 6</H6>\n    </YStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAKI,IAAAI,EAAA,6BAJJC,EAA+C,mBAExC,SAASH,GAAe,CAC7B,SACE,QAAC,UAAO,UAAU,SAChB,oBAAC,MAAG,qBAAS,KACb,OAAC,MAAG,qBAAS,KACb,OAAC,MAAG,qBAAS,KACb,OAAC,MAAG,qBAAS,KACb,OAAC,MAAG,qBAAS,KACb,OAAC,MAAG,qBAAS,GACf,CAEJ",
-  "names": ["HeadingsDemo_exports", "__export", "HeadingsDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AAJJ,qBAA+C;AAExC,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,WAAU,UAChB;AAAA,gDAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,KACf;AAEJ;",
+  "names": []
 }

package/dist/cjs/ImageDemo.js

@@ -1,2 +1,33 @@
-"use strict";var h=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var a=(e,t)=>{for(var m in t)h(e,m,{get:t[m],enumerable:!0})},f=(e,t,m,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of g(t))!n.call(e,o)&&o!==m&&h(e,o,{get:()=>t[o],enumerable:!(i=c(t,o))||i.enumerable});return e};var I=e=>f(h({},"__esModule",{value:!0}),e);var k={};a(k,{ImageDemo:()=>d});module.exports=I(k);var r=require("react/jsx-runtime"),p=require("tamagui");function d(){return(0,r.jsx)(p.Image,{src:"https://placekitten.com/200/300",width:200,height:300})}0&&(module.exports={ImageDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ImageDemo_exports = {};
+__export(ImageDemo_exports, {
+  ImageDemo: () => ImageDemo
+});
+module.exports = __toCommonJS(ImageDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function ImageDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, { src: "https://placekitten.com/200/300", width: 200, height: 300 });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ImageDemo
+});
 //# sourceMappingURL=ImageDemo.js.map

package/dist/cjs/ImageDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ImageDemo.tsx"],
   "sourcesContent": ["import { Image } from 'tamagui'\n\nexport function ImageDemo() {\n  return <Image src=\"https://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAGS,IAAAI,EAAA,6BAHTC,EAAsB,mBAEf,SAASH,GAAY,CAC1B,SAAO,OAAC,SAAM,IAAI,kCAAkC,MAAO,IAAK,OAAQ,IAAK,CAC/E",
-  "names": ["ImageDemo_exports", "__export", "ImageDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGS;AAHT,qBAAsB;AAEf,SAAS,YAAY;AAC1B,SAAO,4CAAC,wBAAM,KAAI,mCAAkC,OAAO,KAAK,QAAQ,KAAK;AAC/E;",
+  "names": []
 }

package/dist/cjs/InputsDemo.js

@@ -1,2 +1,44 @@
-"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var l=(e,n)=>{for(var s in n)a(e,s,{get:n[s],enumerable:!0})},m=(e,n,s,z)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of u(n))!d.call(e,o)&&o!==s&&a(e,o,{get:()=>n[o],enumerable:!(z=c(n,o))||z.enumerable});return e};var $=e=>m(a({},"__esModule",{value:!0}),e);var f={};l(f,{InputsDemo:()=>S});module.exports=$(f);var i=require("react/jsx-runtime"),t=require("tamagui");function S(){return(0,i.jsxs)(t.YStack,{width:200,mih:250,overflow:"hidden",space:"$2",margin:"$3",padding:"$2",children:[(0,i.jsx)(r,{size:"$2"}),(0,i.jsx)(r,{size:"$3"}),(0,i.jsx)(r,{size:"$4"}),(0,i.jsx)(t.TextArea,{minHeight:140,placeholder:"Enter your details...",numberOfLines:4})]})}function r(e){return(0,i.jsxs)(t.XStack,{alignItems:"center",space:"$2",children:[(0,i.jsx)(t.Input,{flex:1,size:e.size,placeholder:`Size ${e.size}...`}),(0,i.jsx)(t.Button,{size:e.size,children:"Go"})]})}0&&(module.exports={InputsDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var InputsDemo_exports = {};
+__export(InputsDemo_exports, {
+  InputsDemo: () => InputsDemo
+});
+module.exports = __toCommonJS(InputsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function InputsDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, mih: 250, overflow: "hidden", space: "$2", margin: "$3", padding: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, { minHeight: 140, placeholder: "Enter your details...", numberOfLines: 4 })
+  ] });
+}
+function InputDemo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: props.size, children: "Go" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InputsDemo
+});
 //# sourceMappingURL=InputsDemo.js.map

package/dist/cjs/InputsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/InputsDemo.tsx"],
   "sourcesContent": ["import { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport function InputsDemo() {\n  return (\n    <YStack width={200} mih={250} overflow=\"hidden\" space=\"$2\" margin=\"$3\" padding=\"$2\">\n      <InputDemo size=\"$2\" />\n      <InputDemo size=\"$3\" />\n      <InputDemo size=\"$4\" />\n      <TextArea minHeight={140} placeholder=\"Enter your details...\" numberOfLines={4} />\n    </YStack>\n  )\n}\n\nfunction InputDemo(props: { size: SizeTokens }) {\n  return (\n    <XStack alignItems=\"center\" space=\"$2\">\n      <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />\n      <Button size={props.size}>Go</Button>\n    </XStack>\n  )\n}"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAoE,mBAE7D,SAASH,GAAa,CAC3B,SACE,QAAC,UAAO,MAAO,IAAK,IAAK,IAAK,SAAS,SAAS,MAAM,KAAK,OAAO,KAAK,QAAQ,KAC7E,oBAACI,EAAA,CAAU,KAAK,KAAK,KACrB,OAACA,EAAA,CAAU,KAAK,KAAK,KACrB,OAACA,EAAA,CAAU,KAAK,KAAK,KACrB,OAAC,YAAS,UAAW,IAAK,YAAY,wBAAwB,cAAe,EAAG,GAClF,CAEJ,CAEA,SAASA,EAAUC,EAA6B,CAC9C,SACE,QAAC,UAAO,WAAW,SAAS,MAAM,KAChC,oBAAC,SAAM,KAAM,EAAG,KAAMA,EAAM,KAAM,YAAa,QAAQA,EAAM,UAAW,KACxE,OAAC,UAAO,KAAMA,EAAM,KAAM,cAAE,GAC9B,CAEJ",
-  "names": ["InputsDemo_exports", "__export", "InputsDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "InputDemo", "props"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAoE;AAE7D,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,KAAK,KAAK,UAAS,UAAS,OAAM,MAAK,QAAO,MAAK,SAAQ,MAC7E;AAAA,gDAAC,aAAU,MAAK,MAAK;AAAA,IACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,IACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,IACrB,4CAAC,2BAAS,WAAW,KAAK,aAAY,yBAAwB,eAAe,GAAG;AAAA,KAClF;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,gDAAC,wBAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACxE,4CAAC,yBAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
+  "names": []
 }

package/dist/cjs/LabelDemo.js

@@ -1,2 +1,42 @@
-"use strict";var m=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var r=(i,e)=>{for(var c in e)m(i,c,{get:e[c],enumerable:!0})},f=(i,e,c,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of d(e))!h.call(i,n)&&n!==c&&m(i,n,{get:()=>e[n],enumerable:!(o=l(e,n))||o.enumerable});return i};var p=i=>f(m({},"__esModule",{value:!0}),i);var k={};r(k,{LabelDemo:()=>S});module.exports=p(k);var a=require("react/jsx-runtime"),t=require("tamagui");function S(){return(0,a.jsxs)(t.YStack,{padding:"$3",minWidth:300,space:"$4",children:[(0,a.jsxs)(t.XStack,{alignItems:"center",space:"$4",children:[(0,a.jsx)(t.Label,{width:90,htmlFor:"name",children:"Name"}),(0,a.jsx)(t.Input,{flex:1,id:"name",defaultValue:"Nate Wienert"})]}),(0,a.jsxs)(t.XStack,{alignItems:"center",space:"$4",children:[(0,a.jsx)(t.Label,{width:90,htmlFor:"notify",children:"Notifications"}),(0,a.jsx)(t.Switch,{id:"notify",children:(0,a.jsx)(t.Switch.Thumb,{animation:"quick"})})]})]})}0&&(module.exports={LabelDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LabelDemo_exports = {};
+__export(LabelDemo_exports, {
+  LabelDemo: () => LabelDemo
+});
+module.exports = __toCommonJS(LabelDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function LabelDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", minWidth: 300, space: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 90, 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.XStack, { alignItems: "center", space: "$4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 90, htmlFor: "notify", children: "Notifications" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, { id: "notify", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { animation: "quick" }) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LabelDemo
+});
 //# sourceMappingURL=LabelDemo.js.map

package/dist/cjs/LabelDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LabelDemo.tsx"],
   "sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n  return (\n    <YStack padding=\"$3\" minWidth={300} space=\"$4\">\n      <XStack alignItems=\"center\" space=\"$4\">\n        <Label width={90} htmlFor=\"name\">\n          Name\n        </Label>\n        <Input flex={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n      </XStack>\n\n      <XStack alignItems=\"center\" space=\"$4\">\n        <Label width={90} htmlFor=\"notify\">\n          Notifications\n        </Label>\n        <Switch id=\"notify\">\n          <Switch.Thumb animation=\"quick\" />\n        </Switch>\n      </XStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAqD,mBAE9C,SAASH,GAAY,CAC1B,SACE,QAAC,UAAO,QAAQ,KAAK,SAAU,IAAK,MAAM,KACxC,qBAAC,UAAO,WAAW,SAAS,MAAM,KAChC,oBAAC,SAAM,MAAO,GAAI,QAAQ,OAAO,gBAEjC,KACA,OAAC,SAAM,KAAM,EAAG,GAAG,OAAO,aAAa,eAAe,GACxD,KAEA,QAAC,UAAO,WAAW,SAAS,MAAM,KAChC,oBAAC,SAAM,MAAO,GAAI,QAAQ,SAAS,yBAEnC,KACA,OAAC,UAAO,GAAG,SACT,mBAAC,SAAO,MAAP,CAAa,UAAU,QAAQ,EAClC,GACF,GACF,CAEJ",
-  "names": ["LabelDemo_exports", "__export", "LabelDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAAqD;AAE9C,SAAS,YAAY;AAC1B,SACE,6CAAC,yBAAO,SAAQ,MAAK,UAAU,KAAK,OAAM,MACxC;AAAA,iDAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAM,OAAO,IAAI,SAAQ,QAAO,kBAEjC;AAAA,MACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,OACxD;AAAA,IAEA,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAM,OAAO,IAAI,SAAQ,UAAS,2BAEnC;AAAA,MACA,4CAAC,yBAAO,IAAG,UACT,sDAAC,sBAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/LinearGradientDemo.js

@@ -1,2 +1,57 @@
-"use strict";var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var l=(o,r)=>{for(var d in r)i(o,d,{get:r[d],enumerable:!0})},m=(o,r,d,$)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of h(r))!s.call(o,t)&&t!==d&&i(o,t,{get:()=>r[t],enumerable:!($=c(r,t))||$.enumerable});return o};var p=o=>m(i({},"__esModule",{value:!0}),o);var b={};l(b,{LinearGradientDemo:()=>u});module.exports=p(b);var e=require("react/jsx-runtime"),n=require("tamagui"),a=require("tamagui/linear-gradient");function u(){return(0,e.jsxs)(n.XStack,{space:!0,children:[(0,e.jsx)(a.LinearGradient,{width:"$6",height:"$6",borderRadius:"$4",colors:["$red10","$yellow10"],start:[0,1],end:[0,0]}),(0,e.jsx)(a.LinearGradient,{width:"$6",height:"$6",borderRadius:"$4",colors:["$background","$color"],start:[1,1],end:[0,0]})]})}0&&(module.exports={LinearGradientDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LinearGradientDemo_exports = {};
+__export(LinearGradientDemo_exports, {
+  LinearGradientDemo: () => LinearGradientDemo
+});
+module.exports = __toCommonJS(LinearGradientDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_linear_gradient = require("tamagui/linear-gradient");
+function LinearGradientDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_linear_gradient.LinearGradient,
+      {
+        width: "$6",
+        height: "$6",
+        borderRadius: "$4",
+        colors: ["$red10", "$yellow10"],
+        start: [0, 1],
+        end: [0, 0]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_linear_gradient.LinearGradient,
+      {
+        width: "$6",
+        height: "$6",
+        borderRadius: "$4",
+        colors: ["$background", "$color"],
+        start: [1, 1],
+        end: [0, 0]
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LinearGradientDemo
+});
 //# sourceMappingURL=LinearGradientDemo.js.map

package/dist/cjs/LinearGradientDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LinearGradientDemo.tsx"],
   "sourcesContent": ["import { XStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function LinearGradientDemo() {\n  return (\n    <XStack space>\n      {/* tokens */}\n      <LinearGradient\n        width=\"$6\"\n        height=\"$6\"\n        borderRadius=\"$4\"\n        colors={['$red10', '$yellow10']}\n        start={[0, 1]}\n        end={[0, 0]}\n      />\n\n      {/* theme values */}\n      <LinearGradient\n        width=\"$6\"\n        height=\"$6\"\n        borderRadius=\"$4\"\n        colors={['$background', '$color']}\n        start={[1, 1]}\n        end={[0, 0]}\n      />\n    </XStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAKI,IAAAI,EAAA,6BALJC,EAAuB,mBACvBC,EAA+B,mCAExB,SAASJ,GAAqB,CACnC,SACE,QAAC,UAAO,MAAK,GAEX,oBAAC,kBACC,MAAM,KACN,OAAO,KACP,aAAa,KACb,OAAQ,CAAC,SAAU,WAAW,EAC9B,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACZ,KAGA,OAAC,kBACC,MAAM,KACN,OAAO,KACP,aAAa,KACb,OAAQ,CAAC,cAAe,QAAQ,EAChC,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACZ,GACF,CAEJ",
-  "names": ["LinearGradientDemo_exports", "__export", "LinearGradientDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "import_linear_gradient"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AALJ,qBAAuB;AACvB,6BAA+B;AAExB,SAAS,qBAAqB;AACnC,SACE,6CAAC,yBAAO,OAAK,MAEX;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,UAAU,WAAW;AAAA,QAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAChC,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
+  "names": []
 }