@npm_leadtech/legal-contracts-ui 0.170.0 → 0.171.1

package/dist/components/AboutUsTemplate.js

@@ -1,43 +1,39 @@
-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 b } from "./Storyline.js";
-import { WeHelpSection as y } from "./WeHelpSection.js";
-import { GuidelinesSection as N } from "./GuidelinesSection.js";
-import { ExpertsSection as d } from "./ExpertsSection.js";
-import { TrustPilotSection as g } from "./TrustPilotSection.js";
-import { PartnersSection as j } from "./PartnersSection.js";
-import { CtaSection as w } from "./CtaSection.js";
-import { ContactUsSection as C } from "./ContactUsSection.js";
-import { Jumbotron2 as P } from "./Jumbotron2.js";
-import { IntroSection as T } from "./IntroSection.js";
-const v = ({
-  jumbotron: t,
-  intro: r,
-  mission: m,
-  coreValues: i,
-  storyline: e,
-  howWeHelp: n,
-  guidelines: l,
-  experts: p,
-  trustPilot: s,
-  partners: f,
-  cta: c,
-  contactUs: a
-}) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(P, { ...t, className: "bg-primary-50 w-full py-4 text-3xl" }),
-  /* @__PURE__ */ o(T, { ...r, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(S, { ...m }),
-  /* @__PURE__ */ o(u, { ...i }),
-  /* @__PURE__ */ o(b, { ...e }),
-  /* @__PURE__ */ o(y, { ...n }),
-  /* @__PURE__ */ o(N, { ...l }),
-  /* @__PURE__ */ o(d, { ...p }),
-  /* @__PURE__ */ o(g, { ...s }),
-  /* @__PURE__ */ o(j, { ...f }),
-  /* @__PURE__ */ o(w, { ...c }),
-  /* @__PURE__ */ o(C, { ...a })
-] });
-export {
-  v as AboutUsTemplate
-};
+import { Jumbotron2 as e } from "./Jumbotron2.js";
+import { IntroSection as t } from "./IntroSection.js";
+import { MissionSection as n } from "./MissionSection.js";
+import { ValuesSection as r } from "./ValuesSection.js";
+import { Storyline as i } from "./Storyline.js";
+import { WeHelpSection as a } from "./WeHelpSection.js";
+import { GuidelinesSection as o } from "./GuidelinesSection.js";
+import { ExpertsSection as s } from "./ExpertsSection.js";
+import { PartnersSection as c } from "./PartnersSection.js";
+import { CtaSection as l } from "./CtaSection.js";
+import { ContactUsSection as u } from "./ContactUsSection.js";
+import { TrustPilotSection as d } from "./TrustPilotSection.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region lib/components/templates/AboutUsTemplate.tsx
+var m = ({ jumbotron: m, intro: h, mission: g, coreValues: _, storyline: v, howWeHelp: y, guidelines: b, experts: x, trustPilot: S, partners: C, cta: w, contactUs: T }) => /* @__PURE__ */ p("main", {
+	className: "mx-auto flex w-full flex-1 flex-col text-neutral-800",
+	children: [
+		/* @__PURE__ */ f(e, {
+			...m,
+			className: "bg-primary-50 w-full py-4 text-3xl"
+		}),
+		/* @__PURE__ */ f(t, {
+			...h,
+			className: "bg-primary-50"
+		}),
+		/* @__PURE__ */ f(n, { ...g }),
+		/* @__PURE__ */ f(r, { ..._ }),
+		/* @__PURE__ */ f(i, { ...v }),
+		/* @__PURE__ */ f(a, { ...y }),
+		/* @__PURE__ */ f(o, { ...b }),
+		/* @__PURE__ */ f(s, { ...x }),
+		/* @__PURE__ */ f(d, { ...S }),
+		/* @__PURE__ */ f(c, { ...C }),
+		/* @__PURE__ */ f(l, { ...w }),
+		/* @__PURE__ */ f(u, { ...T })
+	]
+});
+//#endregion
+export { m as AboutUsTemplate };

package/dist/components/AddIcon.js

@@ -1,12 +1,17 @@
-import { jsx as t } from "react/jsx-runtime";
 import "react";
