@arcfoundry/core 0.1.2

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-form-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-contact-form-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/src-contact-form-ts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;CAqBpC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-message-field-tsx.d.ts

@@ -0,0 +1 @@
+export declare const srcContactMessageFieldContent: string;

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-message-field-tsx.js

@@ -0,0 +1,30 @@
+import { sourceFile } from "../../../source-template.js";
+export const srcContactMessageFieldContent = sourceFile(`import type { ContactFormValues } from "./contact-form";
+import { FieldError } from "./field-error";
+
+export function ContactMessageField({
+  error,
+  onChange,
+  value,
+}: {
+  error?: string;
+  onChange: (field: keyof ContactFormValues, value: string) => void;
+  value: string;
+}) {
+  return (
+    <>
+      <FieldError id="message-error" message={error} />
+      <label htmlFor="message">Project details</label>
+      <textarea
+        id="message"
+        name="message"
+        rows={5}
+        value={value}
+        aria-invalid={Boolean(error)}
+        aria-describedby={error ? "message-error" : undefined}
+        onChange={(event) => onChange("message", event.target.value)}
+      />
+    </>
+  );
+}`);
+//# sourceMappingURL=src-contact-message-field-tsx.js.map

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-message-field-tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-contact-message-field-tsx.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/src-contact-message-field-tsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,6BAA6B,GACxC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BX,CAAC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-request-form-tsx.d.ts

@@ -0,0 +1 @@
+export declare const srcContactRequestFormContent = "import type React from \"react\";\nimport {\n  type ContactFormErrors,\n  type ContactFormValues,\n  hasContactFormErrors,\n  validateContactForm,\n} from \"./contact-form\";\nimport { ContactField } from \"./contact-field\";\nimport { ContactMessageField } from \"./contact-message-field\";\nimport { initialValues } from \"./form-state\";\n\nexport function ContactRequestForm({\n  errors,\n  isSending,\n  onErrorsChange,\n  onSendingChange,\n  onSuccess,\n  onValuesChange,\n  success,\n  values,\n}: {\n  errors: ContactFormErrors;\n  isSending: boolean;\n  onErrorsChange: (errors: ContactFormErrors) => void;\n  onSendingChange: (isSending: boolean) => void;\n  onSuccess: (success: boolean) => void;\n  onValuesChange: (values: ContactFormValues) => void;\n  success: boolean;\n  values: ContactFormValues;\n}) {\n  function updateField(field: keyof ContactFormValues, value: string) {\n    onValuesChange({ ...values, [field]: value });\n    onSuccess(false);\n    if (!errors[field]) return;\n\n    const next = { ...errors };\n    delete next[field];\n    onErrorsChange(next);\n  }\n\n  async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {\n    event.preventDefault();\n    const nextErrors = validateContactForm(values);\n    onErrorsChange(nextErrors);\n    if (hasContactFormErrors(nextErrors)) return;\n\n    onSendingChange(true);\n    await new Promise((resolve) => setTimeout(resolve, 350));\n    onSendingChange(false);\n    onSuccess(true);\n    onValuesChange(initialValues);\n  }\n\n  return (\n    <form className=\"form\" noValidate onSubmit={handleSubmit}>\n      <ContactField\n        autoComplete=\"name\"\n        error={errors.name}\n        field=\"name\"\n        label=\"Name\"\n        onChange={updateField}\n        value={values.name}\n      />\n      <ContactField\n        autoComplete=\"email\"\n        error={errors.email}\n        field=\"email\"\n        label=\"Email\"\n        onChange={updateField}\n        type=\"email\"\n        value={values.email}\n      />\n      <ContactMessageField error={errors.message} onChange={updateField} value={values.message} />\n      <button type=\"submit\" disabled={isSending}>\n        {isSending ? \"Sending...\" : \"Send request\"}\n      </button>\n      {success ? (\n        <p className=\"success\" role=\"status\">\n          Request received. We will reply with a scoped delivery plan.\n        </p>\n      ) : null}\n    </form>\n  );\n}\n";

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-request-form-tsx.js

@@ -0,0 +1,12 @@
+import { contactRequestFormHandlers } from "./contact-request-form-template/handlers.js";
+import { contactRequestFormImports } from "./contact-request-form-template/imports.js";
+import { contactRequestFormRender } from "./contact-request-form-template/render.js";
+import { contactRequestFormSignature } from "./contact-request-form-template/signature.js";
+export const srcContactRequestFormContent = `${contactRequestFormImports}
+
+${contactRequestFormSignature}
+${contactRequestFormHandlers}
+
+${contactRequestFormRender}
+`;
+//# sourceMappingURL=src-contact-request-form-tsx.js.map

