@npm_leadtech/legal-contracts-ui 0.110.4 → 0.111.0

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' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 

package/dist/components/Anchor.js

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

package/dist/components/Blockquote.js

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

package/dist/components/Header2.js

@@ -1,10 +1,9 @@
-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", {
+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", {
   default: "mb-3 text-gray-900",
-  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 });
+  legal: "mb-6 text-neutral-800"
+}[a]), children: t });
 export {
-  a as Header2
+  s as Header2
 };

package/dist/components/Jumbotron3.d.ts

@@ -4,7 +4,5 @@ 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 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 }) }) });
+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 }) }) });
 export {
-  o as Jumbotron3
+  a as Jumbotron3
 };

package/dist/components/LegalTemplate.d.ts

@@ -2,8 +2,6 @@ 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,8 +3,6 @@ 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' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 

package/dist/components/Markdown.js

@@ -1,60 +1,50 @@
 import { jsx as r } from "react/jsx-runtime";
-import l, { defaultUrlTransform as a } from "react-markdown";
+import a, { defaultUrlTransform as s } from "react-markdown";
 import i from "rehype-raw";
-import f from "remark-gfm";
-import { Anchor as s } from "./Anchor.js";
+import l from "remark-gfm";
+import { Anchor as f } from "./Anchor.js";
 import { Blockquote as c } from "./Blockquote.js";
 import { Code as d } from "./Code.js";
-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" }) => {
+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" }) => {
   const p = {
-    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 }),
+    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 }),
     code: d,
-    blockquote: (o) => /* @__PURE__ */ r(c, { variant: m, ...o }),
-    video: q,
-    table: _,
-    td: T,
-    th: x,
+    blockquote: (o) => /* @__PURE__ */ r(c, { variant: e, ...o }),
+    video: P,
+    table: q,
+    td: H,
+    th: g,
     tr: w,
-    em: P
+    em: R
   };
-  return /* @__PURE__ */ r(
-    "div",
+  return /* @__PURE__ */ r("div", { className: U("w-full min-w-0", t), children: /* @__PURE__ */ r(
+    a,
     {
-      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
-        }
-      )
+      rehypePlugins: [i],
+      remarkPlugins: [l],
+      urlTransform: y,
+      components: n ? p : void 0,
+      children: m
     }
-  );
+  ) });
 };
 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' | 'unsubscribe';
+    variant?: 'default' | 'tooltip' | 'legal' | 'about-us';
 }
 

package/dist/components/OrderedList.js

@@ -1,8 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
-const i = ({ variant: t = "default", children: e }) => /* @__PURE__ */ l("ol", { className: {
+import { jsx as s } from "react/jsx-runtime";
+const i = ({ variant: t = "default", children: e }) => /* @__PURE__ */ s("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",
-  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]"
+  legal: "list-outside list-decimal pl-8 mb-4 text-neutral-800 space-y-4"
 }[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' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 

package/dist/components/Paragraph.js

@@ -1,10 +1,9 @@
-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", {
+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", {
   default: "",
-  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 });
+  legal: "text-neutral-800 last:mb-0 tracking-tight"
+}[t]), children: a });
 export {
-  m as Paragraph
+  n as Paragraph
 };

