{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "AspectRatio",
  "dependencies": [
    "cn",
    "rescript-base-ui"
  ],
  "files": [
    {
      "path": "registry/base/ui/AspectRatio.res",
      "content": "@@jsxConfig({version: 4, mode: \"automatic\", module_: \"BaseUi.BaseUiJsxDOM\"})\n\n@module(\"cn\")\nexternal cn: (string, option<string>) => string = \"cn\"\n\ntype props = {ratio: float, ...BaseUi.Types.DomProps.t}\nlet toDomProps: props => BaseUi.Types.DomProps.t = %raw(`({ratio, ...props}) => props`)\n\n@react.componentWithProps(props)\nlet make = (props: props) =>\n  <div\n    {...props->toDomProps}\n    style={props.style->Option.getOr(ReactDOM.Style.unsafeAddStyle({}, {\"--ratio\": props.ratio}))}\n    dataSlot={props.dataSlot->Option.getOr(\"aspect-ratio\")}\n    className={cn(\"relative aspect-(--ratio)\", props.className)}\n  />\n",
      "type": "registry:file",
      "target": "@ui/AspectRatio.res"
    }
  ],
  "type": "registry:ui"
}