@nova-design-system/nova-webcomponents 3.0.0-beta.25 → 3.0.0-beta.28

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-12-18T13:00:25",
+  "timestamp": "2025-01-02T10:38:45",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.22.3",
@@ -1322,70 +1322,89 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/nv-fieldcheckbox/nv-fieldcheckbox.tsx",
+      "filePath": "src/components/nv-datagrid/nv-datagrid.tsx",
       "encapsulation": "none",
-      "tag": "nv-fieldcheckbox",
-      "readme": "# nv-fieldcheckbox\n\nThe 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.\n",
-      "docs": "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.",
+      "tag": "nv-datagrid",
+      "readme": "# nv-datagrid\n\n## Prop Handling\n - `columns`: Can be passed as an array of objects or as a JSON string.\n - `data`: Can be passed as an array of objects or as a JSON string.\n - Direct assignment of arrays/objects is recommended for performance.\n - JSON string parsing is supported for HTML attributes or interoperability via JavaScript.\n \n## Example Usages\n\n### Direct Assignment (Recommended)\nYou can assign arrays/objects directly to the `columns` and `data` properties for optimal performance.\n ```javascript\nconst datagrid = document.querySelector('nv-datagrid');\ndatagrid.columns = [\n     { header: 'ID', accessor: 'id' },\n     { header: 'Name', accessor: 'name' },\n];\ndatagrid.data = [\n    { id: 1, name: 'John Doe' },\n    { id: 2, name: 'Jane Smith' },\n];\n```\n\n### JSON Strings via HTML Attributes\nYou can pass `columns` and `data` as JSON strings in HTML attributes, and the component will parse them.\n```html\n<nv-datagrid\n    columns='[{\"header\": \"ID\", \"accessor\": \"id\"}, {\"header\": \"Name\", \"accessor\": \"name\"}]'\n    data='[{\"id\": 1, \"name\": \"John Doe\"}, {\"id\": 2, \"name\": \"Jane Smith\"}]'>\n</nv-datagrid>\n```\n\n## Important Notes\n - **Performance**: It is recommended to use direct object/array assignment (`datagrid.columns = [...]`) for better performance.\n - **Interoperability**: JSON strings are useful when passing data through HTML attributes or when integrating with other frameworks libraries.\n",
+      "docs": "A flexible data grid component powered by `@tanstack/table-core`.",
       "docsTags": [
         {
           "name": "slot",
-          "text": "label - Content to be placed as the label, will override the label prop."
+          "text": "default - Use this slot to insert HTML into the data grid content."
         },
         {
           "name": "slot",
-          "text": "description - Content to be placed as the description, will override the description prop."
+          "text": "head - Use this slot to insert HTML into the data grid header."
         },
         {
           "name": "slot",
-          "text": "error-description - Content to be placed as the error description, will override the errorDescription prop."
+          "text": "before - Use this slot to insert HTML before the data grid."
         },
         {
           "name": "slot",
-          "text": "checked-icon - Content to be placed as the checked icon, will override the checkedIcon prop."
+          "text": "after - Use this slot to insert HTML after the data grid."
         },
         {
           "name": "slot",
-          "text": "indeterminate-icon - Content to be placed as the indeterminate icon, will override the indeterminateIcon prop."
+          "text": "body - Use this slot to insert HTML into the data grid body."
         }
       ],
       "usage": {},
       "props": [
         {
-          "name": "checked",
-          "type": "boolean",
+          "name": "columns",
+          "type": "Column[]",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+            "original": "Column[]",
+            "resolved": "Column[]",
+            "references": {
+              "Column": {
+                "location": "import",
+                "path": "../../interfaces/Column",
+                "id": "src/interfaces/Column.tsx::Column"
+              }
+            }
           },
-          "mutable": true,
-          "attr": "checked",
-          "reflectToAttr": true,
-          "docs": "Indicates whether the checkbox is checked or not.",
-          "docsTags": [],
-          "default": "false",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "The columns to display in the data grid.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "[\n {\"header\":\"Name\",\"accessor\":\"name\"},\n {\"header\":\"Age\",\"accessor\":\"age\"},\n {\"header\":\"Email\",\"accessor\":\"email\"}\n]"
+            },
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
           "values": [
             {
-              "type": "boolean"
+              "type": "Column[]"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "description",
+          "name": "columnsJson",
           "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
             "references": {}
           },
-          "mutable": true,
-          "attr": "description",
+          "mutable": false,
+          "attr": "columns-json",
           "reflectToAttr": true,
-          "docs": "A description providing additional context or information about the\ncheckbox.",
-          "docsTags": [],
+          "docs": "The columns to display in the data grid.\nIt can be passed directly as an array of objects or as a JSON string\n(e.g., `[{\"header\":\"Name\",\"accessor\":\"name\"},{\"header\":\"Age\",\"accessor\":\"age\"},{\"header\":\"Email\",\"accessor\":\"email\"}]`).\nIf both `columns` and `columnsJson` are provided, `columns` takes precedence.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "`[{\"header\":\"Name\",\"accessor\":\"name\"},{\"header\":\"Age\",\"accessor\":\"age\"},{\"header\":\"Email\",\"accessor\":\"email\"}]`"
+            }
+          ],
           "values": [
             {
               "type": "string"
@@ -1395,62 +1414,53 @@
           "required": false
         },
         {
-          "name": "disabled",
-          "type": "boolean",
+          "name": "data",
+          "type": "any[]",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "any[]",
+            "resolved": "any[]",
             "references": {}
           },
           "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": true,
-          "docs": "Disables the checkbox, preventing user interaction.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
+          "reflectToAttr": false,
+          "docs": "The data to display in the data grid.",
+          "docsTags": [
             {
-              "type": "boolean"
+              "name": "example",
+              "text": "[{ \"name\": \"Alice\", \"age\": 25 }, { \"name\": \"Bob\", \"age\": 30 }]"
+            },
+            {
+              "name": "default",
+              "text": "[]"
             }
           ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "error",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "error",
-          "reflectToAttr": true,
-          "docs": "Signals that there is an error associated with the checkbox, which can\ntrigger visual cues.",
-          "docsTags": [],
-          "default": "false",
+          "default": "[]",
           "values": [
             {
-              "type": "boolean"
+              "type": "any[]"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "errorDescription",
+          "name": "dataJson",
           "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
             "references": {}
           },
-          "mutable": true,
-          "attr": "error-description",
+          "mutable": false,
+          "attr": "data-json",
           "reflectToAttr": true,
-          "docs": "A description that appears when there is an error related to the checkbox.",
-          "docsTags": [],
+          "docs": "The data to display in the data grid.\nIt can be passed directly as an array of objects or as a JSON string\n(e.g., `[{ \"name\": \"Alice\", \"age\": 25 }, { \"name\": \"Bob\", \"age\": 30 }]`).\nIf both `data` and `dataJson` are provided, `data` takes precedence.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "`[{ \"name\": \"Alice\", \"age\": 25 }, { \"name\": \"Bob\", \"age\": 30 }]`"
+            }
+          ],
           "values": [
             {
               "type": "string"
@@ -1460,51 +1470,136 @@
           "required": false
         },
         {
-          "name": "hideLabel",
-          "type": "boolean",
+          "name": "noColumnsNoDataMessage",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "hide-label",
-          "reflectToAttr": true,
-          "docs": "Hides the label visually while still keeping it available for screen\nreaders.",
-          "docsTags": [],
-          "default": "false",
+          "attr": "no-columns-no-data-message",
+          "reflectToAttr": false,
+          "docs": "The message to display when there are no columns or data available.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'No data or columns available to display.'"
+            }
+          ],
+          "default": "'No data or columns available to display.'",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "indeterminate",
-          "type": "boolean",
+          "name": "noDataMessage",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
-          "mutable": true,
-          "attr": "indeterminate",
-          "reflectToAttr": true,
-          "docs": "Indicates whether the checkbox is in an indeterminate state, typically used\nfor hierarchical checkboxes.",
-          "docsTags": [],
-          "default": "false",
+          "mutable": false,
+          "attr": "no-data-message",
+          "reflectToAttr": false,
+          "docs": "The message to display when there is no data available.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'No data available'"
+            }
+          ],
+          "default": "'No data available'",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "after",
+          "docs": "Use this slot to insert HTML after the data grid."
         },
         {
-          "name": "inputId",
+          "name": "before",
+          "docs": "Use this slot to insert HTML before the data grid."
+        },
+        {
+          "name": "body",
+          "docs": "Use this slot to insert HTML into the data grid body."
+        },
+        {
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the data grid content."
+        },
+        {
+          "name": "head",
+          "docs": "Use this slot to insert HTML into the data grid header."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-datagridbody/nv-datagridbody.tsx",
+      "encapsulation": "none",
+      "tag": "nv-datagridbody",
+      "readme": "# nv-datagridbody\n\nThe `<tbody>` HTML element encapsulates a set of table rows (`<tr>` elements), indicating that they comprise the body of a table's (main) data.\n",
+      "docs": "The `<tbody>` HTML element encapsulates a set of table rows (`<tr>` elements), indicating that they comprise the body of a table's (main) data.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Use this slot to insert HTML into the data grid body."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the data grid body."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-datagridcolumn/nv-datagridcolumn.tsx",
+      "encapsulation": "none",
+      "tag": "nv-datagridcolumn",
+      "readme": "# nv-datagridcolumn\n\nA helper component to decompose the column from the datagrid\n",
+      "docs": "A helper component to decompose the column from the datagrid",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Use this slot to insert HTML into the data grid column."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "accessor",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -1512,11 +1607,10 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "input-id",
-          "reflectToAttr": true,
-          "docs": "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.",
+          "attr": "accessor",
+          "reflectToAttr": false,
+          "docs": "Defines the accessor of the column.",
           "docsTags": [],
-          "default": "uuidv4()",
           "values": [
             {
               "type": "string"
@@ -1526,7 +1620,7 @@
           "required": false
         },
         {
-          "name": "label",
+          "name": "header",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -1534,117 +1628,277 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "label",
-          "reflectToAttr": true,
-          "docs": "The label displayed next to the checkbox.",
+          "attr": "header",
+          "reflectToAttr": false,
+          "docs": "Defines the header of the column.",
           "docsTags": [],
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
-        },
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
         {
-          "name": "labelBefore",
-          "type": "boolean",
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the data grid column."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-datagriddatacell/nv-datagriddatacell.tsx",
+      "encapsulation": "none",
+      "tag": "nv-datagriddatacell",
+      "readme": "# nv-datagriddatacell\n\nThe `<td>` HTML element defines a cell of a table that contains data and may be used as a child of the `<tr>` element.\n",
+      "docs": "The `<td>` HTML element defines a cell of a table that contains data and may be used as a child of the `<tr>` element.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Use this slot to insert HTML into the data grid data cell."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "accessor",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "label-before",
+          "attr": "accessor",
           "reflectToAttr": false,
-          "docs": "When true, the label will be placed before the checkbox.",
+          "docs": "Contains a string that identifies a cell in a table. It is used with the\nheaders attribute to associate data cells with header cells in complex tables.",
           "docsTags": [
             {
-              "name": "deprecated",
-              "text": "Use `labelPlacement = end` instead."
+              "name": "example",
+              "text": "'col1'"
             }
           ],
-          "default": "false",
-          "deprecation": "Use `labelPlacement = end` instead.",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
-        },
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
         {
-          "name": "labelPlacement",
-          "type": "\"after\" | \"before\"",
-          "complexType": {
-            "original": "`${FieldLabelPlacement}`",
-            "resolved": "\"after\" | \"before\"",
-            "references": {
-              "FieldLabelPlacement": {
-                "location": "import",
-                "path": "../../utils/constants",
-                "id": "src/utils/constants.ts::FieldLabelPlacement"
-              }
-            }
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the data grid data cell."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-datagridhead/nv-datagridhead.tsx",
+      "encapsulation": "none",
+      "tag": "nv-datagridhead",
+      "readme": "# nv-datagridhead\n\nThe `<thead>` HTML element encapsulates a set of table rows (`<tr>` elements), indicating that they comprise the head of a table with information about the table's columns. This is usually in the form of column headers (`<th>` elements).\n",
+      "docs": "The `<thead>` HTML element encapsulates a set of table rows (`<tr>` elements), indicating that they comprise the head of a table with information about the table's columns. This is usually in the form of column headers (`<th>` elements).",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Use this slot to insert HTML into the table head."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the table head."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-datagridrow/nv-datagridrow.tsx",
+      "encapsulation": "none",
+      "tag": "nv-datagridrow",
+      "readme": "# nv-datagridrow\n\nThe `<tr>` HTML element defines a row of cells in a table. The row's cells can then be established using a mix of `<td>` (data cell) and `<th>` (header cell) elements.\n",
+      "docs": "The `<tr>` HTML element defines a row of cells in a table. The row's cells can then be established using a mix of `<td>` (data cell) and `<th>` (header cell) elements.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Use this slot to insert HTML into the data grid row."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the data grid row."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-fieldcheckbox/nv-fieldcheckbox.tsx",
+      "encapsulation": "none",
+      "tag": "nv-fieldcheckbox",
+      "readme": "# nv-fieldcheckbox\n\nThe 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.\n",
+      "docs": "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.",
+      "docsTags": [
+        {
+          "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."
+        },
+        {
+          "name": "slot",
+          "text": "checked-icon - Content to be placed as the checked icon, will override the checkedIcon prop."
+        },
+        {
+          "name": "slot",
+          "text": "indeterminate-icon - Content to be placed as the indeterminate icon, will override the indeterminateIcon prop."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "checked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
           },
           "mutable": true,
-          "attr": "label-placement",
+          "attr": "checked",
           "reflectToAttr": true,
-          "docs": "Determines the position of the label relative to the checkbox, either\n'start' (before) or 'end' (after).",
+          "docs": "Indicates whether the checkbox is checked or not.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "value": "after",
-              "type": "string"
-            },
-            {
-              "value": "before",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "message",
+          "name": "description",
           "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
             "references": {}
           },
+          "mutable": true,
+          "attr": "description",
+          "reflectToAttr": true,
+          "docs": "A description providing additional context or information about the\ncheckbox.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
           "mutable": false,
-          "attr": "message",
-          "reflectToAttr": false,
-          "docs": "Message define a 'hint ' message for the Field.",
-          "docsTags": [
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Disables the checkbox, preventing user interaction.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
             {
-              "name": "deprecated",
-              "text": "Use `description` instead."
+              "type": "boolean"
             }
           ],
-          "deprecation": "Use `description` instead.",
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "error",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error",
+          "reflectToAttr": true,
+          "docs": "Signals that there is an error associated with the checkbox, which can\ntrigger visual cues.",
+          "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
-          "name": "name",
+          "name": "errorDescription",
           "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
             "references": {}
           },
-          "mutable": false,
-          "attr": "name",
+          "mutable": true,
+          "attr": "error-description",
           "reflectToAttr": true,
-          "docs": "The name attribute for the checkbox input, used to reference the form data\nafter submission.",
+          "docs": "A description that appears when there is an error related to the checkbox.",
           "docsTags": [],
           "values": [
             {
@@ -1655,7 +1909,7 @@
           "required": false
         },
         {
-          "name": "readonly",
+          "name": "hideLabel",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -1663,9 +1917,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "readonly",
+          "attr": "hide-label",
           "reflectToAttr": true,
-          "docs": "Sets the checkbox to read-only, preventing user changes but still allowing\nfocus and selection of text.",
+          "docs": "Hides the label visually while still keeping it available for screen\nreaders.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1677,17 +1931,17 @@
           "required": false
         },
         {
-          "name": "required",
+          "name": "indeterminate",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
-          "attr": "required",
+          "mutable": true,
+          "attr": "indeterminate",
           "reflectToAttr": true,
-          "docs": "Marks the checkbox as required, indicating that it must be checked for\nform submission.",
+          "docs": "Indicates whether the checkbox is in an indeterminate state, typically used\nfor hierarchical checkboxes.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1699,7 +1953,7 @@
           "required": false
         },
         {
-          "name": "validation",
+          "name": "inputId",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -1707,26 +1961,21 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "validation",
-          "reflectToAttr": false,
-          "docs": "The text for the validation message.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "Use `errorDescription` instead."
-            }
-          ],
-          "deprecation": "Use `errorDescription` instead.",
+          "attr": "input-id",
+          "reflectToAttr": true,
+          "docs": "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.",
+          "docsTags": [],
+          "default": "uuidv4()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
-          "name": "value",
+          "name": "label",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -1734,9 +1983,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "value",
+          "attr": "label",
           "reflectToAttr": true,
-          "docs": "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.",
+          "docs": "The label displayed next to the checkbox.",
           "docsTags": [],
           "values": [
             {
@@ -1745,39 +1994,239 @@
           ],
           "optional": true,
           "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
+        },
         {
-          "event": "checkedChanged",
-          "detail": "boolean",
-          "bubbles": true,
+          "name": "labelBefore",
+          "type": "boolean",
           "complexType": {
             "original": "boolean",
             "resolved": "boolean",
             "references": {}
           },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emits when the checked state changes.",
+          "mutable": false,
+          "attr": "label-before",
+          "reflectToAttr": false,
+          "docs": "When true, the label will be placed before the checkbox.",
           "docsTags": [
             {
-              "name": "bind",
-              "text": "checked"
+              "name": "deprecated",
+              "text": "Use `labelPlacement = end` instead."
             }
-          ]
-        }
-      ],
-      "listeners": [
+          ],
+          "default": "false",
+          "deprecation": "Use `labelPlacement = end` instead.",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
-          "event": "change",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [
+          "name": "labelPlacement",
+          "type": "\"after\" | \"before\"",
+          "complexType": {
+            "original": "`${FieldLabelPlacement}`",
+            "resolved": "\"after\" | \"before\"",
+            "references": {
+              "FieldLabelPlacement": {
+                "location": "import",
+                "path": "../../utils/constants",
+                "id": "src/utils/constants.ts::FieldLabelPlacement"
+              }
+            }
+          },
+          "mutable": true,
+          "attr": "label-placement",
+          "reflectToAttr": true,
+          "docs": "Determines the position of the label relative to the checkbox, either\n'start' (before) or 'end' (after).",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "after",
+              "type": "string"
+            },
+            {
+              "value": "before",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "message",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "message",
+          "reflectToAttr": false,
+          "docs": "Message define a 'hint ' message for the Field.",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use `description` instead."
+            }
+          ],
+          "deprecation": "Use `description` instead.",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": true,
+          "docs": "The name attribute for the checkbox input, used to reference the form data\nafter submission.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "readonly",
+          "reflectToAttr": true,
+          "docs": "Sets the checkbox to read-only, preventing user changes but still allowing\nfocus and selection of text.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": true,
+          "docs": "Marks the checkbox as required, indicating that it must be checked for\nform submission.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validation",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation",
+          "reflectToAttr": false,
+          "docs": "The text for the validation message.",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use `errorDescription` instead."
+            }
+          ],
+          "deprecation": "Use `errorDescription` instead.",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": true,
+          "docs": "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.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "checkedChanged",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the checked state changes.",
+          "docsTags": [
+            {
+              "name": "bind",
+              "text": "checked"
+            }
+          ]
+        }
+      ],
+      "listeners": [
+        {
+          "event": "change",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [
         {
           "name": "checked-icon",
           "docs": "Content to be placed as the checked icon, will override the checkedIcon prop."
@@ -9768,28 +10217,426 @@
         "nv-tooltip"
       ],
       "dependencies": [],
-      "dependencyGraph": {
-        "nv-fielddropdown": [
-          "nv-popover"
-        ],
-        "nv-menu": [
-          "nv-popover"
-        ],
-        "nv-tooltip": [
-          "nv-popover"
-        ]
-      }
+      "dependencyGraph": {
+        "nv-fielddropdown": [
+          "nv-popover"
+        ],
+        "nv-menu": [
+          "nv-popover"
+        ],
+        "nv-tooltip": [
+          "nv-popover"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/nv-row/nv-row.tsx",
+      "encapsulation": "none",
+      "tag": "nv-row",
+      "readme": "# nv-row\n\nThe `nv-row` component is a \"row\" that contains columns. It typically includes `nv-col` components or other components with the `Size` parameter defined.\n",
+      "docs": "The `nv-row` component is a \"row\" that contains columns. It typically includes `nv-col` components or other components with the `Size` parameter defined.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - The row content."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "The row content."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-stack/nv-stack.tsx",
+      "encapsulation": "none",
+      "tag": "nv-stack",
+      "readme": "# nv-stack\n\nThe `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.\n",
+      "docs": "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.",
+      "docsTags": [
+        {
+          "name": "deprecated",
+          "text": "Please use tailwind classes instead"
+        },
+        {
+          "name": "slot",
+          "text": "default - Content of the stack"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "fill",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "fill",
+          "reflectToAttr": true,
+          "docs": "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.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "flex",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "flex",
+          "reflectToAttr": true,
+          "docs": "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.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "full",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "full",
+          "reflectToAttr": true,
+          "docs": "Full set the width of the stack to 100%.\n(same effect as WFull props)",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "gutter",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "gutter",
+          "reflectToAttr": true,
+          "docs": "Gutter refers to the space that exists between children components inside\nthe stack container.",
+          "docsTags": [],
+          "default": "2",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "vertical",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "vertical",
+          "reflectToAttr": true,
+          "docs": "Display the element of the stack vertically.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Content of the stack"
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {},
+      "deprecation": "Please use tailwind classes instead"
+    },
+    {
+      "filePath": "src/components/nv-table/nv-table.tsx",
+      "encapsulation": "none",
+      "tag": "nv-table",
+      "readme": "# nv-table\n\nThe nv-table is an example component that only show a simple table.\n\nThe `<table>` HTML element represents tabular data�that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.\n\n",
+      "docs": "The nv-table is an example component that only show a simple table.\n\nThe `<table>` HTML element represents tabular data�that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Use this slot to insert HTML into the table content."
+        },
+        {
+          "name": "slot",
+          "text": "head - Use this slot to insert HTML into the table header."
+        },
+        {
+          "name": "slot",
+          "text": "before - Use this slot to insert HTML before the table."
+        },
+        {
+          "name": "slot",
+          "text": "after - Use this slot to insert HTML after the table."
+        },
+        {
+          "name": "slot",
+          "text": "body - Use this slot to insert HTML into the table body."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "columns",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Defines the table columns.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "['Name', 'Age', 'Email']"
+            },
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "columnsJson",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "columns-json",
+          "reflectToAttr": true,
+          "docs": "Defines the table columns.\nIt can be passed directly as an array of strings or as a JSON string.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "'[\"Name\", \"Age\", \"Email\"]'"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "data",
+          "type": "any[]",
+          "complexType": {
+            "original": "any[]",
+            "resolved": "any[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Defines the table data.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "[{ name: 'Alice', age: 25, email: 'alice@mail.com' }, { name: 'Bob', age: 30, email: 'bob@mail.com' }]"
+            },
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "any[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "dataJson",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "data-json",
+          "reflectToAttr": true,
+          "docs": "Defines the table data.\nIt can be passed directly as an array of objects or as a JSON string.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "'[{ \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\" },{ \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\" }]'"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "noColumnsNoDataMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "no-columns-no-data-message",
+          "reflectToAttr": false,
+          "docs": "The message to display when there are no columns or data available.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'No data or columns available to display.'"
+            }
+          ],
+          "default": "'No data or columns available to display.'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "noDataMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "no-data-message",
+          "reflectToAttr": false,
+          "docs": "The message to display when there is no data available.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'No data available'"
+            }
+          ],
+          "default": "'No data available'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "after",
+          "docs": "Use this slot to insert HTML after the table."
+        },
+        {
+          "name": "before",
+          "docs": "Use this slot to insert HTML before the table."
+        },
+        {
+          "name": "body",
+          "docs": "Use this slot to insert HTML into the table body."
+        },
+        {
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the table content."
+        },
+        {
+          "name": "head",
+          "docs": "Use this slot to insert HTML into the table header."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/nv-row/nv-row.tsx",
+      "filePath": "src/components/nv-tablebody/nv-tablebody.tsx",
       "encapsulation": "none",
-      "tag": "nv-row",
-      "readme": "# nv-row\n\nThe `nv-row` component is a \"row\" that contains columns. It typically includes `nv-col` components or other components with the `Size` parameter defined.\n",
-      "docs": "The `nv-row` component is a \"row\" that contains columns. It typically includes `nv-col` components or other components with the `Size` parameter defined.",
+      "tag": "nv-tablebody",
+      "readme": "# nv-tablebody\n\nThe `<tbody>` HTML element encapsulates a set of table rows (`<tr>` elements), indicating that they comprise the body of a table's (main) data.\n",
+      "docs": "The `<tbody>` HTML element encapsulates a set of table rows (`<tr>` elements), indicating that they comprise the body of a table's (main) data.",
       "docsTags": [
         {
           "name": "slot",
-          "text": "default - The row content."
+          "text": "default - Use this slot to insert HTML into the table body."
         }
       ],
       "usage": {},
@@ -9801,7 +10648,7 @@
       "slots": [
         {
           "name": "default",
-          "docs": "The row content."
+          "docs": "Use this slot to insert HTML into the table body."
         }
       ],
       "parts": [],
@@ -9810,88 +10657,95 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/nv-stack/nv-stack.tsx",
+      "filePath": "src/components/nv-tablecolumn/nv-tablecolumn.tsx",
       "encapsulation": "none",
-      "tag": "nv-stack",
-      "readme": "# nv-stack\n\nThe `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.\n",
-      "docs": "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.",
+      "tag": "nv-tablecolumn",
+      "readme": "# nv-tablecolumn\n\nA helper component to decompose the column from the table.\nThe `<th>` HTML element defines a cell as the header of a group of table cells and may be used as a child of the `<tr>` element. The exact nature of this group is defined by the scope and headers attributes.\n",
+      "docs": "A helper component to decompose the column from the table.\nThe `<th>` HTML element defines a cell as the header of a group of table cells and may be used as a child of the `<tr>` element. The exact nature of this group is defined by the scope and headers attributes.",
       "docsTags": [
-        {
-          "name": "deprecated",
-          "text": "Please use tailwind classes instead"
-        },
         {
           "name": "slot",
-          "text": "default - Content of the stack"
+          "text": "default - Use this slot to insert HTML into the table column."
         }
       ],
       "usage": {},
       "props": [
         {
-          "name": "fill",
-          "type": "boolean",
+          "name": "abbr",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "fill",
-          "reflectToAttr": true,
-          "docs": "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.",
+          "attr": "abbr",
+          "reflectToAttr": false,
+          "docs": "A short, abbreviated description of the header cell's content provided as an\nalternative label to use for the header cell when referencing the cell in other\ncontexts. Some user-agents, such as speech readers, may present this description\nbefore the content itself.",
           "docsTags": [],
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "flex",
-          "type": "boolean",
+          "name": "colspan",
+          "type": "number",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "flex",
-          "reflectToAttr": true,
-          "docs": "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.",
-          "docsTags": [],
+          "attr": "colspan",
+          "reflectToAttr": false,
+          "docs": "A non-negative integer value indicating how many columns the header cell spans\nor extends. The default value is 1. User agents dismiss values higher than 1000\nas incorrect, defaulting such values to 1.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "1"
+            }
+          ],
+          "default": "1",
           "values": [
             {
-              "type": "boolean"
+              "type": "number"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "full",
-          "type": "boolean",
+          "name": "headers",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "full",
-          "reflectToAttr": true,
-          "docs": "Full set the width of the stack to 100%.\n(same effect as WFull props)",
-          "docsTags": [],
+          "attr": "headers",
+          "reflectToAttr": false,
+          "docs": "A list of space-separated strings corresponding to the id attributes of the `<th>`\nelements that provide the headers for this header cell.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "'col1 col2'"
+            }
+          ],
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "gutter",
+          "name": "rowspan",
           "type": "number",
           "complexType": {
             "original": "number",
@@ -9899,11 +10753,16 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "gutter",
-          "reflectToAttr": true,
-          "docs": "Gutter refers to the space that exists between children components inside\nthe stack container.",
-          "docsTags": [],
-          "default": "2",
+          "attr": "rowspan",
+          "reflectToAttr": false,
+          "docs": "A non-negative integer value indicating how many rows the header cell spans or\nextends. The default value is 1; if its value is set to 0, the header cell will\nextends to the end of the table grouping section (`<thead>`, `<tbody>`, `<tfoot>`,\neven if implicitly defined), that the `<th>` belongs to. Values higher than 65534\nare clipped at 65534.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "1"
+            }
+          ],
+          "default": "1",
           "values": [
             {
               "type": "number"
@@ -9913,21 +10772,34 @@
           "required": false
         },
         {
-          "name": "vertical",
-          "type": "boolean",
+          "name": "scope",
+          "type": "\"col\" | \"colgroup\" | \"row\" | \"rowgroup\"",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "'col' | 'row' | 'colgroup' | 'rowgroup'",
+            "resolved": "\"col\" | \"colgroup\" | \"row\" | \"rowgroup\"",
             "references": {}
           },
           "mutable": false,
-          "attr": "vertical",
-          "reflectToAttr": true,
-          "docs": "Display the element of the stack vertically.",
+          "attr": "scope",
+          "reflectToAttr": false,
+          "docs": "Defines the cells that the header (defined in the `<th>`) element relates to.\nPossible enumerated values are:\n\n- `col`: The header relates to all cells of the column it belongs to.\n- `row`: The header relates to all cells of the row it belongs to.\n- `colgroup`: The header relates to all cells of the column group it belongs to.\n- `rowgroup`: The header relates to all cells of the row group it belongs to.\n\nIf the `scope` attribute is not specified, or its value is not `row`, `col`,\n`rowgroup`, or `colgroup`, then browsers automatically select the set of cells to\nwhich the header cell applies.",
           "docsTags": [],
           "values": [
             {
-              "type": "boolean"
+              "value": "col",
+              "type": "string"
+            },
+            {
+              "value": "colgroup",
+              "type": "string"
+            },
+            {
+              "value": "row",
+              "type": "string"
+            },
+            {
+              "value": "rowgroup",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -9941,14 +10813,181 @@
       "slots": [
         {
           "name": "default",
-          "docs": "Content of the stack"
+          "docs": "Use this slot to insert HTML into the table column."
         }
       ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {},
-      "deprecation": "Please use tailwind classes instead"
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-tabledatacell/nv-tabledatacell.tsx",
+      "encapsulation": "none",
+      "tag": "nv-tabledatacell",
+      "readme": "# nv-tabledatacell\n\nThe `<td>` HTML element defines a cell of a table that contains data and may be used as a child of the `<tr>` element.\n",
+      "docs": "The `<td>` HTML element defines a cell of a table that contains data and may be used as a child of the `<tr>` element.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Use this slot to insert HTML into the table data cell."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "colspan",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "colspan",
+          "reflectToAttr": false,
+          "docs": "Contains a non-negative integer value that indicates how many columns the data\ncell spans or extends. The default value is 1. User agents dismiss values higher\nthan 1000 as incorrect, setting to the default value (1).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "1"
+            }
+          ],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "headers",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "headers",
+          "reflectToAttr": false,
+          "docs": "Contains a list of space-separated strings, each corresponding to the id\nattribute of the `<th>` elements that provide headings for this table cell.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "'col1 col2'"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "rowspan",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "rowspan",
+          "reflectToAttr": false,
+          "docs": "Contains a non-negative integer value that indicates for how many rows the data\ncell spans or extends. The default value is 1; if its value is set to 0, it\nextends until the end of the table grouping section (`<thead>`, `<tbody>`,\n`<tfoot>`, even if implicitly defined), that the cell belongs to. Values higher\nthan 65534 are clipped to 65534.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "1"
+            }
+          ],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the table data cell."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-tablehead/nv-tablehead.tsx",
+      "encapsulation": "none",
+      "tag": "nv-tablehead",
+      "readme": "# nv-tablehead\n\nThe `<thead>` HTML element encapsulates a set of table rows (`<tr>` elements), indicating that they comprise the head of a table with information about the table's columns. This is usually in the form of column headers (`<th>` elements).\n",
+      "docs": "The `<thead>` HTML element encapsulates a set of table rows (`<tr>` elements), indicating that they comprise the head of a table with information about the table's columns. This is usually in the form of column headers (`<th>` elements).",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Use this slot to insert HTML into the table head."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the table head."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/nv-tablerow/nv-tablerow.tsx",
+      "encapsulation": "none",
+      "tag": "nv-tablerow",
+      "readme": "# nv-tablerow\n\nThe `<tr>` HTML element defines a row of cells in a table. The row's cells can then be established using a mix of `<td>` (data cell) and `<th>` (header cell) elements.\n",
+      "docs": "The `<tr>` HTML element defines a row of cells in a table. The row's cells can then be established using a mix of `<td>` (data cell) and `<th>` (header cell) elements.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Use this slot to insert HTML into the table row."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Use this slot to insert HTML into the table row."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/nv-tooltip/nv-tooltip.tsx",
@@ -10147,6 +11186,11 @@
       "docstring": "",
       "path": "src/utils/constants.ts"
     },
