@flopay/ui 0.6.1 → 0.7.0

package/dist/email/index.mjs

@@ -0,0 +1,411 @@
+// src/email/index.tsx
+import {
+  Body,
+  Button,
+  Container,
+  Head,
+  Heading,
+  Hr,
+  Html,
+  Img,
+  Link,
+  Preview,
+  Section,
+  Text
+} from "@react-email/components";
+import { toPlainText } from "@react-email/render";
+import { renderToStaticMarkup } from "react-dom/server";
+
+// src/email/theme.ts
+var emailTheme = {
+  colors: {
+    background: "#f7f7f8",
+    surface: "#ffffff",
+    muted: "#f0f0f2",
+    border: "#e5e5e8",
+    text: "#0a0a0b",
+    textSecondary: "#52525b",
+    brand: "#1785e0",
+    brandLight: "#4ba6ec",
+    accessibleLink: "#0969b3",
+    darkBackground: "#0a0a0b",
+    darkSurface: "#141416",
+    darkMuted: "#1c1c1f",
+    darkBorder: "#27272a",
+    darkText: "#fafafa",
+    darkTextSecondary: "#a1a1aa"
+  },
+  radius: "8px",
+  font: "Inter, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif",
+  fontMono: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+  width: "600px"
+};
+
+// src/email/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FLOPAY_EMAIL_LOGO_URL = "https://flopay.com/logo.png";
+var DEFAULT_TRANSACTIONAL_FOOTER = {
+  companyName: "FloPay LLC",
+  supportLabel: "hello@flopay.com",
+  supportUrl: "mailto:hello@flopay.com",
+  privacyUrl: "https://flopay.com/legal/privacy",
+  termsUrl: "https://flopay.com/legal/terms",
+  notice: "This is a service message about your FloPay account.",
+  address: ""
+};
+var FOOTER_TEXT_STYLE = {
+  color: emailTheme.colors.textSecondary,
+  fontSize: "13px",
+  lineHeight: "20px",
+  margin: "0 0 12px"
+};
+function Detail({ detail }) {
+  if (detail.kind === "keyValue") {
+    return /* @__PURE__ */ jsx(
+      "table",
+      {
+        cellPadding: "0",
+        cellSpacing: "0",
+        className: "email-detail",
+        "data-key-value": "true",
+        style: {
+          backgroundColor: emailTheme.colors.background,
+          border: `1px solid ${emailTheme.colors.border}`,
+          borderRadius: emailTheme.radius,
+          margin: "24px 0",
+          width: "100%"
+        },
+        children: /* @__PURE__ */ jsx("tbody", { children: detail.rows.map((row, index) => /* @__PURE__ */ jsxs("tr", { "data-key-value-row": "true", children: [
+          /* @__PURE__ */ jsxs(
+            "th",
+            {
+              className: "email-muted",
+              scope: "row",
+              style: {
+                borderBottom: index < detail.rows.length - 1 ? `1px solid ${emailTheme.colors.border}` : void 0,
+                color: emailTheme.colors.textSecondary,
+                fontSize: "14px",
+                fontWeight: 600,
+                padding: "12px 16px",
+                verticalAlign: "top",
+                width: "36%"
+              },
+              children: [
+                row.label,
+                ":"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "td",
+            {
+              className: "email-text",
+              style: {
+                borderBottom: index < detail.rows.length - 1 ? `1px solid ${emailTheme.colors.border}` : void 0,
+                color: emailTheme.colors.text,
+                fontSize: "14px",
+                padding: "12px 16px",
+                verticalAlign: "top",
+                wordBreak: "break-word"
+              },
+              children: [
+                " ",
+                row.value
+              ]
+            }
+          )
+        ] }, `${index}-${row.label}`)) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      className: "email-detail",
+      style: {
+        backgroundColor: emailTheme.colors.muted,
+        border: `1px solid ${emailTheme.colors.border}`,
+        borderRadius: emailTheme.radius,
+        margin: "24px 0",
+        padding: "20px"
+      },
+      children: [
+        detail.caption ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            className: "email-muted",
+            style: {
+              color: emailTheme.colors.textSecondary,
+              fontSize: "13px",
+              fontWeight: 600,
+              lineHeight: "20px",
+              margin: "0 0 8px"
+            },
+            children: detail.caption
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            className: "email-text",
+            style: {
+              color: emailTheme.colors.text,
+              fontFamily: emailTheme.fontMono,
+              fontSize: "24px",
+              fontWeight: 700,
+              letterSpacing: "0.12em",
+              lineHeight: "32px",
+              margin: 0,
+              overflowWrap: "anywhere"
+            },
+            children: detail.value
+          }
+        )
+      ]
+    }
+  );
+}
+function EmailFooter({ overrides }) {
+  const footer = { ...DEFAULT_TRANSACTIONAL_FOOTER, ...overrides };
+  return /* @__PURE__ */ jsxs(Section, { style: { marginTop: "32px" }, children: [
+    /* @__PURE__ */ jsx(
+      Hr,
+      {
+        className: "email-divider",
+        style: { borderColor: emailTheme.colors.border, margin: "0 0 24px" }
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { className: "email-muted", style: FOOTER_TEXT_STYLE, children: footer.notice }),
+    /* @__PURE__ */ jsxs(Text, { className: "email-muted", style: FOOTER_TEXT_STYLE, children: [
+      "Need help?",
+      " ",
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          className: "email-link",
+          href: footer.supportUrl,
+          style: { color: emailTheme.colors.accessibleLink, textDecoration: "underline" },
+          children: footer.supportLabel
+        }
+      )
+    ] }),
+    footer.address ? /* @__PURE__ */ jsx(Text, { className: "email-muted", style: FOOTER_TEXT_STYLE, children: footer.address }) : null,
+    /* @__PURE__ */ jsxs(Text, { className: "email-muted", style: { ...FOOTER_TEXT_STYLE, margin: 0 }, children: [
+      "\xA9 ",
+      (/* @__PURE__ */ new Date()).getFullYear(),
+      " ",
+      footer.companyName,
+      ".",
+      " ",
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          className: "email-link",
+          href: footer.privacyUrl,
+          style: { color: emailTheme.colors.accessibleLink, textDecoration: "underline" },
+          children: "Privacy"
+        }
+      ),
+      " ",
+      "\xB7",
+      " ",
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          className: "email-link",
+          href: footer.termsUrl,
+          style: { color: emailTheme.colors.accessibleLink, textDecoration: "underline" },
+          children: "Terms"
+        }
+      )
+    ] })
+  ] });
+}
+function Brand({ logoUrl }) {
+  return /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", role: "presentation", style: { marginBottom: "32px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
+    /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", width: "40px" }, children: /* @__PURE__ */ jsx(
+      Img,
+      {
+        alt: "",
+        height: "40",
+        src: logoUrl,
+        style: { borderRadius: emailTheme.radius },
+        width: "40"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("td", { style: { paddingLeft: "12px", verticalAlign: "middle" }, children: /* @__PURE__ */ jsx(
+      Text,
+      {
+        className: "email-text",
+        style: {
+          color: emailTheme.colors.text,
+          fontSize: "18px",
+          fontWeight: 700,
+          lineHeight: "24px",
+          margin: 0
+        },
+        children: "FloPay"
+      }
+    ) })
+  ] }) }) });
+}
+function TransactionalEmail({
+  preheader,
+  heading,
+  body,
+  action,
+  detail,
+  logoUrl = FLOPAY_EMAIL_LOGO_URL,
+  footer
+}) {
+  return /* @__PURE__ */ jsxs(Html, { lang: "en", children: [
+    /* @__PURE__ */ jsxs(Head, { children: [
+      /* @__PURE__ */ jsx("meta", { content: "width=device-width, initial-scale=1.0", name: "viewport" }),
+      /* @__PURE__ */ jsx("style", { children: `
+          :root {
+            color-scheme: light dark;
+            supported-color-schemes: light dark;
+          }
+
+          @media only screen and (max-width: 620px) {
+            .email-shell { padding: 0 !important; }
+            .email-card { border-left: 0 !important; border-radius: 0 !important; border-right: 0 !important; margin: 0 !important; width: 100% !important; }
+            .email-content { padding: 24px !important; }
+          }
+
+          @media (prefers-color-scheme: dark) {
+            .email-body { background-color: ${emailTheme.colors.darkBackground} !important; }
+            .email-shell { background-color: ${emailTheme.colors.darkBackground} !important; }
+            .email-card { background-color: ${emailTheme.colors.darkSurface} !important; border-color: ${emailTheme.colors.darkBorder} !important; }
+            .email-text { color: ${emailTheme.colors.darkText} !important; }
+            .email-muted { color: ${emailTheme.colors.darkTextSecondary} !important; }
+            .email-detail { background-color: ${emailTheme.colors.darkMuted} !important; border-color: ${emailTheme.colors.darkBorder} !important; }
+            .email-link { color: ${emailTheme.colors.brandLight} !important; }
+            .email-action { background-color: ${emailTheme.colors.darkText} !important; color: ${emailTheme.colors.darkBackground} !important; }
+            .email-divider { border-color: ${emailTheme.colors.darkBorder} !important; }
+          }
+        ` })
+    ] }),
+    /* @__PURE__ */ jsx(Preview, { children: preheader }),
+    /* @__PURE__ */ jsx(
+      Body,
+      {
+        className: "email-body",
+        style: {
+          backgroundColor: emailTheme.colors.background,
+          margin: 0,
+          padding: 0
+        },
+        children: /* @__PURE__ */ jsx(
+          Section,
+          {
+            className: "email-shell",
+            style: {
+              backgroundColor: emailTheme.colors.background,
+              color: emailTheme.colors.text,
+              fontFamily: emailTheme.font,
+              padding: "32px 12px",
+              width: "100%"
+            },
+            children: /* @__PURE__ */ jsx(
+              Container,
+              {
+                className: "email-card",
+                style: {
+                  backgroundColor: emailTheme.colors.surface,
+                  border: `1px solid ${emailTheme.colors.border}`,
+                  borderRadius: emailTheme.radius,
+                  borderTop: `4px solid ${emailTheme.colors.brand}`,
+                  margin: "0 auto",
+                  maxWidth: emailTheme.width,
+                  overflow: "hidden",
+                  width: "100%"
+                },
+                children: /* @__PURE__ */ jsxs(Section, { className: "email-content", style: { padding: "40px" }, children: [
+                  /* @__PURE__ */ jsx(Brand, { logoUrl }),
+                  /* @__PURE__ */ jsx(
+                    Heading,
+                    {
+                      as: "h1",
+                      className: "email-text",
+                      style: {
+                        color: emailTheme.colors.text,
+                        fontSize: "28px",
+                        fontWeight: 700,
+                        letterSpacing: "-0.02em",
+                        lineHeight: "36px",
+                        margin: "0 0 16px"
+                      },
+                      children: heading
+                    }
+                  ),
+                  body.map((paragraph, index) => /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      className: "email-text",
+                      style: {
+                        color: emailTheme.colors.text,
+                        fontSize: "16px",
+                        lineHeight: "25px",
+                        margin: "0 0 16px"
+                      },
+                      children: paragraph
+                    },
+                    `${index}-${paragraph}`
+                  )),
+                  detail ? /* @__PURE__ */ jsx(Detail, { detail }) : null,
+                  action ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      className: "email-action",
+                      href: action.href,
+                      style: {
+                        backgroundColor: emailTheme.colors.text,
+                        borderRadius: emailTheme.radius,
+                        color: emailTheme.colors.surface,
+                        fontSize: "16px",
+                        fontWeight: 700,
+                        lineHeight: "20px",
+                        marginTop: "8px",
+                        padding: "14px 24px",
+                        textDecoration: "none"
+                      },
+                      children: action.label
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsx(EmailFooter, { overrides: footer })
+                ] })
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+function renderTransactionalEmail(props) {
+  const markup = renderToStaticMarkup(/* @__PURE__ */ jsx(TransactionalEmail, { ...props }));
+  const html = `<!doctype html>${markup.replace(
+    /<link\b(?=[^>]*\brel="preload")(?=[^>]*\bas="image")[^>]*\/?>/gi,
+    ""
+  )}`;
+  return {
+    html,
+    text: toPlainText(html, {
+      selectors: [
+        { selector: "h1", options: { uppercase: false } },
+        {
+          selector: 'tr[data-key-value-row="true"]',
+          format: "block",
+          options: { leadingLineBreaks: 1, trailingLineBreaks: 1 }
+        }
+      ]
+    })
+  };
+}
+export {
+  FLOPAY_EMAIL_LOGO_URL,
+  TransactionalEmail,
+  renderTransactionalEmail
+};
+//# sourceMappingURL=index.mjs.map

package/dist/email/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/email/index.tsx","../../src/email/theme.ts"],"sourcesContent":["import {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Hr,\n  Html,\n  Img,\n  Link,\n  Preview,\n  Section,\n  Text,\n} from '@react-email/components';\nimport { toPlainText } from '@react-email/render';\nimport { renderToStaticMarkup } from 'react-dom/server';\nimport { emailTheme } from './theme';\n\nexport const FLOPAY_EMAIL_LOGO_URL = 'https://flopay.com/logo.png';\n\nexport interface TransactionalEmailAction {\n  label: string;\n  href: string;\n}\n\nexport interface TransactionalCodeDetail {\n  kind: 'code';\n  value: string;\n  caption?: string;\n}\n\nexport interface TransactionalKeyValueDetail {\n  kind: 'keyValue';\n  rows: { label: string; value: string }[];\n}\n\nexport type TransactionalEmailDetail = TransactionalCodeDetail | TransactionalKeyValueDetail;\n\nexport interface TransactionalFooter {\n  companyName: string;\n  supportLabel: string;\n  supportUrl: string;\n  privacyUrl: string;\n  termsUrl: string;\n  notice: string;\n  address: string;\n}\n\nexport interface TransactionalEmailProps {\n  preheader: string;\n  heading: string;\n  body: string[];\n  action?: TransactionalEmailAction;\n  detail?: TransactionalEmailDetail;\n  logoUrl?: string;\n  footer?: Partial<TransactionalFooter>;\n}\n\nexport interface RenderedTransactionalEmail {\n  html: string;\n  text: string;\n}\n\nconst DEFAULT_TRANSACTIONAL_FOOTER: TransactionalFooter = {\n  companyName: 'FloPay LLC',\n  supportLabel: 'hello@flopay.com',\n  supportUrl: 'mailto:hello@flopay.com',\n  privacyUrl: 'https://flopay.com/legal/privacy',\n  termsUrl: 'https://flopay.com/legal/terms',\n  notice: 'This is a service message about your FloPay account.',\n  address: '',\n};\n\nconst FOOTER_TEXT_STYLE = {\n  color: emailTheme.colors.textSecondary,\n  fontSize: '13px',\n  lineHeight: '20px',\n  margin: '0 0 12px',\n} as const;\n\nfunction Detail({ detail }: { detail: TransactionalEmailDetail }) {\n  if (detail.kind === 'keyValue') {\n    return (\n      <table\n        cellPadding=\"0\"\n        cellSpacing=\"0\"\n        className=\"email-detail\"\n        data-key-value=\"true\"\n        style={{\n          backgroundColor: emailTheme.colors.background,\n          border: `1px solid ${emailTheme.colors.border}`,\n          borderRadius: emailTheme.radius,\n          margin: '24px 0',\n          width: '100%',\n        }}\n      >\n        <tbody>\n          {detail.rows.map((row, index) => (\n            <tr data-key-value-row=\"true\" key={`${index}-${row.label}`}>\n              <th\n                className=\"email-muted\"\n                scope=\"row\"\n                style={{\n                  borderBottom:\n                    index < detail.rows.length - 1\n                      ? `1px solid ${emailTheme.colors.border}`\n                      : undefined,\n                  color: emailTheme.colors.textSecondary,\n                  fontSize: '14px',\n                  fontWeight: 600,\n                  padding: '12px 16px',\n                  verticalAlign: 'top',\n                  width: '36%',\n                }}\n              >\n                {row.label}:\n              </th>\n              <td\n                className=\"email-text\"\n                style={{\n                  borderBottom:\n                    index < detail.rows.length - 1\n                      ? `1px solid ${emailTheme.colors.border}`\n                      : undefined,\n                  color: emailTheme.colors.text,\n                  fontSize: '14px',\n                  padding: '12px 16px',\n                  verticalAlign: 'top',\n                  wordBreak: 'break-word',\n                }}\n              >\n                {' '}\n                {row.value}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n\n  return (\n    <Section\n      className=\"email-detail\"\n      style={{\n        backgroundColor: emailTheme.colors.muted,\n        border: `1px solid ${emailTheme.colors.border}`,\n        borderRadius: emailTheme.radius,\n        margin: '24px 0',\n        padding: '20px',\n      }}\n    >\n      {detail.caption ? (\n        <Text\n          className=\"email-muted\"\n          style={{\n            color: emailTheme.colors.textSecondary,\n            fontSize: '13px',\n            fontWeight: 600,\n            lineHeight: '20px',\n            margin: '0 0 8px',\n          }}\n        >\n          {detail.caption}\n        </Text>\n      ) : null}\n      <Text\n        className=\"email-text\"\n        style={{\n          color: emailTheme.colors.text,\n          fontFamily: emailTheme.fontMono,\n          fontSize: '24px',\n          fontWeight: 700,\n          letterSpacing: '0.12em',\n          lineHeight: '32px',\n          margin: 0,\n          overflowWrap: 'anywhere',\n        }}\n      >\n        {detail.value}\n      </Text>\n    </Section>\n  );\n}\n\nfunction EmailFooter({ overrides }: { overrides?: Partial<TransactionalFooter> }) {\n  const footer = { ...DEFAULT_TRANSACTIONAL_FOOTER, ...overrides };\n\n  return (\n    <Section style={{ marginTop: '32px' }}>\n      <Hr\n        className=\"email-divider\"\n        style={{ borderColor: emailTheme.colors.border, margin: '0 0 24px' }}\n      />\n      <Text className=\"email-muted\" style={FOOTER_TEXT_STYLE}>\n        {footer.notice}\n      </Text>\n      <Text className=\"email-muted\" style={FOOTER_TEXT_STYLE}>\n        Need help?{' '}\n        <Link\n          className=\"email-link\"\n          href={footer.supportUrl}\n          style={{ color: emailTheme.colors.accessibleLink, textDecoration: 'underline' }}\n        >\n          {footer.supportLabel}\n        </Link>\n      </Text>\n      {footer.address ? (\n        <Text className=\"email-muted\" style={FOOTER_TEXT_STYLE}>\n          {footer.address}\n        </Text>\n      ) : null}\n      <Text className=\"email-muted\" style={{ ...FOOTER_TEXT_STYLE, margin: 0 }}>\n        © {new Date().getFullYear()} {footer.companyName}.{' '}\n        <Link\n          className=\"email-link\"\n          href={footer.privacyUrl}\n          style={{ color: emailTheme.colors.accessibleLink, textDecoration: 'underline' }}\n        >\n          Privacy\n        </Link>{' '}\n        ·{' '}\n        <Link\n          className=\"email-link\"\n          href={footer.termsUrl}\n          style={{ color: emailTheme.colors.accessibleLink, textDecoration: 'underline' }}\n        >\n          Terms\n        </Link>\n      </Text>\n    </Section>\n  );\n}\n\nfunction Brand({ logoUrl }: { logoUrl: string }) {\n  return (\n    <table cellPadding=\"0\" cellSpacing=\"0\" role=\"presentation\" style={{ marginBottom: '32px' }}>\n      <tbody>\n        <tr>\n          <td style={{ verticalAlign: 'middle', width: '40px' }}>\n            <Img\n              alt=\"\"\n              height=\"40\"\n              src={logoUrl}\n              style={{ borderRadius: emailTheme.radius }}\n              width=\"40\"\n            />\n          </td>\n          <td style={{ paddingLeft: '12px', verticalAlign: 'middle' }}>\n            <Text\n              className=\"email-text\"\n              style={{\n                color: emailTheme.colors.text,\n                fontSize: '18px',\n                fontWeight: 700,\n                lineHeight: '24px',\n                margin: 0,\n              }}\n            >\n              FloPay\n            </Text>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n\nexport function TransactionalEmail({\n  preheader,\n  heading,\n  body,\n  action,\n  detail,\n  logoUrl = FLOPAY_EMAIL_LOGO_URL,\n  footer,\n}: TransactionalEmailProps) {\n  return (\n    <Html lang=\"en\">\n      <Head>\n        <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\" />\n        <style>{`\n          :root {\n            color-scheme: light dark;\n            supported-color-schemes: light dark;\n          }\n\n          @media only screen and (max-width: 620px) {\n            .email-shell { padding: 0 !important; }\n            .email-card { border-left: 0 !important; border-radius: 0 !important; border-right: 0 !important; margin: 0 !important; width: 100% !important; }\n            .email-content { padding: 24px !important; }\n          }\n\n          @media (prefers-color-scheme: dark) {\n            .email-body { background-color: ${emailTheme.colors.darkBackground} !important; }\n            .email-shell { background-color: ${emailTheme.colors.darkBackground} !important; }\n            .email-card { background-color: ${emailTheme.colors.darkSurface} !important; border-color: ${emailTheme.colors.darkBorder} !important; }\n            .email-text { color: ${emailTheme.colors.darkText} !important; }\n            .email-muted { color: ${emailTheme.colors.darkTextSecondary} !important; }\n            .email-detail { background-color: ${emailTheme.colors.darkMuted} !important; border-color: ${emailTheme.colors.darkBorder} !important; }\n            .email-link { color: ${emailTheme.colors.brandLight} !important; }\n            .email-action { background-color: ${emailTheme.colors.darkText} !important; color: ${emailTheme.colors.darkBackground} !important; }\n            .email-divider { border-color: ${emailTheme.colors.darkBorder} !important; }\n          }\n        `}</style>\n      </Head>\n      <Preview>{preheader}</Preview>\n      <Body\n        className=\"email-body\"\n        style={{\n          backgroundColor: emailTheme.colors.background,\n          margin: 0,\n          padding: 0,\n        }}\n      >\n        <Section\n          className=\"email-shell\"\n          style={{\n            backgroundColor: emailTheme.colors.background,\n            color: emailTheme.colors.text,\n            fontFamily: emailTheme.font,\n            padding: '32px 12px',\n            width: '100%',\n          }}\n        >\n          <Container\n            className=\"email-card\"\n            style={{\n              backgroundColor: emailTheme.colors.surface,\n              border: `1px solid ${emailTheme.colors.border}`,\n              borderRadius: emailTheme.radius,\n              borderTop: `4px solid ${emailTheme.colors.brand}`,\n              margin: '0 auto',\n              maxWidth: emailTheme.width,\n              overflow: 'hidden',\n              width: '100%',\n            }}\n          >\n            <Section className=\"email-content\" style={{ padding: '40px' }}>\n              <Brand logoUrl={logoUrl} />\n              <Heading\n                as=\"h1\"\n                className=\"email-text\"\n                style={{\n                  color: emailTheme.colors.text,\n                  fontSize: '28px',\n                  fontWeight: 700,\n                  letterSpacing: '-0.02em',\n                  lineHeight: '36px',\n                  margin: '0 0 16px',\n                }}\n              >\n                {heading}\n              </Heading>\n              {body.map((paragraph, index) => (\n                <Text\n                  className=\"email-text\"\n                  key={`${index}-${paragraph}`}\n                  style={{\n                    color: emailTheme.colors.text,\n                    fontSize: '16px',\n                    lineHeight: '25px',\n                    margin: '0 0 16px',\n                  }}\n                >\n                  {paragraph}\n                </Text>\n              ))}\n              {detail ? <Detail detail={detail} /> : null}\n              {action ? (\n                <Button\n                  className=\"email-action\"\n                  href={action.href}\n                  style={{\n                    backgroundColor: emailTheme.colors.text,\n                    borderRadius: emailTheme.radius,\n                    color: emailTheme.colors.surface,\n                    fontSize: '16px',\n                    fontWeight: 700,\n                    lineHeight: '20px',\n                    marginTop: '8px',\n                    padding: '14px 24px',\n                    textDecoration: 'none',\n                  }}\n                >\n                  {action.label}\n                </Button>\n              ) : null}\n              <EmailFooter overrides={footer} />\n            </Section>\n          </Container>\n        </Section>\n      </Body>\n    </Html>\n  );\n}\n\nexport function renderTransactionalEmail(\n  props: TransactionalEmailProps,\n): RenderedTransactionalEmail {\n  const markup = renderToStaticMarkup(<TransactionalEmail {...props} />);\n  const html = `<!doctype html>${markup.replace(\n    /<link\\b(?=[^>]*\\brel=\"preload\")(?=[^>]*\\bas=\"image\")[^>]*\\/?>/gi,\n    '',\n  )}`;\n\n  return {\n    html,\n    text: toPlainText(html, {\n      selectors: [\n        { selector: 'h1', options: { uppercase: false } },\n        {\n          selector: 'tr[data-key-value-row=\"true\"]',\n          format: 'block',\n          options: { leadingLineBreaks: 1, trailingLineBreaks: 1 },\n        },\n      ],\n    }),\n  };\n}\n","/**\n * Email clients cannot resolve the package's CSS custom properties. Keep this\n * literal palette aligned with styles/tokens.css and cover changes in the\n * rendered-output snapshot.\n */\nexport const emailTheme = {\n  colors: {\n    background: '#f7f7f8',\n    surface: '#ffffff',\n    muted: '#f0f0f2',\n    border: '#e5e5e8',\n    text: '#0a0a0b',\n    textSecondary: '#52525b',\n    brand: '#1785e0',\n    brandLight: '#4ba6ec',\n    accessibleLink: '#0969b3',\n    darkBackground: '#0a0a0b',\n    darkSurface: '#141416',\n    darkMuted: '#1c1c1f',\n    darkBorder: '#27272a',\n    darkText: '#fafafa',\n    darkTextSecondary: '#a1a1aa',\n  },\n  radius: '8px',\n  font: 'Inter, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif',\n  fontMono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',\n  width: '600px',\n} as const;\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;;;ACV9B,IAAM,aAAa;AAAA,EACxB,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,eAAe;AAAA,IACf,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,mBAAmB;AAAA,EACrB;AAAA,EACA,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AACT;;;ADqEQ,cAGM,YAHN;AA9ED,IAAM,wBAAwB;AA6CrC,IAAM,+BAAoD;AAAA,EACxD,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,IAAM,oBAAoB;AAAA,EACxB,OAAO,WAAW,OAAO;AAAA,EACzB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AACV;AAEA,SAAS,OAAO,EAAE,OAAO,GAAyC;AAChE,MAAI,OAAO,SAAS,YAAY;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAY;AAAA,QACZ,aAAY;AAAA,QACZ,WAAU;AAAA,QACV,kBAAe;AAAA,QACf,OAAO;AAAA,UACL,iBAAiB,WAAW,OAAO;AAAA,UACnC,QAAQ,aAAa,WAAW,OAAO,MAAM;AAAA,UAC7C,cAAc,WAAW;AAAA,UACzB,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,QAEA,8BAAC,WACE,iBAAO,KAAK,IAAI,CAAC,KAAK,UACrB,qBAAC,QAAG,sBAAmB,QACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAM;AAAA,cACN,OAAO;AAAA,gBACL,cACE,QAAQ,OAAO,KAAK,SAAS,IACzB,aAAa,WAAW,OAAO,MAAM,KACrC;AAAA,gBACN,OAAO,WAAW,OAAO;AAAA,gBACzB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,SAAS;AAAA,gBACT,eAAe;AAAA,gBACf,OAAO;AAAA,cACT;AAAA,cAEC;AAAA,oBAAI;AAAA,gBAAM;AAAA;AAAA;AAAA,UACb;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,cACE,QAAQ,OAAO,KAAK,SAAS,IACzB,aAAa,WAAW,OAAO,MAAM,KACrC;AAAA,gBACN,OAAO,WAAW,OAAO;AAAA,gBACzB,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,eAAe;AAAA,gBACf,WAAW;AAAA,cACb;AAAA,cAEC;AAAA;AAAA,gBACA,IAAI;AAAA;AAAA;AAAA,UACP;AAAA,aAnCiC,GAAG,KAAK,IAAI,IAAI,KAAK,EAoCxD,CACD,GACH;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,iBAAiB,WAAW,OAAO;AAAA,QACnC,QAAQ,aAAa,WAAW,OAAO,MAAM;AAAA,QAC7C,cAAc,WAAW;AAAA,QACzB,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MAEC;AAAA,eAAO,UACN;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO,WAAW,OAAO;AAAA,cACzB,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,QAAQ;AAAA,YACV;AAAA,YAEC,iBAAO;AAAA;AAAA,QACV,IACE;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO,WAAW,OAAO;AAAA,cACzB,YAAY,WAAW;AAAA,cACvB,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,eAAe;AAAA,cACf,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,cAAc;AAAA,YAChB;AAAA,YAEC,iBAAO;AAAA;AAAA,QACV;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,YAAY,EAAE,UAAU,GAAiD;AAChF,QAAM,SAAS,EAAE,GAAG,8BAA8B,GAAG,UAAU;AAE/D,SACE,qBAAC,WAAQ,OAAO,EAAE,WAAW,OAAO,GAClC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,WAAW,OAAO,QAAQ,QAAQ,WAAW;AAAA;AAAA,IACrE;AAAA,IACA,oBAAC,QAAK,WAAU,eAAc,OAAO,mBAClC,iBAAO,QACV;AAAA,IACA,qBAAC,QAAK,WAAU,eAAc,OAAO,mBAAmB;AAAA;AAAA,MAC3C;AAAA,MACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAM,OAAO;AAAA,UACb,OAAO,EAAE,OAAO,WAAW,OAAO,gBAAgB,gBAAgB,YAAY;AAAA,UAE7E,iBAAO;AAAA;AAAA,MACV;AAAA,OACF;AAAA,IACC,OAAO,UACN,oBAAC,QAAK,WAAU,eAAc,OAAO,mBAClC,iBAAO,SACV,IACE;AAAA,IACJ,qBAAC,QAAK,WAAU,eAAc,OAAO,EAAE,GAAG,mBAAmB,QAAQ,EAAE,GAAG;AAAA;AAAA,OACrE,oBAAI,KAAK,GAAE,YAAY;AAAA,MAAE;AAAA,MAAE,OAAO;AAAA,MAAY;AAAA,MAAE;AAAA,MACnD;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAM,OAAO;AAAA,UACb,OAAO,EAAE,OAAO,WAAW,OAAO,gBAAgB,gBAAgB,YAAY;AAAA,UAC/E;AAAA;AAAA,MAED;AAAA,MAAQ;AAAA,MAAI;AAAA,MACV;AAAA,MACF;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAM,OAAO;AAAA,UACb,OAAO,EAAE,OAAO,WAAW,OAAO,gBAAgB,gBAAgB,YAAY;AAAA,UAC/E;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,MAAM,EAAE,QAAQ,GAAwB;AAC/C,SACE,oBAAC,WAAM,aAAY,KAAI,aAAY,KAAI,MAAK,gBAAe,OAAO,EAAE,cAAc,OAAO,GACvF,8BAAC,WACC,+BAAC,QACC;AAAA,wBAAC,QAAG,OAAO,EAAE,eAAe,UAAU,OAAO,OAAO,GAClD;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,QAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO,EAAE,cAAc,WAAW,OAAO;AAAA,QACzC,OAAM;AAAA;AAAA,IACR,GACF;AAAA,IACA,oBAAC,QAAG,OAAO,EAAE,aAAa,QAAQ,eAAe,SAAS,GACxD;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,OAAO,WAAW,OAAO;AAAA,UACzB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACD;AAAA;AAAA,IAED,GACF;AAAA,KACF,GACF,GACF;AAEJ;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAA4B;AAC1B,SACE,qBAAC,QAAK,MAAK,MACT;AAAA,yBAAC,QACC;AAAA,0BAAC,UAAK,SAAQ,yCAAwC,MAAK,YAAW;AAAA,MACtE,oBAAC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8CAa8B,WAAW,OAAO,cAAc;AAAA,+CAC/B,WAAW,OAAO,cAAc;AAAA,8CACjC,WAAW,OAAO,WAAW,8BAA8B,WAAW,OAAO,UAAU;AAAA,mCAClG,WAAW,OAAO,QAAQ;AAAA,oCACzB,WAAW,OAAO,iBAAiB;AAAA,gDACvB,WAAW,OAAO,SAAS,8BAA8B,WAAW,OAAO,UAAU;AAAA,mCAClG,WAAW,OAAO,UAAU;AAAA,gDACf,WAAW,OAAO,QAAQ,uBAAuB,WAAW,OAAO,cAAc;AAAA,6CACpF,WAAW,OAAO,UAAU;AAAA;AAAA,WAE/D;AAAA,OACJ;AAAA,IACA,oBAAC,WAAS,qBAAU;AAAA,IACpB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,iBAAiB,WAAW,OAAO;AAAA,UACnC,QAAQ;AAAA,UACR,SAAS;AAAA,QACX;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,iBAAiB,WAAW,OAAO;AAAA,cACnC,OAAO,WAAW,OAAO;AAAA,cACzB,YAAY,WAAW;AAAA,cACvB,SAAS;AAAA,cACT,OAAO;AAAA,YACT;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,iBAAiB,WAAW,OAAO;AAAA,kBACnC,QAAQ,aAAa,WAAW,OAAO,MAAM;AAAA,kBAC7C,cAAc,WAAW;AAAA,kBACzB,WAAW,aAAa,WAAW,OAAO,KAAK;AAAA,kBAC/C,QAAQ;AAAA,kBACR,UAAU,WAAW;AAAA,kBACrB,UAAU;AAAA,kBACV,OAAO;AAAA,gBACT;AAAA,gBAEA,+BAAC,WAAQ,WAAU,iBAAgB,OAAO,EAAE,SAAS,OAAO,GAC1D;AAAA,sCAAC,SAAM,SAAkB;AAAA,kBACzB;AAAA,oBAAC;AAAA;AAAA,sBACC,IAAG;AAAA,sBACH,WAAU;AAAA,sBACV,OAAO;AAAA,wBACL,OAAO,WAAW,OAAO;AAAA,wBACzB,UAAU;AAAA,wBACV,YAAY;AAAA,wBACZ,eAAe;AAAA,wBACf,YAAY;AAAA,wBACZ,QAAQ;AAAA,sBACV;AAAA,sBAEC;AAAA;AAAA,kBACH;AAAA,kBACC,KAAK,IAAI,CAAC,WAAW,UACpB;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBAEV,OAAO;AAAA,wBACL,OAAO,WAAW,OAAO;AAAA,wBACzB,UAAU;AAAA,wBACV,YAAY;AAAA,wBACZ,QAAQ;AAAA,sBACV;AAAA,sBAEC;AAAA;AAAA,oBARI,GAAG,KAAK,IAAI,SAAS;AAAA,kBAS5B,CACD;AAAA,kBACA,SAAS,oBAAC,UAAO,QAAgB,IAAK;AAAA,kBACtC,SACC;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,MAAM,OAAO;AAAA,sBACb,OAAO;AAAA,wBACL,iBAAiB,WAAW,OAAO;AAAA,wBACnC,cAAc,WAAW;AAAA,wBACzB,OAAO,WAAW,OAAO;AAAA,wBACzB,UAAU;AAAA,wBACV,YAAY;AAAA,wBACZ,YAAY;AAAA,wBACZ,WAAW;AAAA,wBACX,SAAS;AAAA,wBACT,gBAAgB;AAAA,sBAClB;AAAA,sBAEC,iBAAO;AAAA;AAAA,kBACV,IACE;AAAA,kBACJ,oBAAC,eAAY,WAAW,QAAQ;AAAA,mBAClC;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEO,SAAS,yBACd,OAC4B;AAC5B,QAAM,SAAS,qBAAqB,oBAAC,sBAAoB,GAAG,OAAO,CAAE;AACrE,QAAM,OAAO,kBAAkB,OAAO;AAAA,IACpC;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA,MAAM,YAAY,MAAM;AAAA,MACtB,WAAW;AAAA,QACT,EAAE,UAAU,MAAM,SAAS,EAAE,WAAW,MAAM,EAAE;AAAA,QAChD;AAAA,UACE,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,SAAS,EAAE,mBAAmB,GAAG,oBAAoB,EAAE;AAAA,QACzD;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/marketing/index.cjs

@@ -94,7 +94,7 @@ function Footer({ brand, columns = [], legal = [], copyright, className }) {
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var TAGLINE = "Payment Orchestration That Keeps Revenue Flowing";
 var COMPANY = "FloPay LLC";
-var DOCS_URL = "https://docs.flopay.com/docs";
+var DOCS_PATH = "/docs";
 var API_URL = "https://api.flopay.com/docs";
 var DEMO_URL = "https://demo.flopay.com";
 function normalizeBase(baseUrl) {
@@ -125,7 +125,7 @@ function flopayFooterContent({
       {
         title: "Development",
         links: [
-          { href: DOCS_URL, label: "Documentation" },
+          { href: route(DOCS_PATH), label: "Documentation" },
           { href: pending, label: "MCP Server" },
           { href: API_URL, label: "API Reference" },
           { href: demoUrl, label: "Demo Playground" }
@@ -137,6 +137,7 @@ function flopayFooterContent({
           { href: route("/mission"), label: "Mission" },
           { href: route("/values"), label: "Values" },
           { href: route("/pricing"), label: "Pricing" },
+          { href: route("/partners"), label: "Partners" },
           { href: route("/blog"), label: "Blog" },
           { href: contactUrl ?? route("/contact"), label: "Contact" }
         ]

package/dist/marketing/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/marketing/index.ts","../../src/marketing/footer.tsx","../../src/cn.ts","../../src/marketing/link.tsx","../../src/marketing/flopay-footer.tsx","../../src/marketing/nav.tsx"],"sourcesContent":["export type {\n  FlopayFooterContent,\n  FlopayFooterOptions,\n  FlopayFooterProps,\n} from './flopay-footer';\nexport { FlopayFooter, flopayFooterContent } from './flopay-footer';\nexport type { FooterBrand, FooterColumn, FooterLink, FooterProps } from './footer';\nexport { Footer } from './footer';\nexport type { MarketingLinkProps } from './link';\nexport { MarketingLink } from './link';\nexport type { NavLink, NavLogo, NavProps } from './nav';\nexport { Nav } from './nav';\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface FooterLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n}\n\nexport interface FooterColumn {\n  title: ReactNode;\n  links: FooterLink[];\n}\n\nexport interface FooterBrand {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  size?: number;\n  mark?: boolean;\n  tagline?: ReactNode;\n}\n\nexport interface FooterProps {\n  brand: FooterBrand;\n  columns?: FooterColumn[];\n  legal?: FooterLink[];\n  copyright?: ReactNode;\n  className?: string;\n}\n\n/** Shared site footer for marketing surfaces (landing, demo). */\nexport function Footer({ brand, columns = [], legal = [], copyright, className }: FooterProps) {\n  const size = brand.size ?? 20;\n  const image = <Image src={brand.src} alt={brand.alt ?? ''} width={size} height={size} />;\n\n  return (\n    <footer className={cn('footer', className)}>\n      <div className=\"footer-inner\">\n        <div className=\"footer-brand\">\n          <MarketingLink href={brand.href ?? '/'} className=\"nav-logo\">\n            {brand.mark ? (\n              <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n                {image}\n              </span>\n            ) : (\n              image\n            )}\n            {brand.label}\n          </MarketingLink>\n          {brand.tagline ? <p>{brand.tagline}</p> : null}\n        </div>\n        {columns.map((column, index) => (\n          <div className=\"footer-column\" key={index}>\n            <h4>{column.title}</h4>\n            <ul>\n              {/* Keyed by index: placeholder links legitimately share an href. */}\n              {column.links.map((link, linkIndex) => (\n                <li key={linkIndex}>\n                  <MarketingLink href={link.href} external={link.external}>\n                    {link.label}\n                  </MarketingLink>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n      <div className=\"footer-bottom\">\n        {copyright ? <p>{copyright}</p> : <span />}\n        {legal.length > 0 ? (\n          <div className=\"footer-legal\">\n            {legal.map((link) => (\n              <MarketingLink key={link.href} href={link.href} external={link.external}>\n                {link.label}\n              </MarketingLink>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Merge class names, resolving conflicting Tailwind utilities (last wins).\n * Mirrors the helper used across the FloPay frontends so consumers can extend\n * any primitive's classes safely.\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import Link from 'next/link';\nimport type { ReactNode } from 'react';\n\nexport interface MarketingLinkProps {\n  href: string;\n  /** Force new-tab rendering. Defaults to true for absolute http(s) URLs. */\n  external?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Picks the right element for a marketing link:\n * - internal route (\"/...\", \"#...\") → next/link\n * - protocol link (mailto:/tel:) → plain anchor\n * - absolute URL (or `external`) → new-tab anchor\n */\nexport function MarketingLink({ href, external, className, children }: MarketingLinkProps) {\n  const isAbsolute = /^https?:\\/\\//.test(href) || href.startsWith('//');\n  const isProtocol = !isAbsolute && /^[a-z][a-z0-9+.-]*:/i.test(href);\n  const openExternally = external ?? isAbsolute;\n\n  if (openExternally) {\n    return (\n      <a href={href} className={className} target=\"_blank\" rel=\"noopener noreferrer\">\n        {children}\n      </a>\n    );\n  }\n  if (isProtocol) {\n    return (\n      <a href={href} className={className}>\n        {children}\n      </a>\n    );\n  }\n  return (\n    <Link href={href} className={className}>\n      {children}\n    </Link>\n  );\n}\n","import type { ImageProps } from 'next/image';\nimport type { FooterBrand, FooterColumn, FooterLink } from './footer';\nimport { Footer } from './footer';\n\nexport interface FlopayFooterOptions {\n  /**\n   * Origin for marketing-site routes, e.g. `https://flopay.com`. Leave unset on\n   * the marketing site itself so its own routes stay relative.\n   */\n  baseUrl?: string;\n  /** Where \"Demo Playground\" points. Defaults to the hosted playground. */\n  demoUrl?: string;\n  /** Where \"Contact\" points. Defaults to `<baseUrl>/contact`. */\n  contactUrl?: string;\n}\n\nexport interface FlopayFooterContent {\n  tagline: string;\n  columns: FooterColumn[];\n  legal: FooterLink[];\n  copyright: string;\n}\n\nconst TAGLINE = 'Payment Orchestration That Keeps Revenue Flowing';\nconst COMPANY = 'FloPay LLC';\nconst DOCS_URL = 'https://docs.flopay.com/docs';\nconst API_URL = 'https://api.flopay.com/docs';\nconst DEMO_URL = 'https://demo.flopay.com';\n\n/**\n * Trim trailing slashes so `${base}${path}` can't double up: a caller passing\n * `https://flopay.com/` should still get `https://flopay.com/vault`, and the\n * placeholder href shouldn't keep a dangling slash either.\n */\nfunction normalizeBase(baseUrl: string) {\n  return baseUrl.replace(/\\/+$/, '');\n}\n\n/**\n * The FloPay footer sitemap — one source of truth so every portal shows the\n * same columns, labels and order.\n *\n * Products without a page yet point at the marketing home page (`#` when the\n * caller *is* the marketing site, where that would be a self-link).\n */\nexport function flopayFooterContent({\n  baseUrl = '',\n  demoUrl = DEMO_URL,\n  contactUrl,\n}: FlopayFooterOptions = {}): FlopayFooterContent {\n  const base = normalizeBase(baseUrl);\n  const route = (path: string) => `${base}${path}`;\n  const pending = base || '#';\n\n  return {\n    tagline: TAGLINE,\n    columns: [\n      {\n        title: 'Product',\n        links: [\n          { href: route('/vault'), label: 'Card Vault' },\n          { href: route('/chargeback-prevention'), label: 'Chargeback Prevention' },\n          { href: pending, label: 'Agent-Assisted Commerce' },\n          { href: pending, label: 'The Agent Vault' },\n          { href: pending, label: 'Agentic Discovery Network' },\n          { href: pending, label: 'Smart Agentic Orchestration' },\n        ],\n      },\n      {\n        title: 'Development',\n        links: [\n          { href: DOCS_URL, label: 'Documentation' },\n          { href: pending, label: 'MCP Server' },\n          { href: API_URL, label: 'API Reference' },\n          { href: demoUrl, label: 'Demo Playground' },\n        ],\n      },\n      {\n        title: 'Company',\n        links: [\n          { href: route('/mission'), label: 'Mission' },\n          { href: route('/values'), label: 'Values' },\n          { href: route('/pricing'), label: 'Pricing' },\n          { href: route('/blog'), label: 'Blog' },\n          { href: contactUrl ?? route('/contact'), label: 'Contact' },\n        ],\n      },\n    ],\n    legal: [\n      { href: route('/legal/privacy'), label: 'Privacy' },\n      { href: route('/legal/terms'), label: 'Terms' },\n      { href: route('/legal/cookies'), label: 'Cookies' },\n    ],\n    copyright: `© ${new Date().getFullYear()} ${COMPANY}. All rights reserved.`,\n  };\n}\n\nexport interface FlopayFooterProps extends FlopayFooterOptions {\n  /** The shared logo: `import logo from '@flopay/ui/logo.png'`. */\n  logo: ImageProps['src'];\n  /** Override parts of the default brand block (label, tagline, size, …). */\n  brand?: Partial<Omit<FooterBrand, 'src'>>;\n  className?: string;\n}\n\n/**\n * The FloPay footer, content included — drop it into any portal and the\n * sitemap, tagline and copyright come from this package.\n *\n * ```tsx\n * import logo from '@flopay/ui/logo.png';\n * <FlopayFooter logo={logo} />                              // on flopay.com\n * <FlopayFooter logo={logo} baseUrl=\"https://flopay.com\" /> // anywhere else\n * ```\n */\nexport function FlopayFooter({ logo, brand, className, ...options }: FlopayFooterProps) {\n  const { tagline, columns, legal, copyright } = flopayFooterContent(options);\n\n  return (\n    <Footer\n      className={className}\n      brand={{\n        src: logo,\n        alt: 'FloPay',\n        label: 'FloPay',\n        href: normalizeBase(options.baseUrl ?? '') || '/',\n        size: 20,\n        mark: true,\n        tagline,\n        ...brand,\n      }}\n      columns={columns}\n      legal={legal}\n      copyright={copyright}\n    />\n  );\n}\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface NavLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n  /** Render as the prominent call-to-action button. */\n  cta?: boolean;\n}\n\nexport interface NavLogo {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  /** Logo image edge size in px (default 28). */\n  size?: number;\n  /** Wrap the image in the rounded brand mark. */\n  mark?: boolean;\n}\n\nexport interface NavProps {\n  logo: NavLogo;\n  links?: NavLink[];\n  /** Extra item appended to the link list (e.g. an interactive control). */\n  children?: ReactNode;\n  className?: string;\n}\n\n/** Shared fixed top navigation for marketing surfaces (landing, demo). */\nexport function Nav({ logo, links = [], children, className }: NavProps) {\n  const size = logo.size ?? 28;\n  const image = <Image src={logo.src} alt={logo.alt ?? ''} width={size} height={size} priority />;\n\n  return (\n    <nav className={cn('nav', className)}>\n      <div className=\"nav-inner\">\n        <MarketingLink href={logo.href ?? '/'} className=\"nav-logo\">\n          {logo.mark ? (\n            <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n              {image}\n            </span>\n          ) : (\n            image\n          )}\n          {logo.label}\n        </MarketingLink>\n        <ul className=\"nav-links\">\n          {/* Keyed by index: placeholder links legitimately share an href.\n              `nav-link-item` is what the narrow-viewport rule hides, so the\n              call to action survives on mobile while the rest collapse. */}\n          {links.map((link, index) => (\n            <li key={index} className={link.cta ? undefined : 'nav-link-item'}>\n              <MarketingLink\n                href={link.href}\n                external={link.external}\n                className={link.cta ? 'nav-cta' : undefined}\n              >\n                {link.label}\n              </MarketingLink>\n            </li>\n          ))}\n          {children ? <li>{children}</li> : null}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAuC;;;ACAvC,kBAAsC;AACtC,4BAAwB;AAOjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ACVA,kBAAiB;AAwBX;AAPC,SAAS,cAAc,EAAE,MAAM,UAAU,WAAW,SAAS,GAAuB;AACzF,QAAM,aAAa,eAAe,KAAK,IAAI,KAAK,KAAK,WAAW,IAAI;AACpE,QAAM,aAAa,CAAC,cAAc,uBAAuB,KAAK,IAAI;AAClE,QAAM,iBAAiB,YAAY;AAEnC,MAAI,gBAAgB;AAClB,WACE,4CAAC,OAAE,MAAY,WAAsB,QAAO,UAAS,KAAI,uBACtD,UACH;AAAA,EAEJ;AACA,MAAI,YAAY;AACd,WACE,4CAAC,OAAE,MAAY,WACZ,UACH;AAAA,EAEJ;AACA,SACE,4CAAC,YAAAA,SAAA,EAAK,MAAY,WACf,UACH;AAEJ;;;AFHgB,IAAAC,sBAAA;AAFT,SAAS,OAAO,EAAE,OAAO,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,WAAW,UAAU,GAAgB;AAC7F,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,QAAQ,6CAAC,aAAAC,SAAA,EAAM,KAAK,MAAM,KAAK,KAAK,MAAM,OAAO,IAAI,OAAO,MAAM,QAAQ,MAAM;AAEtF,SACE,8CAAC,YAAO,WAAW,GAAG,UAAU,SAAS,GACvC;AAAA,kDAAC,SAAI,WAAU,gBACb;AAAA,oDAAC,SAAI,WAAU,gBACb;AAAA,sDAAC,iBAAc,MAAM,MAAM,QAAQ,KAAK,WAAU,YAC/C;AAAA,gBAAM,OACL,6CAAC,UAAK,WAAU,iBAAgB,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK,GAChE,iBACH,IAEA;AAAA,UAED,MAAM;AAAA,WACT;AAAA,QACC,MAAM,UAAU,6CAAC,OAAG,gBAAM,SAAQ,IAAO;AAAA,SAC5C;AAAA,MACC,QAAQ,IAAI,CAAC,QAAQ,UACpB,8CAAC,SAAI,WAAU,iBACb;AAAA,qDAAC,QAAI,iBAAO,OAAM;AAAA,QAClB,6CAAC,QAEE,iBAAO,MAAM,IAAI,CAAC,MAAM,cACvB,6CAAC,QACC,uDAAC,iBAAc,MAAM,KAAK,MAAM,UAAU,KAAK,UAC5C,eAAK,OACR,KAHO,SAIT,CACD,GACH;AAAA,WAXkC,KAYpC,CACD;AAAA,OACH;AAAA,IACA,8CAAC,SAAI,WAAU,iBACZ;AAAA,kBAAY,6CAAC,OAAG,qBAAU,IAAO,6CAAC,UAAK;AAAA,MACvC,MAAM,SAAS,IACd,6CAAC,SAAI,WAAU,gBACZ,gBAAM,IAAI,CAAC,SACV,6CAAC,iBAA8B,MAAM,KAAK,MAAM,UAAU,KAAK,UAC5D,eAAK,SADY,KAAK,IAEzB,CACD,GACH,IACE;AAAA,OACN;AAAA,KACF;AAEJ;;;AGiCI,IAAAC,sBAAA;AAhGJ,IAAM,UAAU;AAChB,IAAM,UAAU;AAChB,IAAM,WAAW;AACjB,IAAM,UAAU;AAChB,IAAM,WAAW;AAOjB,SAAS,cAAc,SAAiB;AACtC,SAAO,QAAQ,QAAQ,QAAQ,EAAE;AACnC;AASO,SAAS,oBAAoB;AAAA,EAClC,UAAU;AAAA,EACV,UAAU;AAAA,EACV;AACF,IAAyB,CAAC,GAAwB;AAChD,QAAM,OAAO,cAAc,OAAO;AAClC,QAAM,QAAQ,CAAC,SAAiB,GAAG,IAAI,GAAG,IAAI;AAC9C,QAAM,UAAU,QAAQ;AAExB,SAAO;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,MACP;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,UACL,EAAE,MAAM,MAAM,QAAQ,GAAG,OAAO,aAAa;AAAA,UAC7C,EAAE,MAAM,MAAM,wBAAwB,GAAG,OAAO,wBAAwB;AAAA,UACxE,EAAE,MAAM,SAAS,OAAO,0BAA0B;AAAA,UAClD,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAAA,UAC1C,EAAE,MAAM,SAAS,OAAO,4BAA4B;AAAA,UACpD,EAAE,MAAM,SAAS,OAAO,8BAA8B;AAAA,QACxD;AAAA,MACF;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,UACL,EAAE,MAAM,UAAU,OAAO,gBAAgB;AAAA,UACzC,EAAE,MAAM,SAAS,OAAO,aAAa;AAAA,UACrC,EAAE,MAAM,SAAS,OAAO,gBAAgB;AAAA,UACxC,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAAA,QAC5C;AAAA,MACF;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,UACL,EAAE,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU;AAAA,UAC5C,EAAE,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS;AAAA,UAC1C,EAAE,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU;AAAA,UAC5C,EAAE,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO;AAAA,UACtC,EAAE,MAAM,cAAc,MAAM,UAAU,GAAG,OAAO,UAAU;AAAA,QAC5D;AAAA,MACF;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,EAAE,MAAM,MAAM,gBAAgB,GAAG,OAAO,UAAU;AAAA,MAClD,EAAE,MAAM,MAAM,cAAc,GAAG,OAAO,QAAQ;AAAA,MAC9C,EAAE,MAAM,MAAM,gBAAgB,GAAG,OAAO,UAAU;AAAA,IACpD;AAAA,IACA,WAAW,SAAK,oBAAI,KAAK,GAAE,YAAY,CAAC,IAAI,OAAO;AAAA,EACrD;AACF;AAoBO,SAAS,aAAa,EAAE,MAAM,OAAO,WAAW,GAAG,QAAQ,GAAsB;AACtF,QAAM,EAAE,SAAS,SAAS,OAAO,UAAU,IAAI,oBAAoB,OAAO;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM,cAAc,QAAQ,WAAW,EAAE,KAAK;AAAA,QAC9C,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;;;ACxIA,IAAAC,gBAAuC;AAoCvB,IAAAC,sBAAA;AAFT,SAAS,IAAI,EAAE,MAAM,QAAQ,CAAC,GAAG,UAAU,UAAU,GAAa;AACvE,QAAM,OAAO,KAAK,QAAQ;AAC1B,QAAM,QAAQ,6CAAC,cAAAC,SAAA,EAAM,KAAK,KAAK,KAAK,KAAK,KAAK,OAAO,IAAI,OAAO,MAAM,QAAQ,MAAM,UAAQ,MAAC;AAE7F,SACE,6CAAC,SAAI,WAAW,GAAG,OAAO,SAAS,GACjC,wDAAC,SAAI,WAAU,aACb;AAAA,kDAAC,iBAAc,MAAM,KAAK,QAAQ,KAAK,WAAU,YAC9C;AAAA,WAAK,OACJ,6CAAC,UAAK,WAAU,iBAAgB,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK,GAChE,iBACH,IAEA;AAAA,MAED,KAAK;AAAA,OACR;AAAA,IACA,8CAAC,QAAG,WAAU,aAIX;AAAA,YAAM,IAAI,CAAC,MAAM,UAChB,6CAAC,QAAe,WAAW,KAAK,MAAM,SAAY,iBAChD;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,UAAU,KAAK;AAAA,UACf,WAAW,KAAK,MAAM,YAAY;AAAA,UAEjC,eAAK;AAAA;AAAA,MACR,KAPO,KAQT,CACD;AAAA,MACA,WAAW,6CAAC,QAAI,UAAS,IAAQ;AAAA,OACpC;AAAA,KACF,GACF;AAEJ;","names":["Link","import_jsx_runtime","Image","import_jsx_runtime","import_image","import_jsx_runtime","Image"]}
+{"version":3,"sources":["../../src/marketing/index.ts","../../src/marketing/footer.tsx","../../src/cn.ts","../../src/marketing/link.tsx","../../src/marketing/flopay-footer.tsx","../../src/marketing/nav.tsx"],"sourcesContent":["export type {\n  FlopayFooterContent,\n  FlopayFooterOptions,\n  FlopayFooterProps,\n} from './flopay-footer';\nexport { FlopayFooter, flopayFooterContent } from './flopay-footer';\nexport type { FooterBrand, FooterColumn, FooterLink, FooterProps } from './footer';\nexport { Footer } from './footer';\nexport type { MarketingLinkProps } from './link';\nexport { MarketingLink } from './link';\nexport type { NavLink, NavLogo, NavProps } from './nav';\nexport { Nav } from './nav';\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface FooterLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n}\n\nexport interface FooterColumn {\n  title: ReactNode;\n  links: FooterLink[];\n}\n\nexport interface FooterBrand {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  size?: number;\n  mark?: boolean;\n  tagline?: ReactNode;\n}\n\nexport interface FooterProps {\n  brand: FooterBrand;\n  columns?: FooterColumn[];\n  legal?: FooterLink[];\n  copyright?: ReactNode;\n  className?: string;\n}\n\n/** Shared site footer for marketing surfaces (landing, demo). */\nexport function Footer({ brand, columns = [], legal = [], copyright, className }: FooterProps) {\n  const size = brand.size ?? 20;\n  const image = <Image src={brand.src} alt={brand.alt ?? ''} width={size} height={size} />;\n\n  return (\n    <footer className={cn('footer', className)}>\n      <div className=\"footer-inner\">\n        <div className=\"footer-brand\">\n          <MarketingLink href={brand.href ?? '/'} className=\"nav-logo\">\n            {brand.mark ? (\n              <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n                {image}\n              </span>\n            ) : (\n              image\n            )}\n            {brand.label}\n          </MarketingLink>\n          {brand.tagline ? <p>{brand.tagline}</p> : null}\n        </div>\n        {columns.map((column, index) => (\n          <div className=\"footer-column\" key={index}>\n            <h4>{column.title}</h4>\n            <ul>\n              {/* Keyed by index: placeholder links legitimately share an href. */}\n              {column.links.map((link, linkIndex) => (\n                <li key={linkIndex}>\n                  <MarketingLink href={link.href} external={link.external}>\n                    {link.label}\n                  </MarketingLink>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n      <div className=\"footer-bottom\">\n        {copyright ? <p>{copyright}</p> : <span />}\n        {legal.length > 0 ? (\n          <div className=\"footer-legal\">\n            {legal.map((link) => (\n              <MarketingLink key={link.href} href={link.href} external={link.external}>\n                {link.label}\n              </MarketingLink>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Merge class names, resolving conflicting Tailwind utilities (last wins).\n * Mirrors the helper used across the FloPay frontends so consumers can extend\n * any primitive's classes safely.\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import Link from 'next/link';\nimport type { ReactNode } from 'react';\n\nexport interface MarketingLinkProps {\n  href: string;\n  /** Force new-tab rendering. Defaults to true for absolute http(s) URLs. */\n  external?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Picks the right element for a marketing link:\n * - internal route (\"/...\", \"#...\") → next/link\n * - protocol link (mailto:/tel:) → plain anchor\n * - absolute URL (or `external`) → new-tab anchor\n */\nexport function MarketingLink({ href, external, className, children }: MarketingLinkProps) {\n  const isAbsolute = /^https?:\\/\\//.test(href) || href.startsWith('//');\n  const isProtocol = !isAbsolute && /^[a-z][a-z0-9+.-]*:/i.test(href);\n  const openExternally = external ?? isAbsolute;\n\n  if (openExternally) {\n    return (\n      <a href={href} className={className} target=\"_blank\" rel=\"noopener noreferrer\">\n        {children}\n      </a>\n    );\n  }\n  if (isProtocol) {\n    return (\n      <a href={href} className={className}>\n        {children}\n      </a>\n    );\n  }\n  return (\n    <Link href={href} className={className}>\n      {children}\n    </Link>\n  );\n}\n","import type { ImageProps } from 'next/image';\nimport type { FooterBrand, FooterColumn, FooterLink } from './footer';\nimport { Footer } from './footer';\n\nexport interface FlopayFooterOptions {\n  /**\n   * Origin for marketing-site routes, e.g. `https://flopay.com`. Leave unset on\n   * the marketing site itself so its own routes stay relative.\n   */\n  baseUrl?: string;\n  /** Where \"Demo Playground\" points. Defaults to the hosted playground. */\n  demoUrl?: string;\n  /** Where \"Contact\" points. Defaults to `<baseUrl>/contact`. */\n  contactUrl?: string;\n}\n\nexport interface FlopayFooterContent {\n  tagline: string;\n  columns: FooterColumn[];\n  legal: FooterLink[];\n  copyright: string;\n}\n\nconst TAGLINE = 'Payment Orchestration That Keeps Revenue Flowing';\nconst COMPANY = 'FloPay LLC';\n/**\n * Developer documentation lives on the marketing site at `/docs` (the old\n * `docs.flopay.com` host is being retired and will 301 there), so it is a\n * `route()` like every other marketing page. The REST API reference is a\n * separate host and stays absolute.\n */\nconst DOCS_PATH = '/docs';\nconst API_URL = 'https://api.flopay.com/docs';\nconst DEMO_URL = 'https://demo.flopay.com';\n\n/**\n * Trim trailing slashes so `${base}${path}` can't double up: a caller passing\n * `https://flopay.com/` should still get `https://flopay.com/vault`, and the\n * placeholder href shouldn't keep a dangling slash either.\n */\nfunction normalizeBase(baseUrl: string) {\n  return baseUrl.replace(/\\/+$/, '');\n}\n\n/**\n * The FloPay footer sitemap — one source of truth so every portal shows the\n * same columns, labels and order.\n *\n * Products without a page yet point at the marketing home page (`#` when the\n * caller *is* the marketing site, where that would be a self-link).\n */\nexport function flopayFooterContent({\n  baseUrl = '',\n  demoUrl = DEMO_URL,\n  contactUrl,\n}: FlopayFooterOptions = {}): FlopayFooterContent {\n  const base = normalizeBase(baseUrl);\n  const route = (path: string) => `${base}${path}`;\n  const pending = base || '#';\n\n  return {\n    tagline: TAGLINE,\n    columns: [\n      {\n        title: 'Product',\n        links: [\n          { href: route('/vault'), label: 'Card Vault' },\n          { href: route('/chargeback-prevention'), label: 'Chargeback Prevention' },\n          { href: pending, label: 'Agent-Assisted Commerce' },\n          { href: pending, label: 'The Agent Vault' },\n          { href: pending, label: 'Agentic Discovery Network' },\n          { href: pending, label: 'Smart Agentic Orchestration' },\n        ],\n      },\n      {\n        title: 'Development',\n        links: [\n          { href: route(DOCS_PATH), label: 'Documentation' },\n          { href: pending, label: 'MCP Server' },\n          { href: API_URL, label: 'API Reference' },\n          { href: demoUrl, label: 'Demo Playground' },\n        ],\n      },\n      {\n        title: 'Company',\n        links: [\n          { href: route('/mission'), label: 'Mission' },\n          { href: route('/values'), label: 'Values' },\n          { href: route('/pricing'), label: 'Pricing' },\n          { href: route('/partners'), label: 'Partners' },\n          { href: route('/blog'), label: 'Blog' },\n          { href: contactUrl ?? route('/contact'), label: 'Contact' },\n        ],\n      },\n    ],\n    legal: [\n      { href: route('/legal/privacy'), label: 'Privacy' },\n      { href: route('/legal/terms'), label: 'Terms' },\n      { href: route('/legal/cookies'), label: 'Cookies' },\n    ],\n    copyright: `© ${new Date().getFullYear()} ${COMPANY}. All rights reserved.`,\n  };\n}\n\nexport interface FlopayFooterProps extends FlopayFooterOptions {\n  /** The shared logo: `import logo from '@flopay/ui/logo.png'`. */\n  logo: ImageProps['src'];\n  /** Override parts of the default brand block (label, tagline, size, …). */\n  brand?: Partial<Omit<FooterBrand, 'src'>>;\n  className?: string;\n}\n\n/**\n * The FloPay footer, content included — drop it into any portal and the\n * sitemap, tagline and copyright come from this package.\n *\n * ```tsx\n * import logo from '@flopay/ui/logo.png';\n * <FlopayFooter logo={logo} />                              // on flopay.com\n * <FlopayFooter logo={logo} baseUrl=\"https://flopay.com\" /> // anywhere else\n * ```\n */\nexport function FlopayFooter({ logo, brand, className, ...options }: FlopayFooterProps) {\n  const { tagline, columns, legal, copyright } = flopayFooterContent(options);\n\n  return (\n    <Footer\n      className={className}\n      brand={{\n        src: logo,\n        alt: 'FloPay',\n        label: 'FloPay',\n        href: normalizeBase(options.baseUrl ?? '') || '/',\n        size: 20,\n        mark: true,\n        tagline,\n        ...brand,\n      }}\n      columns={columns}\n      legal={legal}\n      copyright={copyright}\n    />\n  );\n}\n","import Image, { type ImageProps } from 'next/image';\nimport type { ReactNode } from 'react';\nimport { cn } from '../cn';\nimport { MarketingLink } from './link';\n\nexport interface NavLink {\n  href: string;\n  label: ReactNode;\n  external?: boolean;\n  /** Render as the prominent call-to-action button. */\n  cta?: boolean;\n}\n\nexport interface NavLogo {\n  /** A URL string or a statically-imported image (e.g. `@flopay/ui/logo.png`). */\n  src: ImageProps['src'];\n  alt?: string;\n  label?: ReactNode;\n  href?: string;\n  /** Logo image edge size in px (default 28). */\n  size?: number;\n  /** Wrap the image in the rounded brand mark. */\n  mark?: boolean;\n}\n\nexport interface NavProps {\n  logo: NavLogo;\n  links?: NavLink[];\n  /** Extra item appended to the link list (e.g. an interactive control). */\n  children?: ReactNode;\n  className?: string;\n}\n\n/** Shared fixed top navigation for marketing surfaces (landing, demo). */\nexport function Nav({ logo, links = [], children, className }: NavProps) {\n  const size = logo.size ?? 28;\n  const image = <Image src={logo.src} alt={logo.alt ?? ''} width={size} height={size} priority />;\n\n  return (\n    <nav className={cn('nav', className)}>\n      <div className=\"nav-inner\">\n        <MarketingLink href={logo.href ?? '/'} className=\"nav-logo\">\n          {logo.mark ? (\n            <span className=\"nav-logo-mark\" style={{ width: size, height: size }}>\n              {image}\n            </span>\n          ) : (\n            image\n          )}\n          {logo.label}\n        </MarketingLink>\n        <ul className=\"nav-links\">\n          {/* Keyed by index: placeholder links legitimately share an href.\n              `nav-link-item` is what the narrow-viewport rule hides, so the\n              call to action survives on mobile while the rest collapse. */}\n          {links.map((link, index) => (\n            <li key={index} className={link.cta ? undefined : 'nav-link-item'}>\n              <MarketingLink\n                href={link.href}\n                external={link.external}\n                className={link.cta ? 'nav-cta' : undefined}\n              >\n                {link.label}\n              </MarketingLink>\n            </li>\n          ))}\n          {children ? <li>{children}</li> : null}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n"],"mappings":"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","names":["Link","import_jsx_runtime","Image","import_jsx_runtime","import_image","import_jsx_runtime","Image"]}

package/dist/marketing/index.mjs

@@ -51,7 +51,7 @@ function Footer({ brand, columns = [], legal = [], copyright, className }) {
 import { jsx as jsx3 } from "react/jsx-runtime";
 var TAGLINE = "Payment Orchestration That Keeps Revenue Flowing";
 var COMPANY = "FloPay LLC";
-var DOCS_URL = "https://docs.flopay.com/docs";
+var DOCS_PATH = "/docs";
 var API_URL = "https://api.flopay.com/docs";
 var DEMO_URL = "https://demo.flopay.com";
 function normalizeBase(baseUrl) {
@@ -82,7 +82,7 @@ function flopayFooterContent({
       {
         title: "Development",
         links: [
-          { href: DOCS_URL, label: "Documentation" },
+          { href: route(DOCS_PATH), label: "Documentation" },
           { href: pending, label: "MCP Server" },
           { href: API_URL, label: "API Reference" },
           { href: demoUrl, label: "Demo Playground" }
@@ -94,6 +94,7 @@ function flopayFooterContent({
           { href: route("/mission"), label: "Mission" },
           { href: route("/values"), label: "Values" },
           { href: route("/pricing"), label: "Pricing" },
+          { href: route("/partners"), label: "Partners" },
           { href: route("/blog"), label: "Blog" },
           { href: contactUrl ?? route("/contact"), label: "Contact" }
         ]