@ngrok/mantle 0.77.0 → 0.79.0

package/dist/description-list.d.ts

@@ -1,6 +1,6 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import "./index-D47aqlpz.js";
 import { ComponentProps } from "react";
-
 //#region src/components/description-list/description-list.d.ts
 type DescriptionListProps = ComponentProps<"dl"> & WithAsChild;
 type DescriptionListItemProps = ComponentProps<"div"> & WithAsChild;
@@ -15,7 +15,7 @@ type DescriptionListValueProps = ComponentProps<"dd"> & WithAsChild;
  * Compose with `DescriptionList.Item`, `DescriptionList.Label`, and
  * `DescriptionList.Value` as direct children.
  *
- * @see https://mantle.ngrok.com/components/description-list
+ * @see https://mantle.ngrok.com/components/data-display/description-list
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl
  *
  * @example
@@ -47,7 +47,7 @@ declare const DescriptionList: {
   /**
    * The root container for a description list. Renders a `<dl>` element.
    *
-   * @see https://mantle.ngrok.com/components/description-list#descriptionlistroot
+   * @see https://mantle.ngrok.com/components/data-display/description-list#descriptionlistroot
    *
    * @example
    * ```tsx
@@ -64,7 +64,7 @@ declare const DescriptionList: {
    * A wrapper that groups a label/value pair. Renders a `<div>` with a default
    * subgrid layout.
    *
-   * @see https://mantle.ngrok.com/components/description-list#descriptionlistitem
+   * @see https://mantle.ngrok.com/components/data-display/description-list#descriptionlistitem
    *
    * @example
    * ```tsx
@@ -78,7 +78,7 @@ declare const DescriptionList: {
   /**
    * The label for a description list item. Renders a `<dt>` element.
    *
-   * @see https://mantle.ngrok.com/components/description-list#descriptionlistlabel
+   * @see https://mantle.ngrok.com/components/data-display/description-list#descriptionlistlabel
    *
    * @example
    * ```tsx
@@ -89,7 +89,7 @@ declare const DescriptionList: {
   /**
    * The value for a description list item. Renders a `<dd>` element.
    *
-   * @see https://mantle.ngrok.com/components/description-list#descriptionlistvalue
+   * @see https://mantle.ngrok.com/components/data-display/description-list#descriptionlistvalue
    *
    * @example
    * ```tsx

package/dist/description-list.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./slot-DT_E5BQx.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-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};

package/dist/{dialog-uyJcNks7.js → dialog-ZCgG41hx.js}

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./icon-button-DiX9iZ9n.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-BuVqb6zf.js";import{forwardRef as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"@phosphor-icons/react/X";const m=o;m.displayName=`Dialog`;const h=u((e,t)=>d(r,{ref:t,"data-slot":`dialog-trigger`,...e}));h.displayName=`DialogTrigger`;const g=n;g.displayName=`DialogPortal`;const _=u((e,t)=>d(l,{ref:t,"data-slot":`dialog-close`,...e}));_.displayName=`DialogClose`;const v=u(({className:t,...n},r)=>d(i,{ref:r,"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),...n}));v.displayName=`DialogOverlay`;const y=u(({children:t,className:n,preferredWidth:r=`max-w-lg`,...i},o)=>f(g,{children:[d(v,{}),d(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:d(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:o,...i,children:t})})]}));y.displayName=`DialogContent`;const b=({className:t,children:n,...r})=>d(`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});b.displayName=`DialogHeader`;const x=({size:e=`md`,type:n=`button`,label:r=`Close Dialog`,appearance:i=`ghost`,...a})=>d(l,{asChild:!0,children:d(t,{appearance:i,"data-slot":`dialog-close-icon-button`,icon:d(p,{}),label:r,size:e,type:n,...a})});x.displayName=`DialogCloseIconButton`;const S=({className:t,...n})=>d(`div`,{"data-slot":`dialog-body`,className:e(`scrollbar scrollbar-gutter-stable text-body flex-1 overflow-y-auto p-6`,t),...n});S.displayName=`DialogBody`;const C=({className:t,...n})=>d(`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});C.displayName=`DialogFooter`;const w=u(({className:t,...n},r)=>d(c,{ref:r,"data-slot":`dialog-title`,className:e(`text-strong truncate text-lg font-medium`,t),...n}));w.displayName=`DialogTitle`;const T=u(({className:t,...n},r)=>d(s,{ref:r,"data-slot":`dialog-description`,className:e(`text-muted`,t),...n}));T.displayName=`DialogDescription`;const E={Root:m,Body:S,Close:_,CloseIconButton:x,Content:y,Description:T,Footer:C,Header:b,Overlay:v,Portal:g,Title:w,Trigger:h};export{E as t};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-button-DV2-GZHf.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-M-kZdNIS.js";import{forwardRef as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"@phosphor-icons/react/X";const m=o;m.displayName=`Dialog`;const h=u((e,t)=>d(r,{ref:t,"data-slot":`dialog-trigger`,...e}));h.displayName=`DialogTrigger`;const g=n;g.displayName=`DialogPortal`;const _=u((e,t)=>d(l,{ref:t,"data-slot":`dialog-close`,...e}));_.displayName=`DialogClose`;const v=u(({className:t,...n},r)=>d(i,{ref:r,"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),...n}));v.displayName=`DialogOverlay`;const y=u(({children:t,className:n,preferredWidth:r=`max-w-lg`,...i},o)=>f(g,{children:[d(v,{}),d(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:d(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:o,...i,children:t})})]}));y.displayName=`DialogContent`;const b=({className:t,children:n,...r})=>d(`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});b.displayName=`DialogHeader`;const x=({size:e=`md`,type:n=`button`,label:r=`Close Dialog`,appearance:i=`ghost`,intent:a=`neutral`,...o})=>d(l,{asChild:!0,children:d(t,{appearance:i,"data-slot":`dialog-close-icon-button`,icon:d(p,{}),intent:a,label:r,size:e,type:n,...o})});x.displayName=`DialogCloseIconButton`;const S=({className:t,...n})=>d(`div`,{"data-slot":`dialog-body`,className:e(`scrollbar scrollbar-gutter-stable text-body flex-1 overflow-y-auto p-6`,t),...n});S.displayName=`DialogBody`;const C=({className:t,...n})=>d(`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});C.displayName=`DialogFooter`;const w=u(({className:t,...n},r)=>d(c,{ref:r,"data-slot":`dialog-title`,className:e(`text-strong truncate text-lg font-medium`,t),...n}));w.displayName=`DialogTitle`;const T=u(({className:t,...n},r)=>d(s,{ref:r,"data-slot":`dialog-description`,className:e(`text-muted`,t),...n}));T.displayName=`DialogDescription`;const E={Root:m,Body:S,Close:_,CloseIconButton:x,Content:y,Description:T,Footer:C,Header:b,Overlay:v,Portal:g,Title:w,Trigger:h};export{E as t};

package/dist/dialog.d.ts

@@ -1,9 +1,162 @@
-import { n as isDialogOverlayTarget, 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 { n as isDialogOverlayTarget, t as Root } from "./primitive-C64-m48O.js";
+import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-B7uEj1qq.js";
 import { ComponentProps } from "react";
-
 //#region src/components/dialog/dialog.d.ts
-type CloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
+/**
+ * Contains the header content of the dialog, including the title and close button.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#dialogheader
+ *
+ * @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 Header: {
+  ({ className, children, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+  displayName: string;
+};
+type CloseIconButtonProps = Partial<Omit<IconButtonProps, "appearance" | "icon" | "intent">> & {
+  /**
+   * The visual style of the close icon button. Optional here —
+   * `Dialog.CloseIconButton` defaults to `"ghost"` so the close affordance
+   * stays visually quiet in the dialog header.
+   *
+   * @default "ghost"
+   */
+  appearance?: IconButtonAppearance;
+  /**
+   * The tone of the close icon button. Optional here —
+   * `Dialog.CloseIconButton` defaults to `"neutral"`, the workhorse tone for
+   * routine actions like dismissing a dialog.
+   *
+   * @default "neutral"
+   */
+  intent?: ButtonIntent;
+};
+/**
+ * An icon button that closes the dialog when clicked.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#dialogcloseiconbutton
+ *
+ * @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 CloseIconButton: {
+  ({ size, type, label, appearance, intent, ...props }: CloseIconButtonProps): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * Contains the main content of the dialog.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#dialogbody
+ *
+ * @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 Body: {
+  ({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * Contains the footer content of the dialog, including action buttons.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dialog#dialogfooter
+ *
+ * @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 Footer: {
+  ({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+  displayName: string;
+};
 /**
  * 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
@@ -16,7 +169,7 @@ type CloseIconButtonProps = 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/dialog
+ * @see https://mantle.ngrok.com/components/overlays/dialog
  *
  * @example
  * Composition:
@@ -37,7 +190,7 @@ type CloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  * ```tsx
  * <Dialog.Root>
  *   <Dialog.Trigger asChild>
- *     <Button type="button" appearance="outlined">Open Dialog</Button>
+ *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
  *   </Dialog.Trigger>
  *   <Dialog.Content>
  *     <Dialog.Header>
@@ -50,9 +203,9 @@ type CloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  *     </Dialog.Body>
  *     <Dialog.Footer>
  *       <Dialog.Close asChild>
- *         <Button type="button" appearance="outlined">Cancel</Button>
+ *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
  *       </Dialog.Close>
- *       <Button type="button" appearance="filled">Save</Button>
+ *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
  *     </Dialog.Footer>
  *   </Dialog.Content>
  * </Dialog.Root>
@@ -67,13 +220,13 @@ declare const Dialog: {
    * floating z-index. When multiple shared layers are open, the most recently
    * mounted layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogroot
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogroot
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -86,9 +239,9 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>
@@ -98,13 +251,13 @@ declare const Dialog: {
   /**
    * Contains the main content of the dialog.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogbody
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogbody
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -117,31 +270,25 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>
    * ```
    */
