create-ailk 0.6.1 → 0.8.0

package/component-catalog.json

@@ -9,7 +9,7 @@
       "importPath": "@working-theory/ui/sections",
       "rootBarrel": "@working-theory/ui",
       "sourceRoot": "packages/ui/src/sections",
-      "count": 54
+      "count": 55
     },
     {
       "name": "blocks",
@@ -17,7 +17,7 @@
       "importPath": "@working-theory/ui/blocks",
       "rootBarrel": "@working-theory/ui",
       "sourceRoot": "packages/ui/src/blocks",
-      "count": 95
+      "count": 99
     },
     {
       "name": "chrome",
@@ -188,6 +188,17 @@
       "descriptionGrade": "strong",
       "sectionType": "awards"
     },
+    {
+      "name": "BeforeAfter",
+      "tier": "sections",
+      "sourcePath": "packages/ui/src/sections/BeforeAfter.tsx",
+      "importPath": "@working-theory/ui/sections",
+      "exported": true,
+      "description": "A before/after comparison — use on a case-study or portfolio page to show what a client had and what they have now: two labeled panels behind a Side-by-side / Before / After selector, each body an image or rows of content, with an optional catalyst column between them and a key-takeaway box below.",
+      "descriptionSource": "registry",
+      "descriptionGrade": "strong",
+      "sectionType": "before-after"
+    },
     {
       "name": "BentoGrid",
       "tier": "sections",
@@ -958,6 +969,17 @@
       "descriptionGrade": "strong",
       "sectionType": null
     },
+    {
+      "name": "ConsentSettingsButton",
+      "tier": "blocks",
+      "sourcePath": "packages/ui/src/blocks/ConsentSettingsButton.tsx",
+      "importPath": "@working-theory/ui/blocks",
+      "exported": false,
+      "description": "Footer \"Cookie settings\" control. Lets a visitor who already accepted/declined change their mind later, from the footer, without reloading the page. Lives at the BLOCKS tier (not chrome) so `FooterBottomBar` (a block) can render it without an upward import; `BannerConsentIsland` (chrome) imports the exported event constant DOWNWARD, per the component tier hierarchy.",
+      "descriptionSource": "doc-comment",
+      "descriptionGrade": "strong",
+      "sectionType": null
+    },
     {
       "name": "ConsentStatement",
       "tier": "blocks",
@@ -980,6 +1002,17 @@
       "descriptionGrade": "strong",
       "sectionType": null
     },
+    {
+      "name": "ContactFallback",
+      "tier": "blocks",
+      "sourcePath": "packages/ui/src/blocks/ContactFallback.tsx",
+      "importPath": "@working-theory/ui/blocks",
+      "exported": true,
+      "description": "The contact email in place of a contact form. Shown when a site cannot take messages through its form: in production with neither a database nor an email key, the page renders this instead, and `LeadCaptureForm`'s `unavailable` state renders this same markup when a submit is refused — so the two fallbacks are one component.",
+      "descriptionSource": "doc-comment",
+      "descriptionGrade": "strong",
+      "sectionType": null
+    },
     {
       "name": "ContactFormFields",
       "tier": "blocks",
@@ -1156,6 +1189,17 @@
       "descriptionGrade": "strong",
       "sectionType": null
     },
+    {
+      "name": "LeadCaptureForm",
+      "tier": "blocks",
+      "sourcePath": "packages/ui/src/blocks/LeadCaptureForm.tsx",
+      "importPath": "@working-theory/ui/blocks",
+      "exported": true,
+      "description": "The one contact form every template renders. Submits ONLY through the `action` prop — a Server Action the page binds — so there is no fetch, no URL and no browser-side JSON here.",
+      "descriptionSource": "doc-comment",
+      "descriptionGrade": "strong",
+      "sectionType": null
+    },
     {
       "name": "LinkCard",
       "tier": "blocks",
@@ -1398,6 +1442,17 @@
       "descriptionGrade": "strong",
       "sectionType": null
     },
