@ngrok/mantle 0.74.0 → 0.75.0

package/dist/agent.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ngrok/mantle",
-	"version": "0.74.0",
+	"version": "0.75.0",
 	"origin": "https://mantle.ngrok.com",
 	"endpoints": {
 		"docs": "https://mantle.ngrok.com/",
@@ -73,6 +73,7 @@
 		"@ngrok/mantle/toast",
 		"@ngrok/mantle/tooltip",
 		"@ngrok/mantle/types",
-		"@ngrok/mantle/utils"
+		"@ngrok/mantle/utils",
+		"@ngrok/mantle/well"
 	]
 }

package/dist/alert-dialog.d.ts

@@ -198,7 +198,7 @@ declare const AlertDialog: {
    * ```
    */
   readonly Action: import("react").ForwardRefExoticComponent<(Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
-    appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     isLoading?: boolean | null | undefined;
     priority?: "danger" | "neutral" | "default" | null | undefined;
   } & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {
@@ -208,7 +208,7 @@ declare const AlertDialog: {
     asChild: true;
     type?: ComponentProps<"button">["type"];
   }, "ref"> | Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
-    appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     isLoading?: boolean | null | undefined;
     priority?: "danger" | "neutral" | "default" | null | undefined;
   } & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {
@@ -293,7 +293,7 @@ declare const AlertDialog: {
    * ```
    */
   readonly Cancel: import("react").ForwardRefExoticComponent<(Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
-    appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     isLoading?: boolean | null | undefined;
     priority?: "danger" | "neutral" | "default" | null | undefined;
   } & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {
@@ -303,7 +303,7 @@ declare const AlertDialog: {
     asChild: true;
     type?: ComponentProps<"button">["type"];
   }, "ref"> | Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
-    appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+    appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     isLoading?: boolean | null | undefined;
     priority?: "danger" | "neutral" | "default" | null | undefined;
   } & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {

package/dist/alert.d.ts

@@ -1,6 +1,6 @@
 import { t as SvgAttributes } from "./types-BvUzforF.js";
 import { t as WithAsChild } from "./as-child-uN_018tj.js";
-import { n as IconButtonProps } from "./icon-button-ntupABbM.js";
+import { n as IconButtonProps } from "./icon-button-Ct3A7aoj.js";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/alert/alert.d.ts

package/dist/{button-BXZ_JTu_.d.ts → button-BYZOBUgj.d.ts}

@@ -4,7 +4,7 @@ import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/button/button.d.ts
 declare const buttonVariants: (props?: ({
-  appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+  appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
   isLoading?: boolean | null | undefined;
   priority?: "danger" | "neutral" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -88,7 +88,7 @@ type ButtonProps = ComponentProps<"button"> & ButtonVariants & {
  * ```
  */
 declare const Button: import("react").ForwardRefExoticComponent<(Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
-  appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+  appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
   isLoading?: boolean | null | undefined;
   priority?: "danger" | "neutral" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {
@@ -134,7 +134,7 @@ declare const Button: import("react").ForwardRefExoticComponent<(Omit<import("re
    */
   type?: ComponentProps<"button">["type"];
 }, "ref"> | Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
-  appearance?: "link" | "ghost" | "outlined" | "filled" | null | undefined;
+  appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
   isLoading?: boolean | null | undefined;
   priority?: "danger" | "neutral" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {
@@ -169,4 +169,4 @@ declare const Button: import("react").ForwardRefExoticComponent<(Omit<import("re
 }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-BXZ_JTu_.d.ts.map
+//# sourceMappingURL=button-BYZOBUgj.d.ts.map

package/dist/button.d.ts

@@ -1,4 +1,4 @@
-import { n as IconButtonProps, t as IconButton } from "./icon-button-ntupABbM.js";
-import { n as ButtonProps, t as Button } from "./button-BXZ_JTu_.js";
+import { n as IconButtonProps, t as IconButton } from "./icon-button-Ct3A7aoj.js";
+import { n as ButtonProps, t as Button } from "./button-BYZOBUgj.js";
 import { n as ButtonGroupProps, t as ButtonGroup } from "./index-DBZ3eRsl.js";
 export { Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, IconButton, type IconButtonProps };

package/dist/checkbox.d.ts

@@ -18,7 +18,7 @@ type CheckedState = boolean | "indeterminate";
  * </form>
  * ```
  */
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultChecked" | "checked" | "type"> & WithValidation & {
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "defaultChecked" | "checked"> & WithValidation & {
   /**
    * The controlled checked state of the checkbox. Must be used in conjunction with onChange.
    */

package/dist/command.d.ts

@@ -135,7 +135,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild"> & {
+  }, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -243,7 +243,7 @@ declare const Command: {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
+  }, "key" | "asChild" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
   } & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -285,7 +285,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild"> & {
+  }, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     label?: string;
   } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
@@ -326,7 +326,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  }, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
    * The group component for the Command component.
    *
@@ -365,7 +365,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+  }, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -408,7 +408,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+  }, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -484,7 +484,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild"> & {
+  }, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
   } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };

package/dist/data-table.d.ts

@@ -1,4 +1,4 @@
-import { t as Button } from "./button-BXZ_JTu_.js";
+import { t as Button } from "./button-BYZOBUgj.js";
 import { s as SortingMode } from "./direction-CcTY0FmA.js";
 import { t as Table$1 } from "./table-BWD9IlIN.js";
 import { ComponentProps, ReactNode } from "react";

package/dist/dialog.d.ts

@@ -1,5 +1,5 @@
 import { n as isDialogOverlayTarget, t as Root } from "./primitive-FoWela9a.js";
-import { n as IconButtonProps } from "./icon-button-ntupABbM.js";
+import { n as IconButtonProps } from "./icon-button-Ct3A7aoj.js";
 import { ComponentProps } from "react";
 
 //#region src/components/dialog/dialog.d.ts

package/dist/field.d.ts

@@ -1,5 +1,5 @@
 import { t as WithAsChild } from "./as-child-uN_018tj.js";
-import { n as IconButtonProps } from "./icon-button-ntupABbM.js";
+import { n as IconButtonProps } from "./icon-button-Ct3A7aoj.js";
 import { a as ValidationState, c as parseValidation, i as ValidationProp, l as resolveValidation, n as ParsedValidation, o as WithValidation, r as Validation, s as isAriaInvalid, t as AriaInvalid } from "./validation-xyX_6kph.js";
 import { t as Slot } from "./index-BL5WVva_.js";
 import { ComponentProps, ReactElement, ReactNode } from "react";

package/dist/{icon-button-ntupABbM.d.ts → icon-button-Ct3A7aoj.d.ts}

