@selvajs/ui

Shared Svelte components, utilities, and theme system for Selva applications.

Installation

pnpm add @selvajs/ui

Peer dependencies required: svelte ^5, @sveltejs/kit ^2, bits-ui ^2, tailwind-variants ^3, @selvajs/compute ^1

Usage

<script lang="ts">
	import { Button, Card, Input } from '@selvajs/ui';
</script>

import { cn, debounce, themeStore } from '@selvajs/ui';

Styles

In your app.css:

@import '@selvajs/ui/styles/base.css';

Themes are available under @selvajs/ui/styles/themes/*.

Generated Types

import type { UISchema } from '@selvajs/ui';

Types are generated from packages/schemas/ui-schema.json. After modifying the schema, run:

cd packages/schemas && pnpm run generate:all