@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/ThemeBuilderDemo.native.cjs

@@ -0,0 +1,210 @@
+"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 ThemeBuilderDemo_exports = {};
+__export(ThemeBuilderDemo_exports, { ThemeBuilderDemo: () => ThemeBuilderDemo });
+module.exports = __toCommonJS(ThemeBuilderDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function ThemeBuilderDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+		position: "absolute",
+		inset: 0,
+		overflow: "hidden",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			maxH: 200,
+			y: -100,
+			x: -50,
+			rotate: "-10deg",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					y: 35,
+					bg: "color9"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "8",
+					y: 30,
+					bg: "color7"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "6",
+					y: -50,
+					bg: "color5"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "4",
+					bg: "color3"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "2",
+					bg: "color1"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "4",
+					y: 50,
+					bg: "color3"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "6",
+					y: 80,
+					bg: "color5"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "8",
+					bg: "color7"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bg: "color9" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "8",
+					bg: "color7"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "6",
+					y: 80,
+					bg: "color5"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "4",
+					y: 50,
+					bg: "color3"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "2",
+					bg: "color1"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "4",
+					bg: "color3"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "6",
+					y: -50,
+					bg: "color5"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "8",
+					y: 30,
+					bg: "color7"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					y: 35,
+					bg: "color9"
+				})
+			]
+		})
+	});
+}
+function Col(props) {
+	var { subTheme: subThemeName, ...squareProps } = props;
+	var subTheme = subThemeName ? `_${subThemeName}` : "";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		p: "2-5",
+		gap: "3-5",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: subThemeName,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "orange" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "yellow" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "green" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "blue" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "purple" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "pink" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "red" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: subThemeName,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "orange" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "yellow" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "green" + subTheme,
+				bg: "background",
+				...squareProps
+			})
+		]
+	});
+}

package/dist/cjs/ThemeBuilderDemo.native.js

@@ -1,183 +1,212 @@
 "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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ThemeBuilderDemo_exports = {};
-__export(ThemeBuilderDemo_exports, {
-  ThemeBuilderDemo: () => ThemeBuilderDemo
-});
+__export(ThemeBuilderDemo_exports, { ThemeBuilderDemo: () => ThemeBuilderDemo });
 module.exports = __toCommonJS(ThemeBuilderDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function ThemeBuilderDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    fullscreen: true,
-    overflow: "hidden",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      maxH: 200,
-      y: -100,
-      x: -50,
-      rotate: "-10deg",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        y: 35,
-        bg: "$color9"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$8",
-        y: 30,
-        bg: "$color7"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$6",
-        y: -50,
-        bg: "$color5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$4",
-        bg: "$color3"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$2",
-        bg: "$color1"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$4",
-        y: 50,
-        bg: "$color3"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$6",
-        y: 80,
-        bg: "$color5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$8",
-        bg: "$color7"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        bg: "$color9"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$8",
-        bg: "$color7"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$6",
-        y: 80,
-        bg: "$color5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$4",
-        y: 50,
-        bg: "$color3"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$2",
-        bg: "$color1"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$4",
-        bg: "$color3"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$6",
-        y: -50,
-        bg: "$color5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        size: "$8",
-        y: 30,
-        bg: "$color7"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
-        y: 35,
-        bg: "$color9"
-      })]
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+		position: "absolute",
+		inset: 0,
+		overflow: "hidden",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			maxH: 200,
+			y: -100,
+			x: -50,
+			rotate: "-10deg",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					y: 35,
+					bg: "color9"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "8",
+					y: 30,
+					bg: "color7"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "6",
+					y: -50,
+					bg: "color5"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "4",
+					bg: "color3"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "2",
+					bg: "color1"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "4",
+					y: 50,
+					bg: "color3"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "6",
+					y: 80,
+					bg: "color5"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "8",
+					bg: "color7"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bg: "color9" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "8",
+					bg: "color7"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "6",
+					y: 80,
+					bg: "color5"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "4",
+					y: 50,
+					bg: "color3"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "2",
+					bg: "color1"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "4",
+					bg: "color3"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "6",
+					y: -50,
+					bg: "color5"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					size: "8",
+					y: 30,
+					bg: "color7"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+					y: 35,
+					bg: "color9"
+				})
+			]
+		})
+	});
 }
 function Col(props) {
-  var subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    p: "$2.5",
-    gap: "$3.5",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: props.subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "orange" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "yellow" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "green" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "blue" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "purple" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "pink" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "red" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: props.subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "orange" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "yellow" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      rounded: "$6",
-      size: "$10",
-      theme: "green" + subTheme,
-      bg: "$background",
-      ...props
-    })]
-  });
+	var { subTheme: subThemeName, ...squareProps } = props;
+	var subTheme = subThemeName ? `_${subThemeName}` : "";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		p: "2-5",
+		gap: "3-5",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: subThemeName,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "orange" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "yellow" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "green" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "blue" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "purple" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "pink" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "red" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: subThemeName,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "orange" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "yellow" + subTheme,
+				bg: "background",
+				...squareProps
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+				rounded: "6",
+				size: "10",
+				theme: "green" + subTheme,
+				bg: "background",
+				...squareProps
+			})
+		]
+	});
 }
+
 //# sourceMappingURL=ThemeBuilderDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ThemeBuilderDemo_exports","__export","ThemeBuilderDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsx","YStack","fullscreen","overflow","children","jsxs","XStack","maxH","y","x","rotate","Col","bg","size","props","subTheme","p","gap","Square","rounded","theme"],"sources":["../../src/ThemeBuilderDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ThemeBuilderDemo.native.js","names":[],"sources":["cjs/ThemeBuilderDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ThemeBuilderDemo_exports = {};\n__export(ThemeBuilderDemo_exports, {\n  ThemeBuilderDemo: () => ThemeBuilderDemo\n});\nmodule.exports = __toCommonJS(ThemeBuilderDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction ThemeBuilderDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    position: \"absolute\",\n    inset: 0,\n    overflow: \"hidden\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n      maxH: 200,\n      y: -100,\n      x: -50,\n      rotate: \"-10deg\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          y: 35,\n          bg: \"color9\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"8\",\n          y: 30,\n          bg: \"color7\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"6\",\n          y: -50,\n          bg: \"color5\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"4\",\n          bg: \"color3\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"2\",\n          bg: \"color1\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"4\",\n          y: 50,\n          bg: \"color3\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"6\",\n          y: 80,\n          bg: \"color5\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"8\",\n          bg: \"color7\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          bg: \"color9\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"8\",\n          bg: \"color7\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"6\",\n          y: 80,\n          bg: \"color5\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"4\",\n          y: 50,\n          bg: \"color3\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"2\",\n          bg: \"color1\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"4\",\n          bg: \"color3\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"6\",\n          y: -50,\n          bg: \"color5\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          size: \"8\",\n          y: 30,\n          bg: \"color7\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {\n          y: 35,\n          bg: \"color9\"\n        })\n      ]\n    })\n  });\n}\nfunction Col(props) {\n  var { subTheme: subThemeName, ...squareProps } = props;\n  var subTheme = subThemeName ? `_${subThemeName}` : \"\";\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    p: \"2-5\",\n    gap: \"3-5\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: subThemeName,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"orange\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"yellow\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"green\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"blue\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"purple\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"pink\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"red\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: subThemeName,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"orange\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"yellow\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n        rounded: \"6\",\n        size: \"10\",\n        theme: \"green\" + subTheme,\n        bg: \"background\",\n        ...squareProps\n      })\n    ]\n  });\n}\n//# sourceMappingURL=ThemeBuilderDemo.js.map\n"],"mappings":"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"}