-const h = (i) => /* @__PURE__ */ t("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i, children: /* @__PURE__ */ t(
-  "path",
-  {
-    d: "M17.4166 11C17.4166 11.5063 17.0062 11.9167 16.4999 11.9167H11.9166V16.5C11.9166 17.0063 11.5062 17.4167 10.9999 17.4167C10.4937 17.4167 10.0833 17.0063 10.0833 16.5V11.9167H5.49992C4.99366 11.9167 4.58325 11.5063 4.58325 11C4.58325 10.4938 4.99366 10.0834 5.49992 10.0834H10.0833V5.50004C10.0833 4.99378 10.4937 4.58337 10.9999 4.58337C11.5062 4.58337 11.9166 4.99378 11.9166 5.50004V10.0834H16.4999C17.0062 10.0834 17.4166 10.4938 17.4166 11Z",
-    fill: "white"
-  }
-) });
-export {
-  h as AddIcon
-};
+import { jsx as e } from "react/jsx-runtime";
+//#region lib/components/icons/AddIcon.tsx
+var t = (t) => /* @__PURE__ */ e("svg", {
+	width: "22",
+	height: "22",
+	viewBox: "0 0 22 22",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...t,
+	children: /* @__PURE__ */ e("path", {
+		d: "M17.4166 11C17.4166 11.5063 17.0062 11.9167 16.4999 11.9167H11.9166V16.5C11.9166 17.0063 11.5062 17.4167 10.9999 17.4167C10.4937 17.4167 10.0833 17.0063 10.0833 16.5V11.9167H5.49992C4.99366 11.9167 4.58325 11.5063 4.58325 11C4.58325 10.4938 4.99366 10.0834 5.49992 10.0834H10.0833V5.50004C10.0833 4.99378 10.4937 4.58337 10.9999 4.58337C11.5062 4.58337 11.9166 4.99378 11.9166 5.50004V10.0834H16.4999C17.0062 10.0834 17.4166 10.4938 17.4166 11Z",
+		fill: "white"
+	})
+});
+//#endregion
+export { t as AddIcon };

package/dist/components/AiLegalDocumentReviewerTemplate.js

@@ -1,33 +1,47 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { ConversionSection as f } from "./ConversionSection.js";
-import { Hero2Section as s } from "./Hero2Section.js";
-import { HowItWorksSection as x } from "./HowItWorksSection.js";
-import { FastAndSimpleSection as g } from "./FastAndSimpleSection.js";
-import { FeaturesSection as S } from "./FeaturesSection.js";
-import { BannerTagSection as u } from "./BannerTagSection.js";
-import { FaqSection as v } from "./FaqSection.js";
-import { Toast as w } from "./Toast.js";
-const B = ({
-  hero: e,
-  howItWorks: i,
-  fastAndSimple: t,
-  conversion: m,
-  insights: n,
-  trustPilot: r,
-  askQuestions: l,
-  faq: p,
-  toast: o
-}) => /* @__PURE__ */ c("main", { className: "bg-neutral-25 w-full flex-1", children: [
-  /* @__PURE__ */ a(s, { ...e, variant: "ratafia" }),
-  /* @__PURE__ */ a(x, { ...i, variant: "ratafia" }),
-  /* @__PURE__ */ a(g, { ...t, variant: "ratafia" }),
-  /* @__PURE__ */ a(S, { ...n }),
-  /* @__PURE__ */ a(f, { ...m }),
-  !!r && /* @__PURE__ */ a("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-254 md:h-34", children: r }) }),
-  /* @__PURE__ */ a(u, { ...l, variant: "ratafia" }),
-  /* @__PURE__ */ a(v, { ...p, className: "mx-auto max-w-250 px-6 py-12 lg:px-8 lg:pb-20 xl:px-0" }),
-  o && /* @__PURE__ */ a(w, { ...o })
-] });
-export {
-  B as AiLegalDocumentReviewerTemplate
-};
+import { Toast as e } from "./Toast.js";
+import { FaqSection as t } from "./FaqSection.js";
+import { Hero2Section as n } from "./Hero2Section.js";
+import { HowItWorksSection as r } from "./HowItWorksSection.js";
+import { FastAndSimpleSection as i } from "./FastAndSimpleSection.js";
+import { FeaturesSection as a } from "./FeaturesSection.js";
+import { BannerTagSection as o } from "./BannerTagSection.js";
+import { ConversionSection as s } from "./ConversionSection.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region lib/components/templates/AiLegalDocumentReviewerTemplate.tsx
+var u = ({ hero: u, howItWorks: d, fastAndSimple: f, conversion: p, insights: m, trustPilot: h, askQuestions: g, faq: _, toast: v }) => /* @__PURE__ */ l("main", {
+	className: "bg-neutral-25 w-full flex-1",
+	children: [
+		/* @__PURE__ */ c(n, {
+			...u,
+			variant: "ratafia"
+		}),
+		/* @__PURE__ */ c(r, {
+			...d,
+			variant: "ratafia"
+		}),
+		/* @__PURE__ */ c(i, {
+			...f,
+			variant: "ratafia"
+		}),
+		/* @__PURE__ */ c(a, { ...m }),
+		/* @__PURE__ */ c(s, { ...p }),
+		!!h && /* @__PURE__ */ c("section", {
+			className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0",
+			children: /* @__PURE__ */ c("div", {
+				className: "mx-auto w-full max-w-254 md:h-34",
+				children: h
+			})
+		}),
+		/* @__PURE__ */ c(o, {
+			...g,
+			variant: "ratafia"
+		}),
+		/* @__PURE__ */ c(t, {
+			..._,
+			className: "mx-auto max-w-250 px-6 py-12 lg:px-8 lg:pb-20 xl:px-0"
+		}),
+		v && /* @__PURE__ */ c(e, { ...v })
+	]
+});
+//#endregion
+export { u as AiLegalDocumentReviewerTemplate };