package/dist/components/PricingOfferingsSection.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { SectionHeading as s } from "./SectionHeading.js";
-const c = ({ heading: t, items: a }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-12 md:px-12 lg:px-24", children: /* @__PURE__ */ l("div", { className: "bg-primary-50 mx-auto flex max-w-6xl flex-col gap-8 rounded-2xl p-8", children: [
+const c = ({ heading: t, items: a }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-12 md:px-12 lg:px-24", children: /* @__PURE__ */ i("div", { className: "bg-primary-50 mx-auto flex max-w-6xl flex-col gap-8 rounded-2xl p-8", children: [
   /* @__PURE__ */ e(s, { title: t, align: "start", className: "font-bold" }),
-  /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 lg:flex-row", children: a.map((i) => /* @__PURE__ */ l("div", { className: "flex gap-4 rounded-lg bg-white p-5 shadow-sm lg:flex-col", children: [
-    /* @__PURE__ */ e("span", { className: "bg-primary-100 text-primary-700 inline-flex w-fit items-center justify-center rounded-md p-2", children: i.icon }),
-    /* @__PURE__ */ l("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e("p", { className: "text-big text-primary-900 font-bold", children: i.title }),
-      /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: i.description })
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 lg:flex-row", children: a.map((l) => /* @__PURE__ */ i("div", { className: "flex w-full gap-4 rounded-lg bg-white p-5 shadow-sm lg:flex-col", children: [
+    /* @__PURE__ */ e("span", { className: "bg-primary-100 text-primary-700 inline-flex w-fit items-center justify-center rounded-md p-2", children: l.icon }),
+    /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("p", { className: "text-big text-primary-900 font-bold", children: l.title }),
+      /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l.description })
     ] })
-  ] }, i.id)) })
+  ] }, l.id)) })
 ] }) });
 export {
   c as PricingOfferingsSection

package/dist/components/PricingTemplate.js

@@ -1,34 +1,34 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { PricingResourcesSection as f } from "./PricingResourcesSection.js";
-import { Jumbotron2 as s } from "./Jumbotron2.js";
-import { IntroSection as a } from "./IntroSection.js";
+import { PricingResourcesSection as s } from "./PricingResourcesSection.js";
+import { Jumbotron2 as a } from "./Jumbotron2.js";
+import { IntroSection as f } from "./IntroSection.js";
 import { PricingPlansSection as p } from "./PricingPlansSection.js";
 import { PricingOfferingsSection as u } from "./PricingOfferingsSection.js";
 import { PricingSupportTeaserSection as x } from "./PricingSupportTeaserSection.js";
 import { FaqSection as g } from "./FaqSection.js";
-const w = ({
+const j = ({
   jumbotron: r,
   intro: n,
-  plans: i,
-  support: m,
-  offerings: e,
+  plans: e,
+  support: i,
+  offerings: m,
   faq: l,
   resources: t
 }) => /* @__PURE__ */ c("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(s, { ...r, className: "bg-primary-50 w-full py-4 text-3xl" }),
-  /* @__PURE__ */ o(a, { ...n, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(p, { ...i }),
+  /* @__PURE__ */ o(a, { ...r, className: "bg-primary-50 w-full py-4 text-3xl" }),
+  /* @__PURE__ */ o(f, { ...n, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(p, { ...e }),
   /* @__PURE__ */ o(
-    f,
+    s,
     {
       firstColumnContent: t.firstColumnContent,
       secondColumnContent: t.secondColumnContent
     }
   ),
-  /* @__PURE__ */ o(u, { ...e }),
-  /* @__PURE__ */ o(x, { ...m }),
-  /* @__PURE__ */ o(g, { ...l })
+  /* @__PURE__ */ o(u, { ...m }),
+  /* @__PURE__ */ o(x, { ...i }),
+  /* @__PURE__ */ o("div", { className: "bg-neutral-25 flex w-full justify-center pt-12 pb-20", children: /* @__PURE__ */ o(g, { ...l, className: "w-full max-w-300 px-5" }) })
 ] });
 export {
-  w as PricingTemplate
+  j as PricingTemplate
 };

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' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
 export declare const Blockquote: ({ children, variant }: BlockquoteProps) => JSX.Element;
 
 export interface BlockquoteProps extends React.ComponentProps<'blockquote'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
 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' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
 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' | 'unsubscribe';
+    variant?: 'default' | 'tooltip' | 'legal' | 'about-us';
 }
 
 export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
 
 export interface ParagraphProps extends React.ComponentProps<'p'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
 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' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
 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' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 

package/dist/components/UnorderedList.js

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

package/dist/components/UnsubscribeTemplate.d.ts

@@ -2,21 +2,15 @@ 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' | 'unsubscribe';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
-/**
- * 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 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" })
+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 }) }) })
 ] });
 export {
-  p as UnsubscribeTemplate
+  i as UnsubscribeTemplate
 };