{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "veritheme", "homepage": "https://veritheme.com", "items": [ { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "base", "type": "registry:item", "title": "Veritheme base", "description": "Veritheme design tokens (all themes, light + dark), element resets, and vt- utility classes. Required by every Veritheme component.", "files": [ { "path": "r/styles/base.css", "type": "registry:file", "target": "~/styles/veritheme/base.css" } ], "docs": "Import styles/veritheme/base.css once (e.g. in your root layout or global CSS).\nDark mode: add class \"dark\" to . Themes: data-theme=\"default\" | \"editorial\" | \"rounded-sans\" on .\nFonts are not bundled — load Inter (default), Source Serif 4 (editorial), or Manrope (rounded-sans) yourself.", "categories": [ "tokens" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "button", "type": "registry:component", "title": "Button", "description": "Trigger for actions and navigation. Seven visual variants (primary, secondary, bordered, clear, danger, link, ghost), three sizes (sm, md, lg), icon-only mode. Uses CSS slot API (--btn-* vars) for per-instance customization. When to use: Reach for a button for any clickable action, including low-emphasis text actions. Keep one primary button per view — secondary actions use bordered or ghost. Don't use a button for inline navigation inside text; use a link instead.", "files": [ { "path": "r/styles/button.css", "type": "registry:file", "target": "~/styles/veritheme/button.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/button.css after base.css.\n\nUsage:\n\n\n\n\n\n", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "badge", "type": "registry:component", "title": "Badge", "description": "Inline label. Two styles (filled, bordered) x five colors, single small size; optional 14x14 leading icon (badge height stays 24px). When to use: Static status or category tag (Paid, Active, Feature). Soft style for table/list statuses. NOT clickable; counts → count-badge; removable/selectable tokens → chip; standalone rounded label → pill.", "files": [ { "path": "r/styles/badge.css", "type": "registry:file", "target": "~/styles/veritheme/badge.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/badge.css after base.css.\n\nUsage:\n

\n Primary\n Secondary\n Info\n Danger\n Success\n Warning\n

\n Primary\n Info\n Danger\n Success\n

\n Primary\n Secondary\n Info\n Danger\n Success\n Warning\n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "pill", "type": "registry:component", "title": "Pill", "description": "Rounded pill label for compact tags and filters. When to use: Standalone rounded label for emphasis (plan names, hero eyebrows). NOT for statuses in tables → badge; NOT for counters → count-badge.", "files": [ { "path": "r/styles/pill.css", "type": "registry:file", "target": "~/styles/veritheme/pill.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/pill.css after base.css.\n\nUsage:\nDesign\nBordered", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "kbd", "type": "registry:component", "title": "Kbd", "description": "Keyboard-key chip for shortcuts (⌘K). When to use: Keyboard shortcut keys in docs, menus and search hints.", "files": [ { "path": "r/styles/kbd.css", "type": "registry:file", "target": "~/styles/veritheme/kbd.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/kbd.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "avatar", "type": "registry:component", "title": "Avatar", "description": "User image with fallback initials or icon. Four sizes. Optional status dot. When to use: User/entity identity: photo or initials; sizes sm/md/lg/xl carry built-in text sizing. Decorative icon tiles → icon-badge.", "files": [ { "path": "r/styles/avatar.css", "type": "registry:file", "target": "~/styles/veritheme/avatar.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/avatar.css after base.css.\n\nUsage:\n

\n S\n

\n\n

\n JD\n

\n\n

\n JD\n

\n\n

\n JD\n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "separator", "type": "registry:component", "title": "Separator", "description": "Visual divider. Horizontal or vertical. When to use: Divider between related groups when spacing alone is not enough. Prefer whitespace first.", "files": [ { "path": "r/styles/separator.css", "type": "registry:file", "target": "~/styles/veritheme/separator.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/separator.css after base.css.\n\nUsage:\n

Veritheme

An open-source UI component library.

\n Docs\n Source\n Changelog\n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "skeleton", "type": "registry:component", "title": "Skeleton", "description": "Loading placeholder block shaped like the content it replaces. When to use: Loading placeholder shaped like the coming content — use for lists, cards, tables while data loads. Known-total progress → progress.", "files": [ { "path": "r/styles/skeleton.css", "type": "registry:file", "target": "~/styles/veritheme/skeleton.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/skeleton.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "link", "type": "registry:component", "title": "Link", "description": "Styled anchor element. Default / Hover / Visited. When to use: Inline navigation inside text. NOT for actions → button (text-only action = vt-btn vt-btn-ghost).", "files": [ { "path": "r/styles/link.css", "type": "registry:file", "target": "~/styles/veritheme/link.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/link.css after base.css.\n\nUsage:\nDefault link\nMuted link", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "tooltip", "type": "registry:component", "title": "Tooltip", "description": "Small floating label shown on hover. Appears above trigger by default. When to use: Short text hint on hover for icon-only controls (wrap trigger in vt-tooltip-wrap). NOT for rich/interactive content → popover; never hide critical info in a tooltip.", "files": [ { "path": "r/styles/tooltip.css", "type": "registry:file", "target": "~/styles/veritheme/tooltip.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/tooltip.css after base.css.\n\nUsage:\n\n", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "checkbox", "type": "registry:component", "title": "Checkbox", "description": "Boolean toggle. Supports indeterminate state. When to use: Multiple independent yes/no choices, or agreement rows (with check-label). Single choice from few visible → radio; instant on/off setting → switch.", "files": [ { "path": "r/styles/checkbox.css", "type": "registry:file", "target": "~/styles/veritheme/checkbox.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/checkbox.css after base.css.\n\nUsage:\n\n

\n \n

Accept terms and conditions

You agree to our Terms of Service and Privacy Policy.

\n\n\n\n

\n \n

Marketing emails

Receive emails about new products and features.

\n", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "radio", "type": "registry:component", "title": "Radio", "description": "Radio button with custom circle indicator; group by input name (or [data-group] for the JS-bundle demo pattern). When to use: Single choice among 2–5 visible options. More options → select; on/off → switch.", "files": [ { "path": "r/styles/radio.css", "type": "registry:file", "target": "~/styles/veritheme/radio.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/radio.css after base.css.\n\nUsage:\n\n \n Starter\n\n\n \n Pro\n", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "switch", "type": "registry:component", "title": "Switch", "description": "Toggle between on/off states. When to use: Instant on/off setting that applies immediately (no submit). If applied on save → checkbox.", "files": [ { "path": "r/styles/switch.css", "type": "registry:file", "target": "~/styles/veritheme/switch.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/switch.css after base.css.\n\nUsage:\n

\n \n

Off

\n \n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "rating", "type": "registry:component", "title": "Rating", "description": "Star rating display. Read-only or interactive. SM / MD / LG. When to use: Star ratings display or input.", "files": [ { "path": "r/styles/rating.css", "type": "registry:file", "target": "~/styles/veritheme/rating.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/rating.css after base.css.\n\nUsage:\n

\n \n

", "categories": [ "molecule" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "input", "type": "registry:component", "title": "Input", "description": "Single-line text field. Supports leading/trailing icons, error state, disabled. When to use: Single-line text entry. sm size only in dense toolbars/filters. Always pair with a visible label; helper/error text goes below at 12px (vt-caption).", "files": [ { "path": "r/styles/input.css", "type": "registry:file", "target": "~/styles/veritheme/input.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/input.css after base.css.\n\nUsage:\n", "categories": [ "form" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "textarea", "type": "registry:component", "title": "Textarea", "description": "Multi-line text input. Vertically resizable by default. When to use: Multi-line text entry. Same label/helper rules as input.", "files": [ { "path": "r/styles/textarea.css", "type": "registry:file", "target": "~/styles/veritheme/textarea.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/textarea.css after base.css.\n\nUsage:\n", "categories": [ "form" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "label", "type": "registry:component", "title": "Label", "description": "Form field label with optional required marker. When to use: Form field caption above a control. Group headings inside cards/sidebars → section-label.", "files": [ { "path": "r/styles/label.css", "type": "registry:file", "target": "~/styles/veritheme/label.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/label.css after base.css.", "categories": [ "form" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "otp-input", "type": "registry:component", "title": "OtpInput", "description": "6-cell verification code input. When to use: One-time verification codes, one box per digit.", "files": [ { "path": "r/styles/otp-input.css", "type": "registry:file", "target": "~/styles/veritheme/otp-input.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/otp-input.css after base.css.\n\nUsage:\n

\n \n \n \n \n \n \n

Enter the 6-digit code sent to your email

", "categories": [ "form" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "number-input", "type": "registry:component", "title": "NumberInput", "description": "Numeric field with increment/decrement buttons. When to use: Precise numeric values with +/- steppers. Ranges where exact value matters less → slider.", "files": [ { "path": "r/styles/number-input.css", "type": "registry:file", "target": "~/styles/veritheme/number-input.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/number-input.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

\n \n \n \n

", "categories": [ "form" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "select", "type": "registry:component", "title": "Select", "description": "Dropdown select. Supports groups, disabled options, search. When to use: Single choice among a known small set in a form. Large/searchable lists → combobox; menus of actions → dropdown-menu.", "files": [ { "path": "r/styles/select.css", "type": "registry:file", "target": "~/styles/veritheme/select.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/input.json", "https://veritheme.com/r/separator.json" ], "docs": "Import styles/veritheme/select.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

\n Select a fruit\n \n

\n \n

", "categories": [ "form" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "tabs", "type": "registry:component", "title": "Tabs", "description": "Tabbed content switcher. Two variants: pill (filled) and underline. When to use: Switching content views in place (same page context). Page navigation → nav-item/link; compact display-mode toggles → button-group or mode-btn.", "files": [ { "path": "r/styles/tabs.css", "type": "registry:file", "target": "~/styles/veritheme/tabs.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/tabs.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

\n \n \n \n

Account

Make changes to your account here.

\n \n Name\n \n \n

\n \n Username\n \n \n

\n \n

Password

Change your password here.

\n \n Current password\n \n \n

\n \n New password\n \n \n

\n \n

Settings

Manage your application preferences.

", "categories": [ "navigation" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "breadcrumb", "type": "registry:component", "title": "Breadcrumb", "description": "Navigation trail showing current location in hierarchy. When to use: Where the user IS in a hierarchy. Progress through a flow → stepper.", "files": [ { "path": "r/styles/breadcrumb.css", "type": "registry:file", "target": "~/styles/veritheme/breadcrumb.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/link.json", "https://veritheme.com/r/separator.json" ], "docs": "Import styles/veritheme/breadcrumb.css after base.css.\n\nUsage:\n", "categories": [ "navigation" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "stepper", "type": "registry:component", "title": "Stepper", "description": "Multi-step progress indicator with step numbers, labels, and connecting lines. When to use: Progress through a multi-step flow (checkout, onboarding). Location in hierarchy → breadcrumb.", "files": [ { "path": "r/styles/stepper.css", "type": "registry:file", "target": "~/styles/veritheme/stepper.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/badge.json", "https://veritheme.com/r/separator.json" ], "docs": "Import styles/veritheme/stepper.css after base.css.\n\nUsage:\n

\n \n

\n Account\n

\n \n

\n 2\n

\n Profile\n

\n \n

\n 3\n

\n Preferences\n

\n \n

\n 4\n

\n Complete\n

", "categories": [ "navigation" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "pagination", "type": "registry:component", "title": "Pagination", "description": "Page navigation with prev/next and numbered page buttons. When to use: Navigating pages of long lists/tables. Do not paginate under ~20 items.", "files": [ { "path": "r/styles/pagination.css", "type": "registry:file", "target": "~/styles/veritheme/pagination.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/button.json" ], "docs": "Import styles/veritheme/pagination.css after base.css.\n\nUsage:\n", "categories": [ "navigation" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "section-label", "type": "registry:component", "title": "SectionLabel", "description": "Uppercase 12px group label for sidebars and card sections. When to use: Uppercase 12px group label for sidebar groups and card sections. Form field captions → label.", "files": [ { "path": "r/styles/section-label.css", "type": "registry:file", "target": "~/styles/veritheme/section-label.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/section-label.css after base.css.\n\nUsage:\n

Workspace

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "feature-item", "type": "registry:component", "title": "FeatureItem", "description": "Icon + title + description block for feature grids. When to use: Marketing feature row: icon tile + title + description (landing grids).", "files": [ { "path": "r/styles/feature-item.css", "type": "registry:file", "target": "~/styles/veritheme/feature-item.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/feature-item.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "empty-state", "type": "registry:component", "title": "EmptyState", "description": "Zero-state placeholder with illustration icon, title, description, and CTA button. When to use: No-data view with icon, one-line explanation, and a primary action. Every list/table/board needs one designed.", "files": [ { "path": "r/styles/empty-state.css", "type": "registry:file", "target": "~/styles/veritheme/empty-state.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/button.json" ], "docs": "Import styles/veritheme/empty-state.css after base.css.\n\nUsage:\n

\n \n

No documents

You haven't created any documents yet. Start by creating your first document.

\n \n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "list-item", "type": "registry:component", "title": "ListItem", "description": "List row: leading icon/avatar, text block, trailing metadata or action. When to use: Row with leading icon/avatar, text, trailing meta/actions — the building block of lists inside cards.", "files": [ { "path": "r/styles/list-item.css", "type": "registry:file", "target": "~/styles/veritheme/list-item.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/list-item.css after base.css.\n\nUsage:\n

$\"Mia$

Mia Park

Updated the roadmap

\n Jul 18\n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "toast", "type": "registry:component", "title": "Toast", "description": "Temporary floating notification. Auto-dismiss with progress bar. Success / Error / Warning / Info. When to use: Transient feedback after an action (saved, copied, failed) — auto-dismisses. NOT persistent information → alert or banner.", "files": [ { "path": "r/styles/toast.css", "type": "registry:file", "target": "~/styles/veritheme/toast.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/button.json" ], "docs": "Import styles/veritheme/toast.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

Scheduled: Catch up

Friday, February 14, 2026 at 5:57 PM

\n \n

\n\n

\n \n

Success

Your changes have been saved.

\n\n

\n \n

Error

Something went wrong. Please try again.

\n \n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "banner", "type": "registry:component", "title": "Banner", "description": "Full-width page-level notification. Sticks to top of content area. When to use: Page- or section-level announcement across the top (maintenance, cookie, release). NOT inline field feedback → alert; NOT transient → toast.", "files": [ { "path": "r/styles/banner.css", "type": "registry:file", "target": "~/styles/veritheme/banner.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/button.json" ], "docs": "Import styles/veritheme/banner.css after base.css.\n\nUsage:\n", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "progress", "type": "registry:component", "title": "Progress", "description": "Horizontal progress bar. SM / MD / LG. Multiple color variants. When to use: Determinate progress toward a known total (upload, checklist completion). Unknown-length loading → skeleton.", "files": [ { "path": "r/styles/progress.css", "type": "registry:file", "target": "~/styles/veritheme/progress.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/progress.css after base.css.\n\nUsage:\n

\n\n

25%

\n\n

50%

\n\n

75%

\n\n

100%

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "chip", "type": "registry:component", "title": "Chip", "description": "Filter tag with selected/removable states. When to use: Selectable or removable token: filters, tag inputs, interest pickers (vt-chip-active for selected). NOT for pure read-only status → badge.", "files": [ { "path": "r/styles/chip.css", "type": "registry:file", "target": "~/styles/veritheme/chip.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/chip.css after base.css.\n\nUsage:\nDefault\n\n Selected\n\n\n Removable\n \n\nDisabled", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "toolbar", "type": "registry:component", "title": "Toolbar", "description": "Horizontal bar of action buttons grouped with separators. When to use: Horizontal row of icon actions (each with a tooltip). Vertical navigation → sidebar.", "files": [ { "path": "r/styles/toolbar.css", "type": "registry:file", "target": "~/styles/veritheme/toolbar.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/button.json", "https://veritheme.com/r/separator.json" ], "docs": "Import styles/veritheme/toolbar.css after base.css.\n\nUsage:\n", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "calendar-day", "type": "registry:component", "title": "CalendarDay", "description": "A single day cell of the calendar grid with selected / in-range / muted states. When to use: Day cell inside calendar grids; vt-active = selected (brand).", "files": [ { "path": "r/styles/calendar-day.css", "type": "registry:file", "target": "~/styles/veritheme/calendar-day.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/calendar-day.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "carousel-nav", "type": "registry:component", "title": "CarouselNav", "description": "Round prev/next navigation button for the carousel. When to use: Prev/next buttons and dot indicators for carousels (active dot = brand).", "files": [ { "path": "r/styles/carousel-nav.css", "type": "registry:file", "target": "~/styles/veritheme/carousel-nav.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/carousel-nav.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "color-swatch", "type": "registry:component", "title": "ColorSwatch", "description": "Docs-site internal widget (not part of the shipped library). When to use: Color token preview tile (docs).", "files": [ { "path": "r/styles/color-swatch.css", "type": "registry:file", "target": "~/styles/veritheme/color-swatch.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/color-swatch.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "code-header", "type": "registry:component", "title": "CodeHeader", "description": "Docs-site internal widget (not part of the shipped library). When to use: Header bar above code blocks (filename + copy action).", "files": [ { "path": "r/styles/code-header.css", "type": "registry:file", "target": "~/styles/veritheme/code-header.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/code-header.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "code-inline", "type": "registry:component", "title": "CodeInline", "description": "Inline code chip for short literals inside a sentence. When to use: Inline code fragments inside prose.", "files": [ { "path": "r/styles/code-inline.css", "type": "registry:file", "target": "~/styles/veritheme/code-inline.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/code-inline.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "count-badge", "type": "registry:component", "title": "CountBadge", "description": "Small numeric counter badge (unread counts) for buttons, tabs and nav items. When to use: Numeric counter: unread counts on nav items, icons, tabs. NOT for text statuses → badge.", "files": [ { "path": "r/styles/count-badge.css", "type": "registry:file", "target": "~/styles/veritheme/count-badge.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/count-badge.css after base.css.\n\nUsage:\n

\n \n 3\n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "icon-badge", "type": "registry:component", "title": "IconBadge", "description": "Square or round icon tile (colored fill + centered icon) for lists, stats and brand marks. When to use: Decorative icon tile or app logo (square/round tinted background + icon). Non-interactive — a clickable icon needs vt-btn vt-btn-icon.", "files": [ { "path": "r/styles/icon-badge.css", "type": "registry:file", "target": "~/styles/veritheme/icon-badge.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/icon-badge.css after base.css.\n\nUsage:\n

\n \n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "footer-link", "type": "registry:component", "title": "FooterLink", "description": "Muted footer link with hover state. When to use: Muted footer navigation link.", "files": [ { "path": "r/styles/footer-link.css", "type": "registry:file", "target": "~/styles/veritheme/footer-link.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/footer-link.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "timeline-dot", "type": "registry:component", "title": "TimelineDot", "description": "Colored marker dot on the timeline. When to use: Event marker in activity feeds/timelines (brand dot + connector line).", "files": [ { "path": "r/styles/timeline-dot.css", "type": "registry:file", "target": "~/styles/veritheme/timeline-dot.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/timeline-dot.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "notification-btn", "type": "registry:component", "title": "NotificationBtn", "description": "Icon button with a notification dot/count overlay. When to use: Round 40×40 header button (radius-2xl → reads as a circle) that houses a bell/inbox icon plus a notification-badge overlay. Use ONLY for the notifications/alerts affordance in an app header. Do NOT reuse it as a generic icon button in a toolbar or action row — its circular shape breaks visual consistency with sibling controls (button-group, btn, page-btn). For a plain icon-only action use `vt-page-btn` (square 40×40, radius-lg) or `vt-btn` icon-only so height and radius match its neighbours.", "files": [ { "path": "r/styles/notification-btn.css", "type": "registry:file", "target": "~/styles/veritheme/notification-btn.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/notification-btn.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "check-label", "type": "registry:component", "title": "CheckLabel", "description": "Checkbox/radio + label row wrapper with correct spacing, cursor and disabled dimming. When to use: Clickable row binding a checkbox/radio to its label text — use for agreement lines and checklists.", "files": [ { "path": "r/styles/check-label.css", "type": "registry:file", "target": "~/styles/veritheme/check-label.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/check-label.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "dropdown-wrap", "type": "registry:component", "title": "DropdownWrap", "description": "Relative-positioned wrapper that anchors a dropdown panel to its trigger. When to use: Positioning wrapper that anchors dropdown panels to their trigger.", "files": [ { "path": "r/styles/dropdown-wrap.css", "type": "registry:file", "target": "~/styles/veritheme/dropdown-wrap.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/dropdown-wrap.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "card", "type": "registry:component", "title": "Card", "description": "Content container with optional header, body, footer, badge, and action button. When to use: Grouping surface for related content. Never nest cards — divide inside with spacing or separators; page sections are spacing-separated, not boxed-in-boxes.", "files": [ { "path": "r/styles/card.css", "type": "registry:file", "target": "~/styles/veritheme/card.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/badge.json", "https://veritheme.com/r/button.json", "https://veritheme.com/r/separator.json" ], "docs": "Import styles/veritheme/card.css after base.css.\n\nUsage:\n

\n\n

Card Title

Card description goes here.

\n\n

Card content with some details about this item that needs to be displayed to the user.

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "alert", "type": "registry:component", "title": "Alert", "description": "Callout block for info, success, warning, error. Optional action button and dismiss. When to use: Inline contextual message inside the content flow (form warnings, section notices). NOT app-wide → banner; NOT transient after an action → toast.", "files": [ { "path": "r/styles/alert.css", "type": "registry:file", "target": "~/styles/veritheme/alert.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/button.json" ], "docs": "Import styles/veritheme/alert.css after base.css.\n\nUsage:\n

\n \n

Heads up!

You can add components to your app using the CLI.

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "calendar-weekday", "type": "registry:component", "title": "CalendarWeekday", "description": "Weekday header cell of the calendar grid. When to use: Weekday header cell (Su Mo …) above calendar grids — 12px, muted, centered.", "files": [ { "path": "r/styles/calendar-weekday.css", "type": "registry:file", "target": "~/styles/veritheme/calendar-weekday.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/calendar-weekday.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "button-group", "type": "registry:component", "title": "ButtonGroup", "description": "Row or column of connected buttons sharing a single border. When to use: Segmented control of related toggles/actions (Day/Week/Month). More than ~4 options → select.", "files": [ { "path": "r/styles/button-group.css", "type": "registry:file", "target": "~/styles/veritheme/button-group.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/button.json" ], "docs": "Import styles/veritheme/button-group.css after base.css.\n\nUsage:\n

\n \n \n \n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "dialog", "type": "registry:component", "title": "Dialog", "description": "Modal dialog. Confirmation / Destructive / With form input variants. When to use: Blocking modal for a focused task or confirmation. NOT for lightweight hints → popover/tooltip.", "files": [ { "path": "r/styles/dialog.css", "type": "registry:file", "target": "~/styles/veritheme/dialog.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/button.json", "https://veritheme.com/r/input.json", "https://veritheme.com/r/separator.json" ], "docs": "Import styles/veritheme/dialog.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n\n\n\n", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "popover", "type": "registry:component", "title": "Popover", "description": "Floating panel anchored to a trigger. 5 placement options. Any content inside. When to use: Small interactive overlay anchored to a trigger (filters, pickers, hints with actions). NOT blocking/critical flows → dialog.", "files": [ { "path": "r/styles/popover.css", "type": "registry:file", "target": "~/styles/veritheme/popover.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/button.json" ], "docs": "Import styles/veritheme/popover.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

\n \n \n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "accordion", "type": "registry:component", "title": "Accordion", "description": "Collapsible sections. Single or multiple open. Animated expand/collapse. When to use: Collapsible sections for long secondary content (FAQ, advanced settings). NOT for primary navigation → sidebar/tabs.", "files": [ { "path": "r/styles/accordion.css", "type": "registry:file", "target": "~/styles/veritheme/accordion.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/accordion.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

\n \n

\n Yes. It adheres to the WAI-ARIA design pattern. All interactive elements are keyboard accessible and screen reader friendly.\n

\n \n

\n Yes. It comes with default styles that match the other components. You can also customize it with your own CSS or utility classes.\n

\n \n

\n Yes. It includes smooth transitions for opening and closing. The chevron icon rotates to indicate the current state.\n

", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "slider", "type": "registry:component", "title": "Slider", "description": "Range input for numeric value selection. When to use: Continuous or wide numeric range where feel > precision (volume, price range). Exact numbers → number-input.", "files": [ { "path": "r/styles/slider.css", "type": "registry:file", "target": "~/styles/veritheme/slider.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/slider.css after base.css.\n\nUsage:\n", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "mini-controls", "type": "registry:component", "title": "MiniControls", "description": "Docs-site internal widget (not part of the shipped library). When to use: Compact inline +/- controls for tight spaces (cart quantities).", "files": [ { "path": "r/styles/mini-controls.css", "type": "registry:file", "target": "~/styles/veritheme/mini-controls.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/mini-controls.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "typography", "type": "registry:component", "title": "Typography", "description": "Typography scale reference — the ten named text styles (heading/body/label/caption) plus the monospace code pair. When to use: Named text-style classes — Heading/SM|MD|LG (vt-heading-sm/md/lg), Body/SM|MD|LG (vt-body-sm, vt-body, vt-body-lg), Label/SM|MD|LG (vt-label-sm/md/lg), Caption (vt-caption) and the Code pair (vt-code-sm, vt-code). Prefer these over raw size utilities for standalone text. The old names still resolve: vt-h1…vt-h6, vt-display and vt-overline are aliases onto the ten styles.", "files": [ { "path": "r/styles/typography.css", "type": "registry:file", "target": "~/styles/veritheme/typography.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/typography.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "sidebar", "type": "registry:component", "title": "Sidebar", "description": "App sidebar container — brand block, nav groups and footer slot. When to use: App-level navigation frame: groups (vt-sidebar-label), links, badges, footer.", "files": [ { "path": "r/styles/sidebar.css", "type": "registry:file", "target": "~/styles/veritheme/sidebar.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/sidebar.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "toc", "type": "registry:component", "title": "Toc", "description": "Docs-site internal widget (not part of the shipped library). When to use: In-page table of contents for long docs pages.", "files": [ { "path": "r/styles/toc.css", "type": "registry:file", "target": "~/styles/veritheme/toc.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/toc.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "nav-item", "type": "registry:component", "title": "NavItem", "description": "Sidebar/nav link row with icon, label, active state and optional trailing count. When to use: Sidebar/topbar navigation entry with active state. In-page view switching → tabs.", "files": [ { "path": "r/styles/nav-item.css", "type": "registry:file", "target": "~/styles/veritheme/nav-item.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/nav-item.css after base.css.\n\nUsage:\n\n \n Dashboard\n\n\n \n Inbox\n 3\n", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "component-card", "type": "registry:component", "title": "ComponentCard", "description": "Docs-site internal widget (not part of the shipped library). When to use: Catalog card linking to a component page (docs site).", "files": [ { "path": "r/styles/component-card.css", "type": "registry:file", "target": "~/styles/veritheme/component-card.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/component-card.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "mode-btn", "type": "registry:component", "title": "ModeBtn", "description": "Docs-site internal widget (not part of the shipped library). When to use: Compact view-mode toggle (grid/list) in toolbars. General segmented choice → button-group.", "files": [ { "path": "r/styles/mode-btn.css", "type": "registry:file", "target": "~/styles/veritheme/mode-btn.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/mode-btn.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "example-block", "type": "registry:component", "title": "ExampleBlock", "description": "Docs-site internal widget (not part of the shipped library). When to use: Docs preview/code block wrapper (docs site).", "files": [ { "path": "r/styles/example-block.css", "type": "registry:file", "target": "~/styles/veritheme/example-block.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/example-block.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "anatomy", "type": "registry:component", "title": "Anatomy", "description": "Docs-site internal widget (not part of the shipped library). When to use: Anatomy diagram wrapper for docs pages.", "files": [ { "path": "r/styles/anatomy.css", "type": "registry:file", "target": "~/styles/veritheme/anatomy.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/anatomy.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "api-table", "type": "registry:component", "title": "ApiTable", "description": "Docs-site internal widget (not part of the shipped library). When to use: Props/classes reference table on docs pages.", "files": [ { "path": "r/styles/api-table.css", "type": "registry:file", "target": "~/styles/veritheme/api-table.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/api-table.css after base.css.", "categories": [ "atom" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "combobox", "type": "registry:component", "title": "Combobox", "description": "Searchable select with optional multi-select (shows Chips). Keyboard navigable. When to use: Searchable select, optionally multi-value with tags. Overkill for under ~10 options → select.", "files": [ { "path": "r/styles/combobox.css", "type": "registry:file", "target": "~/styles/veritheme/combobox.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/input.json", "https://veritheme.com/r/chip.json", "https://veritheme.com/r/checkbox.json", "https://veritheme.com/r/separator.json" ], "docs": "Import styles/veritheme/combobox.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

\n \n \n

\n \n

", "categories": [ "form" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "command", "type": "registry:component", "title": "Command", "description": "Command palette with search, grouped results, and keyboard shortcuts. When to use: Command palette (⌘K) for global search/actions. NOT a form control → select/combobox.", "files": [ { "path": "r/styles/command.css", "type": "registry:file", "target": "~/styles/veritheme/command.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json", "https://veritheme.com/r/input.json", "https://veritheme.com/r/separator.json" ], "docs": "Import styles/veritheme/command.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

\n \n

\n \n \n

\n \n

Suggestions

\n\n \n Calendar\n

\n\n \n Search Emoji\n

\n\n \n Calculator\n

\n \n

Settings

\n\n \n Profile\n

\n\n \n Billing\n

\n\n \n Settings\n

\n \n

\n No results found.\n

\n \n

Use arrows and Enter to run a command

", "categories": [ "navigation" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "tree-view", "type": "registry:component", "title": "TreeView", "description": "Hierarchical, collapsible tree for file systems and nested navigation. Branch toggles rotate a chevron; children expand/collapse. When to use: Hierarchical parent/child data (files, org structure) with expand/collapse. Flat data → list.", "files": [ { "path": "r/styles/tree-view.css", "type": "registry:file", "target": "~/styles/veritheme/tree-view.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/tree-view.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

\n \n

\n Button.astro\n Card.astro\n Dialog.astro\n

\n \n

\n index.astro\n about.astro\n

\n \n

\n main.scss\n

\n \n package.json\n tsconfig.json\n favicon.svg\n

", "categories": [ "data-display" ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "resizable", "type": "registry:component", "title": "Resizable", "description": "Draggable handle between two panels; -col for a vertical divider (horizontal drag), -row for a horizontal divider. When to use: User-adjustable split panes (editors, consoles). Fixed layouts → grid utilities.", "files": [ { "path": "r/styles/resizable.css", "type": "registry:file", "target": "~/styles/veritheme/resizable.css" } ], "registryDependencies": [ "https://veritheme.com/r/base.json" ], "docs": "Import styles/veritheme/resizable.css after base.css.\nInteractive: include veritheme.min.js (see https://veritheme.com/docs/installation/) — the JS bundle auto-initializes it from its data-* attributes.\n\nUsage:\n

\n \n

Panel 1

\n 60%\n

\n \n

Panel 2

\n 40%\n

", "categories": [ "layout" ] } ] }

Veritheme

Account

Password

Settings

No documents

Card Title

Heads up!

Dimensions