# GramproKit

> Documentation for the GramproKit 2.0.0 beta components — rebuilt for React 19 with no peer dependencies.

Components are copy-in blocks: `npx gbs-add-block@latest -a <Component>` copies the source into your project, so you own and can edit the code. Each component ships a `styles.css` that is imported once. The 2.0.0 components are in beta and their APIs may change.

Every page below is also available as plain Markdown by adding `.md` to its URL.

## General

- [Theming](https://gramprokit.vercel.app/2.0.0-beta/theming.md): One set of --gbs-* variables on :root themes every component at once, with per-component and per-section overrides when you need them.
- [Button](https://gramprokit.vercel.app/2.0.0-beta/button.md): Primary, secondary, outline, ghost, danger and link buttons in three sizes, with a loading state that manages itself.
- [Card](https://gramprokit.vercel.app/2.0.0-beta/card.md): A surface that groups related content, with header, body and footer, plus Stat for a single figure and its trend.

## Data

- [Data Grid](https://gramprokit.vercel.app/2.0.0-beta/datagrid.md): A virtualized data grid for React 19 that stays fast with 100,000+ rows, in client or server mode.

## Inputs

- [Input](https://gramprokit.vercel.app/2.0.0-beta/input.md): Input and OtpInput — a text field with label, hint, error and adornments, plus a one-time-code field phones can fill from an SMS.
- [Textarea](https://gramprokit.vercel.app/2.0.0-beta/textarea.md): A multi-line text field with label, hint, error and character counter that can grow with its text.
- [Checkbox](https://gramprokit.vercel.app/2.0.0-beta/checkbox.md): Checkbox and CheckboxGroup — the native checkbox, restyled, with labels, hints, errors, a mixed state and select all.
- [Combobox](https://gramprokit.vercel.app/2.0.0-beta/combobox.md): Select and MultiSelect — searchable comboboxes for one or many values, with options in the browser or from an API.
- [Date Picker](https://gramprokit.vercel.app/2.0.0-beta/datepicker.md): DatePicker and DateRangePicker — a text field people can type into, plus a calendar that works from the keyboard.
- [File Uploader](https://gramprokit.vercel.app/2.0.0-beta/fileuploader.md): Drop, browse or paste files, validate them, and upload in chunks that can pause, resume and retry.

## Navigation

- [Breadcrumb](https://gramprokit.vercel.app/2.0.0-beta/breadcrumb.md): Shows where a page sits in your app, collapses long trails, works with your router's links and can publish structured data.
- [Tabs](https://gramprokit.vercel.app/2.0.0-beta/tabs.md): Accessible tabs in underline, pill or segmented styles, horizontal or vertical, with panels that can keep their state.

## Overlays

- [Dialog](https://gramprokit.vercel.app/2.0.0-beta/dialog.md): Alert, confirm and prompt dialogs you call from any event handler and await — no open state to manage.
- [Modal](https://gramprokit.vercel.app/2.0.0-beta/modal.md): Forms, details and drawers above the page, built on the native dialog element with focus and dismiss handled for you.
- [Menu](https://gramprokit.vercel.app/2.0.0-beta/menu.md): A menu of commands with arrow keys, typeahead, checkbox and radio items and submenus, following the WAI-ARIA menu button pattern.
- [Tooltip](https://gramprokit.vercel.app/2.0.0-beta/tooltip.md): A short label on hover or keyboard focus, with a delay, Escape to dismiss, and the accessibility rules a tooltip has to follow.
- [Popover](https://gramprokit.vercel.app/2.0.0-beta/popover.md): A panel anchored to the control that opens it, in the top layer, with light dismiss, Escape and focus returned to the trigger.

## Feedback

- [Spinner](https://gramprokit.vercel.app/2.0.0-beta/spinner.md): A loading indicator on its own, beside a label or covering content, with a delay and minimum time so it never flickers.
- [Toaster](https://gramprokit.vercel.app/2.0.0-beta/toaster.md): Short notifications you mount once and call from anywhere — no hook, context or provider.
- [Skeleton](https://gramprokit.vercel.app/2.0.0-beta/skeleton.md): Placeholders in the shape of the content that is loading, plus an Empty state for when there is nothing to show.

## Malayalam (മലയാളം)

- [തീമിംഗ്](https://gramprokit.vercel.app/2.0.0-beta/ml/theming.md): :root-ൽ ഒരു കൂട്ടം --gbs-* വേരിയബിളുകൾ എല്ലാ കമ്പോണന്റുകളും ഒരുമിച്ച് തീം ചെയ്യുന്നു, ആവശ്യമുള്ളപ്പോൾ ഓരോ കമ്പോണന്റിനും ഓരോ വിഭാഗത്തിനും വേണ്ടിയുള്ള ഓവർറൈഡുകളോടുകൂടി.
- [ബട്ടൺ](https://gramprokit.vercel.app/2.0.0-beta/ml/button.md): മൂന്ന് സൈസുകളിൽ പ്രൈമറി, സെക്കൻഡറി, ഔട്ട്‌ലൈൻ, ഗോസ്റ്റ്, ഡേഞ്ചർ, ലിങ്ക് ബട്ടണുകൾ, സ്വയം കൈകാര്യം ചെയ്യുന്ന ഒരു ലോഡിംഗ് സ്റ്റേറ്റോടുകൂടി.
- [ബ്രെഡ്‌ക്രമ്പ്](https://gramprokit.vercel.app/2.0.0-beta/ml/breadcrumb.md): നിങ്ങളുടെ ആപ്പിൽ ഒരു പേജ് എവിടെ നിൽക്കുന്നു എന്ന് കാണിക്കുന്നു, നീണ്ട ട്രെയിലുകൾ ചുരുക്കുന്നു, നിങ്ങളുടെ റൗട്ടറിന്റെ ലിങ്കുകളുമായി പ്രവർത്തിക്കുന്നു, ഘടനാപരമായ ഡാറ്റ (structured data) പ്രസിദ്ധീകരിക്കാനും കഴിയും.

## Optional

- [All 2.0.0-beta docs in one file](https://gramprokit.vercel.app/llms-full.txt): Every English component page above, concatenated.
- [2.0.0-beta overview](https://gramprokit.vercel.app/2.0.0-beta): Landing page with the component list and migration notes.
- [1.x documentation](https://gramprokit.vercel.app/docs/getting-started): Docs for the previous major version.