UNPKG

@v0xoss/oss-cli

Version:

A CLI tool that unlocks seamless HeroUI integration (Previously NextUI CLI)

1,458 lines (1,457 loc) 51.4 kB
{ "betaComponents": [ { "name": "accordion", "package": "@v0xoss/accordion", "version": "0.0.5", "docs": "https://heroui.com/docs/components/accordion", "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "alert", "package": "@v0xoss/alert", "version": "0.0.5", "docs": "https://heroui.com/docs/components/alert", "description": "Alerts are temporary notifications that provide concise feedback about an action or event.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "autocomplete", "package": "@v0xoss/autocomplete", "version": "0.0.5", "docs": "https://heroui.com/docs/components/autocomplete", "description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "avatar", "package": "@v0xoss/avatar", "version": "0.0.4", "docs": "https://heroui.com/docs/components/avatar", "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "badge", "package": "@v0xoss/badge", "version": "0.0.4", "docs": "https://heroui.com/docs/components/badge", "description": "Badges are used as a small numerical value or status descriptor for UI elements.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "breadcrumbs", "package": "@v0xoss/breadcrumbs", "version": "0.0.4", "docs": "https://heroui.com/docs/components/breadcrumbs", "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "button", "package": "@v0xoss/button", "version": "0.0.5", "docs": "https://heroui.com/docs/components/button", "description": "Buttons allow users to perform actions and choose with a single tap.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "calendar", "package": "@v0xoss/calendar", "version": "0.0.5", "docs": "https://heroui.com/docs/components/calendar", "description": "A calendar displays one or more date grids and allows users to select a single date.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "card", "package": "@v0xoss/card", "version": "0.0.4", "docs": "https://heroui.com/docs/components/card", "description": "Card is a container for text, photos, and actions in the context of a single subject.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "checkbox", "package": "@v0xoss/checkbox", "version": "0.0.5", "docs": "https://heroui.com/docs/components/checkbox", "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.", "status": "updated", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "chip", "package": "@v0xoss/chip", "version": "0.0.4", "docs": "https://heroui.com/docs/components/chip", "description": "Chips help people enter information, make selections, filter content, or trigger actions.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "code", "package": "@v0xoss/code", "version": "0.0.4", "docs": "https://heroui.com/docs/components/code", "description": "Code is a component used to display inline code.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "date-input", "package": "@v0xoss/date-input", "version": "0.0.5", "docs": "https://heroui.com/docs/components/date-input", "description": "A date input allows users to enter and edit date and time values using a keyboard.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "date-picker", "package": "@v0xoss/date-picker", "version": "0.0.5", "docs": "https://heroui.com/docs/components/date-picker", "description": "A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "divider", "package": "@v0xoss/divider", "version": "0.0.4", "docs": "https://heroui.com/docs/components/divider", "description": ". A separator is a visual divider between two groups of content", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "drawer", "package": "@v0xoss/drawer", "version": "0.0.5", "docs": "https://heroui.com/docs/components/drawer", "description": "Used to render a content that slides in from the side of the screen.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "dropdown", "package": "@v0xoss/dropdown", "version": "0.0.5", "docs": "https://heroui.com/docs/components/dropdown", "description": "A dropdown displays a list of actions or options that a user can choose.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "form", "package": "@v0xoss/form", "version": "0.0.5", "docs": "https://heroui.com/docs/components/form", "description": "A form is a group of inputs that allows users submit data to a server and supports field validation errors.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "react": ">=18", "react-dom": ">=18", "tailwindcss": ">=3.4.0" } }, { "name": "image", "package": "@v0xoss/image", "version": "0.0.4", "docs": "https://heroui.com/docs/components/image", "description": "A simple image component", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "input", "package": "@v0xoss/input", "version": "0.0.5", "docs": "https://heroui.com/docs/components/input", "description": "The input component is designed for capturing user input within a text field.", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "input-otp", "package": "@v0xoss/input-otp", "version": "0.0.5", "docs": "https://heroui.com/docs/components/input-otp", "description": "", "status": "updated", "style": "", "peerDependencies": { "react": ">=18", "react-dom": ">=18", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "kbd", "package": "@v0xoss/kbd", "version": "0.0.4", "docs": "https://heroui.com/docs/components/kbd", "description": "The keyboard key components indicates which key or set of keys used to execute a specificv action", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "link", "package": "@v0xoss/link", "version": "0.0.4", "docs": "https://heroui.com/docs/components/link", "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an <a>", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "listbox", "package": "@v0xoss/listbox", "version": "0.0.5", "docs": "https://heroui.com/docs/components/listbox", "description": "A listbox displays a list of options and allows a user to select one or more of them.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "menu", "package": "@v0xoss/menu", "version": "0.0.5", "docs": "https://heroui.com/docs/components/menu", "description": "A menu displays a list of options and allows a user to select one or more of them.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "modal", "package": "@v0xoss/modal", "version": "0.0.5", "docs": "https://heroui.com/docs/components/modal", "description": "Displays a dialog with a custom content that requires attention or provides additional information.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "navbar", "package": "@v0xoss/navbar", "version": "0.0.5", "docs": "https://heroui.com/docs/components/navbar", "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "number-input", "package": "@v0xoss/number-input", "version": "0.0.5", "docs": "https://heroui.com/docs/components/number-input", "description": "The numeric input component is designed for users to enter a number, and increase or decrease the value using stepper buttons", "status": "new", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "pagination", "package": "@v0xoss/pagination", "version": "0.0.4", "docs": "https://heroui.com/docs/components/pagination", "description": "The Pagination component allows you to display active page and navigate between multiple pages.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "popover", "package": "@v0xoss/popover", "version": "0.0.5", "docs": "https://heroui.com/docs/components/popover", "description": "A popover is an overlay element positioned relative to a trigger.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "progress", "package": "@v0xoss/progress", "version": "0.0.4", "docs": "https://heroui.com/docs/components/progress", "description": "Progress bars show either determinate or indeterminate progress of an operation over time.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "radio", "package": "@v0xoss/radio", "version": "0.0.5", "docs": "https://heroui.com/docs/components/radio", "description": "Radios allow users to select a single option from a list of mutually exclusive options.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "ripple", "package": "@v0xoss/ripple", "version": "0.0.4", "docs": "https://heroui.com/docs/components/ripple", "description": "A simple implementation to display a ripple animation when the source component is clicked", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "scroll-shadow", "package": "@v0xoss/scroll-shadow", "version": "0.0.4", "docs": "https://heroui.com/docs/components/scroll-shadow", "description": "A component that applies top and bottom shadows when content overflows on scroll.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "select", "package": "@v0xoss/select", "version": "0.0.5", "docs": "https://heroui.com/docs/components/select", "description": "A select displays a collapsible list of options and allows a user to select one of them.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "skeleton", "package": "@v0xoss/skeleton", "version": "0.0.4", "docs": "https://heroui.com/docs/components/skeleton", "description": "Skeleton is used to display the loading state of some component.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "slider", "package": "@v0xoss/slider", "version": "0.0.5", "docs": "https://heroui.com/docs/components/slider", "description": "A slider allows a user to select one or more values within a range.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "snippet", "package": "@v0xoss/snippet", "version": "0.0.5", "docs": "https://heroui.com/docs/components/snippet", "description": "Display a snippet of copyable code for the command line.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "spacer", "package": "@v0xoss/spacer", "version": "0.0.4", "docs": "https://heroui.com/docs/components/spacer", "description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "spinner", "package": "@v0xoss/spinner", "version": "0.0.5", "docs": "https://heroui.com/docs/components/spinner", "description": "Loaders express an unspecified wait time or display the length of a process.", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "switch", "package": "@v0xoss/switch", "version": "0.0.4", "docs": "https://heroui.com/docs/components/switch", "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.", "status": "stable", "style": "toggle", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "table", "package": "@v0xoss/table", "version": "0.0.5", "docs": "https://heroui.com/docs/components/table", "description": "Tables are used to display tabular data using rows and columns. ", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "tabs", "package": "@v0xoss/tabs", "version": "0.0.5", "docs": "https://heroui.com/docs/components/tabs", "description": "Tabs organize content into multiple sections and allow users to navigate between them.", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "toast", "package": "@v0xoss/toast", "version": "0.0.5", "docs": "https://heroui.com/docs/components/toast", "description": "Toast are temporary notifications that provide concise feedback about an action or event", "status": "new", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "tailwindcss": ">=3.4.0" } }, { "name": "tooltip", "package": "@v0xoss/tooltip", "version": "0.0.5", "docs": "https://heroui.com/docs/components/tooltip", "description": "A React Component for rendering dynamically positioned Tooltips", "status": "stable", "style": "popover", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "user", "package": "@v0xoss/user", "version": "0.0.4", "docs": "https://heroui.com/docs/components/user", "description": "Flexible User Profile Component.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } } ], "betaVersion": "0.0.5", "components": [ { "name": "accordion", "package": "@v0xoss/accordion", "version": "0.0.5", "docs": "https://heroui.com/docs/components/accordion", "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "alert", "package": "@v0xoss/alert", "version": "0.0.5", "docs": "https://heroui.com/docs/components/alert", "description": "Alerts are temporary notifications that provide concise feedback about an action or event.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "autocomplete", "package": "@v0xoss/autocomplete", "version": "0.0.5", "docs": "https://heroui.com/docs/components/autocomplete", "description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "avatar", "package": "@v0xoss/avatar", "version": "0.0.4", "docs": "https://heroui.com/docs/components/avatar", "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "badge", "package": "@v0xoss/badge", "version": "0.0.4", "docs": "https://heroui.com/docs/components/badge", "description": "Badges are used as a small numerical value or status descriptor for UI elements.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "breadcrumbs", "package": "@v0xoss/breadcrumbs", "version": "0.0.4", "docs": "https://heroui.com/docs/components/breadcrumbs", "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "button", "package": "@v0xoss/button", "version": "0.0.5", "docs": "https://heroui.com/docs/components/button", "description": "Buttons allow users to perform actions and choose with a single tap.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "calendar", "package": "@v0xoss/calendar", "version": "0.0.5", "docs": "https://heroui.com/docs/components/calendar", "description": "A calendar displays one or more date grids and allows users to select a single date.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "card", "package": "@v0xoss/card", "version": "0.0.4", "docs": "https://heroui.com/docs/components/card", "description": "Card is a container for text, photos, and actions in the context of a single subject.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "checkbox", "package": "@v0xoss/checkbox", "version": "0.0.5", "docs": "https://heroui.com/docs/components/checkbox", "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.", "status": "updated", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "chip", "package": "@v0xoss/chip", "version": "0.0.4", "docs": "https://heroui.com/docs/components/chip", "description": "Chips help people enter information, make selections, filter content, or trigger actions.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "code", "package": "@v0xoss/code", "version": "0.0.4", "docs": "https://heroui.com/docs/components/code", "description": "Code is a component used to display inline code.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "date-input", "package": "@v0xoss/date-input", "version": "0.0.5", "docs": "https://heroui.com/docs/components/date-input", "description": "A date input allows users to enter and edit date and time values using a keyboard.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "date-picker", "package": "@v0xoss/date-picker", "version": "0.0.5", "docs": "https://heroui.com/docs/components/date-picker", "description": "A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "divider", "package": "@v0xoss/divider", "version": "0.0.4", "docs": "https://heroui.com/docs/components/divider", "description": ". A separator is a visual divider between two groups of content", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "drawer", "package": "@v0xoss/drawer", "version": "0.0.5", "docs": "https://heroui.com/docs/components/drawer", "description": "Used to render a content that slides in from the side of the screen.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "dropdown", "package": "@v0xoss/dropdown", "version": "0.0.5", "docs": "https://heroui.com/docs/components/dropdown", "description": "A dropdown displays a list of actions or options that a user can choose.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "form", "package": "@v0xoss/form", "version": "0.0.5", "docs": "https://heroui.com/docs/components/form", "description": "A form is a group of inputs that allows users submit data to a server and supports field validation errors.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "react": ">=18", "react-dom": ">=18", "tailwindcss": ">=3.4.0" } }, { "name": "image", "package": "@v0xoss/image", "version": "0.0.4", "docs": "https://heroui.com/docs/components/image", "description": "A simple image component", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "input", "package": "@v0xoss/input", "version": "0.0.5", "docs": "https://heroui.com/docs/components/input", "description": "The input component is designed for capturing user input within a text field.", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "input-otp", "package": "@v0xoss/input-otp", "version": "0.0.5", "docs": "https://heroui.com/docs/components/input-otp", "description": "", "status": "updated", "style": "", "peerDependencies": { "react": ">=18", "react-dom": ">=18", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "kbd", "package": "@v0xoss/kbd", "version": "0.0.4", "docs": "https://heroui.com/docs/components/kbd", "description": "The keyboard key components indicates which key or set of keys used to execute a specificv action", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "link", "package": "@v0xoss/link", "version": "0.0.4", "docs": "https://heroui.com/docs/components/link", "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an <a>", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "listbox", "package": "@v0xoss/listbox", "version": "0.0.5", "docs": "https://heroui.com/docs/components/listbox", "description": "A listbox displays a list of options and allows a user to select one or more of them.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "menu", "package": "@v0xoss/menu", "version": "0.0.5", "docs": "https://heroui.com/docs/components/menu", "description": "A menu displays a list of options and allows a user to select one or more of them.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "modal", "package": "@v0xoss/modal", "version": "0.0.5", "docs": "https://heroui.com/docs/components/modal", "description": "Displays a dialog with a custom content that requires attention or provides additional information.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "navbar", "package": "@v0xoss/navbar", "version": "0.0.5", "docs": "https://heroui.com/docs/components/navbar", "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "number-input", "package": "@v0xoss/number-input", "version": "0.0.5", "docs": "https://heroui.com/docs/components/number-input", "description": "The numeric input component is designed for users to enter a number, and increase or decrease the value using stepper buttons", "status": "new", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "pagination", "package": "@v0xoss/pagination", "version": "0.0.4", "docs": "https://heroui.com/docs/components/pagination", "description": "The Pagination component allows you to display active page and navigate between multiple pages.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "popover", "package": "@v0xoss/popover", "version": "0.0.5", "docs": "https://heroui.com/docs/components/popover", "description": "A popover is an overlay element positioned relative to a trigger.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "progress", "package": "@v0xoss/progress", "version": "0.0.4", "docs": "https://heroui.com/docs/components/progress", "description": "Progress bars show either determinate or indeterminate progress of an operation over time.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "radio", "package": "@v0xoss/radio", "version": "0.0.5", "docs": "https://heroui.com/docs/components/radio", "description": "Radios allow users to select a single option from a list of mutually exclusive options.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "ripple", "package": "@v0xoss/ripple", "version": "0.0.4", "docs": "https://heroui.com/docs/components/ripple", "description": "A simple implementation to display a ripple animation when the source component is clicked", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "scroll-shadow", "package": "@v0xoss/scroll-shadow", "version": "0.0.4", "docs": "https://heroui.com/docs/components/scroll-shadow", "description": "A component that applies top and bottom shadows when content overflows on scroll.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "select", "package": "@v0xoss/select", "version": "0.0.5", "docs": "https://heroui.com/docs/components/select", "description": "A select displays a collapsible list of options and allows a user to select one of them.", "status": "stable", "style": "", "peerDependencies": { "@v0xoss/system": ">=0.0.0", "@v0xoss/theme": ">=0.0.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "tailwindcss": ">=3.4.0" } }, { "name": "skeleton", "package": "@v0xoss/skeleton", "version": "0.0.4", "docs": "https://heroui.com/docs/components/skeleton", "description": "Skeleton is used to display the loading state of some component.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "slider", "package": "@v0xoss/slider", "version": "0.0.5", "docs": "https://heroui.com/docs/components/slider", "description": "A slider allows a user to select one or more values within a range.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "snippet", "package": "@v0xoss/snippet", "version": "0.0.5", "docs": "https://heroui.com/docs/components/snippet", "description": "Display a snippet of copyable code for the command line.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "spacer", "package": "@v0xoss/spacer", "version": "0.0.4", "docs": "https://heroui.com/docs/components/spacer", "description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.", "status": "stable", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "spinner", "package": "@v0xoss/spinner", "version": "0.0.5", "docs": "https://heroui.com/docs/components/spinner", "description": "Loaders express an unspecified wait time or display the length of a process.", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "switch", "package": "@v0xoss/switch", "version": "0.0.4", "docs": "https://heroui.com/docs/components/switch", "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.", "status": "stable", "style": "toggle", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "table", "package": "@v0xoss/table", "version": "0.0.5", "docs": "https://heroui.com/docs/components/table", "description": "Tables are used to display tabular data using rows and columns. ", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "tabs", "package": "@v0xoss/tabs", "version": "0.0.5", "docs": "https://heroui.com/docs/components/tabs", "description": "Tabs organize content into multiple sections and allow users to navigate between them.", "status": "updated", "style": "", "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1", "@v0xoss/theme": ">=0.0.0", "@v0xoss/system": ">=0.0.0", "tailwindcss": ">=3.4.0" } }, { "name": "toast", "package": "@v0xoss/toast", "version": "0.0.5", "docs": "https://heroui.com/docs/components/toast", "description": "Toast are temporary notifications that provide concise feedback about an action or event", "status": "new", "style": "",