package/dist/demo-project/definitions/interactive-ui/templates/src-contact-request-form-tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-contact-request-form-tsx.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/src-contact-request-form-tsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,6CAA6C,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAE3F,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,yBAAyB;;EAEtE,2BAA2B;EAC3B,0BAA0B;;EAE1B,wBAAwB;CACzB,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/src-field-error-tsx.d.ts

@@ -0,0 +1 @@
+export declare const srcFieldErrorContent: string;

package/dist/demo-project/definitions/interactive-ui/templates/src-field-error-tsx.js

@@ -0,0 +1,10 @@
+import { sourceFile } from "../../../source-template.js";
+export const srcFieldErrorContent = sourceFile(`export function FieldError({ id, message }: { id: string; message?: string }) {
+  if (!message) return null;
+  return (
+    <p className="field-error" id={id}>
+      {message}
+    </p>
+  );
+}`);
+//# sourceMappingURL=src-field-error-tsx.js.map

package/dist/demo-project/definitions/interactive-ui/templates/src-field-error-tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-field-error-tsx.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/src-field-error-tsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,UAAU,CAAC;;;;;;;EAOX,CAAC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/src-form-state-ts.d.ts

@@ -0,0 +1 @@
+export declare const srcFormStateContent: string;

package/dist/demo-project/definitions/interactive-ui/templates/src-form-state-ts.js

@@ -0,0 +1,9 @@
+import { sourceFile } from "../../../source-template.js";
+export const srcFormStateContent = sourceFile(`import type { ContactFormValues } from "./contact-form";
+
+export const initialValues: ContactFormValues = {
+  email: "",
+  message: "",
+  name: "",
+};`);
+//# sourceMappingURL=src-form-state-ts.js.map

package/dist/demo-project/definitions/interactive-ui/templates/src-form-state-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-form-state-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/src-form-state-ts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,mBAAmB,GAC9B,UAAU,CAAC;;;;;;GAMV,CAAC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/src-main-tsx.d.ts

@@ -0,0 +1 @@
+export declare const srcMainContent: string;

package/dist/demo-project/definitions/interactive-ui/templates/src-main-tsx.js

@@ -0,0 +1,6 @@
+import { renderRootSection } from "../../../react-main-template.js";
+import { sourceFile } from "../../../source-template.js";
+export const srcMainContent = sourceFile(`import { createRoot } from "react-dom/client";
+import { App } from "./app";
+import "./styles.css";`, renderRootSection);
+//# sourceMappingURL=src-main-tsx.js.map

package/dist/demo-project/definitions/interactive-ui/templates/src-main-tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-main-tsx.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/src-main-tsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC;;uBAEqB,EACrB,iBAAiB,CAClB,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/src-styles-css.d.ts

@@ -0,0 +1 @@
+export declare const srcStylesContent: string;

package/dist/demo-project/definitions/interactive-ui/templates/src-styles-css.js

@@ -0,0 +1,15 @@
+import { appFoundationStyles, cssFile, eyebrowStyles, heroHeadingStyles, introCopyStyles, } from "../../../style-template.js";
+import { contactFormStyles } from "./styles/contact-form.js";
+import { contactLayoutStyles } from "./styles/contact-layout.js";
+import { contactResponsiveStyles } from "./styles/contact-responsive.js";
+import { contactStatusStyles } from "./styles/contact-status.js";
+export const srcStylesContent = cssFile(appFoundationStyles({
+    background: "#f7f8fb",
+    pagePadding: "clamp(24px, 5vw, 72px)",
+}), contactLayoutStyles, eyebrowStyles({ color: "#006d77", margin: "0 0 10px" }), heroHeadingStyles({ fontSize: "clamp(2.1rem, 4vw, 4.3rem)", margin: "0 0 18px" }), introCopyStyles(".contact__intro p:last-child", {
+    color: "#4a5861",
+    fontSize: "1.07rem",
+    lineHeight: "1.65",
+    maxWidth: "620px",
+}), contactFormStyles, contactStatusStyles, contactResponsiveStyles);
+//# sourceMappingURL=src-styles-css.js.map

package/dist/demo-project/definitions/interactive-ui/templates/src-styles-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-styles-css.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/src-styles-css.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,OAAO,EACP,aAAa,EACb,iBAAiB,EACjB,eAAe,GAChB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CACrC,mBAAmB,CAAC;IAClB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,wBAAwB;CACtC,CAAC,EACF,mBAAmB,EACnB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EACvD,iBAAiB,CAAC,EAAE,QAAQ,EAAE,4BAA4B,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EACjF,eAAe,CAAC,8BAA8B,EAAE;IAC9C,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,OAAO;CAClB,CAAC,EACF,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,CACxB,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-form.d.ts

