@depup/nextra 4.6.1-depup.0

package/dist/client/components/search.js

@@ -0,0 +1,426 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import { Combobox, ComboboxInput, ComboboxOption, ComboboxOptions } from "@headlessui/react";
+import cn from "clsx";
+import { addBasePath } from "next/dist/client/add-base-path";
+import NextLink from "next/link";
+import { useRouter } from "next/navigation";
+import { useDeferredValue, useEffect, useRef, useState } from "react";
+import { useMounted } from "../hooks/use-mounted.js";
+import { InformationCircleIcon, SpinnerIcon } from "../icons/index.js";
+async function importPagefind() {
+  window.pagefind = await import(
+    /* webpackIgnore: true */
+    addBasePath("/_pagefind/pagefind.js")
+  );
+  await window.pagefind.options({
+    baseUrl: "/"
+    // ... more search options
+  });
+}
+const INPUTS = /* @__PURE__ */ new Set(["INPUT", "SELECT", "BUTTON", "TEXTAREA"]);
+const DEV_SEARCH_NOTICE = /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("p", { children: "Search isn't available in development because Nextra\xA04 uses Pagefind package, which indexes built `.html` files instead of `.md`/`.mdx`." }),
+  /* @__PURE__ */ jsx("p", { className: "x:mt-2", children: "To test search during development, run `next build` and then restart your app with `next dev`." })
+] });
+const Search = (t0) => {
+  const $ = _c(60);
+  let className;
+  let onSearch;
+  let props;
+  let searchOptions;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  if ($[0] !== t0) {
+    ({
+      className,
+      emptyResult: t1,
+      errorText: t2,
+      loading: t3,
+      placeholder: t4,
+      searchOptions,
+      onSearch,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = onSearch;
+    $[3] = props;
+    $[4] = searchOptions;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    className = $[1];
+    onSearch = $[2];
+    props = $[3];
+    searchOptions = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
+  }
+  const emptyResult = t1 === void 0 ? "No results found." : t1;
+  const errorText = t2 === void 0 ? "Failed to load search index." : t2;
+  const loading = t3 === void 0 ? "Loading\u2026" : t3;
+  const placeholder = t4 === void 0 ? "Search documentation\u2026" : t4;
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState("");
+  let t5;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = [];
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const [results, setResults] = useState(t5);
+  const [search, setSearch] = useState("");
+  const deferredSearch = useDeferredValue(search);
+  let t6;
+  if ($[10] !== deferredSearch || $[11] !== searchOptions) {
+    t6 = () => {
+      const handleSearch = async (value) => {
+        if (!value) {
+          setResults([]);
+          setError("");
+          return;
+        }
+        setIsLoading(true);
+        if (!window.pagefind) {
+          ;
+          try {
+            await importPagefind();
+          } catch (t72) {
+            const error_0 = t72;
+            const message = error_0 instanceof Error ? process.env.NODE_ENV !== "production" && error_0.message.includes("Failed to fetch") ? DEV_SEARCH_NOTICE : `${error_0.constructor.name}: ${error_0.message}` : String(error_0);
+            setError(message);
+            setIsLoading(false);
+            return;
+          }
+        }
+        const response = await window.pagefind.debouncedSearch(value, searchOptions);
+        if (!response) {
+          return;
+        }
+        const data = await Promise.all(response.results.map(_temp));
+        setIsLoading(false);
+        setError("");
+        setResults(data.map(_temp3));
+      };
+      handleSearch(deferredSearch);
+    };
+    $[10] = deferredSearch;
+    $[11] = searchOptions;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== deferredSearch) {
+    t7 = [deferredSearch];
+    $[13] = deferredSearch;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  useEffect(t6, t7);
+  const router = useRouter();
+  const [focused, setFocused] = useState(false);
+  const mounted = useMounted();
+  const inputRef = useRef(null);
+  let t8;
+  let t9;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = () => {
+      const handleKeyDown = function handleKeyDown2(event) {
+        const el = document.activeElement;
+        if (!el || INPUTS.has(el.tagName) || el.isContentEditable) {
+          return;
+        }
+        if (event.key === "/" || event.key === "k" && !event.shiftKey && (navigator.userAgent.includes("Mac") ? event.metaKey : event.ctrlKey)) {
+          event.preventDefault();
+          inputRef.current.focus({
+            preventScroll: true
+          });
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown);
+      return () => {
+        window.removeEventListener("keydown", handleKeyDown);
+      };
+    };
+    t9 = [];
+    $[15] = t8;
+    $[16] = t9;
+  } else {
+    t8 = $[15];
+    t9 = $[16];
+  }
+  useEffect(t8, t9);
+  const t10 = (!mounted || focused) && "x:invisible x:opacity-0";
+  let t11;
+  if ($[17] !== t10) {
+    t11 = cn("x:absolute x:my-1.5 x:select-none x:pointer-events-none x:end-1.5 x:transition-all", "x:h-5 x:rounded x:bg-nextra-bg x:px-1.5 x:font-mono x:text-[11px] x:font-medium x:text-gray-600 x:dark:text-gray-400", "x:border nextra-border", "x:contrast-more:text-current", "x:items-center x:gap-1 x:flex", "x:max-sm:hidden not-prose", t10);
+    $[17] = t10;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  let t12;
+  if ($[19] !== mounted) {
+    t12 = mounted && navigator.userAgent.includes("Mac") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "x:text-xs", children: "\u2318" }),
+      "K"
+    ] }) : "CTRL K";
+    $[19] = mounted;
+    $[20] = t12;
+  } else {
+    t12 = $[20];
+  }
+  let t13;
+  if ($[21] !== t11 || $[22] !== t12) {
+    t13 = /* @__PURE__ */ jsx("kbd", { className: t11, children: t12 });
+    $[21] = t11;
+    $[22] = t12;
+    $[23] = t13;
+  } else {
+    t13 = $[23];
+  }
+  const shortcut = t13;
+  let t14;
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = (event_0) => {
+      const isFocus = event_0.type === "focus";
+      setFocused(isFocus);
+    };
+    $[24] = t14;
+  } else {
+    t14 = $[24];
+  }
+  const handleFocus = t14;
+  let t15;
+  if ($[25] !== onSearch) {
+    t15 = (event_1) => {
+      const {
+        value: value_0
+      } = event_1.currentTarget;
+      setSearch(value_0);
+      onSearch?.(value_0);
+    };
+    $[25] = onSearch;
+    $[26] = t15;
+  } else {
+    t15 = $[26];
+  }
+  const handleChange = t15;
+  let t16;
+  if ($[27] !== router) {
+    t16 = (searchResult) => {
+      if (!searchResult) {
+        return;
+      }
+      inputRef.current.blur();
+      const [url_0, hash] = searchResult.url.split("#");
+      const isSamePathname = location.pathname === url_0;
+      if (isSamePathname) {
+        location.href = `#${hash}`;
+      } else {
+        router.push(searchResult.url);
+      }
+      setSearch("");
+    };
+    $[27] = router;
+    $[28] = t16;
+  } else {
+    t16 = $[28];
+  }
+  const handleSelect = t16;
+  let t17;
+  if ($[29] !== className) {
+    t17 = cn("nextra-search", "x:relative x:flex x:items-center", "x:text-gray-900 x:dark:text-gray-300", "x:contrast-more:text-gray-800 x:contrast-more:dark:text-gray-300", className);
+    $[29] = className;
+    $[30] = t17;
+  } else {
+    t17 = $[30];
+  }
+  let t18;
+  if ($[31] !== handleChange || $[32] !== placeholder || $[33] !== props || $[34] !== search) {
+    t18 = /* @__PURE__ */ jsx(ComboboxInput, { spellCheck: false, autoComplete: "off", type: "search", ...props, ref: inputRef, className: _temp4, onChange: handleChange, onFocus: handleFocus, onBlur: handleFocus, value: search, placeholder });
+    $[31] = handleChange;
+    $[32] = placeholder;
+    $[33] = props;
+    $[34] = search;
+    $[35] = t18;
+  } else {
+    t18 = $[35];
+  }
+  let t19;
+  if ($[36] !== shortcut || $[37] !== t17 || $[38] !== t18) {
+    t19 = /* @__PURE__ */ jsxs("div", { className: t17, children: [
+      t18,
+      shortcut
+    ] });
+    $[36] = shortcut;
+    $[37] = t17;
+    $[38] = t18;
+    $[39] = t19;
+  } else {
+    t19 = $[39];
+  }
+  let t20;
+  if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+    t20 = {
+      to: "top end",
+      gap: 10,
+      padding: 16
+    };
+    $[40] = t20;
+  } else {
+    t20 = $[40];
+  }
+  let t21;
+  if ($[41] !== error || $[42] !== isLoading || $[43] !== results) {
+    t21 = cn("nextra-search-results", "nextra-scrollbar x:max-md:h-full", "x:border x:border-gray-200 x:text-gray-100 x:dark:border-neutral-800", "x:z-30 x:rounded-xl x:py-2.5 x:shadow-xl", "x:contrast-more:border x:contrast-more:border-gray-900 x:contrast-more:dark:border-gray-50", "x:backdrop-blur-md x:bg-nextra-bg/70", "x:motion-reduce:transition-none", "x:origin-top x:transition x:duration-200 x:ease-out x:data-closed:scale-95 x:data-closed:opacity-0 x:empty:invisible", error || isLoading || !results.length ? ["x:md:min-h-28 x:grow x:flex x:justify-center x:text-sm x:gap-2 x:px-8", error ? "x:text-red-500 x:items-start" : "x:text-gray-400 x:items-center"] : "x:md:max-h-[min(calc(100vh-5rem),400px)]!", "x:w-full x:md:w-[576px]");
+    $[41] = error;
+    $[42] = isLoading;
+    $[43] = results;
+    $[44] = t21;
+  } else {
+    t21 = $[44];
+  }
+  let t22;
+  if ($[45] !== deferredSearch || $[46] !== emptyResult || $[47] !== error || $[48] !== errorText || $[49] !== isLoading || $[50] !== loading || $[51] !== results) {
+    t22 = error ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(InformationCircleIcon, { height: "1.25em", className: "x:shrink-0" }),
+      /* @__PURE__ */ jsxs("div", { className: "x:grid", children: [
+        /* @__PURE__ */ jsx("b", { className: "x:mb-2", children: errorText }),
+        error
+      ] })
+    ] }) : isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SpinnerIcon, { height: "20", className: "x:shrink-0 x:animate-spin" }),
+      loading
+    ] }) : results.length ? results.map(_temp5) : deferredSearch && emptyResult;
+    $[45] = deferredSearch;
+    $[46] = emptyResult;
+    $[47] = error;
+    $[48] = errorText;
+    $[49] = isLoading;
+    $[50] = loading;
+    $[51] = results;
+    $[52] = t22;
+  } else {
+    t22 = $[52];
+  }
+  let t23;
+  if ($[53] !== t21 || $[54] !== t22) {
+    t23 = /* @__PURE__ */ jsx(ComboboxOptions, { transition: true, anchor: t20, className: t21, children: t22 });
+    $[53] = t21;
+    $[54] = t22;
+    $[55] = t23;
+  } else {
+    t23 = $[55];
+  }
+  let t24;
+  if ($[56] !== handleSelect || $[57] !== t19 || $[58] !== t23) {
+    t24 = /* @__PURE__ */ jsxs(Combobox, { onChange: handleSelect, children: [
+      t19,
+      t23
+    ] });
+    $[56] = handleSelect;
+    $[57] = t19;
+    $[58] = t23;
+    $[59] = t24;
+  } else {
+    t24 = $[59];
+  }
+  return t24;
+};
+const Result = (t0) => {
+  const $ = _c(8);
+  const {
+    data
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = cn("x:mx-2.5 x:mb-2 x:not-first:mt-6 x:select-none x:border-b x:border-black/10 x:px-2.5 x:pb-1.5 x:text-xs x:font-semibold x:uppercase x:text-gray-600 x:dark:border-white/20 x:dark:text-gray-300", "x:contrast-more:border-gray-600 x:contrast-more:text-gray-900 x:contrast-more:dark:border-gray-50 x:contrast-more:dark:text-gray-50");
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== data.meta.title) {
+    t2 = /* @__PURE__ */ jsx("div", { className: t1, children: data.meta.title });
+    $[1] = data.meta.title;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== data.sub_results) {
+    t3 = data.sub_results.map(_temp7);
+    $[3] = data.sub_results;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t2 || $[6] !== t3) {
+    t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t2,
+      t3
+    ] });
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
+};
+function _temp(o) {
+  return o.data();
+}
+function _temp2(r) {
+  const url = r.url.replace(/\.html$/, "").replace(/\.html#/, "#");
+  return {
+    ...r,
+    url
+  };
+}
+function _temp3(newData) {
+  return {
+    ...newData,
+    sub_results: newData.sub_results.map(_temp2)
+  };
+}
+function _temp4(t0) {
+  const {
+    focus
+  } = t0;
+  return cn("x:rounded-lg x:px-3 x:py-2 x:transition-all", "x:w-full x:md:w-64", "x:text-base x:leading-tight x:md:text-sm", focus ? "x:bg-transparent x:nextra-focus" : "x:bg-black/[.05] x:dark:bg-gray-50/10", "x:placeholder:text-gray-600 x:dark:placeholder:text-gray-400", "x:contrast-more:border x:contrast-more:border-current", "x:[&::-webkit-search-cancel-button]:appearance-none");
+}
+function _temp5(searchResult_0) {
+  return /* @__PURE__ */ jsx(Result, { data: searchResult_0 }, searchResult_0.url);
+}
+function _temp6(t0) {
+  const {
+    focus
+  } = t0;
+  return cn("x:mx-2.5 x:break-words x:rounded-md", "x:contrast-more:border", focus ? "x:text-primary-600 x:contrast-more:border-current x:bg-primary-500/10" : "x:text-gray-800 x:dark:text-gray-300 x:contrast-more:border-transparent", "x:block x:scroll-m-12 x:px-2.5 x:py-2");
+}
+function _temp7(subResult) {
+  return /* @__PURE__ */ jsxs(ComboboxOption, { as: NextLink, value: subResult, href: subResult.url, className: _temp6, children: [
+    /* @__PURE__ */ jsx("div", { className: "x:text-base x:font-semibold x:leading-5", children: subResult.title }),
+    /* @__PURE__ */ jsx("div", { className: cn("x:mt-1 x:text-sm x:leading-[1.35rem] x:text-gray-600 x:dark:text-gray-400 x:contrast-more:dark:text-gray-50", "x:[&_mark]:bg-primary-600/80 x:[&_mark]:text-white"), dangerouslySetInnerHTML: {
+      __html: subResult.excerpt
+    } })
+  ] }, subResult.url);
+}
+export {
+  Search,
+  importPagefind
+};

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

@@ -0,0 +1,19 @@
+import { AnchorPropsWithSelection } from '@headlessui/react/dist/internal/floating';
+import { FC, ReactNode, Dispatch } from 'react';
+
+interface MenuOption {
+    id: string;
+    name: ReactNode;
+}
+interface MenuProps {
+    selectedOption: ReactNode;
+    value: string;
+    onChange: Dispatch<string>;
+    options: MenuOption[];
+    title?: string;
+    className?: string;
+    anchor?: AnchorPropsWithSelection;
+}
+declare const Select: FC<MenuProps>;
+
+export { Select };

package/dist/client/components/select.js

@@ -0,0 +1,109 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from "@headlessui/react";
+import cn from "clsx";
+import { Fragment } from "react";
+import { CheckIcon } from "../icons/index.js";
+const Select = (t0) => {
+  const $ = _c(18);
+  const {
+    options,
+    onChange,
+    selectedOption,
+    value,
+    title,
+    className,
+    anchor: t1
+  } = t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === void 0 ? {
+      to: "top start",
+      gap: 10
+    } : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const anchor = t2;
+  let t3;
+  if ($[2] !== className) {
+    t3 = (t42) => {
+      const {
+        hover,
+        open,
+        focus
+      } = t42;
+      return cn("x:cursor-pointer", "x:h-7 x:rounded-md x:px-2 x:text-xs x:font-medium x:transition-colors", open ? "x:bg-gray-200 x:text-gray-900 x:dark:bg-primary-100/10 x:dark:text-gray-50" : hover ? "x:bg-gray-200 x:text-gray-900 x:dark:bg-primary-100/5 x:dark:text-gray-50" : "x:text-gray-600 x:dark:text-gray-400", focus && "x:nextra-focus", className);
+    };
+    $[2] = className;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== selectedOption || $[5] !== t3 || $[6] !== title) {
+    t4 = /* @__PURE__ */ jsx(ListboxButton, { title, className: t3, children: selectedOption });
+    $[4] = selectedOption;
+    $[5] = t3;
+    $[6] = title;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== options) {
+    t5 = options.map(_temp2);
+    $[8] = options;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== anchor || $[11] !== t5) {
+    t6 = /* @__PURE__ */ jsx(ListboxOptions, { as: "ul", transition: true, anchor, className: _temp, children: t5 });
+    $[10] = anchor;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== onChange || $[14] !== t4 || $[15] !== t6 || $[16] !== value) {
+    t7 = /* @__PURE__ */ jsxs(Listbox, { value, onChange, children: [
+      t4,
+      t6
+    ] });
+    $[13] = onChange;
+    $[14] = t4;
+    $[15] = t6;
+    $[16] = value;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
+};
+function _temp(t0) {
+  const {
+    open: open_0
+  } = t0;
+  return cn("x:focus-visible:nextra-focus", open_0 ? "x:opacity-100" : "x:opacity-0", "x:motion-reduce:transition-none x:transition-opacity x:min-w-(--button-width) x:z-30 x:max-h-64 x:rounded-md x:border x:border-black/5 x:backdrop-blur-md x:bg-nextra-bg/70 x:py-1 x:text-sm x:shadow-lg x:dark:border-white/20");
+}
+function _temp2(option) {
+  return /* @__PURE__ */ jsx(ListboxOption, { value: option.id, as: Fragment, children: (t0) => {
+    const {
+      selected,
+      focus: focus_0
+    } = t0;
+    return /* @__PURE__ */ jsxs("li", { className: cn(focus_0 ? "x:bg-primary-100 x:text-primary-800 x:dark:text-primary-500 x:dark:bg-primary-500/10" : "x:text-gray-800 x:dark:text-gray-100", "x:cursor-pointer x:whitespace-nowrap x:py-1.5 x:px-3", "x:transition-colors", selected && "x:flex x:items-center x:justify-between x:gap-3"), children: [
+      option.name,
+      selected && /* @__PURE__ */ jsx(CheckIcon, { height: "1em" })
+    ] });
+  } }, option.id);
+}
+export {
+  Select
+};

package/dist/client/components/skip-nav/index.client.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+
+declare const SkipNavLink: FC;
+
+export { SkipNavLink };

package/dist/client/components/skip-nav/index.client.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import { Button } from "@headlessui/react";
+import cn from "clsx";
+const DEFAULT_ID = "nextra-skip-nav";
+const DEFAULT_LABEL = "Skip to Content";
+const SkipNavLink = (t0) => {
+  const $ = _c(6);
+  const {
+    className,
+    id: t1,
+    children: t2
+  } = t0;
+  const id = t1 === void 0 ? DEFAULT_ID : t1;
+  const children = t2 === void 0 ? DEFAULT_LABEL : t2;
+  const t3 = `#${id}`;
+  let t4;
+  if ($[0] !== className) {
+    t4 = (t52) => {
+      const {
+        focus
+      } = t52;
+      return cn("nextra-skip-nav", focus ? "x:nextra-focus x:fixed x:z-50 x:my-3 x:mx-4 x:rounded-lg x:px-3 x:py-2 x:text-sm x:font-bold x:bg-nextra-bg x:border x:border-current" : "x:sr-only", className);
+    };
+    $[0] = className;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  let t5;
+  if ($[2] !== children || $[3] !== t3 || $[4] !== t4) {
+    t5 = /* @__PURE__ */ jsx(Button, { as: "a", href: t3, className: t4, children });
+    $[2] = children;
+    $[3] = t3;
+    $[4] = t4;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  return t5;
+};
+export {
+  SkipNavLink
+};

package/dist/client/components/skip-nav/index.d.ts

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes } from 'react';
+export { SkipNavLink } from './index.client.js';
+
+declare const SkipNavContent: FC<Pick<HTMLAttributes<HTMLDivElement>, 'id'>>;
+
+export { SkipNavContent };

package/dist/client/components/skip-nav/index.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+const DEFAULT_ID = "nextra-skip-nav";
+import { SkipNavLink } from "./index.client.js";
+const SkipNavContent = (t0) => {
+  const $ = _c(2);
+  const {
+    id: t1
+  } = t0;
+  const id = t1 === void 0 ? DEFAULT_ID : t1;
+  let t2;
+  if ($[0] !== id) {
+    t2 = /* @__PURE__ */ jsx("div", { id });
+    $[0] = id;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
+};
+export {
+  SkipNavContent,
+  SkipNavLink
+};

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

@@ -0,0 +1,64 @@
+import { FC, HTMLAttributes } from 'react';
+
+/**
+ * A built-in component to turn a numbered list into a visual representation of
+ * steps.
+ *
+ * @example
+ * <Steps>
+ *
+ * ### This is the first step
+ *
+ * This is the first step description.
+ *
+ * ### This is the second step
+ *
+ * This is the second step description.
+ *
+ * ### This is the third step
+ *
+ * This is the third step description.
+ *
+ * </Steps>
+ *
+ * @usage
+ * Wrap a set of Markdown headings (from `<h2>` to `<h6>`) with the `<Steps>`
+ * component to display them as visual steps. You can choose the appropriate
+ * heading level based on the content hierarchy on the page.
+ *
+ * ```mdx filename="MDX" {7-15}
+ * import { Steps } from 'nextra/components'
+ *
+ * ## Getting Started
+ *
+ * Here is some description.
+ *
+ * <Steps>
+ * ### Step 1
+ *
+ * Contents for step 1.
+ *
+ * ### Step 2
+ *
+ * Contents for step 2.
+ * </Steps>
+ * ```
+ *
+ * ### Excluding Headings from Table of Contents
+ *
+ * To exclude the headings from the `<Steps>` component (or any other headings)
+ * to appear in the Table of Contents, replace the Markdown headings `### ...`
+ * with `<h3>` HTML element wrapped in curly braces.
+ *
+ * ```diff filename="MDX"
+ * <Steps>
+ * - ### Step 1
+ * + {<h3>Step 1</h3>}
+ *
+ * Contents for step 1.
+ * </Steps>
+ * ```
+ */
+declare const Steps: FC<HTMLAttributes<HTMLDivElement>>;
+
+export { Steps };