{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "panel", "type": "registry:item", "title": "aesthetic Panel", "description": "Aesthetic Panel primitive, v0.25.0. Installs ae-panel without the full stylesheet.", "registryDependencies": [ "https://aesthetic.mistystep.io/r/aesthetic-base.json" ], "meta": { "version": "0.25.0", "tier": "primitive", "route": "panel", "classes": ["ae-panel"], "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-space-6" ], "recipes": [] }, "files": [ { "path": "registry/panel/aesthetic.panel.css", "type": "registry:file", "target": "~/aesthetic.panel.css", "content": "/* aesthetic panel v0.25.0 — generated by scripts/build-registry.mjs. */\n@import './aesthetic.base.css';\n\n:root {\n --ae-space-6: 2em;\n}\n\n.light,\n[data-ae-mode='light'] {\n color-scheme: light;\n}\n\n.ae-panel {\nbackground: var(--ae-surface);\n padding: var(--ae-space-6);\n box-shadow:\n 0 1px 2px rgba(0, 0, 0, 0.04),\n 0 8px 28px rgba(0, 0, 0, 0.06);\n}\n\n.dark .ae-panel,\n[data-ae-mode='dark'] .ae-panel {\nbackground: var(--ae-wash);\n box-shadow: none;\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not(.light):not([data-ae-mode='light']) .ae-panel {\n background: var(--ae-wash);\n box-shadow: none;\n }\n}\n" } ] }