@npm_leadtech/legal-contracts-ui 0.165.0 → 0.165.2

package/dist/components/ContactFormSection.js

@@ -3,70 +3,70 @@ import { Textarea as b } from "./Textarea.js";
 import { Checkbox as v } from "./Checkbox.js";
 import { ClearIcon as y } from "./ClearIcon.js";
 import { DoneIcon as w } from "./DoneIcon.js";
-import { Input as s } from "./Input.js";
+import { Input as n } from "./Input.js";
 import { Select as j } from "./Select.js";
-import { Markdown as k } from "./Markdown.js";
-import { InfoIcon as I } from "./InfoIcon.js";
+import { Markdown as I } from "./Markdown.js";
+import { InfoIcon as S } from "./InfoIcon.js";
 import { Button as o } from "./Button.js";
-import { LinkWrapper as S } from "./LinkWrapper.js";
-const C = () => /* @__PURE__ */ e("div", { role: "status", "aria-live": "polite", className: "mt-6 flex items-center justify-center rounded py-6", children: /* @__PURE__ */ e("div", { className: "border-primary-500 h-[25px] w-[25px] animate-spin rounded-full border-3 border-t-transparent" }) }), q = ({ title: r, message: a, cta: l }) => /* @__PURE__ */ t("div", { role: "status", "aria-live": "polite", className: "flex flex-col items-center justify-center gap-8 px-4 py-3", children: [
+import { LinkWrapper as k } from "./LinkWrapper.js";
+const C = () => /* @__PURE__ */ e("div", { role: "status", "aria-live": "polite", className: "mt-6 flex items-center justify-center rounded py-6", children: /* @__PURE__ */ e("div", { className: "border-primary-500 h-[25px] w-[25px] animate-spin rounded-full border-3 border-t-transparent" }) }), L = ({ title: r, message: l, cta: i }) => /* @__PURE__ */ t("div", { role: "status", "aria-live": "polite", className: "flex flex-col items-center justify-center gap-8 px-4 py-3", children: [
   /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-2", children: [
     /* @__PURE__ */ e("div", { className: "bg-error-20 w-fit rounded-full p-3", children: /* @__PURE__ */ e(y, { width: 48, height: 48, fill: "var(--error-500)" }) }),
     /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-800", children: r }),
-    /* @__PURE__ */ e("p", { "data-qa": "feedback-error-message", className: "text-medium text-neutral-800", children: a })
+    /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l })
   ] }),
-  /* @__PURE__ */ e(o, { ...l, variant: "primary-green" })
-] }), L = ({ title: r, message: a, cta: l }) => /* @__PURE__ */ t("div", { role: "status", "aria-live": "polite", className: "flex flex-col items-center justify-center gap-8 px-4 py-3", children: [
+  /* @__PURE__ */ e(o, { ...i, variant: "primary-green" })
+] }), B = ({ title: r, message: l, cta: i }) => /* @__PURE__ */ t("div", { role: "status", "aria-live": "polite", className: "flex flex-col items-center justify-center gap-8 px-4 py-3", children: [
   /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-2", children: [
     /* @__PURE__ */ e("div", { className: "bg-primary-100 w-fit rounded-full p-3", children: /* @__PURE__ */ e(w, { width: 48, height: 48, fill: "var(--color-primary-500)" }) }),
     /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-800", children: r }),
-    /* @__PURE__ */ e("p", { "data-qa": "feedback-success-message", className: "text-medium text-neutral-800", children: a })
+    /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l })
   ] }),
