@samva/markup 0.2.0 → 0.4.0

package/dist/catalog-Ck1tAGwO.d.ts

@@ -0,0 +1,356 @@
+import { d as Channel } from "./ast-63I-VLQx.js";
+import { o as TokenOverrides } from "./theme-6ApjjiBo.js";
+//#region presets/catalog.d.ts
+type PresetCategory = "transactional" | "digest" | "marketing" | "lifecycle";
+interface PresetMeta {
+  /** Stable id and source filename stem (`${id}.tsx`). */
+  readonly id: string;
+  /** The source's root-tag channel; the gallery filters by it. */
+  readonly channel: Channel;
+  readonly category: PresetCategory;
+  /** Human title for the gallery card. */
+  readonly name: string;
+  /** One-line description of when to reach for this preset. */
+  readonly description: string;
+  /**
+   * Every input property declared by the template schema, sorted.
+   * A sender supplies these values when rendering the template.
+   */
+  readonly variables: ReadonlyArray<string>;
+}
+declare const RECOMMENDED_THEME: TokenOverrides;
+declare const presetCatalog: readonly [{
+  readonly id: "linear-login-code";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Linear login code";
+  readonly description: "Recreate Linear's login code email with an editable magic link, code, and bundled logo.";
+  readonly variables: readonly ["expiryNotice", "homeUrl", "loginUrl", "productName", "validationCode"];
+}, {
+  readonly id: "product-newsletter";
+  readonly channel: "email";
+  readonly category: "digest";
+  readonly name: "Product newsletter";
+  readonly description: "A monthly product newsletter with a lead story, mapped secondary stories, a changelog and one action.";
+  readonly variables: readonly ["changelog", "issueMonth", "issueNumber", "issueUrl", "leadImage", "leadSummary", "leadTitle", "leadUrl", "preferencesUrl", "stories", "unsubscribeUrl"];
+}, {
+  readonly id: "vercel-invitation";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Vercel team invitation";
+  readonly description: "Recreate Vercel's team invitation with editable source and bundled assets.";
+  readonly variables: readonly ["inviteFromIp", "inviteFromLocation", "inviteLink", "invitedByEmail", "invitedByUsername", "teamImage", "teamName", "userImage", "username"];
+}, {
+  readonly id: "order-receipt";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Order receipt";
+  readonly description: "Itemized order receipt with product thumbnails, totals, payment summary and shipping address.";
+  readonly variables: readonly ["customerName", "discount", "items", "orderDate", "orderNumber", "orderUrl", "paymentBrand", "paymentLast4", "shipping", "shippingAddress", "subtotal", "supportEmail", "tax", "total"];
+}, {
+  readonly id: "welcome";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Welcome";
+  readonly description: "First email after signup, with a lead illustration and a numbered list of first steps from the input.";
+  readonly variables: readonly ["ctaUrl", "docsUrl", "firstName", "planNote", "steps", "supportEmail", "workspace"];
+}, {
+  readonly id: "email-verification";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Email verification";
+  readonly description: "Confirm a new email address with a one-click button, a fallback code and the request details behind it.";
+  readonly variables: readonly ["email", "expiryNotice", "firstName", "previousEmail", "requestDetails", "supportEmail", "verificationCode", "verifyUrl", "workspace"];
+}, {
+  readonly id: "otp";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "One-time passcode";
+  readonly description: "Deliver a short-lived sign-in code as the only thing on the page, with the request details under it.";
+  readonly variables: readonly ["code", "expiryNotice", "helpUrl", "newDevice", "requestDetails", "workspace"];
+}, {
+  readonly id: "password-reset";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Password reset";
+  readonly description: "Send an expiring reset link with the request details, a paste-able fallback URL and an optional passkey offer.";
+  readonly variables: readonly ["expiryNotice", "firstName", "passkeyPrompt", "requestDetails", "resetUrl", "securityUrl", "supportEmail", "workspace"];
+}, {
+  readonly id: "payment-failed";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Payment failed";
+  readonly description: "Declined-charge notice with the amount due, the card on file, the held order and every charge attempt.";
+  readonly variables: readonly ["amountDue", "attempts", "automaticRetry", "customerName", "declineReason", "holdUntil", "items", "orderNumber", "paymentBrand", "paymentLast4", "supportEmail", "updatePaymentUrl"];
+}, {
+  readonly id: "shipping-update";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Shipping update";
+  readonly description: "Shipment notice with the carrier, tracking, delivery estimate, the packed items and anything still to come.";
+  readonly variables: readonly ["carrier", "customerName", "estimatedDelivery", "items", "orderNumber", "pendingItems", "shippedDate", "shippingAddress", "supportEmail", "trackingNumber", "trackingUrl"];
+}, {
+  readonly id: "notification";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Activity notification";
+  readonly description: "Workspace activity notification with the actor, the message quoted in full, recent activity and a deep link back.";
+  readonly variables: readonly ["actionSummary", "actorAvatar", "actorName", "attachment", "itemTitle", "itemUrl", "message", "otherActivity", "settingsUrl", "timestamp", "workspaceName"];
+}, {
+  readonly id: "team-invite";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Team invite";
+  readonly description: "Invite someone into a workspace with one accept action, the inviter's note and the people already there.";
+  readonly variables: readonly ["acceptUrl", "expiryNotice", "inviteeEmail", "inviterAvatarUrl", "inviterEmail", "inviterName", "personalNote", "productName", "teammates", "workspace"];
+}, {
+  readonly id: "data-sharing-review";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Data-sharing review";
+  readonly description: "Ask a customer to keep or remove a third-party connection, listing every permission it holds.";
+  readonly variables: readonly ["connectedServiceIconUrl", "connectedServiceName", "connectedSince", "keepConnectionUrl", "lastAccess", "recipientEmail", "referenceCode", "removeConnectionUrl", "scopes", "securityUrl", "settingsUrl", "workspace"];
+}, {
+  readonly id: "product-digest";
+  readonly channel: "email";
+  readonly category: "digest";
+  readonly name: "Weekly digest";
+  readonly description: "A weekly reader digest: mapped stories with their desk and reading time, a most-read list, and an optional audio edition.";
+  readonly variables: readonly ["archiveUrl", "editionLabel", "mostRead", "podcast", "preferencesUrl", "readerName", "stories", "unsubscribeUrl"];
+}, {
+  readonly id: "editorial-newsletter";
+  readonly channel: "email";
+  readonly category: "digest";
+  readonly name: "Long-form newsletter";
+  readonly description: "A long-form editorial issue: a byline, an essay that renders from a list of paragraphs, a pull quote, an optional labelled sponsor and a reading list.";
+  readonly variables: readonly ["authorAvatar", "authorName", "authorRole", "heroImage", "issueLabel", "paragraphs", "preferencesUrl", "pullQuote", "readingList", "sponsor", "standfirst", "storyUrl", "subscribeUrl", "title", "unsubscribeUrl"];
+}, {
+  readonly id: "events-roundup";
+  readonly channel: "email";
+  readonly category: "digest";
+  readonly name: "Events roundup";
+  readonly description: "A dated events digest: an optional spotlight billing and a grid of upcoming shows with images, dates, rooms, prices and per-event tickets.";
+  readonly variables: readonly ["calendarUrl", "cityName", "events", "helpUrl", "seasonLabel", "spotlight", "unsubscribeUrl"];
+}, {
+  readonly id: "industry-news-digest";
+  readonly channel: "email";
+  readonly category: "digest";
+  readonly name: "Industry news digest";
+  readonly description: "A dense industry brief: an agenda, a lead story with details and analysis, mapped desk stories, an optional labelled sponsor, and tool and job lists.";
+  readonly variables: readonly ["agenda", "audienceSize", "editionDate", "editionUrl", "intro", "jobs", "lead", "sponsor", "sponsorContactUrl", "stories", "tools", "unsubscribeUrl"];
+}, {
+  readonly id: "announcement";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Feature announcement";
+  readonly description: "Announce one change with a hero image, highlights from a list, an availability date and a single action.";
+  readonly variables: readonly ["availableFrom", "ctaUrl", "featureDescription", "featureName", "featureTagline", "firstName", "highlights", "preferencesUrl", "releaseNoteUrl", "unsubscribeUrl"];
+}, {
+  readonly id: "event-invite";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Event invite";
+  readonly description: "Invite members to an event with the date, the place, an agenda from a list, and one RSVP action.";
+  readonly variables: readonly ["agenda", "capacityNote", "declineUrl", "eventAddress", "eventDate", "eventDescription", "eventLocation", "eventName", "eventTagline", "eventTime", "firstName", "preferencesUrl", "rsvpUrl", "travelNote", "unsubscribeUrl"];
+}, {
+  readonly id: "membership-promo";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Membership promotion";
+  readonly description: "Promote a paid membership with tier cards from a list, a discount code, a deadline, and one join action.";
+  readonly variables: readonly ["compareUrl", "discountPercent", "firstName", "headline", "joinUrl", "offerEnds", "preferencesUrl", "promoCode", "savingsNote", "subhead", "tiers", "unsubscribeUrl"];
+}, {
+  readonly id: "member-referral-offer";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Member referral offer";
+  readonly description: "Ask a member to bring people onto their account for a limited-time reward, with the steps and the terms as lists.";
+  readonly variables: readonly ["firstName", "headline", "maxMembers", "maxReward", "offerEnds", "offerStarts", "preferencesUrl", "referralCode", "referralUrl", "reminderNote", "rewardPerMember", "spendMinimum", "steps", "subhead", "terms", "termsUrl", "unsubscribeUrl"];
+}, {
+  readonly id: "catalog-sale-newsletter";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Catalog sale newsletter";
+  readonly description: "Open a catalogue-wide sale with a bundle offer, a product grid from a list, a discount code, and the shop dates.";
+  readonly variables: readonly ["bundleListPrice", "bundleName", "bundleSalePrice", "bundleUrl", "dates", "discountCode", "editionLabel", "editionYear", "firstName", "headline", "intro", "items", "offerEnds", "preferencesUrl", "shopUrl", "stockNote", "unsubscribeUrl"];
+}, {
+  readonly id: "limited-time-savings";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Limited-time savings";
+  readonly description: "A time-boxed savings offer with the hours remaining, reasons from a list, member quotes, and one claim action.";
+  readonly variables: readonly ["claimUrl", "firstName", "headline", "hoursRemaining", "listPrice", "offerEnds", "postscript", "preferencesUrl", "promoCode", "reasons", "salePrice", "savingsAmount", "subhead", "testimonials", "timezoneUrl", "unsubscribeUrl"];
+}, {
+  readonly id: "rewards-milestone";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Rewards milestone";
+  readonly description: "Show a member how far through a rewards ladder they are, what the next step unlocks, and what each tier is worth.";
+  readonly variables: readonly ["bonusNote", "expiresOn", "firstName", "headline", "milestoneLabel", "nextReward", "pointsBalance", "preferencesUrl", "rewardsUrl", "steps", "stepsCompleted", "stepsTotal", "subhead", "termsUrl", "tiers", "unsubscribeUrl"];
+}, {
+  readonly id: "travel-rewards-promo";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Travel rewards promotion";
+  readonly description: "A travel rewards promotion with a member balance, earning tiers from a list, and partner offers.";
+  readonly variables: readonly ["accountUrl", "bookUrl", "firstName", "headline", "memberNumber", "milesBalance", "offerEnds", "partners", "preferencesUrl", "subhead", "termsUrl", "tierName", "tiers", "unsubscribeUrl"];
+}, {
+  readonly id: "product-updates-roundup";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Product updates roundup";
+  readonly description: "A monthly product roundup with a metrics strip, shipped updates from a list, and an optional event.";
+  readonly variables: readonly ["changelogUrl", "event", "firstName", "headline", "intro", "issueMonth", "issueNumber", "metrics", "preferencesUrl", "unsubscribeUrl", "updates"];
+}, {
+  readonly id: "flash-getaway-offer";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Flash getaway offer";
+  readonly description: "A flash getaway offer with an input countdown, destinations from a list, and one booking action.";
+  readonly variables: readonly ["countdown", "destinations", "exploreUrl", "firstName", "headline", "offerEnds", "offerWindow", "preferencesUrl", "subhead", "termsUrl", "unsubscribeUrl"];
+}, {
+  readonly id: "membership-benefits-promo";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Membership benefits promotion";
+  readonly description: "A paid-membership promotion with a price panel, benefits from a list, and one join action.";
+  readonly variables: readonly ["benefits", "billingNote", "comparePlansUrl", "firstName", "headline", "joinUrl", "preferencesUrl", "priceLabel", "renewsOn", "subhead", "supportEmail", "trialLabel", "unsubscribeUrl"];
+}, {
+  readonly id: "weekly-deals-circular";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Weekly deals circular";
+  readonly description: "A weekly retail circular with deals from a list, clippable coupons, and one shop action.";
+  readonly variables: readonly ["coupons", "deals", "headline", "intro", "memberPerk", "membershipUrl", "preferencesUrl", "shopUrl", "unsubscribeUrl", "validThrough", "weekLabel"];
+}, {
+  readonly id: "seasonal-sale-flyer";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Seasonal sale flyer";
+  readonly description: "A seasonal sale flyer with tiered promo codes, a category grid, and an optional gift-card offer.";
+  readonly variables: readonly ["categories", "giftCard", "headline", "intro", "offerWindow", "preferencesUrl", "promoTiers", "seasonLabel", "shopUrl", "subhead", "termsUrl", "unsubscribeUrl"];
+}, {
+  readonly id: "feature-release-roundup";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Feature release roundup";
+  readonly description: "A feature release roundup with image-left rows from a list, release badges, and docs links.";
+  readonly variables: readonly ["changelogUrl", "firstName", "headline", "intro", "migrationUrl", "preferencesUrl", "releases", "sunsetOn", "unsubscribeUrl"];
+}, {
+  readonly id: "season-clearance-promo";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Season clearance promotion";
+  readonly description: "A last-chance clearance promotion with marked-down highlights three a row and one shop action.";
+  readonly variables: readonly ["deadlinePhrase", "firstName", "headline", "highlights", "intro", "newArrivalsUrl", "preferencesUrl", "remainingNote", "shopUrl", "unsubscribeUrl"];
+}, {
+  readonly id: "product-launch-promo";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Product launch promotion";
+  readonly description: "Launch a collection with a hero, a four-product grid, a discount code, and one shop action.";
+  readonly variables: readonly ["bestSellersUrl", "discountCode", "firstName", "headline", "newArrivalsUrl", "offerEnds", "preferencesUrl", "products", "saleUrl", "shopUrl", "subhead", "unsubscribeUrl"];
+}, {
+  readonly id: "onboarding-step";
+  readonly channel: "email";
+  readonly category: "lifecycle";
+  readonly name: "Onboarding step";
+  readonly description: "One step of an onboarding sequence, with the whole setup list, its progress, and a single next action.";
+  readonly variables: readonly ["actionUrl", "docsUrl", "firstName", "stepBody", "stepNumber", "stepTitle", "steps", "supportEmail", "tip", "workspace"];
+}, {
+  readonly id: "trial-ending";
+  readonly channel: "email";
+  readonly category: "lifecycle";
+  readonly name: "Trial ending";
+  readonly description: "Warn a trial user their access is ending, with what the trial produced, the plan that keeps it, and an optional offer.";
+  readonly variables: readonly ["contactUrl", "daysLeft", "firstName", "highlights", "keeps", "offer", "plan", "trialEndDate", "upgradeUrl", "workspace"];
+}, {
+  readonly id: "win-back";
+  readonly channel: "email";
+  readonly category: "lifecycle";
+  readonly name: "Win-back";
+  readonly description: "Re-engage a lapsed user with an illustrated list of what shipped while they were away, and an optional return offer.";
+  readonly variables: readonly ["firstName", "lastActive", "offer", "preferencesUrl", "returnUrl", "unsubscribeUrl", "updates", "workspace"];
+}, {
+  readonly id: "feedback-request";
+  readonly channel: "email";
+  readonly category: "lifecycle";
+  readonly name: "Feedback request";
+  readonly description: "Ask an active user one question with clickable answers, a short survey, and a named sender who reads the replies.";
+  readonly variables: readonly ["firstName", "incentive", "options", "question", "sender", "surveyUrl", "tenure", "workspace"];
+}, {
+  readonly id: "product-onboarding-tour";
+  readonly channel: "email";
+  readonly category: "lifecycle";
+  readonly name: "Product onboarding tour";
+  readonly description: "Walk a new user through the features worth turning on first, each with a still, its own points and a link, followed by a reading list.";
+  readonly variables: readonly ["features", "firstName", "helpCenterUrl", "intro", "mobile", "preferencesUrl", "reads", "unsubscribeUrl"];
+}, {
+  readonly id: "setup-checklist";
+  readonly channel: "email";
+  readonly category: "lifecycle";
+  readonly name: "Setup checklist";
+  readonly description: "Welcome a new customer with the setup steps that remain, each marked done or outstanding, and one link back into the flow.";
+  readonly variables: readonly ["continueUrl", "firstName", "helpUrl", "note", "steps", "unsubscribeUrl", "welcome", "workspace"];
+}, {
+  readonly id: "sms-otp";
+  readonly channel: "sms";
+  readonly category: "transactional";
+  readonly name: "One-time passcode (SMS)";
+  readonly description: "Deliver a short-lived sign-in or 2FA code in a single GSM-7 segment.";
+  readonly variables: readonly ["code", "expiryMinutes", "workspace"];
+}, {
+  readonly id: "sms-shipping-update";
+  readonly channel: "sms";
+  readonly category: "transactional";
+  readonly name: "Shipping update (SMS)";
+  readonly description: "Tell a customer their order shipped, with a tracking link.";
+  readonly variables: readonly ["orderNumber", "trackingUrl", "workspace"];
+}, {
+  readonly id: "sms-appointment-reminder";
+  readonly channel: "sms";
+  readonly category: "lifecycle";
+  readonly name: "Appointment reminder (SMS)";
+  readonly description: "Remind a customer of an upcoming appointment with a reschedule path.";
+  readonly variables: readonly ["appointmentDate", "appointmentTime", "workspace"];
+}, {
+  readonly id: "sms-flash-sale";
+  readonly channel: "sms";
+  readonly category: "marketing";
+  readonly name: "Flash sale (SMS)";
+  readonly description: "Drive a limited-time offer with a promo code and a conditional urgency line.";
+  readonly variables: readonly ["endsToday", "offerHeadline", "promoCode", "shopUrl", "workspace"];
+}, {
+  readonly id: "whatsapp-order-update";
+  readonly channel: "whatsapp";
+  readonly category: "transactional";
+  readonly name: "Order update (WhatsApp)";
+  readonly description: "Utility template: shipping confirmation with a tracking URL button.";
+  readonly variables: readonly ["estimatedDelivery", "firstName", "orderNumber", "trackingUrl"];
+}, {
+  readonly id: "whatsapp-appointment-reminder";
+  readonly channel: "whatsapp";
+  readonly category: "lifecycle";
+  readonly name: "Appointment reminder (WhatsApp)";
+  readonly description: "Utility template: appointment reminder with confirm/reschedule quick replies.";
+  readonly variables: readonly ["appointmentDate", "appointmentTime", "firstName", "workspace"];
+}, {
+  readonly id: "whatsapp-flash-sale";
+  readonly channel: "whatsapp";
+  readonly category: "marketing";
+  readonly name: "Flash sale (WhatsApp)";
+  readonly description: "Marketing template: limited-time offer with a copyable promo code and a shop button.";
+  readonly variables: readonly ["endsToday", "firstName", "offerDetails", "offerHeadline", "promoCode", "shopUrl"];
+}];
+type PresetId = (typeof presetCatalog)[number]["id"];
+type PresetVariable = (typeof presetCatalog)[number]["variables"][number];
+type EmailPreset = Extract<(typeof presetCatalog)[number], {
+  channel: "email";
+}>;
+type EmailPresetId = EmailPreset["id"];
+type EmailPresetVariable = EmailPreset extends (infer Preset) ? Preset extends {
+  readonly variables: ReadonlyArray<infer Variable>;
+} ? Variable : never : never;
+//#endregion
+export { PresetMeta as a, presetCatalog as c, PresetId as i, EmailPresetVariable as n, PresetVariable as o, PresetCategory as r, RECOMMENDED_THEME as s, EmailPresetId as t };
+//# sourceMappingURL=catalog-Ck1tAGwO.d.ts.map