package/dist/components/AllDocumentsTemplate.js

@@ -1,30 +1,38 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { JumboCard as i } from "./JumboCard.js";
-import { Breadcrumb as c } from "./Breadcrumb.js";
-import { DocumentCategories as x } from "./DocumentCategories.js";
-import { DocumentSection as n } from "./DocumentSection.js";
-import { ContentItem as d } from "./ContentItem.js";
-import { FaqSection as f } from "./FaqSection.js";
-const w = ({
-  jumbo: t,
-  breadcrumb: o,
-  categories: p,
-  documentSections: s,
-  contentItems: r,
-  faqSection: a
-}) => /* @__PURE__ */ m("main", { className: "mx-auto flex flex-1 flex-col gap-4 px-6 pt-8 pb-16 lg:px-8 xl:max-w-300 xl:px-0", children: [
-  /* @__PURE__ */ l(i, { ...t }),
-  /* @__PURE__ */ l(c, { ...o, className: "pt-2" }),
-  /* @__PURE__ */ m("div", { className: "mx-auto flex justify-center gap-4 text-neutral-800 lg:gap-26.5 xl:gap-31.5", children: [
-    /* @__PURE__ */ l("aside", { className: "sticky top-24 hidden self-start md:block", children: /* @__PURE__ */ l(x, { ...p }) }),
-    /* @__PURE__ */ m("div", { className: "flex flex-col gap-10", children: [
-      s.map((e) => /* @__PURE__ */ l(n, { ...e }, e.id)),
-      r.length > 0 || a ? /* @__PURE__ */ l("span", { className: "h-px w-full bg-neutral-200" }) : null,
-      /* @__PURE__ */ l("div", { className: "w-full", children: r.map((e) => /* @__PURE__ */ l(d, { ...e }, e.id)) }),
-      a && /* @__PURE__ */ l(f, { ...a })
-    ] })
-  ] })
-] });
-export {
-  w as AllDocumentsTemplate
-};
+import { Breadcrumb as e } from "./Breadcrumb.js";
+import { ContentItem as t } from "./ContentItem.js";
+import { FaqSection as n } from "./FaqSection.js";
+import { JumboCard as r } from "./JumboCard.js";
+import { DocumentCategories as i } from "./DocumentCategories.js";
+import { DocumentSection as a } from "./DocumentSection.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region lib/components/templates/AllDocumentsTemplate.tsx
+var c = ({ jumbo: c, breadcrumb: l, categories: u, documentSections: d, contentItems: f, faqSection: p }) => /* @__PURE__ */ s("main", {
+	className: "mx-auto flex flex-1 flex-col gap-4 px-6 pt-8 pb-16 lg:px-8 xl:max-w-300 xl:px-0",
+	children: [
+		/* @__PURE__ */ o(r, { ...c }),
+		/* @__PURE__ */ o(e, {
+			...l,
+			className: "pt-2"
+		}),
+		/* @__PURE__ */ s("div", {
+			className: "mx-auto flex justify-center gap-4 text-neutral-800 lg:gap-26.5 xl:gap-31.5",
+			children: [/* @__PURE__ */ o("aside", {
+				className: "sticky top-24 hidden self-start md:block",
+				children: /* @__PURE__ */ o(i, { ...u })
+			}), /* @__PURE__ */ s("div", {
+				className: "flex flex-col gap-10",
+				children: [
+					d.map((e) => /* @__PURE__ */ o(a, { ...e }, e.id)),
+					f.length > 0 || p ? /* @__PURE__ */ o("span", { className: "h-px w-full bg-neutral-200" }) : null,
+					/* @__PURE__ */ o("div", {
+						className: "w-full",
+						children: f.map((e) => /* @__PURE__ */ o(t, { ...e }, e.id))
+					}),
+					p && /* @__PURE__ */ o(n, { ...p })
+				]
+			})]
+		})
+	]
+});
+//#endregion
+export { c as AllDocumentsTemplate };

