@npm_leadtech/legal-contracts-ui 0.93.2 → 0.93.3

package/dist/components/AboutUsTemplate.d.ts

@@ -13,7 +13,7 @@ export declare interface AboutUsTemplateProps {
     howWeHelp: WeHelpSectionProps;
     guidelines: GuidelinesSectionProps;
     experts: ExpertsSectionProps;
-    trustPilot: TrustPilotSectionProps;
+    trustPilot: ReactNode;
     partners: PartnersSectionProps;
     cta: CtaSectionProps;
     contactUs: ContactUsSectionProps;
@@ -128,12 +128,6 @@ export interface StorylineProps {
     }[];
 }
 
-export interface TrustPilotSectionProps {
-    trustPilot: React.ReactNode;
-    content: string;
-    title: string;
-}
-
 export interface ValuesSectionProps {
     title: string;
     children: ReactNode;

package/dist/components/AboutUsTemplate.js

@@ -1,43 +1,42 @@
-import { jsxs as S, jsx as o } from "react/jsx-runtime";
-import { MissionSection as u } from "./MissionSection.js";
-import { ValuesSection as x } from "./ValuesSection.js";
-import { Storyline as b } from "./Storyline.js";
-import { WeHelpSection as d } from "./WeHelpSection.js";
-import { GuidelinesSection as j } from "./GuidelinesSection.js";
-import { ExpertsSection as y } from "./ExpertsSection.js";
-import { TrustPilotSection as C } from "./TrustPilotSection.js";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { MissionSection as S } from "./MissionSection.js";
+import { ValuesSection as u } from "./ValuesSection.js";
+import { Storyline as d } from "./Storyline.js";
+import { WeHelpSection as b } from "./WeHelpSection.js";
+import { GuidelinesSection as h } from "./GuidelinesSection.js";
+import { ExpertsSection as w } from "./ExpertsSection.js";
 import { PartnersSection as N } from "./PartnersSection.js";
-import { CtaSection as P } from "./CtaSection.js";
-import { ContactUsSection as T } from "./ContactUsSection.js";
-import { Jumbotron2 as U } from "./Jumbotron2.js";
-import { IntroSection as g } from "./IntroSection.js";
-const v = ({
-  jumbotron: t,
-  intro: r,
+import { CtaSection as j } from "./CtaSection.js";
+import { ContactUsSection as y } from "./ContactUsSection.js";
+import { Jumbotron2 as C } from "./Jumbotron2.js";
+import { IntroSection as U } from "./IntroSection.js";
+const W = ({
+  jumbotron: r,
+  intro: t,
   mission: m,
-  coreValues: i,
-  storyline: e,
+  coreValues: e,
+  storyline: i,
   howWeHelp: n,
-  guidelines: p,
-  experts: f,
-  trustPilot: s,
-  partners: c,
-  cta: l,
+  guidelines: l,
+  experts: s,
+  trustPilot: c,
+  partners: f,
+  cta: p,
   contactUs: a
-}) => /* @__PURE__ */ S("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(U, { ...t }),
-  /* @__PURE__ */ o(g, { ...r, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(u, { ...m }),
-  /* @__PURE__ */ o(x, { ...i }),
-  /* @__PURE__ */ o(b, { ...e }),
-  /* @__PURE__ */ o(d, { ...n }),
+}) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
+  /* @__PURE__ */ o(C, { ...r }),
+  /* @__PURE__ */ o(U, { ...t, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(S, { ...m }),
+  /* @__PURE__ */ o(u, { ...e }),
+  /* @__PURE__ */ o(d, { ...i }),
+  /* @__PURE__ */ o(b, { ...n }),
+  /* @__PURE__ */ o(h, { ...l }),
+  /* @__PURE__ */ o(w, { ...s }),
+  /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: c }),
+  /* @__PURE__ */ o(N, { ...f }),
   /* @__PURE__ */ o(j, { ...p }),
-  /* @__PURE__ */ o(y, { ...f }),
-  /* @__PURE__ */ o(C, { ...s }),
-  /* @__PURE__ */ o(N, { ...c }),
-  /* @__PURE__ */ o(P, { ...l }),
-  /* @__PURE__ */ o(T, { ...a })
+  /* @__PURE__ */ o(y, { ...a })
 ] });
 export {
-  v as AboutUsTemplate
+  W as AboutUsTemplate
 };

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

package/dist/components/Anchor.js

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

package/dist/components/Blockquote.d.ts

@@ -1,8 +1,4 @@
 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';
-}
+export declare const Blockquote: ({ children }: React.ComponentProps<"blockquote">) => JSX.Element;
 

package/dist/components/Blockquote.js

@@ -1,8 +1,5 @@
 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"
