[{"_1":2,"_181":-5,"_182":-5},"loaderData",{"_3":4,"_95":96},"root",{"_5":6,"_36":37,"_68":69},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_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":65,"_66":67},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","910f2b7baa2e41a0bfb37647cf7a18560b6e00fa","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","API_URL","https://api.val.town","clerkState",{"_70":71},"__internal_clerk_state",{"_72":73,"_74":47,"_75":76,"_77":76,"_78":20,"_79":76,"_80":76,"_81":76,"_82":76,"_83":84,"_93":20,"_94":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_85":20,"_19":20,"_86":76,"_87":88,"_89":76,"_90":47,"_91":20,"_92":76},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_97":98,"_99":100,"_101":102,"_103":104,"_161":162,"_178":179,"_180":-5},"handle","cameronpak","name","mono-jsx-internal-anchor-link-reproduction","path","index.tsx","project",{"_105":106,"_99":100,"_107":108,"_109":-5,"_110":20,"_111":112,"_113":-5,"_114":-5,"_12":115,"_116":117,"_118":119,"_120":-5,"_121":-5,"_122":33,"_14":123,"_124":-5,"_125":-5,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_23":136,"_139":140,"_144":145,"_160":20},"id","411124a6-2381-11f1-a4af-42dde27851f2","createdAt",["D",1773917347448],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","35ef5666-3780-42d5-ade0-86fe3fdb6bb1","pinnedFileId","019d05b6-9eae-765e-8a13-8e8784063c00","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","47e0b4b2-7d41-46e6-8dce-0ae3d76e1a8f","tursoName","tursoHostname","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_97":98,"_137":138},"profileImageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7fcc9ac1-f8fb-41e2-0168-af29ef7c6400/square512","org",{"_97":98,"_141":138,"_12":115,"_142":143},"avatar","tier","pro","branch",{"_146":147,"_99":45,"_105":148,"_149":106,"_150":151,"_152":153,"_154":112,"_155":156,"_157":123,"_158":100,"_159":98},"version",9,"41153c58-2381-11f1-a4af-42dde27851f2","projectId","forkedBranchId","f85195ba-2106-11f1-b21d-42dde27851f2","forkedBranchVersion",109,"forkedProjectPrivacy","forkedProjectId","f850e188-2106-11f1-b21d-42dde27851f2","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_105":163,"_99":102,"_164":117,"_165":-5,"_166":148,"_167":147,"_168":119,"_107":169,"_146":170,"_171":172,"_173":174,"_175":20,"_176":-5,"_101":177},"7bb42a04-2381-11f1-af96-42dde27851f2","fileId","parentId","branchId","branchVersion","latest",["D",1773917445825],8,"fileType","http","content","/** @jsxImportSource https://esm.sh/mono-jsx */\nimport { type Context, Hono } from \"npm:hono@4.12.8\";\n\nconst routes = {\n \"/\": function (this: FC) {\n return (\n

\n

Sensible UI CSS

\n

\n shadcn/ui style primitives using semantic CSS\n

\n\n \n\n

\n\n

\n

Typography

\n\n

Heading 1

\n

Heading 2

\n

Heading 3

\n

Heading 4

\n

Heading 5

\n

Heading 6

\n\n

\n This is a paragraph with bold text,{\" \"}\n italic text, and a link.\n

\n\n

\n Here's some inline code and a code block:\n

\n\n

\n          console.log('Hello, World!');\n

\n\n

\n This is a blockquote. It's styled automatically.\n

\n\n

Unordered list item 1
Unordered list item 2
Unordered list item 3

\n\n

Ordered list item 1
Ordered list item 2
Ordered list item 3

\n

\n\n

\n

Buttons

\n\n

Variants

\n

\n \n \n \n \n \n \n

\n\n

Sizes

\n

\n \n \n \n \n

\n\n

States

\n

\n \n \n

\n\n

As Link

\n \n Link as Button\n \n

\n\n

\n

Form elements

\n

\n

\n

Form in a card

\n

\n\n

\n

\n Email\n \n

\n\n

\n User id (read only)\n \n

\n\n

\n Random disabled input\n \n

\n\n

\n About me\n \n \n

\n\n

\n \n Remember me\n

\n\n

\n \n \n Is this checkbox inside a <label> element?\n \n

\n\n

\n

\n Choose a cardinal direction:\n\n

\n \n North\n

\n\n

\n \n East\n

\n\n

\n \n South\n

\n\n

\n \n West\n

\n

\n

\n\n \n\n \n {\" \"}\n Switch{\" \"}\n \n \n {\" \"}\n Switch{\" \"}\n \n\n \n

\n

\n

\n\n

\n

\n

\n

Today is the Lord's day

\n

Fart

\n

\n

I can put whatever info I want in here

\n \n

\n

\n\n

\n Default\n \n Secondary\n \n \n \n Outline\n \n \n \n Destructive\n \n

\n\n

\n

\n This is an `.x-stack`\n

\n New\n

\n\n

\n

\n This is a `.y-stack`\n

\n New\n

\n\n

\n

Spinner

\n

\n All you need to do is add aria-busy=\"true\"{\" \"}\n to any element\n

\n

\n

\n And, if you want an overlay, you'll need to also add{\" \"}\n data-variant=\"overlay\"\n

\n

\n

\n

This is a card

\n

\n

\n

All the things and contents in here

\n

\n

\n

\n\n

\n

Item

\n\n

\n

\n

Basic Item

\n

A simple item with title and description.

\n

\n\n \n

\n\n \n \n \n \n

\n

Link Item

\n

Another simple item with title and description.

\n

\n \n \n \n \n

\n\n

\n

Accordion

\n\n

\n

What is an accordion?

\n

All I know is that it plays music...

\n

\n\n

\n

\n

What is Sensible UI?

\n

\n

\n Think \"shadcn/ui\" as a semantic CSS library. We are a fork of\n BasecoatCSS and influenced by Oat\n

\n

\n\n {/* @ts-ignore - name is a property */}\n

\n

Can you have a connected accordion?

\n

Yep!

\n

\n\n {/* @ts-ignore - name is a property */}\n

\n

Who lives in a pineapple under the sea?

\n

I'm afraid that's copyrighted.

\n

\n

\n

\n );\n },\n};\n\nconst app = new Hono();\n\napp.get(\"/\", (c: Context) => {\n // mono-jsx's returns a Response — just return it directly\n return (\n \n \n \n \n\n \n

\n

404

\n

Merp... No comprehend

\n

\n \n \n );\n});\n\nexport default app.fetch;","deleted","label",[102],"permalink","https://www.val.town/x/cameronpak/mono-jsx-internal-anchor-link-reproduction/code/index.tsx","extension","actionData","errors"]