@@ -6,7 +6,7 @@ import { ButtonHTMLAttributes, ReactNode } from "react";
 declare const iconButtonVariants: (props?: ({
   appearance?: "ghost" | "outlined" | null | undefined;
   isLoading?: boolean | null | undefined;
-  size?: "xs" | "sm" | "md" | null | undefined;
+  size?: "md" | "xs" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type IconButtonVariants = VariantProps<typeof iconButtonVariants>;
 /**
@@ -93,4 +93,4 @@ type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & I
 declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconButtonProps as n, IconButton as t };
-//# sourceMappingURL=icon-button-ntupABbM.d.ts.map
+//# sourceMappingURL=icon-button-Ct3A7aoj.d.ts.map

package/dist/input.d.ts

@@ -68,7 +68,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "
  * />
  * ```
  */
-declare const Input: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithAutoComplete & WithInputType & WithValidation & {
+declare const Input: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & {
   children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;
 type InputCaptureProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & BaseProps;
@@ -86,7 +86,7 @@ type InputCaptureProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComple
  * </Input>
  * ```
  */
-declare const InputCapture: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithAutoComplete & WithInputType & WithValidation & import("react").RefAttributes<HTMLInputElement>>;
+declare const InputCapture: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithAutoComplete & WithInputType & WithValidation & import("react").RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/input/password-input.d.ts
 type PasswordInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithValidation & WithAutoComplete & {
@@ -158,7 +158,7 @@ type PasswordInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoCompl
  * }
  * ```
  */
-declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithValidation & WithAutoComplete & {
+declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "autoComplete"> & WithValidation & WithAutoComplete & {
   /**
    * Callback for when the visibility of the password value changes.
    */

package/dist/llms.txt

@@ -1,4 +1,4 @@
-# @ngrok/mantle (0.74.0)
+# @ngrok/mantle (0.75.0)
 
 > Offline discovery hint shipped inside the @ngrok/mantle npm package. Authoritative metadata lives at https://mantle.ngrok.com/for-ai-agents.
 
@@ -77,3 +77,4 @@ Full text: https://mantle.ngrok.com/llms-full.txt
 - `@ngrok/mantle/tooltip`
 - `@ngrok/mantle/types`
 - `@ngrok/mantle/utils`
+- `@ngrok/mantle/well`

package/dist/sheet.d.ts

@@ -1,5 +1,5 @@
 import { t as Root } from "./primitive-FoWela9a.js";
-import { n as IconButtonProps } from "./icon-button-ntupABbM.js";
+import { n as IconButtonProps } from "./icon-button-Ct3A7aoj.js";
 import { HTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
 

package/dist/split-button.d.ts

@@ -1,5 +1,5 @@
-import { t as IconButton } from "./icon-button-ntupABbM.js";
-import { t as Button } from "./button-BXZ_JTu_.js";
+import { t as IconButton } from "./icon-button-Ct3A7aoj.js";
+import { t as Button } from "./button-BYZOBUgj.js";
 import { t as DropdownMenu } from "./dropdown-menu-BqdyTFLu.js";
 import { ComponentProps, ReactNode } from "react";
 

package/dist/well.d.ts

@@ -0,0 +1,34 @@
+import { t as WithAsChild } from "./as-child-uN_018tj.js";
+import { ComponentProps } from "react";
+
+//#region src/components/well/well.d.ts
+type WellProps = ComponentProps<"div"> & WithAsChild;
+/**
+ * A recessed, inset container used to visually group and de-emphasize content
+ * relative to the surrounding surface, such as code samples, supplementary
+ * notes, or read-only summaries.
+ *
+ * Renders a `<div>` by default. Pass `asChild` to render as a different element
+ * or your own component, forwarding all class names, `data-*` attributes, and
+ * the ref onto that child.
+ *
+ * @see https://mantle.ngrok.com/components/well
+ *
+ * @example
+ * ```tsx
+ * <Well>
+ *   <p>Eu ad sint laborum nostrud ullamco esse.</p>
+ * </Well>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Well asChild>
+ *   <section aria-label="Summary">…</section>
+ * </Well>
+ * ```
+ */
+declare const Well: import("react").ForwardRefExoticComponent<Omit<WellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Well };
+//# sourceMappingURL=well.d.ts.map

package/dist/well.js

@@ -0,0 +1,2 @@
+import{t as e}from"./cx-CBSnSC36.js";import{t}from"./slot-CV5fmqFr.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=n(({asChild:n=!1,className:i,...a},o)=>r(n?t:`div`,{ref:o,"data-slot":`well`,className:e(`border-card bg-base relative rounded-md border shadow-inner`,i),...a}));i.displayName=`Well`;export{i as Well};
+//# sourceMappingURL=well.js.map

package/dist/well.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"well.js","names":[],"sources":["../src/components/well/well.tsx"],"sourcesContent":["import type { ComponentProps, ComponentRef } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { WithAsChild } from \"../../types/index.js\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { Slot } from \"../slot/index.js\";\n\ntype WellProps = ComponentProps<\"div\"> & WithAsChild;\n\n/**\n * A recessed, inset container used to visually group and de-emphasize content\n * relative to the surrounding surface, such as code samples, supplementary\n * notes, or read-only summaries.\n *\n * Renders a `<div>` by default. Pass `asChild` to render as a different element\n * or your own component, forwarding all class names, `data-*` attributes, and\n * the ref onto that child.\n *\n * @see https://mantle.ngrok.com/components/well\n *\n * @example\n * ```tsx\n * <Well>\n *   <p>Eu ad sint laborum nostrud ullamco esse.</p>\n * </Well>\n * ```\n *\n * @example\n * ```tsx\n * <Well asChild>\n *   <section aria-label=\"Summary\">…</section>\n * </Well>\n * ```\n */\nconst Well = forwardRef<ComponentRef<\"div\">, WellProps>(\n\t({ asChild = false, className, ...props }, ref) => {\n\t\tconst Comp = asChild ? Slot : \"div\";\n\n\t\treturn (\n\t\t\t<Comp\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"well\"\n\t\t\t\tclassName={cx(\"border-card bg-base relative rounded-md border shadow-inner\", className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nWell.displayName = \"Well\";\n\nexport {\n\t//,\n\tWell,\n};\n"],"mappings":"kJAiCA,MAAM,EAAO,GACX,CAAE,UAAU,GAAO,YAAW,GAAG,GAAS,IAIzC,EAHY,EAAU,EAAO,MAG7B,CACM,MACL,YAAU,OACV,UAAW,EAAG,8DAA+D,CAAS,EACtF,GAAI,CACJ,CAAA,CAGJ,EACA,EAAK,YAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngrok/mantle",
-  "version": "0.74.0",
+  "version": "0.75.0",
   "description": "mantle is ngrok's UI library and design system.",
   "homepage": "https://mantle.ngrok.com",
   "license": "MIT",
@@ -339,6 +339,11 @@
       "@ngrok/src-live-types": "./src/utils/index.ts",
       "types": "./dist/utils.d.ts",
       "import": "./dist/utils.js"
+    },
+    "./well": {
+      "@ngrok/src-live-types": "./src/components/well/index.ts",
+      "types": "./dist/well.d.ts",
+      "import": "./dist/well.js"
     }
   },
   "dependencies": {