-}[a], children: t });
+const e = ({ children: o }) => /* @__PURE__ */ r("blockquote", { className: "my-4 border-l-4 border-gray-300 pl-4 text-gray-700 italic", children: o });
 export {
-  l as Blockquote
+  e as Blockquote
 };

package/dist/components/ContactBanner.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import "react";
-import { useScroll as i } from "../shared/hooks/useScroll.js";
-import { InfoIcon as d } from "./InfoIcon.js";
-const h = ({ contactText: s, phoneNumber: l, contactHoursText: t, contactHours: a }) => {
-  const r = i(10);
+import { useScroll as r } from "../shared/hooks/useScroll.js";
+import { SinglePhoneIcon as d } from "./SinglePhoneIcon.js";
+const f = ({ contactText: s, phoneNumber: l, contactHoursText: t, contactHours: a }) => {
+  const i = r(10);
   return /* @__PURE__ */ e(
     "section",
     {
-      className: `flex w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 transition-all duration-500 ease-in-out ${r ? "h-0 py-0" : "h-8.75 py-2"}`,
+      className: `flex w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 transition-all duration-500 ease-in-out ${i ? "h-0 py-0" : "h-8.75 py-2"}`,
       children: /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center justify-center gap-4 text-center text-neutral-900 md:text-left", children: [
         s && /* @__PURE__ */ e("p", { className: "text-small hidden sm:block", children: s }),
         /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(d, {}) }),
@@ -22,5 +22,5 @@ const h = ({ contactText: s, phoneNumber: l, contactHoursText: t, contactHours:
   );
 };
 export {
-  h as ContactBanner
+  f as ContactBanner
 };

package/dist/components/ElectronicSignatureTemplate.js

@@ -1,27 +1,28 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Hero2Section as s } from "./Hero2Section.js";
-import { HowItWorksSection as c } from "./HowItWorksSection.js";
-import { FastAndSimpleSection as p } from "./FastAndSimpleSection.js";
-import { FeaturesSection as x } from "./FeaturesSection.js";
-import { BannerTagSection as f } from "./BannerTagSection.js";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { ToastProvider as s } from "../shared/hooks/useToast.js";
+import { Hero2Section as c } from "./Hero2Section.js";
+import { HowItWorksSection as p } from "./HowItWorksSection.js";
+import { FastAndSimpleSection as x } from "./FastAndSimpleSection.js";
+import { FeaturesSection as f } from "./FeaturesSection.js";
+import { BannerTagSection as d } from "./BannerTagSection.js";
 import { FaqSection as g } from "./FaqSection.js";
-const y = ({
-  hero: o,
-  howItWorks: t,
+const T = ({
+  hero: r,
+  howItWorks: e,
   fastAndSimple: i,
-  benefits: r,
+  benefits: t,
   trustPilot: m,
   signAndSend: a,
   faq: n
-}) => /* @__PURE__ */ l("main", { className: "bg-neutral-25 w-full flex-1", children: [
-  /* @__PURE__ */ e(s, { ...o, variant: "esign" }),
-  /* @__PURE__ */ e(c, { ...t }),
-  /* @__PURE__ */ e(p, { ...i, variant: "esign" }),
-  /* @__PURE__ */ e(x, { ...r }),
-  /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-254 md:h-34", children: m }) }),
-  /* @__PURE__ */ e(f, { ...a }),
-  /* @__PURE__ */ e(g, { ...n, className: "mx-auto max-w-4xl px-4 py-16" })
-] });
+}) => /* @__PURE__ */ o(s, { children: /* @__PURE__ */ l("main", { className: "bg-neutral-25 w-full flex-1", children: [
+  /* @__PURE__ */ o(c, { ...r, variant: "esign" }),
+  /* @__PURE__ */ o(p, { ...e }),
+  /* @__PURE__ */ o(x, { ...i, variant: "esign" }),
+  /* @__PURE__ */ o(f, { ...t }),
+  /* @__PURE__ */ o("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ o("div", { className: "mx-auto w-full max-w-254 md:h-34", children: m }) }),
+  /* @__PURE__ */ o(d, { ...a }),
+  /* @__PURE__ */ o(g, { ...n, className: "mx-auto max-w-4xl px-4 py-16" })
+] }) });
 export {
-  y as ElectronicSignatureTemplate
+  T as ElectronicSignatureTemplate
 };

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

package/dist/components/InfoIcon.js

@@ -1,12 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import "react";
-const n = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", ...t, children: /* @__PURE__ */ o(
+const o = (C) => /* @__PURE__ */ l("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ l(
   "path",
   {
-    fill: "var(--neutral-900)",
-    d: "M16.675 12.817a9.5 9.5 0 0 1-2.942-.467.81.81 0 0 0-.841.2l-1.309 1.642c-2.358-1.125-4.566-3.25-5.741-5.692l1.625-1.383a.85.85 0 0 0 .2-.85A9.3 9.3 0 0 1 7.2 3.325a.83.83 0 0 0-.825-.825H3.492c-.45 0-.992.2-.992.825C2.5 11.067 8.942 17.5 16.675 17.5c.592 0 .825-.525.825-.983v-2.875a.83.83 0 0 0-.825-.825"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 12C2 6.47 6.47 2 12 2C17.53 2 22 6.47 22 12C22 17.53 17.53 22 12 22C6.47 22 2 17.53 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12ZM11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V12ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7Z",
+    fill: C.fill ?? "#1E2021"
   }
 ) });
 export {
-  n as InfoIcon
+  o as InfoIcon
 };

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

