{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "waiting", "type": "registry:item", "title": "aesthetic Waiting", "description": "Aesthetic Waiting primitive, v0.25.0. Installs ae-button, ae-button-quiet, ae-chrome, ae-dim, ae-empty, ae-item, ae-skeleton without the full stylesheet.", "registryDependencies": [ "https://aesthetic.mistystep.io/r/aesthetic-base.json" ], "meta": { "version": "0.25.0", "tier": "primitive", "route": "waiting", "classes": [ "ae-button", "ae-button-quiet", "ae-chrome", "ae-dim", "ae-empty", "ae-item", "ae-skeleton" ], "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-radius", "--ae-space-2" ], "recipes": [] }, "files": [ { "path": "registry/waiting/aesthetic.waiting.css", "type": "registry:file", "target": "~/aesthetic.waiting.css", "content": "/* aesthetic waiting 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-radius: 0;\n --ae-space-2: 0.5em;\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-chrome {\nfont-size: 13px;\n color: var(--ae-ink-muted);\n}\n\n.ae-chrome a {\ncolor: var(--ae-ink-muted);\n text-decoration: none;\n}\n\n.ae-chrome a:hover {\ncolor: var(--ae-ink);\n}\n\n.ae-item {\nfont-weight: var(--ae-w-medium);\n}\n\n.ae-dim {\ncolor: var(--ae-ink-muted);\n}\n\n.ae-button {\ndisplay: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--ae-space-2);\n background: var(--ae-ink);\n border: 1px solid var(--ae-ink);\n border-radius: var(--ae-radius);\n color: var(--ae-surface);\n font-weight: var(--ae-w-medium);\n padding: 0.55em 1.5em;\n min-height: 44px;\n cursor: pointer;\n transition:\n opacity var(--ae-quick) var(--ae-ease),\n background-color var(--ae-quick) var(--ae-ease),\n transform var(--ae-quick) var(--ae-ease);\n}\n\n.ae-button:hover {\nopacity: 0.9;\n}\n\n.ae-button:active {\ntransform: translateY(1px) scale(0.99);\n}\n\n.ae-button:disabled {\ncursor: default;\n opacity: 0.7;\n transform: none;\n}\n\n.ae-button-quiet {\nbackground: transparent;\n color: var(--ae-ink);\n}\n\n.ae-button-quiet:hover {\nbackground: var(--ae-wash);\n opacity: 1;\n}\n\n.ae-skeleton {\ndisplay: block;\n background: var(--ae-wash);\n color: transparent;\n pointer-events: none;\n user-select: none;\n}\n\n.ae-skeleton * {\nvisibility: hidden;\n}\n\n.ae-empty {\npadding: 2.4em 0;\n border-block: 1px solid var(--ae-line);\n}\n\n.ae-empty > p {\nmargin-bottom: 0.15em;\n}\n\n.ae-empty .ae-button {\nmargin-top: 1.2em;\n}\n" } ] }