package/dist/compiler.d.ts

@@ -3,8 +3,9 @@ import { a as EmailGlobalProps, c as EmailStyle, d as isUrlAttribute, i as Email
 import { EmailElementSelection, EmittedPosition, INSTANCE_PATH_ATTRIBUTE, emailAuthoringTarget, emailDefinitionInstances, emailSelectionAncestry, emailSelectionIndex, emailSelectionSiblings, emailSelections } from "./email/selection.js";
 import { EmailHtmlOutput, SerializeEmailOptions, escapeAttribute, escapeText, serializeEmailHtml } from "./email/html.js";
 import { deriveEmailText } from "./email/text.js";
+import { a as compileSelector, c as CompiledSelector, d as matchesSelector, i as Stylesheet, l as Compound, n as CssRule, o as parseStylesheet, r as Specificity, s as Ancestry, t as CssDeclaration, u as classListOf } from "./css-ar2lU3NC.js";
 import { EMAIL_DOCTYPE, EmailCompileOutput, RenderedEmail, compileEmail, renderEmail } from "./email/render.js";
-import { a as CssDeclaration, c as Stylesheet, d as Ancestry, f as CompiledSelector, h as matchesSelector, i as resetStylesheets, l as compileSelector, m as classListOf, n as hasStylesheets, o as CssRule, p as Compound, r as registerStylesheet, s as Specificity, t as collectStylesheets, u as parseStylesheet } from "./stylesheets-oDRAnYA3.js";
+import { collectStylesheets, hasStylesheets, registerStylesheet, resetStylesheets } from "./email/stylesheets.js";
 import { instrumentTsxSourceForPreview } from "./tsx-source-instrumentation.js";
 import { caniemail } from "caniemail";
 //#region src/email/compatibility.d.ts
@@ -268,10 +269,11 @@ declare const EMAIL_ENTRY_WRAPPER = ".samva-email-entry.ts";
  */
 declare const EMAIL_RESET_MODULE = ".samva-email-reset.ts";
 /**
- * The wrapper's source. It re-exports the template beside the renderer so the
- * render runs inside the project's own module graph — the graph its stylesheets
- * registered into. Importing the renderer from outside that graph reaches a
- * second copy of the registry and silently renders unstyled.
+ * The wrapper's source. It exports the template beside a render bound to the
+ * sheets the project's own imports registered, so the render runs inside the
+ * project's module graph and keeps its styles when a later project loaded into
+ * the same process resets the registry. Importing the renderer from outside
+ * that graph reaches a second copy of the registry and silently renders unstyled.
  */
 declare const emailEntryWrapper: (entryPoint: string, imports?: readonly string[]) => string;
 /**

package/dist/compiler.js

@@ -1,4 +1,4 @@
-import { a as classListOf, c as finalizeValue, d as resolveVariables, i as applyStylesheet, l as foldCalc, n as compileEmail, o as matchesSelector, r as renderEmail, s as downlevelMediaQuery, t as EMAIL_DOCTYPE, u as renderHeadCss } from "./render-Cddsy_XF.js";
+import { a as applyStylesheet, c as downlevelMediaQuery, d as renderHeadCss, f as resolveVariables, i as renderEmail, l as finalizeValue, o as classListOf, r as compileEmail, s as matchesSelector, t as EMAIL_DOCTYPE, u as foldCalc } from "./render-ykQhtMs_.js";
 import { EMAIL_ELEMENTS, EMAIL_GLOBAL_ATTRIBUTES, emailElement, isUrlAttribute } from "./email/elements.js";
 import { EmailElementSelection, EmittedPosition, INSTANCE_PATH_ATTRIBUTE, emailAuthoringTarget, emailDefinitionInstances, emailSelectionAncestry, emailSelectionIndex, emailSelectionSiblings, emailSelections } from "./email/selection.js";
 import { escapeAttribute, escapeText, serializeEmailHtml } from "./email/html.js";
@@ -1340,12 +1340,13 @@ const EMAIL_ENTRY_WRAPPER = ".samva-email-entry.ts";
 */
 const EMAIL_RESET_MODULE = ".samva-email-reset.ts";
 /**
-* The wrapper's source. It re-exports the template beside the renderer so the
-* render runs inside the project's own module graph — the graph its stylesheets
-* registered into. Importing the renderer from outside that graph reaches a
-* second copy of the registry and silently renders unstyled.
+* The wrapper's source. It exports the template beside a render bound to the
+* sheets the project's own imports registered, so the render runs inside the
+* project's module graph and keeps its styles when a later project loaded into
+* the same process resets the registry. Importing the renderer from outside
+* that graph reaches a second copy of the registry and silently renders unstyled.
 */
-const emailEntryWrapper = (entryPoint, imports = []) => `${[`./${EMAIL_RESET_MODULE}`, ...imports].map((specifier) => `import ${JSON.stringify(specifier)};\n`).join("")}import * as entry from ${JSON.stringify(`./${entryPoint}`)};\nexport const template = entry.default;\nexport { renderEmail } from "@samva/markup/email/render";\nexport { isTemplateDefinition } from "@samva/markup/template";\n`;
+const emailEntryWrapper = (entryPoint, imports = []) => `${[`./${EMAIL_RESET_MODULE}`, ...imports].map((specifier) => `import ${JSON.stringify(specifier)};\n`).join("")}import * as entry from ${JSON.stringify(`./${entryPoint}`)};\nimport { bindStylesheets } from "@samva/markup/email/render";\nexport const template = entry.default;\nexport const renderEmail = bindStylesheets();\nexport { isTemplateDefinition } from "@samva/markup/template";\n`;
 /**
 * A host that renders more than one project in one process shares the registry
 * through its module cache, so every project graph starts by clearing it.

package/dist/{corpus-Dz5irJ9x.d.ts → corpus-U2EeALvS.d.ts}

@@ -1,6 +1,7 @@
+import { n as OwnedShowcaseId, t as BrandRecreationShowcaseId } from "./showcase-C_xgl6hz.js";
 import { Result, Schema } from "effect";
 //#region presets/corpus.d.ts
-declare const TemplateCorpusKind: Schema.Literals<readonly ["owned-editable-sml", "inspiration-reference"]>;
+declare const TemplateCorpusKind: Schema.Literals<readonly ["owned-editable-sml", "brand-recreation-sml", "inspiration-reference"]>;
 type TemplateCorpusKind = typeof TemplateCorpusKind.Type;
 declare const templateFacetOptions: {
   readonly jobType: readonly ["account-access", "commerce", "product-communication", "lifecycle", "publishing-campaigns"];
@@ -49,6 +50,47 @@ declare const OwnedEditablePreset: Schema.TaggedStruct<"OwnedEditablePreset", {
   }>;
 }>;
 interface OwnedEditablePreset extends Schema.Schema.Type<typeof OwnedEditablePreset> {}
+declare const BrandRecreationPreset: Schema.TaggedStruct<"BrandRecreationPreset", {
+  readonly corpusKind: Schema.Literal<"brand-recreation-sml">;
+  readonly provenance: Schema.Struct<{
+    readonly owner: Schema.Literal<"Samva">;
+    readonly sourcePath: Schema.String;
+    readonly recordedAt: Schema.String;
+    /** The brand whose own email is recreated, named on every public surface. */
+    readonly brand: Schema.String;
+    /** What that brand's email does, in the customer's words. */
+    readonly subject: Schema.String;
+    readonly reviewedNote: Schema.String;
+  }>;
+  readonly review: Schema.Struct<{
+    readonly state: Schema.Literals<readonly ["draft", "approved", "rejected"]>;
+    readonly reviewedBy: Schema.String;
+    readonly reviewedAt: Schema.String;
+    readonly notes: Schema.String;
+  }>;
+  readonly display: Schema.Struct<{
+    readonly state: Schema.Literals<readonly ["hidden", "public"]>;
+    readonly attributionLabel: Schema.String;
+  }>;
+  readonly retention: Schema.Struct<{
+    readonly policy: Schema.Literals<readonly ["retain-until-withdrawn", "retain-while-linked"]>;
+    readonly reviewedAt: Schema.String;
+  }>;
+  readonly takedown: Schema.Struct<{
+    readonly state: Schema.Literals<readonly ["active", "removed"]>;
+    readonly contact: Schema.String;
+    readonly procedureUrl: Schema.String;
+  }>;
+}>;
+interface BrandRecreationPreset extends Schema.Schema.Type<typeof BrandRecreationPreset> {}
+/** Clean-room recreations of a named brand's own email, authored as editable Samva projects. */
+declare const brandRecreationProvenance: Record<BrandRecreationShowcaseId, BrandRecreationPreset["provenance"]>;
+/**
+ * Owned presets authored as complete showcase projects with their own stylesheet and assets.
+ * Every other owned preset is the single module `packages/markup/presets/<id>.tsx`.
+ */
+declare const ownedShowcasePresetSources: Record<OwnedShowcaseId, string>;
+declare const ownedPresetSourcePath: (id: string) => string;
 declare const InspirationReference: Schema.TaggedStruct<"InspirationReference", {
   readonly corpusKind: Schema.Literal<"inspiration-reference">;
   readonly provenance: Schema.Struct<{
@@ -104,6 +146,37 @@ declare const TemplateCorpusRecord: Schema.Union<readonly [Schema.TaggedStruct<"
     readonly contact: Schema.String;
     readonly procedureUrl: Schema.String;
   }>;
+}>, Schema.TaggedStruct<"BrandRecreationPreset", {
+  readonly corpusKind: Schema.Literal<"brand-recreation-sml">;
+  readonly provenance: Schema.Struct<{
+    readonly owner: Schema.Literal<"Samva">;
+    readonly sourcePath: Schema.String;
+    readonly recordedAt: Schema.String;
+    /** The brand whose own email is recreated, named on every public surface. */
+    readonly brand: Schema.String;
+    /** What that brand's email does, in the customer's words. */
+    readonly subject: Schema.String;
+    readonly reviewedNote: Schema.String;
+  }>;
+  readonly review: Schema.Struct<{
+    readonly state: Schema.Literals<readonly ["draft", "approved", "rejected"]>;
+    readonly reviewedBy: Schema.String;
+    readonly reviewedAt: Schema.String;
+    readonly notes: Schema.String;
+  }>;
+  readonly display: Schema.Struct<{
+    readonly state: Schema.Literals<readonly ["hidden", "public"]>;
+    readonly attributionLabel: Schema.String;
+  }>;
+  readonly retention: Schema.Struct<{
+    readonly policy: Schema.Literals<readonly ["retain-until-withdrawn", "retain-while-linked"]>;
+    readonly reviewedAt: Schema.String;
+  }>;
+  readonly takedown: Schema.Struct<{
+    readonly state: Schema.Literals<readonly ["active", "removed"]>;
+    readonly contact: Schema.String;
+    readonly procedureUrl: Schema.String;
+  }>;
 }>, Schema.TaggedStruct<"InspirationReference", {
   readonly corpusKind: Schema.Literal<"inspiration-reference">;
   readonly provenance: Schema.Struct<{
@@ -157,5 +230,5 @@ interface TemplateFacetQuery extends Schema.Schema.Type<typeof TemplateFacetQuer
 /** Strict intersection: every selected value in every selected dimension must match. */
 declare const matchesTemplateFacets: (facets: TemplateFacetSet, query: TemplateFacetQuery) => boolean;
 //#endregion
-export { TemplateCorpusKind as a, TemplateFacetSet as c, templateFacetOptions as d, PublicCorpusRegistrationIssue as i, matchesTemplateFacets as l, OwnedEditablePreset as n, TemplateCorpusRecord as o, PublicCorpusRegistration as r, TemplateFacetQuery as s, InspirationReference as t, registerPublicCorpusEntry as u };
-//# sourceMappingURL=corpus-Dz5irJ9x.d.ts.map
+export { PublicCorpusRegistrationIssue as a, TemplateFacetQuery as c, matchesTemplateFacets as d, ownedPresetSourcePath as f, templateFacetOptions as h, PublicCorpusRegistration as i, TemplateFacetSet as l, registerPublicCorpusEntry as m, InspirationReference as n, TemplateCorpusKind as o, ownedShowcasePresetSources as p, OwnedEditablePreset as r, TemplateCorpusRecord as s, BrandRecreationPreset as t, brandRecreationProvenance as u };
+//# sourceMappingURL=corpus-U2EeALvS.d.ts.map

package/dist/{stylesheets-oDRAnYA3.d.ts → css-ar2lU3NC.d.ts}

@@ -80,15 +80,5 @@ declare const parseStylesheet: (source: string, options?: {
   readonly startOrder?: number;
 }) => Stylesheet;
 //#endregion
-//#region src/email/stylesheets.d.ts
-/** Called by a compiler-generated stylesheet module at import time. */
-declare const registerStylesheet: (sheet: Stylesheet) => void;
-/** Drop every registration. The render entry calls this before a render. */
-declare const resetStylesheets: () => void;
-/** Every registered sheet flattened into one, with order preserved across sheets. */
-declare const collectStylesheets: () => Stylesheet;
-/** True when a template registered no styles at all, so the render can skip the pass. */
-declare const hasStylesheets: () => boolean;
-//#endregion
-export { CssDeclaration as a, Stylesheet as c, Ancestry as d, CompiledSelector as f, matchesSelector as h, resetStylesheets as i, compileSelector as l, classListOf as m, hasStylesheets as n, CssRule as o, Compound as p, registerStylesheet as r, Specificity as s, collectStylesheets as t, parseStylesheet as u };
-//# sourceMappingURL=stylesheets-oDRAnYA3.d.ts.map
+export { compileSelector as a, CompiledSelector as c, matchesSelector as d, Stylesheet as i, Compound as l, CssRule as n, parseStylesheet as o, Specificity as r, Ancestry as s, CssDeclaration as t, classListOf as u };
+//# sourceMappingURL=css-ar2lU3NC.d.ts.map

package/dist/email/components.d.ts

@@ -59,9 +59,15 @@ interface ButtonProps {
   /** CSS classes applied to the primitive's content element. */
   readonly className?: string | undefined;
   readonly href: string;
-  /** Pixel width and height; classic Outlook's VML fallback needs both. */
+  /**
+   * Pixel width of the box. Classic Outlook draws the VML shape at a fixed width, so without
+   * this it is estimated from the label and `paddingX`, and the anchor sizes to its label.
+   */
   readonly width?: number | undefined;
+  /** Pixel height; classic Outlook's VML fallback needs it. */
   readonly height?: number | undefined;
+  /** Horizontal padding on each side of the label when no `width` fixes the box. */
+  readonly paddingX?: number | undefined;
   readonly backgroundColor?: string | undefined;
   readonly color?: string | undefined;
   readonly borderRadius?: number | undefined;
@@ -75,7 +81,7 @@ interface ButtonProps {
   readonly children?: EmailChild;
 }
 /** A link styled as a button, with a VML fallback so classic Outlook draws the shape. */
-declare const Button: ({ className, href, width, height, backgroundColor, color, borderRadius, borderColor, borderWidth, fontSize, fontFamily, align, style, children }: ButtonProps) => EmailNode;
+declare const Button: ({ className, href, width, height, paddingX, backgroundColor, color, borderRadius, borderColor, borderWidth, fontSize, fontFamily, align, style, children }: ButtonProps) => EmailNode;
 interface SpacerProps {
   readonly height: number;
 }

package/dist/email/components.js

@@ -105,23 +105,26 @@ const Column = ({ className, align, valign, width, style, children }) => jsx("td
 	children
 });
 const DEFAULT_BUTTON_FONT = "Helvetica, Arial, sans-serif";
+/** Average advance of a bold sans-serif glyph, as a fraction of the font size. */
+const BOLD_GLYPH_ADVANCE = .6;
 /** A link styled as a button, with a VML fallback so classic Outlook draws the shape. */
-const Button = ({ className, href, width, height, backgroundColor = "#000000", color = "#ffffff", borderRadius = 0, borderColor, borderWidth = 0, fontSize = 16, fontFamily = DEFAULT_BUTTON_FONT, align = "left", style, children }) => {
+const Button = ({ className, href, width, height, paddingX = 16, backgroundColor = "#000000", color = "#ffffff", borderRadius = 0, borderColor, borderWidth = 0, fontSize = 16, fontFamily = DEFAULT_BUTTON_FONT, align = "left", style, children }) => {
 	const label = typeof children === "string" ? children : void 0;
-	const fallback = width !== void 0 && height !== void 0 && label !== void 0;
+	const fallback = height !== void 0 && label !== void 0;
 	if (!fallback) reportEmailDiagnostic({
 		code: "button-outlook-fallback",
 		severity: "warning",
-		message: "<Button> draws its classic Outlook shape from VML, which needs width, height and a plain string label. Without all three, classic Windows Outlook shows an unstyled link.",
+		message: "<Button> draws its classic Outlook shape from VML, which needs a height and a plain string label. Without both, classic Windows Outlook shows an unstyled link.",
 		clients: ["outlook-windows"]
 	});
 	const arcsize = height === void 0 ? 0 : Math.round(borderRadius / height * 100);
+	const fallbackWidth = width ?? Math.ceil((label?.length ?? 0) * fontSize * BOLD_GLYPH_ADVANCE) + 2 * paddingX;
 	return presentation({
 		width: "100%",
 		style: { borderCollapse: "collapse" }
 	}, jsx("td", {
 		align,
-		children: [fallback ? rawMarkup(`<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="${escapeAttribute(href)}" style="height:${height}px;v-text-anchor:middle;width:${width}px;" arcsize="${arcsize}%" ${borderColor === void 0 ? "stroke=\"false\"" : `strokecolor="${escapeAttribute(borderColor)}" strokeweight="${borderWidth}px"`} fillcolor="${escapeAttribute(backgroundColor)}"><w:anchorlock/><center style="color:${escapeAttribute(color)};font-family:${escapeAttribute(fontFamily)};font-size:${fontSize}px;font-weight:bold;">${escapeText(label)}</center></v:roundrect><![endif]-->`) : null, jsx("a", {
+		children: [fallback ? rawMarkup(`<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="${escapeAttribute(href)}" style="height:${height}px;v-text-anchor:middle;width:${fallbackWidth}px;" arcsize="${arcsize}%" ${borderColor === void 0 ? "stroke=\"false\"" : `strokecolor="${escapeAttribute(borderColor)}" strokeweight="${borderWidth}px"`} fillcolor="${escapeAttribute(backgroundColor)}"><w:anchorlock/><center style="color:${escapeAttribute(color)};font-family:${escapeAttribute(fontFamily)};font-size:${fontSize}px;font-weight:bold;">${escapeText(label)}</center></v:roundrect><![endif]-->`) : null, jsx("a", {
 			className,
 			href,
 			target: "_blank",
@@ -137,7 +140,7 @@ const Button = ({ className, href, width, height, backgroundColor = "#000000", c
 				lineHeight: height === void 0 ? "120%" : `${height - 2 * borderWidth}px`,
 				textAlign: "center",
 				textDecoration: "none",
-				...width === void 0 ? {} : {
+				...width === void 0 ? { padding: `0 ${paddingX}px` } : {
 					width: `${width}px`,
 					maxWidth: "100%"
 				},

package/dist/email/render.d.ts

@@ -3,6 +3,7 @@ import { m as EmailNode } from "../elements-DtwKlFVH.js";
 import { EmittedPosition } from "./selection.js";
 import { SerializeEmailOptions } from "./html.js";
 import { r as TemplateDefinition } from "../template-Dy5yOPyp.js";
+import { i as Stylesheet } from "../css-ar2lU3NC.js";
 //#region src/email/render.d.ts
 /** Classic Outlook lays a document out correctly only under a transitional doctype. */
 declare const EMAIL_DOCTYPE = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">";
@@ -31,6 +32,12 @@ interface RenderedEmail {
 }
 /** Render one validated input through the template's only content function. Host isolation is required for untrusted source. */
 declare const renderEmail: <Input>(template: TemplateDefinition<Input>, data: unknown, options?: SerializeEmailOptions) => RenderedEmail;
+/**
+ * A render bound to the sheets registered so far. A compiled project's wrapper
+ * calls this once its own stylesheet imports have run, so a later project
+ * loaded into the same process cannot restyle an entry that is rendered again.
+ */
+declare const bindStylesheets: (stylesheet?: Stylesheet | undefined) => typeof renderEmail;
 //#endregion
-export { EMAIL_DOCTYPE, EmailCompileOutput, RenderedEmail, compileEmail, renderEmail };
+export { EMAIL_DOCTYPE, EmailCompileOutput, RenderedEmail, bindStylesheets, compileEmail, renderEmail };
 //# sourceMappingURL=render.d.ts.map