@ngrok/mantle 0.66.0 → 0.66.1

package/dist/sheet.d.ts

@@ -1,15 +1,13 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { a as IconButtonProps } from './icon-button-CT71Ti9V.js';
-import { R as Root } from './primitive-CBR_XmVa.js';
-import './as-child-DJ7x3JFV.js';
-import './variant-props-oDo2u-We.js';
-import './deep-non-nullable-SmpSvoSd.js';
+import { t as Root } from "./primitive-tuHqhoRE.js";
+import { n as IconButtonProps } from "./icon-button-2r6S3HVA.js";
+import * as react from "react";
+import { HTMLAttributes } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
+//#region src/components/sheet/sheet.d.ts
 type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
 /**
  * A container that overlays the current view from the edge of the screen.
@@ -110,303 +108,319 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  * ```
  */
 declare const Sheet: {
+  /**
+   * The root component for a `Sheet`. Should compose the `Sheet.Trigger` and `Sheet.Content`.
+   * Acts as a stateful provider for the Sheet's open/closed state.
+   *
+   * @see https://mantle.ngrok.com/components/sheet#sheetroot
+   *
+   * @example
+   * ```tsx
+   * // Triggering a stateful sheet
+   * <Sheet.Root>
+   *   <Sheet.Trigger asChild>
+   *     <Button type="button" appearance="filled">
+   *       Open Sheet
+   *     </Button>
+   *   </Sheet.Trigger>
+   *   <Sheet.Content>
+   *     <Sheet.Header>
+   *       <Sheet.TitleGroup>
+   *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+   *         <Sheet.Actions>
+   *           <Sheet.CloseIconButton />
+   *         </Sheet.Actions>
+   *       </Sheet.TitleGroup>
+   *     </Sheet.Header>
+   *   </Sheet.Content>
+   * </Sheet.Root>
+   * ```
+   */
+  readonly Root: typeof Root;
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <Sheet.TitleGroup>
+   *   <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+   *   <Sheet.Actions>
+   *     <Sheet.CloseIconButton />
+   *   </Sheet.Actions>
+   * </Sheet.TitleGroup>
+   * ```
+   */
+  readonly Actions: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Content>
+   *   <Sheet.Header>
+   *     <Sheet.TitleGroup>
+   *       <Sheet.Title>Sheet Title</Sheet.Title>
+   *       <Sheet.Actions>
+   *         <Sheet.CloseIconButton />
+   *       </Sheet.Actions>
+   *     </Sheet.TitleGroup>
+   *   </Sheet.Header>
+   *   <Sheet.Body>
+   *     <p>This is the sheet content.</p>
+   *   </Sheet.Body>
+   * </Sheet.Content>
+   * ```
+   */
+  readonly Body: {
+    ({
+      className,
+      ...props
+    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Footer>
+   *   <Sheet.Close asChild>
+   *     <Button type="button">Close</Button>
+   *   </Sheet.Close>
+   * </Sheet.Footer>
+   * ```
+   */
+  readonly Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Header>
+   *   <Sheet.TitleGroup>
+   *     <Sheet.Title>Sheet Title</Sheet.Title>
+   *     <Sheet.Actions>
+   *       <Sheet.CloseIconButton />
+   *     </Sheet.Actions>
+   *   </Sheet.TitleGroup>
+   * </Sheet.Header>
+   * ```
+   */
+  readonly CloseIconButton: {
+    ({
+      size,
+      type,
+      label,
+      appearance,
+      ...props
+    }: SheetCloseIconButtonProps): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  /**
+   * The main container for a `Sheet`. Should be rendered as a child of the `Sheet` component.
+   * Renders on top of the overlay backdrop.
+   * Should contain the `Sheet.Header`, `Sheet.Body`, and `Sheet.Footer`.
+   *
+   * @see https://mantle.ngrok.com/components/sheet#sheetcontent
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Root>
+   *   <Sheet.Trigger asChild>
+   *     <Button type="button" appearance="filled">
+   *       Open Sheet
+   *     </Button>
+   *   </Sheet.Trigger>
+   *   <Sheet.Content>
+   *     <Sheet.Header>
+   *       <Sheet.TitleGroup>
+   *         <Sheet.Title>Sheet Title</Sheet.Title>
+   *         <Sheet.Actions>
+   *           <Sheet.CloseIconButton />
+   *         </Sheet.Actions>
+   *       </Sheet.TitleGroup>
+   *     </Sheet.Header>
+   *     <Sheet.Body>
+   *       <p>This is the sheet content.</p>
+   *     </Sheet.Body>
+   *   </Sheet.Content>
+   * </Sheet.Root>
+   * ```
+   */
+  readonly Content: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    side?: "left" | "right" | null | undefined;
+  } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
     /**
-     * The root component for a `Sheet`. Should compose the `Sheet.Trigger` and `Sheet.Content`.
-     * Acts as a stateful provider for the Sheet's open/closed state.
+     * The preferred width of the `Sheet.Content` as a tailwind `max-w-` class.
      *
-     * @see https://mantle.ngrok.com/components/sheet#sheetroot
+     * By default, a `Sheet`'s content width is responsive with a default
+     * preferred width: the maximum width of the `Sheet.Content` when the window
+     * viewport is larger than the mobile breakpoint (`sm`).
      *
-     * @example
-     * ```tsx
-     * // Triggering a stateful sheet
-     * <Sheet.Root>
-     *   <Sheet.Trigger asChild>
-     *     <Button type="button" appearance="filled">
-     *       Open Sheet
-     *     </Button>
-     *   </Sheet.Trigger>
-     *   <Sheet.Content>
-     *     <Sheet.Header>
-     *       <Sheet.TitleGroup>
-     *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
-     *         <Sheet.Actions>
-     *           <Sheet.CloseIconButton />
-     *         </Sheet.Actions>
-     *       </Sheet.TitleGroup>
-     *     </Sheet.Header>
-     *   </Sheet.Content>
-     * </Sheet.Root>
-     * ```
+     * @default `sm:max-w-[30rem]`
      */
-    readonly Root: typeof Root;
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <Sheet.TitleGroup>
-     *   <Sheet.Title>Are you absolutely sure?</Sheet.Title>
-     *   <Sheet.Actions>
-     *     <Sheet.CloseIconButton />
-     *   </Sheet.Actions>
-     * </Sheet.TitleGroup>
-     * ```
-     */
-    readonly Actions: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Content>
-     *   <Sheet.Header>
-     *     <Sheet.TitleGroup>
-     *       <Sheet.Title>Sheet Title</Sheet.Title>
-     *       <Sheet.Actions>
-     *         <Sheet.CloseIconButton />
-     *       </Sheet.Actions>
-     *     </Sheet.TitleGroup>
-     *   </Sheet.Header>
-     *   <Sheet.Body>
-     *     <p>This is the sheet content.</p>
-     *   </Sheet.Body>
-     * </Sheet.Content>
-     * ```
-     */
-    readonly Body: {
-        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Footer>
-     *   <Sheet.Close asChild>
-     *     <Button type="button">Close</Button>
-     *   </Sheet.Close>
-     * </Sheet.Footer>
-     * ```
-     */
-    readonly Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Header>
-     *   <Sheet.TitleGroup>
-     *     <Sheet.Title>Sheet Title</Sheet.Title>
-     *     <Sheet.Actions>
-     *       <Sheet.CloseIconButton />
-     *     </Sheet.Actions>
-     *   </Sheet.TitleGroup>
-     * </Sheet.Header>
-     * ```
-     */
-    readonly CloseIconButton: {
-        ({ size, type, label, appearance, ...props }: SheetCloseIconButtonProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    /**
-     * The main container for a `Sheet`. Should be rendered as a child of the `Sheet` component.
-     * Renders on top of the overlay backdrop.
-     * Should contain the `Sheet.Header`, `Sheet.Body`, and `Sheet.Footer`.
-     *
-     * @see https://mantle.ngrok.com/components/sheet#sheetcontent
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Root>
-     *   <Sheet.Trigger asChild>
-     *     <Button type="button" appearance="filled">
-     *       Open Sheet
-     *     </Button>
-     *   </Sheet.Trigger>
-     *   <Sheet.Content>
-     *     <Sheet.Header>
-     *       <Sheet.TitleGroup>
-     *         <Sheet.Title>Sheet Title</Sheet.Title>
-     *         <Sheet.Actions>
-     *           <Sheet.CloseIconButton />
-     *         </Sheet.Actions>
-     *       </Sheet.TitleGroup>
-     *     </Sheet.Header>
-     *     <Sheet.Body>
-     *       <p>This is the sheet content.</p>
-     *     </Sheet.Body>
-     *   </Sheet.Content>
-     * </Sheet.Root>
-     * ```
-     */
-    readonly Content: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-        side?: "left" | "right" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string> & {
-        /**
-         * The preferred width of the `Sheet.Content` as a tailwind `max-w-` class.
-         *
-         * By default, a `Sheet`'s content width is responsive with a default
-         * preferred width: the maximum width of the `Sheet.Content` when the window
-         * viewport is larger than the mobile breakpoint (`sm`).
-         *
-         * @default `sm:max-w-[30rem]`
-         */
-        preferredWidth?: `sm:max-w-${string}`;
-    } & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * A description for a sheet. Typically rendered as a child of `Sheet.Header`.
-     *
-     * @see https://mantle.ngrok.com/components/sheet#sheetdescription
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Header>
-     *   <Sheet.TitleGroup>
-     *     <Sheet.Title>Sheet Title</Sheet.Title>
-     *     <Sheet.Actions>
-     *       <Sheet.CloseIconButton />
-     *     </Sheet.Actions>
-     *   </Sheet.TitleGroup>
-     *   <Sheet.Description>
-     *     This action cannot be undone.
-     *   </Sheet.Description>
-     * </Sheet.Header>
-     * ```
-     */
-    readonly Description: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Content>
-     *   <Sheet.Header>
-     *     <Sheet.TitleGroup>
-     *       <Sheet.Title>Sheet Title</Sheet.Title>
-     *       <Sheet.Actions>
-     *         <Sheet.CloseIconButton />
-     *       </Sheet.Actions>
-     *     </Sheet.TitleGroup>
-     *   </Sheet.Header>
-     *   <Sheet.Body>
-     *     <p>This is the sheet content.</p>
-     *   </Sheet.Body>
-     *   <Sheet.Footer>
-     *     <Sheet.Close asChild>
-     *       <Button type="button">Close</Button>
-     *     </Sheet.Close>
-     *     <Button type="button" appearance="filled">
-     *       Save
-     *     </Button>
-     *   </Sheet.Footer>
-     * </Sheet.Content>
-     * ```
-     */
-    readonly Footer: {
-        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.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/sheet#sheetheader
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Content>
-     *   <Sheet.Header>
-     *     <Sheet.TitleGroup>
-     *       <Sheet.Title>Sheet Title</Sheet.Title>
-     *       <Sheet.Actions>
-     *         <Sheet.CloseIconButton />
-     *       </Sheet.Actions>
-     *     </Sheet.TitleGroup>
-     *     <Sheet.Description>
-     *       This action cannot be undone.
-     *     </Sheet.Description>
-     *   </Sheet.Header>
-     * </Sheet.Content>
-     * ```
-     */
-    readonly Header: {
-        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Header>
-     *   <Sheet.TitleGroup>
-     *     <Sheet.Title>Sheet Title</Sheet.Title>
-     *     <Sheet.Actions>
-     *       <Sheet.CloseIconButton />
-     *     </Sheet.Actions>
-     *   </Sheet.TitleGroup>
-     * </Sheet.Header>
-     * ```
-     */
-    readonly Title: react.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Header>
-     *   <Sheet.TitleGroup>
-     *     <Sheet.Title>Sheet Title</Sheet.Title>
-     *     <Sheet.Actions>
-     *       <Sheet.CloseIconButton />
-     *     </Sheet.Actions>
-     *   </Sheet.TitleGroup>
-     * </Sheet.Header>
-     * ```
-     */
-    readonly TitleGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <Sheet.Root>
-     *   <Sheet.Trigger asChild>
-     *     <Button type="button" appearance="filled">
-     *       Open Sheet
-     *     </Button>
-     *   </Sheet.Trigger>
-     *   <Sheet.Content>
-     *     <p>This is the sheet content.</p>
-     *   </Sheet.Content>
-     * </Sheet.Root>
-     * ```
-     */
-    readonly Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    preferredWidth?: `sm:max-w-${string}`;
+  } & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * A description for a sheet. Typically rendered as a child of `Sheet.Header`.
+   *
+   * @see https://mantle.ngrok.com/components/sheet#sheetdescription
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Header>
+   *   <Sheet.TitleGroup>
+   *     <Sheet.Title>Sheet Title</Sheet.Title>
+   *     <Sheet.Actions>
+   *       <Sheet.CloseIconButton />
+   *     </Sheet.Actions>
+   *   </Sheet.TitleGroup>
+   *   <Sheet.Description>
+   *     This action cannot be undone.
+   *   </Sheet.Description>
+   * </Sheet.Header>
+   * ```
+   */
+  readonly Description: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Content>
+   *   <Sheet.Header>
+   *     <Sheet.TitleGroup>
+   *       <Sheet.Title>Sheet Title</Sheet.Title>
+   *       <Sheet.Actions>
+   *         <Sheet.CloseIconButton />
+   *       </Sheet.Actions>
+   *     </Sheet.TitleGroup>
+   *   </Sheet.Header>
+   *   <Sheet.Body>
+   *     <p>This is the sheet content.</p>
+   *   </Sheet.Body>
+   *   <Sheet.Footer>
+   *     <Sheet.Close asChild>
+   *       <Button type="button">Close</Button>
+   *     </Sheet.Close>
+   *     <Button type="button" appearance="filled">
+   *       Save
+   *     </Button>
+   *   </Sheet.Footer>
+   * </Sheet.Content>
+   * ```
+   */
+  readonly Footer: {
+    ({
+      className,
+      ...props
+    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.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/sheet#sheetheader
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Content>
+   *   <Sheet.Header>
+   *     <Sheet.TitleGroup>
+   *       <Sheet.Title>Sheet Title</Sheet.Title>
+   *       <Sheet.Actions>
+   *         <Sheet.CloseIconButton />
+   *       </Sheet.Actions>
+   *     </Sheet.TitleGroup>
+   *     <Sheet.Description>
+   *       This action cannot be undone.
+   *     </Sheet.Description>
+   *   </Sheet.Header>
+   * </Sheet.Content>
+   * ```
+   */
+  readonly Header: {
+    ({
+      className,
+      ...props
+    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Header>
+   *   <Sheet.TitleGroup>
+   *     <Sheet.Title>Sheet Title</Sheet.Title>
+   *     <Sheet.Actions>
+   *       <Sheet.CloseIconButton />
+   *     </Sheet.Actions>
+   *   </Sheet.TitleGroup>
+   * </Sheet.Header>
+   * ```
+   */
+  readonly Title: react.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog0.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Header>
+   *   <Sheet.TitleGroup>
+   *     <Sheet.Title>Sheet Title</Sheet.Title>
+   *     <Sheet.Actions>
+   *       <Sheet.CloseIconButton />
+   *     </Sheet.Actions>
+   *   </Sheet.TitleGroup>
+   * </Sheet.Header>
+   * ```
+   */
+  readonly TitleGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <Sheet.Root>
+   *   <Sheet.Trigger asChild>
+   *     <Button type="button" appearance="filled">
+   *       Open Sheet
+   *     </Button>
+   *   </Sheet.Trigger>
+   *   <Sheet.Content>
+   *     <p>This is the sheet content.</p>
+   *   </Sheet.Content>
+   * </Sheet.Root>
+   * ```
+   */
+  readonly Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 };
-
+//#endregion
 export { Sheet };
+//# sourceMappingURL=sheet.d.ts.map