@@ -0,0 +1 @@
+export declare const contactFormStyles = "\n.form {\n  background: #ffffff;\n  border: 1px solid #dce3e8;\n  border-radius: 8px;\n  box-shadow: 0 16px 48px rgb(23 32 38 / 10%);\n  display: grid;\n  gap: 10px;\n  padding: clamp(20px, 4vw, 32px);\n}\n\nlabel {\n  font-weight: 800;\n}\n\ninput,\ntextarea {\n  border: 1px solid #b8c5cc;\n  border-radius: 8px;\n  color: #172026;\n  font: inherit;\n  min-height: 46px;\n  padding: 11px 12px;\n  resize: vertical;\n}\n\ninput:focus,\ntextarea:focus,\nbutton:focus-visible {\n  outline: 3px solid #83c5be;\n  outline-offset: 2px;\n}\n\n[aria-invalid=\"true\"] {\n  border-color: #b42318;\n}\n\n.field-error {\n  color: #b42318;\n  font-size: 0.9rem;\n  font-weight: 700;\n  margin: 4px 0 -2px;\n}\n\nbutton {\n  background: #172026;\n  border: 0;\n  border-radius: 8px;\n  color: #ffffff;\n  cursor: pointer;\n  font: inherit;\n  font-weight: 900;\n  margin-top: 10px;\n  min-height: 48px;\n  padding: 0 18px;\n}\n\nbutton:disabled {\n  background: #7a8992;\n  cursor: wait;\n}\n";

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-form.js

@@ -0,0 +1,63 @@
+export const contactFormStyles = `
+.form {
+  background: #ffffff;
+  border: 1px solid #dce3e8;
+  border-radius: 8px;
+  box-shadow: 0 16px 48px rgb(23 32 38 / 10%);
+  display: grid;
+  gap: 10px;
+  padding: clamp(20px, 4vw, 32px);
+}
+
+label {
+  font-weight: 800;
+}
+
+input,
+textarea {
+  border: 1px solid #b8c5cc;
+  border-radius: 8px;
+  color: #172026;
+  font: inherit;
+  min-height: 46px;
+  padding: 11px 12px;
+  resize: vertical;
+}
+
+input:focus,
+textarea:focus,
+button:focus-visible {
+  outline: 3px solid #83c5be;
+  outline-offset: 2px;
+}
+
+[aria-invalid="true"] {
+  border-color: #b42318;
+}
+
+.field-error {
+  color: #b42318;
+  font-size: 0.9rem;
+  font-weight: 700;
+  margin: 4px 0 -2px;
+}
+
+button {
+  background: #172026;
+  border: 0;
+  border-radius: 8px;
+  color: #ffffff;
+  cursor: pointer;
+  font: inherit;
+  font-weight: 900;
+  margin-top: 10px;
+  min-height: 48px;
+  padding: 0 18px;
+}
+
+button:disabled {
+  background: #7a8992;
+  cursor: wait;
+}
+`;
+//# sourceMappingURL=contact-form.js.map

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-form.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/styles/contact-form.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DhC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-layout.d.ts

@@ -0,0 +1 @@
+export declare const contactLayoutStyles = "\n.contact {\n  align-items: start;\n  display: grid;\n  gap: clamp(28px, 5vw, 72px);\n  grid-template-columns: minmax(0, 0.9fr) minmax(340px, 520px);\n  margin: 0 auto;\n  max-width: 1120px;\n}\n\n.contact__intro {\n  padding-top: 18px;\n}\n";

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-layout.js

@@ -0,0 +1,15 @@
+export const contactLayoutStyles = `
+.contact {
+  align-items: start;
+  display: grid;
+  gap: clamp(28px, 5vw, 72px);
+  grid-template-columns: minmax(0, 0.9fr) minmax(340px, 520px);
+  margin: 0 auto;
+  max-width: 1120px;
+}
+
+.contact__intro {
+  padding-top: 18px;
+}
+`;
+//# sourceMappingURL=contact-layout.js.map

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-layout.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/styles/contact-layout.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;;;;CAalC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-responsive.d.ts

@@ -0,0 +1 @@
+export declare const contactResponsiveStyles = "\n@media (max-width: 820px) {\n  .contact {\n    grid-template-columns: 1fr;\n  }\n\n  .contact__intro {\n    padding-top: 0;\n  }\n}\n";

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-responsive.js

