@tamagui/demos 1.1.8 → 1.1.9

package/dist/esm/SheetDemo.js

@@ -8,22 +8,14 @@ const SheetDemo = () => {
   const [open, setOpen] = useState(false);
   const [modal, setModal] = useState(false);
   const [innerOpen, setInnerOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsxs(XStack, {
-        space: true,
-        children: [
-          /* @__PURE__ */ jsx(Button, {
-            onPress: () => setOpen(true),
-            children: "Open"
-          }),
-          /* @__PURE__ */ jsx(Button, {
-            onPress: () => setModal((x) => !x),
-            children: modal ? "Type: Modal" : "Type: Inline"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs(Sheet, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(XStack, { space: true, children: [
+      /* @__PURE__ */ jsx(Button, { onPress: () => setOpen(true), children: "Open" }),
+      /* @__PURE__ */ jsx(Button, { onPress: () => setModal((x) => !x), children: modal ? "Type: Modal" : "Type: Inline" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Sheet,
+      {
         forceRemoveScrollEnabled: open,
         modal,
         open,
@@ -36,83 +28,49 @@ const SheetDemo = () => {
         children: [
           /* @__PURE__ */ jsx(Sheet.Overlay, {}),
           /* @__PURE__ */ jsx(Sheet.Handle, {}),
-          /* @__PURE__ */ jsxs(Sheet.Frame, {
-            f: 1,
-            p: "$4",
-            jc: "center",
-            ai: "center",
-            space: "$5",
-            children: [
-              /* @__PURE__ */ jsx(Button, {
-                size: "$6",
-                circular: true,
-                icon: ChevronDown,
-                onPress: () => setOpen(false)
-              }),
-              modal && /* @__PURE__ */ jsxs(Fragment, {
-                children: [
-                  /* @__PURE__ */ jsx(InnerSheet, {
-                    open: innerOpen,
-                    onOpenChange: setInnerOpen
-                  }),
-                  /* @__PURE__ */ jsx(Button, {
-                    size: "$6",
-                    circular: true,
-                    icon: ChevronUp,
-                    onPress: () => setInnerOpen(true)
-                  })
-                ]
-              })
-            ]
-          })
+          /* @__PURE__ */ jsxs(Sheet.Frame, { f: 1, p: "$4", jc: "center", ai: "center", space: "$5", children: [
+            /* @__PURE__ */ jsx(Button, { size: "$6", circular: true, icon: ChevronDown, onPress: () => setOpen(false) }),
+            modal && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "$6",
+                  circular: true,
+                  icon: ChevronUp,
+                  onPress: () => setInnerOpen(true)
+                }
+              )
+            ] })
+          ] })
         ]
-      })
-    ]
-  });
+      }
+    )
+  ] });
 };
 function InnerSheet(props) {
-  return /* @__PURE__ */ jsxs(Sheet, {
-    modal: true,
-    snapPoints: [90],
-    dismissOnSnapToBottom: true,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(Sheet.Overlay, {}),
-      /* @__PURE__ */ jsx(Sheet.Handle, {}),
-      /* @__PURE__ */ jsx(Sheet.Frame, {
-        f: 1,
-        jc: "center",
-        ai: "center",
-        space: "$5",
-        children: /* @__PURE__ */ jsxs(Sheet.ScrollView, {
-          p: "$4",
-          space: true,
-          children: [
-            /* @__PURE__ */ jsx(Button, {
-              size: "$8",
-              circular: true,
-              als: "center",
-              icon: ChevronDown,
-              onPress: () => {
-                var _a;
-                return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, false);
-              }
-            }),
-            /* @__PURE__ */ jsx(H1, {
-              children: "Hello world"
-            }),
-            /* @__PURE__ */ jsx(H2, {
-              children: "You can scroll me"
-            }),
-            [1, 2, 3].map((i) => /* @__PURE__ */ jsx(Paragraph, {
-              size: "$10",
-              children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
-            }, i))
-          ]
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(Sheet, { modal: true, snapPoints: [90], dismissOnSnapToBottom: true, ...props, children: [
+    /* @__PURE__ */ jsx(Sheet.Overlay, {}),
+    /* @__PURE__ */ jsx(Sheet.Handle, {}),
+    /* @__PURE__ */ jsx(Sheet.Frame, { f: 1, jc: "center", ai: "center", space: "$5", children: /* @__PURE__ */ jsxs(Sheet.ScrollView, { p: "$4", space: true, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "$8",
+          circular: true,
+          als: "center",
+          icon: ChevronDown,
+          onPress: () => {
+            var _a;
+            return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, false);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(H1, { children: "Hello world" }),
+      /* @__PURE__ */ jsx(H2, { children: "You can scroll me" }),
+      [1, 2, 3].map((i) => /* @__PURE__ */ jsx(Paragraph, { size: "$10", children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint." }, i))
+    ] }) })
+  ] });
 }
 export {
   SheetDemo

package/dist/esm/SheetDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SheetDemo.tsx"],
   "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n  const [open, setOpen] = useState(false)\n  const [modal, setModal] = useState(false)\n  const [innerOpen, setInnerOpen] = useState(false)\n\n  return (\n    <>\n      <XStack space>\n        <Button onPress={() => setOpen(true)}>Open</Button>\n        <Button onPress={() => setModal((x) => !x)}>\n          {modal ? 'Type: Modal' : 'Type: Inline'}\n        </Button>\n      </XStack>\n\n      <Sheet\n        forceRemoveScrollEnabled={open}\n        modal={modal}\n        open={open}\n        onOpenChange={setOpen}\n        snapPoints={[85, 50, 25]}\n        dismissOnSnapToBottom\n        position={position}\n        onPositionChange={setPosition}\n        zIndex={100_000}\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n\n          {modal && (\n            <>\n              <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n              <Button\n                size=\"$6\"\n                circular\n                icon={ChevronUp}\n                onPress={() => setInnerOpen(true)}\n              ></Button>\n            </>\n          )}\n        </Sheet.Frame>\n      </Sheet>\n    </>\n  )\n}\n\nfunction InnerSheet(props: SheetProps) {\n  return (\n    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n      <Sheet.Overlay />\n      <Sheet.Handle />\n      <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n        <Sheet.ScrollView p=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            als=\"center\"\n            icon={ChevronDown}\n            onPress={() => props.onOpenChange?.(false)}\n          />\n          <H1>Hello world</H1>\n          <H2>You can scroll me</H2>\n          {[1, 2, 3].map((i) => (\n            <Paragraph key={i} size=\"$10\">\n              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n            </Paragraph>\n          ))}\n        </Sheet.ScrollView>\n      </Sheet.Frame>\n    </Sheet>\n  )\n}\n"],
-  "mappings": "AAcM,SAwBM,UAvBJ,KADF;AAdN,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAAW,cAAc;AAE3C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE;AAAA,2BAAC;AAAA,QAAO,OAAK;AAAA,QACX;AAAA,8BAAC;AAAA,YAAO,SAAS,MAAM,QAAQ,IAAI;AAAA,YAAG;AAAA,WAAI;AAAA,UAC1C,oBAAC;AAAA,YAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;AAAA,YACtC,kBAAQ,gBAAgB;AAAA,WAC3B;AAAA;AAAA,OACF;AAAA,MAEA,qBAAC;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,8BAAC,MAAM,SAAN,EAAc;AAAA,UACf,oBAAC,MAAM,QAAN,EAAa;AAAA,UACd,qBAAC,MAAM,OAAN;AAAA,YAAY,GAAG;AAAA,YAAG,GAAE;AAAA,YAAK,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,OAAM;AAAA,YACtD;AAAA,kCAAC;AAAA,gBAAO,MAAK;AAAA,gBAAK,UAAQ;AAAA,gBAAC,MAAM;AAAA,gBAAa,SAAS,MAAM,QAAQ,KAAK;AAAA,eAAG;AAAA,cAE5E,SACC;AAAA,gBACE;AAAA,sCAAC;AAAA,oBAAW,MAAM;AAAA,oBAAW,cAAc;AAAA,mBAAc;AAAA,kBACzD,oBAAC;AAAA,oBACC,MAAK;AAAA,oBACL,UAAQ;AAAA,oBACR,MAAM;AAAA,oBACN,SAAS,MAAM,aAAa,IAAI;AAAA,mBACjC;AAAA;AAAA,eACH;AAAA;AAAA,WAEJ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,qBAAC;AAAA,IAAM,OAAK;AAAA,IAAC,YAAY,CAAC,EAAE;AAAA,IAAG,uBAAqB;AAAA,IAAE,GAAG;AAAA,IACvD;AAAA,0BAAC,MAAM,SAAN,EAAc;AAAA,MACf,oBAAC,MAAM,QAAN,EAAa;AAAA,MACd,oBAAC,MAAM,OAAN;AAAA,QAAY,GAAG;AAAA,QAAG,IAAG;AAAA,QAAS,IAAG;AAAA,QAAS,OAAM;AAAA,QAC/C,+BAAC,MAAM,YAAN;AAAA,UAAiB,GAAE;AAAA,UAAK,OAAK;AAAA,UAC5B;AAAA,gCAAC;AAAA,cACC,MAAK;AAAA,cACL,UAAQ;AAAA,cACR,KAAI;AAAA,cACJ,MAAM;AAAA,cACN,SAAS,MAAG;AAlExB;AAkE2B,mCAAM,iBAAN,+BAAqB;AAAA;AAAA,aACtC;AAAA,YACA,oBAAC;AAAA,cAAG;AAAA,aAAW;AAAA,YACf,oBAAC;AAAA,cAAG;AAAA,aAAiB;AAAA,YACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,oBAAC;AAAA,cAAkB,MAAK;AAAA,cAAM;AAAA,eAAd,CAMhB,CACD;AAAA;AAAA,SACH;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAcM,SAwBM,UAvBJ,KADF;AAdN,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAAW,cAAc;AAE3C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE,iCACE;AAAA,yBAAC,UAAO,OAAK,MACX;AAAA,0BAAC,UAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,kBAAI;AAAA,MAC1C,oBAAC,UAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,GACtC,kBAAQ,gBAAgB,gBAC3B;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,8BAAC,MAAM,SAAN,EAAc;AAAA,UACf,oBAAC,MAAM,QAAN,EAAa;AAAA,UACd,qBAAC,MAAM,OAAN,EAAY,GAAG,GAAG,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,OAAM,MACtD;AAAA,gCAAC,UAAO,MAAK,MAAK,UAAQ,MAAC,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,YAE5E,SACC,iCACE;AAAA,kCAAC,cAAW,MAAM,WAAW,cAAc,cAAc;AAAA,cACzD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAQ;AAAA,kBACR,MAAM;AAAA,kBACN,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,cACjC;AAAA,eACH;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,qBAAC,SAAM,OAAK,MAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,MAAE,GAAG,OACvD;AAAA,wBAAC,MAAM,SAAN,EAAc;AAAA,IACf,oBAAC,MAAM,QAAN,EAAa;AAAA,IACd,oBAAC,MAAM,OAAN,EAAY,GAAG,GAAG,IAAG,UAAS,IAAG,UAAS,OAAM,MAC/C,+BAAC,MAAM,YAAN,EAAiB,GAAE,MAAK,OAAK,MAC5B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,KAAI;AAAA,UACJ,MAAM;AAAA,UACN,SAAS,MAAG;AAlExB;AAkE2B,+BAAM,iBAAN,+BAAqB;AAAA;AAAA;AAAA,MACtC;AAAA,MACA,oBAAC,MAAG,yBAAW;AAAA,MACf,oBAAC,MAAG,+BAAiB;AAAA,MACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,oBAAC,aAAkB,MAAK,OAAM,0XAAd,CAMhB,CACD;AAAA,OACH,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/SliderDemo.js

@@ -1,40 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slider, XStack } from "tamagui";
 function SliderDemo() {
-  return /* @__PURE__ */ jsxs(XStack, {
-    height: 200,
-    ai: "center",
-    space: "$8",
-    children: [
-      /* @__PURE__ */ jsx(SimpleSlider, {
-        height: 200,
-        orientation: "vertical"
-      }),
-      /* @__PURE__ */ jsx(SimpleSlider, {
-        width: 200
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(XStack, { height: 200, ai: "center", space: "$8", children: [
+    /* @__PURE__ */ jsx(SimpleSlider, { height: 200, orientation: "vertical" }),
+    /* @__PURE__ */ jsx(SimpleSlider, { width: 200 })
+  ] });
 }
 function SimpleSlider({ children, ...props }) {
-  return /* @__PURE__ */ jsxs(Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(Slider.Track, {
-        children: /* @__PURE__ */ jsx(Slider.TrackActive, {})
-      }),
-      /* @__PURE__ */ jsx(Slider.Thumb, {
-        bordered: true,
-        circular: true,
-        elevate: true,
-        index: 0
-      }),
-      children
-    ]
-  });
+  return /* @__PURE__ */ jsxs(Slider, { defaultValue: [50], max: 100, step: 1, ...props, children: [
+    /* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
+    /* @__PURE__ */ jsx(Slider.Thumb, { bordered: true, circular: true, elevate: true, index: 0 }),
+    children
+  ] });
 }
 export {
   SliderDemo

package/dist/esm/SliderDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SliderDemo.tsx"],
   "sourcesContent": ["import { Slider, SliderProps, Spacer, XStack } from 'tamagui'\n\nexport function SliderDemo() {\n  return (\n    <XStack height={200} ai=\"center\" space=\"$8\">\n      <SimpleSlider height={200} orientation=\"vertical\" />\n      <SimpleSlider width={200} />\n    </XStack>\n  )\n}\n\nfunction SimpleSlider({ children, ...props }: SliderProps) {\n  return (\n    <Slider defaultValue={[50]} max={100} step={1} {...props}>\n      <Slider.Track>\n        <Slider.TrackActive />\n      </Slider.Track>\n      <Slider.Thumb bordered circular elevate index={0} />\n      {children}\n    </Slider>\n  )\n}\n"],
-  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAA6B,cAAc;AAE7C,SAAS,aAAa;AAC3B,SACE,qBAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,IACrC;AAAA,0BAAC;AAAA,QAAa,QAAQ;AAAA,QAAK,aAAY;AAAA,OAAW;AAAA,MAClD,oBAAC;AAAA,QAAa,OAAO;AAAA,OAAK;AAAA;AAAA,GAC5B;AAEJ;AAEA,SAAS,aAAa,EAAE,aAAa,MAAM,GAAgB;AACzD,SACE,qBAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,IAAI,GAAG;AAAA,IACjD;AAAA,0BAAC,OAAO,OAAP;AAAA,QACC,8BAAC,OAAO,aAAP,EAAmB;AAAA,OACtB;AAAA,MACA,oBAAC,OAAO,OAAP;AAAA,QAAa,UAAQ;AAAA,QAAC,UAAQ;AAAA,QAAC,SAAO;AAAA,QAAC,OAAO;AAAA,OAAG;AAAA,MACjD;AAAA;AAAA,GACH;AAEJ;",
+  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAA6B,cAAc;AAE7C,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,QAAQ,KAAK,IAAG,UAAS,OAAM,MACrC;AAAA,wBAAC,gBAAa,QAAQ,KAAK,aAAY,YAAW;AAAA,IAClD,oBAAC,gBAAa,OAAO,KAAK;AAAA,KAC5B;AAEJ;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAgB;AACzD,SACE,qBAAC,UAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,GAAI,GAAG,OACjD;AAAA,wBAAC,OAAO,OAAP,EACC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,IACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,MAAC,UAAQ,MAAC,SAAO,MAAC,OAAO,GAAG;AAAA,IACjD;AAAA,KACH;AAEJ;",
   "names": []
 }

package/dist/esm/SpinnerDemo.js

@@ -1,21 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Spinner, YStack } from "tamagui";
 function SpinnerDemo() {
-  return /* @__PURE__ */ jsxs(YStack, {
-    p: "$3",
-    space: "$4",
-    ai: "center",
-    children: [
-      /* @__PURE__ */ jsx(Spinner, {
-        size: "small",
-        color: "$green10"
-      }),
-      /* @__PURE__ */ jsx(Spinner, {
-        size: "large",
-        color: "$orange10"
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(YStack, { p: "$3", space: "$4", ai: "center", children: [
+    /* @__PURE__ */ jsx(Spinner, { size: "small", color: "$green10" }),
+    /* @__PURE__ */ jsx(Spinner, { size: "large", color: "$orange10" })
+  ] });
 }
 export {
   SpinnerDemo

package/dist/esm/SpinnerDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SpinnerDemo.tsx"],
   "sourcesContent": ["import { Spinner, YStack } from 'tamagui'\n\nexport function SpinnerDemo() {\n  return (\n    <YStack p=\"$3\" space=\"$4\" ai=\"center\">\n      <Spinner size=\"small\" color=\"$green10\" />\n      <Spinner size=\"large\" color=\"$orange10\" />\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,SAAS,cAAc;AAEzB,SAAS,cAAc;AAC5B,SACE,qBAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,IAC3B;AAAA,0BAAC;AAAA,QAAQ,MAAK;AAAA,QAAQ,OAAM;AAAA,OAAW;AAAA,MACvC,oBAAC;AAAA,QAAQ,MAAK;AAAA,QAAQ,OAAM;AAAA,OAAY;AAAA;AAAA,GAC1C;AAEJ;",
+  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,SAAS,cAAc;AAEzB,SAAS,cAAc;AAC5B,SACE,qBAAC,UAAO,GAAE,MAAK,OAAM,MAAK,IAAG,UAC3B;AAAA,wBAAC,WAAQ,MAAK,SAAQ,OAAM,YAAW;AAAA,IACvC,oBAAC,WAAQ,MAAK,SAAQ,OAAM,aAAY;AAAA,KAC1C;AAEJ;",
   "names": []
 }

package/dist/esm/StacksDemo.js

@@ -1,95 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { XStack, YStack, ZStack } from "tamagui";
 function StacksDemo() {
-  return /* @__PURE__ */ jsxs(XStack, {
-    maw: 250,
-    p: "$2",
-    als: "center",
-    space: true,
-    children: [
-      /* @__PURE__ */ jsxs(YStack, {
-        flex: 1,
-        space: "$2",
-        bw: 2,
-        boc: "$color",
-        br: "$4",
-        p: "$2",
-        children: [
-          /* @__PURE__ */ jsx(YStack, {
-            bc: "$color",
-            br: "$3",
-            p: "$2"
-          }),
-          /* @__PURE__ */ jsx(YStack, {
-            bc: "$color",
-            br: "$3",
-            p: "$2"
-          }),
-          /* @__PURE__ */ jsx(YStack, {
-            bc: "$color",
-            br: "$3",
-            p: "$2"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs(XStack, {
-        flex: 1,
-        space: "$2",
-        bw: 2,
-        boc: "$color",
-        br: "$4",
-        p: "$2",
-        children: [
-          /* @__PURE__ */ jsx(YStack, {
-            bc: "$color",
-            br: "$3",
-            p: "$2"
-          }),
-          /* @__PURE__ */ jsx(YStack, {
-            bc: "$color",
-            br: "$3",
-            p: "$2"
-          }),
-          /* @__PURE__ */ jsx(YStack, {
-            bc: "$color",
-            br: "$3",
-            p: "$2"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs(ZStack, {
-        maw: 50,
-        mah: 85,
-        w: 100,
-        flex: 1,
-        children: [
-          /* @__PURE__ */ jsx(YStack, {
-            fullscreen: true,
-            bw: 2,
-            br: "$4",
-            p: "$2"
-          }),
-          /* @__PURE__ */ jsx(YStack, {
-            fullscreen: true,
-            y: 10,
-            x: 10,
-            bw: 2,
-            br: "$4",
-            p: "$2"
-          }),
-          /* @__PURE__ */ jsx(YStack, {
-            fullscreen: true,
-            y: 20,
-            x: 20,
-            bw: 2,
-            bc: "$color",
-            br: "$4",
-            p: "$2"
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(XStack, { maw: 250, p: "$2", als: "center", space: true, children: [
+    /* @__PURE__ */ jsxs(YStack, { flex: 1, space: "$2", bw: 2, boc: "$color", br: "$4", p: "$2", children: [
+      /* @__PURE__ */ jsx(YStack, { bc: "$color", br: "$3", p: "$2" }),
+      /* @__PURE__ */ jsx(YStack, { bc: "$color", br: "$3", p: "$2" }),
+      /* @__PURE__ */ jsx(YStack, { bc: "$color", br: "$3", p: "$2" })
+    ] }),
+    /* @__PURE__ */ jsxs(XStack, { flex: 1, space: "$2", bw: 2, boc: "$color", br: "$4", p: "$2", children: [
+      /* @__PURE__ */ jsx(YStack, { bc: "$color", br: "$3", p: "$2" }),
+      /* @__PURE__ */ jsx(YStack, { bc: "$color", br: "$3", p: "$2" }),
+      /* @__PURE__ */ jsx(YStack, { bc: "$color", br: "$3", p: "$2" })
+    ] }),
+    /* @__PURE__ */ jsxs(ZStack, { maw: 50, mah: 85, w: 100, flex: 1, children: [
+      /* @__PURE__ */ jsx(YStack, { fullscreen: true, bw: 2, br: "$4", p: "$2" }),
+      /* @__PURE__ */ jsx(YStack, { fullscreen: true, y: 10, x: 10, bw: 2, br: "$4", p: "$2" }),
+      /* @__PURE__ */ jsx(YStack, { fullscreen: true, y: 20, x: 20, bw: 2, bc: "$color", br: "$4", p: "$2" })
+    ] })
+  ] });
 }
 export {
   StacksDemo

package/dist/esm/StacksDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/StacksDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n  return (\n    <XStack maw={250} p=\"$2\" als=\"center\" space>\n      <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n      </YStack>\n\n      <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n        <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n      </XStack>\n\n      <ZStack maw={50} mah={85} w={100} flex={1}>\n        <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n        <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n        <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n      </ZStack>\n    </XStack>\n  )\n}\n"],
-  "mappings": "AAMM,SACE,KADF;AALN,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,qBAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,KAAI;AAAA,IAAS,OAAK;AAAA,IACzC;AAAA,2BAAC;AAAA,QAAO,MAAM;AAAA,QAAG,OAAM;AAAA,QAAK,IAAI;AAAA,QAAG,KAAI;AAAA,QAAS,IAAG;AAAA,QAAK,GAAE;AAAA,QACxD;AAAA,8BAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACnC,oBAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACnC,oBAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA;AAAA,OACrC;AAAA,MAEA,qBAAC;AAAA,QAAO,MAAM;AAAA,QAAG,OAAM;AAAA,QAAK,IAAI;AAAA,QAAG,KAAI;AAAA,QAAS,IAAG;AAAA,QAAK,GAAE;AAAA,QACxD;AAAA,8BAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACnC,oBAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACnC,oBAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA;AAAA,OACrC;AAAA,MAEA,qBAAC;AAAA,QAAO,KAAK;AAAA,QAAI,KAAK;AAAA,QAAI,GAAG;AAAA,QAAK,MAAM;AAAA,QACtC;AAAA,8BAAC;AAAA,YAAO,YAAU;AAAA,YAAC,IAAI;AAAA,YAAG,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACzC,oBAAC;AAAA,YAAO,YAAU;AAAA,YAAC,GAAG;AAAA,YAAI,GAAG;AAAA,YAAI,IAAI;AAAA,YAAG,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACvD,oBAAC;AAAA,YAAO,YAAU;AAAA,YAAC,GAAG;AAAA,YAAI,GAAG;AAAA,YAAI,IAAI;AAAA,YAAG,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA;AAAA,OACrE;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAMM,SACE,KADF;AALN,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,KAAK,KAAK,GAAE,MAAK,KAAI,UAAS,OAAK,MACzC;AAAA,yBAAC,UAAO,MAAM,GAAG,OAAM,MAAK,IAAI,GAAG,KAAI,UAAS,IAAG,MAAK,GAAE,MACxD;AAAA,0BAAC,UAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,MACnC,oBAAC,UAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,MACnC,oBAAC,UAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,OACrC;AAAA,IAEA,qBAAC,UAAO,MAAM,GAAG,OAAM,MAAK,IAAI,GAAG,KAAI,UAAS,IAAG,MAAK,GAAE,MACxD;AAAA,0BAAC,UAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,MACnC,oBAAC,UAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,MACnC,oBAAC,UAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,OACrC;AAAA,IAEA,qBAAC,UAAO,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,GACtC;AAAA,0BAAC,UAAO,YAAU,MAAC,IAAI,GAAG,IAAG,MAAK,GAAE,MAAK;AAAA,MACzC,oBAAC,UAAO,YAAU,MAAC,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,IAAG,MAAK,GAAE,MAAK;AAAA,MACvD,oBAAC,UAAO,YAAU,MAAC,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,OACrE;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/SwitchDemo.js

@@ -1,54 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Label, Separator, Switch, XStack, YStack } from "tamagui";
 function SwitchDemo() {
-  return /* @__PURE__ */ jsxs(YStack, {
-    w: 200,
-    ai: "center",
-    space: "$3",
-    children: [
-      /* @__PURE__ */ jsx(SwitchWithLabel, {
-        size: "$2"
-      }),
-      /* @__PURE__ */ jsx(SwitchWithLabel, {
-        size: "$3"
-      }),
-      /* @__PURE__ */ jsx(SwitchWithLabel, {
-        size: "$4"
-      }),
-      /* @__PURE__ */ jsx(SwitchWithLabel, {
-        size: "$5"
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(YStack, { w: 200, ai: "center", space: "$3", children: [
+    /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2" }),
+    /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3" }),
+    /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4" }),
+    /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$5" })
+  ] });
 }
 function SwitchWithLabel(props) {
   const id = `switch-${props.size.toString().slice(1)}`;
-  return /* @__PURE__ */ jsxs(XStack, {
-    w: 200,
-    ai: "center",
-    space: "$4",
-    children: [
-      /* @__PURE__ */ jsx(Label, {
-        pr: "$0",
-        miw: 90,
-        jc: "flex-end",
-        size: props.size,
-        htmlFor: id,
-        children: "Dark mode"
-      }),
-      /* @__PURE__ */ jsx(Separator, {
-        mih: 20,
-        vertical: true
-      }),
-      /* @__PURE__ */ jsx(Switch, {
-        id,
-        size: props.size,
-        children: /* @__PURE__ */ jsx(Switch.Thumb, {
-          animation: "quick"
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(XStack, { w: 200, ai: "center", space: "$4", children: [
+    /* @__PURE__ */ jsx(Label, { pr: "$0", miw: 90, jc: "flex-end", size: props.size, htmlFor: id, children: "Dark mode" }),
+    /* @__PURE__ */ jsx(Separator, { mih: 20, vertical: true }),
+    /* @__PURE__ */ jsx(Switch, { id, size: props.size, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
+  ] });
 }
 export {
   SwitchDemo

package/dist/esm/SwitchDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SwitchDemo.tsx"],
   "sourcesContent": ["import { Label, Separator, SizeTokens, Switch, XStack, YStack, styled } from 'tamagui'\n\nexport function SwitchDemo() {\n  return (\n    <YStack w={200} ai=\"center\" space=\"$3\">\n      <SwitchWithLabel size=\"$2\" />\n      <SwitchWithLabel size=\"$3\" />\n      <SwitchWithLabel size=\"$4\" />\n      <SwitchWithLabel size=\"$5\" />\n    </YStack>\n  )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n  const id = `switch-${props.size.toString().slice(1)}`\n  return (\n    <XStack w={200} ai=\"center\" space=\"$4\">\n      <Label pr=\"$0\" miw={90} jc=\"flex-end\" size={props.size} htmlFor={id}>\n        Dark mode\n      </Label>\n      <Separator mih={20} vertical />\n      <Switch id={id} size={props.size}>\n        <Switch.Thumb animation=\"quick\" />\n      </Switch>\n    </XStack>\n  )\n}\n"],
-  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,qBAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,IAChC;AAAA,0BAAC;AAAA,QAAgB,MAAK;AAAA,OAAK;AAAA,MAC3B,oBAAC;AAAA,QAAgB,MAAK;AAAA,OAAK;AAAA,MAC3B,oBAAC;AAAA,QAAgB,MAAK;AAAA,OAAK;AAAA,MAC3B,oBAAC;AAAA,QAAgB,MAAK;AAAA,OAAK;AAAA;AAAA,GAC7B;AAEJ;AAEA,SAAS,gBAAgB,OAA6B;AACpD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC;AAClD,SACE,qBAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,IAChC;AAAA,0BAAC;AAAA,QAAM,IAAG;AAAA,QAAK,KAAK;AAAA,QAAI,IAAG;AAAA,QAAW,MAAM,MAAM;AAAA,QAAM,SAAS;AAAA,QAAI;AAAA,OAErE;AAAA,MACA,oBAAC;AAAA,QAAU,KAAK;AAAA,QAAI,UAAQ;AAAA,OAAC;AAAA,MAC7B,oBAAC;AAAA,QAAO;AAAA,QAAQ,MAAM,MAAM;AAAA,QAC1B,8BAAC,OAAO,OAAP;AAAA,UAAa,WAAU;AAAA,SAAQ;AAAA,OAClC;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,oBAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,oBAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,oBAAC,mBAAgB,MAAK,MAAK;AAAA,KAC7B;AAEJ;AAEA,SAAS,gBAAgB,OAA6B;AACpD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC;AAClD,SACE,qBAAC,UAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,wBAAC,SAAM,IAAG,MAAK,KAAK,IAAI,IAAG,YAAW,MAAM,MAAM,MAAM,SAAS,IAAI,uBAErE;AAAA,IACA,oBAAC,aAAU,KAAK,IAAI,UAAQ,MAAC;AAAA,IAC7B,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAC1B,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/TextDemo.js

@@ -1,39 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Paragraph, SizableText, Text, XStack, YStack } from "tamagui";
 function TextDemo() {
-  return /* @__PURE__ */ jsxs(YStack, {
-    space: "$2",
-    ai: "center",
-    children: [
-      /* @__PURE__ */ jsx(Text, {
-        children: "Text"
-      }),
-      /* @__PURE__ */ jsx(SizableText, {
-        size: "$3",
-        children: "SizableText"
-      }),
-      /* @__PURE__ */ jsxs(XStack, {
-        space: true,
-        children: [
-          /* @__PURE__ */ jsx(SizableText, {
-            theme: "alt1",
-            size: "$3",
-            children: "alt1"
-          }),
-          /* @__PURE__ */ jsx(SizableText, {
-            theme: "alt2",
-            size: "$3",
-            children: "alt2"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(Paragraph, {
-        size: "$2",
-        fow: "800",
-        children: "Paragraph"
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(YStack, { space: "$2", ai: "center", children: [
+    /* @__PURE__ */ jsx(Text, { children: "Text" }),
+    /* @__PURE__ */ jsx(SizableText, { size: "$3", children: "SizableText" }),
+    /* @__PURE__ */ jsxs(XStack, { space: true, children: [
+      /* @__PURE__ */ jsx(SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
+      /* @__PURE__ */ jsx(SizableText, { theme: "alt2", size: "$3", children: "alt2" })
+    ] }),
+    /* @__PURE__ */ jsx(Paragraph, { size: "$2", fow: "800", children: "Paragraph" })
+  ] });
 }
 export {
   TextDemo

package/dist/esm/TextDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/TextDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { Paragraph, SizableText, Text, XStack, YStack } from 'tamagui'\n\nexport function TextDemo() {\n  return (\n    <YStack space=\"$2\" ai=\"center\">\n      <Text>Text</Text>\n      <SizableText size=\"$3\">SizableText</SizableText>\n      <XStack space>\n        <SizableText theme=\"alt1\" size=\"$3\">\n          alt1\n        </SizableText>\n        <SizableText theme=\"alt2\" size=\"$3\">\n          alt2\n        </SizableText>\n      </XStack>\n      <Paragraph size=\"$2\" fow=\"800\">\n        Paragraph\n      </Paragraph>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAMM,cAEA,YAFA;AALN,SAAS,WAAW,aAAa,MAAM,QAAQ,cAAc;AAEtD,SAAS,WAAW;AACzB,SACE,qBAAC;AAAA,IAAO,OAAM;AAAA,IAAK,IAAG;AAAA,IACpB;AAAA,0BAAC;AAAA,QAAK;AAAA,OAAI;AAAA,MACV,oBAAC;AAAA,QAAY,MAAK;AAAA,QAAK;AAAA,OAAW;AAAA,MAClC,qBAAC;AAAA,QAAO,OAAK;AAAA,QACX;AAAA,8BAAC;AAAA,YAAY,OAAM;AAAA,YAAO,MAAK;AAAA,YAAK;AAAA,WAEpC;AAAA,UACA,oBAAC;AAAA,YAAY,OAAM;AAAA,YAAO,MAAK;AAAA,YAAK;AAAA,WAEpC;AAAA;AAAA,OACF;AAAA,MACA,oBAAC;AAAA,QAAU,MAAK;AAAA,QAAK,KAAI;AAAA,QAAM;AAAA,OAE/B;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAMM,cAEA,YAFA;AALN,SAAS,WAAW,aAAa,MAAM,QAAQ,cAAc;AAEtD,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,OAAM,MAAK,IAAG,UACpB;AAAA,wBAAC,QAAK,kBAAI;AAAA,IACV,oBAAC,eAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,qBAAC,UAAO,OAAK,MACX;AAAA,0BAAC,eAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,MACA,oBAAC,eAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,OACF;AAAA,IACA,oBAAC,aAAU,MAAK,MAAK,KAAI,OAAM,uBAE/B;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/ThemeInverseDemo.js

@@ -1,43 +1,18 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, Theme, XStack, YStack } from "tamagui";
 function ThemeInverseDemo() {
-  return /* @__PURE__ */ jsxs(XStack, {
-    space: true,
-    children: [
-      /* @__PURE__ */ jsx(Buttons, {}),
-      /* @__PURE__ */ jsx(Theme, {
-        inverse: true,
-        children: /* @__PURE__ */ jsx(Buttons, {})
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(XStack, { space: true, children: [
+    /* @__PURE__ */ jsx(Buttons, {}),
+    /* @__PURE__ */ jsx(Theme, { inverse: true, children: /* @__PURE__ */ jsx(Buttons, {}) })
+  ] });
 }
 function Buttons() {
-  return /* @__PURE__ */ jsxs(YStack, {
-    bc: "$background",
-    p: "$3",
-    br: "$3",
-    space: true,
-    children: [
-      /* @__PURE__ */ jsx(Button, {
-        children: "Dark"
-      }),
-      /* @__PURE__ */ jsx(Button, {
-        themeInverse: true,
-        children: "Inversed"
-      }),
-      /* @__PURE__ */ jsx(Button, {
-        theme: "alt1",
-        children: "Alt1 Dark"
-      }),
-      /* @__PURE__ */ jsx(Theme, {
-        name: "yellow",
-        children: /* @__PURE__ */ jsx(Button, {
-          children: "Yellow dark"
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(YStack, { bc: "$background", p: "$3", br: "$3", space: true, children: [
+    /* @__PURE__ */ jsx(Button, { children: "Dark" }),
+    /* @__PURE__ */ jsx(Button, { themeInverse: true, children: "Inversed" }),
+    /* @__PURE__ */ jsx(Button, { theme: "alt1", children: "Alt1 Dark" }),
+    /* @__PURE__ */ jsx(Theme, { name: "yellow", children: /* @__PURE__ */ jsx(Button, { children: "Yellow dark" }) })
+  ] });
 }
 export {
   ThemeInverseDemo

package/dist/esm/ThemeInverseDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ThemeInverseDemo.tsx"],
   "sourcesContent": ["import { Button, Theme, XStack, YStack } from 'tamagui'\n\nexport function ThemeInverseDemo() {\n  return (\n    <XStack space>\n      <Buttons />\n      <Theme inverse>\n        <Buttons />\n      </Theme>\n    </XStack>\n  )\n}\n\nfunction Buttons() {\n  return (\n    <YStack bc=\"$background\" p=\"$3\" br=\"$3\" space>\n      <Button>Dark</Button>\n      <Button themeInverse>Inversed</Button>\n      <Button theme=\"alt1\">Alt1 Dark</Button>\n      <Theme name=\"yellow\">\n        <Button>Yellow dark</Button>\n      </Theme>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAEvC,SAAS,mBAAmB;AACjC,SACE,qBAAC;AAAA,IAAO,OAAK;AAAA,IACX;AAAA,0BAAC,WAAQ;AAAA,MACT,oBAAC;AAAA,QAAM,SAAO;AAAA,QACZ,8BAAC,WAAQ;AAAA,OACX;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,UAAU;AACjB,SACE,qBAAC;AAAA,IAAO,IAAG;AAAA,IAAc,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,IAC3C;AAAA,0BAAC;AAAA,QAAO;AAAA,OAAI;AAAA,MACZ,oBAAC;AAAA,QAAO,cAAY;AAAA,QAAC;AAAA,OAAQ;AAAA,MAC7B,oBAAC;AAAA,QAAO,OAAM;AAAA,QAAO;AAAA,OAAS;AAAA,MAC9B,oBAAC;AAAA,QAAM,MAAK;AAAA,QACV,8BAAC;AAAA,UAAO;AAAA,SAAW;AAAA,OACrB;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAEvC,SAAS,mBAAmB;AACjC,SACE,qBAAC,UAAO,OAAK,MACX;AAAA,wBAAC,WAAQ;AAAA,IACT,oBAAC,SAAM,SAAO,MACZ,8BAAC,WAAQ,GACX;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU;AACjB,SACE,qBAAC,UAAO,IAAG,eAAc,GAAE,MAAK,IAAG,MAAK,OAAK,MAC3C;AAAA,wBAAC,UAAO,kBAAI;AAAA,IACZ,oBAAC,UAAO,cAAY,MAAC,sBAAQ;AAAA,IAC7B,oBAAC,UAAO,OAAM,QAAO,uBAAS;AAAA,IAC9B,oBAAC,SAAM,MAAK,UACV,8BAAC,UAAO,yBAAW,GACrB;AAAA,KACF;AAEJ;",
   "names": []
 }