{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "meta",
  "title": "Meta",
  "description": "A frame row: small words held apart by hairlines that stretch to fill the row.",
  "registryDependencies": [
    "https://thedirectors.agency/ui/r/0nlytype.json"
  ],
  "files": [
    {
      "path": "registry/0nlytype/ui/meta.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype MetaProps = React.ComponentProps<\"div\"> & {\n  /** proportional sizes each hairline by the interval in `at`; credits sets MetaItems as labelled columns under one rule. */\n  variant?: \"proportional\" | \"credits\"\n  /** For proportional: where each child stands (a year, a minute), so the hairline between two is as long as their interval. */\n  at?: number[]\n}\n\n/** A frame row: small words held apart by hairlines. A hairline goes between each child (not in credits). */\nfunction Meta({ className, variant, at, children, ...props }: MetaProps) {\n  const items = React.Children.toArray(children)\n  return (\n    <div data-slot=\"meta\" data-variant={variant} className={cn(\"ot-meta\", className)} {...props}>\n      {items.map((child, i) => (\n        <React.Fragment key={i}>\n          {i > 0 && variant !== \"credits\" ? (\n            <hr\n              aria-hidden=\"true\"\n              style={variant === \"proportional\" && at?.[i] != null && at[i - 1] != null ? ({ \"--ot-span\": Math.max(at[i] - at[i - 1], 0) } as React.CSSProperties) : undefined}\n            />\n          ) : null}\n          {child}\n        </React.Fragment>\n      ))}\n    </div>\n  )\n}\n\n/** One fact in a credits row: a small label over its value. */\nfunction MetaItem({ className, label, children, ...props }: React.ComponentProps<\"span\"> & { label: React.ReactNode }) {\n  return (\n    <span data-slot=\"meta-item\" className={cn(\"ot-meta-item\", className)} {...props}>\n      <span className=\"ot-meta-label\">{label}</span> <span>{children}</span>\n    </span>\n  )\n}\n\nexport { Meta, MetaItem, type MetaProps }\n",
      "type": "registry:ui"
    }
  ],
  "meta": {
    "movement": "IV",
    "underneath": "native",
    "contract": "ot-meta"
  },
  "type": "registry:ui"
}