@3mo/data-grid 0.10.3-alpha.0 → 0.10.3

package/dist/custom-elements.json

@@ -3,7 +3,7 @@
 	"tags": [
 		{
 			"name": "mo-data-grid",
-			"path": ".\\packages/DataGrid/DataGrid.ts",
+			"path": ".\\packages\\DataGrid\\DataGrid.ts",
 			"attributes": [
 				{
 					"name": "data",
@@ -660,7 +660,7 @@
 		},
 		{
 			"name": "mo-data-grid-cell",
-			"path": ".\\packages/DataGrid/DataGridCell.ts",
+			"path": ".\\packages\\DataGrid\\DataGridCell.ts",
 			"attributes": [
 				{
 					"name": "value",
@@ -711,7 +711,7 @@
 		},
 		{
 			"name": "mo-data-grid-footer",
-			"path": ".\\packages/DataGrid/DataGridFooter.ts",
+			"path": ".\\packages\\DataGrid\\DataGridFooter.ts",
 			"attributes": [
 				{
 					"name": "dataGrid",
@@ -739,7 +739,7 @@
 		},
 		{
 			"name": "mo-data-grid-header",
-			"path": ".\\packages/DataGrid/DataGridHeader.ts",
+			"path": ".\\packages\\DataGrid\\DataGridHeader.ts",
 			"attributes": [
 				{
 					"name": "dataGrid",
@@ -775,7 +775,7 @@
 		},
 		{
 			"name": "mo-data-grid-header-separator",
-			"path": ".\\packages/DataGrid/DataGridHeaderSeparator.ts",
+			"path": ".\\packages\\DataGrid\\DataGridHeaderSeparator.ts",
 			"attributes": [
 				{
 					"name": "dataGrid",
@@ -801,7 +801,7 @@
 		},
 		{
 			"name": "mo-data-grid-primary-context-menu-item",
-			"path": ".\\packages/DataGrid/DataGridPrimaryContextMenuItem.ts",
+			"path": ".\\packages\\DataGrid\\DataGridPrimaryContextMenuItem.ts",
 			"attributes": [
 				{
 					"name": "open",
@@ -892,7 +892,7 @@
 		},
 		{
 			"name": "mo-data-grid-side-panel",
-			"path": ".\\packages/DataGrid/DataGridSidePanel.ts",
+			"path": ".\\packages\\DataGrid\\DataGridSidePanel.ts",
 			"attributes": [
 				{
 					"name": "dataGrid",
@@ -915,6 +915,4658 @@
 					"type": "DataGridSidePanelTab | undefined"
 				}
 			]
+		},
+		{
+			"name": "mo-data-grid-column-boolean",
+			"path": ".\\packages\\DataGrid\\columns\\DataGridColumnBoolean.ts",
+			"attributes": [
+				{
+					"name": "trueIcon",
+					"description": "Icon to show for true values",
+					"type": "MaterialIcon",
+					"default": "\"done\""
+				},
+				{
+					"name": "falseIcon",
+					"description": "Icon to show for false values",
+					"type": "MaterialIcon",
+					"default": "\"clear\""
+				},
+				{
+					"name": "trueIconColor",
+					"description": "Color of the true icon",
+					"type": "string",
+					"default": "\"var(--mo-color-accent)\""
+				},
+				{
+					"name": "falseIconColor",
+					"description": "Color of the false icon",
+					"type": "string",
+					"default": "\"var(--mo-color-gray)\""
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "trueIcon",
+					"attribute": "trueIcon",
+					"description": "Icon to show for true values",
+					"type": "MaterialIcon",
+					"default": "\"done\""
+				},
+				{
+					"name": "falseIcon",
+					"attribute": "falseIcon",
+					"description": "Icon to show for false values",
+					"type": "MaterialIcon",
+					"default": "\"clear\""
+				},
+				{
+					"name": "trueIconColor",
+					"attribute": "trueIconColor",
+					"description": "Color of the true icon",
+					"type": "string",
+					"default": "\"var(--mo-color-accent)\""
+				},
+				{
+					"name": "falseIconColor",
+					"attribute": "falseIconColor",
+					"description": "Color of the false icon",
+					"type": "string",
+					"default": "\"var(--mo-color-gray)\""
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-deletion",
+			"path": ".\\packages\\DataGrid\\columns\\DataGridColumnDeletion.ts",
+			"attributes": [
+				{
+					"name": "icon",
+					"type": "MaterialIcon",
+					"default": "\"delete\""
+				},
+				{
+					"name": "prevent",
+					"description": "Prevents the deletion button from being displayed",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "true"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean",
+					"default": "true"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "delete",
+					"type": "EventDispatcher<TData>"
+				},
+				{
+					"name": "icon",
+					"attribute": "icon",
+					"type": "MaterialIcon",
+					"default": "\"delete\""
+				},
+				{
+					"name": "getContentTemplate",
+					"type": "(_: never, data?: TData | undefined) => HTMLTemplateResult",
+					"default": "\"(_: never, data?: TData) => this.prevent ? html.nothing : html`\\r\\n\\t\\t<mo-icon-button icon=${this.icon}\\r\\n\\t\\t\\t${tooltip(t('Delete position'))}\\r\\n\\t\\t\\t${style({ color: 'var(--mo-color-gray)', height: '40px', display: 'flex' })}\\r\\n\\t\\t\\t@click=${() => !data ? void 0 : this.delete.dispatch(data)}\\r\\n\\t\\t></mo-icon-button>\\r\\n\\t`\""
+				},
+				{
+					"name": "getEditContentTemplate",
+					"type": "undefined",
+					"default": "\"undefined\""
+				},
+				{
+					"name": "prevent",
+					"attribute": "prevent",
+					"description": "Prevents the deletion button from being displayed",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "true"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean",
+					"default": "true"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"events": [
+				{
+					"name": "delete",
+					"type": "CustomEvent<TData>"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-image",
+			"path": ".\\packages\\DataGrid\\columns\\DataGridColumnImage.ts",
+			"attributes": [
+				{
+					"name": "tooltipSelector",
+					"description": "The data selector of the column to use as a tooltip. If a function is provided, it will be called with the data as an argument.",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "true"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean",
+					"default": "true"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "getEditContentTemplate",
+					"type": "undefined",
+					"default": "\"undefined\""
+				},
+				{
+					"name": "tooltipSelector",
+					"attribute": "tooltipSelector",
+					"description": "The data selector of the column to use as a tooltip. If a function is provided, it will be called with the data as an argument.",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | ((data: TData) => string | undefined) | undefined"
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "true"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean",
+					"default": "true"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-text",
+			"path": ".\\packages\\DataGrid\\columns\\DataGridColumnText.ts",
+			"attributes": [
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-date",
+			"path": ".\\packages\\DataGrid\\columns\\date-time\\DataGridColumnDate.ts",
+			"attributes": [
+				{
+					"name": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultFormatOptions",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "fieldTag",
+					"type": "StaticValue",
+					"default": "\"literal`mo-field-date`\""
+				},
+				{
+					"name": "formatOptions",
+					"attribute": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"attribute": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-date-range",
+			"path": ".\\packages\\DataGrid\\columns\\date-time\\DataGridColumnDateRange.ts",
+			"attributes": [
+				{
+					"name": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultFormatOptions",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "fieldTag",
+					"type": "StaticValue",
+					"default": "\"literal`mo-field-date-range`\""
+				},
+				{
+					"name": "formatOptions",
+					"attribute": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"attribute": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-date-time",
+			"path": ".\\packages\\DataGrid\\columns\\date-time\\DataGridColumnDateTime.ts",
+			"attributes": [
+				{
+					"name": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultFormatOptions",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "fieldTag",
+					"type": "StaticValue",
+					"default": "\"literal`mo-field-date-time`\""
+				},
+				{
+					"name": "formatOptions",
+					"attribute": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"attribute": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-date-time-range",
+			"path": ".\\packages\\DataGrid\\columns\\date-time\\DataGridColumnDateTimeRange.ts",
+			"attributes": [
+				{
+					"name": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultFormatOptions",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "fieldTag",
+					"type": "StaticValue",
+					"default": "\"literal`mo-field-date-time-range`\""
+				},
+				{
+					"name": "formatOptions",
+					"attribute": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"attribute": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"start\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-currency",
+			"path": ".\\packages\\DataGrid\\columns\\number\\DataGridColumnCurrency.ts",
+			"attributes": [
+				{
+					"name": "currency",
+					"description": "The currency of the values.",
+					"type": "Currency | undefined"
+				},
+				{
+					"name": "currencyDataSelector",
+					"description": "The key path to the currency of the values.",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "sumHeading",
+					"type": "string | undefined",
+					"default": "\"undefined\""
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"end\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultCurrency",
+					"type": "Currency | undefined"
+				},
+				{
+					"name": "currency",
+					"attribute": "currency",
+					"description": "The currency of the values.",
+					"type": "Currency | undefined"
+				},
+				{
+					"name": "currencyDataSelector",
+					"attribute": "currencyDataSelector",
+					"description": "The key path to the currency of the values.",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "sumHeading",
+					"attribute": "sumHeading",
+					"type": "string | undefined",
+					"default": "\"undefined\""
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, unknown>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"end\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-number",
+			"path": ".\\packages\\DataGrid\\columns\\number\\DataGridColumnNumber.ts",
+			"attributes": [
+				{
+					"name": "sumHeading",
+					"type": "string | undefined",
+					"default": "\"undefined\""
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"end\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "sumHeading",
+					"attribute": "sumHeading",
+					"type": "string | undefined",
+					"default": "\"undefined\""
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, unknown>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"end\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-percent",
+			"path": ".\\packages\\DataGrid\\columns\\number\\DataGridColumnPercent.ts",
+			"attributes": [
+				{
+					"name": "sumHeading",
+					"type": "string | undefined",
+					"default": "\"undefined\""
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"end\""
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "sumHeading",
+					"attribute": "sumHeading",
+					"type": "string | undefined",
+					"default": "\"undefined\""
+				},
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, unknown>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string",
+					"default": "\"max-content\""
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string",
+					"default": "\"\""
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment",
+					"default": "\"end\""
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>",
+					"default": "false"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-footer-sum",
+			"path": ".\\packages\\DataGrid\\columns\\number\\DataGridFooterSum.ts",
+			"attributes": [
+				{
+					"name": "heading",
+					"type": "string",
+					"default": "\"\""
+				}
+			],
+			"properties": [
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"type": "string",
+					"default": "\"\""
+				}
+			],
+			"slots": [
+				{
+					"name": "",
+					"description": "Sum of values"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid",
+			"path": ".\\packages\\DataGrid\\dist\\DataGrid.d.ts",
+			"attributes": [
+				{
+					"name": "data",
+					"description": "The data to be displayed in the DataGrid. It is an array of objects, where each object represents a row.",
+					"type": "TData[]"
+				},
+				{
+					"name": "columns",
+					"description": "The columns to be displayed in the DataGrid. It is an array of objects, where each object represents a column.",
+					"type": "DataGridColumn<TData, unknown>[]"
+				},
+				{
+					"name": "headerHidden",
+					"description": "Whether the header should be hidden.",
+					"type": "boolean"
+				},
+				{
+					"name": "preventVerticalContentScroll",
+					"description": "Whether the content should be prevented from scrolling vertically.",
+					"type": "boolean"
+				},
+				{
+					"name": "page",
+					"description": "The current page.",
+					"type": "number"
+				},
+				{
+					"name": "pagination",
+					"description": "The pagination mode. It can be either `auto` or a number.",
+					"type": "DataGridPagination | undefined"
+				},
+				{
+					"name": "sorting",
+					"description": "The sorting mode. It is an object with `selector` and `strategy` properties.",
+					"type": "DataGridSorting<TData> | undefined"
+				},
+				{
+					"name": "selectionMode",
+					"description": "The selection mode.",
+					"type": "DataGridSelectionMode"
+				},
+				{
+					"name": "isDataSelectable",
+					"description": "Whether data of a given row is selectable.",
+					"type": "((data: TData) => boolean) | undefined"
+				},
+				{
+					"name": "selectedData",
+					"description": "The selected data.",
+					"type": "TData[]"
+				},
+				{
+					"name": "selectOnClick",
+					"description": "Whether the row should be selected on click.",
+					"type": "boolean"
+				},
+				{
+					"name": "selectionCheckboxesHidden",
+					"description": "Whether the selection checkboxes should be hidden. This activates selection on row click ignoring the `selectOnClick` attribute.",
+					"type": "boolean"
+				},
+				{
+					"name": "selectionBehaviorOnDataChange",
+					"description": "The behavior of the selection when the data changes.",
+					"type": "DataGridSelectionBehaviorOnDataChange"
+				},
+				{
+					"name": "multipleDetails",
+					"description": "Whether multiple details can be opened at the same time.",
+					"type": "boolean"
+				},
+				{
+					"name": "subDataGridDataSelector",
+					"description": "The key path of the sub data grid data.",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "hasDataDetail",
+					"description": "Whether the data has a detail.",
+					"type": "((data: TData) => boolean) | undefined"
+				},
+				{
+					"name": "detailsOnClick",
+					"description": "Whether the details should be opened on click.",
+					"type": "boolean"
+				},
+				{
+					"name": "primaryContextMenuItemOnDoubleClick",
+					"description": "The primary context menu item on double click.",
+					"type": "boolean"
+				},
+				{
+					"name": "editability",
+					"description": "The editability mode.",
+					"type": "DataGridEditability"
+				},
+				{
+					"name": "getRowDetailsTemplate",
+					"description": "A function which returns a template for the details of a given row.",
+					"type": "((data: TData) => HTMLTemplateResult) | undefined"
+				},
+				{
+					"name": "getRowContextMenuTemplate",
+					"description": "A function which returns a template for the context menu of a given row.",
+					"type": "((data: TData[]) => HTMLTemplateResult) | undefined"
+				},
+				{
+					"name": "sidePanelTab",
+					"description": "The side panel tab.",
+					"type": "DataGridSidePanelTab | undefined"
+				},
+				{
+					"name": "sidePanelHidden",
+					"description": "Whether the side panel should be hidden.",
+					"type": "boolean"
+				},
+				{
+					"name": "hasAlternatingBackground",
+					"description": "Whether the rows should have alternating background.",
+					"type": "LocalStorage<boolean>"
+				},
+				{
+					"name": "preventFabCollapse",
+					"description": "Whether the FAB should be prevented from collapsing.",
+					"type": "boolean"
+				},
+				{
+					"name": "cellFontSize",
+					"description": "The font size of the cells relative to the default font size. Defaults",
+					"type": "number"
+				},
+				{
+					"name": "rowHeight",
+					"description": "The height of the rows in pixels. Defaults to",
+					"type": "LocalStorage<number>"
+				},
+				{
+					"name": "exportable",
+					"description": "Whether the DataGrid is exportable. This will show an export button in the footer.",
+					"type": "boolean"
+				}
+			],
+			"properties": [
+				{
+					"name": "cellRelativeFontSize",
+					"type": "LocalStorage<number>"
+				},
+				{
+					"name": "dataChange",
+					"type": "EventDispatcher<TData[]>"
+				},
+				{
+					"name": "selectionChange",
+					"type": "EventDispatcher<TData[]>"
+				},
+				{
+					"name": "pageChange",
+					"type": "EventDispatcher<number>"
+				},
+				{
+					"name": "paginationChange",
+					"type": "EventDispatcher<DataGridPagination | undefined>"
+				},
+				{
+					"name": "columnsChange",
+					"type": "EventDispatcher<DataGridColumn<TData, unknown>[]>"
+				},
+				{
+					"name": "sidePanelOpen",
+					"type": "EventDispatcher<DataGridSidePanelTab>"
+				},
+				{
+					"name": "sidePanelClose",
+					"type": "EventDispatcher<void>"
+				},
+				{
+					"name": "sortingChange",
+					"type": "EventDispatcher<DataGridRankedSortDefinition<TData>[]>"
+				},
+				{
+					"name": "rowDetailsOpen",
+					"type": "EventDispatcher<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "rowDetailsClose",
+					"type": "EventDispatcher<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "rowClick",
+					"type": "EventDispatcher<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "rowDoubleClick",
+					"type": "EventDispatcher<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "rowMiddleClick",
+					"type": "EventDispatcher<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "cellEdit",
+					"type": "EventDispatcher<DataGridCell<any, TData, TDetailsElement>>"
+				},
+				{
+					"name": "rows",
+					"type": "DataGridRow<TData, TDetailsElement>[]"
+				},
+				{
+					"name": "hasSelection",
+					"type": "boolean"
+				},
+				{
+					"name": "hasDetails",
+					"type": "boolean"
+				},
+				{
+					"name": "allRowDetailsOpen",
+					"type": "boolean"
+				},
+				{
+					"name": "extractedColumns",
+					"type": "DataGridColumn<TData, unknown>[]"
+				},
+				{
+					"name": "visibleColumns",
+					"type": "DataGridColumn<TData, unknown>[]"
+				},
+				{
+					"name": "hasContextMenu",
+					"type": "boolean"
+				},
+				{
+					"name": "toolbarElements",
+					"type": "Element[]"
+				},
+				{
+					"name": "filterElements",
+					"type": "Element[]"
+				},
+				{
+					"name": "hasToolbar",
+					"type": "boolean"
+				},
+				{
+					"name": "hasFilters",
+					"type": "boolean"
+				},
+				{
+					"name": "hasSums",
+					"type": "boolean"
+				},
+				{
+					"name": "hasFabs",
+					"type": "boolean"
+				},
+				{
+					"name": "hasPagination",
+					"type": "boolean"
+				},
+				{
+					"name": "supportsDynamicPageSize",
+					"type": "boolean"
+				},
+				{
+					"name": "pageSize",
+					"type": "LocalStorage<number>"
+				},
+				{
+					"name": "hasFooter",
+					"type": "boolean"
+				},
+				{
+					"name": "dataLength",
+					"type": "number"
+				},
+				{
+					"name": "maxPage",
+					"type": "number"
+				},
+				{
+					"name": "hasNextPage",
+					"type": "boolean"
+				},
+				{
+					"name": "columnsController",
+					"type": "DataGridColumnsController<TData>"
+				},
+				{
+					"name": "selectionController",
+					"type": "DataGridSelectionController<TData>"
+				},
+				{
+					"name": "sortingController",
+					"type": "DataGridSortingController<TData>"
+				},
+				{
+					"name": "contextMenuController",
+					"type": "DataGridContextMenuController<TData>"
+				},
+				{
+					"name": "detailsController",
+					"type": "DataGridDetailsController<TData>"
+				},
+				{
+					"name": "rowIntersectionObserver",
+					"type": "IntersectionObserver | undefined"
+				},
+				{
+					"name": "hasDefaultRowElements",
+					"type": "boolean"
+				},
+				{
+					"name": "sumsTemplate",
+					"type": "HTMLTemplateResult"
+				},
+				{
+					"name": "dataRecords",
+					"type": "DataRecord<TData>[]"
+				},
+				{
+					"name": "renderDataRecords",
+					"type": "DataRecord<TData>[]"
+				},
+				{
+					"name": "data",
+					"attribute": "data",
+					"description": "The data to be displayed in the DataGrid. It is an array of objects, where each object represents a row.",
+					"type": "TData[]"
+				},
+				{
+					"name": "columns",
+					"attribute": "columns",
+					"description": "The columns to be displayed in the DataGrid. It is an array of objects, where each object represents a column.",
+					"type": "DataGridColumn<TData, unknown>[]"
+				},
+				{
+					"name": "headerHidden",
+					"attribute": "headerHidden",
+					"description": "Whether the header should be hidden.",
+					"type": "boolean"
+				},
+				{
+					"name": "preventVerticalContentScroll",
+					"attribute": "preventVerticalContentScroll",
+					"description": "Whether the content should be prevented from scrolling vertically.",
+					"type": "boolean"
+				},
+				{
+					"name": "page",
+					"attribute": "page",
+					"description": "The current page.",
+					"type": "number"
+				},
+				{
+					"name": "pagination",
+					"attribute": "pagination",
+					"description": "The pagination mode. It can be either `auto` or a number.",
+					"type": "DataGridPagination | undefined"
+				},
+				{
+					"name": "sorting",
+					"attribute": "sorting",
+					"description": "The sorting mode. It is an object with `selector` and `strategy` properties.",
+					"type": "DataGridSorting<TData> | undefined"
+				},
+				{
+					"name": "selectionMode",
+					"attribute": "selectionMode",
+					"description": "The selection mode.",
+					"type": "DataGridSelectionMode"
+				},
+				{
+					"name": "isDataSelectable",
+					"attribute": "isDataSelectable",
+					"description": "Whether data of a given row is selectable.",
+					"type": "((data: TData) => boolean) | undefined"
+				},
+				{
+					"name": "selectedData",
+					"attribute": "selectedData",
+					"description": "The selected data.",
+					"type": "TData[]"
+				},
+				{
+					"name": "selectOnClick",
+					"attribute": "selectOnClick",
+					"description": "Whether the row should be selected on click.",
+					"type": "boolean"
+				},
+				{
+					"name": "selectionCheckboxesHidden",
+					"attribute": "selectionCheckboxesHidden",
+					"description": "Whether the selection checkboxes should be hidden. This activates selection on row click ignoring the `selectOnClick` attribute.",
+					"type": "boolean"
+				},
+				{
+					"name": "selectionBehaviorOnDataChange",
+					"attribute": "selectionBehaviorOnDataChange",
+					"description": "The behavior of the selection when the data changes.",
+					"type": "DataGridSelectionBehaviorOnDataChange"
+				},
+				{
+					"name": "multipleDetails",
+					"attribute": "multipleDetails",
+					"description": "Whether multiple details can be opened at the same time.",
+					"type": "boolean"
+				},
+				{
+					"name": "subDataGridDataSelector",
+					"attribute": "subDataGridDataSelector",
+					"description": "The key path of the sub data grid data.",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "hasDataDetail",
+					"attribute": "hasDataDetail",
+					"description": "Whether the data has a detail.",
+					"type": "((data: TData) => boolean) | undefined"
+				},
+				{
+					"name": "detailsOnClick",
+					"attribute": "detailsOnClick",
+					"description": "Whether the details should be opened on click.",
+					"type": "boolean"
+				},
+				{
+					"name": "primaryContextMenuItemOnDoubleClick",
+					"attribute": "primaryContextMenuItemOnDoubleClick",
+					"description": "The primary context menu item on double click.",
+					"type": "boolean"
+				},
+				{
+					"name": "editability",
+					"attribute": "editability",
+					"description": "The editability mode.",
+					"type": "DataGridEditability"
+				},
+				{
+					"name": "getRowDetailsTemplate",
+					"attribute": "getRowDetailsTemplate",
+					"description": "A function which returns a template for the details of a given row.",
+					"type": "((data: TData) => HTMLTemplateResult) | undefined"
+				},
+				{
+					"name": "getRowContextMenuTemplate",
+					"attribute": "getRowContextMenuTemplate",
+					"description": "A function which returns a template for the context menu of a given row.",
+					"type": "((data: TData[]) => HTMLTemplateResult) | undefined"
+				},
+				{
+					"name": "sidePanelTab",
+					"attribute": "sidePanelTab",
+					"description": "The side panel tab.",
+					"type": "DataGridSidePanelTab | undefined"
+				},
+				{
+					"name": "sidePanelHidden",
+					"attribute": "sidePanelHidden",
+					"description": "Whether the side panel should be hidden.",
+					"type": "boolean"
+				},
+				{
+					"name": "hasAlternatingBackground",
+					"attribute": "hasAlternatingBackground",
+					"description": "Whether the rows should have alternating background.",
+					"type": "LocalStorage<boolean>"
+				},
+				{
+					"name": "preventFabCollapse",
+					"attribute": "preventFabCollapse",
+					"description": "Whether the FAB should be prevented from collapsing.",
+					"type": "boolean"
+				},
+				{
+					"name": "cellFontSize",
+					"attribute": "cellFontSize",
+					"description": "The font size of the cells relative to the default font size. Defaults",
+					"type": "number"
+				},
+				{
+					"name": "rowHeight",
+					"attribute": "rowHeight",
+					"description": "The height of the rows in pixels. Defaults to",
+					"type": "LocalStorage<number>"
+				},
+				{
+					"name": "exportable",
+					"attribute": "exportable",
+					"description": "Whether the DataGrid is exportable. This will show an export button in the footer.",
+					"type": "boolean"
+				}
+			],
+			"events": [
+				{
+					"name": "dataChange",
+					"type": "CustomEvent<TData[]>"
+				},
+				{
+					"name": "selectionChange",
+					"type": "CustomEvent<TData[]>"
+				},
+				{
+					"name": "pageChange",
+					"type": "CustomEvent<number>"
+				},
+				{
+					"name": "paginationChange",
+					"type": "CustomEvent<DataGridPagination | undefined>"
+				},
+				{
+					"name": "columnsChange",
+					"type": "CustomEvent<DataGridColumn<TData, unknown>[]>"
+				},
+				{
+					"name": "sidePanelOpen",
+					"type": "CustomEvent<DataGridSidePanelTab>"
+				},
+				{
+					"name": "sidePanelClose",
+					"type": "CustomEvent<void>"
+				},
+				{
+					"name": "sortingChange",
+					"type": "CustomEvent<DataGridRankedSortDefinition<TData>[]>"
+				},
+				{
+					"name": "rowDetailsOpen",
+					"type": "CustomEvent<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "rowDetailsClose",
+					"type": "CustomEvent<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "rowClick",
+					"type": "CustomEvent<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "rowDoubleClick",
+					"type": "CustomEvent<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "rowMiddleClick",
+					"type": "CustomEvent<DataGridRow<TData, TDetailsElement>>"
+				},
+				{
+					"name": "cellEdit",
+					"type": "CustomEvent<DataGridCell<any, TData, TDetailsElement>>"
+				}
+			],
+			"slots": [
+				{
+					"name": "",
+					"description": "Use this slot only for declarative DataGrid APIs e.g. setting ColumnDefinitions via `mo-data-grid-columns` tag."
+				},
+				{
+					"name": "toolbar",
+					"description": "The horizontal bar above DataGrid's contents."
+				},
+				{
+					"name": "toolbar-action",
+					"description": "A slot for action icon-buttons in the toolbar which are displayed on the end."
+				},
+				{
+					"name": "filter",
+					"description": "A vertical bar for elements which filter DataGrid's data. It is opened through an icon-button in the toolbar."
+				},
+				{
+					"name": "sum",
+					"description": "A horizontal bar in the DataGrid's footer for showing sums. Calculated sums are also placed here by default."
+				},
+				{
+					"name": "settings",
+					"description": "A vertical bar for elements which change DataGrid's settings. It is pre-filled with columns' settings and can be opened through an icon-button in the toolbar."
+				},
+				{
+					"name": "fab",
+					"description": "A wrapper at the bottom right edge, floating right above the footer, expecting Floating Action Button to be placed in."
+				},
+				{
+					"name": "error-no-content",
+					"description": "A slot for displaying an error message when no data is available."
+				}
+			],
+			"cssProperties": [
+				{
+					"name": "--mo-data-grid-min-visible-rows",
+					"description": "The minimum number of visible rows. Default to 2.5."
+				},
+				{
+					"name": "--mo-data-grid-footer-background",
+					"description": "The background of the footer."
+				},
+				{
+					"name": "--mo-data-grid-cell-padding",
+					"description": "The inline padding of the cells. Default to 10px."
+				},
+				{
+					"name": "--mo-data-grid-column-sub-row-indentation",
+					"description": "The indentation of the first column in the sub row. Default to 20px."
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-cell",
+			"path": ".\\packages\\DataGrid\\dist\\DataGridCell.d.ts",
+			"attributes": [
+				{
+					"name": "value",
+					"type": "TValue"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "row",
+					"type": "DataGridRow<TData, TDetailsElement>"
+				}
+			],
+			"properties": [
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "data",
+					"type": "TData"
+				},
+				{
+					"name": "dataSelector",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | (Extract<keyof TData, `${number}`> extends infer T ? T extends Extract<...> ? T extends keyof TData ? `${T}.${object extends TData[T] ? string : TData[T] extends infer T_1 ? T_1 extends TData[T] ? T_1 extends readonly ..."
+				},
+				{
+					"name": "isEditing",
+					"type": "boolean"
+				},
+				{
+					"name": "value",
+					"attribute": "value",
+					"type": "TValue"
+				},
+				{
+					"name": "column",
+					"attribute": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "row",
+					"attribute": "row",
+					"type": "DataGridRow<TData, TDetailsElement>"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-footer",
+			"path": ".\\packages\\DataGrid\\dist\\DataGridFooter.d.ts",
+			"attributes": [
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "page",
+					"type": "number"
+				}
+			],
+			"properties": [
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "page",
+					"attribute": "page",
+					"type": "number"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-header",
+			"path": ".\\packages\\DataGrid\\dist\\DataGridHeader.d.ts",
+			"properties": [
+				{
+					"name": "pageChange",
+					"type": "EventDispatcher<number>"
+				},
+				{
+					"name": "modeSelectionChange",
+					"type": "EventDispatcher<string>"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "overlayOpen",
+					"type": "boolean"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-header-separator",
+			"path": ".\\packages\\DataGrid\\dist\\DataGridHeaderSeparator.d.ts",
+			"properties": [
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<unknown, undefined>"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<unknown, unknown>"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-primary-context-menu-item",
+			"path": ".\\packages\\DataGrid\\dist\\DataGridPrimaryContextMenuItem.d.ts",
+			"attributes": [
+				{
+					"name": "open",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "icon",
+					"type": "MaterialIcon | undefined"
+				},
+				{
+					"name": "disabled",
+					"description": "Whether the list item is disabled",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "preventClickOnSpace",
+					"description": "Whether the list item should prevent click on space",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"properties": [
+				{
+					"name": "open",
+					"attribute": "open",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "subMenu",
+					"type": "Menu"
+				},
+				{
+					"name": "slotController",
+					"type": "SlotController",
+					"default": "\"new SlotController(this)\""
+				},
+				{
+					"name": "menuItemClick",
+					"type": "EventDispatcher<void>"
+				},
+				{
+					"name": "icon",
+					"attribute": "icon",
+					"type": "MaterialIcon | undefined"
+				},
+				{
+					"name": "role",
+					"type": "\"menuitem\"",
+					"default": "\"menuitem\""
+				},
+				{
+					"name": "tabIndex",
+					"type": "number",
+					"default": "0"
+				},
+				{
+					"name": "disabled",
+					"attribute": "disabled",
+					"description": "Whether the list item is disabled",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "preventClickOnSpace",
+					"attribute": "preventClickOnSpace",
+					"description": "Whether the list item should prevent click on space",
+					"type": "boolean",
+					"default": "false"
+				}
+			],
+			"slots": [
+				{
+					"name": "submenu"
+				},
+				{
+					"name": "",
+					"description": "Default slot for content"
+				}
+			],
+			"cssParts": [
+				{
+					"name": "icon"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-side-panel",
+			"path": ".\\packages\\DataGrid\\dist\\DataGridSidePanel.d.ts",
+			"attributes": [
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "tab",
+					"type": "DataGridSidePanelTab | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "dataGrid",
+					"attribute": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "tab",
+					"attribute": "tab",
+					"type": "DataGridSidePanelTab | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-boolean",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\DataGridColumnBoolean.d.ts",
+			"attributes": [
+				{
+					"name": "trueIcon",
+					"description": "Icon to show for true values",
+					"type": "MaterialIcon"
+				},
+				{
+					"name": "falseIcon",
+					"description": "Icon to show for false values",
+					"type": "MaterialIcon"
+				},
+				{
+					"name": "trueIconColor",
+					"description": "Color of the true icon",
+					"type": "string"
+				},
+				{
+					"name": "falseIconColor",
+					"description": "Color of the false icon",
+					"type": "string"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "trueIcon",
+					"attribute": "trueIcon",
+					"description": "Icon to show for true values",
+					"type": "MaterialIcon"
+				},
+				{
+					"name": "falseIcon",
+					"attribute": "falseIcon",
+					"description": "Icon to show for false values",
+					"type": "MaterialIcon"
+				},
+				{
+					"name": "trueIconColor",
+					"attribute": "trueIconColor",
+					"description": "Color of the true icon",
+					"type": "string"
+				},
+				{
+					"name": "falseIconColor",
+					"attribute": "falseIconColor",
+					"description": "Color of the false icon",
+					"type": "string"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-deletion",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\DataGridColumnDeletion.d.ts",
+			"attributes": [
+				{
+					"name": "prevent",
+					"description": "Prevents the deletion button from being displayed",
+					"type": "boolean"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "delete",
+					"type": "EventDispatcher<TData>"
+				},
+				{
+					"name": "icon",
+					"type": "MaterialIcon"
+				},
+				{
+					"name": "getContentTemplate",
+					"type": "(_: never, data?: TData | undefined) => HTMLTemplateResult"
+				},
+				{
+					"name": "getEditContentTemplate",
+					"type": "undefined"
+				},
+				{
+					"name": "prevent",
+					"attribute": "prevent",
+					"description": "Prevents the deletion button from being displayed",
+					"type": "boolean"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"events": [
+				{
+					"name": "delete",
+					"type": "CustomEvent<TData>"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-image",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\DataGridColumnImage.d.ts",
+			"attributes": [
+				{
+					"name": "tooltipSelector",
+					"description": "The data selector of the column to use as a tooltip. If a function is provided, it will be called with the data as an argument.",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "getEditContentTemplate",
+					"type": "undefined"
+				},
+				{
+					"name": "tooltipSelector",
+					"attribute": "tooltipSelector",
+					"description": "The data selector of the column to use as a tooltip. If a function is provided, it will be called with the data as an argument.",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | ((data: TData) => string | undefined) | undefined"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-text",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\DataGridColumnText.d.ts",
+			"attributes": [
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-date",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\date-time\\DataGridColumnDate.d.ts",
+			"attributes": [
+				{
+					"name": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultFormatOptions",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "fieldTag",
+					"type": "StaticValue"
+				},
+				{
+					"name": "formatOptions",
+					"attribute": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"attribute": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-date-range",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\date-time\\DataGridColumnDateRange.d.ts",
+			"attributes": [
+				{
+					"name": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultFormatOptions",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "fieldTag",
+					"type": "StaticValue"
+				},
+				{
+					"name": "formatOptions",
+					"attribute": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"attribute": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-date-time",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\date-time\\DataGridColumnDateTime.d.ts",
+			"attributes": [
+				{
+					"name": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultFormatOptions",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "fieldTag",
+					"type": "StaticValue"
+				},
+				{
+					"name": "formatOptions",
+					"attribute": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"attribute": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-date-time-range",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\date-time\\DataGridColumnDateTimeRange.d.ts",
+			"attributes": [
+				{
+					"name": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultFormatOptions",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "fieldTag",
+					"type": "StaticValue"
+				},
+				{
+					"name": "formatOptions",
+					"attribute": "formatOptions",
+					"description": "Options to pass to Date.prototype.format()",
+					"type": "DateTimeFormatOptions | undefined"
+				},
+				{
+					"name": "pickerHidden",
+					"attribute": "pickerHidden",
+					"description": "Hides the date/time picker",
+					"type": "boolean"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, TValue>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-currency",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\number\\DataGridColumnCurrency.d.ts",
+			"attributes": [
+				{
+					"name": "currency",
+					"description": "The currency of the values.",
+					"type": "Currency | undefined"
+				},
+				{
+					"name": "currencyDataSelector",
+					"description": "The key path to the currency of the values.",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "defaultCurrency",
+					"type": "Currency | undefined"
+				},
+				{
+					"name": "currency",
+					"attribute": "currency",
+					"description": "The currency of the values.",
+					"type": "Currency | undefined"
+				},
+				{
+					"name": "currencyDataSelector",
+					"attribute": "currencyDataSelector",
+					"description": "The key path to the currency of the values.",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "sumHeading",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, unknown>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-number",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\number\\DataGridColumnNumber.d.ts",
+			"attributes": [
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "sumHeading",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, unknown>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-column-percent",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\number\\DataGridColumnPercent.d.ts",
+			"attributes": [
+				{
+					"name": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "KeyPathOf<TData>"
+				},
+				{
+					"name": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			],
+			"properties": [
+				{
+					"name": "sumHeading",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any> | undefined"
+				},
+				{
+					"name": "column",
+					"type": "DataGridColumn<TData, unknown>"
+				},
+				{
+					"name": "width",
+					"attribute": "width",
+					"description": "The width of the column",
+					"type": "string"
+				},
+				{
+					"name": "hidden",
+					"attribute": "hidden",
+					"description": "Whether the column is hidden. The column can be made visible by the user in the settings panel if available.",
+					"type": "boolean"
+				},
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"description": "The heading of the column",
+					"type": "string"
+				},
+				{
+					"name": "textAlign",
+					"attribute": "textAlign",
+					"description": "The text alignment of the column",
+					"type": "DataGridColumnAlignment"
+				},
+				{
+					"name": "description",
+					"attribute": "description",
+					"description": "The description of the column. It will be displayed as a tooltip on the heading.",
+					"type": "string | undefined"
+				},
+				{
+					"name": "dataSelector",
+					"attribute": "dataSelector",
+					"description": "The data selector of the column",
+					"type": "object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never"
+				},
+				{
+					"name": "sortDataSelector",
+					"attribute": "sortDataSelector",
+					"description": "The data selector of the column",
+					"type": "(object extends TData ? string : TData extends readonly any[] ? Extract<keyof TData, `${number}`> | SubKeyPathOf<TData, Extract<keyof TData, `${number}`>, 1> : TData extends object ? Extract<...> | SubKeyPathOf<...> : never) | undefined"
+				},
+				{
+					"name": "nonSortable",
+					"attribute": "nonSortable",
+					"description": "Whether the column is sortable",
+					"type": "boolean"
+				},
+				{
+					"name": "nonEditable",
+					"attribute": "nonEditable",
+					"description": "Whether the column is editable",
+					"type": "boolean | Predicate<TData>"
+				},
+				{
+					"name": "sticky",
+					"attribute": "sticky",
+					"description": "The sticky position of the column, either 'start', 'end', or 'both'",
+					"type": "DataGridColumnSticky | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-footer-sum",
+			"path": ".\\packages\\DataGrid\\dist\\columns\\number\\DataGridFooterSum.d.ts",
+			"attributes": [
+				{
+					"name": "heading",
+					"type": "string"
+				}
+			],
+			"properties": [
+				{
+					"name": "heading",
+					"attribute": "heading",
+					"type": "string"
+				}
+			],
+			"slots": [
+				{
+					"name": "",
+					"description": "Sum of values"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-default-row",
+			"path": ".\\packages\\DataGrid\\dist\\rows\\DataGridDefaultRow.d.ts",
+			"properties": [
+				{
+					"name": "cells",
+					"type": "DataGridCell<any, TData, TDetailsElement>[]"
+				},
+				{
+					"name": "subRows",
+					"type": "DataGridRow<TData, TDetailsElement>[]"
+				},
+				{
+					"name": "content",
+					"type": "HTMLElement"
+				},
+				{
+					"name": "isIntersecting",
+					"type": "boolean"
+				},
+				{
+					"name": "dataRecord",
+					"type": "DataRecord<TData>"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "data",
+					"type": "TData"
+				},
+				{
+					"name": "index",
+					"type": "number"
+				},
+				{
+					"name": "level",
+					"type": "number"
+				},
+				{
+					"name": "selected",
+					"type": "boolean"
+				},
+				{
+					"name": "detailsOpen",
+					"type": "boolean"
+				},
+				{
+					"name": "detailsElement",
+					"type": "TDetailsElement | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-row",
+			"path": ".\\packages\\DataGrid\\dist\\rows\\DataGridRow.d.ts",
+			"properties": [
+				{
+					"name": "cells",
+					"type": "DataGridCell<any, TData, TDetailsElement>[]"
+				},
+				{
+					"name": "subRows",
+					"type": "DataGridRow<TData, TDetailsElement>[]"
+				},
+				{
+					"name": "content",
+					"type": "HTMLElement"
+				},
+				{
+					"name": "isIntersecting",
+					"type": "boolean"
+				},
+				{
+					"name": "dataRecord",
+					"type": "DataRecord<TData>"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "data",
+					"type": "TData"
+				},
+				{
+					"name": "index",
+					"type": "number"
+				},
+				{
+					"name": "level",
+					"type": "number"
+				},
+				{
+					"name": "selected",
+					"type": "boolean"
+				},
+				{
+					"name": "detailsOpen",
+					"type": "boolean"
+				},
+				{
+					"name": "detailsElement",
+					"type": "TDetailsElement | undefined"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-default-row",
+			"path": ".\\packages\\DataGrid\\rows\\DataGridDefaultRow.ts",
+			"attributes": [
+				{
+					"name": "isIntersecting",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataRecord",
+					"type": "DataRecord<TData>"
+				}
+			],
+			"properties": [
+				{
+					"name": "cells",
+					"type": "DataGridCell<any, TData, TDetailsElement>[]"
+				},
+				{
+					"name": "subRows",
+					"type": "DataGridRow<TData, TDetailsElement>[]"
+				},
+				{
+					"name": "content",
+					"type": "HTMLElement"
+				},
+				{
+					"name": "isIntersecting",
+					"attribute": "isIntersecting",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataRecord",
+					"attribute": "dataRecord",
+					"type": "DataRecord<TData>"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "data",
+					"type": "TData"
+				},
+				{
+					"name": "index",
+					"type": "number"
+				},
+				{
+					"name": "level",
+					"type": "number"
+				},
+				{
+					"name": "selected",
+					"type": "boolean"
+				},
+				{
+					"name": "detailsOpen",
+					"type": "boolean"
+				},
+				{
+					"name": "detailsElement",
+					"type": "TDetailsElement | undefined"
+				}
+			],
+			"events": [
+				{
+					"name": "contextmenu",
+					"type": "CustomEvent"
+				}
+			]
+		},
+		{
+			"name": "mo-data-grid-row",
+			"path": ".\\packages\\DataGrid\\rows\\DataGridRow.ts",
+			"attributes": [
+				{
+					"name": "isIntersecting",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataRecord",
+					"type": "DataRecord<TData>"
+				}
+			],
+			"properties": [
+				{
+					"name": "cells",
+					"type": "DataGridCell<any, TData, TDetailsElement>[]"
+				},
+				{
+					"name": "subRows",
+					"type": "DataGridRow<TData, TDetailsElement>[]"
+				},
+				{
+					"name": "content",
+					"type": "HTMLElement"
+				},
+				{
+					"name": "isIntersecting",
+					"attribute": "isIntersecting",
+					"type": "boolean",
+					"default": "false"
+				},
+				{
+					"name": "dataRecord",
+					"attribute": "dataRecord",
+					"type": "DataRecord<TData>"
+				},
+				{
+					"name": "dataGrid",
+					"type": "DataGrid<TData, any>"
+				},
+				{
+					"name": "data",
+					"type": "TData"
+				},
+				{
+					"name": "index",
+					"type": "number"
+				},
+				{
+					"name": "level",
+					"type": "number"
+				},
+				{
+					"name": "selected",
+					"type": "boolean"
+				},
+				{
+					"name": "detailsOpen",
+					"type": "boolean"
+				},
+				{
+					"name": "detailsElement",
+					"type": "TDetailsElement | undefined"
+				}
+			],
+			"events": [
+				{
+					"name": "contextmenu",
+					"type": "CustomEvent"
+				}
+			]
 		}
 	]
 }