+    {
+      "name": "PostCard",
+      "tier": "blocks",
+      "sourcePath": "packages/ui/src/blocks/PostCard.tsx",
+      "importPath": "@working-theory/ui/blocks",
+      "exported": true,
+      "description": "Same props as PostRow, a vertical arrangement. A single linked blog-index card (cover · date · reading time · title · excerpt · \"Read more\"). Tier 3 block; composes MediaFigure + primitives. RSC default.",
+      "descriptionSource": "doc-comment",
+      "descriptionGrade": "weak",
+      "sectionType": null
+    },
     {
       "name": "PostRow",
       "tier": "blocks",
@@ -3650,6 +3705,13 @@
               "tight"
             ]
           },
+          "measure": {
+            "type": "string",
+            "enum": [
+              "full",
+              "narrow"
+            ]
+          },
           "lightboxCta": {
             "type": "object",
             "properties": {
@@ -4640,7 +4702,8 @@
               "default",
               "mockup",
               "alternating",
-              "split-grid"
+              "split-grid",
+              "steps"
             ]
           },
           "eyebrow": {
@@ -4691,6 +4754,20 @@
               "landscape"
             ]
           },
+          "itemStyle": {
+            "type": "string",
+            "enum": [
+              "card",
+              "plain"
+            ]
+          },
+          "actionsPosition": {
+            "type": "string",
+            "enum": [
+              "header",
+              "below"
+            ]
+          },
           "features": {
             "type": "array",
             "items": {
@@ -4868,6 +4945,13 @@
               "tile"
             ]
           },
+          "tileHover": {
+            "type": "string",
+            "enum": [
+              "lift",
+              "outline"
+            ]
+          },
           "eyebrow": {
             "type": "string"
           },
@@ -5043,6 +5127,9 @@
         "$schema": "https://json-schema.org/draft/2020-12/schema",
         "type": "object",
         "properties": {
+          "imagerySlot": {
+            "type": "boolean"
+          },
           "variant": {
             "type": "string",
             "enum": [
@@ -5936,7 +6023,8 @@
               "grid",
               "static",
               "featured",
-              "bylined"
+              "bylined",
+              "quote"
             ]
           },
           "headline": {
@@ -6159,6 +6247,28 @@
               "included-dots"
             ]
           },