-  /* @__PURE__ */ e(S, { className: "w-fit", children: l })
+  /* @__PURE__ */ e(k, { className: "w-fit", children: i })
 ] }), G = ({
   title: r,
-  subjectOptions: a,
-  fullNameField: l,
+  subjectOptions: l,
+  fullNameField: i,
   emailField: m,
   referenceNumberField: d,
   subjectField: p,
   messageField: f,
-  privacyField: c,
+  privacyField: s,
   requiredFieldsText: h,
-  securityHint: u,
-  status: i = "default",
-  successFeedback: x,
-  errorFeedback: g,
-  onSubmit: N,
-  button: n
+  securityHint: x,
+  status: a = "default",
+  successFeedback: u,
+  errorFeedback: N,
+  onSubmit: g,
+  button: c
 }) => /* @__PURE__ */ t("section", { className: "rounded-sm bg-white p-8 shadow-sm", children: [
   /* @__PURE__ */ t("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-600", children: r }),
     /* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": "true" })
   ] }),
-  i === "loading" && /* @__PURE__ */ e(C, {}),
-  i === "error" && /* @__PURE__ */ e(q, { ...g }),
-  i === "success" && /* @__PURE__ */ e(L, { ...x }),
-  i === "default" && /* @__PURE__ */ t("form", { className: "mt-6 flex flex-col gap-6", noValidate: !0, onSubmit: N, children: [
-    /* @__PURE__ */ e(s, { ...l, type: "text" }),
-    /* @__PURE__ */ e(s, { ...m, type: "email" }),
-    /* @__PURE__ */ e(s, { ...d }),
-    /* @__PURE__ */ e(j, { ...p, options: a }),
+  a === "loading" && /* @__PURE__ */ e(C, {}),
+  a === "error" && /* @__PURE__ */ e(L, { ...N }),
+  a === "success" && /* @__PURE__ */ e(B, { ...u }),
+  a === "default" && /* @__PURE__ */ t("form", { className: "mt-6 flex flex-col gap-6", noValidate: !0, onSubmit: g, children: [
+    /* @__PURE__ */ e(n, { ...i, type: "text" }),
+    /* @__PURE__ */ e(n, { ...m, type: "email" }),
+    /* @__PURE__ */ e(n, { ...d }),
+    /* @__PURE__ */ e(j, { ...p, options: l }),
     /* @__PURE__ */ e(b, { ...f }),
     /* @__PURE__ */ e("p", { className: "text-medium text-neutral-600", children: h }),
-    /* @__PURE__ */ e(v, { ...c, children: /* @__PURE__ */ e(k, { className: "text-medium [&_p:last-child]:mb-0", content: c.label }) }),
+    /* @__PURE__ */ e(v, { ...s, children: /* @__PURE__ */ e(I, { className: "text-medium [&_p:last-child]:mb-0", content: s.label }) }),
     /* @__PURE__ */ t(
       "div",
       {
         id: "security-hint",
         className: "text-small flex items-start gap-2 rounded bg-neutral-50 p-4 text-neutral-600",
         children: [
-          /* @__PURE__ */ e(I, { width: 24, height: 24, "aria-hidden": "true" }),
-          /* @__PURE__ */ e("p", { children: u })
+          /* @__PURE__ */ e(S, { width: 24, height: 24, "aria-hidden": "true" }),
+          /* @__PURE__ */ e("p", { children: x })
         ]
       }
     ),
-    /* @__PURE__ */ e(o, { ...n, className: "w-fit self-center", type: "submit", children: n.children })
+    /* @__PURE__ */ e(o, { ...c, className: "w-fit self-center", type: "submit", children: c.children })
   ] })
 ] });
 export {

package/dist/components/ContinueEditingBanner.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+
+export declare const ContinueEditingBanner: FC<ContinueEditingBannerProps>;
+
+export declare interface ContinueEditingBannerProps {
+    latestApplicationInProgress?: LatestApplication;
+    editFormClicked?: (latestApplication: LatestApplication) => void;
+    token: string;
+    tagLine: string;
+    title: string;
+    buttonLabel: string;
+}
+
+export declare interface LatestApplication {
+    id: string;
+    state?: string;
+    link: string;
+    lastStep?: number;
+    continueFromHome?: boolean;
+    form: {
+        name: string;
+        url: string;
+        type: string;
+        subType?: string;
+    };
+}
+

package/dist/components/ContinueEditingBanner.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import "react";
+import { Button as m } from "./Button.js";
+const u = ({
+  latestApplicationInProgress: t,
+  editFormClicked: n,
+  tagLine: r,
+  title: a,
+  token: s,
+  buttonLabel: i
+}) => t == null || s.length === 0 ? null : /* @__PURE__ */ e("div", { className: "bg-primary-50 px-ds-sm py-0", children: /* @__PURE__ */ l("div", { className: "gap-ds-sm bg-neutral-white p-ds-lg flex flex-col items-center rounded-sm text-center", children: [
+  /* @__PURE__ */ l("div", { className: "gap-ds-2xs flex flex-col", children: [
+    /* @__PURE__ */ e("span", { className: "font-lora text-large text-primary-800 lg:text-super-large", children: a }),
+    /* @__PURE__ */ e("span", { className: "text-medium text-neutral-600", children: r })
+  ] }),
+  /* @__PURE__ */ e(
+    m,
+    {
+      "data-qa": "continue-editing-banner-button",
+      className: "lg:w-auto",
+      onClick: () => {
+        n?.(t);
+      },
+      children: i
+    }
+  )
+] }) });
+export {
+  u as ContinueEditingBanner
+};

package/dist/components/CookiesBar.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import "react";
 import { Button as m } from "./Button.js";
 import { Markdown as o } from "./Markdown.js";
-const n = ({ policyMessage: e, acceptButton: l }) => /* @__PURE__ */ t("aside", { className: "fixed bottom-0 left-0 z-51 w-full bg-neutral-900", children: /* @__PURE__ */ a("div", { className: "mx-auto flex w-full flex-col gap-6 p-6 md:flex-row md:items-center md:gap-10 md:py-6 xl:max-w-300 xl:px-0", children: [
+const n = ({ policyMessage: e, acceptButton: l }) => /* @__PURE__ */ t("aside", { className: "fixed bottom-0 left-0 z-9 w-full bg-neutral-900", children: /* @__PURE__ */ a("div", { className: "mx-auto flex w-full flex-col gap-6 p-6 md:flex-row md:items-center md:gap-10 md:py-6 xl:max-w-300 xl:px-0", children: [
   /* @__PURE__ */ t(o, { className: "text-small text-white [&_p:last-child]:mb-0", variant: "cookies", content: e }),
   /* @__PURE__ */ t(m, { variant: "primary-yellow", className: "w-full text-nowrap md:w-fit", ...l })
 ] }) });

package/dist/components/CtaSection.d.ts

@@ -8,10 +8,9 @@ export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yel
 export declare const CtaFeatureTag: FC<CtaFeatureTagProps>;
 
 export declare interface CtaFeatureTagProps {
-    icon: ReactNode;
+    icon: string;
     text: string;
     className?: string;
-    variant?: 'primary' | 'white';
 }
 
 export declare const CtaSample: FC<CtaSampleProps>;
@@ -34,6 +33,8 @@ export declare interface CtaSectionProps {
     childrenClassName?: string;
 }
 
+export declare const CtaSummarizedTag: FC<CtaFeatureTagProps>;
+
 export type IconPosition = 'left' | 'right' | 'top';
 
 export interface LinkWrapperProps {

package/dist/components/CtaSection.js

@@ -1,48 +1,53 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import i from "clsx";
-import { LinkWrapper as x } from "./LinkWrapper.js";
-const g = ({
-  title: r,
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { LinkWrapper as c } from "./LinkWrapper.js";
+const x = ({
+  title: a,
   paragraph: l,
-  cta: t,
-  children: a,
+  cta: r,
+  children: m,
   className: s = "",
-  contentClassName: p = "",
+  contentClassName: i = "",
   childrenClassName: d = "hidden lg:flex"
-}) => /* @__PURE__ */ e("section", { className: `flex w-full justify-center px-6 py-8 md:px-8 md:py-12 ${s}`, children: /* @__PURE__ */ m(
+}) => /* @__PURE__ */ e("section", { className: `flex w-full justify-center px-6 py-8 md:px-8 md:py-12 ${s}`, children: /* @__PURE__ */ t(
   "div",
   {
-    className: `bg-primary-50 mx-auto flex w-full max-w-6xl flex-col items-center rounded-[1.25rem] px-8 pt-8 pb-0 md:px-16 md:pt-12 md:pb-0 lg:flex-row lg:items-stretch lg:gap-20 xl:pr-20 xl:pl-16 ${p}`,
+    className: `bg-primary-50 mx-auto flex w-full max-w-6xl flex-col items-center rounded-[1.25rem] px-8 pt-8 pb-0 md:px-16 md:pt-12 md:pb-0 lg:flex-row lg:items-stretch lg:gap-20 xl:pr-20 xl:pl-16 ${i}`,
     children: [
-      /* @__PURE__ */ m("div", { className: "flex flex-1 flex-col items-start justify-center gap-8 pb-8 md:pb-12 lg:pb-[3rem]", children: [
-        /* @__PURE__ */ m("div", { className: "flex flex-col items-start gap-4", children: [
-          /* @__PURE__ */ e("h2", { className: "text-primary-900 text-[28px] leading-[32px] font-bold tracking-tight", children: r }),
+      /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col items-start justify-center gap-8 pb-8 md:pb-12 lg:pb-[3rem]", children: [
+        /* @__PURE__ */ t("div", { className: "flex flex-col items-start gap-4", children: [
+          /* @__PURE__ */ e("h2", { className: "text-primary-900 text-[28px] leading-[32px] font-bold tracking-tight", children: a }),
           !!l && /* @__PURE__ */ e("div", { className: "text-super-medium text-neutral-500", children: l })
         ] }),
-        /* @__PURE__ */ e(x, { size: "large", variant: "primary-darkgreen", className: "bg-primary-700 px-4 py-2.5", ...t })
+        /* @__PURE__ */ e(c, { size: "large", variant: "primary-darkgreen", className: "bg-primary-700 px-4 py-2.5", ...r })
       ] }),
-      !!a && /* @__PURE__ */ e("div", { className: `w-full justify-center lg:w-auto lg:items-end ${d}`, children: a })
+      !!m && /* @__PURE__ */ e("div", { className: `w-full justify-center lg:w-auto lg:items-end ${d}`, children: m })
     ]
   }
-) }), f = ({ image: r, children: l, className: t = "" }) => /* @__PURE__ */ m("div", { className: `relative flex items-end ${t}`, children: [
-  /* @__PURE__ */ e("div", { className: "[&_img]:rounded-t-[0.75rem] [&_img]:shadow-[0px_-2px_6px_0px_rgba(2,55,74,0.15)] md:[&_img]:max-w-[25rem] lg:[&_img]:max-h-[30rem]", children: r }),
+) }), o = ({ image: a, children: l, className: r = "" }) => /* @__PURE__ */ t("div", { className: `relative flex items-end ${r}`, children: [
+  /* @__PURE__ */ e("div", { className: "[&_img]:rounded-t-[0.75rem] [&_img]:shadow-[0px_-2px_6px_0px_rgba(2,55,74,0.15)] md:[&_img]:max-w-[25rem] lg:[&_img]:max-h-[30rem]", children: a }),
   l
-] }), u = ({ icon: r, text: l, className: t = "", variant: a = "primary" }) => /* @__PURE__ */ m(
+] }), g = ({ icon: a, text: l, className: r = "" }) => /* @__PURE__ */ t(
   "div",
   {
-    className: i(
-      "shadow-small absolute flex items-center justify-center gap-1 rounded-md p-2",
-      a === "primary" ? "bg-primary-100" : "bg-primary-800",
-      t
-    ),
+    className: `bg-primary-50 border-primary-200 shadow-small absolute flex items-center justify-center gap-1 rounded-md border p-1 ${r}`,
     children: [
-      r,
-      /* @__PURE__ */ e("span", { className: i("text-small", a === "primary" ? "text-primary-500" : "text-white"), children: l })
+      /* @__PURE__ */ e("img", { src: a, alt: "", role: "img", className: "h-4 w-4" }),
+      /* @__PURE__ */ e("span", { className: "text-primary-900 text-small font-bold", children: l })
+    ]
+  }
+), f = ({ icon: a, text: l, className: r = "" }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: `shadow-small absolute flex items-center justify-center gap-1 rounded-md bg-neutral-50 p-2 ${r}`,
+    children: [
+      /* @__PURE__ */ e("img", { src: a, alt: "", role: "img", className: "h-5 w-5" }),
+      /* @__PURE__ */ e("span", { className: "text-small text-primary-500", children: l })
     ]
   }
 );
 export {
-  u as CtaFeatureTag,
-  f as CtaSample,
-  g as CtaSection
+  f as CtaFeatureTag,
+  o as CtaSample,
+  x as CtaSection,
+  g as CtaSummarizedTag
 };

package/dist/components/HomeTemplate.d.ts

@@ -29,6 +29,15 @@ export interface CategoriesSectionProps {
     cta: ReactNode;
 }
 
+export interface ContinueEditingBannerProps {
+    latestApplicationInProgress?: LatestApplication;
+    editFormClicked?: (latestApplication: LatestApplication) => void;
+    token: string;
+    tagLine: string;
+    title: string;
+    buttonLabel: string;
+}
+
 export interface FaqTeaserSectionProps {
     header: SectionHeadingProps;
     questions: {
@@ -70,6 +79,8 @@ export declare interface HomeTemplateProps {
     trust: TrustSectionProps;
     faqTeaser: FaqTeaserSectionProps;
     articles: BlogSectionProps;
+    continueEditingBanner?: ContinueEditingBannerProps;
+    continueEditingBannerSlot?: ReactNode;
 }
 
 export interface ItemProps {
@@ -82,6 +93,20 @@ export interface ItemProps {
     className?: string;
 }
 
+export interface LatestApplication {
+    id: string;
+    state?: string;
+    link: string;
+    lastStep?: number;
+    continueFromHome?: boolean;
+    form: {
+        name: string;
+        url: string;
+        type: string;
+        subType?: string;
+    };
+}
+
 export interface LawGeniusSectionProps {
     title: string;
     content: string;

package/dist/components/HomeTemplate.js

@@ -1,32 +1,36 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import "react";
-import { HeroSection as n } from "./HeroSection.js";
-import { MoreTemplatesSection as f } from "./MoreTemplatesSection.js";
-import { ProcessSection as l } from "./ProcessSection.js";
-import { CategoriesSection as S } from "./CategoriesSection.js";
-import { TrustSection as x } from "./TrustSection.js";
-import { FaqTeaserSection as T } from "./FaqTeaserSection.js";
-import { BlogSection as b } from "./BlogSection.js";
-import { RatafiaSection as g } from "./RatafiaSection.js";
-const M = ({
-  hero: t,
-  moreTemplates: m,
-  process: e,
+import { ContinueEditingBanner as n } from "./ContinueEditingBanner.js";
+import { HeroSection as S } from "./HeroSection.js";
+import { MoreTemplatesSection as x } from "./MoreTemplatesSection.js";
+import { ProcessSection as T } from "./ProcessSection.js";
+import { CategoriesSection as u } from "./CategoriesSection.js";
+import { TrustSection as b } from "./TrustSection.js";
+import { FaqTeaserSection as j } from "./FaqTeaserSection.js";
+import { BlogSection as C } from "./BlogSection.js";
+import { RatafiaSection as H } from "./RatafiaSection.js";
+const w = ({
+  hero: e,
+  moreTemplates: i,
+  process: p,
   categories: r,
-  ratafia: i,
-  trust: p,
-  faqTeaser: s,
-  articles: a
+  ratafia: s,
+  trust: f,
+  faqTeaser: a,
+  articles: l,
+  continueEditingBanner: m,
+  continueEditingBannerSlot: t
 }) => /* @__PURE__ */ c("main", { className: "flex-1", children: [
-  /* @__PURE__ */ o(n, { ...t }),
-  /* @__PURE__ */ o(f, { ...m }),
-  /* @__PURE__ */ o(l, { ...e }),
-  r && /* @__PURE__ */ o(S, { ...r }),
-  /* @__PURE__ */ o(g, { ...i }),
-  /* @__PURE__ */ o(x, { ...p }),
-  /* @__PURE__ */ o(T, { ...s }),
-  /* @__PURE__ */ o(b, { className: "pt-10 pb-12 lg:pb-14", ...a })
+  t ?? (m != null && /* @__PURE__ */ o(n, { ...m })),
+  /* @__PURE__ */ o(S, { ...e }),
+  /* @__PURE__ */ o(x, { ...i }),
+  /* @__PURE__ */ o(T, { ...p }),
+  r && /* @__PURE__ */ o(u, { ...r }),
+  /* @__PURE__ */ o(H, { ...s }),
+  /* @__PURE__ */ o(b, { ...f }),
+  /* @__PURE__ */ o(j, { ...a }),
+  /* @__PURE__ */ o(C, { className: "pt-10 pb-12 lg:pb-14", ...l })
 ] });
 export {
-  M as HomeTemplate
+  w as HomeTemplate
 };

package/dist/components/ProductTemplate.js

@@ -1,11 +1,11 @@
-import { jsxs as r, jsx as m } from "react/jsx-runtime";
+import { jsxs as o, jsx as m } from "react/jsx-runtime";
 import { Jumbotron as u } from "./Jumbotron.js";
 import { JumboDocs as g } from "./JumboDocs.js";
 import { Preform as h } from "./Preform.js";
 import { ProductInfo as N } from "./ProductInfo.js";
 import { BenefitsBar as b } from "./BenefitsBar.js";
-import { Breadcrumb as v } from "./Breadcrumb.js";
-import { TableOfContents as P } from "./TableOfContents.js";
+import { Breadcrumb as P } from "./Breadcrumb.js";
+import { TableOfContents as v } from "./TableOfContents.js";
 import { ContentItem as B } from "./ContentItem.js";
 import { FaqSection as T } from "./FaqSection.js";
 import { PreviewDownload as k } from "./PreviewDownload.js";
@@ -14,10 +14,10 @@ import { TryNowSection as F } from "./TryNowSection.js";
 import { FreeDocumentModal as I } from "./FreeDocumentModal.js";
 const M = ({
   jumbotron: p,
-  jumboDocs: o,
+  jumboDocs: r,
   preform: t,
-  productInfo: n,
-  benefitsBar: f,
+  productInfo: f,
+  benefitsBar: n,
   breadcrumb: s,
   tableOfContents: c,
   contentItems: x,
@@ -25,27 +25,27 @@ const M = ({
   previewDownload: w,
   previewSection: e,
   tryNowSection: l,
-  freeDocModal: a
-}) => /* @__PURE__ */ r("main", { className: "min-w-0 flex-1", children: [
+  freeDocModal: i
+}) => /* @__PURE__ */ o("main", { className: "min-w-0 flex-1", children: [
   /* @__PURE__ */ m(u, { ...p }),
-  o && /* @__PURE__ */ m(g, { ...o }),
+  r && /* @__PURE__ */ m(g, { ...r }),
   t && /* @__PURE__ */ m(h, { ...t }),
-  /* @__PURE__ */ m(N, { ...n }),
-  /* @__PURE__ */ m(b, { ...f }),
-  /* @__PURE__ */ m("section", { className: "px-4 pt-6 pb-10 text-neutral-800 md:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ r("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: [
-    /* @__PURE__ */ m(v, { ...s }),
-    /* @__PURE__ */ r("div", { className: "flex w-full min-w-0 items-start md:gap-4 lg:gap-26.5 xl:gap-31", children: [
-      /* @__PURE__ */ r("div", { className: "flex w-full max-w-100 min-w-0 flex-col gap-8 lg:max-w-137.5 xl:max-w-172.5", children: [
-        /* @__PURE__ */ m(P, { ...c }),
-        x.map((i) => /* @__PURE__ */ m(B, { ...i }, i.id)),
-        /* @__PURE__ */ m(T, { ...d, variant: "legal" })
+  /* @__PURE__ */ m(N, { ...f }),
+  /* @__PURE__ */ m(b, { ...n }),
+  /* @__PURE__ */ m("section", { className: "px-4 pt-6 pb-10 text-neutral-800 md:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ o("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: [
+    /* @__PURE__ */ m(P, { ...s }),
+    /* @__PURE__ */ o("div", { className: "flex w-full min-w-0 items-start md:gap-4 lg:gap-26.5 xl:gap-31", children: [
+      /* @__PURE__ */ o("div", { className: "flex w-full max-w-100 min-w-0 flex-col gap-8 lg:max-w-137.5 xl:max-w-172.5", children: [
+        /* @__PURE__ */ m(v, { ...c }),
+        x.map((a) => /* @__PURE__ */ m(B, { ...a }, a.id)),
+        /* @__PURE__ */ m(T, { ...d })
       ] }),
       /* @__PURE__ */ m("aside", { className: "sticky top-20 hidden pt-4 md:block", children: /* @__PURE__ */ m(k, { ...w }) })
     ] })
   ] }) }),
   e && /* @__PURE__ */ m(C, { ...e }),
   l && /* @__PURE__ */ m(F, { ...l }),
-  a && /* @__PURE__ */ m(I, { ...a })
+  i && /* @__PURE__ */ m(I, { ...i })
 ] });
 export {
   M as ProductTemplate

package/dist/components/Toast.js

@@ -18,8 +18,8 @@ const u = {
     icon: /* @__PURE__ */ e(l, { fill: "white", width: 24, height: 24 }),
     bg: "bg-neutral-500"
   }
-}, v = ({ show: i, title: s, message: a, type: c = "default", onClose: d }) => {
-  const [t, n] = h(i), o = u[c];
+}, v = ({ show: i, title: s, message: c, type: a = "default", onClose: d }) => {
+  const [t, n] = h(i), o = u[a];
   i && !t && n(!0);
   const m = () => {
     i || n(!1);
@@ -37,7 +37,7 @@ const u = {
         /* @__PURE__ */ e("div", { className: "shrink-0", children: o.icon }),
         /* @__PURE__ */ r("div", { className: "flex grow flex-col text-sm text-white", children: [
           /* @__PURE__ */ e("p", { className: "font-bold", children: s }),
-          /* @__PURE__ */ e("p", { "data-qa": "toast-message", children: a })
+          /* @__PURE__ */ e("p", { children: c })
         ] }),
         /* @__PURE__ */ e("button", { onClick: d, className: "cursor-pointer", children: /* @__PURE__ */ e(p, { fill: "white", className: "h-4 w-4" }) })
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.165.0",
+  "version": "0.165.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -294,6 +294,10 @@
       "import": "./dist/components/ContentItem.js",
       "types": "./dist/components/ContentItem.d.ts"
     },
+    "./components/ContinueEditingBanner": {
+      "import": "./dist/components/ContinueEditingBanner.js",
+      "types": "./dist/components/ContinueEditingBanner.d.ts"
+    },
     "./components/CookiesBar": {
       "import": "./dist/components/CookiesBar.js",
       "types": "./dist/components/CookiesBar.d.ts"