@npm_leadtech/legal-contracts-ui 0.64.3 → 0.64.5

package/dist/components/Markdown.d.ts

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

package/dist/components/Markdown.js

@@ -1,44 +1,44 @@
-import { jsx as r } from "react/jsx-runtime";
-import t from "react-markdown";
-import i from "rehype-raw";
-import p from "remark-gfm";
-import { Anchor as a } from "./Anchor.js";
-import { Blockquote as d } from "./Blockquote.js";
-import { Code as f } from "./Code.js";
-import { Header1 as n } from "./Header1.js";
-import { Header2 as l } from "./Header2.js";
-import { Header3 as c } from "./Header3.js";
-import { Header4 as s } from "./Header4.js";
-import { OrderedList as h } from "./OrderedList.js";
-import { Paragraph as u } from "./Paragraph.js";
-import { TableRow as b, TableHeader as k, TableData as H, Table as w } from "./Table.js";
-import { UnorderedList as T } from "./UnorderedList.js";
-import { Video as g } from "./Video.js";
-const z = ({ content: o, className: e = "", useCustom: m = !0 }) => /* @__PURE__ */ r("div", { className: e, children: /* @__PURE__ */ r(
-  t,
+import { jsx as o } from "react/jsx-runtime";
+import p from "react-markdown";
+import a from "rehype-raw";
+import n from "remark-gfm";
+import { Anchor as d } from "./Anchor.js";
+import { Blockquote as f } from "./Blockquote.js";
+import { Code as l } from "./Code.js";
+import { Header1 as c } from "./Header1.js";
+import { Header2 as s } from "./Header2.js";
+import { Header3 as u } from "./Header3.js";
+import { Header4 as h } from "./Header4.js";
+import { OrderedList as b } from "./OrderedList.js";
+import { Paragraph as k } from "./Paragraph.js";
+import { TableRow as C, TableHeader as H, TableData as w, Table as T } from "./Table.js";
+import { UnorderedList as g } from "./UnorderedList.js";
+import { Video as v } from "./Video.js";
+const I = ({ content: r, className: e = "", useCustom: m = !0, variant: t = "default" }) => /* @__PURE__ */ o("div", { className: e, children: /* @__PURE__ */ o(
+  p,
   {
-    rehypePlugins: [i],
-    remarkPlugins: [p],
+    rehypePlugins: [a],
+    remarkPlugins: [n],
     components: m ? {
-      h1: n,
-      h2: l,
-      h3: c,
-      h4: s,
-      p: u,
-      a,
-      ul: T,
-      ol: h,
-      code: f,
-      blockquote: d,
-      video: g,
-      table: w,
-      td: H,
-      th: k,
-      tr: b
+      h1: c,
+      h2: s,
+      h3: u,
+      h4: h,
+      p: k,
+      a: d,
+      ul: (i) => /* @__PURE__ */ o(g, { variant: t, ...i }),
+      ol: b,
+      code: l,
+      blockquote: f,
+      video: v,
+      table: T,
+      td: w,
+      th: H,
+      tr: C
     } : void 0,
-    children: o
+    children: r
   }
 ) });
 export {
-  z as Markdown
+  I as Markdown
 };

package/dist/components/Preform.d.ts

@@ -27,6 +27,7 @@ export declare interface PreformProps {
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
+    tooltips: TooltipsProps[];
 }
 
 export declare type RadioFieldData = {
@@ -38,6 +39,11 @@ export declare type RadioFieldData = {
     onClick: (str: string) => void;
 };
 
+export interface TooltipsProps {
+    title: string;
+    content: string;
+}
+
 export interface TrustedBadgeProps {
     children: ReactNode;
 }

package/dist/components/Preform.js

@@ -1,57 +1,59 @@
 "use client";
-import { jsxs as r, Fragment as n, jsx as l } from "react/jsx-runtime";
+import { jsxs as c, Fragment as p, jsx as e } from "react/jsx-runtime";
 import "react";
-import { PreformMobile as x } from "./PreformMobile.js";
-import { PreformOption as p } from "./PreformOption.js";
-import { TrustedBadge as a } from "./TrustedBadge.js";
-import { Input as f } from "./Input.js";
-import { LinkWrapper as i } from "./LinkWrapper.js";
-const u = ({ trustedBadge: c, cta: o, inputFieldData: e, radioFieldData: m }) => /* @__PURE__ */ r(n, { children: [
-  /* @__PURE__ */ l("section", { className: "bg-neutral-25 hidden pt-10 text-neutral-800 sm:block sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ r("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
-    /* @__PURE__ */ l(a, { ...c }),
-    m?.isVisible && /* @__PURE__ */ r(n, { children: [
-      /* @__PURE__ */ l("h2", { className: "text-medium sm:text-large font-bold", children: m.label }),
-      /* @__PURE__ */ r("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
-        m.options.map((s) => /* @__PURE__ */ l(
+import { Tooltips as x } from "./Tooltips.js";
+import { PreformMobile as a } from "./PreformMobile.js";
+import { PreformOption as f } from "./PreformOption.js";
+import { TrustedBadge as i } from "./TrustedBadge.js";
+import { Input as h } from "./Input.js";
+import { LinkWrapper as t } from "./LinkWrapper.js";
+const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips: n }) => /* @__PURE__ */ c(p, { children: [
+  /* @__PURE__ */ e("section", { className: "bg-neutral-25 hidden pt-10 text-neutral-800 sm:block sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ c("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
+    /* @__PURE__ */ e(i, { ...s }),
+    m?.isVisible && /* @__PURE__ */ c(p, { children: [
+      /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: m.label }),
+      /* @__PURE__ */ c("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
+        m.options.map((r) => /* @__PURE__ */ e(
           "div",
           {
             className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
-            children: /* @__PURE__ */ l(
-              p,
+            children: /* @__PURE__ */ e(
+              f,
               {
-                ...s,
-                selected: s.value === m.radioSelected,
+                ...r,
+                selected: r.value === m.radioSelected,
                 onClick: m.onClick
               }
             )
           },
-          s.value
+          r.value
         )),
-        e?.isVisible && /* @__PURE__ */ l("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ l(
-          f,
+        l?.isVisible && /* @__PURE__ */ e("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ e(
+          h,
           {
-            id: e.id,
-            label: e.label,
-            name: e.name,
-            placeholder: e.placeholder,
-            value: e.value,
-            onInputChange: e.onChange
+            id: l.id,
+            label: l.label,
+            name: l.name,
+            placeholder: l.placeholder,
+            value: l.value,
+            onInputChange: l.onChange
           }
-        ) }, e.name)
+        ) }, l.name)
       ] })
     ] }),
-    /* @__PURE__ */ l(i, { variant: "primary-green", children: o })
+    /* @__PURE__ */ e(t, { variant: "primary-green", children: o }),
+    n.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: n.map((r) => /* @__PURE__ */ e(x, { ...r }, r.title)) })
   ] }) }),
-  /* @__PURE__ */ l(
-    x,
+  /* @__PURE__ */ e(
+    a,
     {
       cta: o,
-      trustedBadge: c,
-      inputFieldData: e,
+      trustedBadge: s,
+      inputFieldData: l,
       radioFieldData: m
     }
   )
 ] });
 export {
-  u as Preform
+  k as Preform
 };

package/dist/components/ProductTemplate.d.ts

@@ -112,6 +112,7 @@ export interface PreformProps {
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
+    tooltips: TooltipsProps[];
 }
 
 export interface PreviewDownloadProps {
@@ -174,6 +175,11 @@ export interface TableOfContentsProps {
     }[];
 }
 
+export interface TooltipsProps {
+    title: string;
+    content: string;
+}
+
 export interface TrustedBadgeProps {
     children: ReactNode;
 }

package/dist/components/QuestionIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React_2 from 'react';
+
+export declare const QuestionIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+

package/dist/components/QuestionIcon.js

@@ -0,0 +1,17 @@
+import { jsx as C } from "react/jsx-runtime";
+import "react";
+const n = ({
+  fill: o = "var(--color-secondary-500)",
+  ...e
+}) => /* @__PURE__ */ C("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ C(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM8.1801 8.83002C8.0001 9.41002 8.4401 10 9.0501 10H9.2501C9.6601 10 9.9901 9.71002 10.1301 9.33002C10.4501 8.44002 11.4001 7.83002 12.4301 8.05002C13.3801 8.25002 14.0801 9.18002 14.0001 10.15C13.9411 10.9402 13.3884 11.3652 12.7746 11.8373C12.3474 12.1658 11.8907 12.5171 11.5501 13.03C11.5501 13.035 11.5476 13.0375 11.5451 13.04C11.5426 13.0425 11.5401 13.045 11.5401 13.05C11.5351 13.06 11.5301 13.0675 11.5251 13.075L11.5251 13.075C11.5201 13.0825 11.5151 13.09 11.5101 13.1C11.4201 13.25 11.3301 13.42 11.2601 13.6C11.2551 13.615 11.2476 13.6275 11.2401 13.64L11.2401 13.64L11.2401 13.64C11.2326 13.6525 11.2251 13.665 11.2201 13.68C11.2145 13.6913 11.212 13.7025 11.2092 13.7155C11.2069 13.7256 11.2045 13.7369 11.2001 13.75C11.0801 14.09 11.0001 14.5 11.0001 15H13.0001C13.0001 14.58 13.1101 14.23 13.2801 13.93C13.2901 13.915 13.2976 13.9 13.3051 13.885L13.3051 13.885L13.3051 13.885C13.3126 13.87 13.3201 13.855 13.3301 13.84C13.4101 13.7 13.5101 13.57 13.6101 13.45C13.6151 13.445 13.6201 13.4375 13.6251 13.43C13.6301 13.4225 13.6351 13.415 13.6401 13.41C13.7401 13.29 13.8501 13.18 13.9701 13.07C14.1191 12.9288 14.2763 12.7916 14.4345 12.6536C15.2958 11.9021 16.1882 11.1236 15.9601 9.51002C15.7201 7.77002 14.3501 6.30002 12.6101 6.04002C10.5501 5.74002 8.7301 7.01002 8.1801 8.83002ZM11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17Z",
+    fill: o
+  }
+) });
+export {
+  n as QuestionIcon
+};

