@lax-wp/design-system 0.11.34 → 0.11.35

package/dist/index.es.js

@@ -84175,18 +84175,28 @@ const BO = ({
           "grid transition-[grid-template-rows] duration-200 ease-in-out",
           n ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
         ),
-        children: /* @__PURE__ */ A("div", { className: "overflow-hidden", children: /* @__PURE__ */ T("div", { className: "relative", children: [
-          /* @__PURE__ */ A("div", { className: "absolute left-[19px] top-0 h-[calc(100%-4px)] w-px bg-neutral-200 dark:bg-black-600" }),
-          /* @__PURE__ */ A("div", { className: "flex flex-col gap-0.5", children: t.children?.map((p, h) => !p || !yb(p) ? null : /* @__PURE__ */ A(
-            vb,
-            {
-              item: p,
-              onItemClick: e,
-              isChild: !0
-            },
-            p.key ?? h
-          )) })
-        ] }) })
+        children: /* @__PURE__ */ A("div", { className: "overflow-hidden", children: /* @__PURE__ */ A("div", { className: "flex flex-col", children: t.children?.map((p, h) => {
+          if (!p || !yb(p)) return null;
+          const m = h === (t.children?.length ?? 0) - 1;
+          return /* @__PURE__ */ T("div", { className: "relative", children: [
+            /* @__PURE__ */ A(
+              "div",
+              {
+                className: "absolute left-[19px] top-0 w-3.5 border-l border-b border-neutral-200 dark:border-black-600 rounded-bl-[6px] pointer-events-none",
+                style: { height: "calc(50% + 4px)" }
+              }
+            ),
+            !m && /* @__PURE__ */ A("div", { className: "absolute left-[19px] top-1/2 bottom-0 w-px bg-neutral-200 dark:bg-black-600 pointer-events-none" }),
+            /* @__PURE__ */ A(
+              vb,
+              {
+                item: p,
+                onItemClick: e,
+                isChild: !0
+              }
+            )
+          ] }, p.key ?? h);
+        }) }) })
       }
     )
   ] });