@npm_leadtech/legal-contracts-ui 0.115.0 → 0.115.2

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 o = ({ 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 pb-4 pt-8 text-left text-[1.75rem] leading-tight font-bold text-neutral-900 font-sans tracking-tight md:pb-4 md:pt-[2.7rem] md:text-[2rem] md:leading-8"
+}[t]), children: e });
 export {
-  s as Header2
+  o 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: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 l from "clsx";
+const n = ({ variant: t = "default", children: e }) => /* @__PURE__ */ a("p", { className: l(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-6 pb-6 text-left text-base leading-[22px] text-neutral-800 md:text-[17px] md:leading-6 lg:px-[220px]"
+}[t]), children: e });
 export {
   n as Paragraph
 };

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,13 +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' | 'pricing';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe';
 }
 
 export declare const UnsubscribeTemplate: FC<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 s, jsx as e } from "react/jsx-runtime";
+import { Jumbotron3 as a } from "./Jumbotron3.js";
+import { Markdown as m } from "./Markdown.js";
+const o = ({ jumbotron: l, stepDescription: r }) => /* @__PURE__ */ s("main", { className: "flex min-h-screen flex-1 flex-col bg-white", children: [
+  /* @__PURE__ */ e("div", { className: "w-full bg-green-50", children: /* @__PURE__ */ e(a, { ...l, className: "pt-10 pb-20" }) }),
+  /* @__PURE__ */ e("div", { className: "bg-neutral-25 w-full", children: /* @__PURE__ */ e("section", { className: "mx-auto w-full max-w-300 px-4 py-16 md:px-8", children: /* @__PURE__ */ e(m, { ...r, variant: "unsubscribe" }) }) })
 ] });
 export {
-  i as UnsubscribeTemplate
+  o as UnsubscribeTemplate
 };