@nova-design-system/nova-webcomponents 3.0.0-beta.34 → 3.0.0-beta.35

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-01-29T17:38:51",
+  "timestamp": "2025-01-31T09:49:05",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.23.1",
@@ -1025,13 +1025,18 @@
         }
       ],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "nv-fieldmultiselect"
+      ],
       "dependencies": [
         "nv-icon"
       ],
       "dependencyGraph": {
         "nv-badge": [
           "nv-icon"
+        ],
+        "nv-fieldmultiselect": [
+          "nv-badge"
         ]
       }
     },
@@ -2530,9 +2535,15 @@
         }
       ],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "nv-fielddropdownitemcheck"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "nv-fielddropdownitemcheck": [
+          "nv-fieldcheckbox"
+        ]
+      }
     },
     {
       "filePath": "src/components/nv-fielddropdown/nv-fielddropdown.tsx",
@@ -3078,25 +3089,1296 @@
           "setter": false
         },
         {
-          "name": "open",
-          "type": "boolean",
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "State of the dropdown popover.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "placeholder",
+          "reflectToAttr": true,
+          "docs": "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.\nThe placeholder is displayed only when the filterable option is enabled.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "readonly",
+          "reflectToAttr": true,
+          "docs": "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.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": true,
+          "docs": "Marks the input field as required, ensuring that the user must fill it out\nbefore submitting the form.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": true,
+          "docs": "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.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "getFilterText",
+          "returns": {
+            "type": "Promise<string>",
+            "docs": "The filter text."
+          },
+          "complexType": {
+            "signature": "() => Promise<string>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<string>"
+          },
+          "signature": "getFilterText() => Promise<string>",
+          "parameters": [],
+          "docs": "Retrieves the current filter text entered by the user.",
+          "docsTags": [
+            {
+              "name": "returns",
+              "text": "The filter text."
+            }
+          ]
+        }
+      ],
+      "events": [
+        {
+          "event": "dropdownItemSelected",
+          "detail": "DropdownItemSelectedEventDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "DropdownItemSelectedEventDetail",
+            "resolved": "DropdownItemSelectedEventDetail",
+            "references": {
+              "DropdownItemSelectedEventDetail": {
+                "location": "import",
+                "path": "../nv-fielddropdownitem/DropdownItemSelectedEventDetail",
+                "id": "src/components/nv-fielddropdownitem/DropdownItemSelectedEventDetail.tsx::DropdownItemSelectedEventDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when an item is selected.",
+          "docsTags": []
+        },
+        {
+          "event": "valueChanged",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the input value changes.",
+          "docsTags": [
+            {
+              "name": "bind",
+              "text": "value"
+            }
+          ]
+        }
+      ],
+      "listeners": [
+        {
+          "event": "itemSelected",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "openChanged",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "keydown",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [
+        {
+          "name": "after-input",
+          "docs": "Content to be placed after the input text, outside the input container."
+        },
+        {
+          "name": "before-input",
+          "docs": "Content to be placed before the input text, outside the input container."
+        },
+        {
+          "name": "content",
+          "docs": "Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside."
+        },
+        {
+          "name": "description",
+          "docs": "Content to be placed as the description, will override the description prop."
+        },
+        {
+          "name": "error-description",
+          "docs": "Content to be placed as the error description, will override the errorDescription prop."
+        },
+        {
+          "name": "label",
+          "docs": "Content to be placed as the label, will override the label prop."
+        },
+        {
+          "name": "leading-input",
+          "docs": "Content to be placed before the input text, within the input container."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "nv-fielddropdownitem",
+        "nv-popover",
+        "nv-iconbutton"
+      ],
+      "dependencyGraph": {
+        "nv-fielddropdown": [
+          "nv-fielddropdownitem",
+          "nv-popover",
+          "nv-iconbutton"
+        ],
+        "nv-fielddropdownitem": [
+          "nv-icon"
+        ],
+        "nv-iconbutton": [
+          "nv-loader",
+          "nv-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/nv-fielddropdownitem/nv-fielddropdownitem.tsx",
+      "encapsulation": "none",
+      "tag": "nv-fielddropdownitem",
+      "readme": "# nv-fielddropdownitem\nThe 'nv-fielddropdownitem' is a component designed to be used within the 'nv-fielddropdown' component. Each 'nv-fielddropdownitem' represents a single selectable option in the dropdown list. It allows customization through properties such as 'value', 'label', and 'selected' state, which defines its appearance and behavior.\n\nThe 'nv-fielddropdownitem' can display custom content, making it flexible for use cases where options may require more detailed representation beyond plain text. It is ideal for creating interactive dropdown menus, enabling users to make selections easily and clearly. This component is essential for building intuitive and user-friendly dropdown experiences.\n",
+      "docs": "The 'nv-fielddropdownitem' is a component designed to be used within the 'nv-fielddropdown' component. Each 'nv-fielddropdownitem' represents a single selectable option in the dropdown list. It allows customization through properties such as 'value', 'label', and 'selected' state, which defines its appearance and behavior.\n\nThe 'nv-fielddropdownitem' can display custom content, making it flexible for use cases where options may require more detailed representation beyond plain text. It is ideal for creating interactive dropdown menus, enabling users to make selections easily and clearly. This component is essential for building intuitive and user-friendly dropdown experiences.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - The content to be displayed inside the dropdown item."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Disables the item, preventing any user interaction.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": true,
+          "docs": "Label used as the value for the default layout.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selected",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "selected",
+          "reflectToAttr": true,
+          "docs": "Indicates if the item is selected.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": true,
+          "docs": "Value associated with the item.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "itemSelected",
+          "detail": "DropdownItemSelectedEventDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "DropdownItemSelectedEventDetail",
+            "resolved": "DropdownItemSelectedEventDetail",
+            "references": {
+              "DropdownItemSelectedEventDetail": {
+                "location": "import",
+                "path": "./DropdownItemSelectedEventDetail",
+                "id": "src/components/nv-fielddropdownitem/DropdownItemSelectedEventDetail.tsx::DropdownItemSelectedEventDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when an item is clicked.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "The content to be displayed inside the dropdown item."
+        }
+      ],
+      "parts": [],
+      "dependents": [
+        "nv-fielddropdown"
+      ],
+      "dependencies": [
+        "nv-icon"
+      ],
+      "dependencyGraph": {
+        "nv-fielddropdownitem": [
+          "nv-icon"
+        ],
+        "nv-fielddropdown": [
+          "nv-fielddropdownitem"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.tsx",
+      "encapsulation": "none",
+      "tag": "nv-fielddropdownitemcheck",
+      "readme": "# nv-fielddropdownitemcheck\nthe nv-fielddropdownitemcheck component is used to display a checkbox item in a nv-fieldmultiselect component. It allows users to select multiple options from a dropdown list.\n",
+      "docs": "the nv-fielddropdownitemcheck component is used to display a checkbox item in a nv-fieldmultiselect component. It allows users to select multiple options from a dropdown list.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "checked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "checked",
+          "reflectToAttr": true,
+          "docs": "Indicates whether the checkbox is selected.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": true,
+          "docs": "A description providing additional context or information about the\ncheckbox.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Disables the item, preventing any user interaction.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "group",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "group",
+          "reflectToAttr": true,
+          "docs": "The group this item belongs to, if applicable.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": true,
+          "docs": "The label displayed alongside the checkbox.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": true,
+          "docs": "The value associated with this item.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "itemChecked",
+          "detail": "{ value: string; checked: boolean; group?: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n    /**\n     * The value associated with this item\n     */\n    value: string | undefined;\n    /**\n     * Whether the checkbox is currently checked\n     */\n    checked: boolean;\n    /**\n     * The group this item belongs to, if any\n     */\n    group?: string | undefined;\n  }",
+            "resolved": "{ value: string; checked: boolean; group?: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the checkbox is toggled.\nIt provides details about the current state of the item.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "nv-fieldmultiselect"
+      ],
+      "dependencies": [
+        "nv-fieldcheckbox"
+      ],
+      "dependencyGraph": {
+        "nv-fielddropdownitemcheck": [
+          "nv-fieldcheckbox"
+        ],
+        "nv-fieldmultiselect": [
+          "nv-fielddropdownitemcheck"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/nv-fieldmultiselect/nv-fieldmultiselect.tsx",
+      "encapsulation": "none",
+      "tag": "nv-fieldmultiselect",
+      "readme": "# nv-fieldmultiselect\n\nThe `nv-fieldmultiselect` is a custom multiple selection component that allows users to select multiple options from a dropdown list. It provides a rich user interface with filtering capabilities, keyboard navigation, and state management.\n",
+      "docs": "The `nv-fieldmultiselect` is a custom multiple selection component that allows users to select multiple options from a dropdown list. It provides a rich user interface with filtering capabilities, keyboard navigation, and state management.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "content - The content of the list."
+        },
+        {
+          "name": "slot",
+          "text": "leading-input - Content to be placed before the input text, within the input container."
+        },
+        {
+          "name": "slot",
+          "text": "before-input - Content to be placed before the input text, outside the input container."
+        },
+        {
+          "name": "slot",
+          "text": "after-input - Content to be placed after the input text, outside the input container."
+        },
+        {
+          "name": "slot",
+          "text": "label - Content to be placed as the label, will override the label prop."
+        },
+        {
+          "name": "slot",
+          "text": "description - Content to be placed as the description, will override the description prop."
+        },
+        {
+          "name": "slot",
+          "text": "error-description - Content to be placed as the error description, will override the errorDescription prop."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "autocomplete",
+          "type": "\"on\" | \"off\" | \"home\" | \"section-*\" | \"shipping\" | \"billing\" | \"work\" | \"mobile\" | \"fax\" | \"pager\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-extension\" | \"email\" | \"impp\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"url\" | \"photo\"",
+          "complexType": {
+            "original": "`${TextInputAutocomplete}`",
+            "resolved": "\"on\" | \"off\" | \"home\" | \"section-*\" | \"shipping\" | \"billing\" | \"work\" | \"mobile\" | \"fax\" | \"pager\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-extension\" | \"email\" | \"impp\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"url\" | \"photo\"",
+            "references": {
+              "TextInputAutocomplete": {
+                "location": "import",
+                "path": "../../utils/constants",
+                "id": "src/utils/constants.ts::TextInputAutocomplete"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "autocomplete",
+          "reflectToAttr": true,
+          "docs": "The autocomplete prop for faster input filling.",
+          "docsTags": [],
+          "default": "'off'",
+          "values": [
+            {
+              "value": "on",
+              "type": "string"
+            },
+            {
+              "value": "off",
+              "type": "string"
+            },
+            {
+              "value": "home",
+              "type": "string"
+            },
+            {
+              "value": "section-*",
+              "type": "string"
+            },
+            {
+              "value": "shipping",
+              "type": "string"
+            },
+            {
+              "value": "billing",
+              "type": "string"
+            },
+            {
+              "value": "work",
+              "type": "string"
+            },
+            {
+              "value": "mobile",
+              "type": "string"
+            },
+            {
+              "value": "fax",
+              "type": "string"
+            },
+            {
+              "value": "pager",
+              "type": "string"
+            },
+            {
+              "value": "tel",
+              "type": "string"
+            },
+            {
+              "value": "tel-country-code",
+              "type": "string"
+            },
+            {
+              "value": "tel-national",
+              "type": "string"
+            },
+            {
+              "value": "tel-area-code",
+              "type": "string"
+            },
+            {
+              "value": "tel-local",
+              "type": "string"
+            },
+            {
+              "value": "tel-local-prefix",
+              "type": "string"
+            },
+            {
+              "value": "tel-local-suffix",
+              "type": "string"
+            },
+            {
+              "value": "tel-extension",
+              "type": "string"
+            },
+            {
+              "value": "email",
+              "type": "string"
+            },
+            {
+              "value": "impp",
+              "type": "string"
+            },
+            {
+              "value": "name",
+              "type": "string"
+            },
+            {
+              "value": "honorific-prefix",
+              "type": "string"
+            },
+            {
+              "value": "given-name",
+              "type": "string"
+            },
+            {
+              "value": "additional-name",
+              "type": "string"
+            },
+            {
+              "value": "family-name",
+              "type": "string"
+            },
+            {
+              "value": "honorific-suffix",
+              "type": "string"
+            },
+            {
+              "value": "nickname",
+              "type": "string"
+            },
+            {
+              "value": "username",
+              "type": "string"
+            },
+            {
+              "value": "new-password",
+              "type": "string"
+            },
+            {
+              "value": "current-password",
+              "type": "string"
+            },
+            {
+              "value": "one-time-code",
+              "type": "string"
+            },
+            {
+              "value": "organization-title",
+              "type": "string"
+            },
+            {
+              "value": "organization",
+              "type": "string"
+            },
+            {
+              "value": "street-address",
+              "type": "string"
+            },
+            {
+              "value": "address-line1",
+              "type": "string"
+            },
+            {
+              "value": "address-line2",
+              "type": "string"
+            },
+            {
+              "value": "address-line3",
+              "type": "string"
+            },
+            {
+              "value": "address-level4",
+              "type": "string"
+            },
+            {
+              "value": "address-level3",
+              "type": "string"
+            },
+            {
+              "value": "address-level2",
+              "type": "string"
+            },
+            {
+              "value": "address-level1",
+              "type": "string"
+            },
+            {
+              "value": "country",
+              "type": "string"
+            },
+            {
+              "value": "country-name",
+              "type": "string"
+            },
+            {
+              "value": "postal-code",
+              "type": "string"
+            },
+            {
+              "value": "cc-name",
+              "type": "string"
+            },
+            {
+              "value": "cc-given-name",
+              "type": "string"
+            },
+            {
+              "value": "cc-additional-name",
+              "type": "string"
+            },
+            {
+              "value": "cc-family-name",
+              "type": "string"
+            },
+            {
+              "value": "cc-number",
+              "type": "string"
+            },
+            {
+              "value": "cc-exp",
+              "type": "string"
+            },
+            {
+              "value": "cc-exp-month",
+              "type": "string"
+            },
+            {
+              "value": "cc-exp-year",
+              "type": "string"
+            },
+            {
+              "value": "cc-csc",
+              "type": "string"
+            },
+            {
+              "value": "cc-type",
+              "type": "string"
+            },
+            {
+              "value": "transaction-currency",
+              "type": "string"
+            },
+            {
+              "value": "transaction-amount",
+              "type": "string"
+            },
+            {
+              "value": "language",
+              "type": "string"
+            },
+            {
+              "value": "bday",
+              "type": "string"
+            },
+            {
+              "value": "bday-day",
+              "type": "string"
+            },
+            {
+              "value": "bday-month",
+              "type": "string"
+            },
+            {
+              "value": "bday-year",
+              "type": "string"
+            },
+            {
+              "value": "sex",
+              "type": "string"
+            },
+            {
+              "value": "url",
+              "type": "string"
+            },
+            {
+              "value": "photo",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "badgeLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "badge-label",
+          "reflectToAttr": true,
+          "docs": "Text for the badge showing the number of selected items.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "debounceDelay",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "debounce-delay",
+          "reflectToAttr": true,
+          "docs": "Delay in milliseconds before the search is triggered when typing in the filter input.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "300"
+            }
+          ],
+          "default": "300",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": true,
+          "docs": "Add helpful hints or extra information under the text input field.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Disables the input field.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "emptyresult",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "emptyresult",
+          "reflectToAttr": true,
+          "docs": "The text to display when no items match the filter.",
+          "docsTags": [],
+          "default": "'No results found'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "error",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error",
+          "reflectToAttr": true,
+          "docs": "Alters the input field's appearance to indicate an error.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "errorDescription",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-description",
+          "reflectToAttr": true,
+          "docs": "A description that appears when there is an error.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "filterable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "filterable",
+          "reflectToAttr": true,
+          "docs": "Enables or disables the filtering feature for the multiselect items.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "inputId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "input-id",
+          "reflectToAttr": true,
+          "docs": "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.",
+          "docsTags": [],
+          "default": "uuidv4()",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": true,
+          "docs": "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 user-friendly.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "maxHeight",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "max-height",
+          "reflectToAttr": true,
+          "docs": "Defines the maximum height of the multiselect list when open.",
+          "docsTags": [],
+          "default": "'200px'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "mode",
+          "type": "\"options\" | \"slots\"",
+          "complexType": {
+            "original": "'options' | 'slots'",
+            "resolved": "\"options\" | \"slots\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "mode",
+          "reflectToAttr": true,
+          "docs": "Multiselect mode: 'options' (JSON data) or 'slots' (custom items).\nThis property is now reflected in the modeState.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "options",
+              "type": "string"
+            },
+            {
+              "value": "slots",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": true,
+          "docs": "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.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "State of the multiselect popover.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "options",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
-          "mutable": true,
-          "attr": "open",
+          "mutable": false,
+          "attr": "options",
           "reflectToAttr": true,
-          "docs": "State of the dropdown popover.",
-          "docsTags": [],
-          "default": "false",
+          "docs": "List of options available in the multiselect.",
+          "docsTags": [
+            {
+              "name": "description",
+              "text": "The options are passed as a JSON string."
+            },
+            {
+              "name": "example",
+              "text": "options='[{\"label\": \"Option 1\", \"value\": \"option1\"}, {\"label\": \"Option 2\", \"value\": \"option2\"}]'"
+            }
+          ],
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -3112,7 +4394,7 @@
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": true,
-          "docs": "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.\nThe placeholder is displayed only when the filterable option is enabled.",
+          "docs": "Display temporary text inside the input field.",
           "docsTags": [],
           "values": [
             {
@@ -3135,7 +4417,7 @@
           "mutable": false,
           "attr": "readonly",
           "reflectToAttr": true,
-          "docs": "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.",
+          "docs": "Display the input field's content without allowing users to change it.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3159,7 +4441,7 @@
           "mutable": false,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "Marks the input field as required, ensuring that the user must fill it out\nbefore submitting the form.",
+          "docs": "Marks the input field as required.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3183,7 +4465,7 @@
           "mutable": true,
           "attr": "value",
           "reflectToAttr": true,
-          "docs": "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.",
+          "docs": "Specifies the value of the input field.",
           "docsTags": [],
           "values": [
             {
@@ -3223,6 +4505,59 @@
               "text": "The filter text."
             }
           ]
+        },
+        {
+          "name": "getSelectedValues",
+          "returns": {
+            "type": "Promise<string[]>",
+            "docs": "The selected values."
+          },
+          "complexType": {
+            "signature": "() => Promise<string[]>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<string[]>"
+          },
+          "signature": "getSelectedValues() => Promise<string[]>",
+          "parameters": [],
+          "docs": "Returns the list of selected values.",
+          "docsTags": [
+            {
+              "name": "returns",
+              "text": "The selected values."
+            }
+          ]
+        },
+        {
+          "name": "resetFilter",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "resetFilter() => Promise<void>",
+          "parameters": [],
+          "docs": "Reset the filter and make all items visible.",
+          "docsTags": []
         }
       ],
       "events": [
@@ -3246,6 +4581,20 @@
           "docs": "Event emitted when an item is selected.",
           "docsTags": []
         },
+        {
+          "event": "multiselectChange",
+          "detail": "string[]",
+          "bubbles": true,
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the selection changes in the multiselect.\nEmits the current list of selected values.",
+          "docsTags": []
+        },
         {
           "event": "valueChanged",
           "detail": "string",
@@ -3268,12 +4617,17 @@
       ],
       "listeners": [
         {
-          "event": "itemSelected",
+          "event": "openChanged",
           "capture": false,
           "passive": false
         },
         {
-          "event": "openChanged",
+          "event": "itemChecked",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "slotchange",
           "capture": false,
           "passive": false
         },
@@ -3295,7 +4649,7 @@
         },
         {
           "name": "content",
-          "docs": "Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside."
+          "docs": "The content of the list."
         },
         {
           "name": "description",
@@ -3317,178 +4671,27 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "nv-fielddropdownitem",
         "nv-popover",
-        "nv-iconbutton"
+        "nv-badge",
+        "nv-iconbutton",
+        "nv-fielddropdownitemcheck"
       ],
       "dependencyGraph": {
-        "nv-fielddropdown": [
-          "nv-fielddropdownitem",
+        "nv-fieldmultiselect": [
           "nv-popover",
-          "nv-iconbutton"
+          "nv-badge",
+          "nv-iconbutton",
+          "nv-fielddropdownitemcheck"
         ],
-        "nv-fielddropdownitem": [
+        "nv-badge": [
           "nv-icon"
         ],
         "nv-iconbutton": [
           "nv-loader",
           "nv-icon"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/nv-fielddropdownitem/nv-fielddropdownitem.tsx",
-      "encapsulation": "none",
-      "tag": "nv-fielddropdownitem",
-      "readme": "# nv-fielddropdownitem\nThe 'nv-fielddropdownitem' is a component designed to be used within the 'nv-fielddropdown' component. Each 'nv-fielddropdownitem' represents a single selectable option in the dropdown list. It allows customization through properties such as 'value', 'label', and 'selected' state, which defines its appearance and behavior.\n\nThe 'nv-fielddropdownitem' can display custom content, making it flexible for use cases where options may require more detailed representation beyond plain text. It is ideal for creating interactive dropdown menus, enabling users to make selections easily and clearly. This component is essential for building intuitive and user-friendly dropdown experiences.\n",
-      "docs": "The 'nv-fielddropdownitem' is a component designed to be used within the 'nv-fielddropdown' component. Each 'nv-fielddropdownitem' represents a single selectable option in the dropdown list. It allows customization through properties such as 'value', 'label', and 'selected' state, which defines its appearance and behavior.\n\nThe 'nv-fielddropdownitem' can display custom content, making it flexible for use cases where options may require more detailed representation beyond plain text. It is ideal for creating interactive dropdown menus, enabling users to make selections easily and clearly. This component is essential for building intuitive and user-friendly dropdown experiences.",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "default - The content to be displayed inside the dropdown item."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": true,
-          "docs": "Disables the item, preventing any user interaction.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "label",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "label",
-          "reflectToAttr": true,
-          "docs": "Label used as the value for the default layout.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "selected",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "selected",
-          "reflectToAttr": true,
-          "docs": "Indicates if the item is selected.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "value",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "value",
-          "reflectToAttr": true,
-          "docs": "Value associated with the item.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "itemSelected",
-          "detail": "DropdownItemSelectedEventDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "DropdownItemSelectedEventDetail",
-            "resolved": "DropdownItemSelectedEventDetail",
-            "references": {
-              "DropdownItemSelectedEventDetail": {
-                "location": "import",
-                "path": "./DropdownItemSelectedEventDetail",
-                "id": "src/components/nv-fielddropdownitem/DropdownItemSelectedEventDetail.tsx::DropdownItemSelectedEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event emitted when an item is clicked.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "default",
-          "docs": "The content to be displayed inside the dropdown item."
-        }
-      ],
-      "parts": [],
-      "dependents": [
-        "nv-fielddropdown"
-      ],
-      "dependencies": [
-        "nv-icon"
-      ],
-      "dependencyGraph": {
-        "nv-fielddropdownitem": [
-          "nv-icon"
         ],
-        "nv-fielddropdown": [
-          "nv-fielddropdownitem"
+        "nv-fielddropdownitemcheck": [
+          "nv-fieldcheckbox"
         ]
       }
     },
@@ -8079,6 +9282,7 @@
       "parts": [],
       "dependents": [
         "nv-fielddropdown",
+        "nv-fieldmultiselect",
         "nv-fieldpassword"
       ],
       "dependencies": [
@@ -8093,6 +9297,9 @@
         "nv-fielddropdown": [
           "nv-iconbutton"
         ],
+        "nv-fieldmultiselect": [
+          "nv-iconbutton"
+        ],
         "nv-fieldpassword": [
           "nv-iconbutton"
         ]
@@ -10896,6 +12103,7 @@
       "dependents": [
         "nv-breadcrumb",
         "nv-fielddropdown",
+        "nv-fieldmultiselect",
         "nv-menu",
         "nv-tooltip"
       ],
@@ -10907,6 +12115,9 @@
         "nv-fielddropdown": [
           "nv-popover"
         ],
+        "nv-fieldmultiselect": [
+          "nv-popover"
+        ],
         "nv-menu": [
           "nv-popover"
         ],