qstd/dist/preset/index.d.ts

Standard Block component and utilities library with Panda CSS

import { Preset } from '@pandacss/dev';

/**
 * QSTD PRESET - Single Source of Truth for Styles
 *
 * This preset is exported to consumers and also used by qstd's own panda.config.ts.
 * It contains all style definitions that should be shared with consumers:
 * - globalCss: Root styles and html defaults
 * - theme: Semantic tokens, breakpoints, keyframes
 * - conditions: Custom selectors (dark mode, hover, focus, etc.)
 * - utilities: All custom utilities (flex, grid, rounded, etc.)
 *
 * USAGE IN CONSUMER PROJECTS:
 * ```typescript
 * // panda.config.ts
 * import qstdPreset from "qstd/preset";
 * export default defineConfig({
 *   presets: ["@pandacss/dev/presets", qstdPreset],
 *   include: ["./src/**\/*.{ts,tsx}"]
 * });
 * ```
 *
 * USAGE IN QSTD ITSELF:
 * The qstd panda.config.ts imports this same preset to avoid duplicating
 * style definitions. This ensures consistency between development and
 * what consumers receive.
 *
 * IMPORTANT: This preset should be used WITH Panda's base preset:
 * presets: ["@pandacss/dev/presets", qstdPreset]
 *
 * If you only use [qstdPreset], you'll lose Panda's default colors and tokens!
 *
 * DEPENDENCIES:
 * - Requires @pandacss/dev/presets for base colors (neutral, red, blue, etc.)
 * - Order matters: base preset must come first to provide foundational tokens
 */
declare const preset: Preset;

export { preset as default };