@npm_leadtech/legal-contracts-ui 0.64.6 → 0.64.7

package/dist/components/Anchor.d.ts

@@ -1,4 +1,8 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Anchor: ({ children, className, ...props }: React.ComponentProps<"a">) => JSX.Element;
+export declare const Anchor: ({ children, variant, className, ...props }: AnchorProps) => JSX.Element;
+
+export interface AnchorProps extends React.ComponentProps<'a'> {
+    variant?: 'default' | 'legal';
+}
 

package/dist/components/Anchor.js

@@ -1,5 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
-const a = ({ children: e, className: r = "", ...n }) => /* @__PURE__ */ o("a", { className: `text-neutral-900 underline ${r}`, target: "_blank", rel: "noopener noreferrer", ...n, children: e });
+import n from "clsx";
+const c = ({ children: r, variant: e = "default", className: t = "", ...a }) => /* @__PURE__ */ o("a", { className: n(t, {
+  default: "",
+  legal: "text-primary-700"
+}[e]), target: "_blank", rel: "noopener noreferrer", ...a, children: r });
 export {
-  a as Anchor
+  c as Anchor
 };

package/dist/components/ChevronRightIcon.js

@@ -1,12 +1,27 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import "react";
-const n = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ o(
-  "path",
-  {
-    d: "M10.4103 6.70527C10.0208 6.31569 9.38915 6.31569 8.99958 6.70527C8.6103 7.09454 8.60996 7.72557 8.99881 8.11526L12.875 11.9999L8.99881 15.8845C8.60996 16.2742 8.6103 16.9052 8.99958 17.2945C9.38915 17.6841 10.0208 17.6841 10.4103 17.2945L14.9979 12.707C15.3884 12.3165 15.3884 11.6833 14.9979 11.2928L10.4103 6.70527Z",
-    fill: "#05646E"
-  }
-) });
+const t = (l) => /* @__PURE__ */ r("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", ...l, children: [
+  /* @__PURE__ */ i(
+    "mask",
+    {
+      id: "mask0_2507_4542",
+      width: "8",
+      height: "12",
+      x: "8",
+      y: "6",
+      maskUnits: "userSpaceOnUse",
+      style: { maskType: "luminance" },
+      children: /* @__PURE__ */ i(
+        "path",
+        {
+          fill: "var(--color-neutral-white)",
+          d: "M10.41 6.705A.998.998 0 0 0 9 8.115L12.875 12l-3.876 3.885a.998.998 0 0 0 1.411 1.41l4.588-4.588a1 1 0 0 0 0-1.414z"
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ i("g", { mask: "url(#mask0_2507_4542)", children: /* @__PURE__ */ i("path", { fill: "var(--color-primary-700)", d: "M0 0h24v24H0z" }) })
+] });
 export {
-  n as ChevronRightIcon
+  t as ChevronRightIcon
 };

package/dist/components/ContentItem.js

@@ -1,28 +1,28 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { ImageWithPreview as p } from "./ImageWithPreview.js";
+import { ImageWithPreview as c } from "./ImageWithPreview.js";
 import { LinkedProducts as d } from "./LinkedProducts.js";
 import { Markdown as h } from "./Markdown.js";
-import { LinkWrapper as a } from "./LinkWrapper.js";
+import { LinkWrapper as l } from "./LinkWrapper.js";
 import { AlternativeSubtypeDocument as x } from "./AlternativeSubtypeDocument.js";
 import { DefaultSubtypeDocument as u } from "./DefaultSubtypeDocument.js";
 const y = ({
-  id: c,
+  id: p,
   title: t,
   content: n,
   linkedProducts: m,
   sampleImage: i,
   cta: o,
-  docsModules: l,
+  docsModules: a,
   subtypeDocs: f
-}) => /* @__PURE__ */ s("div", { id: c, className: "flex scroll-mt-25 flex-col gap-6 text-neutral-900", children: [
+}) => /* @__PURE__ */ s("div", { id: p, className: "flex flex-col gap-6 text-neutral-900", children: [
   t && /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: t }),
   n && /* @__PURE__ */ e(h, { content: n, className: "text-medium [&_p:last-child]:mb-0" }),
   m.length > 0 && /* @__PURE__ */ e(d, { linkedProducts: m }),
-  i && /* @__PURE__ */ e(p, { ...i }),
-  !!o && /* @__PURE__ */ e(a, { className: "w-75 self-center text-center", children: o }),
-  l && /* @__PURE__ */ s("div", { className: "flex w-75 gap-4 self-center", children: [
-    /* @__PURE__ */ e(a, { className: "w-full", variant: "secondary-black", children: l.pdfDownload }),
-    /* @__PURE__ */ e(a, { className: "w-full", variant: "secondary-black", children: l.wordDownload })
+  i && /* @__PURE__ */ e(c, { ...i }),
+  !!o && /* @__PURE__ */ e(l, { className: "w-75 self-center", children: o }),
+  a && /* @__PURE__ */ s("div", { className: "flex w-75 gap-4 self-center", children: [
+    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: a.pdfDownload }),
+    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: a.wordDownload })
   ] }),
   f.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: f.map((r) => r.format === "Alternative" ? /* @__PURE__ */ e(x, { ...r }, r.id) : /* @__PURE__ */ e(u, { ...r }, r.id)) })
 ] });

