@ngrok/mantle 0.79.3 → 0.81.0

package/dist/description-list.d.ts

@@ -1,11 +1,72 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
-import "./index-D47aqlpz.js";
+import { n as WithAsChild } from "./as-child-D23mGo4f.js";
+import "./index-DA4ig3gj.js";
 import { ComponentProps } from "react";
 //#region src/components/description-list/description-list.d.ts
 type DescriptionListProps = ComponentProps<"dl"> & WithAsChild;
+/**
+ * A semantically correct description list built on the HTML `<dl>` element.
+ * Renders a list of label/value pairs with alternating row backgrounds,
+ * commonly used in detail views to display metadata about a resource.
+ *
+ * @see https://mantle.ngrok.com/components/data-display/description-list#descriptionlistroot
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl
+ *
+ * @example
+ * ```tsx
+ * <DescriptionList.Root>
+ *   <DescriptionList.Item>
+ *     <DescriptionList.Label>Name</DescriptionList.Label>
+ *     <DescriptionList.Value>my-api-key</DescriptionList.Value>
+ *   </DescriptionList.Item>
+ * </DescriptionList.Root>
+ * ```
+ */
+declare const Root: ({ asChild, className, children, ref, ...rest }: DescriptionListProps) => import("react").JSX.Element;
 type DescriptionListItemProps = ComponentProps<"div"> & WithAsChild;
+/**
+ * A wrapper that groups a `DescriptionList.Label` and `DescriptionList.Value`
+ * pair. Renders as a `<div>` inside the `<dl>` with a subgrid layout that
+ * inherits column tracks from the root.
+ *
+ * @see https://mantle.ngrok.com/components/data-display/description-list#descriptionlistitem
+ *
+ * @example
+ * ```tsx
+ * <DescriptionList.Item>
+ *   <DescriptionList.Label>ID</DescriptionList.Label>
+ *   <DescriptionList.Value>aigk_2fKm9x8Hn3...</DescriptionList.Value>
+ * </DescriptionList.Item>
+ * ```
+ */
+declare const Item: ({ asChild, className, children, ref, ...rest }: DescriptionListItemProps) => import("react").JSX.Element;
 type DescriptionListLabelProps = ComponentProps<"dt"> & WithAsChild;
+/**
+ * The label for a description list item. Renders as a `<dt>` element.
+ *
+ * @see https://mantle.ngrok.com/components/data-display/description-list#descriptionlistlabel
+ *
+ * @example
+ * ```tsx
+ * <DescriptionList.Label>Name</DescriptionList.Label>
+ * ```
+ */
+declare const Label: ({ asChild, className, children, ref, ...rest }: DescriptionListLabelProps) => import("react").JSX.Element;
 type DescriptionListValueProps = ComponentProps<"dd"> & WithAsChild;
+/**
+ * The value for a description list item. Renders as a `<dd>` element.
+ * Compose any content inside — the component is intentionally "dumb" and
+ * imposes no layout on its children.
+ *
+ * @see https://mantle.ngrok.com/components/data-display/description-list#descriptionlistvalue
+ *
+ * @example
+ * ```tsx
+ * <DescriptionList.Value>
+ *   aigk_2fKm9x8Hn3QpYT7zKlR0vW5
+ * </DescriptionList.Value>
+ * ```
+ */
+declare const Value: ({ asChild, className, children, ref, ...rest }: DescriptionListValueProps) => import("react").JSX.Element;
 /**
  * A semantically correct description list built on the HTML `<dl>` element.
  * Renders a list of label/value pairs with alternating row backgrounds,
@@ -59,7 +120,7 @@ declare const DescriptionList: {
    * </DescriptionList.Root>
    * ```
    */
-  readonly Root: import("react").ForwardRefExoticComponent<Omit<DescriptionListProps, "ref"> & import("react").RefAttributes<HTMLDListElement>>;
+  readonly Root: typeof Root;
   /**
    * A wrapper that groups a label/value pair. Renders a `<div>` with a default
    * subgrid layout.
@@ -74,7 +135,7 @@ declare const DescriptionList: {
    * </DescriptionList.Item>
    * ```
    */
-  readonly Item: import("react").ForwardRefExoticComponent<Omit<DescriptionListItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Item: typeof Item;
   /**
    * The label for a description list item. Renders a `<dt>` element.
    *
@@ -85,7 +146,7 @@ declare const DescriptionList: {
    * <DescriptionList.Label>Name</DescriptionList.Label>
    * ```
    */
