apiVersion: capsule.dev/v0.1
kind: Capsule
name: scnmnt-web-ui-components
version: 0.1.0
type: library
purpose:
  summary: 'Provides a collection of generic, reusable UI components based on shadcn/ui
    and Tailwind CSS. These components form the visual building blocks for the frontend
    application, offering a consistent design system.

    '
  owns:
  - Basic UI elements like buttons, cards, inputs, labels, selects, etc.
  - Tailwind CSS configuration and global styles
  - Shadcn/ui configuration and aliases
  does_not_own:
  - Application-specific logic or state management
  - Branding or content specific to SceneMint
  - Backend API interactions
interfaces:
  provides:
  - kind: library
    name: React UI Components
    description: A set of generic React components for building user interfaces.
  requires:
  - kind: library
    name: React
    description: Frontend framework for building components.
  - kind: library
    name: Tailwind CSS
    description: Utility-first CSS framework for styling.
agent:
  summary_for_ai: 'An agent working on this capsule would focus on maintaining and
    extending the UI component library. They should be proficient in React, TypeScript,
    and Tailwind CSS, ensuring components are accessible, performant, and adhere to
    the design system.

    '
  avoid:
  - Introducing application-specific logic or state
  - Hardcoding business-specific text or branding
verification:
  invariants:
  - All components must be accessible and responsive.
  - Components must adhere to the established design tokens and visual style.
x-reuse:
  notes: 'This capsule relies on a Tailwind CSS setup and `shadcn/ui` conventions.
    The `components.json` file defines aliases and styling configuration specific
    to `shadcn/ui` which would need to be adapted if moving to a different UI library
    or setup. `global.css` contains base styles that are part of the design system.

    '
x-reconstruct:
  install: install.json