@tamagui/demos 1.88.1 → 1.88.3

package/dist/jsx/ThemeBuilderDemo.js

@@ -1,101 +1,132 @@
 import { Square, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeBuilderDemo() {
-  return <YStack fullscreen ov="hidden"><XStack mah={200} y={-100} x={-50} rotate="-10deg">
-    <Col y={35} bc="$color9" />
-    <Col size="$8" y={30} bc="$color7" />
-    <Col size="$6" y={-50} bc="$color5" />
-    <Col size="$4" bc="$color3" />
-    <Col size="$2" bc="$color1" />
-    <Col size="$4" y={50} bc="$color3" />
-    <Col size="$6" y={80} bc="$color5" />
-    <Col size="$8" bc="$color7" />
-    <Col bc="$color9" />
-    <Col size="$8" bc="$color7" />
-    <Col size="$6" y={80} bc="$color5" />
-    <Col size="$4" y={50} bc="$color3" />
-    <Col size="$2" bc="$color1" />
-    <Col size="$4" bc="$color3" />
-    <Col size="$6" y={-50} bc="$color5" />
-    <Col size="$8" y={30} bc="$color7" />
-    <Col y={35} bc="$color9" />
-  </XStack></YStack>;
+  return /* @__PURE__ */ jsx(YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ jsxs(XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
+    /* @__PURE__ */ jsx(Col, { y: 35, bc: "$color9" }),
+    /* @__PURE__ */ jsx(Col, { size: "$8", y: 30, bc: "$color7" }),
+    /* @__PURE__ */ jsx(Col, { size: "$6", y: -50, bc: "$color5" }),
+    /* @__PURE__ */ jsx(Col, { size: "$4", bc: "$color3" }),
+    /* @__PURE__ */ jsx(Col, { size: "$2", bc: "$color1" }),
+    /* @__PURE__ */ jsx(Col, { size: "$4", y: 50, bc: "$color3" }),
+    /* @__PURE__ */ jsx(Col, { size: "$6", y: 80, bc: "$color5" }),
+    /* @__PURE__ */ jsx(Col, { size: "$8", bc: "$color7" }),
+    /* @__PURE__ */ jsx(Col, { bc: "$color9" }),
+    /* @__PURE__ */ jsx(Col, { size: "$8", bc: "$color7" }),
+    /* @__PURE__ */ jsx(Col, { size: "$6", y: 80, bc: "$color5" }),
+    /* @__PURE__ */ jsx(Col, { size: "$4", y: 50, bc: "$color3" }),
+    /* @__PURE__ */ jsx(Col, { size: "$2", bc: "$color1" }),
+    /* @__PURE__ */ jsx(Col, { size: "$4", bc: "$color3" }),
+    /* @__PURE__ */ jsx(Col, { size: "$6", y: -50, bc: "$color5" }),
+    /* @__PURE__ */ jsx(Col, { size: "$8", y: 30, bc: "$color7" }),
+    /* @__PURE__ */ jsx(Col, { y: 35, bc: "$color9" })
+  ] }) });
 }
 function Col(props) {
   const subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return <YStack padding="$2.5" space="$3.5">
-    <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"orange" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"yellow" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"green" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"blue" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"purple" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"pink" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"red" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"orange" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"yellow" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"green" + subTheme}
-      bg="$background"
-      {...props}
-    />
-  </YStack>;
+  return /* @__PURE__ */ jsxs(YStack, { padding: "$2.5", space: "$3.5", children: [
+    /* @__PURE__ */ jsx(Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "blue" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "purple" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "pink" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "red" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    )
+  ] });
 }
 export {
   ThemeBuilderDemo

package/dist/jsx/ThemeBuilderDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ThemeBuilderDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAgC,QAAQ,cAAc;AAExD,SAAS,mBAAmB;AACjC,SACE,CAAC,OAAO,WAAW,GAAG,SACpB,CAAC,OAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,OAAO;AAAA,IACxC,CAAC,IAAI,GAAG,IAAI,GAAG,UAAU;AAAA,IACzB,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,KAAK,GAAG,UAAU;AAAA,IACpC,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,GAAG,UAAU;AAAA,IAClB,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,KAAK,KAAK,GAAG,KAAK,GAAG,UAAU;AAAA,IACpC,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,GAAG,IAAI,GAAG,UAAU;AAAA,EAC3B,EAlBC,OAmBH,EApBC;AAsBL;AAEA,SAAS,IACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,CAAC,OAAO,QAAQ,OAAO,MAAM;AAAA,IAC3B,CAAC,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,MAAM,UAAU,GAAG,kBAAkB,OAAO;AAAA,IAC9E,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,UAAU;AAAA,MAClB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,SAAS;AAAA,MACjB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,SAAS;AAAA,MACjB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,QAAQ;AAAA,MAChB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,MAAM,UAAU,GAAG,kBAAkB,OAAO;AAAA,IAC9E,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,UAAU;AAAA,MAClB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,EACF,EAzEC;AA2EL;",
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/ThemeBuilderDemo.native.js

@@ -1,103 +1,154 @@
-import { Square, XStack, YStack } from "tamagui";
+"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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var ThemeBuilderDemo_exports = {};
+__export(ThemeBuilderDemo_exports, {
+  ThemeBuilderDemo: () => ThemeBuilderDemo
+});
+module.exports = __toCommonJS(ThemeBuilderDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ThemeBuilderDemo() {
-  return <YStack fullscreen ov="hidden"><XStack mah={200} y={-100} x={-50} rotate="-10deg">
-    <Col y={35} bc="$color9" />
-    <Col size="$8" y={30} bc="$color7" />
-    <Col size="$6" y={-50} bc="$color5" />
-    <Col size="$4" bc="$color3" />
-    <Col size="$2" bc="$color1" />
-    <Col size="$4" y={50} bc="$color3" />
-    <Col size="$6" y={80} bc="$color5" />
-    <Col size="$8" bc="$color7" />
-    <Col bc="$color9" />
-    <Col size="$8" bc="$color7" />
-    <Col size="$6" y={80} bc="$color5" />
-    <Col size="$4" y={50} bc="$color3" />
-    <Col size="$2" bc="$color1" />
-    <Col size="$4" bc="$color3" />
-    <Col size="$6" y={-50} bc="$color5" />
-    <Col size="$8" y={30} bc="$color7" />
-    <Col y={35} bc="$color9" />
-  </XStack></YStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bc: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bc: "$color1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bc: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bc: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bc: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bc: "$color9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bc: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bc: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bc: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bc: "$color1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bc: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" })
+  ] }) });
 }
 function Col(props) {
   const subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return <YStack padding="$2.5" space="$3.5">
-    <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"orange" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"yellow" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"green" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"blue" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"purple" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"pink" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"red" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"orange" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"yellow" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"green" + subTheme}
-      bg="$background"
-      {...props}
-    />
-  </YStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$2.5", space: "$3.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "blue" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "purple" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "pink" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "red" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    )
+  ] });
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   ThemeBuilderDemo
-};
+});
 //# sourceMappingURL=ThemeBuilderDemo.js.map

