@ngrok/mantle 0.66.16 → 0.67.0

package/dist/code-block.d.ts

@@ -1,104 +1,139 @@
-import { t as SvgAttributes } from "./types-Dh4BVhXC.js";
-import { t as WithAsChild } from "./as-child-XMVTepJu.js";
+import { t as SvgAttributes } from "./types-yU-Byhue.js";
+import { t as WithAsChild } from "./as-child-CRRsxi3Y.js";
+import { C as parseLanguage, D as LineRange, E as decorateHighlightedHtml, S as isSupportedLanguage, _ as normalizeIndentation, a as Mode, b as isIndentation, c as ResolvedPreRenderedCodeBlockProps, d as parseMetastring, f as resolvePreRenderedCodeBlockProps, g as parseCodeBlockShowLineNumbers, h as parseCodeBlockLineNumberStart, i as MetaInput, l as defaultMeta, m as parseCodeBlockHighlightLines, n as DefaultMeta, o as ResolvePreRenderedCodeBlockPropsInput, p as tokenizeMetastring, r as Meta, s as ResolvePreRenderedCodeBlockPropsResult, t as CodeBlockPreElementInput, u as normalizeValue, v as Indentation, w as supportedLanguages, x as SupportedLanguage, y as inferIndentation } from "./resolve-pre-rendered-props-51i50IL2.js";
 import * as react from "react";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Content, List, Trigger } from "@radix-ui/react-tabs";
 
-//#region src/components/code-block/supported-languages.d.ts
+//#region src/components/code-block/mantle-code.d.ts
+declare const mantleCodeBlockValueBrand: unique symbol;
 /**
- * List of supported languages for syntax highlighting.
- * @private
- */
-declare const supportedLanguages: readonly ["bash", "cs", "csharp", "css", "dotnet", "go", "html", "java", "javascript", "js", "json", "jsx", "markup", "plain", "plaintext", "py", "python", "rb", "ruby", "rust", "sh", "shell", "text", "ts", "tsx", "txt", "typescript", "xml", "yaml", "yml"];
-/**
- * Supported languages for syntax highlighting.
- */
-type SupportedLanguage = (typeof supportedLanguages)[number];
-/**
- * Parses a markdown code block (```) language class into a SupportedLanguage.
- * Defaults to "sh" if no supported language is found.
- */
-declare function parseLanguage(value: `language-${string}` | `lang-${string}` | (string & {}) | undefined): SupportedLanguage;
-/**
- * Type Predicate: checks if an arbitrary value is a supported syntax highlighting language.
- */
-declare const isSupportedLanguage: (value: unknown) => value is SupportedLanguage;
-/**
- * Formats a language name into a class name that Prism.js can understand.
- * @default "language-sh"
- */
-declare function formatLanguageClassName(language?: SupportedLanguage | undefined): "language-html" | "language-ruby" | "language-text" | "language-py" | "language-go" | "language-plaintext" | "language-bash" | "language-cs" | "language-csharp" | "language-css" | "language-dotnet" | "language-java" | "language-javascript" | "language-js" | "language-json" | "language-jsx" | "language-markup" | "language-plain" | "language-python" | "language-rb" | "language-rust" | "language-sh" | "language-shell" | "language-ts" | "language-tsx" | "language-txt" | "language-typescript" | "language-xml" | "language-yaml" | "language-yml";
-//#endregion
-//#region src/components/code-block/indentation.d.ts
-declare const indentations: readonly ["tabs", "spaces"];
-type Indentation = (typeof indentations)[number];
-/**
- * Type Predicate: checks if the given value is a valid indentation type.
- */
-//#endregion
-//#region src/components/code-block/line-numbers.d.ts
-/**
- * A line range is a string in the format of `start-end` where `start` and `end` are line numbers.
+ * The value produced by `mantleCode()`. Contains pre-rendered Shiki HTML (injected
+ * by the Vite plugin at build time) and the original code string for the copy button.
+ *
+ * `~preHtml` is required at render time. Runtime syntax highlighting is intentionally
+ * unsupported; only placeholder substitution for interpolated values is performed.
  */