package/dist/components/Emphasis.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Emphasis: ({ children }: React.ComponentProps<"em">) => JSX.Element;
+

package/dist/components/Emphasis.js

@@ -0,0 +1,5 @@
+import { jsx as o } from "react/jsx-runtime";
+const m = ({ children: t }) => /* @__PURE__ */ o("em", { className: "font-normal text-neutral-600 not-italic", children: t });
+export {
+  m as Emphasis
+};

package/dist/components/Header2.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-const m = ({ children: t }) => /* @__PURE__ */ e("h2", { className: "mt-5 mb-3 text-3xl font-bold text-gray-900", children: t });
+const m = ({ children: t }) => /* @__PURE__ */ e("h2", { className: "mt-5 mb-6 text-3xl font-bold text-neutral-800", children: t });
 export {
   m as Header2
 };

package/dist/components/Markdown.d.ts

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

package/dist/components/Markdown.js

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

package/dist/components/Paragraph.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-const o = ({ children: a }) => /* @__PURE__ */ r("p", { className: "mb-4", children: a });
+const e = ({ children: a }) => /* @__PURE__ */ r("p", { className: "mb-4 text-neutral-800", children: a });
 export {
-  o as Paragraph
+  e as Paragraph
 };

package/dist/components/Preform.d.ts

@@ -27,7 +27,6 @@ export declare interface PreformProps {
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
-    tooltips: TooltipsProps[];
 }
 
 export declare type RadioFieldData = {
@@ -39,11 +38,6 @@ 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,59 +1,57 @@
 "use client";
-import { jsxs as c, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, Fragment as n, jsx as l } from "react/jsx-runtime";
 import "react";
-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(
+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(
           "div",
           {
             className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
-            children: /* @__PURE__ */ e(
-              f,
+            children: /* @__PURE__ */ l(
+              p,
               {
-                ...r,
-                selected: r.value === m.radioSelected,
+                ...s,
+                selected: s.value === m.radioSelected,
                 onClick: m.onClick
               }
             )
           },
-          r.value
+          s.value
         )),
-        l?.isVisible && /* @__PURE__ */ e("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ e(
-          h,
+        e?.isVisible && /* @__PURE__ */ l("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ l(
+          f,
           {
-            id: l.id,
-            label: l.label,
-            name: l.name,
-            placeholder: l.placeholder,
-            value: l.value,
-            onInputChange: l.onChange
+            id: e.id,
+            label: e.label,
+            name: e.name,
+            placeholder: e.placeholder,
+            value: e.value,
+            onInputChange: e.onChange
           }
-        ) }, l.name)
+        ) }, e.name)
       ] })
     ] }),
