@depup/nextra 4.6.1-depup.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Shu Ding
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+# @depup/nextra
+
+> Dependency-bumped version of [nextra](https://www.npmjs.com/package/nextra)
+
+Generated by [DepUp](https://github.com/depup/npm) -- all production
+dependencies bumped to latest versions.
+
+## Installation
+
+```bash
+npm install @depup/nextra
+```
+
+| Field | Value |
+|-------|-------|
+| Original | [nextra](https://www.npmjs.com/package/nextra) @ 4.6.1 |
+| Processed | 2026-03-18 |
+| Smoke test | failed |
+| Deps updated | 26 |
+
+## Dependency Changes
+
+| Dependency | From | To |
+|------------|------|-----|
+| @formatjs/intl-localematcher | ^0.6.0 | ^0.8.2 |
+| @headlessui/react | ^2.1.2 | ^2.2.9 |
+| @mdx-js/mdx | ^3.0.0 | ^3.1.1 |
+| @napi-rs/simple-git | ^0.1.9 | ^0.1.22 |
+| @shikijs/twoslash | ^3.2.1 | ^4.0.2 |
+| @theguild/remark-npm2yarn | ^0.3.2 | ^0.3.3 |
+| better-react-mathjax | ^2.3.0 | ^3.0.0 |
+| clsx | ^2.1.0 | ^2.1.1 |
+| estree-util-value-to-estree | ^3.3.3 | ^3.5.0 |
+| fast-glob | ^3.3.2 | ^3.3.3 |
+| hast-util-to-estree | ^3.1.0 | ^3.1.3 |
+| katex | ^0.16.21 | ^0.16.38 |
+| mdast-util-from-markdown | ^2.0.1 | ^2.0.3 |
+| mdast-util-gfm | ^3.0.0 | ^3.1.0 |
+| mdast-util-to-hast | ^13.2.0 | ^13.2.1 |
+| react-medium-image-zoom | ^5.2.12 | ^5.4.1 |
+| rehype-katex | ^7.0.0 | ^7.0.1 |
+| rehype-pretty-code | 0.14.1 | ^0.14.3 |
+| remark-gfm | ^4.0.0 | ^4.0.1 |
+| remark-reading-time | ^2.0.2 | ^2.1.0 |
+| remark-smartypants | ^3.0.0 | ^3.0.2 |
+| shiki | ^3.2.1 | ^4.0.2 |
+| ts-morph | ^27.0.0 | ^27.0.2 |
+| unist-util-visit | ^5.0.0 | ^5.1.0 |
+| yaml | ^2.3.2 | ^2.8.2 |
+| zod | ^4.1.12 | ^4.3.6 |
+
+---
+
+Source: https://github.com/depup/npm | Original: https://www.npmjs.com/package/nextra
+
+License inherited from the original package.

package/changes.json

@@ -0,0 +1,110 @@
+{
+  "bumped": {
+    "@formatjs/intl-localematcher": {
+      "from": "^0.6.0",
+      "to": "^0.8.2"
+    },
+    "@headlessui/react": {
+      "from": "^2.1.2",
+      "to": "^2.2.9"
+    },
+    "@mdx-js/mdx": {
+      "from": "^3.0.0",
+      "to": "^3.1.1"
+    },
+    "@napi-rs/simple-git": {
+      "from": "^0.1.9",
+      "to": "^0.1.22"
+    },
+    "@shikijs/twoslash": {
+      "from": "^3.2.1",
+      "to": "^4.0.2"
+    },
+    "@theguild/remark-npm2yarn": {
+      "from": "^0.3.2",
+      "to": "^0.3.3"
+    },
+    "better-react-mathjax": {
+      "from": "^2.3.0",
+      "to": "^3.0.0"
+    },
+    "clsx": {
+      "from": "^2.1.0",
+      "to": "^2.1.1"
+    },
+    "estree-util-value-to-estree": {
+      "from": "^3.3.3",
+      "to": "^3.5.0"
+    },
+    "fast-glob": {
+      "from": "^3.3.2",
+      "to": "^3.3.3"
+    },
+    "hast-util-to-estree": {
+      "from": "^3.1.0",
+      "to": "^3.1.3"
+    },
+    "katex": {
+      "from": "^0.16.21",
+      "to": "^0.16.38"
+    },
+    "mdast-util-from-markdown": {
+      "from": "^2.0.1",
+      "to": "^2.0.3"
+    },
+    "mdast-util-gfm": {
+      "from": "^3.0.0",
+      "to": "^3.1.0"
+    },
+    "mdast-util-to-hast": {
+      "from": "^13.2.0",
+      "to": "^13.2.1"
+    },
+    "react-medium-image-zoom": {
+      "from": "^5.2.12",
+      "to": "^5.4.1"
+    },
+    "rehype-katex": {
+      "from": "^7.0.0",
+      "to": "^7.0.1"
+    },
+    "rehype-pretty-code": {
+      "from": "0.14.1",
+      "to": "^0.14.3"
+    },
+    "remark-gfm": {
+      "from": "^4.0.0",
+      "to": "^4.0.1"
+    },
+    "remark-reading-time": {
+      "from": "^2.0.2",
+      "to": "^2.1.0"
+    },
+    "remark-smartypants": {
+      "from": "^3.0.0",
+      "to": "^3.0.2"
+    },
+    "shiki": {
+      "from": "^3.2.1",
+      "to": "^4.0.2"
+    },
+    "ts-morph": {
+      "from": "^27.0.0",
+      "to": "^27.0.2"
+    },
+    "unist-util-visit": {
+      "from": "^5.0.0",
+      "to": "^5.1.0"
+    },
+    "yaml": {
+      "from": "^2.3.2",
+      "to": "^2.8.2"
+    },
+    "zod": {
+      "from": "^4.1.12",
+      "to": "^4.3.6"
+    }
+  },
+  "timestamp": "2026-03-18T22:02:46.534Z",
+  "totalUpdated": 26
+}

package/dist/client/components/banner/close-banner-button.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+
+declare const CloseBannerButton: FC<{
+    storageKey: string;
+    children: ReactNode;
+}>;
+
+export { CloseBannerButton };

package/dist/client/components/banner/close-banner-button.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import cn from "clsx";
+import { Button } from "../button.js";
+const CloseBannerButton = (t0) => {
+  const $ = _c(5);
+  const {
+    storageKey,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== storageKey) {
+    t1 = (event) => {
+      event.currentTarget.parentElement.classList.add("x:hidden");
+      try {
+        localStorage.setItem(storageKey, "1");
+      } catch {
+      }
+    };
+    $[0] = storageKey;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== t1) {
+    t2 = /* @__PURE__ */ jsx(Button, { "aria-label": "Dismiss banner", className: _temp, onClick: t1, children });
+    $[2] = children;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};
+function _temp(t0) {
+  const {
+    hover
+  } = t0;
+  return cn("x:p-2", hover ? "x:opacity-100" : "x:opacity-80");
+}
+export {
+  CloseBannerButton
+};

package/dist/client/components/banner/index.client.d.ts

@@ -0,0 +1,5 @@
+import { FC, ComponentPropsWithoutRef } from 'react';
+
+declare const ClientBanner: FC<ComponentPropsWithoutRef<'div'>>;
+
+export { ClientBanner };

package/dist/client/components/banner/index.client.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import { useEffect, useRef } from "react";
+const ClientBanner = (props) => {
+  const $ = _c(4);
+  const banner = useRef(null);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const resizeObserver = new ResizeObserver(_temp);
+      resizeObserver.observe(banner.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    };
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[2] !== props) {
+    t2 = /* @__PURE__ */ jsx("div", { ref: banner, ...props });
+    $[2] = props;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+function _temp(entries) {
+  for (const entry of entries) {
+    const {
+      height
+    } = entry.contentRect;
+    document.documentElement.style.setProperty("--nextra-banner-height", `${height}px`);
+  }
+}
+export {
+  ClientBanner
+};

package/dist/client/components/banner/index.d.ts

@@ -0,0 +1,51 @@
+import { FC, HTMLAttributes } from 'react';
+
+type BannerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Closable banner or not.
+     * @default true
+     */
+    dismissible?: boolean;
+    /**
+     * Storage key to keep the banner state.
+     * @default 'nextra-banner'
+     */
+    storageKey?: string;
+};
+/**
+ * A built-in component to show a banner on the top of the website. It can be used to show a warning
+ * or a notice.
+ *
+ * @example
+ * ### Banner key
+ *
+ * A banner can be dismissed. By default, it's used by
+ * [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)
+ * to keep the banner state on the client.
+ *
+ * If you have updated your banner text, you should change the key to make sure the banner is shown
+ * again. The best practice is to always use a descriptive key for the current text, for example:
+ *
+ * ![Banner](https://nextra.site/assets/docs/banner.png)
+ *
+ * ```jsx filename="app/layout.jsx" {7-11}
+ * import { Layout } from 'my-nextra-theme'
+ * import { Banner } from 'nextra/components'
+ *
+ * export default function MyLayout({ children, ...props }) {
+ *   return (
+ *     <Layout>
+ *       <Banner storageKey="2.0-release">
+ *         <a href="https://nextra.site" target="_blank">
+ *           🎉 Nextra 2.0 is released. Read more →
+ *         </a>
+ *       </Banner>
+ *       {children}
+ *     </Layout>
+ *   )
+ * }
+ * ```
+ */
+declare const Banner: FC<BannerProps>;
+
+export { Banner };

package/dist/client/components/banner/index.js

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import cn from "clsx";
+import { XIcon } from "../../icons/index.js";
+import { CloseBannerButton } from "./close-banner-button.js";
+import { ClientBanner } from "./index.client";
+const BANNER_CLASS_NAME = "nextra-banner";
+const Banner = (t0) => {
+  const $ = _c(18);
+  let className;
+  let props;
+  let t1;
+  let t2;
+  if ($[0] !== t0) {
+    ({
+      dismissible: t1,
+      storageKey: t2,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+    t2 = $[4];
+  }
+  const dismissible = t1 === void 0 ? true : t1;
+  const storageKey = t2 === void 0 ? BANNER_CLASS_NAME : t2;
+  if (!props.children) {
+    return null;
+  }
+  const hideBannerScript = `try{document.querySelector('.${BANNER_CLASS_NAME}').classList.toggle('x:hidden',localStorage.getItem(${JSON.stringify(storageKey)}))}catch(e){}`;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = cn(BANNER_CLASS_NAME, "x:max-md:sticky x:top-0 x:z-30 x:flex x:items-center x:px-2", "x:text-slate-50 x:dark:text-white x:bg-neutral-900 x:dark:bg-[linear-gradient(1deg,#383838,#212121)]", "x:print:[display:none]");
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== className) {
+    t4 = cn("x:w-full x:text-center x:font-medium x:text-sm x:py-2.5", className);
+    $[6] = className;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== props || $[9] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { className: t4, ...props });
+    $[8] = props;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== dismissible || $[12] !== hideBannerScript || $[13] !== storageKey) {
+    t6 = dismissible && /* @__PURE__ */ jsxs(CloseBannerButton, { storageKey, children: [
+      /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: {
+        __html: hideBannerScript
+      } }),
+      /* @__PURE__ */ jsx(XIcon, { height: "1em" })
+    ] });
+    $[11] = dismissible;
+    $[12] = hideBannerScript;
+    $[13] = storageKey;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== t5 || $[16] !== t6) {
+    t7 = /* @__PURE__ */ jsxs(ClientBanner, { className: t3, suppressHydrationWarning: true, children: [
+      t5,
+      t6
+    ] });
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
+};
+export {
+  Banner
+};

package/dist/client/components/bleed.d.ts

@@ -0,0 +1,63 @@
+import { FC, HTMLAttributes } from 'react';
+
+/**
+ * A built-in component to slightly expand content beyond the container's width, `<Bleed>` allows it
+ * to overflow on both sides.
+ *
+ * It's ideal for enhancing the presentation of graphical elements, offering a more immersive and
+ * visually appealing reading experience.
+ *
+ * @example
+ *
+ * You can put text, image, video or any component inside.
+ *
+ * ### Text
+ *
+ * <Bleed className="bg-white dark:bg-neutral-800 px-16 py-10 text-center border">
+ *   _There is nothing to writing. All you do is sit down at a typewriter and **bleed**._
+ *
+ *   — Ernest Hemingway
+ * </Bleed>
+ *
+ * ### Video
+ *
+ * <Bleed>
+ *   <iframe
+ *     className="aspect-video w-full"
+ *     src="https://youtube.com/embed/3hccXiXI0u8"
+ *     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+ *     allowFullScreen
+ *   />
+ * </Bleed>
+ *
+ * ### Full-bleed
+ *
+ * You can even make it full-bleed by using `<Bleed full>`:
+ *
+ * <Bleed full>![Nextra](/opengraph-image.jpeg)</Bleed>
+ *
+ * @usage
+ *
+ * ```mdx filename="MDX"
+ * import { Bleed } from 'nextra/components'
+ *
+ * <Bleed>Hey, I can use **Markdown** syntax here.</Bleed>
+ *
+ * <Bleed full>![Nextra](https://nextra.site/og.jpeg)</Bleed>
+ *
+ * <Bleed full>
+ *   <iframe
+ *     src="https://codesandbox.io/embed/swr-states-4une7"
+ *     width="100%"
+ *     height="500px"
+ *     title="SWR-States"
+ *   />
+ * </Bleed>
+ * ```
+ */
+declare const Bleed: FC<{
+    /** Extend content to the very edges of its container. */
+    full: boolean;
+} & HTMLAttributes<HTMLDivElement>>;
+
+export { Bleed };

package/dist/client/components/bleed.js

@@ -0,0 +1,54 @@
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import cn from "clsx";
+const Bleed = (t0) => {
+  const $ = _c(12);
+  let className;
+  let full;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      full,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = full;
+    $[3] = props;
+  } else {
+    className = $[1];
+    full = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== full) {
+    t1 = full && ["x:xl:me-[calc(50%-50vw)] x:xl:ms-[calc(50%-50vw+16rem)]"];
+    $[4] = full;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== className || $[7] !== t1) {
+    t2 = cn("nextra-bleed x:relative x:-mx-4 x:mt-[1.25em] x:md:-mx-8 x:2xl:-mx-24", "x:z-1", t1, className);
+    $[6] = className;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== props || $[10] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { className: t2, ...props });
+    $[9] = props;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+};
+export {
+  Bleed
+};

package/dist/client/components/button.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps as ButtonProps$1 } from '@headlessui/react';
+import { FC } from 'react';
+
+type ButtonProps = ButtonProps$1 & {
+    variant?: 'outline' | 'default';
+};
+declare const Button: FC<ButtonProps>;
+
+export { Button, type ButtonProps };

package/dist/client/components/button.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import { Button as HeadlessButton } from "@headlessui/react";
+import cn from "clsx";
+import { classes } from "../mdx-components/pre/index.js";
+const Button = (t0) => {
+  const $ = _c(12);
+  let children;
+  let className;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      variant: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    t1 = $[4];
+  }
+  const variant = t1 === void 0 ? "default" : t1;
+  let t2;
+  if ($[5] !== className || $[6] !== variant) {
+    t2 = (args) => cn("x:transition x:cursor-pointer", args.focus && "x:nextra-focus", variant === "outline" && [classes.border, "x:rounded-md x:p-1.5"], typeof className === "function" ? className(args) : className);
+    $[5] = className;
+    $[6] = variant;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== children || $[9] !== props || $[10] !== t2) {
+    t3 = /* @__PURE__ */ jsx(HeadlessButton, { className: t2, ...props, children });
+    $[8] = children;
+    $[9] = props;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+};
+export {
+  Button
+};