{
    "elements" : {
        "accordion" : "Accordion",
        "alert" : "Alert",
        "badge" : "Badge",
        "banner" : "Banner",
        "breadcrumbs" : "Breadcrumbs",
        "button" : "Button",
        "card" : "Card",
        "checkbox" : "Checkbox",
        "command" : "Command",
        "context-menu" : "Context Menu",
        "copy-to-clipboard" : "Copy to Clipboard",
        "date-picker" : "Date Picker",
        "dropdown-menu" : "Dropdown Menu",
        "full-screen-modal" : "Full Screen Modal",
        "hover-card" : "Hover Card",
        "image-gallery" : "Image Gallery",
        "menubar" : "Menu Bar",
        "modal" : "Modal",
        "monaco-editor" : "Monaco Editor",
        "navigation-menu" : "Navigation Menu",
        "pagination" : "Pagination",
        "popover" : "Popover",
        "progress" : "Progress",
        "quotes" : "Quotes",
        "radio-group": "Radio Group",
        "range-slider": "Range Slider",
        "select" : "Select",
        "slide-over" : "Slide-over",
        "switch" : "Switch",
        "table" : "Table",
        "tabs" : "Tabs",
        "text-animation" : "Text Animation",
        "text-input" : "Text Input",
        "textarea" : "Textarea",
        "textarea-auto-resize" : "Textarea (auto-resize)",
        "toast": "Toast Notification",
        "tooltip" : "Tooltip",
        "typing-effect" : "Typing Effect",
        "video" : "Video"
    },
    "description" : {
        "accordion" : "An accordion element to show and hide content.",
        "alert" : "An alert element that is used to draw attention.",
        "badge" : "A badge element used to highlight new or updated content, indicate status, or convey additional information.",
        "banner" : "Call to action banner that stick to the top or bottom of the page.",
        "breadcrumbs" : "A breadcrumb navigation element that can be used to show a user's location within a website.",
        "button" : "A button element that can be used to trigger an action.",
        "card" : "A card element that can be used to display content.",
        "checkbox" : "A checkbox element that can be used to select one or more options.",
        "command" : "A simple and searchable command menu element.",
        "context-menu" : "A context menu element that can be used to show a menu of actions for functions.",
        "copy-to-clipboard" : "An element that will copy text to clipboard when clicked.",
        "date-picker" : "A date picker element that can be used to select a date.",
        "dropdown-menu": "A simple dropdown menu element.",
        "full-screen-modal" : "A full screen modal element.",
        "hover-card" : "A hover element card preview.",
        "image-gallery" : "A simple image gallery element for showing images.",
        "modal" : "A simple modal element that can be used to show and hide content.",
        "monaco-editor" : "A simple code editor using the Monaco editor library.",
        "menubar" : "A visually persistent menu common in desktop applications, offering convenient access to a consistent set of commands.",
        "navigation-menu" : "A simple navigation menu element",
        "pagination" : "A pagination element that can be used to navigate through pages of content.",
        "popover" : "A popover element that can display rich content in a portal, triggered by a button.",
        "progress" : "A progress element that can be used to show the progress of a task.",
        "quotes" : "A blockquote element that can be used to display a quote.",
        "radio-group" : "A radio selection element that can be used to select one option.",
        "range-slider" : "A range slider element that uses the input type range.",
        "select" : "A custom select input element that can be used to select an option.",
        "slide-over" : "A slide-over element that can be used to show content from the side.",
        "switch" : "A simple toggle switch element to enable or disable an option.",
        "tabs" : "A tab element that can be used to show and hide content.",
        "table" : "A table element for displaying tabular data.",
        "textarea" : "A textarea form input element for collecting long user info.",
        "textarea-auto-resize" : "A textarea form input element that automatically resizes to fit the content.",
        "text-animation" : "Simple text animation elements.",
        "text-input" : "A form input element that can be used to collect user input.",
        "toast": "A toast notification that can be used to show a message. Click a button below to show the toast notification.",
        "tooltip": "A simple tooltip element that can be used to show additional information.",
        "typing-effect" : "This is an element that can be used to type text on to the screen.",
        "video" : "A customized video element that can be used to display a video."
    },
    "container" : {
        "accordion" : "w-full sm:p-10 p-4 box-border flex items-start justify-start max-w-lg mx-auto",
        "alert" : "w-full sm:p-10 p-4 box-border flex flex-col space-y-5 items-center justify-center max-w-3xl mx-auto",
        "badge" : "w-full sm:p-10 p-4 overflow-scroll box-border flex items-center justify-center space-x-2",
        "banner" : "w-full relative overflow-hidden",
        "breadcrumbs" : "w-full sm:p-10 p-4 box-border flex items-center justify-center mx-auto",
        "button" : "w-full sm:p-10 p-4 box-border flex space-x-3 items-center justify-center mx-auto",
        "card" : "w-full sm:p-10 p-4 box-border flex items-center justify-center mx-auto",
        "checkbox" : "w-full sm:p-10 p-4 box-border flex items-center justify-center mx-auto",
        "command" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "context-menu" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "copy-to-clipboard" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "date-picker" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "dropdown-menu" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "full-screen-modal" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "hover-card" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "image-gallery" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "modal" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "monaco-editor" : "w-full h-full box-border flex overflow-hidden items-stretch justify-center",
        "menubar" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "navigation-menu" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "pagination" : "w-full flex items-end justify-center",
        "popover" : "w-full sm:p-10 p-4 box-border h-full flex items-center justify-center",
        "progress" : "w-full max-w-sm mx-auto sm:p-10 p-4 box-border flex items-center justify-center",
        "quotes" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "radio-group" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "range-slider" : "sm:p-10 p-4 box-border flex items-center justify-center",
        "select" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "slide-over" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "switch" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "tabs" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "table" : "w-full",
        "textarea" : "w-full py-10 px-48 box-border flex items-center justify-center",
        "textarea-auto-resize" : "w-full py-10 px-48 box-border flex items-center justify-center",
        "text-animation" : "w-full py-10 box-border flex items-center justify-center",
        "text-input" : "w-full py-10 px-48 box-border flex items-center justify-center",
        "toast" : "w-full sm:p-10 p-4 box-border flex items-center overflow-scroll justify-center",
        "tooltip" : "w-full sm:p-10 p-4 box-border flex items-center justify-center",
        "typing-effect" : "w-full sm:p-10 p-4 flex items-center justify-center",
        "video" : "py-10 w-[640px] mx-auto box-border flex items-center justify-center"
    },
    "tailwind_only" : [
        "alert",
        "badge",
        "breadcrumbs",
        "button",
        "card",
        "checkbox",
        "quotes",
        "range-slider",
        "table",
        "text-input",
        "textarea",
        "pagination"
    ],
    "examples" : {
        "accordion" : ["01", "02"],
        "alert" : ["01", "02"],
        "badge" : ["01", "02", "03", "04"],
        "banner" : ["01", "02"],
        "breadcrumbs" : ["01", "02"],
        "button" : ["01", "02", "03"],
        "card" : ["01", "02", "03"],
        "checkbox" : ["01", "02", "03"],
        "command" : ["01", "02"],
        "context-menu" : ["01", "02"],
        "copy-to-clipboard" : ["01", "02"],
        "date-picker" : ["01"],
        "dropdown-menu" : ["01"],
        "full-screen-menu" : ["01"],
        "full-screen-modal" : ["01"],
        "modal" : ["01", "02"],
        "pagination" : ["01"],
        "progress" : ["01"],
        "slide-over" : ["01"],
        "switch" : ["01"],
        "table" : ["01", "02"],
        "tabs" : ["01"],
        "text-animation" : ["01", "02"],
        "textarea-auto-resize" : ["01"],
        "textarea" : ["01"],
        "tooltip" : ["01", "02"],
        "video" : ["01", "02"]
    }
}