@almadar/patterns 2.30.10 → 2.30.12

package/dist/component-mapping.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "exportedAt": "2026-05-22T09:19:11.577Z",
+  "exportedAt": "2026-05-26T02:27:33.609Z",
   "mappings": {
     "page-header": {
       "component": "PageHeader",

package/dist/event-contracts.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "exportedAt": "2026-05-22T09:19:11.577Z",
+  "exportedAt": "2026-05-26T02:27:33.609Z",
   "contracts": {
     "form": {
       "emits": [

package/dist/index.d.ts

@@ -161,6 +161,12 @@ export declare const registry: {
                     description: string;
                     default: boolean;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         "entity-list": {
@@ -1340,6 +1346,12 @@ export declare const registry: {
                     types: string[];
                     description: string;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         tabs: {
@@ -1510,6 +1522,7 @@ export declare const registry: {
                 separator: {
                     types: string[];
                     description: string;
+                    default: string;
                 };
                 maxItems: {
                     types: string[];
@@ -2165,6 +2178,12 @@ export declare const registry: {
                     kind: string;
                     emitPayloadSchema: never[];
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         "loading-state": {
@@ -2391,6 +2410,12 @@ export declare const registry: {
                     description: string;
                     default: boolean;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         drawer: {
@@ -3192,6 +3217,12 @@ export declare const registry: {
                     description: string;
                     enumValues: string[];
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
                 children: {
                     types: string[];
                     description: string;
@@ -4517,6 +4548,12 @@ export declare const registry: {
                         required: string[];
                     };
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         flex: {
@@ -5138,6 +5175,12 @@ export declare const registry: {
                     enumValues: string[];
                     default: string;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
                 onLogoClick: {
                     types: string[];
                     description: string;
@@ -6156,7 +6199,11 @@ export declare const registry: {
                     types: string[];
                     description: string;
                     enumValues: string[];
-                    default: string;
+                };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
                 };
                 series: {
                     types: string[];
@@ -6516,6 +6563,12 @@ export declare const registry: {
                         required: string[];
                     };
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         "media-gallery": {
@@ -8273,6 +8326,11 @@ export declare const registry: {
                     description: string;
                     default: number;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                };
             };
         };
         "data-list": {
@@ -8506,6 +8564,11 @@ export declare const registry: {
                     description: string;
                     default: number;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                };
             };
         };
         "map-view": {
@@ -9532,6 +9595,12 @@ export declare const registry: {
                     description: string;
                     default: boolean;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
                 className: {
                     types: string[];
                     description: string;
@@ -20307,6 +20376,12 @@ export declare const PATTERN_REGISTRY: {
                     description: string;
                     default: boolean;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         "entity-list": {
@@ -21486,6 +21561,12 @@ export declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         tabs: {
@@ -21656,6 +21737,7 @@ export declare const PATTERN_REGISTRY: {
                 separator: {
                     types: string[];
                     description: string;
+                    default: string;
                 };
                 maxItems: {
                     types: string[];
@@ -22311,6 +22393,12 @@ export declare const PATTERN_REGISTRY: {
                     kind: string;
                     emitPayloadSchema: never[];
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         "loading-state": {
@@ -22537,6 +22625,12 @@ export declare const PATTERN_REGISTRY: {
                     description: string;
                     default: boolean;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         drawer: {
@@ -23338,6 +23432,12 @@ export declare const PATTERN_REGISTRY: {
                     description: string;
                     enumValues: string[];
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
                 children: {
                     types: string[];
                     description: string;
@@ -24663,6 +24763,12 @@ export declare const PATTERN_REGISTRY: {
                         required: string[];
                     };
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         flex: {
@@ -25284,6 +25390,12 @@ export declare const PATTERN_REGISTRY: {
                     enumValues: string[];
                     default: string;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
                 onLogoClick: {
                     types: string[];
                     description: string;
@@ -26302,7 +26414,11 @@ export declare const PATTERN_REGISTRY: {
                     types: string[];
                     description: string;
                     enumValues: string[];
-                    default: string;
+                };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
                 };
                 series: {
                     types: string[];
@@ -26662,6 +26778,12 @@ export declare const PATTERN_REGISTRY: {
                         required: string[];
                     };
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
             };
         };
         "media-gallery": {
@@ -28419,6 +28541,11 @@ export declare const PATTERN_REGISTRY: {
                     description: string;
                     default: number;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                };
             };
         };
         "data-list": {
@@ -28652,6 +28779,11 @@ export declare const PATTERN_REGISTRY: {
                     description: string;
                     default: number;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                };
             };
         };
         "map-view": {
@@ -29678,6 +29810,12 @@ export declare const PATTERN_REGISTRY: {
                     description: string;
                     default: boolean;
                 };
+                look: {
+                    types: string[];
+                    description: string;
+                    enumValues: string[];
+                    default: string;
+                };
                 className: {
                     types: string[];
                     description: string;

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/patterns-registry.json
 var patterns_registry_default = {
   version: "1.0.0",
-  exportedAt: "2026-05-22T09:19:11.577Z",
+  exportedAt: "2026-05-26T02:27:33.609Z",
   patterns: {
     "entity-table": {
       type: "entity-table",
@@ -238,6 +238,20 @@ var patterns_registry_default = {
           ],
           description: "Show total count in pagination",
           default: true
+        },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment \u2014 orthogonal to the semantic variant.",
+          enumValues: [
+            "dense",
+            "spacious",
+            "striped",
+            "borderless",
+            "card-rows"
+          ],
+          default: "dense"
         }
       }
     },
@@ -2112,6 +2126,20 @@ var patterns_registry_default = {
             "boolean"
           ],
           description: "Loading state indicator"
+        },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment \u2014 orthogonal to the semantic variant.",
+          enumValues: [
+            "toolbar",
+            "chips",
+            "pills",
+            "popover-trigger",
+            "inline-column-header"
+          ],
+          default: "toolbar"
         }
       }
     },
@@ -2359,7 +2387,8 @@ var patterns_registry_default = {
               },
               icon: {
                 types: [
-                  "icon"
+                  "icon",
+                  "string"
                 ]
               },
               onClick: {
@@ -2385,9 +2414,11 @@ var patterns_registry_default = {
         },
         separator: {
           types: [
-            "icon"
+            "icon",
+            "string"
           ],
-          description: "Separator icon"
+          description: "Separator icon (canonical kebab-case name or LucideIcon component)",
+          default: "chevron-right"
         },
         maxItems: {
           types: [
@@ -3414,6 +3445,19 @@ var patterns_registry_default = {
           description: "Declarative action event \u2014 emits UI:{actionEvent} via eventBus when action button is clicked",
           kind: "event-ref",
           emitPayloadSchema: []
+        },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment \u2014 orthogonal to the semantic variant (which carries status color).",
+          enumValues: [
+            "illustrated",
+            "icon-only",
+            "text-only",
+            "mascot"
+          ],
+          default: "icon-only"
         }
       }
     },
@@ -3746,6 +3790,19 @@ var patterns_registry_default = {
           ],
           description: "Enable swipe-down-to-close on mobile bottom sheet (default: true)",
           default: true
+        },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment \u2014 orthogonal to the semantic variant.",
+          enumValues: [
+            "centered-card",
+            "top-sheet",
+            "side-drawer",
+            "full-screen"
+          ],
+          default: "centered-card"
         }
       }
     },
@@ -5145,6 +5202,22 @@ var patterns_registry_default = {
             "lg"
           ]
         },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment. Picks the chrome (border, shadow, radius, padding-intent) independently of the semantic variant. Resolution chain lives in the compiler \u2014 see docs/Almadar_Std_Variations.md \xA73.1.",
+          enumValues: [
+            "elevated",
+            "flat-bordered",
+            "borderless-divider",
+            "ticket",
+            "invoice",
+            "chip",
+            "tile-image-first"
+          ],
+          default: "elevated"
+        },
         children: {
           types: [
             "node"
@@ -7297,6 +7370,20 @@ var patterns_registry_default = {
               "label"
             ]
           }
+        },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment for the action-cluster (form-actions) pattern. @default 'right-aligned-buttons'",
+          enumValues: [
+            "right-aligned-buttons",
+            "floating-bar",
+            "inline-row",
+            "dropdown-menu",
+            "command-palette-trigger"
+          ],
+          default: "right-aligned-buttons"
         }
       }
     },
@@ -8281,6 +8368,20 @@ var patterns_registry_default = {
           ],
           default: "mobile"
         },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment \u2014 orthogonal to the structural variant (which currently flips mobile vs desktop).",
+          enumValues: [
+            "hero",
+            "compact-bar",
+            "breadcrumb",
+            "contextual",
+            "editorial-banner"
+          ],
+          default: "compact-bar"
+        },
         onLogoClick: {
           types: [
             "function"
@@ -9854,7 +9955,7 @@ var patterns_registry_default = {
           types: [
             "string"
           ],
-          description: "Chart type",
+          description: "Chart type (legacy alias for `look`).",
           enumValues: [
             "bar",
             "line",
@@ -9863,8 +9964,23 @@ var patterns_registry_default = {
             "donut",
             "scatter",
             "histogram"
+          ]
+        },
+        look: {
+          types: [
+            "string"
           ],
-          default: "bar"
+          description: "Layer 2 visual treatment \u2014 drives the chart sub-renderer (bar / line / pie / etc.).",
+          enumValues: [
+            "bar-vertical",
+            "bar-horizontal",
+            "line",
+            "area",
+            "pie",
+            "donut",
+            "scatter",
+            "histogram"
+          ]
         },
         series: {
           types: [
@@ -10457,6 +10573,19 @@ var patterns_registry_default = {
               "label"
             ]
           }
+        },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment.",
+          enumValues: [
+            "vertical-compact",
+            "vertical-spacious",
+            "horizontal",
+            "swimlane"
+          ],
+          default: "vertical-spacious"
         }
       }
     },
@@ -13200,6 +13329,19 @@ var patterns_registry_default = {
           ],
           description: 'Max items to show before "Show More" button. Defaults to 0 (disabled).',
           default: 0
+        },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment \u2014 mirrors the `entity-table` look enum so data-grid / data-list / entity-table share one knob name from authors.",
+          enumValues: [
+            "dense",
+            "spacious",
+            "striped",
+            "borderless",
+            "card-rows"
+          ]
         }
       }
     },
@@ -13602,6 +13744,19 @@ var patterns_registry_default = {
           ],
           description: 'Max items to show before "Show More" button. Defaults to 5. Set to 0 to disable.',
           default: 5
+        },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment \u2014 mirrors the `entity-table` look enum so data-grid / data-list / entity-table share one knob name from authors.",
+          enumValues: [
+            "dense",
+            "spacious",
+            "striped",
+            "borderless",
+            "card-rows"
+          ]
         }
       }
     },
@@ -15204,6 +15359,20 @@ var patterns_registry_default = {
           description: "Compact mode (inline, no card wrapper)",
           default: false
         },
+        look: {
+          types: [
+            "string"
+          ],
+          description: "Layer 2 visual treatment.",
+          enumValues: [
+            "elevated",
+            "flat",
+            "progress-backed",
+            "gauge",
+            "sparkline"
+          ],
+          default: "elevated"
+        },
         className: {
           types: [
             "string"
@@ -32853,7 +33022,7 @@ var integrators_registry_default = {
 // src/component-mapping.json
 var component_mapping_default = {
   version: "1.0.0",
-  exportedAt: "2026-05-22T09:19:11.577Z",
+  exportedAt: "2026-05-26T02:27:33.609Z",
   mappings: {
     "page-header": {
       component: "PageHeader",
@@ -34388,7 +34557,7 @@ var component_mapping_default = {
 // src/event-contracts.json
 var event_contracts_default = {
   version: "1.0.0",
-  exportedAt: "2026-05-22T09:19:11.577Z",
+  exportedAt: "2026-05-26T02:27:33.609Z",
   contracts: {
     form: {
       emits: [