{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "table", "type": "registry:item", "title": "aesthetic Table", "description": "Aesthetic Table primitive, v0.25.0. Installs ae-item, ae-plate, ae-plate-cap, ae-plate-note, ae-table without the full stylesheet.", "registryDependencies": [ "https://aesthetic.mistystep.io/r/aesthetic-base.json" ], "meta": { "version": "0.25.0", "tier": "primitive", "route": "table", "classes": [ "ae-item", "ae-plate", "ae-plate-cap", "ae-plate-note", "ae-table" ], "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-ink-muted", "--ae-line", "--ae-ink-muted-dark", "--ae-line-dark", "--ae-w-medium", "--ae-space-3", "--ae-space-4" ], "recipes": [] }, "files": [ { "path": "registry/table/aesthetic.table.css", "type": "registry:file", "target": "~/aesthetic.table.css", "content": "/* aesthetic table v0.25.0 — generated by scripts/build-registry.mjs. */\n@import './aesthetic.base.css';\n\n:root {\n --ae-ink-muted: #737373;\n --ae-line: #e9e9e9;\n --ae-ink-muted-dark: #8f8f8f;\n --ae-line-dark: #262626;\n --ae-w-medium: 550;\n --ae-space-3: 0.75em;\n --ae-space-4: 1em;\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not(.light):not([data-ae-mode='light']) {\n --ae-ink-muted: var(--ae-ink-muted-dark);\n --ae-line: var(--ae-line-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-ink-muted: var(--ae-ink-muted-dark);\n --ae-line: var(--ae-line-dark);\n}\n\n.ae-item {\nfont-weight: var(--ae-w-medium);\n}\n\n.ae-table {\nwidth: 100%;\n border-collapse: collapse;\n font-family: var(--ae-font-mono);\n font-size: 13px;\n line-height: 1.7;\n}\n\n.ae-table th {\ntext-align: left;\n font-weight: var(--ae-w-regular);\n letter-spacing: 0.08em;\n color: var(--ae-ink);\n background: var(--ae-wash);\n padding: 0.45em 1.4em 0.45em 0.7em;\n}\n\n.ae-table td {\nborder-top: 1px solid var(--ae-line);\n padding: 0.42em 1.4em 0.42em 0.7em;\n}\n\n.ae-table tbody tr:first-child td {\nborder-top: 0;\n}\n\n.ae-table .num {\ntext-align: right;\n}\n\n.ae-table .ae-item {\nfont-weight: var(--ae-w-medium);\n}\n\n@media (max-width: 40rem) {\n .ae-table:has(td[data-label]) {\n display: block;\n }\n\n .ae-table:has(td[data-label]) thead {\n display: none;\n }\n\n .ae-table:has(td[data-label]) tbody,\n .ae-table:has(td[data-label]) tr,\n .ae-table:has(td[data-label]) td {\n display: block;\n }\n\n .ae-table:has(td[data-label]) tbody tr {\n border-top: 1px solid var(--ae-line);\n padding: 0.55em 0;\n }\n\n .ae-table:has(td[data-label]) tbody tr:first-child {\n border-top: 0;\n }\n\n .ae-table:has(td[data-label]) td {\n border-top: 0;\n padding: 0.16em 0;\n display: grid;\n grid-template-columns: minmax(7em, 0.45fr) minmax(0, 1fr);\n gap: var(--ae-space-3);\n text-align: left;\n white-space: normal;\n overflow-wrap: anywhere;\n }\n\n .ae-table:has(td[data-label]) td::before {\n content: attr(data-label);\n color: var(--ae-ink-faint);\n font-weight: var(--ae-w-regular);\n letter-spacing: 0.08em;\n text-align: left;\n }\n\n .ae-table:has(td[data-label]) td.num {\n text-align: right;\n }\n}\n\n.ae-plate {\nborder: 1px solid var(--ae-line);\n padding: 1.4em 1.6em 1.2em;\n}\n\n.ae-plate-cap {\nfont-family: var(--ae-font-mono);\n font-size: 11px;\n letter-spacing: 0.14em;\n color: var(--ae-ink-muted);\n margin-bottom: var(--ae-space-4);\n}\n\n.ae-plate-note {\nfont-size: 13px;\n color: var(--ae-ink-faint);\n border-top: 1px solid var(--ae-line);\n padding-top: 0.8em;\n margin-top: 1.1em;\n}\n" } ] }