-  readonly Label: import("react").ForwardRefExoticComponent<Omit<DescriptionListLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  readonly Label: typeof Label;
   /**
    * The value for a description list item. Renders a `<dd>` element.
    *
@@ -98,7 +159,7 @@ declare const DescriptionList: {
    * </DescriptionList.Value>
    * ```
    */
-  readonly Value: import("react").ForwardRefExoticComponent<Omit<DescriptionListValueProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  readonly Value: typeof Value;
 };
 //#endregion
 export { DescriptionList, type DescriptionListProps };

package/dist/description-list.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DmPrjM7N.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=n(({asChild:n=!1,className:i,children:a,...o},s)=>r(n?t:`dl`,{ref:s,"data-slot":`description-list`,className:e(`relative scrollbar overflow-x-auto overscroll-x-none rounded-lg border border-card grid grid-cols-[auto_1fr] gap-x-4 [&>*:nth-child(odd)]:bg-neutral-500/5 p-1`,i),...o,children:a}));i.displayName=`DescriptionList`;const a=n(({asChild:n=!1,className:i,children:a,...o},s)=>r(n?t:`div`,{ref:s,"data-slot":`description-list-item`,className:e(`rounded-sm col-span-full grid grid-cols-subgrid items-center`,i),...o,children:a}));a.displayName=`DescriptionListItem`;const o=n(({asChild:n=!1,className:i,children:a,...o},s)=>r(n?t:`dt`,{ref:s,"data-slot":`description-list-label`,className:e(`text-muted text-sm font-sans font-medium min-w-36 p-2`,i),...o,children:a}));o.displayName=`DescriptionListLabel`;const s=n(({asChild:n=!1,className:i,children:a,...o},s)=>r(n?t:`dd`,{ref:s,"data-slot":`description-list-value`,className:e(`text-body font-mono text-mono py-2 px-3`,i),...o,children:a}));s.displayName=`DescriptionListValue`;const c={Root:i,Item:a,Label:o,Value:s};export{c as DescriptionList};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-CDk0Bb9z.js";import{jsx as n}from"react/jsx-runtime";const r={Root:({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`dl`,{ref:o,"data-slot":`description-list`,className:e(`relative scrollbar overflow-x-auto overscroll-x-none rounded-lg border border-card grid grid-cols-[auto_1fr] gap-x-4 [&>*:nth-child(odd)]:bg-neutral-500/5 p-1`,i),...s,children:a}),Item:({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`div`,{ref:o,"data-slot":`description-list-item`,className:e(`rounded-sm col-span-full grid grid-cols-subgrid items-center`,i),...s,children:a}),Label:({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`dt`,{ref:o,"data-slot":`description-list-label`,className:e(`text-muted text-sm font-sans font-medium min-w-36 p-2`,i),...s,children:a}),Value:({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`dd`,{ref:o,"data-slot":`description-list-value`,className:e(`text-body font-mono text-mono py-2 px-3`,i),...s,children:a})};export{r as DescriptionList};

package/dist/dialog-BM4wPCft.d.ts