@@ -0,0 +1,12 @@
+export const contactResponsiveStyles = `
+@media (max-width: 820px) {
+  .contact {
+    grid-template-columns: 1fr;
+  }
+
+  .contact__intro {
+    padding-top: 0;
+  }
+}
+`;
+//# sourceMappingURL=contact-responsive.js.map

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-responsive.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/styles/contact-responsive.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;CAUtC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-status.d.ts

@@ -0,0 +1 @@
+export declare const contactStatusStyles = "\n.success {\n  background: #e7f6ef;\n  border: 1px solid #9cd7b8;\n  border-radius: 8px;\n  color: #175333;\n  font-weight: 800;\n  margin: 8px 0 0;\n  padding: 12px;\n}\n";

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-status.js

@@ -0,0 +1,12 @@
+export const contactStatusStyles = `
+.success {
+  background: #e7f6ef;
+  border: 1px solid #9cd7b8;
+  border-radius: 8px;
+  color: #175333;
+  font-weight: 800;
+  margin: 8px 0 0;
+  padding: 12px;
+}
+`;
+//# sourceMappingURL=contact-status.js.map

package/dist/demo-project/definitions/interactive-ui/templates/styles/contact-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-status.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/interactive-ui/templates/styles/contact-status.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;CAUlC,CAAC"}

package/dist/demo-project/definitions/interactive-ui/templates/test-contact-form-test-ts.d.ts

@@ -0,0 +1 @@
+export declare const testContactFormTestContent = "import { describe, expect, it } from \"vitest\";\nimport { hasContactFormErrors, validateContactForm } from \"../src/contact-form\";\n\ndescribe(\"contact form validation\", () => {\n  it(\"returns field-level errors for invalid values\", () => {\n    const errors = validateContactForm({ name: \"\", email: \"bad\", message: \"too short\" });\n\n    expect(errors).toEqual({\n      name: \"Enter your name.\",\n      email: \"Enter a valid email address.\",\n      message: \"Tell us a little more.\",\n    });\n    expect(hasContactFormErrors(errors)).toBe(true);\n  });\n\n  it(\"accepts a complete request\", () => {\n    const errors = validateContactForm({\n      name: \"Ada\",\n      email: \"ada@example.com\",\n      message: \"We need a validated launch page.\",\n    });\n\n    expect(errors).toEqual({});\n    expect(hasContactFormErrors(errors)).toBe(false);\n  });\n});\n";

package/dist/demo-project/definitions/interactive-ui/templates/test-contact-form-test-ts.js

@@ -0,0 +1,28 @@
+export const testContactFormTestContent = `import { describe, expect, it } from "vitest";
+import { hasContactFormErrors, validateContactForm } from "../src/contact-form";
+
+describe("contact form validation", () => {
+  it("returns field-level errors for invalid values", () => {
+    const errors = validateContactForm({ name: "", email: "bad", message: "too short" });
+
+    expect(errors).toEqual({
+      name: "Enter your name.",
+      email: "Enter a valid email address.",
+      message: "Tell us a little more.",
+    });
+    expect(hasContactFormErrors(errors)).toBe(true);
+  });
+
+  it("accepts a complete request", () => {
+    const errors = validateContactForm({
+      name: "Ada",
+      email: "ada@example.com",
+      message: "We need a validated launch page.",
+    });
+
+    expect(errors).toEqual({});
+    expect(hasContactFormErrors(errors)).toBe(false);
+  });
+});
+`;
+//# sourceMappingURL=test-contact-form-test-ts.js.map

package/dist/demo-project/definitions/interactive-ui/templates/test-contact-form-test-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-contact-form-test-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/interactive-ui/templates/test-contact-form-test-ts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BzC,CAAC"}

package/dist/demo-project/definitions/simple-ui/index.d.ts

@@ -0,0 +1,2 @@
+import { type DemoProjectDefinition } from "../../scaffold.js";
+export declare const simpleUiProjectDefinition: DemoProjectDefinition;

package/dist/demo-project/definitions/simple-ui/index.js

@@ -0,0 +1,29 @@
+import { srcPricingContent } from "./templates/src-pricing-ts.js";
+import { srcMainContent } from "./templates/src-main-tsx.js";
+import { srcStylesContent } from "./templates/src-styles-css.js";
+import { testPricingTestContent } from "./templates/test-pricing-test-ts.js";
+import { playwrightConfigContent } from "./templates/playwright-config-ts.js";
+import { e2ePricingCardSpecContent } from "./templates/e2e-pricing-card-spec-ts.js";
+export const simpleUiProjectDefinition = {
+    appName: "verification-simple-ui",
+    packageName: "@arcfoundry/verification-simple-ui",
+    requestKind: "simple-ui",
+    playwrightConfig: "apps/verification-simple-ui/playwright.config.ts",
+    changedPaths: [
+        "package.json",
+        "src/main.tsx",
+        "src/pricing.ts",
+        "src/styles.css",
+        "test/pricing.test.ts",
+        "e2e/pricing-card.spec.ts",
+    ],
+    files: [
+        { relativePath: "src/pricing.ts", content: srcPricingContent },
+        { relativePath: "src/main.tsx", content: srcMainContent },
+        { relativePath: "src/styles.css", content: srcStylesContent },
+        { relativePath: "test/pricing.test.ts", content: testPricingTestContent },
+        { relativePath: "playwright.config.ts", content: playwrightConfigContent },
+        { relativePath: "e2e/pricing-card.spec.ts", content: e2ePricingCardSpecContent },
+    ],
+};
+//# sourceMappingURL=index.js.map

