@npm_leadtech/legal-contracts-ui 0.73.0 → 0.73.2

package/dist/components/CategoryProductTemplate.js

@@ -1,33 +1,33 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { JumboCard as s } from "./JumboCard.js";
-import { DocumentCategories as p } from "./DocumentCategories.js";
-import { DocumentSection as f } from "./DocumentSection.js";
-import { Breadcrumb as d } from "./Breadcrumb.js";
-import { ContentItem as u } from "./ContentItem.js";
-import { FaqSection as x } from "./FaqSection.js";
+import { DocumentCategories as x } from "./DocumentCategories.js";
+import { DocumentSection as n } from "./DocumentSection.js";
+import { Breadcrumb as f } from "./Breadcrumb.js";
+import { ContentItem as d } from "./ContentItem.js";
+import { FaqSection as u } from "./FaqSection.js";
 import { BlogSection as g } from "./BlogSection.js";
-const y = ({
-  jumbo: e,
-  breadcrumb: a,
-  categories: t,
-  documentSections: i,
-  contentItems: l,
-  faqSection: c,
-  articles: n
-}) => /* @__PURE__ */ o("main", { className: "mx-auto max-w-6xl flex-1", children: [
-  /* @__PURE__ */ r(s, { ...e }),
-  /* @__PURE__ */ r(d, { ...a, className: "pb-4" }),
-  /* @__PURE__ */ o("div", { className: "container mx-auto flex flex-col justify-center gap-30 lg:flex-row", children: [
-    /* @__PURE__ */ r(p, { ...t }),
-    /* @__PURE__ */ o("div", { className: "", children: [
-      i.map((m) => /* @__PURE__ */ r(f, { ...m }, m.id)),
-      /* @__PURE__ */ r("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 }),
-      l.map((m) => /* @__PURE__ */ r(u, { ...m }, m.id)),
-      /* @__PURE__ */ r(x, { ...c, className: "pb-6" }),
-      /* @__PURE__ */ r(g, { ...n })
+const S = ({
+  jumbo: m,
+  breadcrumb: t,
+  categories: o,
+  documentSections: r,
+  contentItems: p,
+  faqSection: i,
+  articles: c
+}) => /* @__PURE__ */ l("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__ */ e(s, { ...m }),
+  /* @__PURE__ */ e(f, { ...t, className: "pt-2" }),
+  /* @__PURE__ */ l("div", { className: "mx-auto flex justify-center gap-4 text-neutral-800 lg:gap-26.5 xl:gap-31.5", children: [
+    /* @__PURE__ */ e("aside", { className: "sticky top-24 hidden self-start md:block", children: /* @__PURE__ */ e(x, { ...o }) }),
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-10", children: [
+      r.map((a) => /* @__PURE__ */ e(n, { ...a }, a.id)),
+      /* @__PURE__ */ e("span", { className: "h-px w-full bg-neutral-200" }),
+      /* @__PURE__ */ e("div", { className: "w-full", children: p.map((a) => /* @__PURE__ */ e(d, { ...a }, a.id)) }),
+      /* @__PURE__ */ e(u, { ...i }),
+      /* @__PURE__ */ e(g, { ...c })
     ] })
   ] })
 ] });
 export {
-  y as CategoryProductTemplate
+  S as CategoryProductTemplate
 };