[{"_1":2,"_242":-5,"_243":-5},"loaderData",{"_3":4,"_92":93,"_218":219},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":22,"_29":22,"_30":22,"_31":32,"_33":22,"_34":22},"auth",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"tokenType","session_token","sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","b81ef1aeef851b62e38fefbaca685739772d85b7","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":22,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":22,"_91":22},"__clerk_ssr_state",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":22,"_21":22,"_83":73,"_84":85,"_86":73,"_87":46,"_88":22,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/_app.x.$handle.$name",{"_94":95,"_96":97,"_98":44,"_99":100,"_101":102,"_103":104,"_158":159,"_191":192,"_193":194,"_206":207,"_208":209,"_212":-5,"_213":-5,"_214":22,"_215":22,"_216":217},"handle","jxnblk","name","css","branchName","path","space.css.tsx","version",10,"project",{"_105":106,"_96":97,"_107":108,"_109":-5,"_110":22,"_111":112,"_113":114,"_115":116,"_14":117,"_118":119,"_120":121,"_122":-5,"_123":124,"_125":32,"_16":126,"_127":-5,"_128":-5,"_129":130,"_131":130,"_132":133,"_134":133,"_135":133,"_136":130,"_137":130,"_23":138,"_141":142,"_146":147,"_157":22},"id","b769c17a-1ec4-11f0-9d95-569c3dd06744","createdAt",["D",1745249068805],"deletedAt","legacyEnvVars","privacy","public","description","procgen css utils","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b234f578-449b-4a3a-d1c7-82c60571f900/square512","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","d421ec66-1ec4-11f0-a808-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",63,"likeCount","62a75f8d-be32-4eaa-989a-23f3433a7d42","tursoName","tursoHostname","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_139":140},"profileImageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512","org",{"_94":95,"_143":140,"_14":117,"_144":145},"avatar","tier","pro","branch",{"_101":124,"_96":44,"_105":148,"_149":106,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":97,"_156":95},"b76a0d9c-1ec4-11f0-9d95-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","tree",[160,179],{"_105":161,"_96":100,"_162":119,"_163":-5,"_164":148,"_165":102,"_166":22,"_107":167,"_101":168,"_169":170,"_171":172,"_173":22,"_174":175,"_176":177,"_99":178},"aa9e5d4e-1edc-11f0-8e0f-569c3dd06744","fileId","parentId","branchId","branchVersion","latest",["D",1745259355251],5,"fileType","http","content","const COLOPHON = \"/** Generated with https://space.val.run */\";\n\nclass Config {\n space: number[];\n breakpoints: number[];\n hyphenate: boolean;\n\n constructor (space: number[], breakpoints: number[], hyphenate) {\n this.space = space;\n this.breakpoints = breakpoints;\n this.hyphenate = hyphenate;\n }\n\n GetVars () {\n const vars = [\n \"--space-0:0;\"\n ];\n for (let i = 0; i < this.space.length; i++) {\n vars.push(`--space-${i + 1}:${this.space[i]}px;`);\n }\n return [\n \":root{\",\n ...vars,\n \"}\",\n ].join(\"\\n\");\n }\n\n GetSpaceDeclarations () {\n const steps = [0, ...this.space];\n const declarations = [];\n const hyp = this.hyphenate ? \"-\" : \"\";\n\n for (let i = 0; i < steps.length; i++) {\n for (let j = 0; j < props.length; j++) {\n let prop = props[j];\n let [cn, ...properties] = prop;\n for (let p = 0; p < properties.length; p++) {\n let classname = [\n \".\", cn,\n hyp,\n i\n ].join(\"\");\n declarations.push(`${classname}{${properties[p]}:var(--space-${i})}`);\n }\n }\n }\n const margins = props.slice(0, 7);\n for (let i = 0; i < margins.length; i++) {\n let [cn, ...properties] = margins[i];\n for (let p = 0; p < properties.length; p++) {\n let classname = [\".\", cn, hyp, \"auto\"].join(\"\");\n declarations.push(`${classname}{${properties[p]}:auto}`);\n }\n }\n\n return declarations; \n }\n\n GetResponsiveStyles (spaceDeclarations: string[]) {\n const media = [];\n const tshirts = [\"sm\",\"md\",\"lg\",\"xl\",\"2xl\",\"3xl\",\"4xl\"];\n for (let i = 0; i < this.breakpoints.length; i++) {\n let bp = this.breakpoints[i];\n let tshirt = tshirts[i];\n let prefix = `.${tshirt}\\\\:`;\n media.push([\n `@media screen and (min-width:${bp}px){`,\n spaceDeclarations.map(dec => prefix + dec.replace(/^\\./, \"\")).join(\"\\n \"),\n \"}\"\n ].join(\"\\n\"));\n }\n return media.join(\"\\n\");\n }\n\n // comment me\n GenerateCSS () {\n const vars = this.GetVars();\n const space = this.GetSpaceDeclarations();\n const responsive = this.GetResponsiveStyles(space);\n\n return [\n COLOPHON,\n vars,\n space.join(\"\\n \"),\n responsive,\n ].join(\"\\n\");\n }\n}\n\nfunction getParams (url: URL): [number[], number[], boolean] {\n let params = url.searchParams;\n let space = params.get(\"space\");\n let breakpoints = params.get(\"breakpoints\");\n let hyphenate = params.get(\"hyphenate\");\n if (space) space = space.split(\",\").map(Number);\n else space = defaults.space;\n if (breakpoints) breakpoints = breakpoints.split(\",\").map(Number);\n else breakpoints = defaults.breakpoints;\n return [space, breakpoints, Boolean(hyphenate)];\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n let [space, breakpoints, hyphenate] = getParams(url);\n const config = new Config(space, breakpoints, hyphenate);\n\n const css = config.GenerateCSS();\n\n return new Response(css, {\n headers: {\n \"Content-Type\": \"text/css\",\n },\n });\n}\n\nconst defaults = {\n space: [\n 4,\n 8,\n 16,\n 32,\n 64,\n 128,\n 256,\n 512,\n ],\n breakpoints: [\n 640,\n 768,\n 1024,\n 1280,\n ],\n};\n\nconst props = [\n [\"m\", \"margin\"],\n [\"mx\", \"margin-left\", \"margin-right\"],\n [\"my\", \"margin-top\", \"margin-bottom\"],\n [\"mt\", \"margin-top\"],\n [\"mr\", \"margin-right\"],\n [\"mb\", \"margin-bottom\"],\n [\"ml\", \"margin-left\"],\n [\"p\", \"padding\"],\n [\"px\", \"padding-left\", \"padding-right\"],\n [\"py\", \"padding-top\", \"padding-bottom\"],\n [\"pt\", \"padding-top\"],\n [\"pr\", \"padding-right\"],\n [\"pb\", \"padding-bottom\"],\n [\"pl\", \"padding-left\"],\n];","deleted","label","space","children",[],[100],{"_105":180,"_96":181,"_162":182,"_163":-5,"_164":148,"_165":183,"_166":22,"_107":184,"_101":185,"_169":186,"_171":187,"_173":22,"_174":188,"_176":189,"_99":190},"465b93c6-1ec6-11f0-a7bf-569c3dd06744","typography.css.tsx","3312a61a-1ec6-11f0-9a9c-569c3dd06744",6,["D",1745249738115],3,"script","// TODO: \n// font-size\n// line-height\n// caps\n// bold\n// italic\nexport default async function (req: Request): Promise {\n}","typography",[],[181],"files",[160,179],"counts",{"_195":32,"_196":197,"_198":32,"_199":200,"_203":204},"pulls","branches",2,"forks","envVars",{"_201":32,"_202":32},"count","emptyCount","connections",{"_201":32,"_205":32},"unfilledCount","contents",[],"file",{"_105":161,"_96":100,"_162":119,"_163":-5,"_164":148,"_165":102,"_166":22,"_107":210,"_101":168,"_169":170,"_171":172,"_173":22,"_174":175,"_99":211},["D",1745259355251],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":220,"_158":225,"_191":232,"_208":233,"_206":235,"_236":-5,"_237":-5,"_238":-5,"_239":-5,"_240":241,"_199":-5},{"_105":106,"_96":97,"_107":221,"_109":-5,"_110":22,"_111":112,"_113":114,"_115":116,"_14":117,"_118":119,"_120":121,"_122":-5,"_123":124,"_125":32,"_16":126,"_127":-5,"_128":-5,"_129":130,"_131":130,"_132":133,"_134":133,"_135":133,"_136":130,"_137":130,"_23":222,"_141":223,"_146":224,"_157":22},["D",1745249068805],{"_94":95,"_139":140},{"_94":95,"_143":140,"_14":117,"_144":145},{"_101":124,"_96":44,"_105":148,"_149":106,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":97,"_156":95},[226,229],{"_105":161,"_96":100,"_162":119,"_163":-5,"_164":148,"_165":102,"_166":22,"_107":167,"_101":168,"_169":170,"_171":172,"_173":22,"_174":175,"_176":227,"_99":228},[],[100],{"_105":180,"_96":181,"_162":182,"_163":-5,"_164":148,"_165":183,"_166":22,"_107":184,"_101":185,"_169":186,"_171":187,"_173":22,"_174":188,"_176":230,"_99":231},[],[181],[226,229],{"_105":161,"_96":100,"_162":119,"_163":-5,"_164":148,"_165":102,"_166":22,"_107":210,"_101":168,"_169":170,"_171":172,"_173":22,"_174":175,"_99":234},[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]