{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "plot", "type": "registry:item", "title": "aesthetic Plot", "description": "Aesthetic Plot primitive, v0.25.0. Installs ae-err, ae-ok, ae-plot, ae-plot-axis, ae-plot-dot, ae-plot-frontier, ae-plot-glyph, ae-warn without the full stylesheet.", "registryDependencies": [ "https://aesthetic.mistystep.io/r/aesthetic-base.json" ], "meta": { "version": "0.25.0", "tier": "primitive", "route": "plot", "classes": [ "ae-err", "ae-ok", "ae-plot", "ae-plot-axis", "ae-plot-dot", "ae-plot-frontier", "ae-plot-glyph", "ae-warn" ], "attributes": [], "tokens": [ "--ae-surface", "--ae-wash", "--ae-ink", "--ae-ink-faint", "--ae-accent", "--ae-surface-dark", "--ae-wash-dark", "--ae-ink-dark", "--ae-ink-faint-dark", "--ae-accent-dark", "--ae-font", "--ae-font-mono", "--ae-w-regular", "--ae-ease", "--ae-quick", "--ae-line", "--ae-ok", "--ae-warn", "--ae-err", "--ae-line-dark", "--ae-ok-dark", "--ae-warn-dark", "--ae-err-dark", "--ae-soft" ], "recipes": [] }, "files": [ { "path": "registry/plot/aesthetic.plot.css", "type": "registry:file", "target": "~/aesthetic.plot.css", "content": "/* aesthetic plot v0.25.0 — generated by scripts/build-registry.mjs. */\n@import './aesthetic.base.css';\n\n:root {\n --ae-line: #e9e9e9;\n --ae-ok: #15714b;\n --ae-warn: #8a5f32;\n --ae-err: #a84138;\n --ae-line-dark: #262626;\n --ae-ok-dark: #6fd2a8;\n --ae-warn-dark: #c49d72;\n --ae-err-dark: #e58379;\n --ae-soft: 240ms;\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not(.light):not([data-ae-mode='light']) {\n --ae-line: var(--ae-line-dark);\n --ae-ok: var(--ae-ok-dark);\n --ae-warn: var(--ae-warn-dark);\n --ae-err: var(--ae-err-dark);\n }\n}\n\n.light,\n[data-ae-mode='light'] {\n color-scheme: light;\n}\n\n:root.dark,\n:root[data-ae-mode='dark'] {\n color-scheme: dark;\n --ae-line: var(--ae-line-dark);\n --ae-ok: var(--ae-ok-dark);\n --ae-warn: var(--ae-warn-dark);\n --ae-err: var(--ae-err-dark);\n}\n\n.ae-ok {\ncolor: var(--ae-ok);\n}\n\n.ae-warn {\ncolor: var(--ae-warn);\n}\n\n.ae-err {\ncolor: var(--ae-err);\n}\n\n.ae-plot {\ndisplay: block;\n width: 100%;\n height: auto;\n font-family: var(--ae-font-mono);\n}\n\n.ae-plot-axis {\nfill: none;\n stroke: var(--ae-line);\n stroke-width: 1;\n}\n\n.ae-plot-frontier {\nfill: none;\n stroke: var(--ae-ink);\n stroke-width: 1.5;\n stroke-dasharray: 5 4;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.ae-plot-dot {\nfill: var(--ae-ink);\n transition: fill var(--ae-soft) var(--ae-ease);\n}\n\n.ae-plot-dot.is-dominated {\nfill: var(--ae-ink-faint);\n}\n\n.ae-plot-dot.is-chosen {\nfill: var(--ae-accent);\n}\n\n.ae-plot-glyph {\nfill: none;\n stroke: var(--ae-ink);\n stroke-width: 2;\n stroke-linecap: round;\n}\n\n.ae-plot-glyph.ae-ok {\nstroke: var(--ae-ok);\n}\n\n.ae-plot-glyph.ae-warn {\nstroke: var(--ae-warn);\n}\n\n.ae-plot-glyph.ae-err {\nstroke: var(--ae-err);\n}\n" } ] }