package/dist/demo-project/definitions/simple-ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/demo-project/definitions/simple-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAGpF,MAAM,CAAC,MAAM,yBAAyB,GAA0B;IAC9D,OAAO,EAAE,wBAAwB;IACjC,WAAW,EAAE,oCAAoC;IACjD,WAAW,EAAE,WAAW;IACxB,gBAAgB,EAAE,kDAAkD;IACpE,YAAY,EAAE;QACZ,cAAc;QACd,cAAc;QACd,gBAAgB;QAChB,gBAAgB;QAChB,sBAAsB;QACtB,0BAA0B;KAC3B;IACD,KAAK,EAAE;QACL,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE;QAC9D,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE;QACzD,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC7D,EAAE,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,sBAAsB,EAAE;QACzE,EAAE,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,uBAAuB,EAAE;QAC1E,EAAE,YAAY,EAAE,0BAA0B,EAAE,OAAO,EAAE,yBAAyB,EAAE;KACjF;CACF,CAAC"}

package/dist/demo-project/definitions/simple-ui/templates/e2e-pricing-card-spec-ts.d.ts

@@ -0,0 +1 @@
+export declare const e2ePricingCardSpecContent = "import { expect, test } from \"@playwright/test\";\nimport { mkdirSync } from \"node:fs\";\nimport path from \"node:path\";\n\ntest(\"pricing card renders responsively with recommended plan\", async ({ page }, testInfo) => {\n  const consoleErrors: string[] = [];\n  page.on(\"console\", (message) => {\n    if (message.type() === \"error\") consoleErrors.push(message.text());\n  });\n\n  await page.goto(\"/\");\n  await expect(page.getByRole(\"heading\", { name: \"Choose a delivery lane\" })).toBeVisible();\n  await expect(page.getByLabel(\"Growth plan\")).toContainText(\"Recommended\");\n  await expect(page.getByRole(\"link\", { name: \"Start with Growth\" })).toBeVisible();\n\n  const screenshotDir = process.env.AGENCY_SCREENSHOT_DIR;\n  if (screenshotDir) {\n    mkdirSync(screenshotDir, { recursive: true });\n    await page.screenshot({\n      path: path.join(screenshotDir, `pricing-${testInfo.project.name}.png`),\n      fullPage: true,\n    });\n  }\n\n  expect(consoleErrors).toEqual([]);\n});\n";

package/dist/demo-project/definitions/simple-ui/templates/e2e-pricing-card-spec-ts.js

@@ -0,0 +1,28 @@
+export const e2ePricingCardSpecContent = `import { expect, test } from "@playwright/test";
+import { mkdirSync } from "node:fs";
+import path from "node:path";
+
+test("pricing card renders responsively with recommended plan", async ({ page }, testInfo) => {
+  const consoleErrors: string[] = [];
+  page.on("console", (message) => {
+    if (message.type() === "error") consoleErrors.push(message.text());
+  });
+
+  await page.goto("/");
+  await expect(page.getByRole("heading", { name: "Choose a delivery lane" })).toBeVisible();
+  await expect(page.getByLabel("Growth plan")).toContainText("Recommended");
+  await expect(page.getByRole("link", { name: "Start with Growth" })).toBeVisible();
+
+  const screenshotDir = process.env.AGENCY_SCREENSHOT_DIR;
+  if (screenshotDir) {
+    mkdirSync(screenshotDir, { recursive: true });
+    await page.screenshot({
+      path: path.join(screenshotDir, \`pricing-\${testInfo.project.name}.png\`),
+      fullPage: true,
+    });
+  }
+
+  expect(consoleErrors).toEqual([]);
+});
+`;
+//# sourceMappingURL=e2e-pricing-card-spec-ts.js.map

package/dist/demo-project/definitions/simple-ui/templates/e2e-pricing-card-spec-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e2e-pricing-card-spec-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/simple-ui/templates/e2e-pricing-card-spec-ts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BxC,CAAC"}

