create-ailk 0.7.0 → 0.9.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": 97
+      "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",
@@ -991,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",
@@ -1167,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",
@@ -4653,7 +4686,19 @@
           "headline"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "size",
+        "surface",
+        "accentStyle",
+        "eyebrowTone",
+        "subtitleSize",
+        "gapBelow",
+        "measure",
+        "ctaSize",
+        "fill"
+      ]
     },
     {
       "type": "feature",
@@ -4893,7 +4938,18 @@
           "features"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "cardShape",
+        "itemStyle",
+        "actionsPosition",
+        "surface",
+        "headlineSize",
+        "numbered",
+        "numberTone",
+        "itemTitleSize"
+      ]
     },
     {
       "type": "items",
@@ -4909,7 +4965,15 @@
               "default",
               "branded",
               "minimal",
-              "tile"
+              "tile",
+              "tiles"
+            ]
+          },
+          "tileHover": {
+            "type": "string",
+            "enum": [
+              "lift",
+              "outline"
             ]
           },
           "eyebrow": {
@@ -5077,7 +5141,16 @@
           "items"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "tileHover",
+        "align",
+        "columns",
+        "separation",
+        "gap",
+        "surface"
+      ]
     },
     {
       "type": "content-block",
@@ -5283,7 +5356,16 @@
           }
         }
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "mediaPosition",
+        "accentStyle",
+        "glow",
+        "surface",
+        "align",
+        "fill"
+      ]
     },
     {
       "type": "video-section",
@@ -5438,7 +5520,13 @@
           "video"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "width",
+        "surface",
+        "headlineSize",
+        "playBadge"
+      ]
     },
     {
       "type": "faq",
@@ -5623,7 +5711,19 @@
           }
         }
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "presentation",
+        "initialOpen",
+        "containerWidth",
+        "density",
+        "questionSize",
+        "answerSize",
+        "dividerTone",
+        "surface",
+        "headlineSize"
+      ]
     },
     {
       "type": "objection",
@@ -5743,7 +5843,13 @@
           "items"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "density",
+        "responseSize",
+        "dividerTone"
+      ]
     },
     {
       "type": "stats",
@@ -5967,7 +6073,17 @@
           "items"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "labelStep",
+        "labelTone",
+        "cardVariant",
+        "separation",
+        "gap",
+        "surface",
+        "headlineSize"
+      ]
     },
     {
       "type": "testimonials",
@@ -6092,7 +6208,15 @@
           "items"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "separation",
+        "gap",
+        "avatarSize",
+        "avatarShape",
+        "surface"
+      ]
     },
     {
       "type": "social-proof",
@@ -6190,7 +6314,12 @@
           "items"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "separation",
+        "gap"
+      ]
     },
     {
       "type": "pricing",
@@ -6218,7 +6347,15 @@
             "type": "string",
             "enum": [
               "soft",
-              "solid"
+              "solid",
+              "switch"
+            ]
+          },
+          "gapAbove": {
+            "type": "string",
+            "enum": [
+              "default",
+              "tight"
             ]
           },
           "addonLayout": {
@@ -6821,7 +6958,21 @@
           "plans"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "featureListStyle",
+        "cardLayout",
+        "toggleStyle",
+        "gapAbove",
+        "addonLayout",
+        "headlineSize",
+        "variant",
+        "separation",
+        "gap",
+        "surface",
+        "bandSurface",
+        "collapseFeaturesOnMobile"
+      ]
     },
     {
       "type": "cta",
@@ -6969,7 +7120,11 @@
           "primaryCta"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "surface"
+      ]
     },
     {
       "type": "logoCloud",
@@ -7099,7 +7254,14 @@
           "logos"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "headlineStyle",
+        "layout",
+        "treatment",
+        "logoSize",
+        "surface"
+      ]
     },
     {
       "type": "gallery",
@@ -7205,7 +7367,10 @@
           "images"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "columns"
+      ]
     },
     {
       "type": "media-band",
@@ -7264,7 +7429,11 @@
           }
         }
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "aspect",
+        "width"
+      ]
     },
     {
       "type": "awards",
@@ -7389,7 +7558,10 @@
           "badges"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "surface"
+      ]
     },
     {
       "type": "spotlight-panel",
@@ -7464,7 +7636,10 @@
           "headline"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "dimStrength"
+      ]
     },
     {
       "type": "tabs",
@@ -7554,7 +7729,478 @@
           "tabs"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "alignment",
+        "indicator",
+        "tone"
+      ]
+    },
+    {
+      "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": {
+          "header": {
+            "type": "object",
+            "properties": {
+              "headline": {
+                "type": "string"
+              },
+              "tagline": {
+                "type": "string"
+              },
+              "tags": {
+                "maxItems": 6,
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              },
+              "logo": {
+                "type": "object",
+                "properties": {
+                  "src": {
+                    "type": "string"
+                  },
+                  "alt": {
+                    "type": "string"
+                  },
+                  "width": {
+                    "type": "number"
+                  },
+                  "height": {
+                    "type": "number"
+                  },
+                  "blurDataURL": {
+                    "type": "string"
+                  }
+                },
+                "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"
+                  }
+                },
+                "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"
+                  }
+                },
+                "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,
+      "look": [
+        "defaultView",
+        "lightbox"
+      ]
     },
     {
       "type": "bento-grid",
@@ -7674,7 +8320,10 @@
           "items"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "gap"
+      ]
     },
     {
       "type": "carousel",
@@ -7801,7 +8450,12 @@
           "items"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "autoplay",
+        "interval",
+        "controls"
+      ]
     },
     {
       "type": "team",
@@ -8032,7 +8686,19 @@
           "members"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "avatarSize",
+        "avatarShape",
+        "carded",
+        "largePhotos",
+        "hoverReveal",
+        "separation",
+        "gap",
+        "phoneColumns",
+        "surface"
+      ]
     },
     {
       "type": "contact-form",
@@ -8229,11 +8895,14 @@
           }
         },
         "required": [
-          "fields",
-          "action"
+          "fields"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "pattern"
+      ]
     },
     {
       "type": "step-flow",
@@ -8425,7 +9094,10 @@
           "action"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "arrowIcon"
+      ]
     },
     {
       "type": "contact-channels",
@@ -8493,7 +9165,10 @@
           "items"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "layout"
+      ]
     },
     {
       "type": "newsletter",
@@ -8609,7 +9284,11 @@
           "action"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "pattern",
+        "surface"
+      ]
     },
     {
       "type": "glossary-index",
@@ -8663,7 +9342,10 @@
           "terms"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant"
+      ]
     },
     {
       "type": "blog-list",
@@ -8693,6 +9375,9 @@
                 "slug": {
                   "type": "string"
                 },
+                "href": {
+                  "type": "string"
+                },
                 "excerpt": {
                   "type": "string"
                 },
@@ -8807,7 +9492,10 @@
           "posts"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant"
+      ]
     },
     {
       "type": "blog-post",
@@ -8914,6 +9602,9 @@
                 "slug": {
                   "type": "string"
                 },
+                "href": {
+                  "type": "string"
+                },
                 "excerpt": {
                   "type": "string"
                 },
@@ -9033,7 +9724,10 @@
           "publishedAt"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant"
+      ]
     },
     {
       "type": "separator",
@@ -9129,7 +9823,14 @@
           }
         }
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "size",
+        "rule",
+        "shape",
+        "upperSurface",
+        "lowerSurface"
+      ]
     },
     {
       "type": "comparison-table",
@@ -9352,7 +10053,13 @@
           "groups"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "separation",
+        "variant",
+        "headlineSize",
+        "checkStyle"
+      ]
     },
     {
       "type": "definition",
@@ -9431,7 +10138,12 @@
           "definition"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "definitionSize",
+        "borderTone"
+      ]
     },
     {
       "type": "payment-receipt",
@@ -9504,7 +10216,8 @@
           "statusLabel"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": []
     },
     {
       "type": "scheduler-embed",
@@ -9585,7 +10298,12 @@
           }
         }
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "surface",
+        "height",
+        "layout"
+      ]
     },
     {
       "type": "alert",
@@ -9617,7 +10335,8 @@
           "tone"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": []
     },
     {
       "type": "decision-split",
@@ -9793,7 +10512,11 @@
           "panels"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "surface",
+        "headlineSize"
+      ]
     },
     {
       "type": "auth-panel",
@@ -9894,7 +10617,8 @@
           }
         }
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": []
     },
     {
       "type": "ask-ai",
@@ -9951,7 +10675,11 @@
           "promptText"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "surface"
+      ]
     },
     {
       "type": "stair-steps",
@@ -10052,7 +10780,11 @@
           "tiles"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "direction",
+        "headlineSize"
+      ]
     },
     {
       "type": "document-chassis",
@@ -10286,7 +11018,12 @@
           "sections"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "accentStyle",
+        "layout",
+        "surface"
+      ]
     },
     {
       "type": "document-viewer",
@@ -10377,7 +11114,10 @@
           "pages"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "surface"
+      ]
     },
     {
       "type": "report-header",
@@ -10414,7 +11154,10 @@
           "title"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "tone"
+      ]
     },
     {
       "type": "reports-list",
@@ -10514,7 +11257,12 @@
           "reports"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": [
+        "variant",
+        "tone",
+        "surface"
+      ]
     },
     {
       "type": "booker",
@@ -10551,7 +11299,8 @@
           "calLink"
         ]
       },
-      "schemaError": null
+      "schemaError": null,
+      "look": []
     }
   ],
   "sectionSchemaFailures": 0,