@ngrok/mantle 0.66.17 → 0.67.0

package/README.md

@@ -38,6 +38,38 @@ Also install the required `devDependencies`:
 
 Next, check out the [Overview & Setup](https://mantle.ngrok.com/) docs and start using mantle components in your application!
 
+## Code Block Tooling
+
+Mantle ships runtime components from `@ngrok/mantle`, while build-time and server-side tooling lives in `@ngrok/mantle-vite-plugins`:
+
+- `@ngrok/mantle/code-block`: runtime React components and `mantleCode` template tag
+- `@ngrok/mantle-vite-plugins`: Vite + rehype integration via `mantleCodeBlockPlugins()`
+- `@ngrok/mantle-server-syntax-highlighter`: server-side highlighting engine for API routes/actions
+
+This keeps Vite/Shiki/parser dependencies out of frontend installs that only need Mantle's runtime UI package.
+
+For a concrete service implementation, see [`apps/highlight-server`](../../apps/highlight-server/README.md), a Bun + Hono syntax-highlighting API that preloads Shiki and serves highlighted HTML for server-side use cases.
+
+### Vite + MDX
+
+```ts
+import { mantleCodeBlockPlugins } from "@ngrok/mantle-vite-plugins";
+
+const codeBlockPlugins = mantleCodeBlockPlugins();
+```
+
+### Server Highlighter
+
+```ts
+import { createMantleServerSyntaxHighlighter } from "@ngrok/mantle-server-syntax-highlighter";
+
+const highlighter = createMantleServerSyntaxHighlighter();
+const result = await highlighter.highlight({
+	code: "const x = 1",
+	language: "typescript",
+});
+```
+
 ## Git Hooks
 
 Pre-commit hooks run automatically via [husky](https://typicode.github.io/husky/) and [lint-staged](https://github.com/lint-staged/lint-staged). On every commit, staged files are formatted with oxfmt and linted with oxlint.

package/dist/accordion.d.ts

@@ -1,4 +1,4 @@
-import { n as IconProps } from "./icon-B1XLv02t.js";
+import { n as IconProps } from "./icon-BkSBkfH9.js";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import * as react from "react";
 import { ComponentPropsWithoutRef } from "react";

package/dist/alert-dialog.d.ts

@@ -1,7 +1,7 @@
-import { t as SvgAttributes } from "./types-Dh4BVhXC.js";
-import { t as DeepNonNullable } from "./deep-non-nullable-BLM3Gz0I.js";
-import { t as WithAsChild } from "./as-child-XMVTepJu.js";
-import { t as Root$1 } from "./primitive-tuHqhoRE.js";
+import { t as SvgAttributes } from "./types-yU-Byhue.js";
+import { t as DeepNonNullable } from "./deep-non-nullable-BBByg3-i.js";
+import { t as WithAsChild } from "./as-child-CRRsxi3Y.js";
+import { t as Root$1 } from "./primitive-BmWrmUz1.js";
 import * as react from "react";
 import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
@@ -147,7 +147,7 @@ declare const AlertDialog: {
    * ```
    */
   readonly Action: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
-    appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     isLoading?: boolean | null | undefined;
     priority?: "default" | "danger" | "neutral" | null | undefined;
   } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
@@ -157,7 +157,7 @@ declare const AlertDialog: {
     asChild: true;
     type?: ComponentProps<"button">["type"];
   }, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
-    appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     isLoading?: boolean | null | undefined;
     priority?: "default" | "danger" | "neutral" | null | undefined;
   } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
@@ -204,7 +204,7 @@ declare const AlertDialog: {
    * ```
    */
   readonly Cancel: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
-    appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     isLoading?: boolean | null | undefined;
     priority?: "default" | "danger" | "neutral" | null | undefined;
   } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
@@ -214,7 +214,7 @@ declare const AlertDialog: {
     asChild: true;
     type?: ComponentProps<"button">["type"];
   }, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
-    appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     isLoading?: boolean | null | undefined;
     priority?: "default" | "danger" | "neutral" | null | undefined;
   } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {

package/dist/alert.d.ts

@@ -1,6 +1,6 @@
-import { t as SvgAttributes } from "./types-Dh4BVhXC.js";
-import { t as WithAsChild } from "./as-child-XMVTepJu.js";
-import { n as IconButtonProps } from "./icon-button-2r6S3HVA.js";
+import { t as SvgAttributes } from "./types-yU-Byhue.js";
+import { t as WithAsChild } from "./as-child-CRRsxi3Y.js";
+import { n as IconButtonProps } from "./icon-button-DMNdrMSf.js";
 import * as react from "react";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";

package/dist/anchor.d.ts

@@ -1,4 +1,4 @@
-import { t as WithAsChild } from "./as-child-XMVTepJu.js";
+import { t as WithAsChild } from "./as-child-CRRsxi3Y.js";
 import * as react from "react";
 import { ComponentProps, ReactNode } from "react";
 

package/dist/{as-child-XMVTepJu.d.ts → as-child-CRRsxi3Y.d.ts}

@@ -28,4 +28,4 @@ type WithAsChild = {
  */
 //#endregion
 export { WithAsChild as t };
-//# sourceMappingURL=as-child-XMVTepJu.d.ts.map
+//# sourceMappingURL=as-child-CRRsxi3Y.d.ts.map

package/dist/badge.d.ts

@@ -1,5 +1,5 @@
-import { t as WithAsChild } from "./as-child-XMVTepJu.js";
-import { t as Color } from "./index-BLCvtjLi.js";
+import { t as WithAsChild } from "./as-child-CRRsxi3Y.js";
+import { t as Color } from "./index-C0yxjFyf.js";
 import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 

package/dist/booleanish-CBGdPL3Q.js.map

@@ -1 +1 @@
-{"version":3,"file":"booleanish-CBGdPL3Q.js","names":[],"sources":["../src/types/booleanish.tsx"],"sourcesContent":["export type Booleanish = boolean | \"true\" | \"false\";\n\n/**\n * Parse/coerce a booleanish value (boolean | \"true\" | \"false\") into a boolean.\n * @default false if the value is not a boolean or \"true\"\n */\nexport function parseBooleanish(value: Booleanish | (string & {}) | undefined | null): boolean {\n\treturn typeof value === \"boolean\" ? value : value === \"true\";\n}\n"],"mappings":"AAMA,SAAgB,EAAgB,EAA+D,CAC9F,OAAO,OAAO,GAAU,UAAY,EAAQ,IAAU"}
+{"version":3,"file":"booleanish-CBGdPL3Q.js","names":[],"sources":["../src/types/booleanish.ts"],"sourcesContent":["export type Booleanish = boolean | \"true\" | \"false\";\n\n/**\n * Parse/coerce a booleanish value (boolean | \"true\" | \"false\") into a boolean.\n * @default false if the value is not a boolean or \"true\"\n */\nexport function parseBooleanish(value: Booleanish | (string & {}) | undefined | null): boolean {\n\treturn typeof value === \"boolean\" ? value : value === \"true\";\n}\n"],"mappings":"AAMA,SAAgB,EAAgB,EAA+D,CAC9F,OAAO,OAAO,GAAU,UAAY,EAAQ,IAAU"}

package/dist/{button-ByK1wG1b.d.ts → button-B--2eT25.d.ts}

@@ -1,5 +1,5 @@
-import { t as DeepNonNullable } from "./deep-non-nullable-BLM3Gz0I.js";
-import { t as VariantProps$1 } from "./variant-props-UE-phTwh.js";
+import { t as DeepNonNullable } from "./deep-non-nullable-BBByg3-i.js";
+import { t as VariantProps$1 } from "./variant-props-Bm6Y-jfm.js";
 import * as react from "react";
 import { ComponentProps, ReactNode } from "react";
 import * as class_variance_authority0 from "class-variance-authority";
@@ -7,7 +7,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/components/button/button.d.ts
 declare const buttonVariants: (props?: ({
-  appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
+  appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
   isLoading?: boolean | null | undefined;
   priority?: "default" | "danger" | "neutral" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
@@ -91,7 +91,7 @@ type ButtonProps = ComponentProps<"button"> & ButtonVariants & {
  * ```
  */
 declare const Button: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
-  appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
+  appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
   isLoading?: boolean | null | undefined;
   priority?: "default" | "danger" | "neutral" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
@@ -137,7 +137,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<react.ClassAttribute
    */
   type?: ComponentProps<"button">["type"];
 }, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
-  appearance?: "filled" | "link" | "ghost" | "outlined" | null | undefined;
+  appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
   isLoading?: boolean | null | undefined;
   priority?: "default" | "danger" | "neutral" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
@@ -172,4 +172,4 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<react.ClassAttribute
 }, "ref">) & react.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-ByK1wG1b.d.ts.map
+//# sourceMappingURL=button-B--2eT25.d.ts.map

package/dist/button.d.ts

@@ -1,4 +1,4 @@
-import { n as IconButtonProps, t as IconButton } from "./icon-button-2r6S3HVA.js";
-import { n as ButtonProps, t as Button } from "./button-ByK1wG1b.js";
-import { n as ButtonGroupProps, t as ButtonGroup } from "./index-ViSCOUrU.js";
+import { n as IconButtonProps, t as IconButton } from "./icon-button-DMNdrMSf.js";
+import { n as ButtonProps, t as Button } from "./button-B--2eT25.js";
+import { n as ButtonGroupProps, t as ButtonGroup } from "./index-CI-RDnHZ.js";
 export { Button, ButtonGroup, ButtonGroupProps, ButtonProps, IconButton, IconButtonProps };

package/dist/card.d.ts

@@ -1,4 +1,4 @@
-import { t as WithAsChild } from "./as-child-XMVTepJu.js";
+import { t as WithAsChild } from "./as-child-CRRsxi3Y.js";
 import * as react from "react";
 import { ComponentProps, HTMLAttributes } from "react";
 

package/dist/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { o as WithValidation } from "./types-DgXUgkpc.js";
+import { o as WithValidation } from "./types-Cq6RWU7Q.js";
 import * as react from "react";
 
 //#region src/components/checkbox/checkbox.d.ts
@@ -19,7 +19,7 @@ type CheckedState = boolean | "indeterminate";
  * </form>
  * ```
  */
-declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "defaultChecked" | "checked"> & WithValidation & {
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultChecked" | "type" | "checked"> & WithValidation & {
   /**
    * The controlled checked state of the checkbox. Must be used in conjunction with onChange.
    */