package/dist/demo-project/definitions/simple-ui/templates/main-template/app.d.ts

@@ -0,0 +1 @@
+export declare const appSection = "function App() {\n  return (\n    <main className=\"page\">\n      <section className=\"pricing\" aria-labelledby=\"pricing-title\">\n        <div className=\"pricing__header\">\n          <p className=\"eyebrow\">Verified web delivery</p>\n          <h1 id=\"pricing-title\">Choose a delivery lane</h1>\n          <p>\n            Each plan includes scoped implementation, real browser evidence, and a clear handoff.\n          </p>\n        </div>\n        <div className=\"pricing__grid\">\n          {pricingPlans.map((plan) => (\n            <article\n              className={`plan ${plan.recommended ? \"plan--recommended\" : \"\"}`}\n              aria-label={`${plan.name} plan`}\n              key={plan.name}\n            >\n              {plan.recommended ? <span className=\"badge\">Recommended</span> : null}\n              <h2>{plan.name}</h2>\n              <p className=\"price\">{plan.price}</p>\n              <p className=\"description\">{plan.description}</p>\n              <ul>\n                {plan.features.map((feature) => (\n                  <li key={feature}>{feature}</li>\n                ))}\n              </ul>\n              <a href={`mailto:delivery@example.com?subject=${plan.name}%20plan`}>\n                Start with {plan.name}\n              </a>\n            </article>\n          ))}\n        </div>\n      </section>\n    </main>\n  );\n}";

package/dist/demo-project/definitions/simple-ui/templates/main-template/app.js

@@ -0,0 +1,38 @@
+export const appSection = `function App() {
+  return (
+    <main className="page">
+      <section className="pricing" aria-labelledby="pricing-title">
+        <div className="pricing__header">
+          <p className="eyebrow">Verified web delivery</p>
+          <h1 id="pricing-title">Choose a delivery lane</h1>
+          <p>
+            Each plan includes scoped implementation, real browser evidence, and a clear handoff.
+          </p>
+        </div>
+        <div className="pricing__grid">
+          {pricingPlans.map((plan) => (
+            <article
+              className={\`plan \${plan.recommended ? "plan--recommended" : ""}\`}
+              aria-label={\`\${plan.name} plan\`}
+              key={plan.name}
+            >
+              {plan.recommended ? <span className="badge">Recommended</span> : null}
+              <h2>{plan.name}</h2>
+              <p className="price">{plan.price}</p>
+              <p className="description">{plan.description}</p>
+              <ul>
+                {plan.features.map((feature) => (
+                  <li key={feature}>{feature}</li>
+                ))}
+              </ul>
+              <a href={\`mailto:delivery@example.com?subject=\${plan.name}%20plan\`}>
+                Start with {plan.name}
+              </a>
+            </article>
+          ))}
+        </div>
+      </section>
+    </main>
+  );
+}`;
+//# sourceMappingURL=app.js.map

package/dist/demo-project/definitions/simple-ui/templates/main-template/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/simple-ui/templates/main-template/app.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCxB,CAAC"}

package/dist/demo-project/definitions/simple-ui/templates/main-template/imports.d.ts

@@ -0,0 +1 @@
+export declare const importsSection = "import React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { pricingPlans } from \"./pricing\";\nimport \"./styles.css\";";

package/dist/demo-project/definitions/simple-ui/templates/main-template/imports.js

@@ -0,0 +1,5 @@
+export const importsSection = `import React from "react";
+import { createRoot } from "react-dom/client";
+import { pricingPlans } from "./pricing";
+import "./styles.css";`;
+//# sourceMappingURL=imports.js.map

package/dist/demo-project/definitions/simple-ui/templates/main-template/imports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imports.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/simple-ui/templates/main-template/imports.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;;;uBAGP,CAAC"}

package/dist/demo-project/definitions/simple-ui/templates/playwright-config-ts.d.ts

@@ -0,0 +1 @@
+export declare const playwrightConfigContent = "import { defineConfig, devices } from \"@playwright/test\";\n\nexport default defineConfig({\n  testDir: \"./e2e\",\n  use: {\n    baseURL: \"http://127.0.0.1:4173\",\n    trace: \"retain-on-failure\",\n  },\n  webServer: {\n    command:\n      \"pnpm --filter @arcfoundry/verification-simple-ui build && pnpm --filter @arcfoundry/verification-simple-ui exec vite preview --host 127.0.0.1 --port 4173\",\n    url: \"http://127.0.0.1:4173\",\n    reuseExistingServer: !process.env.CI,\n    timeout: 120000,\n  },\n  projects: [\n    { name: \"chromium\", use: { ...devices[\"Desktop Chrome\"] } },\n    { name: \"mobile\", use: { ...devices[\"Pixel 5\"] } },\n  ],\n});\n";