package/dist/components/Tooltips.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export declare const Tooltips: FC<TooltipsProps>;
+
+export declare interface TooltipsProps {
+    title: string;
+    content: string;
+}
+

package/dist/components/Tooltips.js

@@ -0,0 +1,13 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { QuestionIcon as t } from "./QuestionIcon.js";
+import { Markdown as s } from "./Markdown.js";
+const n = ({ title: r, content: l }) => /* @__PURE__ */ o("div", { className: "border-secondary-200 hidden flex-col gap-4 rounded border p-6 md:flex", children: [
+  /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ e(t, { fill: "var(--color-secondary-600)" }),
+    /* @__PURE__ */ e("h5", { className: "text-small font-semibold text-neutral-900", children: r })
+  ] }),
+  /* @__PURE__ */ e(s, { className: "text-small", variant: "tooltip", content: l })
+] });
+export {
+  n as Tooltips
+};

package/dist/components/UiComponents.d.ts

@@ -26,7 +26,11 @@ export declare const TableHeader: ({ children }: React.ComponentProps<"th">) =>
 
 export declare const TableRow: ({ children }: React.ComponentProps<"tr">) => JSX.Element;
 
-export declare const UnorderedList: ({ children }: React.ComponentProps<"ul">) => JSX.Element;
+export declare const UnorderedList: ({ variant, children }: UnorderedListProps) => JSX.Element;
+
+export interface UnorderedListProps extends React.ComponentProps<'ul'> {
+    variant?: 'default' | 'tooltip';
+}
 
 export declare const Video: ({ children }: React.ComponentProps<"video">) => JSX.Element;
 

package/dist/components/UnorderedList.d.ts

@@ -1,4 +1,8 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const UnorderedList: ({ children }: React.ComponentProps<"ul">) => JSX.Element;
+export declare const UnorderedList: ({ variant, children }: UnorderedListProps) => JSX.Element;
+
+export interface UnorderedListProps extends React.ComponentProps<'ul'> {
+    variant?: 'default' | 'tooltip';
+}
 

package/dist/components/UnorderedList.js

@@ -1,5 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-const r = ({ children: s }) => /* @__PURE__ */ e("ul", { className: "bg-primary-50 mb-4 flex list-inside list-disc flex-col gap-4 px-4 py-2 text-gray-900", children: s });
+import a from "clsx";
+const o = ({ variant: t = "default", children: r }) => /* @__PURE__ */ e("ul", { className: a("flex list-inside list-disc flex-col px-4 text-neutral-900", {
+  default: "bg-primary-50 gap-4 mb-4 py-2",
+  tooltip: "gap-2 marker:text-secondary-600"
+}[t]), children: r });
 export {
-  r as UnorderedList
+  o as UnorderedList
 };