-    /* @__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(i, { variant: "primary-green", children: o })
   ] }) }),
-  /* @__PURE__ */ e(
-    a,
+  /* @__PURE__ */ l(
+    x,
     {
       cta: o,
-      trustedBadge: s,
-      inputFieldData: l,
+      trustedBadge: c,
+      inputFieldData: e,
       radioFieldData: m
     }
   )
 ] });
 export {
-  k as Preform
+  u as Preform
 };

package/dist/components/ProductTemplate.d.ts

@@ -112,7 +112,6 @@ export interface PreformProps {
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
-    tooltips: TooltipsProps[];
 }
 
 export interface PreviewDownloadProps {
@@ -153,7 +152,7 @@ export declare interface ProductTemplateProps {
     faqSection: FaqSectionProps;
     previewDownload: PreviewDownloadProps;
     previewSection?: PreviewSectionProps;
-    tryNowSection?: TryNowSectionProps;
+    tryNowSection: TryNowSectionProps;
 }
 
 export type RadioFieldData = {
@@ -175,11 +174,6 @@ export interface TableOfContentsProps {
     }[];
 }
 
-export interface TooltipsProps {
-    title: string;
-    content: string;
-}
-
 export interface TrustedBadgeProps {
     children: ReactNode;
 }

package/dist/components/ProductTemplate.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as m } from "react/jsx-runtime";
 import { Jumbotron as g } from "./Jumbotron.js";
 import { JumboDocs as u } from "./JumboDocs.js";
-import { Preform as h } from "./Preform.js";
-import { ProductInfo as w } from "./ProductInfo.js";
+import { Preform as w } from "./Preform.js";
+import { ProductInfo as h } from "./ProductInfo.js";
 import { BenefitsBar as N } from "./BenefitsBar.js";
 import { Breadcrumb as b } from "./Breadcrumb.js";
 import { TableOfContents as P } from "./TableOfContents.js";
@@ -10,39 +10,39 @@ import { ContentItem as v } from "./ContentItem.js";
 import { FaqSection as B } from "./FaqSection.js";
 import { PreviewDownload as T } from "./PreviewDownload.js";
 import { PreviewSection as k } from "./PreviewSection.js";
-import { TryNowSection as C } from "./TryNowSection.js";
+import { TryNowSection as y } from "./TryNowSection.js";
 const H = ({
-  jumbotron: i,
+  jumbotron: l,
   jumboDocs: r,
-  preform: e,
-  productInfo: p,
-  benefitsBar: f,
-  breadcrumb: s,
-  tableOfContents: c,
-  contentItems: x,
+  preform: t,
+  productInfo: i,
+  benefitsBar: p,
+  breadcrumb: c,
+  tableOfContents: f,
+  contentItems: s,
   faqSection: n,
-  previewDownload: d,
-  previewSection: t,
-  tryNowSection: a
+  previewDownload: x,
+  previewSection: e,
+  tryNowSection: d
 }) => /* @__PURE__ */ o("main", { className: "flex-1", children: [
-  /* @__PURE__ */ m(g, { ...i }),
+  /* @__PURE__ */ m(g, { ...l }),
   r && /* @__PURE__ */ m(u, { ...r }),
-  e && /* @__PURE__ */ m(h, { ...e }),
-  /* @__PURE__ */ m(w, { ...p }),
-  /* @__PURE__ */ m(N, { ...f }),
+  t && /* @__PURE__ */ m(w, { ...t }),
+  /* @__PURE__ */ m(h, { ...i }),
+  /* @__PURE__ */ m(N, { ...p }),
   /* @__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(b, { ...s }),
+    /* @__PURE__ */ m(b, { ...c }),
     /* @__PURE__ */ o("div", { className: "flex items-start md:gap-4 lg:gap-26.5 xl:gap-31", children: [
       /* @__PURE__ */ o("div", { className: "flex max-w-100 flex-col gap-8 lg:max-w-137.5 xl:max-w-172.5", children: [
-        /* @__PURE__ */ m(P, { ...c }),
-        x.map((l) => /* @__PURE__ */ m(v, { ...l }, l.id)),
+        /* @__PURE__ */ m(P, { ...f }),
+        s.map((a) => /* @__PURE__ */ m(v, { ...a }, a.id)),
         /* @__PURE__ */ m(B, { ...n })
       ] }),
-      /* @__PURE__ */ m("aside", { className: "sticky top-20 hidden pt-4 md:block", children: /* @__PURE__ */ m(T, { ...d }) })
+      /* @__PURE__ */ m("aside", { className: "sticky top-20 hidden pt-4 md:block", children: /* @__PURE__ */ m(T, { ...x }) })
     ] })
   ] }) }),