package/dist/components/Markdown.js

@@ -1,51 +1,51 @@
 import { jsx as r } from "react/jsx-runtime";
-import a, { defaultUrlTransform as s } from "react-markdown";
-import i from "rehype-raw";
-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 a, { defaultUrlTransform as i } from "react-markdown";
+import s from "rehype-raw";
+import f from "remark-gfm";
+import { Anchor as l } from "./Anchor.js";
+import { Blockquote as d } from "./Blockquote.js";
+import { Code as c } 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 { Header4 as T } from "./Header4.js";
+import { OrderedList as b } from "./OrderedList.js";
+import { Paragraph as k } from "./Paragraph.js";
+import { TableRow as w, TableHeader as g, TableData as H, Table as x } from "./Table.js";
+import { UnorderedList as P } from "./UnorderedList.js";
+import { Video as R } from "./Video.js";
+import { Emphasis as U } from "./Emphasis.js";
+import q from "clsx";
+const y = (e) => e.startsWith("tel:") ? e : i(e), $ = ({ content: e, className: t = "", useCustom: n = !0, variant: m = "default" }) => {
   const p = {
     h1: h,
-    h2: (o) => /* @__PURE__ */ r(u, { variant: e, ...o }),
+    h2: (o) => /* @__PURE__ */ r(u, { variant: m, ...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: e, ...o }),
-    video: P,
-    table: q,
+    h4: T,
+    p: (o) => /* @__PURE__ */ r(k, { variant: m, ...o }),
+    a: (o) => /* @__PURE__ */ r(l, { variant: m, ...o }),
+    ul: (o) => /* @__PURE__ */ r(P, { variant: m, ...o }),
+    ol: (o) => /* @__PURE__ */ r(b, { variant: m, ...o }),
+    code: c,
+    blockquote: d,
+    video: R,
+    table: x,
     td: H,
     th: g,
     tr: w,
-    em: R
+    em: U
   };
-  return /* @__PURE__ */ r("div", { className: U("w-full min-w-0", t), children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("div", { className: q("w-full min-w-0", t), children: /* @__PURE__ */ r(
     a,
     {
-      rehypePlugins: [i],
-      remarkPlugins: [l],
+      rehypePlugins: [s],
+      remarkPlugins: [f],
       urlTransform: y,
       components: n ? p : void 0,
-      children: m
+      children: e
     }
   ) });
 };
 export {
-  v as Markdown
+  $ 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';
+    variant?: 'default' | 'tooltip' | 'legal';
 }
 

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

package/dist/components/ProductInfo.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
 import { Note as a } from "./Note.js";
 import { HistoryIcon as i } from "./HistoryIcon.js";
-import { DoneCircleIcon as m } from "./DoneCircleIcon.js";
-import { DocOutlineIcon as o } from "./DocOutlineIcon.js";
+import { DocOutlineIcon as m } from "./DocOutlineIcon.js";
+import { DoneCircleIcon as o } from "./DoneCircleIcon.js";
 const u = ({ lastUpdate: n, reviewer: t, alsoKnownAs: r }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-6 py-4 text-neutral-800 lg:px-8 xl:px-30", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ l("div", { className: "text-small flex flex-col gap-2 text-neutral-600", children: [
   /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2 sm:gap-4", children: [
     /* @__PURE__ */ l(a, { children: [
@@ -12,14 +12,14 @@ const u = ({ lastUpdate: n, reviewer: t, alsoKnownAs: r }) => /* @__PURE__ */ e(
     !!t && /* @__PURE__ */ l(s, { children: [
       /* @__PURE__ */ e("span", { className: "hidden h-5 w-px bg-neutral-600 sm:block", "aria-hidden": !0 }),
       /* @__PURE__ */ l(a, { children: [
-        /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--neutral-600)" }),
+        /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
         t
       ] })
     ] })
   ] }),
   r.docs.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2", children: [
     /* @__PURE__ */ l(a, { children: [
-      /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
+      /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--neutral-600)" }),
       " ",
       r.label
     ] }),

package/dist/components/SinglePhoneIcon.d.ts

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

package/dist/components/SinglePhoneIcon.js

@@ -0,0 +1,12 @@
+import { jsx as l } from "react/jsx-runtime";
+import "react";
+const n = (o) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", ...o, children: /* @__PURE__ */ l(
+  "path",
+  {
+    fill: "var(--neutral-900)",
+    d: "M16.675 12.817a9.5 9.5 0 0 1-2.942-.467.81.81 0 0 0-.841.2l-1.309 1.642c-2.358-1.125-4.566-3.25-5.741-5.692l1.625-1.383a.85.85 0 0 0 .2-.85A9.3 9.3 0 0 1 7.2 3.325a.83.83 0 0 0-.825-.825H3.492c-.45 0-.992.2-.992.825C2.5 11.067 8.942 17.5 16.675 17.5c.592 0 .825-.525.825-.983v-2.875a.83.83 0 0 0-.825-.825"
+  }
+) });
+export {
+  n as SinglePhoneIcon
+};

