@depup/nextra 4.6.1-depup.0

package/dist/client/mdx-components/code.js

@@ -0,0 +1,52 @@
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import cn from "clsx";
+const Code = (t0) => {
+  const $ = _c(11);
+  let children;
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    const {
+      children: t12,
+      className: t22,
+      "data-language": _language,
+      ...t32
+    } = t0;
+    children = t12;
+    className = t22;
+    props = t32;
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+  }
+  const t1 = "data-line-numbers" in props && "[counter-reset:line]";
+  let t2;
+  if ($[4] !== className || $[5] !== t1) {
+    t2 = cn("nextra-code", t1, className);
+    $[4] = className;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== children || $[8] !== props || $[9] !== t2) {
+    t3 = /* @__PURE__ */ jsx("code", { className: t2, dir: "ltr", ...props, children });
+    $[7] = children;
+    $[8] = props;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
+};
+export {
+  Code
+};

package/dist/client/mdx-components/details.d.ts

@@ -0,0 +1,5 @@
+import { FC, ComponentProps } from 'react';
+
+declare const Details: FC<ComponentProps<'details'>>;
+
+export { Details };

package/dist/client/mdx-components/details.js

@@ -0,0 +1,166 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import cn from "clsx";
+import { Children, cloneElement, useEffect, useRef, useState } from "react";
+import { Collapse } from "../components/collapse.js";
+import { useHash } from "../hooks/index.js";
+const Details = (t0) => {
+  const $ = _c(26);
+  let children;
+  let className;
+  let open;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      children,
+      open,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = open;
+    $[4] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    open = $[3];
+    props = $[4];
+  }
+  const [isOpen, setIsOpen] = useState(!!open);
+  const [delayedOpenState, setDelayedOpenState] = useState(isOpen);
+  const animationRef = useRef(0);
+  let t1;
+  let t2;
+  if ($[5] !== isOpen) {
+    t1 = () => {
+      const animation = animationRef.current;
+      if (animation) {
+        clearTimeout(animation);
+        animationRef.current = 0;
+      }
+      if (!isOpen) {
+        animationRef.current = window.setTimeout(() => setDelayedOpenState(isOpen), 300);
+        return () => {
+          clearTimeout(animationRef.current);
+        };
+      }
+      setDelayedOpenState(true);
+    };
+    t2 = [isOpen];
+    $[5] = isOpen;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t1 = $[6];
+    t2 = $[7];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[8] !== children) {
+    t3 = findSummary(children, setIsOpen);
+    $[8] = children;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const [summaryElement, restChildren] = t3;
+  const hash = useHash();
+  const detailsRef = useRef(null);
+  let t4;
+  let t5;
+  if ($[10] !== hash) {
+    t4 = () => {
+      if (!hash) {
+        return;
+      }
+      const elementWithHashId = detailsRef.current.querySelector(`[id="${hash}"]`);
+      if (!elementWithHashId) {
+        return;
+      }
+      setIsOpen(true);
+    };
+    t5 = [hash];
+    $[10] = hash;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t4 = $[11];
+    t5 = $[12];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[13] !== className) {
+    t6 = cn("x:not-first:mt-4 x:rounded x:border x:border-gray-200 x:bg-white x:p-2 x:shadow-sm x:dark:border-neutral-800 x:dark:bg-neutral-900", "x:overflow-hidden", className);
+    $[13] = className;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  const t7 = isOpen || delayedOpenState;
+  const t8 = isOpen ? "" : void 0;
+  let t9;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = cn("x:*:pt-2", "x:grid");
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] !== isOpen || $[17] !== restChildren) {
+    t10 = /* @__PURE__ */ jsx(Collapse, { isOpen, className: t9, children: restChildren });
+    $[16] = isOpen;
+    $[17] = restChildren;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  let t11;
+  if ($[19] !== props || $[20] !== summaryElement || $[21] !== t10 || $[22] !== t6 || $[23] !== t7 || $[24] !== t8) {
+    t11 = /* @__PURE__ */ jsxs("details", { className: t6, ref: detailsRef, ...props, open: t7, "data-expanded": t8, children: [
+      summaryElement,
+      t10
+    ] });
+    $[19] = props;
+    $[20] = summaryElement;
+    $[21] = t10;
+    $[22] = t6;
+    $[23] = t7;
+    $[24] = t8;
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  return t11;
+};
+function findSummary(list, setIsOpen) {
+  let summary;
+  const rest = Children.map(list, (child) => {
+    if (!summary && // Add onClick only for first summary
+    child && typeof child === "object" && "type" in child) {
+      if (child.type === "summary") {
+        summary = cloneElement(child, {
+          // @ts-expect-error -- fixme
+          onClick(event) {
+            if (event.target.tagName !== "A") {
+              event.preventDefault();
+              setIsOpen((v) => !v);
+            }
+          }
+        });
+        return;
+      }
+      if (child.type !== Details && child.props.children) {
+        ;
+        [summary, child] = findSummary(child.props.children, setIsOpen);
+      }
+    }
+    return child;
+  });
+  return [summary, rest];
+}
+export {
+  Details
+};

package/dist/client/mdx-components/image.d.ts

@@ -0,0 +1,28 @@
+import * as next_image from 'next/image';
+import * as next_dist_shared_lib_get_img_props from 'next/dist/shared/lib/get-img-props';
+import * as react from 'react';
+
+declare const Image: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "srcSet" | "ref" | "alt" | "width" | "height" | "loading"> & {
+    src: string | next_dist_shared_lib_get_img_props.StaticImport;
+    alt: string;
+    width?: number | `${number}`;
+    height?: number | `${number}`;
+    fill?: boolean;
+    loader?: next_image.ImageLoader;
+    quality?: number | `${number}`;
+    preload?: boolean;
+    priority?: boolean;
+    loading?: "lazy" | "eager" | undefined;
+    placeholder?: next_dist_shared_lib_get_img_props.PlaceholderValue;
+    blurDataURL?: string;
+    unoptimized?: boolean;
+    overrideSrc?: string;
+    onLoadingComplete?: next_dist_shared_lib_get_img_props.OnLoadingComplete;
+    layout?: string;
+    objectFit?: string;
+    objectPosition?: string;
+    lazyBoundary?: string;
+    lazyRoot?: string;
+} & react.RefAttributes<HTMLImageElement>>;
+
+export { Image };

package/dist/client/mdx-components/image.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import NextImage from "next/image";
+import { forwardRef } from "react";
+const Image = forwardRef((props, ref) => {
+  const $ = _c(6);
+  if (process.env.NODE_ENV !== "production" && typeof props.src === "object" && !("blurDataURL" in props.src)) {
+    console.warn(`[nextra] Failed to load blur image "${props.src.src}" due missing "src.blurDataURL" value.
+This is Turbopack bug, which will not occurs on production (since Webpack is used for "next build" command).`);
+    let t02;
+    if ($[0] !== props) {
+      t02 = {
+        ...props,
+        placeholder: "empty"
+      };
+      $[0] = props;
+      $[1] = t02;
+    } else {
+      t02 = $[1];
+    }
+    props = t02;
+  }
+  const ComponentToUse = typeof props.src === "object" ? NextImage : "img";
+  let t0;
+  if ($[2] !== ComponentToUse || $[3] !== props || $[4] !== ref) {
+    t0 = /* @__PURE__ */ jsx(ComponentToUse, { ...props, ref, "data-pagefind-index-attrs": "title,alt" });
+    $[2] = ComponentToUse;
+    $[3] = props;
+    $[4] = ref;
+    $[5] = t0;
+  } else {
+    t0 = $[5];
+  }
+  return t0;
+});
+Image.displayName = "Image";
+export {
+  Image
+};

package/dist/client/mdx-components/index.d.ts

@@ -0,0 +1,11 @@
+export { Pre } from './pre/index.js';
+export { Anchor } from './anchor.js';
+export { Code } from './code.js';
+export { Details } from './details.js';
+export { Image } from './image.js';
+export { Summary } from './summary.js';
+export { Table } from './table.js';
+import 'react';
+import 'next/link';
+import 'next/image';
+import 'next/dist/shared/lib/get-img-props';

package/dist/client/mdx-components/index.js

@@ -0,0 +1,16 @@
+import { Pre } from "./pre/index.js";
+import { Anchor } from "./anchor.js";
+import { Code } from "./code.js";
+import { Details } from "./details.js";
+import { Image } from "./image.js";
+import { Summary } from "./summary.js";
+import { Table } from "./table.js";
+export {
+  Anchor,
+  Code,
+  Details,
+  Image,
+  Pre,
+  Summary,
+  Table
+};

package/dist/client/mdx-components/pre/copy-to-clipboard.d.ts

@@ -0,0 +1,5 @@
+import { FC, HTMLAttributes } from 'react';
+
+declare const CopyToClipboard: FC<HTMLAttributes<HTMLButtonElement>>;
+
+export { CopyToClipboard };

package/dist/client/mdx-components/pre/copy-to-clipboard.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import { Button } from "../../components/button.js";
+import { useCopy } from "../../hooks/use-copy.js";
+import { CheckIcon, CopyIcon } from "../../icons/index.js";
+const CopyToClipboard = (props) => {
+  const $ = _c(8);
+  const {
+    copy,
+    isCopied
+  } = useCopy();
+  let t0;
+  if ($[0] !== copy) {
+    t0 = async (event) => {
+      const container = event.currentTarget.parentNode.parentNode;
+      const content = container.querySelector("pre code")?.textContent || "";
+      copy(content);
+    };
+    $[0] = copy;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const handleClick = t0;
+  const IconToUse = isCopied ? CheckIcon : CopyIcon;
+  let t1;
+  if ($[2] !== IconToUse) {
+    t1 = /* @__PURE__ */ jsx(IconToUse, { height: "1em", className: "nextra-copy-icon" });
+    $[2] = IconToUse;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== handleClick || $[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsx(Button, { onClick: handleClick, title: "Copy code", variant: "outline", ...props, children: t1 });
+    $[4] = handleClick;
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+};
+export {
+  CopyToClipboard
+};

package/dist/client/mdx-components/pre/index.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode, FC } from 'react';
+
+declare const classes: {
+    border: string;
+};
+type PreProps = HTMLAttributes<HTMLPreElement> & {
+    'data-filename'?: string;
+    'data-copy'?: '';
+    'data-language'?: string;
+    'data-word-wrap'?: '';
+    'data-pagefind-ignore'?: string;
+    icon?: ReactNode;
+};
+declare const Pre: FC<PreProps>;
+
+export { Pre, type PreProps, classes };

package/dist/client/mdx-components/pre/index.js

@@ -0,0 +1,156 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import cn from "clsx";
+import { WordWrapIcon } from "../../icons/index.js";
+import { CopyToClipboard } from "./copy-to-clipboard.js";
+import { ToggleWordWrapButton } from "./toggle-word-wrap-button.js";
+const classes = {
+  border: cn("x:border x:border-gray-300 x:dark:border-neutral-700", "x:contrast-more:border-gray-900 x:contrast-more:dark:border-gray-50")
+};
+const Pre = (t0) => {
+  const $ = _c(36);
+  let children;
+  let className;
+  let copy;
+  let filename;
+  let hasWordWrap;
+  let icon;
+  let pagefindIgnore;
+  let props;
+  if ($[0] !== t0) {
+    const {
+      children: t12,
+      className: t22,
+      "data-filename": t32,
+      "data-copy": t42,
+      "data-language": _language,
+      "data-word-wrap": t52,
+      "data-pagefind-ignore": t62,
+      icon: t72,
+      ...t82
+    } = t0;
+    children = t12;
+    className = t22;
+    filename = t32;
+    copy = t42;
+    hasWordWrap = t52;
+    pagefindIgnore = t62;
+    icon = t72;
+    props = t82;
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = copy;
+    $[4] = filename;
+    $[5] = hasWordWrap;
+    $[6] = icon;
+    $[7] = pagefindIgnore;
+    $[8] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    copy = $[3];
+    filename = $[4];
+    hasWordWrap = $[5];
+    icon = $[6];
+    pagefindIgnore = $[7];
+    props = $[8];
+  }
+  let t1;
+  if ($[9] !== copy || $[10] !== filename) {
+    t1 = copy === "" && /* @__PURE__ */ jsx(CopyToClipboard, { className: filename ? "x:ms-auto x:text-sm" : "" });
+    $[9] = copy;
+    $[10] = filename;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  const copyButton = t1;
+  let t2;
+  if ($[12] !== copyButton || $[13] !== filename || $[14] !== icon) {
+    t2 = filename && /* @__PURE__ */ jsxs("div", { className: cn("x:px-4 x:text-xs x:text-gray-700 x:dark:text-gray-200", "x:bg-gray-100 x:dark:bg-neutral-900", "x:flex x:items-center x:h-12 x:gap-2 x:rounded-t-md", classes.border, "x:border-b-0"), children: [
+      icon,
+      /* @__PURE__ */ jsx("span", { className: "x:truncate", children: filename }),
+      copyButton
+    ] });
+    $[12] = copyButton;
+    $[13] = filename;
+    $[14] = icon;
+    $[15] = t2;
+  } else {
+    t2 = $[15];
+  }
+  const t3 = filename ? "x:rounded-b-md" : "x:rounded-md";
+  let t4;
+  if ($[16] !== className || $[17] !== t3) {
+    t4 = cn("x:group", "x:focus-visible:nextra-focus", "x:overflow-x-auto x:subpixel-antialiased x:text-[.9em]", "x:bg-white x:dark:bg-black x:py-4", "x:ring-1 x:ring-inset x:ring-gray-300 x:dark:ring-neutral-700", "x:contrast-more:ring-gray-900 x:contrast-more:dark:ring-gray-50", "x:contrast-more:contrast-150", t3, "not-prose", className);
+    $[16] = className;
+    $[17] = t3;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  const t5 = filename ? "x:top-14" : "x:top-2";
+  let t6;
+  if ($[19] !== t5) {
+    t6 = cn("x:group-hover:opacity-100", "x:group-focus:opacity-100", "x:opacity-0 x:transition x:focus-within:opacity-100", "x:flex x:gap-1 x:absolute x:right-4", t5);
+    $[19] = t5;
+    $[20] = t6;
+  } else {
+    t6 = $[20];
+  }
+  let t7;
+  if ($[21] !== hasWordWrap) {
+    t7 = hasWordWrap === "" && /* @__PURE__ */ jsx(ToggleWordWrapButton, { children: /* @__PURE__ */ jsx(WordWrapIcon, { height: "1em" }) });
+    $[21] = hasWordWrap;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  const t8 = !filename && copyButton;
+  let t9;
+  if ($[23] !== t6 || $[24] !== t7 || $[25] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { className: t6, children: [
+      t7,
+      t8
+    ] });
+    $[23] = t6;
+    $[24] = t7;
+    $[25] = t8;
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+  let t10;
+  if ($[27] !== children || $[28] !== props || $[29] !== t4 || $[30] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("pre", { className: t4, ...props, children: [
+      t9,
+      children
+    ] });
+    $[27] = children;
+    $[28] = props;
+    $[29] = t4;
+    $[30] = t9;
+    $[31] = t10;
+  } else {
+    t10 = $[31];
+  }
+  let t11;
+  if ($[32] !== pagefindIgnore || $[33] !== t10 || $[34] !== t2) {
+    t11 = /* @__PURE__ */ jsxs("div", { "data-pagefind-ignore": pagefindIgnore, className: "nextra-code x:relative x:not-first:mt-[1.25em]", children: [
+      t2,
+      t10
+    ] });
+    $[32] = pagefindIgnore;
+    $[33] = t10;
+    $[34] = t2;
+    $[35] = t11;
+  } else {
+    t11 = $[35];
+  }
+  return t11;
+};
+export {
+  Pre,
+  classes
+};

package/dist/client/mdx-components/pre/toggle-word-wrap-button.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+
+declare const ToggleWordWrapButton: FC<{
+    children: ReactNode;
+}>;
+
+export { ToggleWordWrapButton };

package/dist/client/mdx-components/pre/toggle-word-wrap-button.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import { Button } from "../../components/button.js";
+function toggleWordWrap() {
+  const htmlDataset = document.documentElement.dataset;
+  const hasWordWrap = "nextraWordWrap" in htmlDataset;
+  if (hasWordWrap) {
+    delete htmlDataset.nextraWordWrap;
+  } else {
+    htmlDataset.nextraWordWrap = "";
+  }
+}
+const ToggleWordWrapButton = (t0) => {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = /* @__PURE__ */ jsx(Button, { onClick: toggleWordWrap, className: "x:md:hidden", title: "Toggle word wrap", variant: "outline", children });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+};
+export {
+  ToggleWordWrapButton
+};

package/dist/client/mdx-components/summary.d.ts

@@ -0,0 +1,5 @@
+import { FC, HTMLAttributes } from 'react';
+
+declare const Summary: FC<HTMLAttributes<HTMLElement>>;
+
+export { Summary };

package/dist/client/mdx-components/summary.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import cn from "clsx";
+import { ArrowRightIcon, LinkIcon } from "../icons/index.js";
+const Summary = (t0) => {
+  const $ = _c(18);
+  let children;
+  let className;
+  let id;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      id,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = id;
+    $[4] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    id = $[3];
+    props = $[4];
+  }
+  let t1;
+  if ($[5] !== className) {
+    t1 = cn("x:focus-visible:nextra-focus", "x:cursor-pointer x:transition-colors", "x:hover:bg-gray-100 x:dark:hover:bg-neutral-800", "x:select-none x:rounded", "x:[&::-webkit-details-marker]:hidden", "x:flex x:items-center", className);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(ArrowRightIcon, { height: "1em", className: cn("x:motion-reduce:transition-none x:ms-2 x:me-1 x:shrink-0", "x:rtl:rotate-180 x:[[data-expanded]>summary:first-child>&]:rotate-90 x:transition"), strokeWidth: "3" });
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== children || $[9] !== id) {
+    t3 = /* @__PURE__ */ jsx("h3", { id, className: "x:grow x:hyphens-auto x:p-1", children });
+    $[8] = children;
+    $[9] = id;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== id) {
+    t4 = id && /* @__PURE__ */ jsx("a", { href: `#${id}`, "aria-label": "Permalink for this section", className: cn("x:self-stretch", "x:flex x:items-center", "x:focus-visible:nextra-focus x:rounded x:px-2", "x:hover:bg-gray-100 x:dark:hover:bg-neutral-800", "x:hover:[summary:has(&)]:bg-transparent"), children: /* @__PURE__ */ jsx(LinkIcon, { height: "1em", className: "x:pointer-events-none" }) });
+    $[11] = id;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== props || $[14] !== t1 || $[15] !== t3 || $[16] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("summary", { className: t1, ...props, children: [
+      t2,
+      t3,
+      t4
+    ] });
+    $[13] = props;
+    $[14] = t1;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
+};
+export {
+  Summary
+};