@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. The components use only this preset's tokens; add "@pandacss/preset-panda" before it only if your own styles use Panda's stock tokens:

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

export default defineConfig({
	presets: [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";