{
	"version": "0.71.0",
	"origin": "https://mantle.ngrok.com",
	"components": [
		{
			"name": "Accordion",
			"slug": "components/preview/accordion",
			"status": "preview",
			"importPath": "@ngrok/mantle/accordion",
			"docsUrl": "https://mantle.ngrok.com/components/preview/accordion",
			"markdownUrl": "https://mantle.ngrok.com/components/preview/accordion.md",
			"summary": "A vertically stacked set of interactive headings that each reveal an associated section of content."
		},
		{
			"name": "Alert",
			"slug": "components/alert",
			"status": "stable",
			"importPath": "@ngrok/mantle/alert",
			"docsUrl": "https://mantle.ngrok.com/components/alert",
			"markdownUrl": "https://mantle.ngrok.com/components/alert.md",
			"summary": "Displays a callout for user attention."
		},
		{
			"name": "Alert Dialog",
			"slug": "components/alert-dialog",
			"status": "stable",
			"importPath": "@ngrok/mantle/alert-dialog",
			"docsUrl": "https://mantle.ngrok.com/components/alert-dialog",
			"markdownUrl": "https://mantle.ngrok.com/components/alert-dialog.md",
			"summary": "A modal dialog that interrupts the user with important content and expects a response."
		},
		{
			"name": "Anchor",
			"slug": "components/anchor",
			"status": "stable",
			"importPath": "@ngrok/mantle/anchor",
			"docsUrl": "https://mantle.ngrok.com/components/anchor",
			"markdownUrl": "https://mantle.ngrok.com/components/anchor.md",
			"summary": "Fundamental component for rendering links to external addresses."
		},
		{
			"name": "Badge",
			"slug": "components/badge",
			"status": "stable",
			"importPath": "@ngrok/mantle/badge",
			"docsUrl": "https://mantle.ngrok.com/components/badge",
			"markdownUrl": "https://mantle.ngrok.com/components/badge.md",
			"summary": "A non-interactive label used to highlight short, scannable information — a status, a category tag, or a count — in the smallest possible footprint."
		},
		{
			"name": "Browser Only",
			"slug": "components/browser-only",
			"status": "stable",
			"importPath": "@ngrok/mantle/browser-only",
			"docsUrl": "https://mantle.ngrok.com/components/browser-only",
			"markdownUrl": "https://mantle.ngrok.com/components/browser-only.md",
			"summary": "A wrapper component that ensures its children only render in the browser, after hydration has completed."
		},
		{
			"name": "Button",
			"slug": "components/button",
			"status": "stable",
			"importPath": "@ngrok/mantle/button",
			"docsUrl": "https://mantle.ngrok.com/components/button",
			"markdownUrl": "https://mantle.ngrok.com/components/button.md",
			"summary": "Initiates an action, such as completing a task or submitting information."
		},
		{
			"name": "Calendar",
			"slug": "components/preview/calendar",
			"status": "preview",
			"importPath": "@ngrok/mantle/calendar",
			"docsUrl": "https://mantle.ngrok.com/components/preview/calendar",
			"markdownUrl": "https://mantle.ngrok.com/components/preview/calendar.md",
			"summary": "A date field component that allows users to enter and edit date."
		},
		{
			"name": "Card",
			"slug": "components/card",
			"status": "stable",
			"importPath": "@ngrok/mantle/card",
			"docsUrl": "https://mantle.ngrok.com/components/card",
			"markdownUrl": "https://mantle.ngrok.com/components/card.md",
			"summary": "A container used to display content in a box, resembling a physical card."
		},
		{
			"name": "Checkbox",
			"slug": "components/checkbox",
			"status": "stable",
			"importPath": "@ngrok/mantle/checkbox",
			"docsUrl": "https://mantle.ngrok.com/components/checkbox",
			"markdownUrl": "https://mantle.ngrok.com/components/checkbox.md",
			"summary": "A form control that allows the user to toggle between checked and not checked. Supports indeterminate state."
		},
		{
			"name": "Code",
			"slug": "components/code",
			"status": "stable",
			"importPath": "@ngrok/mantle/code",
			"docsUrl": "https://mantle.ngrok.com/components/code",
			"markdownUrl": "https://mantle.ngrok.com/components/code.md",
			"summary": "Marks a short fragment of inline computer code — a function name, a variable, a CLI flag, a key."
		},
		{
			"name": "Code Block",
			"slug": "components/code-block",
			"status": "stable",
			"importPath": "@ngrok/mantle/code-block",
			"docsUrl": "https://mantle.ngrok.com/components/code-block",
			"markdownUrl": "https://mantle.ngrok.com/components/code-block.md",
			"summary": "Code blocks render and apply syntax highlighting to blocks of code using Shiki at build time."
		},
		{
			"name": "Combobox",
			"slug": "components/combobox",
			"status": "stable",
			"importPath": "@ngrok/mantle/combobox",
			"docsUrl": "https://mantle.ngrok.com/components/combobox",
			"markdownUrl": "https://mantle.ngrok.com/components/combobox.md",
			"summary": "Fill in a React input field with autocomplete & autosuggest functionalities. Choose from a list of suggested values with full keyboard support."
		},
		{
			"name": "Command",
			"slug": "components/command",
			"status": "stable",
			"importPath": "@ngrok/mantle/command",
			"docsUrl": "https://mantle.ngrok.com/components/command",
			"markdownUrl": "https://mantle.ngrok.com/components/command.md",
			"summary": "A command palette that allows users to search and execute commands."
		},
		{
			"name": "Data Table",
			"slug": "components/data-table",
			"status": "stable",
			"importPath": "@ngrok/mantle/data-table",
			"docsUrl": "https://mantle.ngrok.com/components/data-table",
			"markdownUrl": "https://mantle.ngrok.com/components/data-table.md",
			"summary": "Tables purposefully designed for dynamic, application data with features like sorting, filtering, and pagination."
		},
		{
			"name": "Description List",
			"slug": "components/description-list",
			"status": "stable",
			"importPath": "@ngrok/mantle/description-list",
			"docsUrl": "https://mantle.ngrok.com/components/description-list",
			"markdownUrl": "https://mantle.ngrok.com/components/description-list.md",
			"summary": "A semantically correct description list built on the HTML dl element. Renders a list of label/value pairs, commonly used in detail views to display metadata about a resource."
		},
		{
			"name": "Dialog",
			"slug": "components/dialog",
			"status": "stable",
			"importPath": "@ngrok/mantle/dialog",
			"docsUrl": "https://mantle.ngrok.com/components/dialog",
			"markdownUrl": "https://mantle.ngrok.com/components/dialog.md",
			"summary": "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert."
		},
		{
			"name": "Dropdown Menu",
			"slug": "components/dropdown-menu",
			"status": "stable",
			"importPath": "@ngrok/mantle/dropdown-menu",
			"docsUrl": "https://mantle.ngrok.com/components/dropdown-menu",
			"markdownUrl": "https://mantle.ngrok.com/components/dropdown-menu.md",
			"summary": "Displays a menu to the user — such as a set of actions or functions — triggered by a button."
		},
		{
			"name": "Empty",
			"slug": "components/empty",
			"status": "stable",
			"importPath": "@ngrok/mantle/empty",
			"docsUrl": "https://mantle.ngrok.com/components/empty",
			"markdownUrl": "https://mantle.ngrok.com/components/empty.md",
			"summary": "Display a placeholder when there is no data or content to show."
		},
		{
			"name": "Flag",
			"slug": "components/flag",
			"status": "stable",
			"importPath": "@ngrok/mantle/flag",
			"docsUrl": "https://mantle.ngrok.com/components/flag",
			"markdownUrl": "https://mantle.ngrok.com/components/flag.md",
			"summary": "Displays a flag as an svg based on the provided country code."
		},
		{
			"name": "Hover Card",
			"slug": "components/hover-card",
			"status": "stable",
			"importPath": "@ngrok/mantle/hover-card",
			"docsUrl": "https://mantle.ngrok.com/components/hover-card",
			"markdownUrl": "https://mantle.ngrok.com/components/hover-card.md",
			"summary": "For sighted users to preview content available behind a link."
		},
		{
			"name": "Icon",
			"slug": "components/icon",
			"status": "stable",
			"importPath": "@ngrok/mantle/icon",
			"docsUrl": "https://mantle.ngrok.com/components/icon",
			"markdownUrl": "https://mantle.ngrok.com/components/icon.md",
			"summary": "Decorates an svg icon with automatic sizing. Useful when applying base styles to phosphor icons."
		},
		{
			"name": "Icon Button",
			"slug": "components/icon-button",
			"status": "stable",
			"importPath": "@ngrok/mantle/button",
			"docsUrl": "https://mantle.ngrok.com/components/icon-button",
			"markdownUrl": "https://mantle.ngrok.com/components/icon-button.md",
			"summary": "Initiates an action, such as completing a task or submitting information. Renders only a single icon as children with an accessible, screen-reader-only label."
		},
		{
			"name": "Icons",
			"slug": "components/icons",
			"status": "stable",
			"importPath": "@ngrok/mantle/icons",
			"docsUrl": "https://mantle.ngrok.com/components/icons",
			"markdownUrl": "https://mantle.ngrok.com/components/icons.md",
			"summary": "Custom icons used throughout ngrok UI."
		},
		{
			"name": "Input",
			"slug": "components/input",
			"status": "stable",
			"importPath": "@ngrok/mantle/input",
			"docsUrl": "https://mantle.ngrok.com/components/input",
			"markdownUrl": "https://mantle.ngrok.com/components/input.md",
			"summary": "Fundamental component for inputs."
		},
		{
			"name": "Label",
			"slug": "components/label",
			"status": "stable",
			"importPath": "@ngrok/mantle/label",
			"docsUrl": "https://mantle.ngrok.com/components/label",
			"markdownUrl": "https://mantle.ngrok.com/components/label.md",
			"summary": "A Label represents a caption for an item in a user interface. Renders an accessible label associated with controls."
		},
		{
			"name": "Main",
			"slug": "components/main",
			"status": "stable",
			"importPath": "@ngrok/mantle/main",
			"docsUrl": "https://mantle.ngrok.com/components/main",
			"markdownUrl": "https://mantle.ngrok.com/components/main.md",
			"summary": "A focusable `<main>` landmark for the page's primary content, designed to be paired with a skip link."
		},
		{
			"name": "Media Object",
			"slug": "components/media-object",
			"status": "stable",
			"importPath": "@ngrok/mantle/media-object",
			"docsUrl": "https://mantle.ngrok.com/components/media-object",
			"markdownUrl": "https://mantle.ngrok.com/components/media-object.md",
			"summary": "The Media Object is an image/icon (media) to the left, with descriptive content (title and subtitle/description) to the right."
		},
		{
			"name": "Multi Select",
			"slug": "components/multi-select",
			"status": "stable",
			"importPath": "@ngrok/mantle/multi-select",
			"docsUrl": "https://mantle.ngrok.com/components/multi-select",
			"markdownUrl": "https://mantle.ngrok.com/components/multi-select.md",
			"summary": "A typeahead multi-select combobox that allows users to select multiple values with filtering. Selected values are displayed as removable tags."
		},
		{
			"name": "OTP Input",
			"slug": "components/otp-input",
			"status": "stable",
			"importPath": "@ngrok/mantle/otp-input",
			"docsUrl": "https://mantle.ngrok.com/components/otp-input",
			"markdownUrl": "https://mantle.ngrok.com/components/otp-input.md",
			"summary": "Accessible one-time passcode (OTP) input with paste, autofill, and IME support."
		},
		{
			"name": "Pagination",
			"slug": "components/pagination",
			"status": "stable",
			"importPath": "@ngrok/mantle/pagination",
			"docsUrl": "https://mantle.ngrok.com/components/pagination",
			"markdownUrl": "https://mantle.ngrok.com/components/pagination.md",
			"summary": "Components and hooks for navigating through paged data with cursor-based and offset-based pagination strategies."
		},
		{
			"name": "Password Input",
			"slug": "components/password-input",
			"status": "stable",
			"importPath": "@ngrok/mantle/input",
			"docsUrl": "https://mantle.ngrok.com/components/password-input",
			"markdownUrl": "https://mantle.ngrok.com/components/password-input.md",
			"summary": "Fundamental component for password inputs."
		},
		{
			"name": "Popover",
			"slug": "components/popover",
			"status": "stable",
			"importPath": "@ngrok/mantle/popover",
			"docsUrl": "https://mantle.ngrok.com/components/popover",
			"markdownUrl": "https://mantle.ngrok.com/components/popover.md",
			"summary": "Displays rich content in a portal, triggered by a button."
		},
		{
			"name": "Progress Bar",
			"slug": "components/progress-bar",
			"status": "stable",
			"importPath": "@ngrok/mantle/progress",
			"docsUrl": "https://mantle.ngrok.com/components/progress-bar",
			"markdownUrl": "https://mantle.ngrok.com/components/progress-bar.md",
			"summary": "Displays an indicator showing the completion progress of a task as a linear progress bar with customizable colors."
		},
		{
			"name": "Progress Donut",
			"slug": "components/progress-donut",
			"status": "stable",
			"importPath": "@ngrok/mantle/progress",
			"docsUrl": "https://mantle.ngrok.com/components/progress-donut",
			"markdownUrl": "https://mantle.ngrok.com/components/progress-donut.md",
			"summary": "Displays an indicator showing the completion progress of a task as a circular progress bar."
		},
		{
			"name": "Radio Group",
			"slug": "components/radio-group",
			"status": "stable",
			"importPath": "@ngrok/mantle/radio-group",
			"docsUrl": "https://mantle.ngrok.com/components/radio-group",
			"markdownUrl": "https://mantle.ngrok.com/components/radio-group.md",
			"summary": "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time."
		},
		{
			"name": "SandboxedOnClick",
			"slug": "components/sandboxed-on-click",
			"status": "stable",
			"importPath": "@ngrok/mantle/sandboxed-on-click",
			"docsUrl": "https://mantle.ngrok.com/components/sandboxed-on-click",
			"markdownUrl": "https://mantle.ngrok.com/components/sandboxed-on-click.md",
			"summary": "A container that prevents the click event from bubbling out of it."
		},
		{
			"name": "Select",
			"slug": "components/select",
			"status": "stable",
			"importPath": "@ngrok/mantle/select",
			"docsUrl": "https://mantle.ngrok.com/components/select",
			"markdownUrl": "https://mantle.ngrok.com/components/select.md",
			"summary": "Displays a list of options for the user to pick from—triggered by a button."
		},
		{
			"name": "Separator",
			"slug": "components/separator",
			"status": "stable",
			"importPath": "@ngrok/mantle/separator",
			"docsUrl": "https://mantle.ngrok.com/components/separator",
			"markdownUrl": "https://mantle.ngrok.com/components/separator.md",
			"summary": "Visually or semantically separates content."
		},
		{
			"name": "Sheet",
			"slug": "components/sheet",
			"status": "stable",
			"importPath": "@ngrok/mantle/sheet",
			"docsUrl": "https://mantle.ngrok.com/components/sheet",
			"markdownUrl": "https://mantle.ngrok.com/components/sheet.md",
			"summary": "A container that overlays the current view from the edge of the screen."
		},
		{
			"name": "Skeleton",
			"slug": "components/skeleton",
			"status": "stable",
			"importPath": "@ngrok/mantle/skeleton",
			"docsUrl": "https://mantle.ngrok.com/components/skeleton",
			"markdownUrl": "https://mantle.ngrok.com/components/skeleton.md",
			"summary": "Use to show a placeholder while content is loading."
		},
		{
			"name": "Skip to Main Link",
			"slug": "components/skip-to-main-link",
			"status": "stable",
			"importPath": "@ngrok/mantle/skip-to-main-link",
			"docsUrl": "https://mantle.ngrok.com/components/skip-to-main-link",
			"markdownUrl": "https://mantle.ngrok.com/components/skip-to-main-link.md",
			"summary": "A visually-hidden-until-focused \"skip link\" that lets keyboard users jump to the page's main content landmark."
		},
		{
			"name": "Slider",
			"slug": "components/slider",
			"status": "stable",
			"importPath": "@ngrok/mantle/slider",
			"docsUrl": "https://mantle.ngrok.com/components/slider",
			"markdownUrl": "https://mantle.ngrok.com/components/slider.md",
			"summary": "An input where the user selects a value from within a given range."
		},
		{
			"name": "Slot",
			"slug": "components/slot",
			"status": "stable",
			"importPath": "@ngrok/mantle/slot",
			"docsUrl": "https://mantle.ngrok.com/components/slot",
			"markdownUrl": "https://mantle.ngrok.com/components/slot.md",
			"summary": "Merges its props onto its immediate child."
		},
		{
			"name": "Split Button",
			"slug": "components/split-button",
			"status": "stable",
			"importPath": "@ngrok/mantle/split-button",
			"docsUrl": "https://mantle.ngrok.com/components/split-button",
			"markdownUrl": "https://mantle.ngrok.com/components/split-button.md",
			"summary": "A button group which provides a default action with one click while revealing related alternatives through a dropdown menu."
		},
		{
			"name": "Switch",
			"slug": "components/switch",
			"status": "stable",
			"importPath": "@ngrok/mantle/switch",
			"docsUrl": "https://mantle.ngrok.com/components/switch",
			"markdownUrl": "https://mantle.ngrok.com/components/switch.md",
			"summary": "A control that allows the user to toggle between checked and not checked."
		},
		{
			"name": "Table",
			"slug": "components/table",
			"status": "stable",
			"importPath": "@ngrok/mantle/table",
			"docsUrl": "https://mantle.ngrok.com/components/table",
			"markdownUrl": "https://mantle.ngrok.com/components/table.md",
			"summary": "A structured way to display data in rows and columns."
		},
		{
			"name": "Tabs",
			"slug": "components/tabs",
			"status": "stable",
			"importPath": "@ngrok/mantle/tabs",
			"docsUrl": "https://mantle.ngrok.com/components/tabs",
			"markdownUrl": "https://mantle.ngrok.com/components/tabs.md",
			"summary": "A set of layered sections of content—known as tab panels—that are displayed one at a time."
		},
		{
			"name": "Text Area",
			"slug": "components/text-area",
			"status": "stable",
			"importPath": "@ngrok/mantle/text-area",
			"docsUrl": "https://mantle.ngrok.com/components/text-area",
			"markdownUrl": "https://mantle.ngrok.com/components/text-area.md",
			"summary": "A multi-line plain-text editing control."
		},
		{
			"name": "Theme",
			"slug": "components/theme",
			"status": "stable",
			"importPath": "@ngrok/mantle/theme",
			"docsUrl": "https://mantle.ngrok.com/components/theme",
			"markdownUrl": "https://mantle.ngrok.com/components/theme.md",
			"summary": "Theme primitives — ThemeProvider, MantleStyleSheets, and FOUC prevention — for light, dark, and high-contrast modes."
		},
		{
			"name": "Toast",
			"slug": "components/toast",
			"status": "stable",
			"importPath": "@ngrok/mantle/toast",
			"docsUrl": "https://mantle.ngrok.com/components/toast",
			"markdownUrl": "https://mantle.ngrok.com/components/toast.md",
			"summary": "A succinct message that is displayed temporarily."
		},
		{
			"name": "Tooltip",
			"slug": "components/tooltip",
			"status": "stable",
			"importPath": "@ngrok/mantle/tooltip",
			"docsUrl": "https://mantle.ngrok.com/components/tooltip",
			"markdownUrl": "https://mantle.ngrok.com/components/tooltip.md",
			"summary": "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it."
		}
	]
}