package/dist/jsx/ThemeBuilderDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ThemeBuilderDemo.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/ThemeInverseDemo.js

@@ -1,31 +1,39 @@
 import { Button, H5, Theme, XStack, YStack, useThemeName } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeInverseDemo() {
   const themeName = useThemeName(), opposite = themeName.includes("dark") ? "light" : "dark";
-  return <XStack space>
-    <Buttons title="Normal" name={themeName} />
-    <Theme inverse><Buttons
-      title="Inversed"
-      name={themeName.replace(themeName.split("_")[0], opposite)}
-    /></Theme>
-  </XStack>;
+  return /* @__PURE__ */ jsxs(XStack, { space: !0, children: [
+    /* @__PURE__ */ jsx(Buttons, { title: "Normal", name: themeName }),
+    /* @__PURE__ */ jsx(Theme, { inverse: !0, children: /* @__PURE__ */ jsx(
+      Buttons,
+      {
+        title: "Inversed",
+        name: themeName.replace(themeName.split("_")[0], opposite)
+      }
+    ) })
+  ] });
 }
 function Buttons(props) {
-  return <YStack
-    elevation="$4"
-    backgroundColor="$background"
-    padding="$4"
-    borderRadius="$4"
-    space="$3"
-  >
-    <H5>{props.title}</H5>
-    <Button>{props.name}</Button>
-    <Button themeInverse>inversed</Button>
-    <Button theme="alt1">
-      {props.name}
-      {"_alt1"}
-    </Button>
-    <Theme name="yellow"><Button>{props.name.split("_")[0] + "_yellow"}</Button></Theme>
-  </YStack>;
+  return /* @__PURE__ */ jsxs(
+    YStack,
+    {
+      elevation: "$4",
+      backgroundColor: "$background",
+      padding: "$4",
+      borderRadius: "$4",
+      space: "$3",
+      children: [
+        /* @__PURE__ */ jsx(H5, { children: props.title }),
+        /* @__PURE__ */ jsx(Button, { children: props.name }),
+        /* @__PURE__ */ jsx(Button, { themeInverse: !0, children: "inversed" }),
+        /* @__PURE__ */ jsxs(Button, { theme: "alt1", children: [
+          props.name,
+          "_alt1"
+        ] }),
+        /* @__PURE__ */ jsx(Theme, { name: "yellow", children: /* @__PURE__ */ jsx(Button, { children: props.name.split("_")[0] + "_yellow" }) })
+      ]
+    }
+  );
 }
 export {
   ThemeInverseDemo

package/dist/jsx/ThemeInverseDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ThemeInverseDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,IAAI,OAAO,QAAQ,QAAQ,oBAAoB;AAEzD,SAAS,mBAAmB;AACjC,QAAM,YAAY,aAAa,GACzB,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,QAAQ,MAAM,SAAS,MAAM,WAAW;AAAA,IACzC,CAAC,MAAM,QACL,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM,UAAU,QAAQ,UAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ;AAAA,IAC3D,EACF,EALC;AAAA,EAMH,EARC;AAUL;AAEA,SAAS,QAAQ,OAAwC;AACvD,SACE,CAAC;AAAA,IACC,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAM;AAAA;AAAA,IAEN,CAAC,IAAI,MAAM,MAAM,EAAhB;AAAA,IACD,CAAC,QAAQ,MAAM,KAAK,EAAnB;AAAA,IACD,CAAC,OAAO,aAAa,QAAQ,EAA5B;AAAA,IACD,CAAC,OAAO,MAAM;AAAA,OAAQ,MAAM;AAAA,OAAK;AAAA,IAAK,EAArC;AAAA,IACD,CAAC,MAAM,KAAK,SACV,CAAC,QAAQ,MAAM,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,UAAU,EAA7C,OACH,EAFC;AAAA,EAGH,EAdC;AAgBL;",
+  "mappings": "AAAA,SAAS,QAAQ,IAAI,OAAO,QAAQ,QAAQ,oBAAoB;AAO5D,SACE,KADF;AALG,SAAS,mBAAmB;AACjC,QAAM,YAAY,aAAa,GACzB,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,WAAQ,OAAM,UAAS,MAAM,WAAW;AAAA,IACzC,oBAAC,SAAM,SAAO,IACZ;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM,UAAU,QAAQ,UAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ;AAAA;AAAA,IAC3D,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,QAAQ,OAAwC;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,OAAM;AAAA,MAEN;AAAA,4BAAC,MAAI,gBAAM,OAAM;AAAA,QACjB,oBAAC,UAAQ,gBAAM,MAAK;AAAA,QACpB,oBAAC,UAAO,cAAY,IAAC,sBAAQ;AAAA,QAC7B,qBAAC,UAAO,OAAM,QAAQ;AAAA,gBAAM;AAAA,UAAK;AAAA,WAAK;AAAA,QACtC,oBAAC,SAAM,MAAK,UACV,8BAAC,UAAQ,gBAAM,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,WAAU,GAChD;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }