@lovett/ui 0.2.8 → 0.2.9

package/dist/index.js

@@ -1363,23 +1363,13 @@ function SidebarNavItem({
     ROW_BASE,
     active ? ROW_ACTIVE : ROW_REST,
     collapsed && "justify-center px-0",
-    nested && !collapsed && "h-8 pl-[2.375rem] text-[13px]",
+    // A nested row is a step shorter and a step smaller; it keeps its icon.
+    nested && !collapsed && "h-8 gap-2.5 px-2 text-[13px]",
     className
   );
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     active && !nested && /* @__PURE__ */ jsx(ActiveBar, {}),
-    (!nested || collapsed) && /* @__PURE__ */ jsx(RowIcon, { icon }),
-    nested && !collapsed && // The connector: a dot on the group's rail, filled when active.
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: cn(
-          "absolute left-[1.0625rem] top-1/2 h-1.5 w-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full transition-colors",
-          active ? "bg-[rgb(var(--accent))]" : "bg-[rgb(var(--sidebar-rail))]"
-        )
-      }
-    ),
+    /* @__PURE__ */ jsx(RowIcon, { icon }),
     !collapsed && /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: label }),
     !collapsed && badge !== void 0 && badge !== null && /* @__PURE__ */ jsxs(Fragment, { children: [
       " ",
@@ -1487,7 +1477,7 @@ function SidebarNavGroup({
         id: bodyId,
         role: "group",
         "aria-labelledby": `${labelId}-text`,
-        className: "relative flex flex-col gap-0.5 py-0.5 before:absolute before:bottom-1 before:left-[1.0625rem] before:top-1 before:w-px before:-translate-x-1/2 before:bg-[rgb(var(--sidebar-rail))]",
+        className: "ml-[calc(1.0625rem-0.5px)] flex flex-col gap-0.5 border-l border-[rgb(var(--sidebar-rail))] py-1 pl-2",
         inert: !open,
         "aria-hidden": !open,
         children