{ "name": "advui", "version": "0.14.0", "items": [ { "name": "hooks", "title": "Hooks", "type": "registry:lib", "description": "Shared hooks: controllable state, reduced-motion detection, the Android press ripple, Android back-button handling for overlays, keyboard avoidance for scroll views, following `href` with the app’s router (`setRouter`), the surrounding Form’s status, the window’s breakpoint and the AppShell drawer state.", "dependencies": [ "@advui/theme" ], "registryDependencies": [ "utils" ] }, { "name": "utils", "title": "Utilities", "type": "registry:lib", "description": "Small shared helpers used by several components.", "dependencies": [ "@advui/theme" ], "registryDependencies": [] }, { "name": "charts", "title": "Chart internals", "type": "registry:lib", "description": "Shared by the charts: the frame (legend, tooltip, table view), scales, axes and the SVG layer for web and native.", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "button", "table", "typography" ] }, { "name": "provider", "title": "UniversalProvider", "type": "registry:lib", "description": "Root provider: Tamagui config, color mode, icons, toasts, global styles.", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "hooks", "toast" ] }, { "name": "area-chart", "title": "Area Chart", "type": "registry:component", "description": "A line chart with a light wash under each line, for totals and stacked parts over time.", "category": "charts", "status": "stable", "package": "@advui/charts", "dependencies": [], "registryDependencies": [ "charts" ] }, { "name": "bar-chart", "title": "Bar Chart", "type": "registry:component", "description": "Compares values across categories as columns or bars, grouped or stacked.", "category": "charts", "status": "stable", "package": "@advui/charts", "dependencies": [], "registryDependencies": [ "charts" ] }, { "name": "composed-chart", "title": "Composed Chart", "type": "registry:component", "description": "Bars and lines on one value axis, such as results against a target.", "category": "charts", "status": "beta", "package": "@advui/charts", "dependencies": [], "registryDependencies": [ "charts" ] }, { "name": "heatmap", "title": "Heatmap", "type": "registry:component", "description": "Values across two categories as a grid of shaded cells, darker for more: by place and sector, or by day and hour.", "category": "charts", "status": "beta", "package": "@advui/charts", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "charts" ] }, { "name": "line-chart", "title": "Line Chart", "type": "registry:component", "description": "Shows change over an ordered axis, such as months, as one or more lines.", "category": "charts", "status": "stable", "package": "@advui/charts", "dependencies": [], "registryDependencies": [ "charts" ] }, { "name": "pie-chart", "title": "Pie Chart", "type": "registry:component", "description": "Part-to-whole at a glance, as a donut or pie with up to six slices.", "category": "charts", "status": "stable", "package": "@advui/charts", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "charts" ] }, { "name": "radar-chart", "title": "Radar Chart", "type": "registry:component", "description": "Compares a few items across several measures at once, one spoke per measure from a shared zero.", "category": "charts", "status": "beta", "package": "@advui/charts", "dependencies": [], "registryDependencies": [ "charts" ] }, { "name": "radial-chart", "title": "Radial Chart", "type": "registry:component", "description": "Progress toward a goal as rings: radial bars for a few items, or a gauge for one value.", "category": "charts", "status": "beta", "package": "@advui/charts", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "charts" ] }, { "name": "scatter-chart", "title": "Scatter Chart", "type": "registry:component", "description": "Shows how two measures relate, one point per row, grouped by color or sized as bubbles.", "category": "charts", "status": "beta", "package": "@advui/charts", "dependencies": [], "registryDependencies": [ "charts" ] }, { "name": "data-grid", "title": "Data Grid", "type": "registry:component", "description": "A spreadsheet-like grid: move between cells with the arrow keys and edit values in place, with validation.", "category": "advanced", "status": "stable", "package": "@advui/data", "dependencies": [], "registryDependencies": [ "hooks", "input", "typography" ] }, { "name": "data-table", "title": "Data Table", "type": "registry:component", "description": "A table driven by data and columns, with sorting, search, row selection and pagination.", "category": "data-display", "status": "stable", "package": "@advui/data", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "checkbox", "hooks", "input", "pagination", "skeleton", "table", "typography" ] }, { "name": "event-calendar", "title": "Event Calendar", "type": "registry:component", "description": "Events on a month grid, a week or a day of hours, or an agenda list, with Today, previous and next.", "category": "advanced", "status": "beta", "package": "@advui/data", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "button", "hooks", "icon-button", "scroll-area", "show-hide", "stack", "sticky", "toggle-group", "typography", "visually-hidden" ] }, { "name": "filter-bar", "title": "Filter Bar", "type": "registry:component", "description": "Search, filter controls built from definitions, active-filter chips, and Apply and Reset, above a table, list or dashboard.", "category": "advanced", "status": "stable", "package": "@advui/data", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "autocomplete", "badge", "button", "calendar", "chip", "collapsible", "date-picker", "date-range-picker", "field", "hooks", "icon-button", "input", "multi-select", "search", "select", "stack", "typography", "utils" ] }, { "name": "infinite-scroll", "title": "Infinite Scroll", "type": "registry:component", "description": "Loads more items as the end of a list comes into view, with loading, error and end states.", "category": "data-display", "status": "beta", "package": "@advui/data", "dependencies": [], "registryDependencies": [ "button", "scroll-area", "spinner", "stack", "typography", "utils", "visually-hidden" ] }, { "name": "kanban", "title": "Kanban", "type": "registry:component", "description": "Cards in columns that people move by dragging, with the keyboard, or with screen reader actions.", "category": "advanced", "status": "experimental", "package": "@advui/data", "dependencies": [ "@advui/theme" ], "registryDependencies": [ "badge", "hooks", "portal", "scroll-area", "typography", "visually-hidden" ] }, { "name": "kpi-card", "title": "KPI Card", "type": "registry:component", "description": "A card for one key figure on a dashboard, with its change and an icon.", "category": "data-display", "status": "stable", "package": "@advui/data", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "card", "skeleton", "stat" ] }, { "name": "stat", "title": "Stat", "type": "registry:component", "description": "One figure with its label, how it changed and a short note.", "category": "data-display", "status": "stable", "package": "@advui/data", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "typography", "utils" ] }, { "name": "table", "title": "Table", "type": "registry:component", "description": "Rows and columns of data, with sortable headers, stripes and sideways scrolling.", "category": "data-display", "status": "stable", "package": "@advui/data", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "typography", "utils" ] }, { "name": "timeline", "title": "Timeline", "type": "registry:component", "description": "Events in order along a vertical line, such as an activity feed or order history.", "category": "data-display", "status": "stable", "package": "@advui/data", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "typography" ] }, { "name": "tree-view", "title": "Tree View", "type": "registry:component", "description": "A hierarchy of items that open and close, such as folders or place codes.", "category": "advanced", "status": "stable", "package": "@advui/data", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "typography", "utils" ] }, { "name": "virtual-list", "title": "Virtual List", "type": "registry:component", "description": "A long list that draws only the rows in view, so thousands of rows scroll smoothly.", "category": "data-display", "status": "beta", "package": "@advui/data", "dependencies": [], "registryDependencies": [ "scroll-area" ] }, { "name": "markdown-editor", "title": "Markdown Editor", "type": "registry:component", "description": "A Markdown editor with a formatting toolbar and a preview, plus Markdown Content to show what was written.", "category": "advanced", "status": "stable", "package": "@advui/editor", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "button", "hooks", "icon-button", "input", "textarea", "typography" ] }, { "name": "rich-text-editor", "title": "Rich Text Editor", "type": "registry:component", "description": "A WYSIWYG editor that shows formatting as you write and saves HTML, plus Rich Text Content to show what was written.", "category": "advanced", "status": "experimental", "package": "@advui/editor", "dependencies": [ "@10play/tentap-editor", "@advui/icons", "@tiptap/extension-list", "@tiptap/extensions", "@tiptap/react", "@tiptap/starter-kit" ], "registryDependencies": [ "button", "hooks", "input", "markdown-editor", "toggle", "toolbar" ] }, { "name": "accordion", "title": "Accordion", "type": "registry:component", "description": "Vertically stacked sections that expand to reveal their content, such as FAQs or grouped settings.", "category": "data-display", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "typography", "utils" ] }, { "name": "alert-dialog", "title": "Alert Dialog", "type": "registry:component", "description": "Interrupts the user to confirm an important or destructive action before it happens.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "dialog", "hooks", "utils" ] }, { "name": "alert", "title": "Alert", "type": "registry:component", "description": "An inline message that draws attention without interrupting the task, with optional actions and a dismiss button.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "typography", "utils" ] }, { "name": "app-shell", "title": "App Shell", "type": "registry:component", "description": "The frame of an app screen: header, sidebar, main content and footer. It fills the screen, Main scrolls between the bars, and the sidebar becomes a drawer on phones.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "drawer", "hooks", "icon-button", "show-hide", "utils" ] }, { "name": "aspect-ratio", "title": "Aspect Ratio", "type": "registry:component", "description": "Keeps content at a fixed width-to-height ratio as the width changes, for images, video and maps.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [] }, { "name": "audio-player", "title": "Audio Player", "type": "registry:component", "description": "Plays a sound with a play button, a seek bar, skip buttons and a speed control, the same on every platform.", "category": "media", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "button", "icon-button", "slider", "spinner", "typography" ] }, { "name": "autocomplete", "title": "Autocomplete", "type": "registry:component", "description": "A text field with suggestions; any text is a valid value.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme", "@tamagui/floating" ], "registryDependencies": [ "hooks", "input", "sheet", "typography", "utils" ] }, { "name": "avatar", "title": "Avatar", "type": "registry:component", "description": "A profile image with an automatic initials fallback.", "category": "foundations", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [] }, { "name": "back-to-top", "title": "Back to Top", "type": "registry:component", "description": "A floating button that appears once the page or a ScrollArea is scrolled down, and scrolls it back to the top.", "category": "buttons", "status": "beta", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "fab", "hooks" ] }, { "name": "badge", "title": "Badge", "type": "registry:component", "description": "A small label for status, counts or categories.", "category": "foundations", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "utils" ] }, { "name": "breadcrumb", "title": "Breadcrumb", "type": "registry:component", "description": "Shows where the current page sits in the hierarchy, with links back up to each level.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks" ] }, { "name": "button-group", "title": "Button Group", "type": "registry:component", "description": "Groups related buttons, joined into one control or spaced apart, such as a split button or a set of actions.", "category": "buttons", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "button" ] }, { "name": "button", "title": "Button", "type": "registry:component", "description": "Triggers an action or event, such as submitting a form or opening a dialog.", "category": "buttons", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "spinner", "utils" ] }, { "name": "calendar", "title": "Calendar", "type": "registry:component", "description": "A month grid for picking a day or a range, with limits and disabled days.", "category": "data-display", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "icon-button", "typography", "utils" ] }, { "name": "card", "title": "Card", "type": "registry:component", "description": "A surface that groups related content and actions.", "category": "data-display", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/theme" ], "registryDependencies": [ "hooks", "typography", "utils" ] }, { "name": "carousel", "title": "Carousel", "type": "registry:component", "description": "A row of slides shown one or a few at a time, moved by swipes, previous and next buttons or dots, with optional autoplay.", "category": "media", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "icon-button", "typography", "utils" ] }, { "name": "checkbox-group", "title": "Checkbox Group", "type": "registry:component", "description": "A labelled set of checkboxes that share one value, the list of checked options, with an optional Select All.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "checkbox", "hooks", "label", "utils" ] }, { "name": "checkbox", "title": "Checkbox", "type": "registry:component", "description": "Lets users select one or more options, or toggle a single setting before submitting.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@tamagui/core" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "chip", "title": "Chip", "type": "registry:component", "description": "A compact element for a filter, an entered value such as a recipient, or a suggested action.", "category": "data-display", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "circular-progress", "title": "Circular Progress", "type": "registry:component", "description": "A ring that fills as a task completes, for tight spaces and dashboards. Without a value it spins.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "code-block", "title": "Code Block", "type": "registry:component", "description": "Shows code or terminal commands in a monospace block with a copy button, and optionally a title, line numbers, marked lines and syntax colors.", "category": "data-display", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "copy-button", "typography" ] }, { "name": "collapsible", "title": "Collapsible", "type": "registry:component", "description": "Shows and hides a section with one trigger, such as \"Show 3 more\" or \"Advanced options\".", "category": "data-display", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks" ] }, { "name": "color-picker", "title": "Color Picker", "type": "registry:component", "description": "Pick a color by dragging over saturation and brightness, sliding hue and opacity, typing a hex or pressing a swatch, in a field that opens a popover or inline.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme", "@advui/utils" ], "registryDependencies": [ "date-picker", "hooks", "icon-button", "input", "popover", "utils" ] }, { "name": "combobox", "title": "Combobox", "type": "registry:component", "description": "A select you can type in to filter long lists of options.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme", "@tamagui/floating" ], "registryDependencies": [ "autocomplete", "hooks", "input", "sheet", "typography", "utils" ] }, { "name": "command-palette", "title": "Command Palette", "type": "registry:component", "description": "A searchable list of actions in a dialog, opened with ⌘K or Ctrl+K.", "category": "advanced", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "dialog", "hooks", "typography" ] }, { "name": "confirm-dialog", "title": "Confirm Dialog", "type": "registry:component", "description": "Asks the user to confirm one action, in one element. An async action keeps it open and busy until it finishes.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "alert-dialog", "button", "hooks", "loading-button" ] }, { "name": "context-menu", "title": "Context Menu", "type": "registry:component", "description": "Actions for an area, opened with a right-click on desktop and a long-press on touch screens.", "category": "overlay", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "dropdown-menu" ] }, { "name": "copy-button", "title": "Copy Button", "type": "registry:component", "description": "A button that copies a value, such as a command, link or key, and confirms it with a check and a \"Copied\" announcement.", "category": "buttons", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/utils" ], "registryDependencies": [ "button", "icon-button", "tooltip", "utils" ] }, { "name": "date-picker", "title": "Date Picker", "type": "registry:component", "description": "A field that opens a calendar in a popover, or a bottom sheet on phones.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "calendar", "hooks", "icon-button", "input", "popover", "typography", "utils" ] }, { "name": "date-range-picker", "title": "Date Range Picker", "type": "registry:component", "description": "A field that opens a range calendar: pick a start, then an end.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "calendar", "date-picker", "hooks", "icon-button", "input", "popover", "typography", "utils" ] }, { "name": "date-time-picker", "title": "Date Time Picker", "type": "registry:component", "description": "A date field and time selects side by side that make one Date, for meetings, deliveries and reminders.", "category": "forms", "status": "beta", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "calendar", "date-picker", "hooks", "time-picker" ] }, { "name": "description-list", "title": "Description List", "type": "registry:component", "description": "Terms and their details, such as the fields of an order, a profile or a file: a `dl` on web.", "category": "data-display", "status": "beta", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "typography", "utils" ] }, { "name": "dialog", "title": "Dialog", "type": "registry:component", "description": "A modal window for focused tasks that require the user’s attention.", "category": "overlay", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "hooks", "icon-button", "typography", "utils" ] }, { "name": "drawer", "title": "Drawer", "type": "registry:component", "description": "A modal panel that slides in from an edge of the screen, for navigation, filters or details.", "category": "overlay", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "dialog", "hooks", "icon-button", "utils" ] }, { "name": "dropdown-menu", "title": "Dropdown Menu", "type": "registry:component", "description": "A list of actions or options that opens from a button.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "hooks", "sheet", "typography", "utils" ] }, { "name": "empty-state", "title": "Empty State", "type": "registry:component", "description": "A placeholder for an empty list, search or page, with the action that fills it.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "typography" ] }, { "name": "error-state", "title": "Error State", "type": "registry:component", "description": "Shown in place of content that failed to load, with a retry button.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "button", "empty-state", "hooks", "typography" ] }, { "name": "fab", "title": "Floating Action Button", "type": "registry:component", "description": "The primary action of a screen, such as Compose or New, floating above the content.", "category": "buttons", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "field", "title": "Field", "type": "registry:component", "description": "A label, a control, help text and an error message, wired together for screen readers. Validation stays with your app or form library.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks", "label", "typography", "utils" ] }, { "name": "file-dropzone", "title": "File Dropzone", "type": "registry:component", "description": "A large area to drop files on (web) or tap to pick them, with the files listed below.", "category": "advanced", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "icon-button", "typography", "utils" ] }, { "name": "file-upload", "title": "File Upload", "type": "registry:component", "description": "A button that opens the file picker, with the picked files listed below.", "category": "advanced", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "button", "file-dropzone", "hooks", "icon-button", "typography" ] }, { "name": "form", "title": "Form", "type": "registry:component", "description": "Lays out a form, with an optional title, description and footer, and wires up submit, loading and disabled states. Field state and validation stay with your app or form library.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/utils" ], "registryDependencies": [ "hooks", "loading-button", "typography", "utils", "visually-hidden" ] }, { "name": "hover-card", "title": "Hover Card", "type": "registry:component", "description": "A preview card that appears when a pointer rests on a link or keyboard focus reaches it.", "category": "overlay", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/theme", "@advui/utils" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "icon-button", "title": "Icon Button", "type": "registry:component", "description": "A square, icon-only button for compact toolbars and headers.", "category": "buttons", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "button" ] }, { "name": "image-gallery", "title": "Image Gallery", "type": "registry:component", "description": "A grid of thumbnails that open a viewer with previous and next.", "category": "media", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "dialog", "grid", "hooks", "icon-button", "image", "typography" ] }, { "name": "image", "title": "Image", "type": "registry:component", "description": "A picture in a box of a set size or ratio, with a placeholder and a fallback.", "category": "media", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [] }, { "name": "indicator", "title": "Indicator", "type": "registry:component", "description": "A dot or count pinned to the corner of an avatar, icon or button, such as unread messages or someone’s status.", "category": "foundations", "status": "beta", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "visually-hidden" ] }, { "name": "input", "title": "Input", "type": "registry:component", "description": "A single-line text field, with optional icons, buttons or text inside it and addons joined to it.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "label", "title": "Label", "type": "registry:component", "description": "An accessible label linked to a form control.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks", "typography", "utils" ] }, { "name": "auto-grid", "title": "Auto Grid", "type": "registry:component", "description": "Equal-width cells that pick their column count from the available width: as many as fit at a minimum width, with no breakpoints.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [] }, { "name": "container", "title": "Container", "type": "registry:component", "description": "Centers page content with a max width and responsive side padding.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/theme" ], "registryDependencies": [ "utils" ] }, { "name": "grid", "title": "Grid", "type": "registry:component", "description": "Responsive columns with spans and offsets, such as 12-column 8 / 4 layouts, identical on web and native.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "utils" ] }, { "name": "stack", "title": "Stack", "type": "registry:component", "description": "Flexbox primitives: Box, Stack, HStack, VStack, Center and Spacer, with responsive direction and alignment.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "utils" ] }, { "name": "wrap", "title": "Wrap", "type": "registry:component", "description": "A row that wraps onto new lines, for chips, tags and badges.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "utils" ] }, { "name": "link", "title": "Link", "type": "registry:component", "description": "A text link to another page, a section or an outside site, inside a sentence or on its own.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "typography", "visually-hidden" ] }, { "name": "list-item", "title": "List Item", "type": "registry:component", "description": "One row of content: a leading visual, a title and description, trailing meta and actions. Pressable, selectable or a link.", "category": "data-display", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "typography", "utils" ] }, { "name": "list", "title": "List", "type": "registry:component", "description": "A vertical list of rows with a leading visual, text and trailing meta.", "category": "data-display", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "list-item" ] }, { "name": "loading-button", "title": "Loading Button", "type": "registry:component", "description": "A button that displays a loading indicator and prevents interaction while an asynchronous action is in progress.", "category": "buttons", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "button", "spinner" ] }, { "name": "loading-state", "title": "Loading State", "type": "registry:component", "description": "Shown in place of content while it loads: a spinner, what is loading and a way to cancel.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks", "spinner", "typography" ] }, { "name": "menu", "title": "Menu", "type": "registry:component", "description": "An always-visible list of actions or destinations, with icons, groups and a selected item.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/utils", "@tamagui/roving-focus" ], "registryDependencies": [ "hooks", "typography", "utils" ] }, { "name": "menubar", "title": "Menubar", "type": "registry:component", "description": "A bar of menus that stays on screen, as at the top of a desktop app: File, Edit, View.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "dropdown-menu", "hooks", "toolbar", "typography", "utils" ] }, { "name": "meter", "title": "Meter", "type": "registry:component", "description": "A value inside a known range, such as storage used, battery left or a score, colored by which part of the range it is in.", "category": "feedback", "status": "beta", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "utils" ] }, { "name": "multi-select", "title": "Multi Select", "type": "registry:component", "description": "Pick several options from a searchable list; picks show as chips.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme", "@tamagui/floating" ], "registryDependencies": [ "autocomplete", "chip", "hooks", "input", "sheet", "typography", "utils" ] }, { "name": "navigation-bar", "title": "Navigation Bar", "type": "registry:component", "description": "Switches between three to five top-level destinations of an app, at the bottom of the screen on phones.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "navigation-menu", "title": "Navigation Menu", "type": "registry:component", "description": "Site navigation with links and buttons that open panels of more links.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "hooks", "typography", "utils" ] }, { "name": "number-input", "title": "Number Input", "type": "registry:component", "description": "A numeric field with − and + buttons, limits and a step.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "icon-button", "input" ] }, { "name": "otp-input", "title": "OTP Input", "type": "registry:component", "description": "A one-time-code field drawn as separate slots, with paste and SMS autofill.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks", "input" ] }, { "name": "pagination", "title": "Pagination", "type": "registry:component", "description": "Previous and next buttons around the page numbers of a long list or table.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "button", "hooks", "icon-button", "typography" ] }, { "name": "password-input", "title": "Password Input", "type": "registry:component", "description": "A password field with a button that shows and hides the text.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "icon-button", "input" ] }, { "name": "popover", "title": "Popover", "type": "registry:component", "description": "Rich, interactive content anchored to a trigger, such as quick settings, filters or a short form.", "category": "overlay", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/theme", "@advui/utils" ], "registryDependencies": [ "hooks", "sheet", "typography", "utils" ] }, { "name": "portal", "title": "Portal", "type": "registry:component", "description": "Renders its children above the app, out of the layout they are written in: for your own floating bars, panels and overlays.", "category": "foundations", "status": "beta", "package": "@advui/core", "dependencies": [ "@advui/theme" ], "registryDependencies": [] }, { "name": "progress", "title": "Progress", "type": "registry:component", "description": "Shows how much of a task is complete.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "utils" ] }, { "name": "radio-group", "title": "Radio Group", "type": "registry:component", "description": "A set of mutually exclusive options where exactly one can be selected.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks", "label", "utils" ] }, { "name": "rating", "title": "Rating", "type": "registry:component", "description": "A row of stars, or any icon, to give a score with a press or the keyboard, or to show one read-only, with half and part-filled icons.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "resizable-panel", "title": "Resizable Panel", "type": "registry:component", "description": "Panels side by side or stacked, with handles to drag, or move with the arrow keys, to resize them.", "category": "advanced", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "scroll-area", "title": "Scroll Area", "type": "registry:component", "description": "A box that scrolls its content within a set height or width. On web its scrollbars are thin and in the theme colors.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/theme" ], "registryDependencies": [ "hooks", "sticky" ] }, { "name": "search", "title": "Search", "type": "registry:component", "description": "A search field with a magnifier, a clear button and a loading state.", "category": "advanced", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "icon-button", "input", "spinner", "utils" ] }, { "name": "section", "title": "Section", "type": "registry:component", "description": "A band of a page: a `
` with vertical spacing, a surface and a Container, for heroes, feature lists and calls to action.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "container", "utils" ] }, { "name": "select", "title": "Select", "type": "registry:component", "description": "Choose one option from a list — a dropdown on desktop, a bottom sheet on touch devices.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "hooks", "input", "sheet", "utils" ] }, { "name": "separator", "title": "Separator", "type": "registry:component", "description": "A thin line that divides content horizontally or vertically, with an optional label.", "category": "foundations", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "typography", "utils" ] }, { "name": "sheet", "title": "Sheet", "type": "registry:component", "description": "A panel that slides up from the bottom of the screen for extra actions, details or a short form.", "category": "overlay", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@tamagui/dismissable", "@tamagui/focus-scope" ], "registryDependencies": [ "hooks", "icon-button", "typography", "utils" ] }, { "name": "show-hide", "title": "Show / Hide", "type": "registry:component", "description": "Show or hide content by screen width, with CSS on web (no flash during SSR), plus useBreakpoint and useBreakpointValue.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "utils" ] }, { "name": "sidebar", "title": "Sidebar", "type": "registry:component", "description": "App navigation down the side of the screen, collapsible to an icon rail.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "icon-button", "typography", "utils" ] }, { "name": "skeleton", "title": "Skeleton", "type": "registry:component", "description": "A pulsing placeholder that previews the shape of loading content.", "category": "foundations", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [] }, { "name": "slider", "title": "Slider", "type": "registry:component", "description": "Pick a number, or a range, by dragging a thumb along a track.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/theme" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "snackbar", "title": "Snackbar", "type": "registry:component", "description": "A brief message at the bottom of the screen about something the app did, with an optional action like Undo.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "spinner", "title": "Spinner", "type": "registry:component", "description": "An indeterminate loading indicator.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [] }, { "name": "spoiler", "title": "Spoiler", "type": "registry:component", "description": "Shows the start of long content, such as a description or a review, with a “Show more” button for the rest. The button appears only when the content is taller than `maxHeight`.", "category": "data-display", "status": "beta", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "button", "hooks", "typography", "utils" ] }, { "name": "stepper", "title": "Stepper", "type": "registry:component", "description": "Progress through a multi-step flow, such as a form wizard or checkout.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "typography", "utils", "visually-hidden" ] }, { "name": "sticky", "title": "Sticky", "type": "registry:component", "description": "Keeps a header or a list heading in view while its container scrolls: CSS sticky on web, a pinned ScrollArea header on iOS and Android.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [] }, { "name": "switch", "title": "Switch", "type": "registry:component", "description": "An on/off toggle for settings that take effect immediately.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/theme" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "table-of-contents", "title": "Table of Contents", "type": "registry:component", "description": "The sections of a page as links, with the current one marked. On web it follows the scroll by itself.", "category": "navigation", "status": "beta", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks", "link", "typography" ] }, { "name": "tabs", "title": "Tabs", "type": "registry:component", "description": "Switch between related panels of content within the same view.", "category": "navigation", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "tags-input", "title": "Tags Input", "type": "registry:component", "description": "A text field that turns typed or pasted text into removable tags, for free-form values such as topics or email addresses.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@tamagui/focusable" ], "registryDependencies": [ "chip", "hooks", "input", "utils" ] }, { "name": "textarea", "title": "Textarea", "type": "registry:component", "description": "A multi-line text field for longer input.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks", "input", "utils" ] }, { "name": "time-picker", "title": "Time Picker", "type": "registry:component", "description": "Hour, minute and optional AM/PM selects that produce an \"HH:mm\" time.", "category": "forms", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks", "select" ] }, { "name": "toast", "title": "Toast", "type": "registry:component", "description": "Brief, non-blocking notifications triggered imperatively with `toast()`.", "category": "feedback", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons", "@advui/theme", "@tamagui/toast" ], "registryDependencies": [ "hooks", "spinner", "typography", "utils" ] }, { "name": "toggle-group", "title": "Toggle Group", "type": "registry:component", "description": "A set of toggle buttons: pick one, like text alignment, or turn on several, like bold and italic.", "category": "buttons", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "hooks", "toggle", "toolbar", "utils" ] }, { "name": "toggle", "title": "Toggle", "type": "registry:component", "description": "A button that stays on or off, such as Bold in a text toolbar.", "category": "buttons", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "toolbar", "title": "Toolbar", "type": "registry:component", "description": "A row or column of related controls, such as actions, filters or formatting, with optional leading, center and trailing regions.", "category": "layout", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "separator", "stack", "typography", "utils" ] }, { "name": "tooltip", "title": "Tooltip", "type": "registry:component", "description": "A short hint shown when an element is hovered or focused.", "category": "overlay", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/utils" ], "registryDependencies": [ "hooks", "utils" ] }, { "name": "tour", "title": "Tour", "type": "registry:component", "description": "A guided walk through a screen: each step highlights an element and shows a card beside it with Back, Next and Skip.", "category": "overlay", "status": "beta", "package": "@advui/core", "dependencies": [ "@advui/theme" ], "registryDependencies": [ "button", "hooks", "portal", "typography", "utils" ] }, { "name": "transfer-list", "title": "Transfer List", "type": "registry:component", "description": "Two lists side by side: check items in one and move them to the other, such as the columns of a table or the members of a team.", "category": "advanced", "status": "beta", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "checkbox-group", "hooks", "icon-button", "scroll-area", "typography", "utils" ] }, { "name": "typography", "title": "Typography", "type": "registry:component", "description": "Text, Heading and Kbd components built on the type scale and semantic colors.", "category": "foundations", "status": "stable", "package": "@advui/core", "dependencies": [], "registryDependencies": [] }, { "name": "video", "title": "Video", "type": "registry:component", "description": "A video with the platform’s own controls, a fixed aspect ratio, captions on web and an error state.", "category": "media", "status": "stable", "package": "@advui/core", "dependencies": [ "@advui/icons" ], "registryDependencies": [ "typography" ] }, { "name": "visually-hidden", "title": "Visually Hidden", "type": "registry:component", "description": "Text that screen readers read but the screen does not show, such as the rest of a link’s name or what a strikethrough means.", "category": "foundations", "status": "beta", "package": "@advui/core", "dependencies": [], "registryDependencies": [ "utils" ] } ] }