@ciridae/ui

Ciridae React components and Panda preset.

Install from npm:

npm install @ciridae/ui

Use the published package for new and updated consumers.

Panda generates the component styles in your app. Add the preset, scan the package output, and recognise its css import alias:

// panda.config.ts
import { ciridaePreset } from "@ciridae/ui/preset";
import { defineConfig } from "@pandacss/dev";

export default defineConfig({
    presets: ["@pandacss/preset-panda", ciridaePreset],
    importMap: { css: ["#primitives/css", "styled-system/css"] },
    include: ["./src/**/*.{ts,tsx}", "./node_modules/@ciridae/ui/dist/**/*.js"],
});

Import the base stylesheet once at the application root:

import "@ciridae/ui/styles.css";