@npm_leadtech/legal-contracts-ui 0.113.0 → 0.114.1

package/dist/components/Anchor.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Anchor: ({ children, variant, className, ...props }: AnchorProps) => JSX.Element;
 
 export interface AnchorProps extends React.ComponentProps<'a'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 

package/dist/components/Anchor.js

@@ -1,12 +1,13 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import d from "clsx";
-const v = ({ children: s, variant: i = "default", className: c = "", ...e }) => {
-  const t = e.href || "", r = t.toLowerCase(), l = r.startsWith("mailto:"), n = r.startsWith("tel:"), a = {
+const b = ({ children: a, variant: i = "default", className: c = "", ...r }) => {
+  const t = r.href || "", e = t.toLowerCase(), l = e.startsWith("mailto:"), n = e.startsWith("tel:"), s = {
     default: "text-neutral-900 underline ",
     legal: "text-primary-700 cursor-pointer",
     "about-us": "text-primary-700 cursor-pointer",
-    pricing: "cursor-pointer text-neutral-900"
-  }, u = a[i] ?? a.default, o = t.startsWith("http") && !n && !l, f = (() => {
+    pricing: "cursor-pointer text-neutral-900",
+    unsubscribe: "text-primary-700 cursor-pointer"
+  }, u = s[i] ?? s.default, o = t.startsWith("http") && !n && !l, p = (() => {
     if (!n) return t;
     try {
       return decodeURIComponent(t).replace(/\s/g, "");
@@ -14,18 +15,18 @@ const v = ({ children: s, variant: i = "default", className: c = "", ...e }) =>
       return t.replace(/%20/g, "").replace(/\s/g, "");
     }
   })();
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(
     "a",
     {
-      ...e,
-      href: f,
+      ...r,
+      href: p,
       className: d(c, u),
       target: o ? "_blank" : void 0,
       rel: o ? "noopener noreferrer" : void 0,
-      children: s
+      children: a
     }
   );
 };
 export {
-  v as Anchor
+  b as Anchor
 };

package/dist/components/Blockquote.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Blockquote: ({ children, variant }: BlockquoteProps) => JSX.Element;
 
 export interface BlockquoteProps extends React.ComponentProps<'blockquote'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 

package/dist/components/Blockquote.js

@@ -1,8 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-const l = ({ children: t, variant: a = "default" }) => /* @__PURE__ */ r("blockquote", { className: {
+import { jsx as a } from "react/jsx-runtime";
+const o = ({ children: t, variant: r = "default" }) => /* @__PURE__ */ a("blockquote", { className: {
   default: "my-4 border-l-4 border-gray-300 pl-4 text-gray-700 italic",
-  "about-us": "my-4 text-gray-700 italic bg-neutral-25 pt-4 px-4 pb-0.5"
-}[a], children: t });
+  "about-us": "my-4 text-gray-700 italic bg-neutral-25 pt-4 px-4 pb-0.5",
+  unsubscribe: "my-4 border-l-4 border-neutral-300 pl-4 text-neutral-700 italic"
+}[r], children: t });
 export {
-  l as Blockquote
+  o as Blockquote
 };

package/dist/components/Header2.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
 
 export interface Header2Props extends React.ComponentProps<'h2'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 

package/dist/components/Header2.js

@@ -1,9 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-import r from "clsx";
-const s = ({ children: t, variant: a = "default" }) => /* @__PURE__ */ e("h2", { className: r("mt-5 text-3xl font-bold", {
+import { jsx as n } from "react/jsx-runtime";
+import l from "clsx";
+const a = ({ children: e, variant: t = "default" }) => /* @__PURE__ */ n("h2", { className: l(t === "unsubscribe" ? "mt-0" : "mt-5", t === "unsubscribe" ? "" : "text-3xl", "font-bold", {
   default: "mb-3 text-gray-900",
-  legal: "mb-6 text-neutral-800"
-}[a]), children: t });
+  legal: "mx-[-220px] mb-6 bg-white px-[220px] text-left text-neutral-800",
+  unsubscribe: "mb-0 w-full bg-white text-left text-[1.75rem] leading-tight font-bold text-neutral-900 px-4 pb-4 pt-8 font-sans tracking-tight md:px-8 md:pb-4 md:pt-[2.7rem] md:text-[2rem] md:leading-8"
+}[t]), children: e });
 export {
-  s as Header2
+  a as Header2
 };

package/dist/components/Jumbotron3.d.ts

@@ -4,5 +4,7 @@ export declare const Jumbotron3: FC<Jumbotron3Props>;
 
 export declare interface Jumbotron3Props {
     title: string;
+    domain: string;
+    className?: string;
 }
 

package/dist/components/Jumbotron3.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-const a = ({ title: r }) => /* @__PURE__ */ e("section", { className: "bg-primary-50 py-14", children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-4xl text-center", children: /* @__PURE__ */ e("p", { className: "font-lora text-super-hero text-neutral-900", children: r }) }) });
+const o = ({ title: t, domain: r, className: x }) => /* @__PURE__ */ e("section", { className: `px-6 py-10 md:px-12 lg:px-[120px] ${x ?? ""}`, children: /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-[1000px] text-center", children: /* @__PURE__ */ e("p", { className: "font-lora text-super-hero text-neutral-900", children: t + " " + r }) }) });
 export {
-  a as Jumbotron3
+  o as Jumbotron3
 };

package/dist/components/LegalTemplate.d.ts

@@ -2,6 +2,8 @@ import { FC } from 'react';
 
 export interface Jumbotron3Props {
     title: string;
+    domain: string;
+    className?: string;
 }
 
 export declare const LegalTemplate: FC<LegalTemplateProps>;

package/dist/components/LegalesTemplate.d.ts

@@ -3,6 +3,8 @@ import { ReactNode } from 'react';
 
 export interface Jumbotron3Props {
     title: string;
+    domain: string;
+    className?: string;
 }
 
 export declare const LegalesTemplate: FC<LegalesTemplateProps>;

package/dist/components/Markdown.d.ts

@@ -6,6 +6,6 @@ export declare interface MarkdownProps {
     content: string;
     className?: string;
     useCustom?: boolean;
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 

package/dist/components/Markdown.js

@@ -1,50 +1,60 @@
 import { jsx as r } from "react/jsx-runtime";
-import a, { defaultUrlTransform as s } from "react-markdown";
+import l, { defaultUrlTransform as a } from "react-markdown";
 import i from "rehype-raw";
-import l from "remark-gfm";
-import { Anchor as f } from "./Anchor.js";
+import f from "remark-gfm";
+import { Anchor as s } from "./Anchor.js";
 import { Blockquote as c } from "./Blockquote.js";
 import { Code as d } from "./Code.js";
-import { Header1 as h } from "./Header1.js";
-import { Header2 as u } from "./Header2.js";
-import { Header3 as C } from "./Header3.js";
-import { Header4 as b } from "./Header4.js";
-import { OrderedList as k } from "./OrderedList.js";
-import { Paragraph as T } from "./Paragraph.js";
-import { TableRow as w, TableHeader as g, TableData as H, Table as q } from "./Table.js";
-import { UnorderedList as x } from "./UnorderedList.js";
-import { Video as P } from "./Video.js";
-import { Emphasis as R } from "./Emphasis.js";
-import U from "clsx";
-const y = (m) => m.startsWith("tel:") ? m : s(m), v = ({ content: m, className: t = "", useCustom: n = !0, variant: e = "default" }) => {
+import { Header1 as u } from "./Header1.js";
+import { Header2 as h } from "./Header2.js";
+import { Header3 as b } from "./Header3.js";
+import { Header4 as C } from "./Header4.js";
+import { OrderedList as g } from "./OrderedList.js";
+import { Paragraph as k } from "./Paragraph.js";
+import { TableRow as w, TableHeader as x, TableData as T, Table as _ } from "./Table.js";
+import { UnorderedList as H } from "./UnorderedList.js";
+import { Video as q } from "./Video.js";
+import { Emphasis as P } from "./Emphasis.js";
+import R from "clsx";
+const U = (e) => e.startsWith("tel:") ? e : a(e), v = ({ content: e, className: t = "", useCustom: n = !0, variant: m = "default" }) => {
   const p = {
-    h1: h,
-    h2: (o) => /* @__PURE__ */ r(u, { variant: e, ...o }),
-    h3: C,
-    h4: b,
-    p: (o) => /* @__PURE__ */ r(T, { variant: e, ...o }),
-    a: (o) => /* @__PURE__ */ r(f, { variant: e, ...o }),
-    ul: (o) => /* @__PURE__ */ r(x, { variant: e, ...o }),
-    ol: (o) => /* @__PURE__ */ r(k, { variant: e, ...o }),
+    h1: u,
+    h2: (o) => /* @__PURE__ */ r(h, { variant: m, ...o }),
+    h3: b,
+    h4: C,
+    p: (o) => /* @__PURE__ */ r(k, { variant: m, ...o }),
+    a: (o) => /* @__PURE__ */ r(s, { variant: m, ...o }),
+    ul: (o) => /* @__PURE__ */ r(H, { variant: m, ...o }),
+    ol: (o) => /* @__PURE__ */ r(g, { variant: m, ...o }),
     code: d,
-    blockquote: (o) => /* @__PURE__ */ r(c, { variant: e, ...o }),
-    video: P,
-    table: q,
-    td: H,
-    th: g,
+    blockquote: (o) => /* @__PURE__ */ r(c, { variant: m, ...o }),
+    video: q,
+    table: _,
+    td: T,
+    th: x,
     tr: w,
-    em: R
+    em: P
   };
-  return /* @__PURE__ */ r("div", { className: U("w-full min-w-0", t), children: /* @__PURE__ */ r(
-    a,
+  return /* @__PURE__ */ r(
+    "div",
     {
-      rehypePlugins: [i],
-      remarkPlugins: [l],
-      urlTransform: y,
-      components: n ? p : void 0,
-      children: m
+      className: R(
+        "w-full min-w-0",
+        m === "unsubscribe" && "bg-neutral-25 mb-16 flex flex-col flex-wrap md:mx-12 md:mb-12 [&_h2+p]:pt-6 [&_img]:mx-auto [&_img]:block [&_img]:h-auto [&_img]:w-full [&_img]:max-w-full [&_p+h2]:mt-0",
+        t
+      ),
+      children: /* @__PURE__ */ r(
+        l,
+        {
+          rehypePlugins: [i],
+          remarkPlugins: [f],
+          urlTransform: U,
+          components: n ? p : void 0,
+          children: e
+        }
+      )
     }
-  ) });
+  );
 };
 export {
   v as Markdown

package/dist/components/OrderedList.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const OrderedList: ({ variant, children }: OrderedListProps) => JSX.Element;
 
 export interface OrderedListProps extends React.ComponentProps<'ol'> {
-    variant?: 'default' | 'tooltip' | 'legal' | 'about-us' | 'pricing';
+    variant?: 'default' | 'tooltip' | 'legal' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 

package/dist/components/OrderedList.js

@@ -1,7 +1,8 @@
-import { jsx as s } from "react/jsx-runtime";
-const i = ({ variant: t = "default", children: e }) => /* @__PURE__ */ s("ol", { className: {
+import { jsx as l } from "react/jsx-runtime";
+const i = ({ variant: t = "default", children: e }) => /* @__PURE__ */ l("ol", { className: {
   default: "mb-4 list-inside list-decimal text-gray-900 space-y-2",
-  legal: "list-outside list-decimal pl-8 mb-4 text-neutral-800 space-y-4"
+  legal: "list-outside list-decimal pl-8 mb-4 text-neutral-800 space-y-4",
+  unsubscribe: "mb-4 w-full list-outside list-decimal space-y-2 px-8 pl-10 text-neutral-800 md:px-8 lg:px-[8rem]"
 }[t], children: e });
 export {
   i as OrderedList

package/dist/components/Paragraph.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
 
 export interface ParagraphProps extends React.ComponentProps<'p'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 

package/dist/components/Paragraph.js

@@ -1,9 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
-import s from "clsx";
-const n = ({ variant: t = "default", children: a }) => /* @__PURE__ */ r("p", { className: s("mb-4", {
+import { jsx as a } from "react/jsx-runtime";
+import r from "clsx";
+const m = ({ variant: t = "default", children: e }) => /* @__PURE__ */ a("p", { className: r(t !== "unsubscribe" && "mb-4", {
   default: "",
-  legal: "text-neutral-800 last:mb-0 tracking-tight"
-}[t]), children: a });
+  legal: "text-neutral-800 last:mb-0 tracking-tight",
+  unsubscribe: "mb-0 w-full px-8 pb-6 text-left text-base leading-[22px] text-neutral-800 md:px-8 md:text-[17px] md:leading-6 lg:px-[8rem]"
+}[t]), children: e });
 export {
-  n as Paragraph
+  m as Paragraph
 };

package/dist/components/PricingPlanCard.d.ts

@@ -1,8 +1,6 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
-
 export declare const PricingPlanCard: FC<PricingPlanCardProps>;
 
 export declare interface PricingPlanCardProps {
@@ -16,10 +14,7 @@ export declare interface PricingPlanCardProps {
         isHighlighted?: boolean;
         cardStyles?: PricingPlanVariant;
     }[];
-    cta?: {
-        label: string;
-        buttonVariant: ButtonVariant;
-    };
+    cta?: ReactNode;
     icon?: ReactNode;
 }
 

package/dist/components/PricingPlanCard.js

@@ -1,7 +1,7 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Button as d } from "./Button.js";
-import { Markdown as m } from "./Markdown.js";
-const x = ({ variant: r, title: i, subtitle: s, items: o, cta: t }) => {
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Markdown as d } from "./Markdown.js";
+import { LinkWrapper as m } from "./LinkWrapper.js";
+const x = ({ variant: r, title: i, subtitle: s, items: o, cta: n }) => {
   const a = {
     Primary: {
       container: "bg-neutral-25",
@@ -14,30 +14,30 @@ const x = ({ variant: r, title: i, subtitle: s, items: o, cta: t }) => {
       button: "primary-yellow"
     }
   }, c = { Primary: "bg-primary-100 p-2 rounded-lg", Secondary: "bg-secondary-200 p-2 rounded-lg" };
-  return /* @__PURE__ */ n("div", { className: `${a[r].container} flex h-full flex-col gap-6 rounded-2xl p-6`, children: [
+  return /* @__PURE__ */ t("div", { className: `${a[r].container} flex h-full flex-col gap-6 rounded-2xl p-6`, children: [
     /* @__PURE__ */ e("span", { className: `text-big w-fit rounded-lg px-4 py-2 font-bold ${a[r].chip}`, children: i }),
     /* @__PURE__ */ e("p", { className: "text-medium font-bold text-neutral-800", children: s }),
     /* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-200" }),
-    /* @__PURE__ */ e("ul", { className: "flex flex-col gap-4", children: o.map((l) => /* @__PURE__ */ n(
+    /* @__PURE__ */ e("ul", { className: "flex flex-col gap-4", children: o.map((l) => /* @__PURE__ */ t(
       "li",
       {
         className: `flex items-start gap-2 ${l.isHighlighted ? c[l.cardStyles || "Primary"] : ""}`,
         children: [
           /* @__PURE__ */ e("div", { className: "pt-0.5", children: l.image }),
-          /* @__PURE__ */ e(m, { content: l.text, className: "mb-0!", variant: "legal" })
+          /* @__PURE__ */ e(d, { content: l.text, className: "mb-0!", variant: "legal" })
         ]
       },
       l.id
     )) }),
-    t ? /* @__PURE__ */ e(
-      d,
+    n != null && /* @__PURE__ */ e(
+      m,
       {
         size: "large",
         variant: a[r].button,
-        className: "text-medium w-full justify-center font-bold",
-        children: t.label
+        className: "text-medium w-full max-w-52 justify-center font-bold",
+        children: n
       }
-    ) : null
+    )
   ] });
 };
 export {

package/dist/components/PricingPlansSection.d.ts

@@ -1,8 +1,6 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
-
 export interface PricingPlanCardProps {
     variant: PricingPlanVariant;
     title: string;
@@ -14,10 +12,7 @@ export interface PricingPlanCardProps {
         isHighlighted?: boolean;
         cardStyles?: PricingPlanVariant;
     }[];
-    cta?: {
-        label: string;
-        buttonVariant: ButtonVariant;
-    };
+    cta?: ReactNode;
     icon?: ReactNode;
 }
 

package/dist/components/PricingTemplate.d.ts

@@ -101,10 +101,7 @@ export interface PricingPlanCardProps {
         isHighlighted?: boolean;
         cardStyles?: PricingPlanVariant;
     }[];
-    cta?: {
-        label: string;
-        buttonVariant: ButtonVariant;
-    };
+    cta?: ReactNode;
     icon?: ReactNode;
 }
 

package/dist/components/UiComponents.d.ts

@@ -3,13 +3,13 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Anchor: ({ children, variant, className, ...props }: AnchorProps) => JSX.Element;
 
 export interface AnchorProps extends React.ComponentProps<'a'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 
 export declare const Blockquote: ({ children, variant }: BlockquoteProps) => JSX.Element;
 
 export interface BlockquoteProps extends React.ComponentProps<'blockquote'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 
 export declare const Code: ({ children, className }: React.ComponentProps<"code">) => JSX.Element;
@@ -21,7 +21,7 @@ export declare const Header1: ({ children }: React.ComponentProps<"h1">) => JSX.
 export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
 
 export interface Header2Props extends React.ComponentProps<'h2'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 
 export declare const Header3: ({ children }: React.ComponentProps<"h3">) => JSX.Element;
@@ -31,13 +31,13 @@ export declare const Header4: ({ children }: React.ComponentProps<"h4">) => JSX.
 export declare const OrderedList: ({ variant, children }: OrderedListProps) => JSX.Element;
 
 export interface OrderedListProps extends React.ComponentProps<'ol'> {
-    variant?: 'default' | 'tooltip' | 'legal' | 'about-us' | 'pricing';
+    variant?: 'default' | 'tooltip' | 'legal' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 
 export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
 
 export interface ParagraphProps extends React.ComponentProps<'p'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 
 export declare const Table: ({ children }: React.ComponentProps<"table">) => JSX.Element;
@@ -51,7 +51,7 @@ export declare const TableRow: ({ children }: React.ComponentProps<"tr">) => JSX
 export declare const UnorderedList: ({ variant, children }: UnorderedListProps) => JSX.Element;
 
 export interface UnorderedListProps extends React.ComponentProps<'ul'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 
 export declare const Video: ({ children }: React.ComponentProps<"video">) => JSX.Element;

package/dist/components/UnorderedList.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const UnorderedList: ({ variant, children }: UnorderedListProps) => JSX.Element;
 
 export interface UnorderedListProps extends React.ComponentProps<'ul'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 

package/dist/components/UnorderedList.js

@@ -1,17 +1,19 @@
 import { jsx as i } from "react/jsx-runtime";
 import r from "clsx";
-const p = ({ variant: t = "default", children: e }) => {
-  const l = {
+const o = ({ variant: t = "default", children: l }) => {
+  const e = {
     default: "flex list-inside list-disc flex-col px-4 text-neutral-900",
     legal: "list-outside list-disc pl-8 pr-4 text-neutral-800",
-    tooltip: "flex list-inside list-disc flex-col px-4 text-neutral-900"
+    tooltip: "flex list-inside list-disc flex-col px-4 text-neutral-900",
+    unsubscribe: "w-full list-outside list-disc px-8 pl-10 text-neutral-800 md:px-8 lg:px-[8rem]"
   }, s = {
     default: "bg-primary-50 gap-4 mb-4 py-2",
     legal: "space-y-4 mb-4 py-2",
-    tooltip: "gap-2 marker:text-secondary-600"
+    tooltip: "gap-2 marker:text-secondary-600",
+    unsubscribe: "mb-4 py-2"
   };
-  return /* @__PURE__ */ i("ul", { className: r(l[t], s[t]), children: e });
+  return /* @__PURE__ */ i("ul", { className: r(e[t], s[t]), children: l });
 };
 export {
-  p as UnorderedList
+  o as UnorderedList
 };

package/dist/components/UnsubscribeTemplate.d.ts

@@ -2,15 +2,21 @@ import { FC } from 'react';
 
 export interface Jumbotron3Props {
     title: string;
+    domain: string;
+    className?: string;
 }
 
 export interface MarkdownProps {
     content: string;
     className?: string;
     useCustom?: boolean;
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 
+/**
+ * Headless composition for Storybook/tests and typed props. Page-level layout (backgrounds, main, section)
+ * belongs in the Next app — see `UnsubscribePageLayout` in legal-contracts-web.
+ */
 export declare const UnsubscribeTemplate: FC<UnsubscribeTemplateProps>;
 
 export declare interface UnsubscribeTemplateProps {

package/dist/components/UnsubscribeTemplate.js

@@ -1,10 +1,10 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Jumbotron3 as o } from "./Jumbotron3.js";
-import { Markdown as s } from "./Markdown.js";
-const i = ({ jumbotron: l, stepDescription: m }) => /* @__PURE__ */ r("main", { className: "flex min-h-screen flex-1 flex-col bg-white", children: [
-  /* @__PURE__ */ e(o, { ...l }),
-  /* @__PURE__ */ e("section", { className: "px-6 py-16 sm:px-10 lg:px-24", children: /* @__PURE__ */ e("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: /* @__PURE__ */ e(s, { ...m }) }) })
+import { jsxs as t, Fragment as n, jsx as r } from "react/jsx-runtime";
+import { Jumbotron3 as s } from "./Jumbotron3.js";
+import { Markdown as e } from "./Markdown.js";
+const p = ({ jumbotron: o, stepDescription: m }) => /* @__PURE__ */ t(n, { children: [
+  /* @__PURE__ */ r(s, { ...o }),
+  /* @__PURE__ */ r(e, { ...m, variant: "unsubscribe" })
 ] });
 export {
-  i as UnsubscribeTemplate
+  p as UnsubscribeTemplate
 };