-type LineRange = `${number}-${number}`;
-//#endregion
-//#region src/components/code-block/parse-metastring.d.ts
-declare const modes: readonly ["cli", "file", "traffic-policy"];
-type Mode = (typeof modes)[number];
-type MetaInput = {
-  collapsible?: boolean | undefined;
-  disableCopy?: boolean | undefined;
-  indentation?: Indentation | undefined;
-  mode?: Mode | undefined;
-  title?: string | undefined;
+type MantleCodeBlockValue = {
+  /**
+   * Nominal type brand to prevent accidental use of plain objects.
+   */
+  [mantleCodeBlockValueBrand]: true;
+  /**
+   * The language used for syntax highlighting.
+   */
+  language: SupportedLanguage;
+  /**
+   * The original code string (used by the copy button).
+   */
+  code: string;
+  /**
+   * Fully pre-rendered Shiki HTML injected by the Vite plugin or server highlighter.
+   * This must be present for rendering.
+   *
+   * **Security:** This HTML is injected via `dangerouslySetInnerHTML`. It must
+   * come from a trusted source (Shiki output from the Vite plugin or
+   * `createMantleServerSyntaxHighlighter`). Never pass unsanitized user input.
+   */
+  "~preHtml"?: string | undefined;
+  /**
+   * Runtime values used to replace `SHIKI_VAL_N` placeholders in `~preHtml`.
+   * This enables interpolated template expressions while preserving build-time highlighting.
+   */
+  "~preVals"?: unknown[] | undefined;
+  /**
+   * Placeholder token prefix used by the Vite transform for interpolated values.
+   * When omitted, CodeBlock falls back to the legacy `SHIKI_VAL_<n>` format.
+   */
+  "~preValToken"?: string | undefined;
+  /**
+   * Optional default for line-number rendering when this value is displayed.
+   */
+  "~showLineNumbers"?: boolean | undefined;
+  /**
+   * Optional default highlighted line numbers/ranges when this value is displayed.
+   */
+  "~highlightLines"?: (LineRange | number)[] | undefined;
+  /**
+   * Optional default start line number when line numbers are displayed.
+   * @default 1
+   */
+  "~lineNumberStart"?: number | undefined;
 };
-type Meta = {
-  collapsible: boolean;
-  disableCopy: boolean;
+/** Maps each key starting with `OldPrefix` to `NewPrefix`, leaving other keys unchanged. */
+type ReplacePrefix<T, OldPrefix extends string, NewPrefix extends string> = { [K in keyof T as K extends `${OldPrefix}${infer Rest}` ? `${NewPrefix}${Rest}` : K]: T[K] };
+/** Public input shape for `createMantleCodeBlockValue`, with `~`-prefixed keys renamed to unprefixed. */
+type MantleCodeBlockValueInput = ReplacePrefix<Omit<MantleCodeBlockValue, typeof mantleCodeBlockValueBrand>, "~", "">;
+/** Options for configuring line numbers, highlights, and indentation in `mantleCode()`. */
+type MantleCodeOptions = {
+  highlightLines?: (LineRange | number)[] | undefined;
   indentation?: Indentation | undefined;
-  mode?: Mode | undefined;
-  title?: string | undefined;
+  lineNumberStart?: number | undefined;
+  showLineNumbers?: boolean | undefined;
 };
-declare const defaultMeta: {
-  readonly collapsible: false;
-  readonly disableCopy: false;
-  readonly indentation: undefined;
-  readonly mode: undefined;
-  readonly title: undefined;
-};
-type DefaultMeta = typeof defaultMeta;
 /**
- * Parses a markdown code block (```) metastring into a meta object.
- * Defaults to DefaultMeta if no metastring given or if metastring is invalid.
- * Useful for parsing the metastring from a markdown code block to pass into the
- * CodeBlock components as props.
+ * Creates a `MantleCodeBlockValue` for use with `CodeBlock.Code`.
+ *
+ * **Security:** The `preHtml` field is rendered via `dangerouslySetInnerHTML`.
+ * Only pass HTML produced by Shiki (via the Vite plugin or
+ * `createMantleServerSyntaxHighlighter`). Never pass unsanitized user input as `preHtml`.
  */
-declare function parseMetastring(input: string | undefined): Meta;
+declare function createMantleCodeBlockValue({
+  preHtml,
+  preValToken,
+  preVals,
+  highlightLines,
+  lineNumberStart,
+  showLineNumbers,
+  code,
+  language
+}: MantleCodeBlockValueInput): MantleCodeBlockValue;
+/**
+ * Tagged template literal for Shiki syntax highlighting.
+ *
+ * Returns a `MantleCodeBlockValue` that `CodeBlock.Code` renders.
+ * The Vite transform plugin rewrites calls to this function at build time,
+ * inlining pre-rendered Shiki HTML so that no highlighting work happens in the browser.
+ * Configure it via `mantleCodeBlockPlugins()` in `vite.config.ts`.
+ *
+ * Interpolated template expressions are supported via placeholder substitution.
+ *
+ * @example
+ * ```tsx
+ * // Static string
+ * mantleCode("typescript")`const x: string = "hello";`
+ * // Interpolated string
+ * mantleCode("typescript")`const greeting = "Hello, ${name}!";`
+ * ```
+ */
+declare function mantleCode(language: SupportedLanguage, options?: MantleCodeOptions): (strings: TemplateStringsArray, ...values: unknown[]) => MantleCodeBlockValue;
 //#endregion
 //#region src/components/code-block/code-block.d.ts
-type CodeBlockCodeProps = Omit<ComponentProps<"pre">, "children"> & {
+type CodeBlockRootProps = Omit<ComponentProps<"div">, "align"> & WithAsChild & {
   /**
-   * The code to display in the code block. Should be code formatted as a string. This code will be passed to our syntax highlighter.
+   * The default active tab value (uncontrolled).
+   * Only relevant when using `CodeBlock.TabList` / `CodeBlock.TabContent`.
    */
-  value: string;
+  defaultTab?: string;
   /**
-   * @todo not implemented yet
+   * The controlled active tab value.
+   * Only relevant when using `CodeBlock.TabList` / `CodeBlock.TabContent`.
    */
-  highlightLines?: (LineRange | number)[];
+  activeTab?: string;
   /**
-   * The type of indentation to use. Can be either "tabs" or "spaces".
-   * @default inferred from the given language, fallback to `spaces`
+   * Callback fired when the active tab changes.
+   * Only relevant when using `CodeBlock.TabList` / `CodeBlock.TabContent`.
    */
-  indentation?: Indentation;
-  /**
-   * The language of the code block. This will be used to determine how to syntax highlight the code.
-   * @default `"text"`.
-   */
-  language?: SupportedLanguage;
+  onActiveTabChange?: (value: string) => void;
+};
+type CodeBlockCodeProps = Omit<ComponentProps<"pre">, "children"> & {
   /**
-   * @todo not implemented yet
+   * The code value produced by `mantleCode("lang")` tagged template.
+   * Contains pre-rendered Shiki HTML (when the Vite plugin is active) and
+   * the original code string for the copy button.
    */
-  showLineNumbers?: boolean;
+  value: MantleCodeBlockValue;
 };
 type CodeBlockCopyButtonProps = Omit<ComponentProps<"button">, "children" | "type"> & WithAsChild & {
   /**
@@ -113,7 +148,7 @@ type CodeBlockCopyButtonProps = Omit<ComponentProps<"button">, "children" | "typ
 type CodeBlockExpanderButtonProps = Omit<ComponentProps<"button">, "children" | "aria-controls" | "aria-expanded"> & WithAsChild;
 type CodeBlockIconProps = Omit<SvgAttributes, "children"> & ({
   /**
-   * A custom icon to display in the code block header.
+   * A custom icon SVG to display in the code block header.
    * (Pass only one of `svg` or `preset`.)
    */
   svg: ReactNode;
@@ -124,7 +159,7 @@ type CodeBlockIconProps = Omit<SvgAttributes, "children"> & ({
   preset?: undefined | never;
 } | {
   /**
-   * A custom icon to display in the code block header.
+   * A custom icon SVG to display in the code block header.
    * (Pass only one of `svg` or `preset`.)
    */
   svg?: undefined | never;
@@ -135,27 +170,15 @@ type CodeBlockIconProps = Omit<SvgAttributes, "children"> & ({
   preset: Mode;
 });
 /**
- * A small icon that represents the type of code block being displayed,
- * rendered as an SVG next to the code block title in the code block header.
- *
- * You can pass in a custom SVG component or use one of the presets
- * (pass only one of `svg` or `preset`).
- *
- * @see https://mantle.ngrok.com/components/code-block#codeblockicon
+ * A small icon for the `CodeBlock` header. Pass either a custom `svg`
+ * or a `preset` value (not both).
  *
  * @example
  * ```tsx
- * <CodeBlock.Root>
- *   <CodeBlock.Header>
- *     <CodeBlock.Icon preset="file" />
- *     <CodeBlock.Title>…</CodeBlock.Title>
- *   </CodeBlock.Header>
- *   <CodeBlock.Body>
- *     <CodeBlock.CopyButton />
- *     <CodeBlock.Code language="…" value={fmtCode\`…\`} />
- *   </CodeBlock.Body>
- *   <CodeBlock.ExpanderButton />
- * </CodeBlock.Root>
+ * <CodeBlock.Header>
+ *   <CodeBlock.Icon preset="file" />
+ *   <CodeBlock.Title>example.ts</CodeBlock.Title>
+ * </CodeBlock.Header>
  * ```
  */
 declare function CodeBlockIconComponent({
@@ -167,174 +190,90 @@ declare function CodeBlockIconComponent({
 declare namespace CodeBlockIconComponent {
   var displayName: string;
 }
+type CodeBlockTabListProps = Omit<ComponentProps<typeof List>, "asChild" | "loop">;
+type CodeBlockTabTriggerProps = Omit<ComponentProps<typeof Trigger>, "asChild">;
+type CodeBlockTabContentProps = Omit<ComponentProps<typeof Content>, "asChild" | "forceMount">;
 /**
- * Code blocks render and apply syntax highlighting to blocks of code.
+ * Shiki-powered code blocks with build-time syntax highlighting and zero browser bundle.
  *
- * @see https://mantle.ngrok.com/components/code-block
+ * Use `mantleCodeBlockPlugins()` to enable pre-rendering at build time.
  *
  * @example
  * ```tsx
  * <CodeBlock.Root>
  *   <CodeBlock.Header>
  *     <CodeBlock.Icon preset="file" />
- *     <CodeBlock.Title>…</CodeBlock.Title>
+ *     <CodeBlock.Title>example.ts</CodeBlock.Title>
  *   </CodeBlock.Header>
  *   <CodeBlock.Body>
  *     <CodeBlock.CopyButton />
- *     <CodeBlock.Code language="…" value={fmtCode\`…\`} />
+ *     <CodeBlock.Code value={mantleCode("typescript")`const x = "hello";`} />
  *   </CodeBlock.Body>
  *   <CodeBlock.ExpanderButton />
  * </CodeBlock.Root>
+ *
+ * // Server-highlighted HTML fetched via an action route + React Query mutation
+ * const highlightMutation = useMutation({
+ *   mutationFn: async () => {
+ *     const response = await fetch("/api/shiki-highlight", {
+ *       method: "POST",
+ *       headers: { "Content-Type": "application/json" },
+ *       body: JSON.stringify({ code: source, language: "typescript" }),
+ *     });
+ *     return response.json();
+ *   },
+ * });
+ *
+ * const serverValue = createMantleCodeBlockValue({
+ *   language: "typescript",
+ *   code: source,
+ *   preHtml: highlightMutation.data?.html,
+ * });
  * ```
  */
 declare const CodeBlock: {
   /**
-   * Code blocks render and apply syntax highlighting to blocks of code.
-   * This is the root component for all code block components.
-   *
-   * @see https://mantle.ngrok.com/components/code-block#codeblockroot
-   *
-   * @example
-   * ```tsx
-   * <CodeBlock.Root>
-   *   <CodeBlock.Header>
-   *     <CodeBlock.Icon preset="file" />
-   *     <CodeBlock.Title>…</CodeBlock.Title>
-   *   </CodeBlock.Header>
-   *   <CodeBlock.Body>
-   *     <CodeBlock.CopyButton />
-   *     <CodeBlock.Code language="…" value={fmtCode\`…\`} />
-   *   </CodeBlock.Body>
-   *   <CodeBlock.ExpanderButton />
-   * </CodeBlock.Root>
-   * ```
+   * The root component of the `CodeBlock`.
    */
-  readonly Root: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "align"> & WithAsChild, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  readonly Root: react.ForwardRefExoticComponent<Omit<CodeBlockRootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
   /**
-   * The body of the `CodeBlock`. This is where the `CodeBlock.Code` and optional
-   * `CodeBlock.CopyButton` is rendered.
-   *
-   * @see https://mantle.ngrok.com/components/code-block#codeblockbody
-   *
-   * @example
-   * ```tsx
-   * <CodeBlock.Root>
-   *   <CodeBlock.Body>
-   *     <CodeBlock.CopyButton />
-   *     <CodeBlock.Code language="…" value={fmtCode\`…\`} />
-   *   </CodeBlock.Body>
-   * </CodeBlock.Root>
-   * ```
+   * The body of the `CodeBlock`. Contains `Code` and optional `CopyButton`.
    */
   readonly Body: react.ForwardRefExoticComponent<Omit<react.ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & react.RefAttributes<HTMLDivElement>>;
   /**
-   * The `CodeBlock` content. This is where the code is rendered and syntax highlighted.
-   *
-   * @see https://mantle.ngrok.com/components/code-block#codeblockcode
-   *
-   * @example
-   * ```tsx
-   * <CodeBlock.Root>
-   *   <CodeBlock.Body>
-   *     <CodeBlock.Code
-   *       language="sh"
-   *       value={fmtCode`ffmpeg -i multichannel.mxf -map 0:v:0 -map 0:a:0`}
-   *     />
-   *   </CodeBlock.Body>
-   * </CodeBlock.Root>
-   * ```
+   * The code content. Renders pre-highlighted Shiki HTML when the Vite plugin is active.
    */
   readonly Code: react.ForwardRefExoticComponent<Omit<CodeBlockCodeProps, "ref"> & react.RefAttributes<HTMLPreElement>>;
   /**
-   * The (optional) copy button of the `CodeBlock`. Render this as a child of the
-   * `CodeBlock.Body` to allow users to copy the code block contents to their
-   * clipboard.
-   *
-   * @see https://mantle.ngrok.com/components/code-block#codeblockcopybutton
-   *
-   * @example
-   * ```tsx
-   * <CodeBlock.Root>
-   *   <CodeBlock.Body>
-   *     <CodeBlock.CopyButton />
-   *     <CodeBlock.Code language="…" value={fmtCode\`…\`} />
-   *   </CodeBlock.Body>
-   * </CodeBlock.Root>
-   * ```
+   * The optional copy button.
    */
   readonly CopyButton: react.ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
   /**
-   * The (optional) expander button of the `CodeBlock`. Render this as a child of the
-   * `CodeBlock.Body` to allow users to expand/collapse the code block contents.
-   *
-   * @see https://mantle.ngrok.com/components/code-block#codeblockexpanderbutton
-   *
-   * @example
-   * ```tsx
-   * <CodeBlock.Root>
-   *   <CodeBlock.Body>
-   *     <CodeBlock.Code language="…" value={fmtCode\`…\`} />
-   *   </CodeBlock.Body>
-   *   <CodeBlock.ExpanderButton />
-   * </CodeBlock.Root>
-   * ```
+   * The optional expander button for collapsible code blocks.
    */
   readonly ExpanderButton: react.ForwardRefExoticComponent<Omit<CodeBlockExpanderButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
   /**
-   * The (optional) header slot of the `CodeBlock`. This is where things like the
-   * `CodeBlock.Icon` and `CodeBlock.Title` are rendered.
-   *
-   * @see https://mantle.ngrok.com/components/code-block#codeblockheader
-   *
-   * @example
-   * ```tsx
-   * <CodeBlock.Root>
-   *   <CodeBlock.Header>
-   *     <CodeBlock.Icon preset="file" />
-   *     <CodeBlock.Title>…</CodeBlock.Title>
-   *   </CodeBlock.Header>
-   *   <CodeBlock.Body>
-   *     <CodeBlock.Code language="…" value={fmtCode\`…\`} />
-   *   </CodeBlock.Body>
-   * </CodeBlock.Root>
-   * ```
+   * The optional header slot for icon and title.
    */
   readonly Header: react.ForwardRefExoticComponent<Omit<react.ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & react.RefAttributes<HTMLDivElement>>;
   /**
-   * A small icon that represents the type of code block being displayed,
-   * rendered as an SVG next to the code block title in the code block header.
-   *
-   * You can pass in a custom SVG component or use one of the presets
-   * (pass only one of `svg` or `preset`).
-   *
-   * @see https://mantle.ngrok.com/components/code-block#codeblockicon
-   *
-   * @example
-   * ```tsx
-   * <CodeBlock.Root>
-   *   <CodeBlock.Header>
-   *     <CodeBlock.Icon preset="file" />
-   *     <CodeBlock.Title>…</CodeBlock.Title>
-   *   </CodeBlock.Header>
-   * </CodeBlock.Root>
-   * ```
+   * A small icon for the code block header. Use `preset` or `svg`.
    */
   readonly Icon: typeof CodeBlockIconComponent;
   /**
-   * The (optional) title of the `CodeBlock`. Default renders as an h3 element,
-   * use asChild to render something else.
-   *
-   * @see https://mantle.ngrok.com/components/code-block#codeblocktitle
-   *
-   * @example
-   * ```tsx
-   * <CodeBlock.Root>
-   *   <CodeBlock.Header>
-   *     <CodeBlock.Icon preset="file" />
-   *     <CodeBlock.Title>example.js</CodeBlock.Title>
-   *   </CodeBlock.Header>
-   * </CodeBlock.Root>
-   * ```
+   * Conditionally renders children when the associated tab is active.
+   */
+  readonly TabContent: react.ForwardRefExoticComponent<Omit<CodeBlockTabContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * A tab list for the code block header. Renders pill-styled tabs for switching code.
+   */
+  readonly TabList: react.ForwardRefExoticComponent<Omit<CodeBlockTabListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * A pill-styled tab trigger for the code block header. Must be inside `TabList`.
+   */
+  readonly TabTrigger: react.ForwardRefExoticComponent<Omit<CodeBlockTabTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+  /**
+   * The optional title rendered in the header.
    */
   readonly Title: react.ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & {
     asChild?: boolean;
@@ -363,26 +302,14 @@ declare const CodeBlock: {
  */
 declare function escapeHtml(value: string): string;
 //#endregion
-//#region src/components/code-block/fmt-code.d.ts
-type Primitive = string | number | boolean | undefined | null;
+//#region src/components/code-block/has-more-than-n-lines.d.ts
 /**
- * Tagged template literal to format code blocks and normalize leading indentation
- */
-declare function fmtCode(strings: TemplateStringsArray, ...values: Primitive[]): string;
-//#endregion
-//#region src/components/code-block/normalize-indentation.d.ts
-type Options = {
-  /**
-   * The indentation type to use. Can be either "tabs" or "spaces".
-   * @default "spaces"
-   */
-  indentation?: Indentation;
-};
-/**
- * Trim any leading and trailing whitespace/empty lines, convert leading
- * indentation to the given options.indentation
+ * Returns `true` if `value` has more than `maxLines` newline-delimited lines.
+ *
+ * This is equivalent to `value.split("\\n").length > maxLines`, but avoids
+ * allocating an intermediate array and can early-return once the threshold is exceeded.
  */
-declare function normalizeIndentation(value: string, options?: Options): string;
+declare function hasMoreThanNLines(value: string, maxLines: number): boolean;
 //#endregion
-export { CodeBlock, type DefaultMeta, type Meta, type MetaInput, type Mode, type SupportedLanguage, defaultMeta, escapeHtml, fmtCode, formatLanguageClassName, isSupportedLanguage, normalizeIndentation, parseLanguage, parseMetastring, supportedLanguages };
+export { CodeBlock, type CodeBlockPreElementInput, type DefaultMeta, type Indentation, type LineRange, type MantleCodeBlockValue, type MantleCodeOptions, type Meta, type MetaInput, type Mode, type ResolvePreRenderedCodeBlockPropsInput, type ResolvePreRenderedCodeBlockPropsResult, type ResolvedPreRenderedCodeBlockProps, type SupportedLanguage, createMantleCodeBlockValue, decorateHighlightedHtml, defaultMeta, escapeHtml, hasMoreThanNLines, inferIndentation, isIndentation, isSupportedLanguage, mantleCode, normalizeIndentation, normalizeValue, parseCodeBlockHighlightLines, parseCodeBlockLineNumberStart, parseCodeBlockShowLineNumbers, parseLanguage, parseMetastring, resolvePreRenderedCodeBlockProps, supportedLanguages, tokenizeMetastring };
 //# sourceMappingURL=code-block.d.ts.map

package/dist/code-block.js

@@ -1,9 +1,3 @@
-import{t as e}from"./cx-D1HYnpvA.js";import{t}from"./icon-BMH0fD_b.js";import{t as n}from"./booleanish-CBGdPL3Q.js";import{t as r}from"./slot-D_ZUrdEW.js";import{t as i}from"./use-copy-to-clipboard-BCpEp-sO.js";import{t as a}from"./traffic-policy-file-CroUMbsd.js";import{CaretDownIcon as o}from"@phosphor-icons/react/CaretDown";import{createContext as s,forwardRef as c,useContext as l,useEffect as u,useId as d,useMemo as f,useRef as p,useState as m}from"react";import h from"clsx";import g from"tiny-invariant";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";import{CheckIcon as b}from"@phosphor-icons/react/Check";import{CopyIcon as x}from"@phosphor-icons/react/Copy";import{FileTextIcon as S}from"@phosphor-icons/react/FileText";import{TerminalIcon as C}from"@phosphor-icons/react/Terminal";import w from"prismjs";import"prismjs/components/prism-bash.js";import"prismjs/components/prism-csharp.js";import"prismjs/components/prism-css.js";import"prismjs/components/prism-go.js";import"prismjs/components/prism-java.js";import"prismjs/components/prism-javascript.js";import"prismjs/components/prism-json.js";import"prismjs/components/prism-jsx.js";import"prismjs/components/prism-markup.js";import"prismjs/components/prism-python.js";import"prismjs/components/prism-ruby.js";import"prismjs/components/prism-rust.js";import"prismjs/components/prism-tsx.js";import"prismjs/components/prism-typescript.js";import"prismjs/components/prism-yaml.js";function T(e){let t=-1;for(let n=0;n<e.length;n++){let r=e[n];if(r===`&`||r===`<`||r===`>`||r===`"`||r===`'`){t=n;break}}if(t===-1)return e;let n=e.slice(0,t);for(let r=t;r<e.length;r++){let t=e[r];switch(t){case`&`:n+=`&amp;`;break;case`<`:n+=`&lt;`;break;case`>`:n+=`&gt;`;break;case`"`:n+=`&quot;`;break;case`'`:n+=`&#39;`;break;default:n+=t}}return n}const E=[`tabs`,`spaces`];function D(e){return E.includes(e)}function O(e,t){return t||(j(e)?`tabs`:(M(e),`spaces`))}const k=new Set([`csharp`,`css`,`go`,`html`,`java`,`javascript`,`js`,`jsx`,`ts`,`tsx`,`typescript`,`xml`]),A=new Set([`python`,`py`,`yaml`,`yml`,`ruby`,`rb`]);function j(e){return k.has(e)}function M(e){return A.has(e)}function N(e,...t){if(!ee(e)||!Array.isArray(t))throw Error("It looks like you tried to call `fmtCode` as a function. Make sure to use it as a tagged template.\n	Example: fmtCode`SELECT * FROM users`, not fmtCode('SELECT * FROM users')");let n=String.raw({raw:e},...t),r=P(n),i=n.trim().split(`
-`),a=Array(i.length);for(let e=0;e<i.length;e++){let t=i[e];t!=null&&(a[e]=F(t)?t:t.slice(r))}return a.join(`
-`)}function P(e){let t=1/0,n=0,r=!0;for(let i=0;i<e.length;i++){let a=e[i];if(r){if(a===` `||a===`	`){n+=1;continue}if(a===`
-`||a===`\r`){n=0;continue}if(n<t&&(t=n,t===0))return 0;r=!1;continue}(a===`
-`||a===`\r`)&&(r=!0,n=0)}return t===1/0?0:t}function ee(e){return Array.isArray(e)&&`raw`in e&&Array.isArray(e.raw)}function F(e){let t=e[0];return t!=null&&t!==` `&&t!==`	`}function I(e,t){let n=t?.indentation??`spaces`,r=e.replace(/\r\n?/g,`
-`),i=r.trim();if(i===``)return``;let a=P(r),o=i.split(`
-`),s=Array(o.length);for(let e=0;e<o.length;e++){let t=o[e];t!=null&&(s[e]=te(ne(t)?t:t.slice(a),n))}return s.join(`
-`)}function te(e,t){let n=0;for(;n<e.length;){let t=e[n];if(t!==` `&&t!==`	`)break;n+=1}if(n===0||n===e.length)return e;let r=e.slice(0,n);return(t===`spaces`?r.replace(/\t/g,`  `):r.replace(/ {2}/g,`	`))+e.slice(n)}function ne(e){let t=e[0];return t!=null&&t!==` `&&t!==`	`}const L=`bash.cs.csharp.css.dotnet.go.html.java.javascript.js.json.jsx.markup.plain.plaintext.py.python.rb.ruby.rust.sh.shell.text.ts.tsx.txt.typescript.xml.yaml.yml`.split(`.`),R=new Set(L);function z(e){if(!e)return`sh`;let t=e.trim().slice(e.indexOf(`-`)+1);return B(t)?t:`sh`}const B=e=>typeof e==`string`&&R.has(e);function V(e=`sh`){return`language-${e??`sh`}`}const H=new Map;function re(e,t){return`${e}\u0000${t}`}function ie(e,t,n){let r=re(e,t),i=H.get(r);if(i!=null)return H.delete(r),H.set(r,i),i;let a=w.highlight(t,n,e);if(H.set(r,a),H.size>100){let e=H.keys().next().value;e!=null&&H.delete(e)}return a}const U=s({codeId:void 0,copyText:``,hasCodeExpander:!1,isCodeExpanded:!1,registerCodeId:()=>{},setCopyText:()=>{},setHasCodeExpander:()=>{},setIsCodeExpanded:()=>{},unregisterCodeId:()=>{}}),W=c(({asChild:t=!1,className:n,...i},a)=>{let[o,s]=m(``),[c,l]=m(!1),[u,d]=m(!1),[p,h]=m(void 0),_=f(()=>({codeId:p,copyText:o,hasCodeExpander:c,isCodeExpanded:u,registerCodeId:e=>{h(t=>(g(t==null,`You can only render a single CodeBlockCode within a CodeBlock.`),e))},setCopyText:s,setHasCodeExpander:l,setIsCodeExpanded:d,unregisterCodeId:e=>{h(t=>{g(t===e,`You can only render a single CodeBlockCode within a CodeBlock.`)})}}),[p,o,c,u]),y=t?r:`div`;return v(U.Provider,{value:_,children:v(y,{"data-slot":`code-block`,className:e(`text-mono overflow-hidden rounded-md border border-gray-300 bg-gray-50 font-mono`,`[&_svg]:shrink-0`,n),ref:a,...i})})});W.displayName=`CodeBlock`;const G=c(({asChild:t=!1,className:n,...i},a)=>v(t?r:`div`,{className:e(`relative`,n),ref:a,...i}));G.displayName=`CodeBlockBody`;const K=c(({className:t,highlightLines:n,indentation:r,language:i=`text`,showLineNumbers:a,style:o,tabIndex:s,value:c,...p},_)=>{let y=d(),{hasCodeExpander:b,isCodeExpanded:x,registerCodeId:S,setCopyText:C,unregisterCodeId:E}=l(U),D=O(i,r),k=f(()=>I(c,{indentation:D}),[c,D]),A=f(()=>T(k),[k]),[j,M]=m(()=>A);u(()=>{let e=w.languages[i];g(e,`CodeBlock does not support the language "${i}". The syntax highlighter does not have a grammar for this language. The supported languages are: ${L.join(`, `)}.`),M(ie(i,k,e))},[k,i]),u(()=>{C(k)},[k,C]),u(()=>(S(y),()=>{E(y)}),[y,S,E]);let N=V(i);return v(`pre`,{"aria-expanded":b?x:void 0,className:e(`scrollbar overflow-x-auto overflow-y-hidden p-4 pr-14`,`text-mono m-0 font-mono`,`aria-collapsed:max-h-[13.6rem]`,N,t),"data-lang":i,id:y,ref:_,style:{...o,tabSize:2,MozTabSize:2},tabIndex:s??-1,...p,children:v(`code`,{className:h(`text-size-inherit`,N),dangerouslySetInnerHTML:{__html:j},suppressHydrationWarning:!0})})});K.displayName=`CodeBlockCode`;const q=c(({asChild:t=!1,className:n,...i},a)=>v(t?r:`div`,{className:e(`flex items-center gap-1 border-b border-gray-300 bg-gray-100 px-4 py-2 text-gray-700`,n),ref:a,...i}));q.displayName=`CodeBlockHeader`;const J=c(({asChild:t=!1,className:n,...i},a)=>v(t?r:`h3`,{ref:a,className:e(`text-mono m-0 font-mono font-normal`,n),...i}));J.displayName=`CodeBlockTitle`;const Y=c(({asChild:n=!1,className:a,onCopy:o,onCopyError:s,onClick:c,...d},f)=>{let{copyText:h}=l(U),[,g]=i(),[S,C]=m(!1),w=p(void 0);return u(()=>()=>{w.current!=null&&clearTimeout(w.current)},[]),y(n?r:`button`,{type:`button`,className:e(`focus-visible:border-accent-600 focus-visible:ring-focus-accent absolute right-2.5 top-2.5 z-10 flex size-7 items-center justify-center rounded border border-gray-300 bg-gray-50 shadow-[-1rem_0_0.75rem_-0.375rem_var(--color-gray-50),1rem_0_0_-0.25rem_var(--color-gray-50)] hover:border-gray-400 hover:bg-gray-200 focus-visible:outline-hidden focus-visible:ring-4`,S&&`bg-filled-success text-on-filled hover:bg-filled-success focus:bg-filled-success focus-visible:border-success-600 focus-visible:ring-focus-success w-auto gap-1 border-transparent pl-2 pr-1.5 hover:border-transparent`,a),ref:f,onClick:async e=>{try{if(c?.(e),e.defaultPrevented){w.current!=null&&clearTimeout(w.current);return}await g(h),o?.(h),C(!0),w.current!=null&&clearTimeout(w.current),w.current=setTimeout(()=>{C(!1)},2e3)}catch(e){s?.(e)}},...d,children:[v(`span`,{className:`sr-only`,children:`Copy code`}),S?y(_,{children:[`Copied`,v(t,{svg:v(b,{weight:`bold`}),className:`size-4`})]}):v(t,{svg:v(x,{}),className:`-ml-px`})]})});Y.displayName=`CodeBlockCopyButton`;const X=c(({asChild:n=!1,className:i,onClick:a,...s},c)=>{let{codeId:d,isCodeExpanded:f,setIsCodeExpanded:p,setHasCodeExpander:m}=l(U);return u(()=>(m(!0),()=>{m(!1)}),[m]),y(n?r:`button`,{...s,"aria-controls":d,"aria-expanded":f,className:e(`flex w-full items-center justify-center gap-0.5 border-t border-gray-300 bg-gray-50 px-4 py-2 font-sans text-gray-700 hover:bg-gray-100`,i),ref:c,type:`button`,onClick:e=>{p(e=>!e),a?.(e)},children:[f?`Show less`:`Show more`,` `,v(t,{svg:v(o,{weight:`bold`}),className:e(`size-4`,f&&`rotate-180`,`transition-all duration-150`)})]})});X.displayName=`CodeBlockExpanderButton`;function Z({className:e,preset:n,svg:r,...i}){let o=r;if(n!=null)switch(n){case`file`:o=v(S,{weight:`fill`});break;case`cli`:o=v(C,{weight:`fill`});break;case`traffic-policy`:o=v(a,{});break}return v(t,{className:e,svg:o,...i})}Z.displayName=`CodeBlockIcon`;const ae={Root:W,Body:G,Code:K,CopyButton:Y,ExpanderButton:X,Header:q,Icon:Z,Title:J},Q={collapsible:!1,disableCopy:!1,indentation:void 0,mode:void 0,title:void 0};function oe(e){let t=e?.trim()??``;if(!t)return Q;let n={},r=ce(t);for(let e of r){let t=e.indexOf(`=`),r=t===-1?e:e.slice(0,t),i=t===-1?void 0:e.slice(t+1);r&&(n[r]=se(i)??!0)}try{let e=$(n);return{...Q,...e}}catch{return Q}}function se(e){return e?.trim().replace(/^"(.*)"$/,`$1`)}function ce(e){let t=e?.trim()??``,n=[],r=``,i=!1;for(let e of t)e===` `&&!i?r&&=(n.push(r),``):(e===`"`&&(i=!i),r+=e);return r&&n.push(r),n}function le(e){return e===`cli`||e===`file`||e===`traffic-policy`}function $(e){let{collapsible:t=Q.collapsible,disableCopy:r=Q.disableCopy,indentation:i=Q.indentation,mode:a=Q.mode,title:o=Q.title}=e;return{collapsible:typeof t==`string`||typeof t==`boolean`?n(t):Q.collapsible,disableCopy:typeof r==`string`||typeof r==`boolean`?n(r):Q.disableCopy,indentation:D(i)?i:Q.indentation,mode:le(a)?a:Q.mode,title:typeof o==`string`?o.trim():Q.title}}export{ae as CodeBlock,Q as defaultMeta,T as escapeHtml,N as fmtCode,V as formatLanguageClassName,B as isSupportedLanguage,I as normalizeIndentation,z as parseLanguage,oe as parseMetastring,L as supportedLanguages};
+import{t as e}from"./cx-D1HYnpvA.js";import{t}from"./icon-BMH0fD_b.js";import{t as n}from"./slot-D_ZUrdEW.js";import{t as r}from"./use-copy-to-clipboard-B6wH6hDd.js";import{t as i}from"./traffic-policy-file-CroUMbsd.js";import{a,c as o,d as s,f as c,h as l,i as u,l as d,m as f,n as p,o as m,p as h,r as g,s as _,t as v,u as y}from"./resolve-pre-rendered-props-Bu2cvS9A.js";import{CaretDownIcon as b}from"@phosphor-icons/react/CaretDown";import{createContext as x,forwardRef as S,useCallback as C,useContext as w,useEffect as T,useId as ee,useLayoutEffect as te,useMemo as E,useRef as D,useState as O}from"react";import k from"tiny-invariant";import{Fragment as ne,jsx as A,jsxs as j}from"react/jsx-runtime";import{CheckIcon as re}from"@phosphor-icons/react/Check";import{CopyIcon as ie}from"@phosphor-icons/react/Copy";import{FileTextIcon as M}from"@phosphor-icons/react/FileText";import{TerminalIcon as ae}from"@phosphor-icons/react/Terminal";import{Content as oe,List as se,Root as N,Trigger as ce}from"@radix-ui/react-tabs";function P(e){let t=-1;for(let n=0;n<e.length;n++){let r=e[n];if(r===`&`||r===`<`||r===`>`||r===`"`||r===`'`){t=n;break}}if(t===-1)return e;let n=e.slice(0,t);for(let r=t;r<e.length;r++){let t=e[r];switch(t){case`&`:n+=`&amp;`;break;case`<`:n+=`&lt;`;break;case`>`:n+=`&gt;`;break;case`"`:n+=`&quot;`;break;case`'`:n+=`&#39;`;break;default:n+=t}}return n}const F=x(null);function I(){let e=w(F);return k(e!=null,`CodeBlock subcomponents must be rendered within a <CodeBlock.Root>.`),e}const L=S(({asChild:t=!1,className:r,defaultTab:i,activeTab:a,onActiveTabChange:o,...s},c)=>{let l=D(``),[u,d]=O(!1),[f,p]=O(!1),[m,h]=O(void 0),g=C(e=>{h(t=>(k(t==null,`You can only render a single CodeBlock.Code within a CodeBlock.`),e))},[]),_=C(e=>{h(t=>{k(t===e,`You can only render a single CodeBlock.Code within a CodeBlock.`)})},[]),v=E(()=>({codeId:m,copyTextRef:l,hasCodeExpander:u,isCodeExpanded:f,registerCodeId:g,setHasCodeExpander:d,setIsCodeExpanded:p,unregisterCodeId:_}),[m,u,f,g,_]),y=i!==void 0||a!==void 0,b=A(t?n:`div`,{"data-slot":`code-block`,className:e(`text-mono w-full overflow-hidden rounded-md border border-gray-300 bg-gray-50 font-mono`,`[&_svg]:shrink-0`,r),ref:c,...s});return A(F.Provider,{value:v,children:y?A(N,{asChild:!0,defaultValue:i,value:a,onValueChange:o,children:b}):b})});L.displayName=`CodeBlock`;const R=S(({asChild:t=!1,className:r,...i},a)=>A(t?n:`div`,{className:e(`relative`,r),ref:a,...i}));R.displayName=`CodeBlockBody`;const le=/SHIKI_VAL_(\d+)/g;function ue(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}const z=new Map;function B(e){if(e==null||e.length===0)return le;let t=z.get(e);return t??(z.size>=500&&z.clear(),t=RegExp(`${ue(e)}(\\d+)__`,`g`),z.set(e,t)),t}function V(e,t,n,r){if(n==null){if(!e.includes(`SHIKI_VAL_`))return e}else if(!e.includes(n))return e;return e.replaceAll(B(n),(e,n)=>{let i=Number.parseInt(n,10);return Number.isNaN(i)||i<0||i>=t.length?e:r(t[i])})}function H(e,t,n){return V(e,t,n,e=>P(String(e)))}function de(e,t,n){return V(e,t,n,e=>String(e))}const U=S(({className:t,style:n,tabIndex:r,value:i,...a},o)=>{let s=ee(),{copyTextRef:c,hasCodeExpander:l,isCodeExpanded:u,registerCodeId:d,unregisterCodeId:f}=I(),{language:p,code:m,"~preValToken":h,"~preVals":g,"~highlightLines":_,"~lineNumberStart":v,"~preHtml":y,"~showLineNumbers":b}=i,x=_,S=v??1,C=b??!1,w=E(()=>g!=null&&g.length>0?de(m,g,h):m,[h,g,m]);te(()=>{c.current=w},[c,w]),T(()=>(d(s),()=>{f(s)}),[s,d,f]);let D=E(()=>{if(y!=null)return g!=null&&g.length>0?H(y,g,h):y},[y,h,g]),O=D!=null,k=D??P(w);return A(`pre`,{"aria-expanded":l?u:void 0,className:e(`scrollbar overflow-x-auto overflow-y-hidden py-4`,!O&&`pr-14`,`data-[mantle-line-numbers~='false']:pl-4`,`text-mono m-0 font-mono`,`aria-collapsed:max-h-[13.6rem]`,t),"data-highlighted":O?`true`:`false`,"data-lang":p,"data-mantle-highlight-lines":O&&x!=null&&x.length>0?x.join(`,`):void 0,"data-mantle-line-number-start":O&&C?String(S):`1`,"data-mantle-line-numbers":O&&C?`true`:`false`,id:s,ref:o,style:{...n,"--mantle-line-number-start":String(S),tabSize:2,MozTabSize:2},tabIndex:r??-1,...a,children:A(`code`,{className:`text-size-inherit block min-w-full w-max`,dangerouslySetInnerHTML:{__html:k}})})});U.displayName=`CodeBlockCode`;const W=S(({asChild:t=!1,className:r,...i},a)=>A(t?n:`div`,{className:e(`flex items-center gap-1 border-b border-gray-300 bg-gray-100 px-4 py-2 text-gray-700`,r),ref:a,...i}));W.displayName=`CodeBlockHeader`;const G=S(({asChild:t=!1,className:r,...i},a)=>A(t?n:`h3`,{ref:a,className:e(`text-mono m-0 font-mono font-normal`,r),...i}));G.displayName=`CodeBlockTitle`;const K=S(({asChild:i=!1,className:a,onCopy:o,onCopyError:s,onClick:c,...l},u)=>{let{copyTextRef:d}=I(),[,f]=r(),[p,m]=O(!1),h=D(void 0);return T(()=>()=>{h.current!=null&&clearTimeout(h.current)},[]),j(i?n:`button`,{type:`button`,className:e(`focus-visible:border-accent-600 focus-visible:ring-focus-accent absolute right-2.5 top-2.5 z-10 flex size-7 items-center justify-center rounded border border-gray-300 bg-gray-50 hover:border-gray-400 hover:bg-gray-200 focus-visible:outline-hidden focus-visible:ring-4`,`shadow-[-1rem_0_0.75rem_-0.375rem_var(--color-gray-50),1rem_0_0_-0.25rem_var(--color-gray-50)]`,p&&`bg-filled-success text-on-filled hover:bg-filled-success focus:bg-filled-success focus-visible:border-success-600 focus-visible:ring-focus-success w-auto gap-1 border-transparent pl-2 pr-1.5 hover:border-transparent`,a),ref:u,onClick:async e=>{try{if(c?.(e),e.defaultPrevented){h.current!=null&&clearTimeout(h.current);return}let t=d.current;await f(t),o?.(t),m(!0),h.current!=null&&clearTimeout(h.current),h.current=setTimeout(()=>{m(!1)},2e3)}catch(e){s?.(e)}},...l,children:[A(`span`,{className:`sr-only`,children:`Copy code`}),p?j(ne,{children:[`Copied`,A(t,{svg:A(re,{weight:`bold`}),className:`size-4`})]}):A(t,{svg:A(ie,{}),className:`-ml-px`})]})});K.displayName=`CodeBlockCopyButton`;const q=S(({asChild:r=!1,className:i,onClick:a,...o},s)=>{let{codeId:c,isCodeExpanded:l,setIsCodeExpanded:u,setHasCodeExpander:d}=I();return T(()=>(d(!0),()=>{d(!1)}),[d]),j(r?n:`button`,{...o,"aria-controls":c,"aria-expanded":l,className:e(`flex w-full items-center justify-center gap-0.5 border-t border-gray-300 bg-gray-50 px-4 py-2 font-sans text-gray-700 hover:bg-gray-100`,i),ref:s,type:`button`,onClick:e=>{u(e=>!e),a?.(e)},children:[l?`Show less`:`Show more`,` `,A(t,{svg:A(b,{weight:`bold`}),className:e(`size-4`,l&&`rotate-180`,`transition-all duration-150`)})]})});q.displayName=`CodeBlockExpanderButton`;function J({className:e,preset:n,svg:r,...a}){let o=r;if(n!=null)switch(n){case`file`:o=A(M,{weight:`fill`});break;case`cli`:o=A(ae,{weight:`fill`});break;case`traffic-policy`:o=A(i,{});break}return A(t,{className:e,svg:o,...a})}J.displayName=`CodeBlockIcon`;const Y=S(({className:t,...n},r)=>A(se,{className:e(`flex items-center gap-1`,t),ref:r,...n}));Y.displayName=`CodeBlockTabList`;const X=S(({className:t,...n},r)=>A(ce,{className:e(`cursor-pointer rounded-full px-3 py-1 text-sm font-medium`,`text-gray-600 outline-hidden`,`hover:text-gray-900`,`data-[state=active]:bg-accent-500/20 data-[state=active]:text-blue-700`,`focus-visible:ring-focus-accent focus-visible:ring-4`,t),ref:r,...n}));X.displayName=`CodeBlockTabTrigger`;const Z=S((e,t)=>A(oe,{ref:t,...e}));Z.displayName=`CodeBlockTabContent`;const Q={Root:L,Body:R,Code:U,CopyButton:K,ExpanderButton:q,Header:W,Icon:J,TabContent:Z,TabList:Y,TabTrigger:X,Title:G},fe=Symbol(`MantleCodeBlockValue`);function $({preHtml:e,preValToken:t,preVals:n,highlightLines:r,lineNumberStart:i,showLineNumbers:a,code:o,language:s}){return{[fe]:!0,language:s,code:o,"~preHtml":e,"~preValToken":t,"~preVals":n,"~highlightLines":r,"~lineNumberStart":i,"~showLineNumbers":a}}function pe(e,t){let n=``;for(let r=0;r<e.length;r+=1)n+=e[r]??``,r<t.length&&(n+=String(t[r]));return n}function me(e,t={}){return(n,...r)=>$({language:e,code:pe(n,r),preHtml:void 0,preVals:r.length>0?r:void 0,highlightLines:t.highlightLines,lineNumberStart:t.lineNumberStart,showLineNumbers:t.showLineNumbers})}function he(e,t){let n=1;if(n>t)return!0;for(let r=0;r<e.length;r++)if(e[r]===`
+`&&(n+=1,n>t))return!0;return!1}export{Q as CodeBlock,$ as createMantleCodeBlockValue,l as decorateHighlightedHtml,v as defaultMeta,P as escapeHtml,he as hasMoreThanNLines,h as inferIndentation,f as isIndentation,d as isSupportedLanguage,me as mantleCode,c as normalizeIndentation,p as normalizeValue,m as parseCodeBlockHighlightLines,_ as parseCodeBlockLineNumberStart,o as parseCodeBlockShowLineNumbers,y as parseLanguage,g as parseMetastring,u as resolvePreRenderedCodeBlockProps,s as supportedLanguages,a as tokenizeMetastring};
 //# sourceMappingURL=code-block.js.map