-  readonly Body: {
-    ({
-      className,
-      ...props
-    }: ComponentProps<"div">): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Body: typeof Body;
   /**
    * A button that closes the dialog when clicked.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogclose
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogclose
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -154,9 +301,9 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>
@@ -166,13 +313,13 @@ declare const Dialog: {
   /**
    * An icon button that closes the dialog when clicked.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogcloseiconbutton
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogcloseiconbutton
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -185,24 +332,15 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>
    * ```
    */
-  readonly CloseIconButton: {
-    ({
-      size,
-      type,
-      label,
-      appearance,
-      ...props
-    }: CloseIconButtonProps): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly CloseIconButton: typeof CloseIconButton;
   /**
    * The container for the dialog content.
    * Renders on top of the overlay and is centered in the viewport.
@@ -211,13 +349,13 @@ declare const Dialog: {
    * shared floating z-index. When multiple shared layers are open, the most
    * recently mounted layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogcontent
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogcontent
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -230,9 +368,9 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>
@@ -252,13 +390,13 @@ declare const Dialog: {
   /**
    * An accessible description to be announced when the dialog is opened.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogdescription
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogdescription
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -271,9 +409,9 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>
@@ -283,13 +421,13 @@ declare const Dialog: {
   /**
    * Contains the footer content of the dialog, including action buttons.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogfooter
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogfooter
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -302,31 +440,25 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>
    * ```
    */
-  readonly Footer: {
-    ({
-      className,
-      ...props
-    }: ComponentProps<"div">): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Footer: typeof Footer;
   /**
    * Contains the header content of the dialog, including the title and close button.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogheader
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogheader
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -339,32 +471,25 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>
    * ```
    */
-  readonly Header: {
-    ({
-      className,
-      children,
-      ...props
-    }: ComponentProps<"div">): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Header: typeof Header;
   /**
    * The overlay backdrop for the dialog.
    *
-   * @see https://mantle.ngrok.com/components/dialog#api-reference
+   * @see https://mantle.ngrok.com/components/overlays/dialog#api-reference
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Portal>
    *     <Dialog.Overlay />
@@ -379,9 +504,9 @@ declare const Dialog: {
    *       </Dialog.Body>
    *       <Dialog.Footer>
    *         <Dialog.Close asChild>
-   *           <Button type="button" appearance="outlined">Cancel</Button>
+   *           <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *         </Dialog.Close>
-   *         <Button type="button" appearance="filled">Save</Button>
+   *         <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *       </Dialog.Footer>
    *     </Dialog.Content>
    *   </Dialog.Portal>
@@ -392,13 +517,13 @@ declare const Dialog: {
   /**
    * The portal container for the dialog.
    *
-   * @see https://mantle.ngrok.com/components/dialog#api-reference
+   * @see https://mantle.ngrok.com/components/overlays/dialog#api-reference
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Portal>
    *     <Dialog.Overlay />
@@ -413,9 +538,9 @@ declare const Dialog: {
    *       </Dialog.Body>
    *       <Dialog.Footer>
    *         <Dialog.Close asChild>
-   *           <Button type="button" appearance="outlined">Cancel</Button>
+   *           <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *         </Dialog.Close>
-   *         <Button type="button" appearance="filled">Save</Button>
+   *         <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *       </Dialog.Footer>
    *     </Dialog.Content>
    *   </Dialog.Portal>
@@ -426,13 +551,13 @@ declare const Dialog: {
   /**
    * An accessible name to be announced when the dialog is opened.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogtitle
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogtitle
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -445,9 +570,9 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>
@@ -457,13 +582,13 @@ declare const Dialog: {
   /**
    * A button that opens the dialog.
    *
-   * @see https://mantle.ngrok.com/components/dialog#dialogtrigger
+   * @see https://mantle.ngrok.com/components/overlays/dialog#dialogtrigger
    *
    * @example
    * ```tsx
    * <Dialog.Root>
    *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Dialog</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Dialog</Button>
    *   </Dialog.Trigger>
    *   <Dialog.Content>
    *     <Dialog.Header>
@@ -476,9 +601,9 @@ declare const Dialog: {
    *     </Dialog.Body>
    *     <Dialog.Footer>
    *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Cancel</Button>
    *       </Dialog.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Dialog.Footer>
    *   </Dialog.Content>
    * </Dialog.Root>

package/dist/dialog.js

@@ -1 +1 @@
-import{l as e}from"./primitive-BuVqb6zf.js";import{t}from"./dialog-uyJcNks7.js";export{t as Dialog,e as isDialogOverlayTarget};
+import{l as e}from"./primitive-M-kZdNIS.js";import{t}from"./dialog-ZCgG41hx.js";export{t as Dialog,e as isDialogOverlayTarget};

package/dist/{direction-CcTY0FmA.d.ts → direction-BjU0bPST.d.ts}

@@ -139,6 +139,6 @@ declare const timeSortingByDirection: {
 declare function $timeSortingDirection<T extends TimeSortingDirection | SortingDirection>(value: T): {
   readonly asc: "oldest-to-newest";
   readonly desc: "newest-to-oldest";
-}[(T & "desc") | (T & "asc")] | (T & "newest-to-oldest") | (T & "oldest-to-newest");
+}[(T & "asc") | (T & "desc")] | (T & "newest-to-oldest") | (T & "oldest-to-newest");
 //#endregion
 export { timeSortingDirections as _, AlphanumericSortingDirection as a, TimeSortingDirection as c, isSortingDirection as d, isSortingMode as f, timeSortingByDirection as g, sortingModes as h, $timeSortingDirection as i, alphanumericSortingDirections as l, sortingDirections as m, $sortingDirection as n, SortingDirection as o, isTimeSortingDirection as p, $sortingMode as r, SortingMode as s, $alphanumericSortingDirection as t, isAlphanumericSortingDirection as u };