package/dist/components/Toast.d.ts

@@ -0,0 +1,13 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Toast: ({ show, title, message, type, onClose, duration }: ToastProps) => JSX.Element | undefined;
+
+export declare interface ToastProps {
+    show: boolean;
+    title: string;
+    message: string;
+    type?: 'success' | 'error' | 'default';
+    onClose: () => void;
+    duration?: number;
+}
+

package/dist/components/Toast.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useEffect as a } from "react";
+import { InfoIcon as c } from "./InfoIcon.js";
+import { DoneCircleIcon as f } from "./DoneCircleIcon.js";
+import { CloseIcon as d } from "./CloseIcon.js";
+const g = {
+  success: {
+    icon: /* @__PURE__ */ e(f, { fill: "white", width: 24, height: 24 }),
+    bg: "bg-primary-500"
+  },
+  error: {
+    icon: /* @__PURE__ */ e(c, { fill: "white", width: 24, height: 24 }),
+    bg: "bg-error-500"
+  },
+  default: {
+    icon: /* @__PURE__ */ e(c, { fill: "white", width: 24, height: 24 }),
+    bg: "bg-neutral-500"
+  }
+}, N = ({ show: l, title: n, message: s, type: m = "default", onClose: i, duration: t = 3e3 }) => {
+  a(() => {
+    const h = setTimeout(() => {
+      i();
+    }, t);
+    return () => {
+      clearTimeout(h);
+    };
+  }, [i, t]);
+  const r = g[m];
+  if (l)
+    return /* @__PURE__ */ o("div", { className: `animate-slide-in flex min-w-75 items-center gap-4 rounded px-4 py-2 shadow-lg ${r.bg}`, children: [
+      /* @__PURE__ */ e("div", { className: "shrink-0", children: r.icon }),
+      /* @__PURE__ */ o("div", { className: "flex grow flex-col text-sm text-white", children: [
+        /* @__PURE__ */ e("p", { className: "font-bold", children: n }),
+        /* @__PURE__ */ e("p", { children: s })
+      ] }),
+      /* @__PURE__ */ e("button", { onClick: i, className: "cursor-pointer", children: /* @__PURE__ */ e(d, { fill: "white", className: "h-4 w-4" }) })
+    ] });
+};
+export {
+  N as Toast
+};

package/dist/components/UiComponents.d.ts

@@ -3,14 +3,10 @@ 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';
+    variant?: 'default' | 'legal' | 'tooltip';
 }
 
-export declare const Blockquote: ({ children, variant }: BlockquoteProps) => JSX.Element;
-
-export interface BlockquoteProps extends React.ComponentProps<'blockquote'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
-}
+export declare const Blockquote: ({ children }: React.ComponentProps<"blockquote">) => JSX.Element;
 
 export declare const Code: ({ children, className }: React.ComponentProps<"code">) => JSX.Element;
 
@@ -21,7 +17,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';
+    variant?: 'default' | 'legal' | 'tooltip';
 }
 
 export declare const Header3: ({ children }: React.ComponentProps<"h3">) => JSX.Element;
@@ -31,13 +27,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';
+    variant?: 'default' | 'tooltip' | 'legal';
 }
 
 export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
 
 export interface ParagraphProps extends React.ComponentProps<'p'> {
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
+    variant?: 'default' | 'legal' | 'tooltip';
 }
 
 export declare const Table: ({ children }: React.ComponentProps<"table">) => JSX.Element;
@@ -51,7 +47,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';
+    variant?: 'default' | 'tooltip' | 'legal';
 }
 
 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';
+    variant?: 'default' | 'tooltip' | 'legal';
 }
 

package/dist/components/UnsubscribeTemplate.d.ts

@@ -8,7 +8,7 @@ export interface MarkdownProps {
     content: string;
     className?: string;
     useCustom?: boolean;
-    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
+    variant?: 'default' | 'legal' | 'tooltip';
 }
 
 export declare const UnsubscribeTemplate: FC<UnsubscribeTemplateProps>;