@danxbot/ui 15.29.1 → 15.29.2

package/dist/index.js

@@ -30854,45 +30854,52 @@ function Xq({
     ],
     [e.sections, r, a]
   );
-  return /* @__PURE__ */ M("div", { "data-legal-document": "", className: B("lg:grid lg:grid-cols-[16rem_minmax(0,1fr)] lg:gap-12", o), children: [
-    /* @__PURE__ */ d(
-      "div",
-      {
-        "data-legal-screen-only": "",
-        className: "mb-6 lg:sticky lg:top-[var(--legal-document-toc-top,1rem)] lg:mb-0 lg:max-h-[calc(100dvh-var(--legal-document-toc-top,1rem)-1rem)] lg:self-start lg:overflow-y-auto",
-        children: /* @__PURE__ */ d(o3, { label: n, sections: c, activeId: i })
-      }
-    ),
-    /* @__PURE__ */ M("div", { className: "min-w-0", children: [
-      s > 0 ? /* @__PURE__ */ d("div", { "data-legal-screen-only": "", className: "mb-6 max-w-3xl", children: /* @__PURE__ */ d(
-        gn,
-        {
-          tone: "warning",
-          title: `${String(s)} ${s === 1 ? "value" : "values"} in this version not confirmed yet`,
-          children: "They are shown highlighted, in square brackets, exactly as the document writes them."
-        }
-      ) }) : null,
-      /* @__PURE__ */ M("article", { className: "max-w-3xl text-sm leading-7 text-primary", children: [
-        /* @__PURE__ */ M("header", { className: "mb-10 border-b border-border-subtle pb-8", children: [
-          /* @__PURE__ */ d(t, { className: "font-display text-2xl font-bold tracking-tight text-primary sm:text-3xl", children: e.title }),
-          /* @__PURE__ */ d("p", { className: "mt-2 font-display text-md font-semibold tracking-wide text-secondary", children: e.issuer }),
-          /* @__PURE__ */ M("p", { className: "mt-4 text-xs text-tertiary", children: [
-            "Effective Date: ",
-            /* @__PURE__ */ d(th, { text: e.effectiveDate })
-          ] }),
-          /* @__PURE__ */ M("p", { className: "text-xs text-tertiary", children: [
-            "Version: ",
-            e.version
+  return /* @__PURE__ */ M(
+    "div",
+    {
+      "data-legal-document": "",
+      className: B("lg:grid lg:grid-cols-[16rem_minmax(0,1fr)] lg:gap-12 xl:grid-cols-[20rem_minmax(0,1fr)]", o),
+      children: [
+        /* @__PURE__ */ d(
+          "div",
+          {
+            "data-legal-screen-only": "",
+            className: "mb-6 lg:sticky lg:top-[var(--legal-document-toc-top,1rem)] lg:mb-0 lg:max-h-[calc(100dvh-var(--legal-document-toc-top,1rem)-1rem)] lg:self-start lg:overflow-y-auto",
+            children: /* @__PURE__ */ d(o3, { label: n, sections: c, activeId: i })
+          }
+        ),
+        /* @__PURE__ */ M("div", { className: "min-w-0", children: [
+          s > 0 ? /* @__PURE__ */ d("div", { "data-legal-screen-only": "", className: "mb-6 max-w-3xl", children: /* @__PURE__ */ d(
+            gn,
+            {
+              tone: "warning",
+              title: `${String(s)} ${s === 1 ? "value" : "values"} in this version not confirmed yet`,
+              children: "They are shown highlighted, in square brackets, exactly as the document writes them."
+            }
+          ) }) : null,
+          /* @__PURE__ */ M("article", { className: "max-w-3xl text-sm leading-7 text-primary", children: [
+            /* @__PURE__ */ M("header", { className: "mb-10 border-b border-border-subtle pb-8", children: [
+              /* @__PURE__ */ d(t, { className: "font-display text-2xl font-bold tracking-tight text-primary sm:text-3xl", children: e.title }),
+              /* @__PURE__ */ d("p", { className: "mt-2 font-display text-md font-semibold tracking-wide text-secondary", children: e.issuer }),
+              /* @__PURE__ */ M("p", { className: "mt-4 text-xs text-tertiary", children: [
+                "Effective Date: ",
+                /* @__PURE__ */ d(th, { text: e.effectiveDate })
+              ] }),
+              /* @__PURE__ */ M("p", { className: "text-xs text-tertiary", children: [
+                "Version: ",
+                e.version
+              ] })
+            ] }),
+            /* @__PURE__ */ d("div", { className: "flex flex-col gap-10", children: e.sections.map((l) => /* @__PURE__ */ d(l3, { section: l }, l.number)) })
           ] })
-        ] }),
-        /* @__PURE__ */ d("div", { className: "flex flex-col gap-10", children: e.sections.map((l) => /* @__PURE__ */ d(l3, { section: l }, l.number)) })
-      ] })
-    ] })
-  ] });
+        ] })
+      ]
+    }
+  );
 }
 function l3({ section: e }) {
   const t = ra(e.number);
-  return /* @__PURE__ */ M("section", { id: t, "aria-labelledby": `${t}-heading`, className: "scroll-mt-6", children: [
+  return /* @__PURE__ */ M("section", { id: t, "aria-labelledby": `${t}-heading`, className: "scroll-mt-[var(--legal-document-toc-top,1.5rem)]", children: [
     /* @__PURE__ */ M("h2", { id: `${t}-heading`, className: "mb-4 font-display text-md font-bold tracking-wide text-primary", children: [
       /* @__PURE__ */ M("span", { className: "tabular-nums text-accent-text", children: [
         e.number,
@@ -30910,7 +30917,7 @@ function c3({ block: e }) {
     {
       id: e.clause ? ra(e.clause.number) : void 0,
       className: B(
-        "scroll-mt-6",
+        "scroll-mt-[var(--legal-document-toc-top,1.5rem)]",
         a3(e.text) && "border-l-2 border-border-strong pl-4 text-xs leading-6 tracking-[0.02em] text-secondary"
       ),
       children: [