@@ -0,0 +1,24 @@
+import { ComponentProps, ComponentPropsWithoutRef, Ref } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/components/dialog/primitive.d.ts
+type DialogPrimitiveContentProps = ComponentProps<typeof DialogPrimitive.Content>;
+declare function Root(props: ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): import("react").JSX.Element;
+declare const Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Overlay: (props: ComponentProps<typeof DialogPrimitive.Overlay>) => import("react").JSX.Element;
+declare const Content: ({ onEscapeKeyDown, onInteractOutside, onPointerDownOutside, ref, ...props }: DialogPrimitiveContentProps) => import("react").JSX.Element;
+declare const Title: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+/**
+ * An accessible description for the dialog primitive.
+ * This is a low-level primitive used by higher-level dialog components.
+ * Renders as a `div` by default, but can be changed to any other element using the `asChild` prop.
+ */
+declare const Description: ({ asChild, children, ref, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & {
+  ref?: Ref<HTMLDivElement>;
+}) => import("react").JSX.Element;
+/**
+ * Type guard to check if the event target is the overlay component
+ */
+declare function isDialogOverlayTarget(target: EventTarget | null): boolean;
+//#endregion
+export { Root as a, isDialogOverlayTarget as c, Overlay as i, Content as n, Title as o, Description as r, Trigger as s, Close as t };

package/dist/dialog-DWZWd5Jt.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./button-BAno7KIU.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-trJDqIXJ.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{XIcon as f}from"@phosphor-icons/react/X";const p=o,m=e=>u(r,{"data-slot":`dialog-trigger`,...e}),h=n,g=e=>u(l,{"data-slot":`dialog-close`,...e}),_=({className:t,ref:n,...r})=>u(i,{ref:n,"data-slot":`dialog-overlay`,className:e(`bg-overlay data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:animate-in data-state-open:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs`,t),...r}),v={Root:p,Body:({className:t,...n})=>u(`div`,{"data-slot":`dialog-body`,className:e(`scrollbar scrollbar-gutter-stable text-body flex-1 overflow-y-auto p-6`,t),...n}),Close:g,CloseIconButton:({size:e=`md`,type:n=`button`,label:r=`Close Dialog`,appearance:i=`ghost`,intent:a=`neutral`,...o})=>u(l,{asChild:!0,children:u(t,{appearance:i,"data-slot":`dialog-close-icon-button`,icon:u(f,{}),intent:a,label:r,size:e,type:n,...o})}),Content:({children:t,className:n,preferredWidth:r=`max-w-lg`,ref:i,...o})=>d(h,{children:[u(_,{}),u(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:u(a,{"data-mantle-modal-content":!0,"data-slot":`dialog-content`,className:e(`flex max-h-full w-full flex-1 flex-col`,`outline-hidden focus-within:outline-hidden`,`border-dialog bg-dialog rounded-xl border shadow-lg transition-transform duration-200`,`data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95`,r,n),ref:i,...o,children:t})})]}),Description:({className:t,ref:n,...r})=>u(s,{ref:n,"data-slot":`dialog-description`,className:e(`text-muted`,t),...r}),Footer:({className:t,...n})=>u(`div`,{"data-slot":`dialog-footer`,className:e(`border-dialog-muted flex shrink-0 justify-end gap-2 border-t px-6 py-4`,t),...n}),Header:({className:t,children:n,...r})=>u(`div`,{"data-slot":`dialog-header`,className:e(`border-dialog-muted text-strong relative flex shrink-0 items-center justify-between gap-2 border-b px-6 py-4`,`has-[.icon-button]:pr-4`,t),...r,children:n}),Overlay:_,Portal:h,Title:({className:t,ref:n,...r})=>u(c,{ref:n,"data-slot":`dialog-title`,className:e(`text-strong truncate text-lg font-medium`,t),...r}),Trigger:m};export{v as t};

package/dist/dialog.d.ts

@@ -1,8 +1,157 @@
-import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
-import { n as isDialogOverlayTarget, t as Root } from "./primitive-C64-m48O.js";
-import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-BvQvT790.js";
+import { t as ButtonIntent } from "./button-DdSKSj1c.js";
+import { a as Root, c as isDialogOverlayTarget, i as Overlay$1, n as Content$1, o as Title$1, r as Description$1, s as Trigger$1, t as Close$1 } from "./dialog-BM4wPCft.js";
+import { n as IconButtonProps, r as IconButtonAppearance } from "./button-C7vAl6lS.js";
 import { ComponentProps } from "react";
 //#region src/components/dialog/dialog.d.ts
+/**
+ * A button that opens the dialog.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#dialogtrigger
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root>
+ *   <Dialog.Trigger asChild>
+ *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
+ *   </Dialog.Trigger>
+ *   <Dialog.Content>
+ *     <Dialog.Header>
+ *       <Dialog.Title>Dialog Title</Dialog.Title>
+ *       <Dialog.Description>This is an optional description.</Dialog.Description>
+ *       <Dialog.CloseIconButton />
+ *     </Dialog.Header>
+ *     <Dialog.Body>
+ *       <p>This is the dialog content.</p>
+ *     </Dialog.Body>
+ *     <Dialog.Footer>
+ *       <Dialog.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
+ *       </Dialog.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
+ *     </Dialog.Footer>
+ *   </Dialog.Content>
+ * </Dialog.Root>
+ * ```
+ */
+declare const Trigger: (props: ComponentProps<typeof Trigger$1>) => import("react").JSX.Element;
+/**
+ * A button that closes the dialog when clicked. Wrap an interactive element
+ * with `asChild` to delegate the close behavior to your own button.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#dialogclose
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root>
+ *   <Dialog.Trigger asChild>
+ *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
+ *   </Dialog.Trigger>
+ *   <Dialog.Content>
+ *     <Dialog.Header>
+ *       <Dialog.Title>Dialog Title</Dialog.Title>
+ *       <Dialog.Description>This is an optional description.</Dialog.Description>
+ *       <Dialog.CloseIconButton />
+ *     </Dialog.Header>
+ *     <Dialog.Body>
+ *       <p>This is the dialog content.</p>
+ *     </Dialog.Body>
+ *     <Dialog.Footer>
+ *       <Dialog.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
+ *       </Dialog.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
+ *     </Dialog.Footer>
+ *   </Dialog.Content>
+ * </Dialog.Root>
+ * ```
+ */
+declare const Close: (props: ComponentProps<typeof Close$1>) => import("react").JSX.Element;
+/**
+ * The backdrop overlay for the dialog. Sits between the page and the dialog
+ * content and applies a blur and dim effect.
+ *
+ * Most consumers should not need to use this directly — `Dialog.Content`
+ * renders an overlay automatically. Use this only when composing a custom
+ * `Dialog.Portal` tree.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#api-reference
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root>
+ *   <Dialog.Trigger asChild>
+ *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
+ *   </Dialog.Trigger>
+ *   <Dialog.Portal>
+ *     <Dialog.Overlay />
+ *     <Dialog.Content>
+ *       <Dialog.Header>
+ *         <Dialog.Title>Dialog Title</Dialog.Title>
+ *         <Dialog.Description>This is an optional description.</Dialog.Description>
+ *         <Dialog.CloseIconButton />
+ *       </Dialog.Header>
+ *       <Dialog.Body>
+ *         <p>This is the dialog content.</p>
+ *       </Dialog.Body>
+ *       <Dialog.Footer>
+ *         <Dialog.Close asChild>
+ *           <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
+ *         </Dialog.Close>
+ *         <Button type="button" appearance="filled" intent="neutral">Save</Button>
+ *       </Dialog.Footer>
+ *     </Dialog.Content>
+ *   </Dialog.Portal>
+ * </Dialog.Root>
+ * ```
+ */
+declare const Overlay: ({ className, ref, ...props }: ComponentProps<typeof Overlay$1>) => import("react").JSX.Element;
+type ContentProps = ComponentProps<typeof Content$1> & {
+  /**
+   * The preferred width of the `Dialog.Content` as a tailwind `max-w-` class.
+   *
+   * By default, a `Dialog`'s content width is responsive with a default
+   * preferred width: the maximum width of the `Dialog.Content`
+   *
+   * @default `max-w-lg`
+   */
+  preferredWidth?: `max-w-${string}`;
+};
+/**
+ * The container for the dialog content.
+ * Renders on top of the overlay and is centered in the viewport.
+ *
+ * `Dialog.Content` renders its floating layer at Tailwind `z-50`, Mantle's
+ * shared floating z-index. When multiple shared layers are open, the most
+ * recently mounted layer renders on top.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#dialogcontent
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root>
+ *   <Dialog.Trigger asChild>
+ *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
+ *   </Dialog.Trigger>
+ *   <Dialog.Content>
+ *     <Dialog.Header>
+ *       <Dialog.Title>Dialog Title</Dialog.Title>
+ *       <Dialog.Description>This is an optional description.</Dialog.Description>
+ *       <Dialog.CloseIconButton />
+ *     </Dialog.Header>
+ *     <Dialog.Body>
+ *       <p>This is the dialog content.</p>
+ *     </Dialog.Body>
+ *     <Dialog.Footer>
+ *       <Dialog.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
+ *       </Dialog.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
+ *     </Dialog.Footer>
+ *   </Dialog.Content>
+ * </Dialog.Root>
+ * ```
+ */
+declare const Content: ({ children, className, preferredWidth, ref, ...props }: ContentProps) => import("react").JSX.Element;
 /**
  * Contains the header content of the dialog, including the title and close button.
  *
@@ -33,10 +182,7 @@ import { ComponentProps } from "react";
  * </Dialog.Root>
  * ```
  */
