@almadar/patterns 2.1.0 → 2.3.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 var version$3 = "1.0.0";
-var exportedAt$3 = "2026-03-06T07:07:47.853Z";
+var exportedAt$3 = "2026-03-09T08:08:00.655Z";
 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"
@@ -3427,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: [
@@ -3485,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)"
 			}
 		}
 	},
@@ -8083,7 +8117,8 @@ var patterns = {
 				types: [
 					"unknown"
 				],
-				description: "Fields to display"
+				description: "Fields to display",
+				required: true
 			},
 			itemActions: {
 				types: [
@@ -13505,6 +13540,638 @@ 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"
+			}
+		}
+	},
+	"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",
@@ -14444,7 +15111,7 @@ var integratorsRegistry = {
 };
 
 var version$1 = "1.0.0";
-var exportedAt$1 = "2026-03-06T07:07:47.853Z";
+var exportedAt$1 = "2026-03-09T08:08:00.655Z";
 var mappings = {
 	"page-header": {
 		component: "PageHeader",
@@ -15384,6 +16051,66 @@ 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"
+	},
+	"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",
+		category: "display"
+	},
+	"progress-dots": {
+		component: "ProgressDots",
+		importPath: "@/components/molecules/ProgressDots",
+		category: "component"
+	},
 	heading: {
 		component: "Typography",
 		importPath: "@/components/atoms/Typography",
@@ -15402,7 +16129,7 @@ var componentMapping = {
 };
 
 var version = "1.0.0";
-var exportedAt = "2026-03-06T07:07:47.853Z";
+var exportedAt = "2026-03-09T08:08:00.655Z";
 var contracts = {
 	form: {
 		emits: [
@@ -19701,6 +20428,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 columns: {
                     types: string[];
@@ -19850,6 +20578,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -19939,6 +20668,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -19964,6 +20694,10 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
+                imageField: {
+                    types: string[];
+                    description: string;
+                };
             };
         };
         "detail-panel": {
@@ -20060,6 +20794,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -20206,6 +20941,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 initialData: {
                     types: string[];
@@ -20243,6 +20979,10 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
+                entityId: {
+                    types: string[];
+                    description: string;
+                };
                 relationsData: {
                     types: string[];
                     description: string;
@@ -20327,6 +21067,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 initialData: {
                     types: string[];
@@ -20364,6 +21105,10 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
+                entityId: {
+                    types: string[];
+                    description: string;
+                };
                 relationsData: {
                     types: string[];
                     description: string;
@@ -21970,6 +22715,10 @@ declare const registry: {
                     types: string[];
                     description: string;
                 };
+                label: {
+                    types: string[];
+                    description: string;
+                };
             };
         };
         avatar: {
@@ -25083,6 +25832,7 @@ declare const registry: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 itemActions: {
                     types: string[];
@@ -28730,6 +29480,434 @@ 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;
+                };
+            };
+        };
+        "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;
@@ -28929,6 +30107,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 columns: {
                     types: string[];
@@ -29078,6 +30257,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -29167,6 +30347,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -29192,6 +30373,10 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
+                imageField: {
+                    types: string[];
+                    description: string;
+                };
             };
         };
         "detail-panel": {
@@ -29288,6 +30473,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 fieldNames: {
                     types: string[];
@@ -29434,6 +30620,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 initialData: {
                     types: string[];
@@ -29471,6 +30658,10 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
+                entityId: {
+                    types: string[];
+                    description: string;
+                };
                 relationsData: {
                     types: string[];
                     description: string;
@@ -29555,6 +30746,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 initialData: {
                     types: string[];
@@ -29592,6 +30784,10 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
+                entityId: {
+                    types: string[];
+                    description: string;
+                };
                 relationsData: {
                     types: string[];
                     description: string;
@@ -31198,6 +32394,10 @@ declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
+                label: {
+                    types: string[];
+                    description: string;
+                };
             };
         };
         avatar: {
@@ -34311,6 +35511,7 @@ declare const PATTERN_REGISTRY: {
                 fields: {
                     types: string[];
                     description: string;
+                    required: boolean;
                 };
                 itemActions: {
                     types: string[];
@@ -37958,6 +39159,434 @@ 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;
+                };
+            };
+        };
+        "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;
@@ -39601,6 +41230,66 @@ 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;
+        };
+        "data-grid": {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        "data-list": {
+            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;