package/dist/components/AlternativeSubtypeDocument.js

@@ -1,20 +1,31 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { LinkWrapper as a } from "./LinkWrapper.js";
-const m = ({
-  link: r,
-  sampleImage: t,
-  pdfDownload: s,
-  wordDownload: c
-}) => /* @__PURE__ */ l("div", { className: "bg-neutral-25 flex w-full max-w-100 items-center justify-center gap-4 rounded-xl p-4 lg:max-w-55.75 lg:flex-col", children: [
-  /* @__PURE__ */ e("div", { className: "max-w-29 shadow", children: t }),
-  /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-4 lg:items-center lg:justify-center", children: [
-    /* @__PURE__ */ e("div", { className: "text-medium font-bold text-neutral-900 underline lg:text-center", children: r }),
-    /* @__PURE__ */ l("div", { className: "flex w-full flex-col justify-between gap-3 lg:flex-row lg:gap-0.75", children: [
-      /* @__PURE__ */ e(a, { size: "small", className: "w-full", variant: "secondary-black", children: s }),
-      /* @__PURE__ */ e(a, { size: "small", className: "w-full", variant: "secondary-black", children: c })
-    ] })
-  ] })
-] });
-export {
-  m as AlternativeSubtypeDocument
-};
+import { LinkWrapper as e } from "./LinkWrapper.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region lib/components/molecules/AlternativeSubtypeDocument.tsx
+var r = ({ link: r, sampleImage: i, pdfDownload: a, wordDownload: o }) => /* @__PURE__ */ n("div", {
+	className: "bg-neutral-25 flex w-full max-w-100 items-center justify-center gap-4 rounded-xl p-4 lg:max-w-55.75 lg:flex-col",
+	children: [/* @__PURE__ */ t("div", {
+		className: "max-w-29 shadow",
+		children: i
+	}), /* @__PURE__ */ n("div", {
+		className: "flex w-full flex-col gap-4 lg:items-center lg:justify-center",
+		children: [/* @__PURE__ */ t("div", {
+			className: "text-medium font-bold text-neutral-900 underline lg:text-center",
+			children: r
+		}), /* @__PURE__ */ n("div", {
+			className: "flex w-full flex-col justify-between gap-3 lg:flex-row lg:gap-0.75",
+			children: [/* @__PURE__ */ t(e, {
+				size: "small",
+				className: "w-full",
+				variant: "secondary-black",
+				children: a
+			}), /* @__PURE__ */ t(e, {
+				size: "small",
+				className: "w-full",
+				variant: "secondary-black",
+				children: o
+			})]
+		})]
+	})]
+});
+//#endregion
+export { r as AlternativeSubtypeDocument };

package/dist/components/Anchor.js

