# SvSeeds

SvSeeds is a minimal Svelte 5 component library for building accessible, styleable UI primitives.

## Overview

- [Quick Start](https://svseeds.dev/docs/quick-start.md): A quick guide to getting started with SvSeeds.
- [Concepts](https://svseeds.dev/docs/concepts.md): SvSeeds was developed to help developers focus on application component functionality. By embedding SvSeeds components as "seeds" for common functionality, it provides an environment where developers can concentrate on what truly matters for their applications.
- [Gallery](https://svseeds.dev/docs/gallery.md): Browse the categorized component catalog and find the building block you need.

## How to Use

- [Styling](https://svseeds.dev/docs/styling.md): SvSeeds components provide a flexible styling system. This document explains the two primary styling methods and their implementation details.
- [Customization](https://svseeds.dev/docs/customization.md): SvSeeds components offer flexible customization options, ranging from simple prop-based modifications to complete component overhauls.
- [Form Controls](https://svseeds.dev/docs/form-controls.md): SvSeeds provides form controls as Field components such as . All Field components share a unified structure and validation functionality.
- [Utilities](https://svseeds.dev/docs/utilities.md): This section documents the utility functions, constants, and other helper elements used within SvSeeds components.

## Components

- [Accordion](https://svseeds.dev/docs/accordion.md): A container with multiple collapsible sections where only one section can be expanded at a time.
- [Button](https://svseeds.dev/docs/button.md): A clickable element that triggers an action when pressed.
- [Calendar](https://svseeds.dev/docs/calendar.md): A month-grid date picker with optional month-picking mode and  binding.
- [CheckField](https://svseeds.dev/docs/check-field.md): A form control for selecting options using either checkboxes or radio buttons.
- [ColorPicker](https://svseeds.dev/docs/color-picker.md): An input component for selecting colors from a palette or color wheel.
- [ComboBox](https://svseeds.dev/docs/combo-box.md): A combination of a text input and dropdown that allows typing to filter options.
- [ContextMenu](https://svseeds.dev/docs/context-menu.md): A right-click menu container that wraps a .
- [DarkToggle](https://svseeds.dev/docs/dark-toggle.md): A switch component for toggling between light and dark themes.
- [DateField](https://svseeds.dev/docs/date-field.md): A form control wrapper for  values, default  composition, and date validation.
- [DateInput](https://svseeds.dev/docs/date-input.md): A text-like date control with a private  popover and  binding.
- [Disclosure](https://svseeds.dev/docs/disclosure.md): A component that reveals or hides additional content when toggled.
- [Drawer](https://svseeds.dev/docs/drawer.md): Display a content that slides in from the side of the screen.
- [FileField](https://svseeds.dev/docs/file-field.md): A form control wrapper for file selection, shared field state, and file validation messages.
- [FileInput](https://svseeds.dev/docs/file-input.md): A standalone file picker with optional drag-and-drop, validation limits, and presentational drop-zone content.
- [HotkeyCapture](https://svseeds.dev/docs/hotkey-capture.md): A component for capturing and displaying keyboard shortcuts or hotkey combinations.
- [Image](https://svseeds.dev/docs/image.md): A responsive / wrapper with lazy loading, placeholder, and load/error state styling.
- [MenuGroup](https://svseeds.dev/docs/menu-group.md): A labeled group for related items inside a .
- [MenuItem](https://svseeds.dev/docs/menu-item.md): An actionable item for a , rendered as a button or link.
- [MenuList](https://svseeds.dev/docs/menu-list.md): A reusable  body for menu items, groups, and separators.
- [MenuSeparator](https://svseeds.dev/docs/menu-separator.md): A non-interactive separator between groups of menu items.
- [MenuSub](https://svseeds.dev/docs/menu-sub.md): A submenu trigger that opens a nested menu list inside a parent menu.
- [Modal](https://svseeds.dev/docs/modal.md): An overlay dialog that appears on top of the main content to focus user attention.
- [MonthPicker](https://svseeds.dev/docs/month-picker.md): A year and month picker that coordinates two wheel pickers around a  value.
- [NumberField](https://svseeds.dev/docs/number-field.md): A form control for numeric input with validation and optional spin buttons.
- [NumberInput](https://svseeds.dev/docs/number-input.md): A numeric text input with optional spin buttons and datalist suggestions.
- [Pagination](https://svseeds.dev/docs/pagination.md): A page navigator that coordinates first, previous, next, last, and page input controls.
- [Popover](https://svseeds.dev/docs/popover.md): A trigger button and native popover panel for menu-like floating content.
- [ProgressTracker](https://svseeds.dev/docs/progress-tracker.md): A component that displays the current step in a multi-step process or workflow.
- [SelectField](https://svseeds.dev/docs/select-field.md): A form control that allows users to choose one option from a dropdown list.
- [Slider](https://svseeds.dev/docs/slider.md): An input where the user selects a value from within a given range.
- [Sortable](https://svseeds.dev/docs/sortable.md): A single list that allows users to reorder items through drag-and-drop interactions.
- [SortableGroup](https://svseeds.dev/docs/sortable-group.md): Connects two or more  lists so items can move between them.
- [Splitter](https://svseeds.dev/docs/splitter.md): A draggable separator that coordinates the size of two panes.
- [Tabs](https://svseeds.dev/docs/tabs.md): A navigation component that organizes content into multiple panels with clickable tabs.
- [TagsInput](https://svseeds.dev/docs/tags-input.md): An input component for adding, removing, and managing multiple tags or labels.
- [TagsInputField](https://svseeds.dev/docs/tags-input-field.md): A form control for inputting and managing multiple tags or keywords.
- [TextField](https://svseeds.dev/docs/text-field.md): A form control for single-line or multi-line text input.
- [Toast](https://svseeds.dev/docs/toast.md): A transient notification region driven imperatively by a .
- [Toggle](https://svseeds.dev/docs/toggle.md): A switch control for binary on/off or true/false states.
- [ToggleGroup](https://svseeds.dev/docs/toggle-group.md): A collection of toggle buttons that allows users to select one or multiple options.
- [ToggleGroupField](https://svseeds.dev/docs/toggle-group-field.md): A form control for selecting one or multiple options from a set of toggle buttons.
- [Tooltip](https://svseeds.dev/docs/tooltip.md): A small popup that displays helpful information through an attachment on a target element.
- [WheelPicker](https://svseeds.dev/docs/wheel-picker.md): A wheel-style single select that keeps native select behavior as the source of truth.