@nova-design-system/nova-webcomponents 3.0.0-beta.17

package/dist/vscode-data.json

@@ -0,0 +1,3179 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "nv-alert",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-alert` component is designed to display important messages succinctly while drawing attention to actions that users may need to take. Alerts serve as a visual prompt that can either be dismissed or interacted with, depending on the content and context provided. Alerts are styled as vibrant-colored blocks that catch the eye, ensuring that important information is not overlooked. These alerts persist on the screen until the user takes action to resolve the message or opts to dismiss it, making them a staple in user interfaces for immediate communication."
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "Defines color of the alert.",
+          "values": [
+            {
+              "name": "error"
+            },
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "success"
+            }
+          ]
+        },
+        {
+          "name": "dismissible",
+          "description": "Allows the alert to be dismissed via a close button (x). The alert is not\ndismissible unless explicitly enabled."
+        },
+        {
+          "name": "feedback",
+          "description": "Specifies the alert type which determines the color and default icon.",
+          "values": [
+            {
+              "name": "error"
+            },
+            {
+              "name": "information"
+            },
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "heading",
+          "description": "Short and concise text for the alert title."
+        },
+        {
+          "name": "hidden",
+          "description": "Controls the visibility of the alert. Will animate with fade and collapse."
+        },
+        {
+          "name": "icon",
+          "description": "Icon associated with the alert, defaults vary based on the feedback type."
+        },
+        {
+          "name": "message",
+          "description": "Main content of the alert. For more complex content, use the default slot\ninstead."
+        },
+        {
+          "name": "prevent-auto-close",
+          "description": "When true, the alert does not automatically close upon dismissing.\nUseful for externally controlled component behavior."
+        }
+      ]
+    },
+    {
+      "name": "nv-avatar",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-avatar` component is designed to display user profile pictures, initials, or icons within a circular, square, or rounded container. It can be customized with different colors and comes in five sizes: extra small, small, medium, large, and extra-large. The default shape is circular, but it can be adjusted to square or rounded as needed."
+      },
+      "attributes": [
+        {
+          "name": "alt",
+          "description": "If and image is provided, add an alt tag to describe it."
+        },
+        {
+          "name": "color",
+          "description": "You can apply different colors on the Avatar.\nUse a string number between 1 and 10."
+        },
+        {
+          "name": "initials",
+          "description": "Initials of the avatar. Usually use two letters\nWhen filled with the src parameter, the text will not be rendered."
+        },
+        {
+          "name": "large",
+          "description": "Set size to Large to the avatar."
+        },
+        {
+          "name": "medium",
+          "description": "Set size to Medium to the avatar."
+        },
+        {
+          "name": "size",
+          "description": "Define the size of the avatar. You can use t-shirt sizes.",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            },
+            {
+              "name": "xs"
+            }
+          ]
+        },
+        {
+          "name": "small",
+          "description": "Set size to Small to the avatar."
+        },
+        {
+          "name": "src",
+          "description": "Will insert an image into the avatar."
+        },
+        {
+          "name": "text",
+          "description": "Set initials to the avatar."
+        },
+        {
+          "name": "url",
+          "description": "Set src to the avatar."
+        },
+        {
+          "name": "xlarge",
+          "description": "Set size to ExtraLarge to the avatar."
+        },
+        {
+          "name": "xsmall",
+          "description": "Set size to ExtraSmall to the avatar."
+        }
+      ]
+    },
+    {
+      "name": "nv-badge",
+      "description": {
+        "kind": "markdown",
+        "value": "Badges are used to inform users of the status of an object or an action that has been taken. Use badges to label, categorize, or organize items using keywords that describe them."
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "The color of the badge. Use a string between 1 to 5"
+        },
+        {
+          "name": "dismissal",
+          "description": "Whether the badge is dismissible."
+        },
+        {
+          "name": "dismissible",
+          "description": "Whether the badge is dismissible."
+        },
+        {
+          "name": "hidden",
+          "description": "Controls the visibility of the badge. Will animate with fade and collapse."
+        },
+        {
+          "name": "icon",
+          "description": "The icon to display in the badge."
+        },
+        {
+          "name": "icon-location",
+          "description": "The location of the icon in the badge.",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "Main content of the badge."
+        },
+        {
+          "name": "lead-icon",
+          "description": "The lead icon of the badge."
+        },
+        {
+          "name": "prevent-auto-close",
+          "description": "When true, the alert does not automatically close upon dismissing.\nUseful for externally controlled component behavior."
+        }
+      ]
+    },
+    {
+      "name": "nv-base",
+      "description": {
+        "kind": "markdown",
+        "value": "This is the base component for v2 and serves as the foundational component for all Nova components. It provides the basic structure for Nova components and should be used as the base for creating other components. This component should not be used directly in the application."
+      },
+      "attributes": []
+    },
+    {
+      "name": "nv-button",
+      "description": {
+        "kind": "markdown",
+        "value": "The Button component enhances standard HTML buttons with Nova Design styling and extended functionality. It offers customizable visual emphasis, distinct styling for destructive actions, and built-in accessibility. \n\nThis component allows developers to guide user attention effectively, providing a unified approach to action triggers across your application."
+      },
+      "attributes": [
+        {
+          "name": "danger",
+          "description": "Applies styling that visually indicates the button represents a dangerous\naction."
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the button, preventing user interaction."
+        },
+        {
+          "name": "emphasis",
+          "description": "Adjusts the button's emphasis to make it more or less visually prominent\nto users. Use this to draw attention to important actions or reduce focus\non less critical ones",
+          "values": [
+            {
+              "name": "high"
+            },
+            {
+              "name": "low"
+            },
+            {
+              "name": "lower"
+            },
+            {
+              "name": "medium"
+            }
+          ]
+        },
+        {
+          "name": "fluid",
+          "description": "Allows the button to stretch and fill the entire width of its container."
+        },
+        {
+          "name": "loading",
+          "description": "Set this to true to show a spinner on the button, letting users know that\ntheir action is being processed. It helps improve user experience by\nindicating ongoing activities."
+        },
+        {
+          "name": "size",
+          "description": "Determines how large or small the button appears, allowing for\ncustomization of the button's dimensions to fit different design\nspecifications and user needs.",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xs"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "Sets the button type to control its function in forms. Use 'submit' to send\nform data, 'reset' to clear the form, or 'button' for a standard button\nthat doesn’t interact with form submission by default.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "nv-col",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-col` component is used within an `nv-row` component. It allows for the creation of flexible, responsive layouts by dividing the available space into columns. The component operates on a grid system based on 12 equal parts, meaning you can specify how many of these 12 parts a particular column should span."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Defines the column size based on a 12 column grid system."
+        }
+      ]
+    },
+    {
+      "name": "nv-fieldcheckbox",
+      "description": {
+        "kind": "markdown",
+        "value": "The checkbox component is a simple and essential element of user interfaces. It allows users to select one or more options from a list. Each checkbox can be activated or deactivated with a single click, changing its appearance from empty to checked, and vice versa. This clear visual system helps users easily understand which options are selected. Checkboxes are often used in forms to enable users to personalize their choices in an intuitive and flexible way."
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Indicates whether the checkbox is checked or not."
+        },
+        {
+          "name": "description",
+          "description": "A description providing additional context or information about the\ncheckbox."
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the checkbox, preventing user interaction."
+        },
+        {
+          "name": "error",
+          "description": "Signals that there is an error associated with the checkbox, which can\ntrigger visual cues."
+        },
+        {
+          "name": "error-description",
+          "description": "A description that appears when there is an error related to the checkbox."
+        },
+        {
+          "name": "hide-label",
+          "description": "Hides the label visually while still keeping it available for screen\nreaders."
+        },
+        {
+          "name": "indeterminate",
+          "description": "Indicates whether the checkbox is in an indeterminate state, typically used\nfor hierarchical checkboxes."
+        },
+        {
+          "name": "input-id",
+          "description": "Sets the ID for the radio button’s input element and the for attribute of\nthe associated label. If no ID is provided, a random one will be\nautomatically generated to ensure unique identification, facilitating\nproper label association and accessibility."
+        },
+        {
+          "name": "label",
+          "description": "The label displayed next to the checkbox."
+        },
+        {
+          "name": "label-before",
+          "description": "When true, the label will be placed before the checkbox."
+        },
+        {
+          "name": "label-placement",
+          "description": "Determines the position of the label relative to the checkbox, either\n'start' (before) or 'end' (after).",
+          "values": [
+            {
+              "name": "after"
+            },
+            {
+              "name": "before"
+            }
+          ]
+        },
+        {
+          "name": "message",
+          "description": "Message define a 'hint ' message for the Field."
+        },
+        {
+          "name": "name",
+          "description": "The name attribute for the checkbox input, used to reference the form data\nafter submission."
+        },
+        {
+          "name": "readonly",
+          "description": "Sets the checkbox to read-only, preventing user changes but still allowing\nfocus and selection of text."
+        },
+        {
+          "name": "required",
+          "description": "Marks the checkbox as required, indicating that it must be checked for\nform submission."
+        },
+        {
+          "name": "validation",
+          "description": "The text for the validation message."
+        },
+        {
+          "name": "value",
+          "description": "The value attribute of the checkbox input, representing the value sent on\nform submission when the checkbox is checked. When the form is submitted,\nthe data will consist of a name=value pair."
+        }
+      ]
+    },
+    {
+      "name": "nv-fieldnumber",
+      "description": {
+        "kind": "markdown",
+        "value": "NvFieldnumber is a custom web component that provides a styled number input field with various properties and methods to enhance its functionality. It includes features such as labels, descriptions, placeholders, validation messages, and stepper buttons for incrementing and decrementing the value."
+      },
+      "attributes": [
+        {
+          "name": "description",
+          "description": "Add helpful hints or extra information under the text input field. This is\nwhere you can clarify what users should enter or provide additional\ninstructions, making the form easier to fill out correctly."
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled prop lets you turn off the input field so that users can’t\ntype in it. When disabled, the field is grayed out and won’t respond to#\nclicks or touches."
+        },
+        {
+          "name": "error",
+          "description": "Alters the input field’s appearance to indicate an error, helping users\nidentify fields that need correction."
+        },
+        {
+          "name": "error-description",
+          "description": "Show a helpful message under the input field when there’s a problem. It\nexplains what’s wrong and how users can fix it, making the error easier to\nunderstand and resolve."
+        },
+        {
+          "name": "input-id",
+          "description": "Sets the ID for the input element and the for attribute of the associated\nlabel. If no ID is provided, a random one will be automatically generated\nto ensure unique identification, facilitating proper label association and\naccessibility."
+        },
+        {
+          "name": "label",
+          "description": "Lets you define the text that explains what users should enter in the text\ninput field. It’s a crucial element for making forms clear and\nuser-friendly."
+        },
+        {
+          "name": "max",
+          "description": "The maximum value that the input field can accept. Use this in combination\nwith min to create a range of valid values."
+        },
+        {
+          "name": "message",
+          "description": "Message defines a 'hint ' message for the number field."
+        },
+        {
+          "name": "min",
+          "description": "The minimum value that the input field can accept. Use this in combination\nwith max to create a range of valid values."
+        },
+        {
+          "name": "name",
+          "description": "Defines the name attribute of the input field, which is crucial for form\nsubmission. This value is used as the key in the key-value pair sent to\nthe server, representing the input’s data in form submissions. It should be\nunique within the form to avoid conflicts"
+        },
+        {
+          "name": "placeholder",
+          "description": "Display temporary text inside the input field to give users a hint about\nwhat to type. It’s a great way to provide examples or suggestions directly\nin the field before they start typing."
+        },
+        {
+          "name": "readonly",
+          "description": "Display the input field’s content without allowing users to change it.\nUsers can still click on it, select, and copy the text, but they won’t be\nable to type or delete anything."
+        },
+        {
+          "name": "required",
+          "description": "Marks the input field as required, ensuring that the user must fill it out\nbefore submitting the form."
+        },
+        {
+          "name": "step",
+          "description": "Define the increment value for the input field. It determines how much the\nvalue will increase or decrease when the user clicks the stepper buttons."
+        },
+        {
+          "name": "success",
+          "description": "Changes the input field’s appearance to indicate successful input or\nvalidation."
+        },
+        {
+          "name": "validation",
+          "description": "Add the message to the validation state."
+        },
+        {
+          "name": "value",
+          "description": "The value of the input field. It’s the text that users type in or the value\nthat you set programmatically. This is the main way to interact with the\ninput field, and it’s essential for creating forms that users can fill out."
+        }
+      ]
+    },
+    {
+      "name": "nv-fieldpassword",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-fieldpassword` component is, as its name suggests, a text input field that can be used in forms. It includes a label, a message and a validation status. The input type is the password. The input value can be controlled by the parent component, and Pattern management is used natively via regexes. It can also display an error status, a hint message or a validation message."
+      },
+      "attributes": [
+        {
+          "name": "autocomplete",
+          "description": "The autocomplete prop helps users fill out the input field faster by\nsuggesting entries they’ve used before, like their email or address.\nYou can turn it on to make forms more convenient or off to ensure users\nalways type in fresh data.",
+          "values": [
+            {
+              "name": "on"
+            },
+            {
+              "name": "off"
+            },
+            {
+              "name": "section-*"
+            },
+            {
+              "name": "shipping"
+            },
+            {
+              "name": "billing"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "work"
+            },
+            {
+              "name": "mobile"
+            },
+            {
+              "name": "fax"
+            },
+            {
+              "name": "pager"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "tel-country-code"
+            },
+            {
+              "name": "tel-national"
+            },
+            {
+              "name": "tel-area-code"
+            },
+            {
+              "name": "tel-local"
+            },
+            {
+              "name": "tel-local-prefix"
+            },
+            {
+              "name": "tel-local-suffix"
+            },
+            {
+              "name": "tel-extension"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "impp"
+            },
+            {
+              "name": "name"
+            },
+            {
+              "name": "honorific-prefix"
+            },
+            {
+              "name": "given-name"
+            },
+            {
+              "name": "additional-name"
+            },
+            {
+              "name": "family-name"
+            },
+            {
+              "name": "honorific-suffix"
+            },
+            {
+              "name": "nickname"
+            },
+            {
+              "name": "username"
+            },
+            {
+              "name": "new-password"
+            },
+            {
+              "name": "current-password"
+            },
+            {
+              "name": "one-time-code"
+            },
+            {
+              "name": "organization-title"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "street-address"
+            },
+            {
+              "name": "address-line1"
+            },
+            {
+              "name": "address-line2"
+            },
+            {
+              "name": "address-line3"
+            },
+            {
+              "name": "address-level4"
+            },
+            {
+              "name": "address-level3"
+            },
+            {
+              "name": "address-level2"
+            },
+            {
+              "name": "address-level1"
+            },
+            {
+              "name": "country"
+            },
+            {
+              "name": "country-name"
+            },
+            {
+              "name": "postal-code"
+            },
+            {
+              "name": "cc-name"
+            },
+            {
+              "name": "cc-given-name"
+            },
+            {
+              "name": "cc-additional-name"
+            },
+            {
+              "name": "cc-family-name"
+            },
+            {
+              "name": "cc-number"
+            },
+            {
+              "name": "cc-exp"
+            },
+            {
+              "name": "cc-exp-month"
+            },
+            {
+              "name": "cc-exp-year"
+            },
+            {
+              "name": "cc-csc"
+            },
+            {
+              "name": "cc-type"
+            },
+            {
+              "name": "transaction-currency"
+            },
+            {
+              "name": "transaction-amount"
+            },
+            {
+              "name": "language"
+            },
+            {
+              "name": "bday"
+            },
+            {
+              "name": "bday-day"
+            },
+            {
+              "name": "bday-month"
+            },
+            {
+              "name": "bday-year"
+            },
+            {
+              "name": "sex"
+            },
+            {
+              "name": "url"
+            },
+            {
+              "name": "photo"
+            }
+          ]
+        },
+        {
+          "name": "description",
+          "description": "Add helpful hints or extra information under the text input field. This is\nwhere you can clarify what users should enter or provide additional\ninstructions, making the form easier to fill out correctly."
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled prop lets you turn off the input field so that users can’t\ntype in it. When disabled, the field is grayed out and won’t respond to#\nclicks or touches."
+        },
+        {
+          "name": "error",
+          "description": "Alters the input field’s appearance to indicate an error, helping users\nidentify fields that need correction."
+        },
+        {
+          "name": "error-description",
+          "description": "A description that appears when there is an error related to the password\nfield."
+        },
+        {
+          "name": "hide-password-icon",
+          "description": "Hide the button to show/hide the password."
+        },
+        {
+          "name": "input-id",
+          "description": "Sets the ID for the input element and the for attribute of the associated\nlabel. If no ID is provided, a random one will be automatically generated\nto ensure unique identification, facilitating proper label association and\naccessibility."
+        },
+        {
+          "name": "label",
+          "description": "Lets you define the text that explains what users should enter in the text\ninput field. It’s a crucial element for making forms clear and\nuser-friendly."
+        },
+        {
+          "name": "maxlength",
+          "description": "Limits how many characters users can type into the input field. It’s\nhelpful for making sure users don’t enter too much information, keeping\ntheir input within the allowed limit."
+        },
+        {
+          "name": "minlength",
+          "description": "Ensures that users type at least a certain number of characters into the\ninput field. It’s a way to make sure users provide enough information\nbefore moving on."
+        },
+        {
+          "name": "mode",
+          "description": "Defines the type of the input.",
+          "values": [
+            {
+              "name": "number"
+            },
+            {
+              "name": "text"
+            }
+          ]
+        },
+        {
+          "name": "name",
+          "description": "Defines the name attribute of the input field, which is crucial for form\nsubmission. This value is used as the key in the key-value pair sent to\nthe server, representing the input’s data in form submissions. It should be\nunique within the form to avoid conflicts"
+        },
+        {
+          "name": "pattern",
+          "description": "Set rules for how the input should be formatted. For example, you can\nrequire that a phone number includes only digits or that an email address\nhas the correct format. If users don’t follow these rules, they’ll get a\nprompt to correct their input.\nthe rules are applied to the input value via regexes."
+        },
+        {
+          "name": "placeholder",
+          "description": "Display temporary text inside the input field to give users a hint about\nwhat to type. It’s a great way to provide examples or suggestions directly\nin the field before they start typing."
+        },
+        {
+          "name": "readonly",
+          "description": "Display the input field’s content without allowing users to change it.\nUsers can still click on it, select, and copy the text, but they won’t be\nable to type or delete anything."
+        },
+        {
+          "name": "required",
+          "description": "Marks the input field as required, ensuring that the user must fill it out\nbefore submitting the form."
+        },
+        {
+          "name": "show-password",
+          "description": "Show/hide the password programmatically."
+        },
+        {
+          "name": "success",
+          "description": "Changes the input field’s appearance to indicate successful input or\nvalidation."
+        },
+        {
+          "name": "value",
+          "description": "Specifies the value of the input field, which determines the text displayed\nwithin the field. This prop is typically used in controlled components\nwhere the input’s value is managed by the component’s state."
+        }
+      ]
+    },
+    {
+      "name": "nv-fieldradio",
+      "description": {
+        "kind": "markdown",
+        "value": "Use radio buttons when you have a group of mutually exclusive choices and only one selection from the group is allowed."
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Controls whether the radio button is selected."
+        },
+        {
+          "name": "description",
+          "description": "Adds a helpful hint message below the label. This description provides\nextra information or context about the radio button option, assisting users\nin making more informed choices."
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the radio button, making it un-selectable."
+        },
+        {
+          "name": "error",
+          "description": "Highlight the radio button with error styling. It helps users quickly\nidentify which option needs attention, improving their form-filling\nexperience by making issues more visible."
+        },
+        {
+          "name": "error-description",
+          "description": "A description that appears when there is an error related to the radio\nbutton."
+        },
+        {
+          "name": "input-id",
+          "description": "Sets the ID for the radio button’s input element and the for attribute of\nthe associated label. If no ID is provided, a random one will be\nautomatically generated to ensure unique identification, facilitating\nproper label association and accessibility."
+        },
+        {
+          "name": "label",
+          "description": "Sets the text content that is rendered next to the input element of type\nradio. This label is essential for accessibility and user clarity, as it\ndescribes the purpose or option of the radio button."
+        },
+        {
+          "name": "label-before",
+          "description": "Set the label placement to before the input"
+        },
+        {
+          "name": "label-placement",
+          "description": "Defines the position of the label relative to the radio button.",
+          "values": [
+            {
+              "name": "after"
+            },
+            {
+              "name": "before"
+            }
+          ]
+        },
+        {
+          "name": "message",
+          "description": "Adds a helpful hint message below the label"
+        },
+        {
+          "name": "name",
+          "description": "Use this to assign a group name to your radio buttons. When you have\nmultiple radio buttons with the same name, users will be able to select\nonly one option within that group, making your forms more organized and\nuser-friendly."
+        },
+        {
+          "name": "value",
+          "description": "Defines what data will be sent when the radio button is selected.\nThis helps you identify which option the user has chosen in your form,\nensuring accurate data collection. When the form is submitted, the data\nwill consist of a name=value pair."
+        }
+      ]
+    },
+    {
+      "name": "nv-fieldselect",
+      "description": {
+        "kind": "markdown",
+        "value": "A custom field select component that renders a dropdown (select) element with various slots for customization."
+      },
+      "attributes": [
+        {
+          "name": "description",
+          "description": "Add helpful hints or extra information under the select field. This is\nwhere you can clarify what users should choose or provide additional\ninstructions, making the form easier to fill out correctly."
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled prop lets you turn off the select field so that users can’t\nchoose something. When disabled, the field is grayed out and won’t respond to\nclicks or touches."
+        },
+        {
+          "name": "display-value",
+          "description": "When enabled, displays the value element instead of the label when readonly.\nBy default, the label is displayed in readonly mode. Also it automatically\nsets the component to readonly."
+        },
+        {
+          "name": "error",
+          "description": "Alters the select field’s appearance to indicate an error, helping users\nidentify fields that need correction."
+        },
+        {
+          "name": "error-description",
+          "description": "Show a helpful message under the select field when there’s a problem. It\nexplains what’s wrong and how users can fix it, making the error easier to\nunderstand and resolve."
+        },
+        {
+          "name": "label",
+          "description": "Lets you define the text that explains what users should choose in the\nselect field. It’s a crucial element for making forms clear and\nuser-friendly."
+        },
+        {
+          "name": "message",
+          "description": "Message defines a 'hint ' message for the Select Field."
+        },
+        {
+          "name": "multiple",
+          "description": "When enabled, allows the select to handle multiple selections."
+        },
+        {
+          "name": "name",
+          "description": "Defines the name attribute of the select field, which is crucial for form\nsubmission. This value is used as the key in the key-value pair sent to\nthe server, representing the selected data in form submissions. It should be\nunique within the form to avoid conflicts"
+        },
+        {
+          "name": "readonly",
+          "description": "Display the select field’s content without allowing users to change it.\nUsers can still click on it, select, and copy the text, but they won’t be\nable to change or delete anything."
+        },
+        {
+          "name": "required",
+          "description": "Marks the select field as required, ensuring that the user must fill it out\nbefore submitting the form."
+        },
+        {
+          "name": "select-id",
+          "description": "Sets the ID for the select element and the for attribute of the associated\nlabel. If no ID is provided, a random one will be automatically generated\nto ensure unique identification, facilitating proper label association and\naccessibility."
+        },
+        {
+          "name": "success",
+          "description": "Changes the select field’s appearance to indicate successful input or\nvalidation."
+        },
+        {
+          "name": "validation",
+          "description": "Add the message to the validation state."
+        },
+        {
+          "name": "value",
+          "description": "The value of the select field.\n- If `multiple` is `false`, it's a single string.\n- If `multiple` is `true`, it's a comma-separated string of selected values."
+        }
+      ]
+    },
+    {
+      "name": "nv-fieldtext",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-fieldtext` component is a text input field that can be used in forms. It includes a label, message, and validation state. The input can be of type text, password, email, or number. The value of the input can be controlled by the parent component. It can also display an error state, a hint message, or a validation message."
+      },
+      "attributes": [
+        {
+          "name": "autocomplete",
+          "description": "The autocomplete prop helps users fill out the input field faster by\nsuggesting entries they’ve used before, like their email or address.\nYou can turn it on to make forms more convenient or off to ensure users\nalways type in fresh data.",
+          "values": [
+            {
+              "name": "on"
+            },
+            {
+              "name": "off"
+            },
+            {
+              "name": "section-*"
+            },
+            {
+              "name": "shipping"
+            },
+            {
+              "name": "billing"
+            },
+            {
+              "name": "home"
+            },
+            {
+              "name": "work"
+            },
+            {
+              "name": "mobile"
+            },
+            {
+              "name": "fax"
+            },
+            {
+              "name": "pager"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "tel-country-code"
+            },
+            {
+              "name": "tel-national"
+            },
+            {
+              "name": "tel-area-code"
+            },
+            {
+              "name": "tel-local"
+            },
+            {
+              "name": "tel-local-prefix"
+            },
+            {
+              "name": "tel-local-suffix"
+            },
+            {
+              "name": "tel-extension"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "impp"
+            },
+            {
+              "name": "name"
+            },
+            {
+              "name": "honorific-prefix"
+            },
+            {
+              "name": "given-name"
+            },
+            {
+              "name": "additional-name"
+            },
+            {
+              "name": "family-name"
+            },
+            {
+              "name": "honorific-suffix"
+            },
+            {
+              "name": "nickname"
+            },
+            {
+              "name": "username"
+            },
+            {
+              "name": "new-password"
+            },
+            {
+              "name": "current-password"
+            },
+            {
+              "name": "one-time-code"
+            },
+            {
+              "name": "organization-title"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "street-address"
+            },
+            {
+              "name": "address-line1"
+            },
+            {
+              "name": "address-line2"
+            },
+            {
+              "name": "address-line3"
+            },
+            {
+              "name": "address-level4"
+            },
+            {
+              "name": "address-level3"
+            },
+            {
+              "name": "address-level2"
+            },
+            {
+              "name": "address-level1"
+            },
+            {
+              "name": "country"
+            },
+            {
+              "name": "country-name"
+            },
+            {
+              "name": "postal-code"
+            },
+            {
+              "name": "cc-name"
+            },
+            {
+              "name": "cc-given-name"
+            },
+            {
+              "name": "cc-additional-name"
+            },
+            {
+              "name": "cc-family-name"
+            },
+            {
+              "name": "cc-number"
+            },
+            {
+              "name": "cc-exp"
+            },
+            {
+              "name": "cc-exp-month"
+            },
+            {
+              "name": "cc-exp-year"
+            },
+            {
+              "name": "cc-csc"
+            },
+            {
+              "name": "cc-type"
+            },
+            {
+              "name": "transaction-currency"
+            },
+            {
+              "name": "transaction-amount"
+            },
+            {
+              "name": "language"
+            },
+            {
+              "name": "bday"
+            },
+            {
+              "name": "bday-day"
+            },
+            {
+              "name": "bday-month"
+            },
+            {
+              "name": "bday-year"
+            },
+            {
+              "name": "sex"
+            },
+            {
+              "name": "url"
+            },
+            {
+              "name": "photo"
+            }
+          ]
+        },
+        {
+          "name": "description",
+          "description": "Add helpful hints or extra information under the text input field. This is\nwhere you can clarify what users should enter or provide additional\ninstructions, making the form easier to fill out correctly."
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled prop lets you turn off the input field so that users can’t\ntype in it. When disabled, the field is grayed out and won’t respond to\nclicks or touches."
+        },
+        {
+          "name": "error",
+          "description": "Alters the input field’s appearance to indicate an error, helping users\nidentify fields that need correction."
+        },
+        {
+          "name": "error-description",
+          "description": "A description that appears when there is an error related to the textfield\nfield."
+        },
+        {
+          "name": "input-id",
+          "description": "Sets the ID for the input element and the for attribute of the associated\nlabel. If no ID is provided, a random one will be automatically generated\nto ensure unique identification, facilitating proper label association and\naccessibility."
+        },
+        {
+          "name": "label",
+          "description": "Lets you define the text that explains what users should enter in the text\ninput field. It’s a crucial element for making forms clear and\nuser-friendly."
+        },
+        {
+          "name": "maxlength",
+          "description": "Limits how many characters users can type into the input field. It’s\nhelpful for making sure users don’t enter too much information, keeping\ntheir input within the allowed limit."
+        },
+        {
+          "name": "message",
+          "description": "Message defines a 'hint ' message for the Text Field."
+        },
+        {
+          "name": "minlength",
+          "description": "Ensures that users type at least a certain number of characters into the\ninput field. It’s a way to make sure users provide enough information\nbefore moving on."
+        },
+        {
+          "name": "multiple",
+          "description": "When used with the email input type, this prop enables the field to accept\nmultiple email addresses. Users can enter several addresses, separating\neach one with a comma, allowing the form to handle multiple recipients."
+        },
+        {
+          "name": "name",
+          "description": "Defines the name attribute of the input field, which is crucial for form\nsubmission. This value is used as the key in the key-value pair sent to\nthe server, representing the input’s data in form submissions. It should be\nunique within the form to avoid conflicts"
+        },
+        {
+          "name": "pattern",
+          "description": "Set rules for how the input should be formatted. For example, you can\nrequire that a phone number includes only digits or that an email address\nhas the correct format. If users don’t follow these rules, they’ll get a\nprompt to correct their input."
+        },
+        {
+          "name": "placeholder",
+          "description": "Display temporary text inside the input field to give users a hint about\nwhat to type. It’s a great way to provide examples or suggestions directly\nin the field before they start typing."
+        },
+        {
+          "name": "readonly",
+          "description": "Display the input field’s content without allowing users to change it.\nUsers can still click on it, select, and copy the text, but they won’t be\nable to type or delete anything."
+        },
+        {
+          "name": "required",
+          "description": "Marks the input field as required, ensuring that the user must fill it out\nbefore submitting the form."
+        },
+        {
+          "name": "success",
+          "description": "Changes the input field’s appearance to indicate successful input or\nvalidation."
+        },
+        {
+          "name": "text-input-type",
+          "description": "Type of the input.",
+          "values": [
+            {
+              "name": "email"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "text"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "The type prop lets you specify what kind of information the input field\nshould accept. Choose 'text' for general words or sentences, 'tel' for\nphone numbers, or 'email' for email addresses. This makes sure users get\nthe right keyboard and validation for what they need to enter.",
+          "values": [
+            {
+              "name": "email"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "text"
+            }
+          ]
+        },
+        {
+          "name": "validation",
+          "description": "Add the message to the validation state."
+        },
+        {
+          "name": "value",
+          "description": "Specifies the value of the input field, which determines the text displayed\nwithin the field. This prop is typically used in controlled components\nwhere the input’s value is managed by the component’s state."
+        }
+      ]
+    },
+    {
+      "name": "nv-fieldtextarea",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-fieldtextarea` component is a text textarea field that can be used in forms. It includes a label, message, and validation state. The value of the textarea can be controlled by the parent component. It can also display an error state, a hint message, or a validation message."
+      },
+      "attributes": [
+        {
+          "name": "autosize",
+          "description": "Enable this to make the textarea automatically resize as the user types,\nadjusting the height to fit the content. For the best experience, avoid\nvertical resizing, as it’s controlled by this feature. Horizontal resizing\ncan still be allowed if desired."
+        },
+        {
+          "name": "description",
+          "description": "Add helpful hints or extra information under the text textarea field. This is\nwhere you can clarify what users should enter or provide additional\ninstructions, making the form easier to fill out correctly."
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled prop lets you turn off the textarea field so that users can’t\ntype in it. When disabled, the field is grayed out and won’t respond to#\nclicks or touches."
+        },
+        {
+          "name": "error",
+          "description": "Alters the textarea field’s appearance to indicate an error, helping users\nidentify fields that need correction."
+        },
+        {
+          "name": "error-description",
+          "description": "Show a helpful message under the textarea field when there’s a problem. It\nexplains what’s wrong and how users can fix it, making the error easier to\nunderstand and resolve."
+        },
+        {
+          "name": "label",
+          "description": "Lets you define the text that explains what users should enter in the text\ntextarea field. It’s a crucial element for making forms clear and\nuser-friendly."
+        },
+        {
+          "name": "maxlength",
+          "description": "Limits how many characters users can type into the textarea field. It’s\nhelpful for making sure users don’t enter too much information, keeping\ntheir textarea within the allowed limit."
+        },
+        {
+          "name": "message",
+          "description": "Message defines a 'hint ' message for the Text Field."
+        },
+        {
+          "name": "minlength",
+          "description": "Ensures that users type at least a certain number of characters into the\ntextarea field. It’s a way to make sure users provide enough information\nbefore moving on."
+        },
+        {
+          "name": "name",
+          "description": "Defines the name attribute of the textarea field, which is crucial for form\nsubmission. This value is used as the key in the key-value pair sent to\nthe server, representing the textarea’s data in form submissions. It should be\nunique within the form to avoid conflicts"
+        },
+        {
+          "name": "placeholder",
+          "description": "Display temporary text inside the textarea field to give users a hint about\nwhat to type. It’s a great way to provide examples or suggestions directly\nin the field before they start typing."
+        },
+        {
+          "name": "readonly",
+          "description": "Display the textarea field’s content without allowing users to change it.\nUsers can still click on it, select, and copy the text, but they won’t be\nable to type or delete anything."
+        },
+        {
+          "name": "required",
+          "description": "Marks the textarea field as required, ensuring that the user must fill it out\nbefore submitting the form."
+        },
+        {
+          "name": "resize",
+          "description": "Controls the resize property of a textarea. It can be set to none, both,\nhorizontal, or vertical. The default is vertical.",
+          "values": [
+            {
+              "name": "both"
+            },
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "rows",
+          "description": "The number of visible text lines for the control. The default is 3. This\ncan be useful when you want to limit the size of the textarea field or when\nyou want to make the textarea field smaller to fit a specific layout. The\ntextarea field will expand vertically to fit the text as the user types."
+        },
+        {
+          "name": "success",
+          "description": "Changes the textarea field’s appearance to indicate successful textarea or\nvalidation."
+        },
+        {
+          "name": "textarea-id",
+          "description": "Sets the ID for the textarea element and the for attribute of the associated\nlabel. If no ID is provided, a random one will be automatically generated\nto ensure unique identification, facilitating proper label association and\naccessibility."
+        },
+        {
+          "name": "validation",
+          "description": "Add the message to the validation state."
+        },
+        {
+          "name": "value",
+          "description": "Specifies the value of the textarea field, which determines the text displayed\nwithin the field. This prop is typically used in controlled components\nwhere the textarea’s value is managed by the component’s state."
+        }
+      ]
+    },
+    {
+      "name": "nv-fieldtoggle",
+      "description": {
+        "kind": "markdown",
+        "value": "The nv-fieldtoggle component is a form field that allows the user to toggle between two states. It is a styled checkbox input with a label that can be positioned before or after the checkbox. The nv-fieldtoggle component is a wrapper around the native input[type=\"checkbox\"] element."
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Indicates whether the toggle is checked or not."
+        },
+        {
+          "name": "description",
+          "description": "A description providing additional context or information about the\ntoggle."
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the toggle, preventing user interaction."
+        },
+        {
+          "name": "hide-label",
+          "description": "Hides the label visually while still keeping it available for screen\nreaders."
+        },
+        {
+          "name": "input-id",
+          "description": "Sets the ID for the radio button’s input element and the for attribute of\nthe associated label. If no ID is provided, a random one will be\nautomatically generated to ensure unique identification, facilitating\nproper label association and accessibility."
+        },
+        {
+          "name": "label",
+          "description": "The label displayed next to the toggle."
+        },
+        {
+          "name": "label-placement",
+          "description": "Determines the position of the label relative to the toggle, either\n'start' (before) or 'end' (after).",
+          "values": [
+            {
+              "name": "after"
+            },
+            {
+              "name": "before"
+            }
+          ]
+        },
+        {
+          "name": "name",
+          "description": "The name attribute for the toggle input, used to reference the form data\nafter submission."
+        },
+        {
+          "name": "readonly",
+          "description": "Sets the toggle to read-only, preventing user changes but still allowing\nfocus and selection of text."
+        },
+        {
+          "name": "value",
+          "description": "The value attribute of the toggle input, representing the value sent on\nform submission when the toggle is checked."
+        }
+      ]
+    },
+    {
+      "name": "nv-icon",
+      "description": {
+        "kind": "markdown",
+        "value": "Icons are used as navigational elements. They may appear on their own, within a sentence or paragraph, or directly following the content."
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "Set color of the icon.",
+          "values": [
+            {
+              "name": "error"
+            },
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "success"
+            }
+          ]
+        },
+        {
+          "name": "large",
+          "description": "Set size to Large."
+        },
+        {
+          "name": "medium",
+          "description": "Set size to Medium."
+        },
+        {
+          "name": "name",
+          "description": "Choose the icon you want to display. This also sets the aria-label for\nimproved accessibility, helping users who rely on screen readers."
+        },
+        {
+          "name": "size",
+          "description": "Adjust the size of the icon to fit your design needs.",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            },
+            {
+              "name": "xs"
+            }
+          ]
+        },
+        {
+          "name": "small",
+          "description": "Set size to Small."
+        },
+        {
+          "name": "xlarge",
+          "description": "Set size to ExtraLarge."
+        },
+        {
+          "name": "xsmall",
+          "description": "Set size to ExtraSmall."
+        }
+      ]
+    },
+    {
+      "name": "nv-iconbutton",
+      "description": {
+        "kind": "markdown",
+        "value": "The Icon Button component enhances standard HTML buttons with Nova Design styling and extended functionality. It offers customizable visual emphasis, distinct styling for destructive actions, and built-in accessibility. It allows developers to guide user attention effectively, providing a unified approach to action triggers across your application."
+      },
+      "attributes": [
+        {
+          "name": "active",
+          "description": "Makes the button look active when it’s within a compatible component\nlike a button group."
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the button, preventing user interaction."
+        },
+        {
+          "name": "emphasis",
+          "description": "Adjusts the button’s emphasis to make it more or less visually prominent\nto users. Use this to draw attention to important actions or reduce focus\non less critical ones.",
+          "values": [
+            {
+              "name": "high"
+            },
+            {
+              "name": "low"
+            },
+            {
+              "name": "lower"
+            },
+            {
+              "name": "medium"
+            }
+          ]
+        },
+        {
+          "name": "loading",
+          "description": "Set this to true to show a spinner on the button, letting users know that\ntheir action is being processed. It helps improve user experience by\nindicating ongoing activities. The icon is not displayed when the button\nis loading. Also, the button is disabled. If you want to disable the\nbutton, it is not possible. It is automatically disabled when loading."
+        },
+        {
+          "name": "name",
+          "description": "Choose the icon you want to display. This also sets the aria-label for\nimproved accessibility, helping users who rely on screen readers.\nThe icon is not displayed when the button is loading."
+        },
+        {
+          "name": "shape",
+          "description": "Sets the shape of the button. Choose between square and rounded.",
+          "values": [
+            {
+              "name": "rounded"
+            },
+            {
+              "name": "square"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Determines how large or small the button appears, allowing for\ncustomization of the button's dimensions to fit different design\nspecifications and user needs.",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xs"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "Sets the button type to control its function in forms. Use 'submit' to send\nform data, 'reset' to clear the form, or 'button' for a standard button\nthat doesn’t interact with form submission by default.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "nv-loader",
+      "description": {
+        "kind": "markdown",
+        "value": "In an application, it is important to inform the user that their interaction has been acknowledged. The `nv-loader` component indicates that the application is waiting for a result from a back-end service or another source."
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "Choose the color of the loader. Options are primary and white to keep the\ndesign consistent and ensure the loader stands out or blends in\nappropriately with your application’s interface.",
+          "values": [
+            {
+              "name": "brand"
+            },
+            {
+              "name": "white"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Choose the size of the loader to best fit your application’s needs, whether\nit’s a small spinner for subtle loading indicators or a large one for more\nprominent displays.",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            },
+            {
+              "name": "xs"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "nv-menu",
+      "description": {
+        "kind": "markdown",
+        "value": "The nv-menu component provides a flexible and accessible menu that can be used for navigation or action-based menus."
+      },
+      "attributes": [
+        {
+          "name": "disable-close-on-select",
+          "description": "Use this to disable the menu from closing automatically when a menu item is\nselected."
+        },
+        {
+          "name": "nested",
+          "description": "Use this if the menu is nested inside another menu. This will prevent the\nparent menu from closing when the child menu is opened."
+        },
+        {
+          "name": "open",
+          "description": "Use this to toggle the initial visibility of the menu, by default the menu\nis hidden."
+        },
+        {
+          "name": "placement",
+          "description": "Decides where the menu shows up next to the button it’s linked to (above,\nbelow, to the sides). If there isn’t enough room, it will adjust its\nposition on the axis to fit on the screen, so users can always see it.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-end"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-start"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "nv-menuitem",
+      "description": {
+        "kind": "markdown",
+        "value": "The nv-menuitem component is designed as an individual item within an nv-menu. It provides a flexible, accessible interface for both navigation and action-oriented menu structures, allowing for a cohesive and user-friendly menu experience when combined with other nv-menu elements."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Disables the item, preventing user interaction."
+        },
+        {
+          "name": "has-submenu",
+          "description": "If the menu item has a submenu, the a caret icon will be displayed."
+        },
+        {
+          "name": "icon",
+          "description": "Choose the icon you want to display. This also sets the aria-label for\nimproved accessibility, helping users who rely on screen readers.\nThe icon is not displayed when the button is loading.",
+          "values": [
+            {
+              "name": "home"
+            },
+            {
+              "name": "photo"
+            },
+            {
+              "name": "access-point-off"
+            },
+            {
+              "name": "access-point"
+            },
+            {
+              "name": "accessible"
+            },
+            {
+              "name": "activity"
+            },
+            {
+              "name": "address-book"
+            },
+            {
+              "name": "adjustments-horizontal"
+            },
+            {
+              "name": "adjustments-up"
+            },
+            {
+              "name": "adjustments"
+            },
+            {
+              "name": "affiliate"
+            },
+            {
+              "name": "air-conditioning"
+            },
+            {
+              "name": "alert-circle"
+            },
+            {
+              "name": "align-center"
+            },
+            {
+              "name": "align-left"
+            },
+            {
+              "name": "align-right"
+            },
+            {
+              "name": "app-window"
+            },
+            {
+              "name": "apps"
+            },
+            {
+              "name": "archive"
+            },
+            {
+              "name": "areas"
+            },
+            {
+              "name": "arrow-back-up"
+            },
+            {
+              "name": "arrow-back"
+            },
+            {
+              "name": "arrow-down-left"
+            },
+            {
+              "name": "arrow-down-right"
+            },
+            {
+              "name": "arrow-down"
+            },
+            {
+              "name": "arrow-forward-up"
+            },
+            {
+              "name": "arrow-forward"
+            },
+            {
+              "name": "arrow-left"
+            },
+            {
+              "name": "arrow-right"
+            },
+            {
+              "name": "arrow-up-left"
+            },
+            {
+              "name": "arrow-up-right"
+            },
+            {
+              "name": "arrow-up"
+            },
+            {
+              "name": "arrows-move"
+            },
+            {
+              "name": "aspect-ratio"
+            },
+            {
+              "name": "atom"
+            },
+            {
+              "name": "basket"
+            },
+            {
+              "name": "battery-1"
+            },
+            {
+              "name": "battery-2"
+            },
+            {
+              "name": "battery-3"
+            },
+            {
+              "name": "battery-4"
+            },
+            {
+              "name": "battery-automotive"
+            },
+            {
+              "name": "battery-charging"
+            },
+            {
+              "name": "battery-eco"
+            },
+            {
+              "name": "battery-off"
+            },
+            {
+              "name": "battery"
+            },
+            {
+              "name": "bell-off"
+            },
+            {
+              "name": "bell-ringing"
+            },
+            {
+              "name": "bell"
+            },
+            {
+              "name": "bike"
+            },
+            {
+              "name": "bluetooth-connected"
+            },
+            {
+              "name": "bluetooth-off"
+            },
+            {
+              "name": "bluetooth"
+            },
+            {
+              "name": "bolt"
+            },
+            {
+              "name": "book"
+            },
+            {
+              "name": "bookmark-off"
+            },
+            {
+              "name": "bookmark"
+            },
+            {
+              "name": "bookmarks"
+            },
+            {
+              "name": "box-align-top"
+            },
+            {
+              "name": "box-multiple"
+            },
+            {
+              "name": "briefcase"
+            },
+            {
+              "name": "brightness-down"
+            },
+            {
+              "name": "brightness-up"
+            },
+            {
+              "name": "browser-check"
+            },
+            {
+              "name": "browser-plus"
+            },
+            {
+              "name": "browser-x"
+            },
+            {
+              "name": "browser"
+            },
+            {
+              "name": "brush"
+            },
+            {
+              "name": "building-bank"
+            },
+            {
+              "name": "building-factory"
+            },
+            {
+              "name": "building-lighthouse"
+            },
+            {
+              "name": "building-store"
+            },
+            {
+              "name": "building"
+            },
+            {
+              "name": "bulb-off"
+            },
+            {
+              "name": "bulb"
+            },
+            {
+              "name": "cake"
+            },
+            {
+              "name": "calendar-time"
+            },
+            {
+              "name": "calendar"
+            },
+            {
+              "name": "camera-off"
+            },
+            {
+              "name": "camera"
+            },
+            {
+              "name": "car-crane"
+            },
+            {
+              "name": "car"
+            },
+            {
+              "name": "caravan"
+            },
+            {
+              "name": "cash-banknote"
+            },
+            {
+              "name": "cash"
+            },
+            {
+              "name": "cast"
+            },
+            {
+              "name": "cell"
+            },
+            {
+              "name": "charging-pile"
+            },
+            {
+              "name": "chart-arcs"
+            },
+            {
+              "name": "chart-area-line"
+            },
+            {
+              "name": "chart-area"
+            },
+            {
+              "name": "chart-arrows-vertical"
+            },
+            {
+              "name": "chart-arrows"
+            },
+            {
+              "name": "chart-bar"
+            },
+            {
+              "name": "chart-bubble"
+            },
+            {
+              "name": "chart-circles"
+            },
+            {
+              "name": "chart-donut"
+            },
+            {
+              "name": "chart-dots"
+            },
+            {
+              "name": "chart-line"
+            },
+            {
+              "name": "chart-pie"
+            },
+            {
+              "name": "chart-radar"
+            },
+            {
+              "name": "check"
+            },
+            {
+              "name": "checkbox"
+            },
+            {
+              "name": "checklist"
+            },
+            {
+              "name": "checks"
+            },
+            {
+              "name": "chevron-down"
+            },
+            {
+              "name": "chevron-left"
+            },
+            {
+              "name": "chevron-right"
+            },
+            {
+              "name": "chevron-top"
+            },
+            {
+              "name": "circle-caret-right"
+            },
+            {
+              "name": "circle-check"
+            },
+            {
+              "name": "circle-x"
+            },
+            {
+              "name": "clipboard-check"
+            },
+            {
+              "name": "clipboard-list"
+            },
+            {
+              "name": "clipboard-plus"
+            },
+            {
+              "name": "clipboard-text"
+            },
+            {
+              "name": "clipboard-x"
+            },
+            {
+              "name": "clipboard"
+            },
+            {
+              "name": "clock-edit"
+            },
+            {
+              "name": "clock"
+            },
+            {
+              "name": "cloud-data-connection"
+            },
+            {
+              "name": "cloud-download"
+            },
+            {
+              "name": "cloud-rain"
+            },
+            {
+              "name": "cloud-snow"
+            },
+            {
+              "name": "cloud-upload"
+            },
+            {
+              "name": "cloud"
+            },
+            {
+              "name": "color-picker"
+            },
+            {
+              "name": "color-swatch"
+            },
+            {
+              "name": "compass"
+            },
+            {
+              "name": "contract"
+            },
+            {
+              "name": "copy"
+            },
+            {
+              "name": "cpu"
+            },
+            {
+              "name": "crane"
+            },
+            {
+              "name": "credit-card"
+            },
+            {
+              "name": "crop"
+            },
+            {
+              "name": "cross"
+            },
+            {
+              "name": "crown"
+            },
+            {
+              "name": "currency-bitcoin"
+            },
+            {
+              "name": "currency-dollar"
+            },
+            {
+              "name": "currency-ethereum"
+            },
+            {
+              "name": "currency-euro"
+            },
+            {
+              "name": "cut"
+            },
+            {
+              "name": "dashboard"
+            },
+            {
+              "name": "database"
+            },
+            {
+              "name": "device-desktop"
+            },
+            {
+              "name": "device-floppy"
+            },
+            {
+              "name": "device-gamepad"
+            },
+            {
+              "name": "device-laptop"
+            },
+            {
+              "name": "device-mobile-rotated"
+            },
+            {
+              "name": "device-mobile"
+            },
+            {
+              "name": "device-tablet"
+            },
+            {
+              "name": "device-watch"
+            },
+            {
+              "name": "devices"
+            },
+            {
+              "name": "dialpad"
+            },
+            {
+              "name": "direction-horizontal"
+            },
+            {
+              "name": "direction-sign"
+            },
+            {
+              "name": "direction"
+            },
+            {
+              "name": "discount"
+            },
+            {
+              "name": "door-enter"
+            },
+            {
+              "name": "dots-vertical"
+            },
+            {
+              "name": "dots"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "drone"
+            },
+            {
+              "name": "droplet-filled"
+            },
+            {
+              "name": "droplet-half"
+            },
+            {
+              "name": "droplet"
+            },
+            {
+              "name": "droplets"
+            },
+            {
+              "name": "edit"
+            },
+            {
+              "name": "engine"
+            },
+            {
+              "name": "external-link"
+            },
+            {
+              "name": "eye-off"
+            },
+            {
+              "name": "eye"
+            },
+            {
+              "name": "face-id"
+            },
+            {
+              "name": "feather"
+            },
+            {
+              "name": "file-alert"
+            },
+            {
+              "name": "file-analytics"
+            },
+            {
+              "name": "file-check"
+            },
+            {
+              "name": "file-code"
+            },
+            {
+              "name": "file-download"
+            },
+            {
+              "name": "file-export"
+            },
+            {
+              "name": "file-horizontal"
+            },
+            {
+              "name": "file-import"
+            },
+            {
+              "name": "file-plus"
+            },
+            {
+              "name": "file-search"
+            },
+            {
+              "name": "file-text-bookmark"
+            },
+            {
+              "name": "file-text"
+            },
+            {
+              "name": "file-type-bmp"
+            },
+            {
+              "name": "file-type-css"
+            },
+            {
+              "name": "file-type-csv"
+            },
+            {
+              "name": "file-type-doc"
+            },
+            {
+              "name": "file-type-html"
+            },
+            {
+              "name": "file-type-jpg"
+            },
+            {
+              "name": "file-type-js"
+            },
+            {
+              "name": "file-type-pdf"
+            },
+            {
+              "name": "file-type-png"
+            },
+            {
+              "name": "file-type-ppt"
+            },
+            {
+              "name": "file-type-xls"
+            },
+            {
+              "name": "file-type-xml"
+            },
+            {
+              "name": "file-type-zip"
+            },
+            {
+              "name": "file-upload"
+            },
+            {
+              "name": "file-x"
+            },
+            {
+              "name": "file-zip"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "files-off"
+            },
+            {
+              "name": "files"
+            },
+            {
+              "name": "filter-off"
+            },
+            {
+              "name": "filter"
+            },
+            {
+              "name": "fingerprint"
+            },
+            {
+              "name": "fire-extinguisher"
+            },
+            {
+              "name": "flag"
+            },
+            {
+              "name": "flame"
+            },
+            {
+              "name": "flip-horizontal"
+            },
+            {
+              "name": "flip-vertical"
+            },
+            {
+              "name": "folder-minus"
+            },
+            {
+              "name": "folder-off"
+            },
+            {
+              "name": "folder-plus"
+            },
+            {
+              "name": "folder-x"
+            },
+            {
+              "name": "folder"
+            },
+            {
+              "name": "folders"
+            },
+            {
+              "name": "frame"
+            },
+            {
+              "name": "gas-station"
+            },
+            {
+              "name": "gauge"
+            },
+            {
+              "name": "gift"
+            },
+            {
+              "name": "gps"
+            },
+            {
+              "name": "grid-dots"
+            },
+            {
+              "name": "grip-horizontal"
+            },
+            {
+              "name": "grip-vertical"
+            },
+            {
+              "name": "hand-stop"
+            },
+            {
+              "name": "hand-waving"
+            },
+            {
+              "name": "hash"
+            },
+            {
+              "name": "haze"
+            },
+            {
+              "name": "headphones-off"
+            },
+            {
+              "name": "headphones"
+            },
+            {
+              "name": "headset"
+            },
+            {
+              "name": "helicopter"
+            },
+            {
+              "name": "help"
+            },
+            {
+              "name": "history"
+            },
+            {
+              "name": "hourglass-empty"
+            },
+            {
+              "name": "hourglass-high"
+            },
+            {
+              "name": "hourglass-low"
+            },
+            {
+              "name": "hourglass-off"
+            },
+            {
+              "name": "hourglass"
+            },
+            {
+              "name": "inbox"
+            },
+            {
+              "name": "info-circle"
+            },
+            {
+              "name": "keyboard-hide"
+            },
+            {
+              "name": "keyboard-show"
+            },
+            {
+              "name": "keyboard"
+            },
+            {
+              "name": "layout-board-split"
+            },
+            {
+              "name": "layout-dashboard"
+            },
+            {
+              "name": "layout-grid"
+            },
+            {
+              "name": "layout-sidebar-left-collapse"
+            },
+            {
+              "name": "layout-sidebar-left-expand"
+            },
+            {
+              "name": "layout-sidebar-right-collapse"
+            },
+            {
+              "name": "layout-sidebar-right-expand"
+            },
+            {
+              "name": "layout"
+            },
+            {
+              "name": "leaf"
+            },
+            {
+              "name": "lifebuoy"
+            },
+            {
+              "name": "link"
+            },
+            {
+              "name": "list-search"
+            },
+            {
+              "name": "list"
+            },
+            {
+              "name": "loader"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "lock-off"
+            },
+            {
+              "name": "lock-open"
+            },
+            {
+              "name": "lock"
+            },
+            {
+              "name": "login"
+            },
+            {
+              "name": "logout"
+            },
+            {
+              "name": "mail-forward"
+            },
+            {
+              "name": "mail-opened"
+            },
+            {
+              "name": "mail"
+            },
+            {
+              "name": "map-pin-off"
+            },
+            {
+              "name": "map-pin"
+            },
+            {
+              "name": "map"
+            },
+            {
+              "name": "menu"
+            },
+            {
+              "name": "message-dots"
+            },
+            {
+              "name": "message-off"
+            },
+            {
+              "name": "message"
+            },
+            {
+              "name": "messages"
+            },
+            {
+              "name": "microphone-off"
+            },
+            {
+              "name": "microphone"
+            },
+            {
+              "name": "minus"
+            },
+            {
+              "name": "mist"
+            },
+            {
+              "name": "moon"
+            },
+            {
+              "name": "motorbike"
+            },
+            {
+              "name": "mouse"
+            },
+            {
+              "name": "movie"
+            },
+            {
+              "name": "network"
+            },
+            {
+              "name": "news"
+            },
+            {
+              "name": "note"
+            },
+            {
+              "name": "notebook"
+            },
+            {
+              "name": "notes"
+            },
+            {
+              "name": "offshore-station"
+            },
+            {
+              "name": "package"
+            },
+            {
+              "name": "palette"
+            },
+            {
+              "name": "paperclip"
+            },
+            {
+              "name": "pencil"
+            },
+            {
+              "name": "phone-call"
+            },
+            {
+              "name": "phone-calling"
+            },
+            {
+              "name": "phone-check"
+            },
+            {
+              "name": "phone-incoming"
+            },
+            {
+              "name": "phone-off"
+            },
+            {
+              "name": "phone-outgoing"
+            },
+            {
+              "name": "phone"
+            },
+            {
+              "name": "photo-off"
+            },
+            {
+              "name": "pig"
+            },
+            {
+              "name": "pin"
+            },
+            {
+              "name": "pinned-off"
+            },
+            {
+              "name": "pinned"
+            },
+            {
+              "name": "plane-off"
+            },
+            {
+              "name": "plane"
+            },
+            {
+              "name": "plant"
+            },
+            {
+              "name": "player-pause"
+            },
+            {
+              "name": "player-play"
+            },
+            {
+              "name": "player-skip-back"
+            },
+            {
+              "name": "player-skip-forward"
+            },
+            {
+              "name": "player-track-next"
+            },
+            {
+              "name": "player-track-prev"
+            },
+            {
+              "name": "plug-connected"
+            },
+            {
+              "name": "plug"
+            },
+            {
+              "name": "plus"
+            },
+            {
+              "name": "power-ac"
+            },
+            {
+              "name": "power-dc"
+            },
+            {
+              "name": "power"
+            },
+            {
+              "name": "presentation-analytics"
+            },
+            {
+              "name": "presentation"
+            },
+            {
+              "name": "printer"
+            },
+            {
+              "name": "propeller"
+            },
+            {
+              "name": "puzzle-2"
+            },
+            {
+              "name": "puzzle"
+            },
+            {
+              "name": "pylon"
+            },
+            {
+              "name": "qrcode"
+            },
+            {
+              "name": "radar"
+            },
+            {
+              "name": "radio"
+            },
+            {
+              "name": "radioactive"
+            },
+            {
+              "name": "receipt-dollar"
+            },
+            {
+              "name": "receipt-euro"
+            },
+            {
+              "name": "receipt"
+            },
+            {
+              "name": "recharging"
+            },
+            {
+              "name": "recycle"
+            },
+            {
+              "name": "refresh-alert"
+            },
+            {
+              "name": "refresh"
+            },
+            {
+              "name": "repeat-once"
+            },
+            {
+              "name": "repeat"
+            },
+            {
+              "name": "replace"
+            },
+            {
+              "name": "report-analytics"
+            },
+            {
+              "name": "report-medical"
+            },
+            {
+              "name": "report-search"
+            },
+            {
+              "name": "report"
+            },
+            {
+              "name": "ripple"
+            },
+            {
+              "name": "rocket"
+            },
+            {
+              "name": "rotate-2"
+            },
+            {
+              "name": "rotate-clockwise-2"
+            },
+            {
+              "name": "rotate-clockwise"
+            },
+            {
+              "name": "rotate-dot"
+            },
+            {
+              "name": "rotate"
+            },
+            {
+              "name": "router"
+            },
+            {
+              "name": "ruler-measure"
+            },
+            {
+              "name": "satellite"
+            },
+            {
+              "name": "scale"
+            },
+            {
+              "name": "school"
+            },
+            {
+              "name": "scissors"
+            },
+            {
+              "name": "scooter-electric"
+            },
+            {
+              "name": "screenshot"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "seeding"
+            },
+            {
+              "name": "select"
+            },
+            {
+              "name": "selector"
+            },
+            {
+              "name": "send"
+            },
+            {
+              "name": "server"
+            },
+            {
+              "name": "settings"
+            },
+            {
+              "name": "shape"
+            },
+            {
+              "name": "share-2"
+            },
+            {
+              "name": "share"
+            },
+            {
+              "name": "shield-check"
+            },
+            {
+              "name": "shield-lock"
+            },
+            {
+              "name": "shield-off"
+            },
+            {
+              "name": "shield-x"
+            },
+            {
+              "name": "shield"
+            },
+            {
+              "name": "ship"
+            },
+            {
+              "name": "shopping-cart"
+            },
+            {
+              "name": "slash"
+            },
+            {
+              "name": "smart-home"
+            },
+            {
+              "name": "snowflake"
+            },
+            {
+              "name": "solar-panel"
+            },
+            {
+              "name": "sort-ascending-letters"
+            },
+            {
+              "name": "sort-ascending-numbers"
+            },
+            {
+              "name": "sort-descending-letters"
+            },
+            {
+              "name": "sort-descending-numbers"
+            },
+            {
+              "name": "spacing-horizontal"
+            },
+            {
+              "name": "spacing-vertical"
+            },
+            {
+              "name": "speakerphone"
+            },
+            {
+              "name": "stack"
+            },
+            {
+              "name": "star"
+            },
+            {
+              "name": "sun"
+            },
+            {
+              "name": "sunrise"
+            },
+            {
+              "name": "sunset"
+            },
+            {
+              "name": "switch-horizontal"
+            },
+            {
+              "name": "switch-vertical"
+            },
+            {
+              "name": "table"
+            },
+            {
+              "name": "tag"
+            },
+            {
+              "name": "temperature"
+            },
+            {
+              "name": "template"
+            },
+            {
+              "name": "terminal"
+            },
+            {
+              "name": "text-size"
+            },
+            {
+              "name": "text"
+            },
+            {
+              "name": "thumb-down"
+            },
+            {
+              "name": "thumb-up"
+            },
+            {
+              "name": "ticket"
+            },
+            {
+              "name": "timeline"
+            },
+            {
+              "name": "tir"
+            },
+            {
+              "name": "tool"
+            },
+            {
+              "name": "tools"
+            },
+            {
+              "name": "train"
+            },
+            {
+              "name": "trash-off"
+            },
+            {
+              "name": "trash"
+            },
+            {
+              "name": "tree"
+            },
+            {
+              "name": "trees"
+            },
+            {
+              "name": "truck-delivery"
+            },
+            {
+              "name": "truck"
+            },
+            {
+              "name": "umbrella"
+            },
+            {
+              "name": "unlink"
+            },
+            {
+              "name": "upload"
+            },
+            {
+              "name": "user-circle"
+            },
+            {
+              "name": "user-minus"
+            },
+            {
+              "name": "user-plus"
+            },
+            {
+              "name": "user"
+            },
+            {
+              "name": "users"
+            },
+            {
+              "name": "versions"
+            },
+            {
+              "name": "video-minus"
+            },
+            {
+              "name": "video-off"
+            },
+            {
+              "name": "video-plus"
+            },
+            {
+              "name": "video"
+            },
+            {
+              "name": "volume-2"
+            },
+            {
+              "name": "volume-3"
+            },
+            {
+              "name": "volume"
+            },
+            {
+              "name": "wallet"
+            },
+            {
+              "name": "wand"
+            },
+            {
+              "name": "waves"
+            },
+            {
+              "name": "wifi-off"
+            },
+            {
+              "name": "wifi"
+            },
+            {
+              "name": "wind-direction"
+            },
+            {
+              "name": "wind"
+            },
+            {
+              "name": "windmill"
+            },
+            {
+              "name": "wood"
+            },
+            {
+              "name": "world"
+            },
+            {
+              "name": "writing"
+            },
+            {
+              "name": "x"
+            }
+          ]
+        },
+        {
+          "name": "shortcut",
+          "description": "Show a shortcut key for the action represented in the menu item."
+        }
+      ]
+    },
+    {
+      "name": "nv-popover",
+      "description": {
+        "kind": "markdown",
+        "value": "The Popover component displays rich, interactive content when users click or focus on a target element, offering customizable positioning and behavior for dynamic UI interactions."
+      },
+      "attributes": [
+        {
+          "name": "disable-flip",
+          "description": "Disables the automatic flipping of the popover when the trigger element is\nout of the viewport. The popover will flip automatically by default."
+        },
+        {
+          "name": "enter-delay",
+          "description": "Use this to set a delay before the popover appears on hover. If the mouse\nleaves before this time, the popover won’t show. This only works when the\ntrigger mode is set to `hover`."
+        },
+        {
+          "name": "group-name",
+          "description": "Use this to group popovers together so that opening one will not animate\nthe closing of another. This is helpful when popovers are placed close\ntogether, preventing animation overlap."
+        },
+        {
+          "name": "has-arrow",
+          "description": "Use this to decide if the popover should include a small arrow pointing to\nthe trigger element, making the connection between them more clear."
+        },
+        {
+          "name": "nested",
+          "description": "Use this to set the popover to be nested inside another popover. This will\nprevent the parent popover from closing when the child popover is opened."
+        },
+        {
+          "name": "offset",
+          "description": "Adjust the gap between the popover and its trigger element by setting how\nmany pixels they should be apart."
+        },
+        {
+          "name": "open",
+          "description": "Use this prop to toggle the visibility of the popover. Set to true to show\nthe popover and false to hide it."
+        },
+        {
+          "name": "placement",
+          "description": "Defines where the popover appears relative to the trigger.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-end"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-start"
+            }
+          ]
+        },
+        {
+          "name": "shift-padding",
+          "description": "Sets how many pixels the popover should stay from the edge of the viewport."
+        },
+        {
+          "name": "trigger-mode",
+          "description": "Sets the interaction mode for triggering the popover. Options include:\n- `hover`: The popover is shown on trigger hover.\n- `click`: The popover toggles on trigger click.\n- `controlled`: The visibility is managed manually through methods or the\n  open prop.",
+          "values": [
+            {
+              "name": "click"
+            },
+            {
+              "name": "controlled"
+            },
+            {
+              "name": "hover"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "nv-row",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-row` component is a \"row\" that contains columns. It typically includes `nv-col` components or other components with the `Size` parameter defined."
+      },
+      "attributes": []
+    },
+    {
+      "name": "nv-stack",
+      "description": {
+        "kind": "markdown",
+        "value": "The `nv-stack` component is useful for dividing block content into horizontal areas. These areas can contain almost any elements, such as a title, a button, a text input, or simple text."
+      },
+      "attributes": [
+        {
+          "name": "fill",
+          "description": "Fill will force the children to fill the stack depending of the direction\nof the stack. In horizontal position, the children take the height of the\nstack. In vertical position, the children take the width of the stack."
+        },
+        {
+          "name": "flex",
+          "description": "Flex will force the children to share the stack between the children\ndepending of the direction of the stack. In horizontal position, the\nchildren width will share the width of the stack. In vertical position,\nthe children height will share the height of the stack."
+        },
+        {
+          "name": "full",
+          "description": "Full set the width of the stack to 100%.\n(same effect as WFull props)"
+        },
+        {
+          "name": "gutter",
+          "description": "Gutter refers to the space that exists between children components inside\nthe stack container."
+        },
+        {
+          "name": "vertical",
+          "description": "Display the element of the stack vertically."
+        }
+      ]
+    },
+    {
+      "name": "nv-tooltip",
+      "description": {
+        "kind": "markdown",
+        "value": "The Tooltip component provides brief, contextual information on hover or focus, ideal for clarifying UI elements with a lightweight and customizable design."
+      },
+      "attributes": [
+        {
+          "name": "enter-delay",
+          "description": "Controls how long (in milliseconds) the tooltip waits to show after you\nhover over or focus on an element. If you move away before the delay is up,\nthe tooltip won’t appear."
+        },
+        {
+          "name": "message",
+          "description": "A string representing the text to be displayed inside the tooltip. This\ncontent is shown when the tooltip is activated by the user, such as on\nhover or focus events."
+        },
+        {
+          "name": "placement",
+          "description": "Decides where the tooltip shows up next to the element it’s linked to\n(above, below, to the sides). If there isn’t enough room, it will adjust\nit's position on the axis to fit on the screen, so users can always see it.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-end"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-start"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}