-declare const Header: {
-  ({ className, children, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Header: ({ className, children, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 type CloseIconButtonProps = Partial<Omit<IconButtonProps, "appearance" | "icon" | "intent">> & {
   /**
    * The visual style of the close icon button. Optional here —
@@ -85,10 +231,7 @@ type CloseIconButtonProps = Partial<Omit<IconButtonProps, "appearance" | "icon"
  * </Dialog.Root>
  * ```
  */
-declare const CloseIconButton: {
-  ({ size, type, label, appearance, intent, ...props }: CloseIconButtonProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const CloseIconButton: ({ size, type, label, appearance, intent, ...props }: CloseIconButtonProps) => import("react").JSX.Element;
 /**
  * Contains the main content of the dialog.
  *
@@ -119,10 +262,7 @@ declare const CloseIconButton: {
  * </Dialog.Root>
  * ```
  */
-declare const Body: {
-  ({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Body: ({ className, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 /**
  * Contains the footer content of the dialog, including action buttons.
  *
@@ -153,10 +293,71 @@ declare const Body: {
  * </Dialog.Root>
  * ```
  */
-declare const Footer: {
-  ({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Footer: ({ className, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
+/**
+ * An accessible name to be announced when the dialog is opened.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#dialogtitle
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root>
+ *   <Dialog.Trigger asChild>
+ *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
+ *   </Dialog.Trigger>
+ *   <Dialog.Content>
+ *     <Dialog.Header>
+ *       <Dialog.Title>Dialog Title</Dialog.Title>
+ *       <Dialog.Description>This is an optional description.</Dialog.Description>
+ *       <Dialog.CloseIconButton />
+ *     </Dialog.Header>
+ *     <Dialog.Body>
+ *       <p>This is the dialog content.</p>
+ *     </Dialog.Body>
+ *     <Dialog.Footer>
+ *       <Dialog.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
+ *       </Dialog.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
+ *     </Dialog.Footer>
+ *   </Dialog.Content>
+ * </Dialog.Root>
+ * ```
+ */
+declare const Title: ({ className, ref, ...props }: ComponentProps<typeof Title$1>) => import("react").JSX.Element;
+/**
+ * An accessible description to be announced when the dialog is opened.
+ * Renders as a `div` by default, but can be changed to any other element using
+ * the `asChild` prop.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#dialogdescription
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root>
+ *   <Dialog.Trigger asChild>
+ *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
+ *   </Dialog.Trigger>
+ *   <Dialog.Content>
+ *     <Dialog.Header>
+ *       <Dialog.Title>Dialog Title</Dialog.Title>
+ *       <Dialog.Description>This is an optional description.</Dialog.Description>
+ *       <Dialog.CloseIconButton />
+ *     </Dialog.Header>
+ *     <Dialog.Body>
+ *       <p>This is the dialog content.</p>
+ *     </Dialog.Body>
+ *     <Dialog.Footer>
+ *       <Dialog.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
+ *       </Dialog.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
+ *     </Dialog.Footer>
+ *   </Dialog.Content>
+ * </Dialog.Root>
+ * ```
+ */
+declare const Description: ({ className, ref, ...props }: ComponentProps<typeof Description$1>) => import("react").JSX.Element;
 /**
  * A window overlaid on either the primary window or another dialog window. Use
  * Dialog for a focused modal that interrupts the user to gather input or
@@ -309,7 +510,7 @@ declare const Dialog: {
    * </Dialog.Root>
    * ```
    */
-  readonly Close: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly Close: typeof Close;
   /**
    * An icon button that closes the dialog when clicked.
    *
@@ -376,17 +577,7 @@ declare const Dialog: {
    * </Dialog.Root>
    * ```
    */
-  readonly Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    /**
-     * The preferred width of the `Dialog.Content` as a tailwind `max-w-` class.
-     *
-     * By default, a `Dialog`'s content width is responsive with a default
-     * preferred width: the maximum width of the `Dialog.Content`
-     *
-     * @default `max-w-lg`
-     */
-    preferredWidth?: `max-w-${string}`;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Content: typeof Content;
   /**
    * An accessible description to be announced when the dialog is opened.
    *
@@ -417,7 +608,7 @@ declare const Dialog: {
    * </Dialog.Root>
    * ```
    */
-  readonly Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Description: typeof Description;
   /**
    * Contains the footer content of the dialog, including action buttons.
    *
@@ -513,7 +704,7 @@ declare const Dialog: {
    * </Dialog.Root>
    * ```
    */
-  readonly Overlay: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Overlay: typeof Overlay;
   /**
    * The portal container for the dialog.
    *
@@ -578,7 +769,7 @@ declare const Dialog: {
    * </Dialog.Root>
    * ```
    */
-  readonly Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  readonly Title: typeof Title;
   /**
    * A button that opens the dialog.
    *
@@ -609,7 +800,7 @@ declare const Dialog: {
    * </Dialog.Root>
    * ```
    */
-  readonly Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly Trigger: typeof Trigger;
 };
 //#endregion
 export { Dialog, isDialogOverlayTarget };

package/dist/dialog.js

@@ -1 +1 @@
-import{l as e}from"./primitive-IKruV2iB.js";import{t}from"./dialog-vxLIvB8M.js";export{t as Dialog,e as isDialogOverlayTarget};
+import{l as e}from"./primitive-trJDqIXJ.js";import{t}from"./dialog-DWZWd5Jt.js";export{t as Dialog,e as isDialogOverlayTarget};