@@ -1,25 +1,32 @@
-import { jsx as x } from "react/jsx-runtime";
-import m from "clsx";
-const w = ({ children: l, variant: o = "default", className: c = "", ...t }) => {
-  const e = t.href || "", n = e.toLowerCase(), u = n.startsWith("mailto:"), a = n.startsWith("tel:"), r = "cursor-pointer text-primary-700", i = {
-    default: "text-neutral-900 underline",
-    legal: r,
-    ratafia: "cursor-pointer text-primary-200 underline decoration-white/40 underline-offset-2 hover:text-white",
-    "about-us": r,
-    pricing: "cursor-pointer text-neutral-900",
-    unsubscribe: r,
-    cookies: "text-white",
-    story: "text-neutral-800 underline"
-  }, f = i[o] ?? i.default, h = e.startsWith("http"), d = (() => {
-    if (!a) return e;
-    try {
-      return decodeURIComponent(e).replaceAll(/\s/g, "");
-    } catch {
-      return e.replaceAll("%20", "").replaceAll(/\s/g, "");
-    }
-  })(), s = t.target === "_blank" || h && !a && !u ? "_blank" : t.target, g = s === "_blank" ? "noopener noreferrer" : t.rel;
-  return /* @__PURE__ */ x("a", { ...t, href: d, className: m(c, f), target: s, rel: g, children: l });
-};
-export {
-  w as Anchor
+import { jsx as e } from "react/jsx-runtime";
+import t from "clsx";
+//#region lib/components/atoms/Markdown/Anchor.tsx
+var n = ({ children: n, variant: r = "default", className: i = "", ...a }) => {
+	let o = a.href || "", s = o.toLowerCase(), c = s.startsWith("mailto:"), l = s.startsWith("tel:"), u = "cursor-pointer text-primary-700", d = {
+		default: "text-neutral-900 underline",
+		legal: u,
+		ratafia: "cursor-pointer text-primary-200 underline decoration-white/40 underline-offset-2 hover:text-white",
+		"about-us": u,
+		pricing: "cursor-pointer text-neutral-900",
+		unsubscribe: u,
+		cookies: "text-white",
+		story: "text-neutral-800 underline"
+	}, f = d[r] ?? d.default, p = o.startsWith("http"), m = (() => {
+		if (!l) return o;
+		try {
+			return decodeURIComponent(o).replaceAll(/\s/g, "");
+		} catch {
+			return o.replaceAll("%20", "").replaceAll(/\s/g, "");
+		}
+	})(), h = a.target === "_blank" || p && !l && !c ? "_blank" : a.target, g = h === "_blank" ? "noopener noreferrer" : a.rel;
+	return /* @__PURE__ */ e("a", {
+		...a,
+		href: m,
+		className: t(i, f),
+		target: h,
+		rel: g,
+		children: n
+	});
 };
+//#endregion
+export { n as Anchor };

package/dist/components/Article.js

@@ -1,24 +1,31 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { LinkWrapper as e } from "./LinkWrapper.js";
 import "react";
-import m from "clsx";
-import { LinkWrapper as a } from "./LinkWrapper.js";
-const x = ({ id: t, title: d, description: i, image: o, cta: s, isRow: l = !1 }) => /* @__PURE__ */ r("article", { className: m("flex flex-col rounded-sm bg-white shadow", l && "md:flex-row"), children: [
-  /* @__PURE__ */ e(
-    "div",
-    {
-      className: m(
-        "relative h-42 shrink-0 overflow-hidden rounded-t-sm [&_img]:h-full [&_img]:w-full [&_img]:object-cover",
-        l && "md:h-auto md:max-w-51 md:self-stretch md:rounded-t-none md:rounded-l-sm"
-      ),
-      children: o
-    }
-  ),
-  /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 p-6 text-neutral-800", children: [
-    /* @__PURE__ */ e("p", { className: "text-big font-semibold", children: d }),
-    /* @__PURE__ */ e("p", { className: "text-medium", children: i }),
-    /* @__PURE__ */ e(a, { className: "w-fit", variant: "tertiary-bold", children: s })
-  ] })
-] }, t);
-export {
-  x as Article
-};
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "clsx";
+//#region lib/components/molecules/Article.tsx
+var i = ({ id: i, title: a, description: o, image: s, cta: c, isRow: l = !1 }) => /* @__PURE__ */ n("article", {
+	className: r("flex flex-col rounded-sm bg-white shadow", l && "md:flex-row"),
+	children: [/* @__PURE__ */ t("div", {
+		className: r("relative h-42 shrink-0 overflow-hidden rounded-t-sm [&_img]:h-full [&_img]:w-full [&_img]:object-cover", l && "md:h-auto md:max-w-51 md:self-stretch md:rounded-t-none md:rounded-l-sm"),
+		children: s
+	}), /* @__PURE__ */ n("div", {
+		className: "flex flex-col gap-4 p-6 text-neutral-800",
+		children: [
+			/* @__PURE__ */ t("p", {
+				className: "text-big font-semibold",
+				children: a
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "text-medium",
+				children: o
+			}),
+			/* @__PURE__ */ t(e, {
+				className: "w-fit",
+				variant: "tertiary-bold",
+				children: c
+			})
+		]
+	})]
+}, i);
+//#endregion
+export { i as Article };

package/dist/components/AsideNavMenu.js