+    "src/interfaces/Column.tsx::Column": {
+      "declaration": "export interface Column {\n  /**\n   * Display name of the column\n   */\n  header: string;\n\n  /**\n   * Data accessor for the column\n   */\n  accessor: string;\n}",
+      "docstring": "Column interface for nv-datagrid",
+      "path": "src/interfaces/Column.tsx"
+    },
     "src/utils/constants.ts::FieldLabelPlacement": {
       "declaration": "export enum FieldLabelPlacement {\n  Before = 'before',\n  After = 'after',\n}",
       "docstring": "",
@@ -10158,7 +11202,7 @@
       "path": "src/utils/constants.ts"
     },
     "src/components/nv-fielddropdownitem/DropdownItemSelectedEventDetail.tsx::DropdownItemSelectedEventDetail": {
-      "declaration": "export interface DropdownItemSelectedEventDetail {\n  label?: string;\n  value: string;\n  selected: boolean;\n  disabled: boolean;\n}",
+      "declaration": "export interface DropdownItemSelectedEventDetail {\n  /**\n   * The value associated with the item.\n   */\n  label?: string;\n\n  /**\n   * The value associated with the item.\n   */\n  value: string;\n\n  /**\n   * Indicates if the item is selected.\n   */\n  selected: boolean;\n\n  /**\n   * Disables the item, preventing any user interaction.\n   */\n  disabled: boolean;\n}",
       "docstring": "Interface for the event emitted by the dropdown item.",
       "path": "src/components/nv-fielddropdownitem/DropdownItemSelectedEventDetail.tsx"
     },
@@ -10173,7 +11217,7 @@
       "path": "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
     },
     "src/components/nv-menuitem/nv-menuitem.tsx::MenuitemSelectedEventDetail": {
-      "declaration": "{ itemId?: HTMLElement['id'] }",
+      "declaration": "{\n  /**\n   * The id of the menu item that was selected.\n   */\n  itemId?: HTMLElement['id'];\n}",
       "docstring": "",
       "path": "src/components/nv-menuitem/nv-menuitem.tsx"
     },