@depup/nextra 4.6.1-depup.0

package/dist/client/components/steps.js

@@ -0,0 +1,74 @@
+import { jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import cn from "clsx";
+import { useId } from "react";
+const Steps = (t0) => {
+  const $ = _c(17);
+  let children;
+  let className;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = style;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    style = $[4];
+  }
+  const t1 = useId();
+  let t2;
+  if ($[5] !== t1) {
+    t2 = t1.replaceAll(":", "");
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const id = t2;
+  let t3;
+  if ($[7] !== className) {
+    t3 = cn("nextra-steps x:ms-4 x:mb-12 x:border-s x:border-gray-200 x:ps-6", "x:dark:border-neutral-800", className);
+    $[7] = className;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== id || $[10] !== style) {
+    t4 = {
+      ...style,
+      "--counter-id": id
+    };
+    $[9] = id;
+    $[10] = style;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== children || $[13] !== props || $[14] !== t3 || $[15] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { className: t3, style: t4, ...props, children });
+    $[12] = children;
+    $[13] = props;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+};
+export {
+  Steps
+};

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

@@ -0,0 +1,21 @@
+import { TabListProps, TabProps, TabGroupProps, TabPanelProps } from '@headlessui/react';
+import { FC, ReactElement, ReactNode } from 'react';
+
+type TabItem = string | ReactElement;
+type TabObjectItem = {
+    label: TabItem;
+    disabled: boolean;
+};
+declare const Tabs: FC<{
+    items: (TabItem | TabObjectItem)[];
+    children: ReactNode;
+    /** LocalStorage key for persisting the selected tab. */
+    storageKey?: string;
+    /** Tabs CSS class name. */
+    className?: TabListProps['className'];
+    /** Tab CSS class name. */
+    tabClassName?: TabProps['className'];
+} & Pick<TabGroupProps, 'defaultIndex' | 'selectedIndex' | 'onChange'>>;
+declare const Tab: FC<TabPanelProps>;
+
+export { Tab, Tabs };

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

@@ -0,0 +1,243 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
+import { Tab as HeadlessTab, TabGroup, TabList, TabPanel, TabPanels } from "@headlessui/react";
+import cn from "clsx";
+import { Fragment, useEffect, useRef, useState } from "react";
+import { useHash } from "../../hooks/use-hash.js";
+function isTabObjectItem(item) {
+  return !!item && typeof item === "object" && "label" in item;
+}
+const Tabs = (t0) => {
+  const $ = _c(30);
+  const {
+    items,
+    children,
+    storageKey,
+    defaultIndex: t1,
+    selectedIndex: _selectedIndex,
+    onChange,
+    className,
+    tabClassName
+  } = t0;
+  const defaultIndex = t1 === void 0 ? 0 : t1;
+  const [selectedIndex, setSelectedIndex] = useState(defaultIndex);
+  const hash = useHash();
+  const tabPanelsRef = useRef(null);
+  let t2;
+  let t3;
+  if ($[0] !== _selectedIndex) {
+    t2 = () => {
+      if (_selectedIndex !== void 0) {
+        setSelectedIndex(_selectedIndex);
+      }
+    };
+    t3 = [_selectedIndex];
+    $[0] = _selectedIndex;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t2 = $[1];
+    t3 = $[2];
+  }
+  useEffect(t2, t3);
+  let t4;
+  let t5;
+  if ($[3] !== hash) {
+    t4 = () => {
+      if (!hash) {
+        return;
+      }
+      const tabPanel = tabPanelsRef.current.querySelector(`[role=tabpanel]:has([id="${hash}"])`);
+      if (!tabPanel) {
+        return;
+      }
+      for (const [index, el] of Object.entries(tabPanelsRef.current.children)) {
+        if (el === tabPanel) {
+          setSelectedIndex(Number(index));
+          location.hash = "";
+          requestAnimationFrame(() => {
+            location.hash = `#${hash}`;
+          });
+        }
+      }
+    };
+    t5 = [hash];
+    $[3] = hash;
+    $[4] = t4;
+    $[5] = t5;
+  } else {
+    t4 = $[4];
+    t5 = $[5];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[6] !== storageKey) {
+    t6 = () => {
+      if (!storageKey) {
+        return;
+      }
+      const fn = function fn2(event) {
+        if (event.key === storageKey) {
+          setSelectedIndex(Number(event.newValue));
+        }
+      };
+      const index_0 = Number(localStorage.getItem(storageKey));
+      setSelectedIndex(Number.isNaN(index_0) ? 0 : index_0);
+      window.addEventListener("storage", fn);
+      return () => {
+        window.removeEventListener("storage", fn);
+      };
+    };
+    $[6] = storageKey;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = [];
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[9] !== onChange || $[10] !== storageKey) {
+    t8 = (index_1) => {
+      if (storageKey) {
+        const newValue = String(index_1);
+        localStorage.setItem(storageKey, newValue);
+        window.dispatchEvent(new StorageEvent("storage", {
+          key: storageKey,
+          newValue
+        }));
+        return;
+      }
+      setSelectedIndex(index_1);
+      onChange?.(index_1);
+    };
+    $[9] = onChange;
+    $[10] = storageKey;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  const handleChange = t8;
+  let t9;
+  if ($[12] !== className) {
+    t9 = (args) => cn("nextra-scrollbar x:overflow-x-auto x:overscroll-x-contain x:overflow-y-hidden", "x:mt-4 x:flex x:w-full x:gap-2 x:border-b x:border-gray-200 x:pb-px x:dark:border-neutral-800", "x:focus-visible:nextra-focus", typeof className === "function" ? className(args) : className);
+    $[12] = className;
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  let t10;
+  if ($[14] !== items || $[15] !== tabClassName) {
+    let t112;
+    if ($[17] !== tabClassName) {
+      t112 = (item, index_2) => /* @__PURE__ */ jsx(HeadlessTab, { disabled: isTabObjectItem(item) && item.disabled, className: (args_0) => {
+        const {
+          selected,
+          disabled,
+          hover,
+          focus
+        } = args_0;
+        return cn(focus && "x:nextra-focus x:ring-inset", "x:whitespace-nowrap x:cursor-pointer", "x:rounded-t x:p-2 x:font-medium x:leading-5 x:transition-colors", "x:-mb-0.5 x:select-none x:border-b-2", selected ? "x:border-current x:outline-none" : hover ? "x:border-gray-200 x:dark:border-neutral-800" : "x:border-transparent", selected ? "x:text-primary-600" : disabled ? "x:text-gray-400 x:dark:text-neutral-600 x:pointer-events-none" : hover ? "x:text-black x:dark:text-white" : "x:text-gray-600 x:dark:text-gray-200", typeof tabClassName === "function" ? tabClassName(args_0) : tabClassName);
+      }, children: isTabObjectItem(item) ? item.label : item }, index_2);
+      $[17] = tabClassName;
+      $[18] = t112;
+    } else {
+      t112 = $[18];
+    }
+    t10 = items.map(t112);
+    $[14] = items;
+    $[15] = tabClassName;
+    $[16] = t10;
+  } else {
+    t10 = $[16];
+  }
+  let t11;
+  if ($[19] !== t10 || $[20] !== t9) {
+    t11 = /* @__PURE__ */ jsx(TabList, { className: t9, children: t10 });
+    $[19] = t10;
+    $[20] = t9;
+    $[21] = t11;
+  } else {
+    t11 = $[21];
+  }
+  let t12;
+  if ($[22] !== children) {
+    t12 = /* @__PURE__ */ jsx(TabPanels, { ref: tabPanelsRef, children });
+    $[22] = children;
+    $[23] = t12;
+  } else {
+    t12 = $[23];
+  }
+  let t13;
+  if ($[24] !== defaultIndex || $[25] !== handleChange || $[26] !== selectedIndex || $[27] !== t11 || $[28] !== t12) {
+    t13 = /* @__PURE__ */ jsxs(TabGroup, { selectedIndex, defaultIndex, onChange: handleChange, as: Fragment, children: [
+      t11,
+      t12
+    ] });
+    $[24] = defaultIndex;
+    $[25] = handleChange;
+    $[26] = selectedIndex;
+    $[27] = t11;
+    $[28] = t12;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  return t13;
+};
+const Tab = (t0) => {
+  const $ = _c(12);
+  let children;
+  let className;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      children,
+      unmount: t1,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    t1 = $[4];
+  }
+  const unmount = t1 === void 0 ? false : t1;
+  let t2;
+  if ($[5] !== className) {
+    t2 = (args) => cn("x:rounded x:mt-[1.25em]", args.focus && "x:nextra-focus", typeof className === "function" ? className(args) : className);
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== children || $[8] !== props || $[9] !== t2 || $[10] !== unmount) {
+    t3 = /* @__PURE__ */ jsx(TabPanel, { ...props, unmount, className: t2, children });
+    $[7] = children;
+    $[8] = props;
+    $[9] = t2;
+    $[10] = unmount;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+};
+export {
+  Tab,
+  Tabs
+};

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

@@ -0,0 +1,53 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import * as _headlessui_react from '@headlessui/react';
+import * as react_jsx_runtime_js from 'react/jsx-runtime.js';
+import { Tabs as Tabs$1 } from './index.client.js';
+
+/**
+ * A built-in component for creating tabbed content, helping organize related information in a
+ * compact, interactive layout.
+ *
+ * @example
+ * <Tabs items={['pnpm', 'npm', 'yarn']}>
+ *   <Tabs.Tab>**pnpm**: Fast, disk space efficient package manager.</Tabs.Tab>
+ *   <Tabs.Tab>**npm** is a package manager for the JavaScript programming language.</Tabs.Tab>
+ *   <Tabs.Tab>**Yarn** is a software packaging system.</Tabs.Tab>
+ * </Tabs>
+ *
+ * @usage
+ * ```mdx
+ * import { Tabs } from 'nextra/components'
+ *
+ * <Tabs items={['pnpm', 'npm', 'yarn']}>
+ *   <Tabs.Tab>**pnpm**: Fast, disk space efficient package manager.</Tabs.Tab>
+ *   <Tabs.Tab>**npm** is a package manager for the JavaScript programming language.</Tabs.Tab>
+ *   <Tabs.Tab>**Yarn** is a software packaging system.</Tabs.Tab>
+ * </Tabs>
+ * ```
+ *
+ * ### Default Selected Index
+ *
+ * You can use the `defaultIndex` prop to set the default tab index:
+ *
+ * ```mdx /defaultIndex="1"/
+ * import { Tabs } from 'nextra/components'
+ *
+ * <Tabs items={['pnpm', 'npm', 'yarn']} defaultIndex="1">
+ *   ...
+ * </Tabs>
+ * ```
+ *
+ * And you will have `npm` as the default tab:
+ *
+ * <Tabs items={['pnpm', 'npm', 'yarn']} defaultIndex="1">
+ *   <Tabs.Tab>**pnpm**: Fast, disk space efficient package manager.</Tabs.Tab>
+ *   <Tabs.Tab>**npm** is a package manager for the JavaScript programming language.</Tabs.Tab>
+ *   <Tabs.Tab>**Yarn** is a software packaging system.</Tabs.Tab>
+ * </Tabs>
+ */
+declare const Tabs: ((props: ComponentProps<typeof Tabs$1>) => react_jsx_runtime_js.JSX.Element) & {
+    Tab: react.FC<_headlessui_react.TabPanelProps>;
+};
+
+export { Tabs };

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

@@ -0,0 +1,9 @@
+"use no memo";
+import { jsx } from "react/jsx-runtime";
+import { Tabs as _Tabs, Tab } from "./index.client.js";
+const Tabs = Object.assign((props) => /* @__PURE__ */ jsx(_Tabs, { ...props }), {
+  Tab
+});
+export {
+  Tabs
+};

package/dist/client/evaluate.d.ts

@@ -0,0 +1,30 @@
+import { EvaluateResult } from '../types.js';
+import { MDXComponents } from './mdx-components.js';
+import 'mdast';
+import 'next';
+import 'react';
+import 'zod';
+import '../server/schemas.js';
+import './lib/index.js';
+import 'rehype-katex/lib/index.js';
+import 'better-react-mathjax';
+import 'rehype-pretty-code';
+import '../types.generated.js';
+import '@mdx-js/mdx';
+import 'rehype-katex';
+import 'url';
+import 'next/link.js';
+import 'next/image.js';
+import './components/image-zoom.js';
+import 'next/image';
+import './mdx-components/anchor.js';
+import 'next/link';
+
+type Scope = Record<string, unknown>;
+declare function evaluate(rawJs: string, 
+/** @default {} */
+components?: MDXComponents, 
+/** @default {} */
+scope?: Scope): EvaluateResult;
+
+export { type Scope, evaluate };

package/dist/client/evaluate.js

@@ -0,0 +1,17 @@
+"use no memo";
+import jsxDevRuntime from "react/jsx-dev-runtime";
+import jsxRuntime from "react/jsx-runtime";
+const runtime = process.env.NODE_ENV === "production" ? jsxRuntime : jsxDevRuntime;
+function evaluate(rawJs, components = {}, scope = {}) {
+  const keys = Object.keys(scope);
+  const values = Object.values(scope);
+  const hydrateFn = Reflect.construct(Function, ["$", ...keys, rawJs]);
+  return hydrateFn({
+    ...runtime,
+    // Inject components in `<MDXContent>` and TOC
+    useMDXComponents: () => components
+  }, ...values);
+}
+export {
+  evaluate
+};

package/dist/client/hocs/index.d.ts

@@ -0,0 +1,4 @@
+export { withIcons } from './with-icons.js';
+export { withGitHubAlert } from './with-github-alert.js';
+import 'react';
+import '../mdx-components/pre/index.js';

package/dist/client/hocs/index.js

@@ -0,0 +1,6 @@
+import { withIcons } from "./with-icons.js";
+import { withGitHubAlert } from "./with-github-alert.js";
+export {
+  withGitHubAlert,
+  withIcons
+};

package/dist/client/hocs/with-github-alert.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode, ComponentProps } from 'react';
+
+type BlockquoteType = FC<ComponentProps<'blockquote'>>;
+type T = (typeof GITHUB_ALERTS)[number];
+declare const GITHUB_ALERTS: readonly ["note", "tip", "important", "warning", "caution"];
+declare function withGitHubAlert(fn: FC<{
+    type: T;
+    children: ReactNode;
+}>, Component?: BlockquoteType | 'blockquote'): BlockquoteType;
+
+export { withGitHubAlert };

package/dist/client/hocs/with-github-alert.js

@@ -0,0 +1,30 @@
+"use no memo";
+import { jsx } from "react/jsx-runtime";
+const GITHUB_ALERT_RE = /^\s*\[!(?<name>.*?)]\s*$/;
+const GITHUB_ALERTS = ["note", "tip", "important", "warning", "caution"];
+const GITHUB_ALERT_TYPES = new Set(GITHUB_ALERTS);
+function withGitHubAlert(fn, Component = "blockquote") {
+  return function Blockquote(props) {
+    if (Array.isArray(props.children)) {
+      const str = props.children[1].props.children;
+      if (typeof str === "string") {
+        const alertName = str.match(GITHUB_ALERT_RE)?.groups?.name.toLowerCase();
+        if (alertName) {
+          if (!GITHUB_ALERT_TYPES.has(alertName)) {
+            throw new Error(`Invalid GitHub alert type: "${alertName}". Should be one of: ${GITHUB_ALERTS.join(", ")}.`);
+          }
+          const capitalizedName = alertName[0].toUpperCase() + alertName.slice(1);
+          return fn({
+            ...props,
+            type: alertName,
+            children: [/* @__PURE__ */ jsx("b", { children: capitalizedName }, 0), ...props.children.slice(2)]
+          });
+        }
+      }
+    }
+    return /* @__PURE__ */ jsx(Component, { ...props });
+  };
+}
+export {
+  withGitHubAlert
+};

package/dist/client/hocs/with-icons.d.ts

@@ -0,0 +1,6 @@
+import { FC, SVGProps } from 'react';
+import { PreProps } from '../mdx-components/pre/index.js';
+
+declare function withIcons(Component: FC, obj?: Record<string, FC<SVGProps<SVGElement>>>): FC<PreProps>;
+
+export { withIcons };

package/dist/client/hocs/with-icons.js

@@ -0,0 +1,76 @@
+"use no memo";
+import { jsx } from "react/jsx-runtime";
+import path from "path";
+import { CPPIcon, CsharpIcon, CssIcon, GoIcon, GraphQLIcon, JavaScriptIcon, JSONIcon, MarkdownIcon, MdxIcon, MoveIcon, PythonIcon, ReactIcon, RustIcon, SvelteIcon, TerminalIcon, TerraformIcon, TypeScriptIcon } from "../icons/index.js";
+function getIcon(language) {
+  switch (language) {
+    case "javascript":
+    case "js":
+    case "mjs":
+    case "cjs":
+      return JavaScriptIcon;
+    case "typescript":
+    case "ts":
+    case "mts":
+    case "cts":
+      return TypeScriptIcon;
+    case "jsx":
+    case "tsx":
+      return ReactIcon;
+    case "md":
+      return MarkdownIcon;
+    case "mdx":
+      return MdxIcon;
+    case "sh":
+    case "bash":
+      return TerminalIcon;
+    case "css":
+      return CssIcon;
+    case "c++":
+    case "cpp":
+      return CPPIcon;
+    case "csharp":
+    case "cs":
+    case "c#":
+      return CsharpIcon;
+    case "graphql":
+    case "gql":
+      return GraphQLIcon;
+    case "python":
+    case "py":
+      return PythonIcon;
+    case "rust":
+    case "rs":
+      return RustIcon;
+    case "terraform":
+    case "tf":
+      return TerraformIcon;
+    case "move":
+      return MoveIcon;
+    case "go":
+    case "golang":
+      return GoIcon;
+    case "json":
+    case "jsonc":
+      return JSONIcon;
+    case "svelte":
+      return SvelteIcon;
+  }
+}
+function withIcons(Component, obj) {
+  return function Pre(props) {
+    let language = props["data-language"];
+    const filename = props["data-filename"];
+    if (language === "diff" && filename) {
+      const ext = path.parse(filename).ext.slice(1);
+      if (ext) {
+        language = ext;
+      }
+    }
+    const Icon = language && (obj?.[language] || getIcon(language));
+    return /* @__PURE__ */ jsx(Component, { icon: Icon && /* @__PURE__ */ jsx(Icon, { height: "1em", className: "x:max-w-6 x:shrink-0" }), ...props });
+  };
+}
+export {
+  withIcons
+};

package/dist/client/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useMounted } from './use-mounted.js';
+export { useCopy } from './use-copy.js';
+export { useFSRoute } from './use-fs-route.js';
+export { useHash } from './use-hash.js';

package/dist/client/hooks/index.js

@@ -0,0 +1,10 @@
+import { useMounted } from "./use-mounted.js";
+import { useCopy } from "./use-copy.js";
+import { useFSRoute } from "./use-fs-route.js";
+import { useHash } from "./use-hash.js";
+export {
+  useCopy,
+  useFSRoute,
+  useHash,
+  useMounted
+};

package/dist/client/hooks/use-copy.d.ts

@@ -0,0 +1,9 @@
+declare function useCopy({ timeout }?: {
+    /** @default 2000 */
+    timeout?: number;
+}): {
+    copy: (content: string) => Promise<void>;
+    isCopied: boolean;
+};
+
+export { useCopy };