@ngrok/mantle 0.77.0 → 0.79.0

package/dist/sheet.d.ts

@@ -1,10 +1,245 @@
-import { t as Root } from "./primitive-FoWela9a.js";
-import { n as IconButtonProps } from "./icon-button-D7hs6bX2.js";
+import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
+import { t as Root } from "./primitive-C64-m48O.js";
+import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-B7uEj1qq.js";
 import { HTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
-
 //#region src/components/sheet/sheet.d.ts
-type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
+type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon" | "appearance" | "intent">> & {
+  /**
+   * The visual style of the close icon button. Optional here —
+   * `Sheet.CloseIconButton` defaults to `"ghost"` so it stays visually quiet
+   * in the `Sheet.Header` beside the title.
+   *
+   * @default "ghost"
+   */
+  appearance?: IconButtonAppearance;
+  /**
+   * The tone of the close icon button. Optional here — `Sheet.CloseIconButton`
+   * defaults to `"neutral"`, the workhorse tone for routine dismissal.
+   *
+   * @default "neutral"
+   */
+  intent?: ButtonIntent;
+};
+/**
+ * An icon button that closes the `Sheet` when clicked.
+ * Should be rendered within the `Sheet.Header` as a child of `Sheet.Actions`.
+ *
+ * Composes around the mantle `IconButton` and defaults to
+ * `appearance="ghost"` and `intent="neutral"`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetcloseiconbutton
+ *
+ * @example
+ * ```tsx
+ * // Sheet without a trigger (e.g. router controlled)
+ * <Sheet open onOpenChange={() => onClose()}>
+ *   <Sheet.Content>
+ *     <Sheet.Header>
+ *       <Sheet.TitleGroup>
+ *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+ *         <Sheet.Actions>
+ *           <IconButton
+ *             appearance="ghost"
+ *             intent="neutral"
+ *             type="button"
+ *             icon={<TrashSimple />}
+ *             label="Delete"
+ *           />
+ *           <Separator orientation="vertical" className="h-[80%]" />
+ *           <Sheet.CloseIconButton />
+ *         </Sheet.Actions>
+ *       </Sheet.TitleGroup>
+ *       <Sheet.Description>
+ *         This action cannot be undone. This will permanently delete your account and remove your data from our servers.
+ *       </Sheet.Description>
+ *     </Sheet.Header>
+ *     <Sheet.Body>
+ *       <p>
+ *         Consequat do voluptate culpa fugiat consequat nostrud duis
+ *         aliqua minim. Tempor voluptate cillum elit velit. Voluptate
+ *         aliqua ipsum aliqua dolore in nisi ea fugiat aliqua velit
+ *         proident amet.
+ *       </p>
+ *     </Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const CloseIconButton: {
+  ({ size, type, label, appearance, intent, ...props }: SheetCloseIconButtonProps): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * The body container for a `Sheet`. This is where you would typically place the main content of the sheet, such as forms or text.
+ * Should be rendered as a child of `Sheet.Content`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetbody
+ *
+ * @example
+ * ```tsx
+ * // Sheet without a trigger (e.g. router controlled)
+ * <Sheet open onOpenChange={() => onClose()}>
+ *   <Sheet.Content>
+ *     <Sheet.Header>
+ *       <Sheet.TitleGroup>
+ *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+ *         <Sheet.Actions>
+ *           <IconButton
+ *             appearance="ghost"
+ *             intent="neutral"
+ *             type="button"
+ *             icon={<TrashSimple />}
+ *             label="Delete"
+ *           />
+ *           <Separator orientation="vertical" className="h-[80%]" />
+ *           <Sheet.CloseIconButton />
+ *         </Sheet.Actions>
+ *       </Sheet.TitleGroup>
+ *       <Sheet.Description>
+ *         This action cannot be undone. This will permanently delete your account and remove your data from our servers.
+ *       </Sheet.Description>
+ *     </Sheet.Header>
+ *     <Sheet.Body>
+ *       <p>
+ *         Consequat do voluptate culpa fugiat consequat nostrud duis
+ *         aliqua minim. Tempor voluptate cillum elit velit. Voluptate
+ *         aliqua ipsum aliqua dolore in nisi ea fugiat aliqua velit
+ *         proident amet.
+ *       </p>
+ *     </Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Body: {
+  ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * The header container for a `Sheet`. This is where you would typically place the title, description, and actions.
+ * Should be rendered as a child of `Sheet.Content`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetheader
+ *
+ * @example
+ * ```tsx
+ * // Sheet without a trigger (e.g. router controlled)
+ * <Sheet open onOpenChange={() => onClose()}>
+ *   <Sheet.Content>
+ *     <Sheet.Header>
+ *       <Sheet.TitleGroup>
+ *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+ *         <Sheet.Actions>
+ *           <IconButton
+ *             appearance="ghost"
+ *             intent="neutral"
+ *             type="button"
+ *             icon={<TrashSimple />}
+ *             label="Delete"
+ *           />
+ *           <Separator orientation="vertical" className="h-[80%]" />
+ *           <Sheet.CloseIconButton />
+ *         </Sheet.Actions>
+ *       </Sheet.TitleGroup>
+ *       <Sheet.Description>
+ *         This action cannot be undone. This will permanently delete your account and remove your data from our servers.
+ *       </Sheet.Description>
+ *     </Sheet.Header>
+ *     <Sheet.Body>
+ *       <p>
+ *         Consequat do voluptate culpa fugiat consequat nostrud duis
+ *         aliqua minim. Tempor voluptate cillum elit velit. Voluptate
+ *         aliqua ipsum aliqua dolore in nisi ea fugiat aliqua velit
+ *         proident amet.
+ *       </p>
+ *     </Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Header: {
+  ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * The footer container for a `Sheet`. This is where you would typically place close and submit buttons.
+ * Should be rendered as a child of `Sheet.Content`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetfooter
+ *
+ * @example
+ * ```tsx
+ * // Sheet without a trigger (e.g. router controlled)
+ * <Sheet open onOpenChange={() => onClose()}>
+ *   <Sheet.Content>
+ *     <Sheet.Header>
+ *       <Sheet.TitleGroup>
+ *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+ *         <Sheet.Actions>
+ *           <IconButton
+ *             appearance="ghost"
+ *             intent="neutral"
+ *             type="button"
+ *             icon={<TrashSimple />}
+ *             label="Delete"
+ *           />
+ *           <Separator orientation="vertical" className="h-[80%]" />
+ *           <Sheet.CloseIconButton />
+ *         </Sheet.Actions>
+ *       </Sheet.TitleGroup>
+ *       <Sheet.Description>
+ *         This action cannot be undone. This will permanently delete your account and remove your data from our servers.
+ *       </Sheet.Description>
+ *     </Sheet.Header>
+ *     <Sheet.Body>
+ *       <p>
+ *         Consequat do voluptate culpa fugiat consequat nostrud duis
+ *         aliqua minim. Tempor voluptate cillum elit velit. Voluptate
+ *         aliqua ipsum aliqua dolore in nisi ea fugiat aliqua velit
+ *         proident amet.
+ *       </p>
+ *     </Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Footer: {
+  ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
 /**
  * A container that overlays the current view from the edge of the screen.
  * It is a lightweight way of allowing users to complete a task without losing
@@ -18,7 +253,7 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  * floating z-index. When multiple shared layers are open, the most recently
  * mounted layer renders on top.
  *
- * @see https://mantle.ngrok.com/components/sheet
+ * @see https://mantle.ngrok.com/components/overlays/sheet
  *
  * @example
  * Composition:
@@ -41,7 +276,7 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  * // Triggering a stateful sheet
  * <Sheet.Root>
  *   <Sheet.Trigger asChild>
- *     <Button type="button" appearance="filled">
+ *     <Button type="button" appearance="filled" intent="neutral">
  *       Open Sheet
  *     </Button>
  *   </Sheet.Trigger>
@@ -52,6 +287,7 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  *         <Sheet.Actions>
  *           <IconButton
  *             appearance="ghost"
+ *             intent="neutral"
  *             type="button"
  *             icon={<TrashSimple />}
  *             label="Delete"
@@ -74,9 +310,9 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  *     </Sheet.Body>
  *     <Sheet.Footer>
  *       <Sheet.Close asChild>
- *         <Button type="button">Close</Button>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
  *       </Sheet.Close>
- *       <Button type="button" appearance="filled">
+ *       <Button type="button" appearance="filled" intent="neutral">
  *         Save
  *       </Button>
  *     </Sheet.Footer>
@@ -95,6 +331,7 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  *         <Sheet.Actions>
  *           <IconButton
  *             appearance="ghost"
+ *             intent="neutral"
  *             type="button"
  *             icon={<TrashSimple />}
  *             label="Delete"
@@ -117,9 +354,9 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  *     </Sheet.Body>
  *     <Sheet.Footer>
  *       <Sheet.Close asChild>
- *         <Button type="button">Close</Button>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
  *       </Sheet.Close>
- *       <Button type="button" appearance="filled">
+ *       <Button type="button" appearance="filled" intent="neutral">
  *         Save
  *       </Button>
  *     </Sheet.Footer>
@@ -136,13 +373,13 @@ declare const Sheet: {
    * floating z-index. When multiple shared layers are open, the most recently
    * mounted layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetroot
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetroot
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -161,9 +398,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -173,13 +410,13 @@ declare const Sheet: {
   /**
    * A group container for the actions of a `Sheet`. Typically rendered as a child of `Sheet.TitleGroup`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetactions
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetactions
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -198,9 +435,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -211,13 +448,13 @@ declare const Sheet: {
    * The body container for a `Sheet`. This is where you would typically place the main content of the sheet, such as forms or text.
    * Should be rendered as a child of `Sheet.Content`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetbody
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetbody
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -236,33 +473,27 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
    * ```
    */