package/dist/demo-project/definitions/simple-ui/templates/playwright-config-ts.js

@@ -0,0 +1,22 @@
+export const playwrightConfigContent = `import { defineConfig, devices } from "@playwright/test";
+
+export default defineConfig({
+  testDir: "./e2e",
+  use: {
+    baseURL: "http://127.0.0.1:4173",
+    trace: "retain-on-failure",
+  },
+  webServer: {
+    command:
+      "pnpm --filter @arcfoundry/verification-simple-ui build && pnpm --filter @arcfoundry/verification-simple-ui exec vite preview --host 127.0.0.1 --port 4173",
+    url: "http://127.0.0.1:4173",
+    reuseExistingServer: !process.env.CI,
+    timeout: 120000,
+  },
+  projects: [
+    { name: "chromium", use: { ...devices["Desktop Chrome"] } },
+    { name: "mobile", use: { ...devices["Pixel 5"] } },
+  ],
+});
+`;
+//# sourceMappingURL=playwright-config-ts.js.map

package/dist/demo-project/definitions/simple-ui/templates/playwright-config-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playwright-config-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/simple-ui/templates/playwright-config-ts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;CAoBtC,CAAC"}

package/dist/demo-project/definitions/simple-ui/templates/src-main-tsx.d.ts

@@ -0,0 +1 @@
+export declare const srcMainContent: string;

package/dist/demo-project/definitions/simple-ui/templates/src-main-tsx.js

@@ -0,0 +1,6 @@
+import { renderRootSection } from "../../../react-main-template.js";
+import { sourceFile } from "../../../source-template.js";
+import { appSection } from "./main-template/app.js";
+import { importsSection } from "./main-template/imports.js";
+export const srcMainContent = sourceFile(importsSection, appSection, renderRootSection);
+//# sourceMappingURL=src-main-tsx.js.map

package/dist/demo-project/definitions/simple-ui/templates/src-main-tsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-main-tsx.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/simple-ui/templates/src-main-tsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC"}

package/dist/demo-project/definitions/simple-ui/templates/src-pricing-ts.d.ts

@@ -0,0 +1 @@
+export declare const srcPricingContent = "export type PricingPlan = {\n  name: string;\n  price: string;\n  description: string;\n  features: string[];\n  recommended?: boolean;\n};\n\nexport const pricingPlans: PricingPlan[] = [\n  {\n    name: \"Launch\",\n    price: \"$900\",\n    description: \"A focused landing page or UI slice shipped with validation.\",\n    features: [\"Responsive UI\", \"Browser smoke test\", \"Delivery summary\"],\n  },\n  {\n    name: \"Growth\",\n    price: \"$2,400\",\n    description: \"A richer feature with interaction, states, and review evidence.\",\n    features: [\"Interactive behavior\", \"Unit and browser tests\", \"Accessibility review\"],\n    recommended: true,\n  },\n  {\n    name: \"Scale\",\n    price: \"$6,800\",\n    description: \"A larger delivery lane with architecture, security, and performance checks.\",\n    features: [\"Technical design\", \"Security review\", \"Performance report\"],\n  },\n];\n\nexport function recommendedPlanName(plans: PricingPlan[] = pricingPlans): string {\n  return plans.find((plan) => plan.recommended)?.name ?? plans[0]?.name ?? \"\";\n}\n";

package/dist/demo-project/definitions/simple-ui/templates/src-pricing-ts.js

@@ -0,0 +1,35 @@
+export const srcPricingContent = `export type PricingPlan = {
+  name: string;
+  price: string;
+  description: string;
+  features: string[];
+  recommended?: boolean;
+};
+
+export const pricingPlans: PricingPlan[] = [
+  {
+    name: "Launch",
+    price: "$900",
+    description: "A focused landing page or UI slice shipped with validation.",
+    features: ["Responsive UI", "Browser smoke test", "Delivery summary"],
+  },
+  {
+    name: "Growth",
+    price: "$2,400",
+    description: "A richer feature with interaction, states, and review evidence.",
+    features: ["Interactive behavior", "Unit and browser tests", "Accessibility review"],
+    recommended: true,
+  },
+  {
+    name: "Scale",
+    price: "$6,800",
+    description: "A larger delivery lane with architecture, security, and performance checks.",
+    features: ["Technical design", "Security review", "Performance report"],
+  },
+];
+
+export function recommendedPlanName(plans: PricingPlan[] = pricingPlans): string {
+  return plans.find((plan) => plan.recommended)?.name ?? plans[0]?.name ?? "";
+}
+`;
+//# sourceMappingURL=src-pricing-ts.js.map