@@ -1,38 +1,48 @@
 "use client";
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { useState as n, useEffect as f } from "react";
-const p = ({ menuItems: r }) => {
-  const [a, c] = n(r[0]?.href || "");
-  return f(() => {
-    const e = new IntersectionObserver(
-      (l) => {
-        l.forEach((s) => {
-          s.isIntersecting && c(`#${s.target.id}`);
-        });
-      },
-      { rootMargin: "-10% 0px -80% 0px", threshold: 0.1 }
-    );
-    return r.forEach((l) => {
-      const s = l.href.replace("#", ""), i = document.getElementById(s);
-      i && e.observe(i);
-    }), () => {
-      e.disconnect();
-    };
-  }, [r]), r.length === 0 ? null : /* @__PURE__ */ t("aside", { className: "flex w-full flex-col gap-4 md:sticky md:h-fit md:w-55 lg:top-24", children: /* @__PURE__ */ t("ul", { className: "flex flex-col gap-1", children: r.map((e) => {
-    const l = a === e.href;
-    return /* @__PURE__ */ o(
-      "li",
-      {
-        className: `flex items-baseline gap-2 border-b border-neutral-200 ${l ? "text-primary-500 font-bold" : ""}`,
-        children: [
-          l && /* @__PURE__ */ t("div", { className: "bg-primary-500 h-1.5 w-1.5", style: { borderRadius: "50%" } }),
-          /* @__PURE__ */ t("a", { href: e.href, className: "text-small block w-full py-3 text-left", children: /* @__PURE__ */ t("span", { className: "inline-block w-full transition-all duration-300", children: e.label }) })
-        ]
-      },
-      e.label
-    );
-  }) }) });
-};
-export {
-  p as AsideNavMenu
+"use client";
+import { useEffect as e, useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/components/organisms/AsideNavMenu.tsx
+var i = ({ menuItems: i }) => {
+	let [a, o] = t(i[0]?.href || "");
+	return e(() => {
+		let e = new IntersectionObserver((e) => {
+			e.forEach((e) => {
+				e.isIntersecting && o(`#${e.target.id}`);
+			});
+		}, {
+			rootMargin: "-10% 0px -80% 0px",
+			threshold: .1
+		});
+		return i.forEach((t) => {
+			let n = t.href.replace("#", ""), r = document.getElementById(n);
+			r && e.observe(r);
+		}), () => {
+			e.disconnect();
+		};
+	}, [i]), i.length === 0 ? null : /* @__PURE__ */ n("aside", {
+		className: "flex w-full flex-col gap-4 md:sticky md:h-fit md:w-55 lg:top-24",
+		children: /* @__PURE__ */ n("ul", {
+			className: "flex flex-col gap-1",
+			children: i.map((e) => {
+				let t = a === e.href;
+				return /* @__PURE__ */ r("li", {
+					className: `flex items-baseline gap-2 border-b border-neutral-200 ${t ? "text-primary-500 font-bold" : ""}`,
+					children: [t && /* @__PURE__ */ n("div", {
+						className: "bg-primary-500 h-1.5 w-1.5",
+						style: { borderRadius: "50%" }
+					}), /* @__PURE__ */ n("a", {
+						href: e.href,
+						className: "text-small block w-full py-3 text-left",
+						children: /* @__PURE__ */ n("span", {
+							className: "inline-block w-full transition-all duration-300",
+							children: e.label
+						})
+					})]
+				}, e.label);
+			})
+		})
+	});
 };
+//#endregion
+export { i as AsideNavMenu };

package/dist/components/Badge.js

@@ -1,15 +1,12 @@
-import { jsx as a } from "react/jsx-runtime";
 import "react";
-const d = ({ children: r, color: e = "secondary", className: o = "" }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: `flex items-center gap-2 rounded ${{
-      primary: "bg-primary-200",
-      secondary: "bg-secondary-200"
-    }[e]} whitespace-nowrap text-neutral-800 shadow-md ${o}`,
-    children: r
-  }
-);
-export {
-  d as Badge
-};
+import { jsx as e } from "react/jsx-runtime";
+//#region lib/components/atoms/Badge.tsx
+var t = ({ children: t, color: n = "secondary", className: r = "" }) => /* @__PURE__ */ e("div", {
+	className: `flex items-center gap-2 rounded ${{
+		primary: "bg-primary-200",
+		secondary: "bg-secondary-200"
+	}[n]} whitespace-nowrap text-neutral-800 shadow-md ${r}`,
+	children: t
+});
+//#endregion
+export { t as Badge };