Catalog and registry

import {
  defineCatalog,
  defineComponent,
  defineRegistry,
  defineRUI,
} from "@rixx-ui/react";

interface WeatherProps {
  location: string;
  temperature: number;
}

export const catalog = defineCatalog({
  id: "acme.weather@0.1",
  components: {
    WeatherCard: defineComponent<WeatherProps>({
      category: "data",
      description: "Current weather for one location.",
      keywords: ["weather", "forecast"],
      propsSchema: {
        type: "object",
        additionalProperties: false,
        properties: {
          location: { type: "string" },
          temperature: { type: "number" },
        },
        required: ["location", "temperature"],
      },
    }),
  },
});

const registry = defineRegistry(catalog, {
  WeatherCard: ({ props }) => (
    <article>
      <strong>{props.location}</strong>: {props.temperature} C
    </article>
  ),
});

export const rui = defineRUI({ catalog, registry });