{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "meter",
  "type": "registry:item",
  "title": "aesthetic Meter",
  "description": "Aesthetic Meter primitive, v0.25.0. Installs ae-meter, ae-meter-fill, ae-meter-mark, ae-warn without the full stylesheet.",
  "registryDependencies": [
    "https://aesthetic.mistystep.io/r/aesthetic-base.json"
  ],
  "meta": {
    "version": "0.25.0",
    "tier": "primitive",
    "route": "meter",
    "classes": ["ae-meter", "ae-meter-fill", "ae-meter-mark", "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-ink-muted",
      "--ae-line",
      "--ae-warn",
      "--ae-ink-muted-dark",
      "--ae-line-dark",
      "--ae-warn-dark",
      "--ae-gentle"
    ],
    "recipes": []
  },
  "files": [
    {
      "path": "registry/meter/aesthetic.meter.css",
      "type": "registry:file",
      "target": "~/aesthetic.meter.css",
      "content": "/* aesthetic meter 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-warn: #8a5f32;\n  --ae-ink-muted-dark: #8f8f8f;\n  --ae-line-dark: #262626;\n  --ae-warn-dark: #c49d72;\n  --ae-gentle: 480ms;\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    --ae-warn: var(--ae-warn-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  --ae-warn: var(--ae-warn-dark);\n}\n\n.ae-warn {\ncolor: var(--ae-warn);\n}\n\n.ae-meter {\nposition: relative;\n  height: 4px;\n  background: var(--ae-wash);\n  border: 1px solid var(--ae-line);\n}\n\n.ae-meter-fill {\nposition: absolute;\n  inset: 0 auto 0 0;\n  background: var(--ae-ink);\n  transition: width var(--ae-gentle) var(--ae-ease);\n}\n\n.ae-meter-fill.ae-warn {\nbackground: var(--ae-warn);\n}\n\n.ae-meter-mark {\nposition: absolute;\n  top: -3px;\n  bottom: -3px;\n  width: 1px;\n  background: var(--ae-ink-muted);\n}\n"
    }
  ]
}