@almadar/patterns 2.30.10 → 2.30.12

package/dist/patterns-registry.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "exportedAt": "2026-05-22T09:19:11.577Z",
+  "exportedAt": "2026-05-26T02:27:33.609Z",
   "patterns": {
     "entity-table": {
       "type": "entity-table",
@@ -237,6 +237,20 @@
           ],
           "description": "Show total count in pagination",
           "default": true
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — orthogonal to the semantic variant.",
+          "enumValues": [
+            "dense",
+            "spacious",
+            "striped",
+            "borderless",
+            "card-rows"
+          ],
+          "default": "dense"
         }
       }
     },
@@ -2111,6 +2125,20 @@
             "boolean"
           ],
           "description": "Loading state indicator"
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — orthogonal to the semantic variant.",
+          "enumValues": [
+            "toolbar",
+            "chips",
+            "pills",
+            "popover-trigger",
+            "inline-column-header"
+          ],
+          "default": "toolbar"
         }
       }
     },
@@ -2358,7 +2386,8 @@
               },
               "icon": {
                 "types": [
-                  "icon"
+                  "icon",
+                  "string"
                 ]
               },
               "onClick": {
@@ -2384,9 +2413,11 @@
         },
         "separator": {
           "types": [
-            "icon"
+            "icon",
+            "string"
           ],
-          "description": "Separator icon"
+          "description": "Separator icon (canonical kebab-case name or LucideIcon component)",
+          "default": "chevron-right"
         },
         "maxItems": {
           "types": [
@@ -3413,6 +3444,19 @@
           "description": "Declarative action event — emits UI:{actionEvent} via eventBus when action button is clicked",
           "kind": "event-ref",
           "emitPayloadSchema": []
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — orthogonal to the semantic variant (which carries status color).",
+          "enumValues": [
+            "illustrated",
+            "icon-only",
+            "text-only",
+            "mascot"
+          ],
+          "default": "icon-only"
         }
       }
     },
@@ -3745,6 +3789,19 @@
           ],
           "description": "Enable swipe-down-to-close on mobile bottom sheet (default: true)",
           "default": true
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — orthogonal to the semantic variant.",
+          "enumValues": [
+            "centered-card",
+            "top-sheet",
+            "side-drawer",
+            "full-screen"
+          ],
+          "default": "centered-card"
         }
       }
     },
@@ -5144,6 +5201,22 @@
             "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 — see docs/Almadar_Std_Variations.md §3.1.",
+          "enumValues": [
+            "elevated",
+            "flat-bordered",
+            "borderless-divider",
+            "ticket",
+            "invoice",
+            "chip",
+            "tile-image-first"
+          ],
+          "default": "elevated"
+        },
         "children": {
           "types": [
             "node"
@@ -7296,6 +7369,20 @@
               "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"
         }
       }
     },
@@ -8280,6 +8367,20 @@
           ],
           "default": "mobile"
         },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — 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"
@@ -9853,7 +9954,7 @@
           "types": [
             "string"
           ],
-          "description": "Chart type",
+          "description": "Chart type (legacy alias for `look`).",
           "enumValues": [
             "bar",
             "line",
@@ -9862,8 +9963,23 @@
             "donut",
             "scatter",
             "histogram"
+          ]
+        },
+        "look": {
+          "types": [
+            "string"
           ],
-          "default": "bar"
+          "description": "Layer 2 visual treatment — drives the chart sub-renderer (bar / line / pie / etc.).",
+          "enumValues": [
+            "bar-vertical",
+            "bar-horizontal",
+            "line",
+            "area",
+            "pie",
+            "donut",
+            "scatter",
+            "histogram"
+          ]
         },
         "series": {
           "types": [
@@ -10456,6 +10572,19 @@
               "label"
             ]
           }
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment.",
+          "enumValues": [
+            "vertical-compact",
+            "vertical-spacious",
+            "horizontal",
+            "swimlane"
+          ],
+          "default": "vertical-spacious"
         }
       }
     },
@@ -13199,6 +13328,19 @@
           ],
           "description": "Max items to show before \"Show More\" button. Defaults to 0 (disabled).",
           "default": 0
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — 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"
+          ]
         }
       }
     },
@@ -13601,6 +13743,19 @@
           ],
           "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 — 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"
+          ]
         }
       }
     },
@@ -15203,6 +15358,20 @@
           "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"

