@cerberus-design/react/dist/system/index.d.cts

The Cerberus Design React component library.

import { CerberusPrimitive } from './primitive-factory';
import { CerberusFactory, CerberusPrimitiveRecipe } from './types';
/**
 * This module contains the user interface for creating Cerberus primitives.
 * @module @cerberus/core/system/create-cerb-primitive
 */
/**
 * A factory function that creates a Cerberus primitive instance with the given
 * recipe.
 * @param recipe
 * @returns An object with three methods: `withNoRecipe`, `withRecipe`, and `withSlotRecipe` that
 * apply the recipes and special Cerberus helpers like `css`.
 *
 * @example
 * ```tsx
 * const { withRecipe } = createCerberusPrimitive(myCustomRecipe);
 * export const Button = withRecipe(MyCustomButton)
 * ```
 */
export declare function createCerberusPrimitive<T extends CerberusPrimitiveRecipe>(recipe?: T): CerberusPrimitive;
/**
 * A utility function to access Cerberus components by their name.
 * @param component - The name of the Cerberus component to access.
 * @returns The Cerberus component corresponding to the provided name.
 * @throws An error if the component name is not valid.
 *
 * @example
 * ```tsx
 * import { cerberus } from '@cerberus/react'
 * const Button = cerberus('button')
 *
 * <Button css={{ color: 'blue' }} asChild>
 *  <Link href="/some-page">Click me</Link>
 * </Button>
 * ```
 */
export declare const cerberus: CerberusFactory;
export * from './types';