+          "cardLayout": {
+            "type": "string",
+            "enum": [
+              "default",
+              "centered"
+            ]
+          },
+          "toggleStyle": {
+            "type": "string",
+            "enum": [
+              "soft",
+              "solid",
+              "switch"
+            ]
+          },
+          "gapAbove": {
+            "type": "string",
+            "enum": [
+              "default",
+              "tight"
+            ]
+          },
           "addonLayout": {
             "type": "string",
             "enum": [
@@ -6889,6 +6999,17 @@
           },
           "closingLine": {
             "type": "string"
+          },
+          "checklist": {
+            "minItems": 1,
+            "maxItems": 5,
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "imagerySlot": {
+            "type": "boolean"
           }
         },
         "required": [
@@ -6909,6 +7030,13 @@
           "headline": {
             "type": "string"
           },
+          "headlineStyle": {
+            "type": "string",
+            "enum": [
+              "heading",
+              "label"
+            ]
+          },
           "logos": {
             "type": "array",
             "items": {
@@ -7477,86 +7605,548 @@
       "schemaError": null
     },
     {
-      "type": "bento-grid",
-      "component": "BentoGrid",
-      "whenToUse": "A mixed-span mosaic of feature cards — use for a visually varied capability overview.",
+      "type": "before-after",
+      "component": "BeforeAfter",
+      "whenToUse": "A before/after comparison — use on a case-study or portfolio page to show what a client had and what they have now: two labeled panels behind a Side-by-side / Before / After selector, each body an image or rows of content, with an optional catalyst column between them and a key-takeaway box below.",
       "schema": {
         "$schema": "https://json-schema.org/draft/2020-12/schema",
         "type": "object",
         "properties": {
-          "headline": {
-            "type": "string"
-          },
-          "description": {
-            "type": "string"
-          },
-          "gap": {
-            "type": "string",
-            "enum": [
-              "tight",
-              "normal",
-              "loose"
-            ]
-          },
-          "items": {
-            "type": "array",
-            "items": {
-              "type": "object",
-              "properties": {
-                "title": {
-                  "type": "string"
-                },
-                "description": {
-                  "type": "string"
-                },
-                "icon": {
+          "header": {
+            "type": "object",
+            "properties": {
+              "headline": {
+                "type": "string"
+              },
+              "tagline": {
+                "type": "string"
+              },
+              "tags": {
+                "maxItems": 6,
+                "type": "array",
+                "items": {
                   "type": "string"
-                },
-                "image": {
-                  "type": "object",
-                  "properties": {
-                    "src": {
-                      "type": "string"
-                    },
-                    "alt": {
-                      "type": "string"
-                    },
-                    "width": {
-                      "type": "number"
-                    },
-                    "height": {
-                      "type": "number"
-                    },
-                    "blurDataURL": {
-                      "type": "string"
-                    }
+                }
+              },
+              "logo": {
+                "type": "object",
+                "properties": {
+                  "src": {
+                    "type": "string"
                   },
-                  "required": [
-                    "src",
-                    "alt"
-                  ]
+                  "alt": {
+                    "type": "string"
+                  },
+                  "width": {
+                    "type": "number"
+                  },
+                  "height": {
+                    "type": "number"
+                  },
+                  "blurDataURL": {
+                    "type": "string"
+                  }
                 },
-                "span": {
-                  "type": "string",
-                  "enum": [
-                    "default",
-                    "wide",
-                    "tall",
-                    "large",
-                    "full"
-                  ]
+                "required": [
+                  "src",
+                  "alt"
+                ]
+              }
+            },
+            "required": [
+              "headline"
+            ]
+          },
+          "pager": {
+            "type": "object",
+            "properties": {
+              "prev": {
+                "type": "object",
+                "properties": {
+                  "label": {
+                    "type": "string"
+                  },
+                  "href": {
+                    "type": "string"
+                  },
+                  "variant": {
+                    "type": "string",
+                    "enum": [
+                      "default",
+                      "outline",
+                      "secondary",
+                      "ghost",
+                      "link",
+                      "gradient"
+                    ]
+                  },
+                  "external": {
+                    "type": "boolean"
+                  }
                 },
-                "variant": {
-                  "type": "string",
-                  "enum": [
-                    "default",
-                    "outline",
-                    "emphasis"
-                  ]
+                "required": [
+                  "label",
+                  "href"
+                ]
+              },
+              "next": {
+                "type": "object",
+                "properties": {
+                  "label": {
+                    "type": "string"
+                  },
+                  "href": {
+                    "type": "string"
+                  },
+                  "variant": {
+                    "type": "string",
+                    "enum": [
+                      "default",
+                      "outline",
+                      "secondary",
+                      "ghost",
+                      "link",
+                      "gradient"
+                    ]
+                  },
+                  "external": {
+                    "type": "boolean"
+                  }
                 },
-                "link": {
-                  "type": "object",
-                  "properties": {
+                "required": [
+                  "label",
+                  "href"
+                ]
+              },
+              "backTo": {
+                "type": "object",
+                "properties": {
+                  "label": {
+                    "type": "string"
+                  },
+                  "href": {
+                    "type": "string"
+                  },
+                  "variant": {
+                    "type": "string",
+                    "enum": [
+                      "default",
+                      "outline",
+                      "secondary",
+                      "ghost",
+                      "link",
+                      "gradient"
+                    ]
+                  },
+                  "external": {
+                    "type": "boolean"
+                  }
+                },
+                "required": [
+                  "label",
+                  "href"
+                ]
+              }
+            }
+          },
+          "before": {
+            "type": "object",
+            "properties": {
+              "label": {
+                "type": "string"
+              },
+              "tone": {
+                "type": "string",
+                "enum": [
+                  "brand",
+                  "accent",
+                  "neutral",
+                  "success",
+                  "error",
+                  "warning",
+                  "info"
+                ]
+              },
+              "icon": {
+                "type": "string"
+              },
+              "align": {
+                "type": "string",
+                "enum": [
+                  "start",
+                  "center",
+                  "end"
+                ]
+              },
+              "image": {
+                "type": "object",
+                "properties": {
+                  "src": {
+                    "type": "string"
+                  },
+                  "alt": {
+                    "type": "string"
+                  },
+                  "width": {
+                    "type": "number"
+                  },
+                  "height": {
+                    "type": "number"
+                  },
+                  "blurDataURL": {
+                    "type": "string"
+                  }
+                },
+                "required": [
+                  "src",
+                  "alt"
+                ]
+              },
+              "rows": {
+                "maxItems": 8,
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "title": {
+                      "type": "string"
+                    },
+                    "body": {
+                      "type": "string"
+                    },
+                    "icon": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "title",
+                    "body"
+                  ]
+                }
+              },
+              "verdict": {
+                "type": "string"
+              },
+              "notes": {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            },
+            "required": [
+              "label"
+            ]
+          },
+          "after": {
+            "type": "object",
+            "properties": {
+              "label": {
+                "type": "string"
+              },
+              "tone": {
+                "type": "string",
+                "enum": [
+                  "brand",
+                  "accent",
+                  "neutral",
+                  "success",
+                  "error",
+                  "warning",
+                  "info"
+                ]
+              },
+              "icon": {
+                "type": "string"
+              },
+              "align": {
+                "type": "string",
+                "enum": [
+                  "start",
+                  "center",
+                  "end"
+                ]
+              },
+              "image": {
+                "type": "object",
+                "properties": {
+                  "src": {
+                    "type": "string"
+                  },
+                  "alt": {
+                    "type": "string"
+                  },
+                  "width": {
+                    "type": "number"
+                  },
+                  "height": {
+                    "type": "number"
+                  },
+                  "blurDataURL": {
+                    "type": "string"
+                  }
+                },
+                "required": [
+                  "src",
+                  "alt"
+                ]
+              },
+              "rows": {
+                "maxItems": 8,
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "title": {
+                      "type": "string"
+                    },
+                    "body": {
+                      "type": "string"
+                    },
+                    "icon": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "title",
+                    "body"
+                  ]
+                }
+              },
+              "verdict": {
+                "type": "string"
+              },
+              "notes": {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            },
+            "required": [
+              "label"
+            ]
+          },
+          "catalyst": {
+            "type": "object",
+            "properties": {
+              "image": {
+                "type": "object",
+                "properties": {
+                  "src": {
+                    "type": "string"
+                  },
+                  "alt": {
+                    "type": "string"
+                  },
+                  "width": {
+                    "type": "number"
+                  },
+                  "height": {
+                    "type": "number"
+                  },
+                  "blurDataURL": {
+                    "type": "string"
+                  }
+                },
+                "required": [
+                  "src",
+                  "alt"
+                ]
+              },
+              "title": {
+                "type": "string"
+              },
+              "subtitle": {
+                "type": "string"
+              },
+              "tone": {
+                "type": "string",
+                "enum": [
+                  "brand",
+                  "accent",
+                  "neutral",
+                  "success",
+                  "error",
+                  "warning",
+                  "info"
+                ]
+              },
+              "arrow": {
+                "type": "boolean"
+              },
+              "steps": {
+                "maxItems": 8,
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "label": {
+                      "type": "string"
+                    },
+                    "marker": {
+                      "type": "string",
+                      "maxLength": 2
+                    }
+                  },
+                  "required": [
+                    "label"
+                  ]
+                }
+              }
+            },
+            "required": [
+              "title"
+            ]
+          },
+          "takeaway": {
+            "type": "object",
+            "properties": {
+              "label": {
+                "type": "string"
+              },
+              "body": {
+                "type": "string"
+              },
+              "icon": {
+                "type": "string"
+              },
+              "tone": {
+                "type": "string",
+                "enum": [
+                  "brand",
+                  "accent",
+                  "neutral",
+                  "success",
+                  "error",
+                  "warning",
+                  "info"
+                ]
+              }
+            },
+            "required": [
+              "body"
+            ]
+          },
+          "defaultView": {
+            "type": "string",
+            "enum": [
+              "side-by-side",
+              "before",
+              "after"
+            ]
+          },
+          "viewLabels": {
+            "type": "object",
+            "properties": {
+              "sideBySide": {
+                "type": "string"
+              },
+              "before": {
+                "type": "string"
+              },
+              "after": {
+                "type": "string"
+              }
+            },
+            "required": [
+              "sideBySide",
+              "before",
+              "after"
+            ]
+          },
+          "lightbox": {
+            "type": "boolean"
+          }
+        },
+        "required": [
+          "before",
+          "after"
+        ]
+      },
+      "schemaError": null
+    },
+    {
+      "type": "bento-grid",
+      "component": "BentoGrid",
+      "whenToUse": "A mixed-span mosaic of feature cards — use for a visually varied capability overview.",
+      "schema": {
+        "$schema": "https://json-schema.org/draft/2020-12/schema",
+        "type": "object",
+        "properties": {
+          "headline": {
+            "type": "string"
+          },
+          "description": {
+            "type": "string"
+          },
+          "gap": {
+            "type": "string",
+            "enum": [
+              "tight",
+              "normal",
+              "loose"
+            ]
+          },
+          "items": {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "title": {
+                  "type": "string"
+                },
+                "description": {
+                  "type": "string"
+                },
+                "icon": {
+                  "type": "string"
+                },
+                "image": {
+                  "type": "object",
+                  "properties": {
+                    "src": {
+                      "type": "string"
+                    },
+                    "alt": {
+                      "type": "string"
+                    },
+                    "width": {
+                      "type": "number"
+                    },
+                    "height": {
+                      "type": "number"
+                    },
+                    "blurDataURL": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "src",
+                    "alt"
+                  ]
+                },
+                "span": {
+                  "type": "string",
+                  "enum": [
+                    "default",
+                    "wide",
+                    "tall",
+                    "large",
+                    "full"
+                  ]
+                },
+                "variant": {
+                  "type": "string",
+                  "enum": [
+                    "default",
+                    "outline",
+                    "emphasis"
+                  ]
+                },
+                "link": {
+                  "type": "object",
+                  "properties": {
                     "label": {
                       "type": "string"
                     },
@@ -7837,7 +8427,8 @@
             "type": "string",
             "enum": [
               "with-small-images",
-              "with-large-images"
+              "with-large-images",
+              "with-side-images"
             ]
           },
           "avatarSize": {
@@ -8148,8 +8739,7 @@
           }
         },
         "required": [
-          "fields",
-          "action"
+          "fields"
         ]
       },
       "schemaError": null
@@ -8612,6 +9202,9 @@
                 "slug": {
                   "type": "string"
                 },
+                "href": {
+                  "type": "string"
+                },
                 "excerpt": {
                   "type": "string"
                 },
@@ -8713,6 +9306,13 @@
               "totalPages",
               "baseUrl"
             ]
+          },
+          "variant": {
+            "type": "string",
+            "enum": [
+              "list",
+              "grid"
+            ]
           }
         },
         "required": [
@@ -8826,6 +9426,9 @@
                 "slug": {
                   "type": "string"
                 },
+                "href": {
+                  "type": "string"
+                },
                 "excerpt": {
                   "type": "string"
                 },
@@ -9539,6 +10142,12 @@
         "$schema": "https://json-schema.org/draft/2020-12/schema",
         "type": "object",
         "properties": {
+          "eyebrow": {
+            "type": "string"
+          },
+          "imagerySlot": {
+            "type": "boolean"
+          },
           "headline": {
             "type": "string"
           },
@@ -9995,6 +10604,16 @@
           "navGroupLabel": {
             "type": "string"
           },
+          "layout": {
+            "type": "string",
+            "enum": [
+              "rail",
+              "article"
+            ]
+          },
+          "updated": {
+            "type": "string"
+          },
           "stats": {
             "minItems": 2,
             "maxItems": 4,
@@ -11441,22 +12060,22 @@
             {
               "path": "typography.display.fontSize",
               "type": "string",
-              "value": "3.75rem"
+              "value": "3.5rem"
             },
             {
               "path": "typography.display.lineHeight",
               "type": "string",
-              "value": "1"
+              "value": "1.1"
             },
             {
               "path": "typography.display.fontWeight",
               "type": "string",
-              "value": "400"
+              "value": "700"
             },
             {
               "path": "typography.display.letterSpacing",
               "type": "string",
-              "value": "-0.05em"
+              "value": "0"
             },
             {
               "path": "typography.display-sm.fontSize",
@@ -11466,42 +12085,42 @@
             {
               "path": "typography.display-sm.lineHeight",
               "type": "string",
-              "value": "1.05"
+              "value": "1.1"
             },
             {
               "path": "typography.display-sm.fontWeight",
               "type": "string",
-              "value": "400"
+              "value": "700"
             },
             {
               "path": "typography.display-sm.letterSpacing",
               "type": "string",
-              "value": "-0.025em"
+              "value": "0"
             },
             {
               "path": "typography.display-lg.fontSize",
               "type": "string",
-              "value": "6rem"
+              "value": "3.5rem"
             },
             {
               "path": "typography.display-lg.lineHeight",
               "type": "string",
-              "value": "1"
+              "value": "1.1"
             },
             {
               "path": "typography.display-lg.fontWeight",
               "type": "string",
-              "value": "400"
+              "value": "700"
             },
             {
               "path": "typography.display-lg.letterSpacing",
               "type": "string",
-              "value": "-0.05em"
+              "value": "0"
             },
             {
               "path": "typography.display-mobile.fontSize",
               "type": "string",
-              "value": "2rem"
+              "value": "2.5rem"
             },
             {
               "path": "typography.display-mobile.lineHeight",
@@ -11511,12 +12130,12 @@
             {
               "path": "typography.display-mobile.fontWeight",
               "type": "string",
-              "value": "500"
+              "value": "700"
             },
             {
               "path": "typography.display-mobile.letterSpacing",
               "type": "string",
-              "value": "-0.02em"
+              "value": "0"
             },
             {
               "path": "typography.subhead-mobile.fontSize",
@@ -11591,7 +12210,7 @@
             {
               "path": "typography.heading-3.fontWeight",
               "type": "string",
-              "value": "600"
+              "value": "700"
             },
             {
               "path": "typography.heading-3.letterSpacing",
@@ -11760,6 +12379,17 @@
             }
           ]
         },
+        {
+          "name": "typographyLg",
+          "leafCount": 1,
+          "leaves": [
+            {
+              "path": "typographyLg.heading-3.fontSize",
+              "type": "string",
+              "value": "2rem"
+            }
+          ]
+        },
         {
           "name": "displayOpticalOffset",
           "leafCount": 1,
@@ -11887,7 +12517,7 @@
         },
         {
           "name": "spacing",
-          "leafCount": 12,
+          "leafCount": 13,
           "leaves": [
             {
               "path": "spacing.controlX",
@@ -11914,6 +12544,11 @@
               "type": "string",
               "value": "4rem"
             },
+            {
+              "path": "spacing.sectionLg",
+              "type": "string",
+              "value": "7rem"
+            },
             {
               "path": "spacing.sectionCompact",
               "type": "string",
@@ -12000,7 +12635,7 @@
         },
         {
           "name": "container",
-          "leafCount": 4,
+          "leafCount": 5,
           "leaves": [
             {
               "path": "container.sm",
@@ -12021,6 +12656,11 @@
               "path": "container.xl",
               "type": "string",
               "value": "1280px"
+            },
+            {
+              "path": "container.measure",
+              "type": "string",
+              "value": "36rem"
             }
           ]
         },