package/dist/registry.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "exportedAt": "2026-05-22T09:19:11.577Z",
+  "exportedAt": "2026-05-26T02:27:33.609Z",
   "patterns": {
     "entity-table": {
       "type": "entity-table",
@@ -237,6 +237,20 @@
           ],
           "description": "Show total count in pagination",
           "default": true
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — orthogonal to the semantic variant.",
+          "enumValues": [
+            "dense",
+            "spacious",
+            "striped",
+            "borderless",
+            "card-rows"
+          ],
+          "default": "dense"
         }
       }
     },
@@ -2111,6 +2125,20 @@
             "boolean"
           ],
           "description": "Loading state indicator"
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — orthogonal to the semantic variant.",
+          "enumValues": [
+            "toolbar",
+            "chips",
+            "pills",
+            "popover-trigger",
+            "inline-column-header"
+          ],
+          "default": "toolbar"
         }
       }
     },
@@ -2358,7 +2386,8 @@
               },
               "icon": {
                 "types": [
-                  "icon"
+                  "icon",
+                  "string"
                 ]
               },
               "onClick": {
@@ -2384,9 +2413,11 @@
         },
         "separator": {
           "types": [
-            "icon"
+            "icon",
+            "string"
           ],
-          "description": "Separator icon"
+          "description": "Separator icon (canonical kebab-case name or LucideIcon component)",
+          "default": "chevron-right"
         },
         "maxItems": {
           "types": [
@@ -3413,6 +3444,19 @@
           "description": "Declarative action event — emits UI:{actionEvent} via eventBus when action button is clicked",
           "kind": "event-ref",
           "emitPayloadSchema": []
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — orthogonal to the semantic variant (which carries status color).",
+          "enumValues": [
+            "illustrated",
+            "icon-only",
+            "text-only",
+            "mascot"
+          ],
+          "default": "icon-only"
         }
       }
     },
@@ -3745,6 +3789,19 @@
           ],
           "description": "Enable swipe-down-to-close on mobile bottom sheet (default: true)",
           "default": true
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — orthogonal to the semantic variant.",
+          "enumValues": [
+            "centered-card",
+            "top-sheet",
+            "side-drawer",
+            "full-screen"
+          ],
+          "default": "centered-card"
         }
       }
     },
@@ -5144,6 +5201,22 @@
             "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 — see docs/Almadar_Std_Variations.md §3.1.",
+          "enumValues": [
+            "elevated",
+            "flat-bordered",
+            "borderless-divider",
+            "ticket",
+            "invoice",
+            "chip",
+            "tile-image-first"
+          ],
+          "default": "elevated"
+        },
         "children": {
           "types": [
             "node"
@@ -7296,6 +7369,20 @@
               "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"
         }
       }
     },
@@ -8280,6 +8367,20 @@
           ],
           "default": "mobile"
         },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — 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"
@@ -9853,7 +9954,7 @@
           "types": [
             "string"
           ],
-          "description": "Chart type",
+          "description": "Chart type (legacy alias for `look`).",
           "enumValues": [
             "bar",
             "line",
@@ -9862,8 +9963,23 @@
             "donut",
             "scatter",
             "histogram"
+          ]
+        },
+        "look": {
+          "types": [
+            "string"
           ],
-          "default": "bar"
+          "description": "Layer 2 visual treatment — drives the chart sub-renderer (bar / line / pie / etc.).",
+          "enumValues": [
+            "bar-vertical",
+            "bar-horizontal",
+            "line",
+            "area",
+            "pie",
+            "donut",
+            "scatter",
+            "histogram"
+          ]
         },
         "series": {
           "types": [
@@ -10456,6 +10572,19 @@
               "label"
             ]
           }
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment.",
+          "enumValues": [
+            "vertical-compact",
+            "vertical-spacious",
+            "horizontal",
+            "swimlane"
+          ],
+          "default": "vertical-spacious"
         }
       }
     },
@@ -13199,6 +13328,19 @@
           ],
           "description": "Max items to show before \"Show More\" button. Defaults to 0 (disabled).",
           "default": 0
+        },
+        "look": {
+          "types": [
+            "string"
+          ],
+          "description": "Layer 2 visual treatment — 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"
+          ]
         }
       }
     },
@@ -13601,6 +13743,19 @@
           ],
           "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 — 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"
+          ]
         }
       }
     },
@@ -15203,6 +15358,20 @@
           "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"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/patterns",
-  "version": "2.30.10",
+  "version": "2.30.12",
   "description": "Pattern registry and component mappings for Almadar",
   "type": "module",
   "main": "./dist/index.js",