zudoku 0.21.8 → 0.21.10

package/lib/zudoku.components.js

@@ -16,7 +16,7 @@ var J = (e, t, r, s) => ({
 import { a as He, H as me } from "./index.esm-Bm8pj-bc.js";
 import { d as jt, R as wt, N as ae, u as St, L as ge } from "./index-Yn8c3UWE.js";
 import { u as Nt } from "./state-tsXBLONe.js";
-import { E as Ue, S as O, a as Et, R as Ct } from "./SlotletProvider-B791v6_c.js";
+import { E as Ue, S as O, a as Et, R as Ct } from "./SlotletProvider-D77pO-fA.js";
 import { j as a } from "./jsx-runtime-B6kdoens.js";
 import { Button as Pt } from "./ui/Button.js";
 import { Callout as kt } from "./ui/Callout.js";
@@ -32,7 +32,7 @@ import { C as je } from "./ClientOnly-E7hGysn1.js";
 import { ChevronRightIcon as Xt, ExternalLinkIcon as Jt, CircleXIcon as Gt, SearchIcon as er, MoonStarIcon as tr, SunIcon as rr, MenuIcon as ar, PanelLeftIcon as sr } from "lucide-react";
 import { Drawer as et, DrawerTrigger as tt, DrawerContent as rt, DrawerTitle as at } from "./ui/Drawer.js";
 import { c as R } from "./cn-BmFQLtkS.js";
-import { u as we, a as nr, V as ir } from "./Markdown-BG8gTFF9.js";
+import { u as we, a as nr, V as ir } from "./Markdown-CdkU5HcM.js";
 import { c as or, a as lr } from "./index-BuAyrJe3.js";
 import { A as cr, M as ur, u as dr } from "./AnchorLink-BR0MvI7n.js";
 import * as oe from "@radix-ui/react-collapsible";

package/lib/zudoku.plugin-api-catalog.js

@@ -2,7 +2,7 @@ import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { s as n } from "./index-LNp6rxyU.js";
 import { Fragment as x } from "react";
 import { Head as f, Link as h } from "./zudoku.components.js";
-import { M as u } from "./Markdown-BG8gTFF9.js";
+import { M as u } from "./Markdown-CdkU5HcM.js";
 import { u as j } from "./useExposedProps-CTPtylCV.js";
 const b = ({
   items: l,

package/lib/zudoku.plugin-api-keys.js

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { RotateCwIcon as g, TrashIcon as f, EyeOffIcon as j, EyeIcon as v, CheckIcon as w, CopyIcon as b, FileKey2Icon as K } from "lucide-react";
-import { D as k, S as m, R as N } from "./SlotletProvider-B791v6_c.js";
+import { D as k, S as m, R as N } from "./SlotletProvider-D77pO-fA.js";
 import { i as c } from "./invariant-Caa8-XvF.js";
 import { u as d, S as I, a as S, b as A, c as C, d as E, e as x } from "./Select-O9ZM3ZgX.js";
 import { a as P } from "./index.esm-C5mr_sKO.js";

package/lib/zudoku.plugin-custom-pages.js

@@ -1,6 +1,6 @@
 import { j as o } from "./jsx-runtime-B6kdoens.js";
 import a from "react";
-import { P as n } from "./Markdown-BG8gTFF9.js";
+import { P as n } from "./Markdown-CdkU5HcM.js";
 import { c } from "./cn-BmFQLtkS.js";
 import { u as p } from "./useExposedProps-CTPtylCV.js";
 const u = ({

package/lib/zudoku.plugin-markdown.js

@@ -74,7 +74,7 @@ const C = (n) => ({
         const h = {
           path: r,
           lazy: async () => {
-            const { MdxPage: l } = await import("./MdxPage-C9HUjGAe.js"), { default: p, ...g } = await a();
+            const { MdxPage: l } = await import("./MdxPage-ChziqNPp.js"), { default: p, ...g } = await a();
             return {
               element: /* @__PURE__ */ P.jsx(
                 l,

package/lib/zudoku.plugin-openapi.js

@@ -1,5 +1,5 @@
 import "./jsx-runtime-B6kdoens.js";
-import { o as a } from "./index-BVYc-SPd.js";
+import { o as a } from "./index-DjB6H4GT.js";
 import "./utils-DcpDOncX.js";
 import "lucide-react";
 import "./hook-hEqe7fPB.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.21.8",
+  "version": "0.21.10",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {

package/src/lib/components/Heading.tsx

@@ -38,23 +38,22 @@ const getComponent = (level: number) => {
   }
 };
 
-export interface HeadingProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof heading> {
-  children: ReactNode;
-  className?: string;
-  id?: string;
-  level?: 1 | 2 | 3 | 4 | 5 | 6;
-  registerSidebarAnchor?: boolean;
-}
+export type HeadingProps = React.ButtonHTMLAttributes<HTMLButtonElement> &
+  VariantProps<typeof heading> & {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    registerSidebarAnchor?: boolean;
+  };
 
-export const Heading: React.FC<HeadingProps> = ({
+export const Heading = ({
   level,
   children,
   id,
   className,
   registerSidebarAnchor,
-}) => {
+}: HeadingProps) => {
   const Component = getComponent(level ?? 1);
   const { ref } = useRegisterAnchorElement();
 
@@ -67,10 +66,11 @@ export const Heading: React.FC<HeadingProps> = ({
       {id && (
         <a
           href={`#${id}`}
-          className="no-underline absolute text-primary -left-[0.8em] pr-2.5 opacity-0 group-hover:opacity-50 hover:!opacity-100 transition-opacity duration-200"
+          className="before:content-['#'] no-underline absolute text-primary -left-[0.8em] pr-2.5 opacity-0 group-hover:opacity-50 hover:!opacity-100 transition-opacity duration-200"
           aria-label={`Link to ${id}`}
         >
-          #
+          {/* Zero width space */}
+          &#8203;
         </a>
       )}
       {children}

package/src/lib/plugins/openapi/OperationList.tsx

@@ -180,7 +180,8 @@ export const OperationList = () => {
       {result.data.schema.tags
         .filter((tag) => tag.operations.length > 0)
         .map((tag) => (
-          <div key={tag.name} className="[content-visibility:auto]">
+          // px, -mx is so that `content-visibility` doesn't cut off overflown heading anchor links '#'
+          <div key={tag.name} className="px-6 -mx-6 [content-visibility:auto]">
             {tag.name && <CategoryHeading>{tag.name}</CategoryHeading>}
             {tag.description && (
               <Markdown