@almadar/patterns 2.0.3 → 2.2.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 var version$3 = "1.0.0";
-var exportedAt$3 = "2026-03-05T06:51:24.222Z";
+var exportedAt$3 = "2026-03-08T11:32:49.899Z";
 var patterns = {
 	"entity-table": {
 		type: "entity-table",
@@ -94,7 +94,8 @@ var patterns = {
 				types: [
 					"unknown"
 				],
-				description: "Fields to display - accepts string[] or Column[] for unified interface. Alias for columns"
+				description: "Fields to display - accepts string[] or Column[] for unified interface. Alias for columns",
+				required: true
 			},
 			columns: {
 				types: [
@@ -317,7 +318,8 @@ var patterns = {
 				types: [
 					"unknown"
 				],
-				description: "Fields to display - accepts string[] or {key, header}[] for unified interface"
+				description: "Fields to display - accepts string[] or {key, header}[] for unified interface",
+				required: true
 			},
 			fieldNames: {
 				types: [
@@ -450,7 +452,8 @@ var patterns = {
 				types: [
 					"unknown"
 				],
-				description: "Fields to display - accepts string[] or {key, header}[] for unified interface"
+				description: "Fields to display - required for schema-driven rendering",
+				required: true
 			},
 			fieldNames: {
 				types: [
@@ -487,6 +490,12 @@ var patterns = {
 					"string"
 				],
 				description: "Visual variant for the card grid"
+			},
+			imageField: {
+				types: [
+					"string"
+				],
+				description: "Entity field name containing an image URL to display as card thumbnail"
 			}
 		}
 	},
@@ -631,7 +640,8 @@ var patterns = {
 				types: [
 					"unknown"
 				],
-				description: "Fields to display - accepts string[], {key, header}[], or DetailField[]"
+				description: "Fields to display - accepts string[], {key, header}[], or DetailField[]",
+				required: true
 			},
 			fieldNames: {
 				types: [
@@ -841,7 +851,8 @@ var patterns = {
 			entity: {
 				types: [
 					"string",
-					"orbitalentity"
+					"orbitalentity",
+					"unknown"
 				],
 				description: "Schema-based props"
 			},
@@ -855,7 +866,8 @@ var patterns = {
 				types: [
 					"unknown"
 				],
-				description: "Fields definition (schema format) - accepts readonly for generated const arrays"
+				description: "Fields definition (schema format) - accepts readonly for generated const arrays",
+				required: true
 			},
 			initialData: {
 				types: [
@@ -912,6 +924,12 @@ var patterns = {
 				],
 				description: "Event to dispatch on cancel (defaults to 'CANCEL')"
 			},
+			entityId: {
+				types: [
+					"string"
+				],
+				description: "Entity ID binding for edit mode (triggers initialData from selectedEntity in compiled code)"
+			},
 			relationsData: {
 				types: [
 					"object"
@@ -1028,7 +1046,8 @@ var patterns = {
 			entity: {
 				types: [
 					"string",
-					"orbitalentity"
+					"orbitalentity",
+					"unknown"
 				],
 				description: "Schema-based props"
 			},
@@ -1042,7 +1061,8 @@ var patterns = {
 				types: [
 					"unknown"
 				],
-				description: "Fields definition (schema format) - accepts readonly for generated const arrays"
+				description: "Fields definition (schema format) - accepts readonly for generated const arrays",
+				required: true
 			},
 			initialData: {
 				types: [
@@ -1099,6 +1119,12 @@ var patterns = {
 				],
 				description: "Event to dispatch on cancel (defaults to 'CANCEL')"
 			},
+			entityId: {
+				types: [
+					"string"
+				],
+				description: "Entity ID binding for edit mode (triggers initialData from selectedEntity in compiled code)"
+			},
 			relationsData: {
 				types: [
 					"object"
@@ -7491,6 +7517,19 @@ var patterns = {
 		],
 		typicalSize: "full",
 		propsSchema: {
+			entity: {
+				types: [
+					"object"
+				],
+				description: "Entity data, the sole source of runtime state",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "External styling override"
+			},
 			onIncrement: {
 				types: [
 					"function"
@@ -7613,6 +7652,19 @@ var patterns = {
 		],
 		typicalSize: "full",
 		propsSchema: {
+			entity: {
+				types: [
+					"object"
+				],
+				description: "Entity data, the sole source of runtime state",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional class name"
+			},
 			title: {
 				types: [
 					"string"
@@ -7649,12 +7701,6 @@ var patterns = {
 					"object"
 				],
 				description: "Game controls"
-			},
-			className: {
-				types: [
-					"string"
-				],
-				description: "Additional class name"
 			}
 		}
 	},
@@ -7670,6 +7716,19 @@ var patterns = {
 		],
 		typicalSize: "full",
 		propsSchema: {
+			entity: {
+				types: [
+					"object"
+				],
+				description: "Entity data, the sole source of runtime state",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional class name"
+			},
 			title: {
 				types: [
 					"string"
@@ -7701,12 +7760,6 @@ var patterns = {
 					"node"
 				],
 				description: "Footer content"
-			},
-			className: {
-				types: [
-					"string"
-				],
-				description: "Additional class name"
 			}
 		}
 	},
@@ -8056,7 +8109,8 @@ var patterns = {
 				types: [
 					"unknown"
 				],
-				description: "Fields to display"
+				description: "Fields to display",
+				required: true
 			},
 			itemActions: {
 				types: [
@@ -9048,6 +9102,19 @@ var patterns = {
 		],
 		typicalSize: "full",
 		propsSchema: {
+			entity: {
+				types: [
+					"object"
+				],
+				description: "Entity data, the sole source of runtime state",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "External styling override"
+			},
 			scale: {
 				types: [
 					"number"
@@ -9073,6 +9140,19 @@ var patterns = {
 		],
 		typicalSize: "full",
 		propsSchema: {
+			entity: {
+				types: [
+					"object"
+				],
+				description: "Entity data, the sole source of runtime state",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "External styling override"
+			},
 			scale: {
 				types: [
 					"number"
@@ -9093,6 +9173,19 @@ var patterns = {
 		],
 		typicalSize: "full",
 		propsSchema: {
+			entity: {
+				types: [
+					"object"
+				],
+				description: "Entity data, the sole source of runtime state",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "External styling override"
+			},
 			scale: {
 				types: [
 					"number"
@@ -10604,6 +10697,19 @@ var patterns = {
 		],
 		typicalSize: "full",
 		propsSchema: {
+			entity: {
+				types: [
+					"object"
+				],
+				description: "Entity data, the sole source of runtime state",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "External styling override"
+			},
 			cameraMode: {
 				types: [
 					"string"
@@ -10703,6 +10809,19 @@ var patterns = {
 		],
 		typicalSize: "full",
 		propsSchema: {
+			entity: {
+				types: [
+					"object"
+				],
+				description: "Entity data, the sole source of runtime state",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "External styling override"
+			},
 			cameraMode: {
 				types: [
 					"string"
@@ -10797,6 +10916,19 @@ var patterns = {
 		],
 		typicalSize: "full",
 		propsSchema: {
+			entity: {
+				types: [
+					"object"
+				],
+				description: "Entity data, the sole source of runtime state",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "External styling override"
+			},
 			cameraMode: {
 				types: [
 					"string"
@@ -13400,6 +13532,492 @@ var patterns = {
 			}
 		}
 	},
+	"day-cell": {
+		type: "day-cell",
+		category: "component",
+		description: "DayCell component",
+		suggestedFor: [
+			"day",
+			"cell",
+			"day cell"
+		],
+		typicalSize: "small",
+		propsSchema: {
+			date: {
+				types: [
+					"date"
+				],
+				description: "The date this cell represents",
+				required: true
+			},
+			isToday: {
+				types: [
+					"boolean"
+				],
+				description: "Whether this date is today"
+			},
+			onClick: {
+				types: [
+					"function"
+				],
+				description: "Called when the day is clicked"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			}
+		}
+	},
+	"flip-container": {
+		type: "flip-container",
+		category: "layout",
+		description: "FlipContainer component",
+		suggestedFor: [
+			"flip",
+			"container",
+			"flip container"
+		],
+		typicalSize: "small",
+		propsSchema: {
+			flipped: {
+				types: [
+					"boolean"
+				],
+				description: "Whether the container is flipped (rotateY 180deg)",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Optional className for the outer wrapper"
+			},
+			children: {
+				types: [
+					"node"
+				],
+				description: "The two face elements (front and back)",
+				required: true
+			},
+			onClick: {
+				types: [
+					"function"
+				],
+				description: "Click handler on the outer wrapper"
+			}
+		}
+	},
+	"time-slot-cell": {
+		type: "time-slot-cell",
+		category: "layout",
+		description: "TimeSlotCell component",
+		suggestedFor: [
+			"time",
+			"slot",
+			"cell",
+			"time slot cell"
+		],
+		typicalSize: "small",
+		propsSchema: {
+			time: {
+				types: [
+					"string"
+				],
+				description: "Time label for this slot (e.g. \"09:00\")",
+				required: true
+			},
+			onClick: {
+				types: [
+					"function"
+				],
+				description: "Called when the slot is clicked"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			},
+			children: {
+				types: [
+					"node"
+				],
+				description: "Event content placed inside the slot"
+			},
+			isOccupied: {
+				types: [
+					"boolean"
+				],
+				description: "Whether this slot contains an event"
+			}
+		}
+	},
+	"calendar-grid": {
+		type: "calendar-grid",
+		category: "display",
+		description: "CalendarGrid component",
+		suggestedFor: [
+			"calendar",
+			"grid",
+			"calendar grid"
+		],
+		typicalSize: "medium",
+		propsSchema: {
+			weekStart: {
+				types: [
+					"date"
+				],
+				description: "Start of the week (defaults to current week's Monday)"
+			},
+			timeSlots: {
+				types: [
+					"array"
+				],
+				description: "Time slot labels (defaults to 09:00-17:00)"
+			},
+			events: {
+				types: [
+					"array"
+				],
+				description: "Events to display on the grid"
+			},
+			onSlotClick: {
+				types: [
+					"function"
+				],
+				description: "Called when a time slot is clicked"
+			},
+			onDayClick: {
+				types: [
+					"function"
+				],
+				description: "Called when a day header is clicked"
+			},
+			onEventClick: {
+				types: [
+					"function"
+				],
+				description: "Called when an event is clicked"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			}
+		}
+	},
+	"chart-legend": {
+		type: "chart-legend",
+		category: "display",
+		description: "ChartLegend component",
+		suggestedFor: [
+			"chart",
+			"legend",
+			"chart legend"
+		],
+		typicalSize: "medium",
+		propsSchema: {
+			items: {
+				types: [
+					"array"
+				],
+				description: "Legend items with label and color",
+				required: true
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			},
+			direction: {
+				types: [
+					"string"
+				],
+				description: "Layout direction"
+			}
+		}
+	},
+	"date-range-selector": {
+		type: "date-range-selector",
+		category: "form",
+		description: "DateRangeSelector component",
+		suggestedFor: [
+			"date",
+			"range",
+			"selector",
+			"date range selector"
+		],
+		typicalSize: "medium",
+		propsSchema: {
+			options: {
+				types: [
+					"array"
+				],
+				description: "Available range options"
+			},
+			selected: {
+				types: [
+					"string"
+				],
+				description: "Currently selected value"
+			},
+			onSelect: {
+				types: [
+					"function"
+				],
+				description: "Callback when a range is selected"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			}
+		}
+	},
+	"flip-card": {
+		type: "flip-card",
+		category: "display",
+		description: "FlipCard component",
+		suggestedFor: [
+			"flip",
+			"card",
+			"flip card"
+		],
+		typicalSize: "medium",
+		propsSchema: {
+			front: {
+				types: [
+					"node"
+				],
+				description: "Content rendered on the front face",
+				required: true
+			},
+			back: {
+				types: [
+					"node"
+				],
+				description: "Content rendered on the back face",
+				required: true
+			},
+			flipped: {
+				types: [
+					"boolean"
+				],
+				description: "Controlled flip state"
+			},
+			onFlip: {
+				types: [
+					"function"
+				],
+				description: "Callback when the card is clicked to flip"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Optional className for the outer container"
+			},
+			height: {
+				types: [
+					"string"
+				],
+				description: "Card height as a Tailwind class (default: 'h-64')"
+			}
+		}
+	},
+	"graph-view": {
+		type: "graph-view",
+		category: "component",
+		description: "GraphView component",
+		suggestedFor: [
+			"graph",
+			"view",
+			"graph view"
+		],
+		typicalSize: "medium",
+		propsSchema: {
+			nodes: {
+				types: [
+					"array"
+				],
+				description: "Graph nodes",
+				required: true
+			},
+			edges: {
+				types: [
+					"array"
+				],
+				description: "Graph edges",
+				required: true
+			},
+			onNodeClick: {
+				types: [
+					"function"
+				],
+				description: "Callback when a node is clicked"
+			},
+			onNodeHover: {
+				types: [
+					"function"
+				],
+				description: "Callback when a node is hovered (null on leave)"
+			},
+			width: {
+				types: [
+					"number"
+				],
+				description: "Width in pixels"
+			},
+			height: {
+				types: [
+					"number"
+				],
+				description: "Height in pixels"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			},
+			showLabels: {
+				types: [
+					"boolean"
+				],
+				description: "Show node labels (default true)"
+			},
+			zoomToFit: {
+				types: [
+					"boolean"
+				],
+				description: "Auto zoom-to-fit after layout settles (default true)"
+			}
+		}
+	},
+	"line-chart": {
+		type: "line-chart",
+		category: "display",
+		description: "LineChart component",
+		suggestedFor: [
+			"line",
+			"chart",
+			"line chart"
+		],
+		typicalSize: "medium",
+		propsSchema: {
+			data: {
+				types: [
+					"array"
+				],
+				description: "Data points to plot",
+				required: true
+			},
+			width: {
+				types: [
+					"number"
+				],
+				description: "SVG viewBox width"
+			},
+			height: {
+				types: [
+					"number"
+				],
+				description: "SVG viewBox height"
+			},
+			showGrid: {
+				types: [
+					"boolean"
+				],
+				description: "Show horizontal grid lines at 25/50/75%"
+			},
+			showValues: {
+				types: [
+					"boolean"
+				],
+				description: "Show value labels near data points"
+			},
+			showArea: {
+				types: [
+					"boolean"
+				],
+				description: "Fill area under line with gradient"
+			},
+			lineColor: {
+				types: [
+					"string"
+				],
+				description: "Line stroke color"
+			},
+			areaColor: {
+				types: [
+					"string"
+				],
+				description: "Area fill color (used for gradient)"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			}
+		}
+	},
+	"progress-dots": {
+		type: "progress-dots",
+		category: "component",
+		description: "ProgressDots component",
+		suggestedFor: [
+			"progress",
+			"dots",
+			"progress dots"
+		],
+		typicalSize: "medium",
+		propsSchema: {
+			count: {
+				types: [
+					"number"
+				],
+				description: "Total number of dots",
+				required: true
+			},
+			currentIndex: {
+				types: [
+					"number"
+				],
+				description: "Current active index (0-based)",
+				required: true
+			},
+			getState: {
+				types: [
+					"function"
+				],
+				description: "Custom state resolver per dot index"
+			},
+			onDotClick: {
+				types: [
+					"function"
+				],
+				description: "Callback when a dot is clicked"
+			},
+			className: {
+				types: [
+					"string"
+				],
+				description: "Additional CSS classes"
+			},
+			size: {
+				types: [
+					"dotsize"
+				],
+				description: "Dot size"
+			}
+		}
+	},
 	heading: {
 		type: "heading",
 		category: "component",
@@ -14339,7 +14957,7 @@ var integratorsRegistry = {
 };
 
 var version$1 = "1.0.0";
-var exportedAt$1 = "2026-03-05T06:51:24.222Z";
+var exportedAt$1 = "2026-03-08T11:32:49.899Z";
 var mappings = {
 	"page-header": {
 		component: "PageHeader",
@@ -15279,6 +15897,56 @@ var mappings = {
 		importPath: "@/components/organisms/VariablePanel",
 		category: "display"
 	},
+	"day-cell": {
+		component: "DayCell",
+		importPath: "@/components/atoms/DayCell",
+		category: "component"
+	},
+	"flip-container": {
+		component: "FlipContainer",
+		importPath: "@/components/atoms/FlipContainer",
+		category: "layout"
+	},
+	"time-slot-cell": {
+		component: "TimeSlotCell",
+		importPath: "@/components/atoms/TimeSlotCell",
+		category: "layout"
+	},
+	"calendar-grid": {
+		component: "CalendarGrid",
+		importPath: "@/components/molecules/CalendarGrid",
+		category: "display"
+	},
+	"chart-legend": {
+		component: "ChartLegend",
+		importPath: "@/components/molecules/ChartLegend",
+		category: "display"
+	},
+	"date-range-selector": {
+		component: "DateRangeSelector",
+		importPath: "@/components/molecules/DateRangeSelector",
+		category: "form"
+	},
+	"flip-card": {
+		component: "FlipCard",
+		importPath: "@/components/molecules/FlipCard",
+		category: "display"
+	},
+	"graph-view": {
+		component: "GraphView",
+		importPath: "@/components/molecules/GraphView",
+		category: "component"
+	},
+	"line-chart": {
+		component: "LineChart",
+		importPath: "@/components/molecules/LineChart",
+		category: "display"
+	},
+	"progress-dots": {
+		component: "ProgressDots",
+		importPath: "@/components/molecules/ProgressDots",
+		category: "component"
+	},
 	heading: {
 		component: "Typography",
 		importPath: "@/components/atoms/Typography",
@@ -15297,7 +15965,7 @@ var componentMapping = {
 };
 
 var version = "1.0.0";
-var exportedAt = "2026-03-05T06:51:24.222Z";
+var exportedAt = "2026-03-08T11:32:49.899Z";
 var contracts = {
 	form: {
 		emits: [
@@ -19596,6 +20264,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 columns: {
                     types: string[];
@@ -19745,6 +20414,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -19834,6 +20504,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -19859,6 +20530,10 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
+                imageField: {
+                    types: string[];
+                    description: string;
+                };
             };
         };
         "detail-panel": {
@@ -19955,6 +20630,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -20101,6 +20777,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 initialData: {
                     types: string[];
@@ -20138,6 +20815,10 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
+                entityId: {
+                    types: string[];
+                    description: string;
+                };
                 relationsData: {
                     types: string[];
                     description: string;
@@ -20222,6 +20903,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 initialData: {
                     types: string[];
@@ -20259,6 +20941,10 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
+                entityId: {
+                    types: string[];
+                    description: string;
+                };
                 relationsData: {
                     types: string[];
                     description: string;
@@ -24581,6 +25267,15 @@ declare const registry: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 onIncrement: {
                     types: string[];
                     description: string;
@@ -24663,6 +25358,15 @@ declare const registry: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 title: {
                     types: string[];
                     description: string;
@@ -24688,10 +25392,6 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
-                className: {
-                    types: string[];
-                    description: string;
-                };
             };
         };
         "generic-app-template": {
@@ -24701,6 +25401,15 @@ declare const registry: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 title: {
                     types: string[];
                     description: string;
@@ -24723,10 +25432,6 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
-                className: {
-                    types: string[];
-                    description: string;
-                };
             };
         };
         "game-shell": {
@@ -24959,6 +25664,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 itemActions: {
                     types: string[];
@@ -25619,6 +26325,15 @@ declare const registry: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 scale: {
                     types: string[];
                     description: string;
@@ -25636,6 +26351,15 @@ declare const registry: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 scale: {
                     types: string[];
                     description: string;
@@ -25649,6 +26373,15 @@ declare const registry: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 scale: {
                     types: string[];
                     description: string;
@@ -26664,6 +27397,15 @@ declare const registry: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 cameraMode: {
                     types: string[];
                     description: string;
@@ -26729,6 +27471,15 @@ declare const registry: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 cameraMode: {
                     types: string[];
                     description: string;
@@ -26790,6 +27541,15 @@ declare const registry: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 cameraMode: {
                     types: string[];
                     description: string;
@@ -28552,6 +29312,336 @@ declare const registry: {
                 };
             };
         };
+        "day-cell": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                date: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                isToday: {
+                    types: string[];
+                    description: string;
+                };
+                onClick: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "flip-container": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                flipped: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                children: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                onClick: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "time-slot-cell": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                time: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                onClick: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                children: {
+                    types: string[];
+                    description: string;
+                };
+                isOccupied: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "calendar-grid": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                weekStart: {
+                    types: string[];
+                    description: string;
+                };
+                timeSlots: {
+                    types: string[];
+                    description: string;
+                };
+                events: {
+                    types: string[];
+                    description: string;
+                };
+                onSlotClick: {
+                    types: string[];
+                    description: string;
+                };
+                onDayClick: {
+                    types: string[];
+                    description: string;
+                };
+                onEventClick: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "chart-legend": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                items: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                direction: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "date-range-selector": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                options: {
+                    types: string[];
+                    description: string;
+                };
+                selected: {
+                    types: string[];
+                    description: string;
+                };
+                onSelect: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "flip-card": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                front: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                back: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                flipped: {
+                    types: string[];
+                    description: string;
+                };
+                onFlip: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                height: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "graph-view": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                nodes: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                edges: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                onNodeClick: {
+                    types: string[];
+                    description: string;
+                };
+                onNodeHover: {
+                    types: string[];
+                    description: string;
+                };
+                width: {
+                    types: string[];
+                    description: string;
+                };
+                height: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                showLabels: {
+                    types: string[];
+                    description: string;
+                };
+                zoomToFit: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "line-chart": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                data: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                width: {
+                    types: string[];
+                    description: string;
+                };
+                height: {
+                    types: string[];
+                    description: string;
+                };
+                showGrid: {
+                    types: string[];
+                    description: string;
+                };
+                showValues: {
+                    types: string[];
+                    description: string;
+                };
+                showArea: {
+                    types: string[];
+                    description: string;
+                };
+                lineColor: {
+                    types: string[];
+                    description: string;
+                };
+                areaColor: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "progress-dots": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                count: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                currentIndex: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                getState: {
+                    types: string[];
+                    description: string;
+                };
+                onDotClick: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                size: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
         heading: {
             type: string;
             category: string;
@@ -28751,6 +29841,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 columns: {
                     types: string[];
@@ -28900,6 +29991,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -28989,6 +30081,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -29014,6 +30107,10 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
+                imageField: {
+                    types: string[];
+                    description: string;
+                };
             };
         };
         "detail-panel": {
@@ -29110,6 +30207,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -29256,6 +30354,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 initialData: {
                     types: string[];
@@ -29293,6 +30392,10 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
+                entityId: {
+                    types: string[];
+                    description: string;
+                };
                 relationsData: {
                     types: string[];
                     description: string;
@@ -29377,6 +30480,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 initialData: {
                     types: string[];
@@ -29414,6 +30518,10 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
+                entityId: {
+                    types: string[];
+                    description: string;
+                };
                 relationsData: {
                     types: string[];
                     description: string;
@@ -33736,6 +34844,15 @@ declare const PATTERN_REGISTRY: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 onIncrement: {
                     types: string[];
                     description: string;
@@ -33818,6 +34935,15 @@ declare const PATTERN_REGISTRY: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 title: {
                     types: string[];
                     description: string;
@@ -33843,10 +34969,6 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
-                className: {
-                    types: string[];
-                    description: string;
-                };
             };
         };
         "generic-app-template": {
@@ -33856,6 +34978,15 @@ declare const PATTERN_REGISTRY: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 title: {
                     types: string[];
                     description: string;
@@ -33878,10 +35009,6 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
-                className: {
-                    types: string[];
-                    description: string;
-                };
             };
         };
         "game-shell": {
@@ -34114,6 +35241,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 itemActions: {
                     types: string[];
@@ -34774,6 +35902,15 @@ declare const PATTERN_REGISTRY: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 scale: {
                     types: string[];
                     description: string;
@@ -34791,6 +35928,15 @@ declare const PATTERN_REGISTRY: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 scale: {
                     types: string[];
                     description: string;
@@ -34804,6 +35950,15 @@ declare const PATTERN_REGISTRY: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 scale: {
                     types: string[];
                     description: string;
@@ -35819,6 +36974,15 @@ declare const PATTERN_REGISTRY: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 cameraMode: {
                     types: string[];
                     description: string;
@@ -35884,6 +37048,15 @@ declare const PATTERN_REGISTRY: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 cameraMode: {
                     types: string[];
                     description: string;
@@ -35945,6 +37118,15 @@ declare const PATTERN_REGISTRY: {
             suggestedFor: string[];
             typicalSize: string;
             propsSchema: {
+                entity: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
                 cameraMode: {
                     types: string[];
                     description: string;
@@ -37707,6 +38889,336 @@ declare const PATTERN_REGISTRY: {
                 };
             };
         };
+        "day-cell": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                date: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                isToday: {
+                    types: string[];
+                    description: string;
+                };
+                onClick: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "flip-container": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                flipped: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                children: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                onClick: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "time-slot-cell": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                time: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                onClick: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                children: {
+                    types: string[];
+                    description: string;
+                };
+                isOccupied: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "calendar-grid": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                weekStart: {
+                    types: string[];
+                    description: string;
+                };
+                timeSlots: {
+                    types: string[];
+                    description: string;
+                };
+                events: {
+                    types: string[];
+                    description: string;
+                };
+                onSlotClick: {
+                    types: string[];
+                    description: string;
+                };
+                onDayClick: {
+                    types: string[];
+                    description: string;
+                };
+                onEventClick: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "chart-legend": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                items: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                direction: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "date-range-selector": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                options: {
+                    types: string[];
+                    description: string;
+                };
+                selected: {
+                    types: string[];
+                    description: string;
+                };
+                onSelect: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "flip-card": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                front: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                back: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                flipped: {
+                    types: string[];
+                    description: string;
+                };
+                onFlip: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                height: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "graph-view": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                nodes: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                edges: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                onNodeClick: {
+                    types: string[];
+                    description: string;
+                };
+                onNodeHover: {
+                    types: string[];
+                    description: string;
+                };
+                width: {
+                    types: string[];
+                    description: string;
+                };
+                height: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                showLabels: {
+                    types: string[];
+                    description: string;
+                };
+                zoomToFit: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "line-chart": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                data: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                width: {
+                    types: string[];
+                    description: string;
+                };
+                height: {
+                    types: string[];
+                    description: string;
+                };
+                showGrid: {
+                    types: string[];
+                    description: string;
+                };
+                showValues: {
+                    types: string[];
+                    description: string;
+                };
+                showArea: {
+                    types: string[];
+                    description: string;
+                };
+                lineColor: {
+                    types: string[];
+                    description: string;
+                };
+                areaColor: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        "progress-dots": {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                count: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                currentIndex: {
+                    types: string[];
+                    description: string;
+                    required: boolean;
+                };
+                getState: {
+                    types: string[];
+                    description: string;
+                };
+                onDotClick: {
+                    types: string[];
+                    description: string;
+                };
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                size: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
         heading: {
             type: string;
             category: string;
@@ -39350,6 +40862,56 @@ declare const COMPONENT_MAPPING: {
             importPath: string;
             category: string;
         };
+        "day-cell": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "flip-container": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "time-slot-cell": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "calendar-grid": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "chart-legend": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "date-range-selector": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "flip-card": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "graph-view": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "line-chart": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "progress-dots": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
         heading: {
             component: string;
             importPath: string;