@almadar/patterns 2.2.0 → 2.3.0

package/dist/component-mapping.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "exportedAt": "2026-03-08T11:32:49.899Z",
+  "exportedAt": "2026-03-09T08:08:00.655Z",
   "mappings": {
     "page-header": {
       "component": "PageHeader",
@@ -980,6 +980,16 @@
       "importPath": "@/components/molecules/GraphView",
       "category": "component"
     },
+    "data-grid": {
+      "component": "DataGrid",
+      "importPath": "@/components/molecules/DataGrid",
+      "category": "display"
+    },
+    "data-list": {
+      "component": "DataList",
+      "importPath": "@/components/molecules/DataList",
+      "category": "display"
+    },
     "line-chart": {
       "component": "LineChart",
       "importPath": "@/components/molecules/LineChart",

package/dist/event-contracts.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "exportedAt": "2026-03-08T11:32:49.899Z",
+  "exportedAt": "2026-03-09T08:08:00.655Z",
   "contracts": {
     "form": {
       "emits": [

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 var version$3 = "1.0.0";
-var exportedAt$3 = "2026-03-08T11:32:49.899Z";
+var exportedAt$3 = "2026-03-09T08:08:00.655Z";
 var patterns = {
 	"entity-table": {
 		type: "entity-table",
@@ -3453,15 +3453,17 @@ var patterns = {
 			},
 			icon: {
 				types: [
-					"icon"
+					"icon",
+					"string"
 				],
-				description: "Left icon as Lucide icon component (convenience prop, renders with default size)"
+				description: "Left icon as Lucide icon component or string name (e.g. \"plus\", \"trash\")"
 			},
 			iconRight: {
 				types: [
-					"icon"
+					"icon",
+					"string"
 				],
-				description: "Right icon as Lucide icon component (convenience prop)"
+				description: "Right icon as Lucide icon component or string name"
 			},
 			action: {
 				types: [
@@ -3511,6 +3513,12 @@ var patterns = {
 					"number"
 				],
 				description: "Numeric count or amount to display in badge"
+			},
+			label: {
+				types: [
+					"string"
+				],
+				description: "Badge label text (alternative to children for schema-driven rendering)"
 			}
 		}
 	},
@@ -14018,6 +14026,152 @@ var patterns = {
 			}
 		}
 	},
+	"data-grid": {
+		type: "data-grid",
+		category: "display",
+		description: "DataGrid component",
+		suggestedFor: [
+			"data",
+			"grid",
+			"data grid"
+		],
+		typicalSize: "medium",
+		propsSchema: {
+			entity: {
+				types: [
+					"unknown"
+				],
+				description: "Entity data array"
+			},
+			fields: {
+				types: [
+					"unknown"
+				],
+				description: "Field definitions for rendering each card"
+			},
+			columns: {
+				types: [
+					"unknown"
+				],
+				description: "Alias for fields (compiler generates `columns` for field definitions)"
+			},
+			itemActions: {
+				types: [
+					"unknown"
+				],
+				description: "Per-item action buttons"
+			},
+			cols: {
+				types: [
+					"number"
+				],
+				description: "Number of columns (uses auto-fit if omitted)"
+			},
+			gap: {
+				types: [
+					"string"
+				],
+				description: "Gap between cards"
+			},
+			minCardWidth: {
+				types: [
+					"number"
+				],
+				description: "Minimum card width in pixels (used when cols is not set, default 280)"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			},
+			isLoading: {
+				types: [
+					"boolean"
+				],
+				description: "Loading state"
+			},
+			error: {
+				types: [
+					"error"
+				],
+				description: "Error state"
+			},
+			imageField: {
+				types: [
+					"string"
+				],
+				description: "Entity field name containing an image URL for card thumbnails"
+			}
+		}
+	},
+	"data-list": {
+		type: "data-list",
+		category: "display",
+		description: "DataList component",
+		suggestedFor: [
+			"data",
+			"list",
+			"data list"
+		],
+		typicalSize: "medium",
+		propsSchema: {
+			entity: {
+				types: [
+					"unknown"
+				],
+				description: "Entity data array"
+			},
+			fields: {
+				types: [
+					"unknown"
+				],
+				description: "Field definitions for rendering each row"
+			},
+			columns: {
+				types: [
+					"unknown"
+				],
+				description: "Alias for fields (compiler may generate `columns` for field definitions)"
+			},
+			itemActions: {
+				types: [
+					"unknown"
+				],
+				description: "Per-item action buttons"
+			},
+			gap: {
+				types: [
+					"string"
+				],
+				description: "Gap between rows"
+			},
+			variant: {
+				types: [
+					"string"
+				],
+				description: "Visual variant"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			},
+			isLoading: {
+				types: [
+					"boolean"
+				],
+				description: "Loading state"
+			},
+			error: {
+				types: [
+					"error"
+				],
+				description: "Error state"
+			}
+		}
+	},
 	heading: {
 		type: "heading",
 		category: "component",
@@ -14957,7 +15111,7 @@ var integratorsRegistry = {
 };
 
 var version$1 = "1.0.0";
-var exportedAt$1 = "2026-03-08T11:32:49.899Z";
+var exportedAt$1 = "2026-03-09T08:08:00.655Z";
 var mappings = {
 	"page-header": {
 		component: "PageHeader",
@@ -15937,6 +16091,16 @@ var mappings = {
 		importPath: "@/components/molecules/GraphView",
 		category: "component"
 	},
+	"data-grid": {
+		component: "DataGrid",
+		importPath: "@/components/molecules/DataGrid",
+		category: "display"
+	},
+	"data-list": {
+		component: "DataList",
+		importPath: "@/components/molecules/DataList",
+		category: "display"
+	},
 	"line-chart": {
 		component: "LineChart",
 		importPath: "@/components/molecules/LineChart",
@@ -15965,7 +16129,7 @@ var componentMapping = {
 };
 
 var version = "1.0.0";
-var exportedAt = "2026-03-08T11:32:49.899Z";
+var exportedAt = "2026-03-09T08:08:00.655Z";
 var contracts = {
 	form: {
 		emits: [
@@ -22551,6 +22715,10 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
+                label: {
+                    types: string[];
+                    description: string;
+                };
             };
         };
         avatar: {
@@ -29642,6 +29810,104 @@ declare const registry: {
                 };
             };
         };
+        "data-grid": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                };
+                fields: {
+                    types: string[];
+                    description: string;
+                };
+                columns: {
+                    types: string[];
+                    description: string;
+                };
+                itemActions: {
+                    types: string[];
+                    description: string;
+                };
+                cols: {
+                    types: string[];
+                    description: string;
+                };
+                gap: {
+                    types: string[];
+                    description: string;
+                };
+                minCardWidth: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                isLoading: {
+                    types: string[];
+                    description: string;
+                };
+                error: {
+                    types: string[];
+                    description: string;
+                };
+                imageField: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "data-list": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                };
+                fields: {
+                    types: string[];
+                    description: string;
+                };
+                columns: {
+                    types: string[];
+                    description: string;
+                };
+                itemActions: {
+                    types: string[];
+                    description: string;
+                };
+                gap: {
+                    types: string[];
+                    description: string;
+                };
+                variant: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                isLoading: {
+                    types: string[];
+                    description: string;
+                };
+                error: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
         heading: {
             type: string;
             category: string;
@@ -32128,6 +32394,10 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
+                label: {
+                    types: string[];
+                    description: string;
+                };
             };
         };
         avatar: {
@@ -39219,6 +39489,104 @@ declare const PATTERN_REGISTRY: {
                 };
             };
         };
+        "data-grid": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                };
+                fields: {
+                    types: string[];
+                    description: string;
+                };
+                columns: {
+                    types: string[];
+                    description: string;
+                };
+                itemActions: {
+                    types: string[];
+                    description: string;
+                };
+                cols: {
+                    types: string[];
+                    description: string;
+                };
+                gap: {
+                    types: string[];
+                    description: string;
+                };
+                minCardWidth: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                isLoading: {
+                    types: string[];
+                    description: string;
+                };
+                error: {
+                    types: string[];
+                    description: string;
+                };
+                imageField: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "data-list": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                };
+                fields: {
+                    types: string[];
+                    description: string;
+                };
+                columns: {
+                    types: string[];
+                    description: string;
+                };
+                itemActions: {
+                    types: string[];
+                    description: string;
+                };
+                gap: {
+                    types: string[];
+                    description: string;
+                };
+                variant: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                isLoading: {
+                    types: string[];
+                    description: string;
+                };
+                error: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
         heading: {
             type: string;
             category: string;
@@ -40902,6 +41270,16 @@ declare const COMPONENT_MAPPING: {
             importPath: string;
             category: string;
         };
+        "data-grid": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "data-list": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
         "line-chart": {
             component: string;
             importPath: string;