-  t && /* @__PURE__ */ m(k, { ...t }),
-  a && /* @__PURE__ */ m(C, { ...a })
+  e && /* @__PURE__ */ m(k, { ...e }),
+  /* @__PURE__ */ m(y, { ...d })
 ] });
 export {
   H as ProductTemplate

package/dist/components/UiComponents.d.ts

@@ -1,11 +1,17 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Anchor: ({ children, className, ...props }: React.ComponentProps<"a">) => JSX.Element;
+export declare const Anchor: ({ children, variant, className, ...props }: AnchorProps) => JSX.Element;
+
+export interface AnchorProps extends React.ComponentProps<'a'> {
+    variant?: 'default' | 'legal';
+}
 
 export declare const Blockquote: ({ children }: React.ComponentProps<"blockquote">) => JSX.Element;
 
 export declare const Code: ({ children, className }: React.ComponentProps<"code">) => JSX.Element;
 
+export declare const Emphasis: ({ children }: React.ComponentProps<"em">) => JSX.Element;
+
 export declare const Header1: ({ children }: React.ComponentProps<"h1">) => JSX.Element;
 
 export declare const Header2: ({ children }: React.ComponentProps<"h2">) => JSX.Element;
@@ -29,7 +35,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' | 'tooltip';
+    variant?: 'default' | 'legal';
 }
 
 export declare const Video: ({ children }: React.ComponentProps<"video">) => JSX.Element;

package/dist/components/UiComponents.js

@@ -1,25 +1,27 @@
 import { Anchor as o } from "./Anchor.js";
 import { Blockquote as a } from "./Blockquote.js";
-import { Code as f } from "./Code.js";
+import { Code as m } from "./Code.js";
 import { Header1 as x } from "./Header1.js";
 import { Header2 as l } from "./Header2.js";
 import { Header3 as b } from "./Header3.js";
-import { Header4 as i } from "./Header4.js";
+import { Header4 as s } from "./Header4.js";
 import { OrderedList as h } from "./OrderedList.js";
-import { Paragraph as s } from "./Paragraph.js";
+import { Paragraph as n } from "./Paragraph.js";
 import { Table as g, TableData as k, TableHeader as q, TableRow as u } from "./Table.js";
 import { UnorderedList as A } from "./UnorderedList.js";
 import { Video as C } from "./Video.js";
+import { Emphasis as E } from "./Emphasis.js";
 export {
   o as Anchor,
   a as Blockquote,
-  f as Code,
+  m as Code,
+  E as Emphasis,
   x as Header1,
   l as Header2,
   b as Header3,
-  i as Header4,
+  s as Header4,
   h as OrderedList,
-  s as Paragraph,
+  n as Paragraph,
   g as Table,
   k as TableData,
   q as TableHeader,

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

package/dist/components/UnorderedList.js

@@ -1,8 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 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"
+const o = ({ variant: t = "default", children: r }) => /* @__PURE__ */ s("ul", { className: a("mb-4 flex list-inside list-disc flex-col gap-4 px-4 py-2 text-gray-900", {
+  default: "bg-primary-50",
+  legal: ""
 }[t]), children: r });
 export {
   o as UnorderedList