-  readonly Body: {
-    ({
-      className,
-      ...props
-    }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Body: typeof Body;
   /**
    * The close button for a `Sheet`. Should be rendered as a child of the `Sheet.Content` component.
    * Usually contained within the `Sheet.Footer` component.
    * Renders an unstyled button by default, but can be customized with the `asChild` prop.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetclose
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetclose
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -281,9 +512,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -294,13 +525,16 @@ declare const Sheet: {
    * An icon button that closes the `Sheet` when clicked.
    * Should be rendered within the `Sheet.Header` as a child of `Sheet.Actions`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetcloseiconbutton
+   * Composes around the mantle `IconButton` and defaults to
+   * `appearance="ghost"` and `intent="neutral"`.
+   *
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetcloseiconbutton
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -319,24 +553,15 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
    * ```
    */
-  readonly CloseIconButton: {
-    ({
-      size,
-      type,
-      label,
-      appearance,
-      ...props
-    }: SheetCloseIconButtonProps): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly CloseIconButton: typeof CloseIconButton;
   /**
    * The main container for a `Sheet`. Should be rendered as a child of the `Sheet` component.
    * Renders on top of the overlay backdrop.
@@ -346,13 +571,13 @@ declare const Sheet: {
    * shared floating z-index. When multiple shared layers are open, the most
    * recently mounted layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetcontent
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetcontent
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -371,9 +596,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -396,13 +621,13 @@ declare const Sheet: {
   /**
    * A description for a sheet. Typically rendered as a child of `Sheet.Header`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetdescription
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetdescription
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -421,9 +646,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -434,13 +659,13 @@ declare const Sheet: {
    * The footer container for a `Sheet`. This is where you would typically place close and submit buttons.
    * Should be rendered as a child of `Sheet.Content`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetfooter
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetfooter
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -459,32 +684,26 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
    * ```
    */
-  readonly Footer: {
-    ({
-      className,
-      ...props
-    }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Footer: typeof Footer;
   /**
    * The header container for a `Sheet`. This is where you would typically place the title, description, and actions.
    * Should be rendered as a child of `Sheet.Content`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetheader
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetheader
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -503,32 +722,26 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
    * ```
    */
-  readonly Header: {
-    ({
-      className,
-      ...props
-    }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Header: typeof Header;
   /**
    * The title for a `Sheet`. Typically rendered as a child of `Sheet.TitleGroup`.
    * Defaults to an `h2` element, but can be changed via the `asChild` prop.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheettitle
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheettitle
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -547,9 +760,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -559,13 +772,13 @@ declare const Sheet: {
   /**
    * A group container for the title and actions of a sheet. Typically rendered as a child of `Sheet.Header`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheettitlegroup
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheettitlegroup
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -584,9 +797,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -597,13 +810,13 @@ declare const Sheet: {
    * The button trigger for a `Sheet`. Should be rendered as a child of the `Sheet` component.
    * Renders an unstyled button by default, but can be customized with the `asChild` prop.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheettrigger
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheettrigger
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -622,9 +835,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>