@almadar/patterns 2.29.0 → 2.30.1

package/dist/component-mapping.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "exportedAt": "2026-05-15T14:20:05.990Z",
+  "exportedAt": "2026-05-16T15:27:31.928Z",
   "mappings": {
     "page-header": {
       "component": "PageHeader",
@@ -1499,6 +1499,16 @@
       "importPath": "@/components/molecules/DateRangePicker",
       "category": "component"
     },
+    "aside": {
+      "component": "Aside",
+      "importPath": "@/components/atoms/Aside",
+      "category": "component"
+    },
+    "dialog": {
+      "component": "Dialog",
+      "importPath": "@/components/atoms/Dialog",
+      "category": "container"
+    },
     "heading": {
       "component": "Typography",
       "importPath": "@/components/atoms/Typography",

package/dist/event-contracts.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "exportedAt": "2026-05-15T14:20:05.990Z",
+  "exportedAt": "2026-05-16T15:27:31.928Z",
   "contracts": {
     "form": {
       "emits": [

package/dist/index.d.ts

@@ -1371,6 +1371,9 @@ export declare const registry: {
                             id: {
                                 types: string[];
                             };
+                            value: {
+                                types: string[];
+                            };
                             label: {
                                 types: string[];
                             };
@@ -1405,6 +1408,9 @@ export declare const registry: {
                             id: {
                                 types: string[];
                             };
+                            value: {
+                                types: string[];
+                            };
                             label: {
                                 types: string[];
                             };
@@ -7725,6 +7731,11 @@ export declare const registry: {
                     kind: string;
                     emitPayloadSchema: never[];
                 };
+                dayWindow: {
+                    types: string[];
+                    description: string;
+                    default: string;
+                };
             };
         };
         "chart-legend": {
@@ -19016,6 +19027,40 @@ export declare const registry: {
                 };
             };
         };
+        aside: {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                children: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        dialog: {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                children: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
         heading: {
             type: string;
             category: string;
@@ -20536,6 +20581,9 @@ export declare const PATTERN_REGISTRY: {
                             id: {
                                 types: string[];
                             };
+                            value: {
+                                types: string[];
+                            };
                             label: {
                                 types: string[];
                             };
@@ -20570,6 +20618,9 @@ export declare const PATTERN_REGISTRY: {
                             id: {
                                 types: string[];
                             };
+                            value: {
+                                types: string[];
+                            };
                             label: {
                                 types: string[];
                             };
@@ -26890,6 +26941,11 @@ export declare const PATTERN_REGISTRY: {
                     kind: string;
                     emitPayloadSchema: never[];
                 };
+                dayWindow: {
+                    types: string[];
+                    description: string;
+                    default: string;
+                };
             };
         };
         "chart-legend": {
@@ -38181,6 +38237,40 @@ export declare const PATTERN_REGISTRY: {
                 };
             };
         };
+        aside: {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                children: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
+        dialog: {
+            type: string;
+            category: string;
+            description: string;
+            suggestedFor: string[];
+            typicalSize: string;
+            propsSchema: {
+                className: {
+                    types: string[];
+                    description: string;
+                };
+                children: {
+                    types: string[];
+                    description: string;
+                };
+            };
+        };
         heading: {
             type: string;
             category: string;
@@ -40403,6 +40493,16 @@ export declare const COMPONENT_MAPPING: {
             importPath: string;
             category: string;
         };
+        aside: {
+            component: string;
+            importPath: string;
+            category: string;
+        };
+        dialog: {
+            component: string;
+            importPath: string;
+            category: string;
+        };
         heading: {
             component: string;
             importPath: string;

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/patterns-registry.json
 var patterns_registry_default = {
   version: "1.0.0",
-  exportedAt: "2026-05-15T14:20:05.990Z",
+  exportedAt: "2026-05-16T15:27:31.928Z",
   patterns: {
     "entity-table": {
       type: "entity-table",
@@ -2155,6 +2155,11 @@ var patterns_registry_default = {
                   "string"
                 ]
               },
+              value: {
+                types: [
+                  "string"
+                ]
+              },
               label: {
                 types: [
                   "string"
@@ -2194,7 +2199,6 @@ var patterns_registry_default = {
               }
             },
             required: [
-              "id",
               "label"
             ]
           }
@@ -2214,6 +2218,11 @@ var patterns_registry_default = {
                   "string"
                 ]
               },
+              value: {
+                types: [
+                  "string"
+                ]
+              },
               label: {
                 types: [
                   "string"
@@ -2253,7 +2262,6 @@ var patterns_registry_default = {
               }
             },
             required: [
-              "id",
               "label"
             ]
           }
@@ -7902,8 +7910,8 @@ var patterns_registry_default = {
           types: [
             "string"
           ],
-          description: "Panel width @default 'w-96'",
-          default: "w-96"
+          description: "Panel width as Tailwind class string. Default fills the viewport on mobile and snaps to `w-96` (384 px) at `sm:` and above so phones don't lose content to a fixed 384 px column. Consumers passing a custom value should include a `w-full` mobile fallback in the same string (e.g. `\"w-full sm:w-[480px]\"`) \u2014 Tailwind's JIT can't see dynamically-concatenated class names. @default 'w-full sm:w-96'",
+          default: "w-full sm:w-96"
         },
         position: {
           types: [
@@ -12308,6 +12316,14 @@ var patterns_registry_default = {
           description: "Event emitted on swipe right (prev week): UI:{swipeRightEvent}",
           kind: "event-ref",
           emitPayloadSchema: []
+        },
+        dayWindow: {
+          types: [
+            "number",
+            "string"
+          ],
+          description: "Override the viewport-driven day window. `'auto'` (default) tracks `window.innerWidth` \u2014 1 day on mobile, 3 on tablet, 7 on laptop+. Pass an explicit number to force a fixed window (useful for print layouts or screenshot tests).",
+          default: "auto"
         }
       }
     },
@@ -30151,6 +30167,52 @@ var patterns_registry_default = {
         }
       }
     },
+    aside: {
+      type: "aside",
+      category: "component",
+      description: "Aside Atom Component  Semantic wrapper for the native `<aside>` landmark. Owns raw HTML so molecules (SidePanel, navigation rails, callouts) can compose the semantic-aside primitive without falling back to a raw element.",
+      suggestedFor: [
+        "aside"
+      ],
+      typicalSize: "small",
+      propsSchema: {
+        className: {
+          types: [
+            "string"
+          ],
+          description: "Additional CSS classes"
+        },
+        children: {
+          types: [
+            "node"
+          ],
+          description: "Aside contents"
+        }
+      }
+    },
+    dialog: {
+      type: "dialog",
+      category: "container",
+      description: 'Dialog Atom Component  Semantic wrapper for the native `<dialog>` element. Owns the raw HTML rendering so molecules (Modal, ConfirmDialog, etc.) can compose the dialog primitive without dropping back to raw HTML.  Defaults `role="dialog"` and `aria-modal="true"`; both overridable for non-modal use cases.',
+      suggestedFor: [
+        "dialog"
+      ],
+      typicalSize: "small",
+      propsSchema: {
+        className: {
+          types: [
+            "string"
+          ],
+          description: "Additional CSS classes"
+        },
+        children: {
+          types: [
+            "node"
+          ],
+          description: "Dialog contents"
+        }
+      }
+    },
     heading: {
       type: "heading",
       category: "component",
@@ -31085,7 +31147,7 @@ var integrators_registry_default = {
 // src/component-mapping.json
 var component_mapping_default = {
   version: "1.0.0",
-  exportedAt: "2026-05-15T14:20:05.990Z",
+  exportedAt: "2026-05-16T15:27:31.928Z",
   mappings: {
     "page-header": {
       component: "PageHeader",
@@ -32584,6 +32646,16 @@ var component_mapping_default = {
       importPath: "@/components/molecules/DateRangePicker",
       category: "component"
     },
+    aside: {
+      component: "Aside",
+      importPath: "@/components/atoms/Aside",
+      category: "component"
+    },
+    dialog: {
+      component: "Dialog",
+      importPath: "@/components/atoms/Dialog",
+      category: "container"
+    },
     heading: {
       component: "Typography",
       importPath: "@/components/atoms/Typography",
@@ -32600,7 +32672,7 @@ var component_mapping_default = {
 // src/event-contracts.json
 var event_contracts_default = {
   version: "1.0.0",
-  exportedAt: "2026-05-15T14:20:05.990Z",
+  exportedAt: "2026-05-16T15:27:31.928Z",
   contracts: {
     form: {
       emits: [