package/dist/demo-project/definitions/simple-ui/templates/src-pricing-ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-pricing-ts.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/simple-ui/templates/src-pricing-ts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiChC,CAAC"}

package/dist/demo-project/definitions/simple-ui/templates/src-styles-css.d.ts

@@ -0,0 +1 @@
+export declare const srcStylesContent: string;

package/dist/demo-project/definitions/simple-ui/templates/src-styles-css.js

@@ -0,0 +1,14 @@
+import { appFoundationStyles, cssFile, eyebrowStyles, heroHeadingStyles, introCopyStyles, } from "../../../style-template.js";
+import { pricingCardStyles } from "./styles/pricing-card.js";
+import { pricingGridStyles } from "./styles/pricing-grid.js";
+import { pricingLayoutStyles } from "./styles/pricing-layout.js";
+import { pricingResponsiveStyles } from "./styles/pricing-responsive.js";
+export const srcStylesContent = cssFile(appFoundationStyles({
+    background: "#f6f7f9",
+    pagePadding: "clamp(24px, 5vw, 72px)",
+}), pricingLayoutStyles, eyebrowStyles({ color: "#006d77", margin: "0 0 10px" }), heroHeadingStyles({ fontSize: "clamp(2rem, 4vw, 4rem)", margin: "0 0 16px" }), introCopyStyles(".pricing__header p:last-child", {
+    color: "#4a5861",
+    fontSize: "1.05rem",
+    lineHeight: "1.6",
+}), pricingGridStyles, pricingCardStyles, pricingResponsiveStyles);
+//# sourceMappingURL=src-styles-css.js.map

package/dist/demo-project/definitions/simple-ui/templates/src-styles-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-styles-css.js","sourceRoot":"","sources":["../../../../../src/demo-project/definitions/simple-ui/templates/src-styles-css.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,OAAO,EACP,aAAa,EACb,iBAAiB,EACjB,eAAe,GAChB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CACrC,mBAAmB,CAAC;IAClB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,wBAAwB;CACtC,CAAC,EACF,mBAAmB,EACnB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EACvD,iBAAiB,CAAC,EAAE,QAAQ,EAAE,wBAAwB,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAC7E,eAAe,CAAC,+BAA+B,EAAE;IAC/C,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,KAAK;CAClB,CAAC,EACF,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,CACxB,CAAC"}

package/dist/demo-project/definitions/simple-ui/templates/styles/pricing-card-action.d.ts

@@ -0,0 +1 @@
+export declare const pricingCardActionStyles = "a {\n  align-items: center;\n  background: #172026;\n  border-radius: 8px;\n  color: #fff;\n  display: inline-flex;\n  font-weight: 800;\n  justify-content: center;\n  margin-top: auto;\n  min-height: 44px;\n  padding: 0 16px;\n  text-decoration: none;\n}\n\na:focus-visible {\n  outline: 3px solid #83c5be;\n  outline-offset: 3px;\n}";

package/dist/demo-project/definitions/simple-ui/templates/styles/pricing-card-action.js

@@ -0,0 +1,19 @@
+export const pricingCardActionStyles = `a {
+  align-items: center;
+  background: #172026;
+  border-radius: 8px;
+  color: #fff;
+  display: inline-flex;
+  font-weight: 800;
+  justify-content: center;
+  margin-top: auto;
+  min-height: 44px;
+  padding: 0 16px;
+  text-decoration: none;
+}
+
+a:focus-visible {
+  outline: 3px solid #83c5be;
+  outline-offset: 3px;
+}`;
+//# sourceMappingURL=pricing-card-action.js.map

package/dist/demo-project/definitions/simple-ui/templates/styles/pricing-card-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-card-action.js","sourceRoot":"","sources":["../../../../../../src/demo-project/definitions/simple-ui/templates/styles/pricing-card-action.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;EAiBrC,CAAC"}

package/dist/demo-project/definitions/simple-ui/templates/styles/pricing-card-content.d.ts

@@ -0,0 +1 @@
+export declare const pricingCardContentStyles = "h2 {\n  font-size: 1.35rem;\n  margin: 0;\n}\n\n.price {\n  color: #006d77;\n  font-size: 2.4rem;\n  font-weight: 900;\n  margin: 18px 0 10px;\n}\n\n.description {\n  color: #4a5861;\n  line-height: 1.55;\n  min-height: 74px;\n}\n\nul {\n  display: grid;\n  gap: 10px;\n  margin: 18px 0 26px;\n  padding-left: 20px;\n}\n\nli {\n  line-height: 1.4;\n}";