@ngrok/mantle 0.79.3 → 0.80.0

package/dist/description-list.d.ts

@@ -1,11 +1,84 @@
-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;
+  displayName: string;
+};
 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;
+  displayName: string;
+};
 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;
+  displayName: string;
+};
 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;
+  displayName: string;
+};
 /**
  * A semantically correct description list built on the HTML `<dl>` element.
  * Renders a list of label/value pairs with alternating row backgrounds,
@@ -59,7 +132,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 +147,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 +158,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 +171,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=({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});r.displayName=`DescriptionList`;const i=({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});i.displayName=`DescriptionListItem`;const a=({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});a.displayName=`DescriptionListLabel`;const o=({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});o.displayName=`DescriptionListValue`;const s={Root:r,Item:i,Label:a,Value:o};export{s as DescriptionList};

package/dist/dialog-CQ2C6vkE.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-button-DiOhreJD.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-DCPHJsRs.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{XIcon as f}from"@phosphor-icons/react/X";const p=o;p.displayName=`Dialog`;const m=e=>u(r,{"data-slot":`dialog-trigger`,...e});m.displayName=`DialogTrigger`;const h=n;h.displayName=`DialogPortal`;const g=e=>u(l,{"data-slot":`dialog-close`,...e});g.displayName=`DialogClose`;const _=({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});_.displayName=`DialogOverlay`;const v=({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})})]});v.displayName=`DialogContent`;const y=({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});y.displayName=`DialogHeader`;const b=({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})});b.displayName=`DialogCloseIconButton`;const x=({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});x.displayName=`DialogBody`;const S=({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});S.displayName=`DialogFooter`;const C=({className:t,ref:n,...r})=>u(c,{ref:n,"data-slot":`dialog-title`,className:e(`text-strong truncate text-lg font-medium`,t),...r});C.displayName=`DialogTitle`;const w=({className:t,ref:n,...r})=>u(s,{ref:n,"data-slot":`dialog-description`,className:e(`text-muted`,t),...r});w.displayName=`DialogDescription`;const T={Root:p,Body:x,Close:g,CloseIconButton:b,Content:v,Description:w,Footer:S,Header:y,Overlay:_,Portal:h,Title:C,Trigger:m};export{T as t};

package/dist/dialog.d.ts

@@ -1,8 +1,169 @@
 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 { 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 "./primitive-CJRIlrLz.js";
+import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-C1AfGnQx.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;
+  displayName: string;
+};
+/**
+ * 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;
+  displayName: string;
+};
+/**
+ * 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;
+  displayName: string;
+};
+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;
+  displayName: string;
+};
 /**
  * Contains the header content of the dialog, including the title and close button.
  *
@@ -157,6 +318,76 @@ declare const Footer: {
   ({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
   displayName: string;
 };
+/**
+ * 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;
+  displayName: string;
+};
+/**
+ * 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;
+  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
@@ -309,7 +540,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 +607,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 +638,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 +734,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 +799,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 +830,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-DCPHJsRs.js";import{t}from"./dialog-CQ2C6vkE.js";export{t as Dialog,e as isDialogOverlayTarget};

package/dist/dropdown-menu-CSCDdA3K.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CGgMKpJg.js";import{n}from"./slot-CDk0Bb9z.js";import{n as r}from"./separator-bpE_kooz.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{CaretRightIcon as o}from"@phosphor-icons/react/CaretRight";import{CheckIcon as s}from"@phosphor-icons/react/Check";import*as c from"@radix-ui/react-dropdown-menu";const l=c.Root;l.displayName=`DropdownMenu`;const u=e=>i(c.Trigger,{"data-slot":`dropdown-menu-trigger`,...e});u.displayName=`DropdownMenuTrigger`;const d=({className:t,...n})=>i(c.Group,{"data-slot":`dropdown-menu-group`,className:e(`space-y-px`,t),...n});d.displayName=`DropdownMenuGroup`;const f=c.Portal;f.displayName=`DropdownMenuPortal`;const p=c.Sub;p.displayName=`DropdownMenuSub`;const m=({className:t,...n})=>i(c.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,className:e(`space-y-px`,t),...n});m.displayName=`DropdownMenuRadioGroup`;const h=({className:n,inset:r,children:s,...l})=>a(c.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:e(`focus:bg-accent data-state-open:bg-accent relative flex select-none items-center rounded-md py-1.5 pl-2 pr-9 text-sm outline-hidden`,`data-highlighted:bg-active-menu-item data-state-open:bg-active-menu-item`,`[&>svg]:size-5 [&_svg]:shrink-0`,r&&`pl-8`,n),...l,children:[s,i(`span`,{className:`absolute right-2 flex items-center`,children:i(t,{svg:i(o,{weight:`bold`}),className:`size-4`})})]});h.displayName=`DropdownMenuSubTrigger`;const g=({className:t,loop:n=!0,...r})=>i(f,{children:i(c.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:e(`scrollbar`,`text-popover-foreground border-popover bg-popover p-1.25 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 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border shadow-xl space-y-px font-sans`,`my-2 max-h-[calc(var(--radix-dropdown-menu-content-available-height)-16px)] overflow-auto`,t),loop:n,...r})});g.displayName=`DropdownMenuSubContent`;const _=({className:t,"data-slot":r,onClick:a,loop:o=!0,width:s,...l})=>i(f,{children:i(c.Content,{"data-slot":n(r,`dropdown-menu-content`),className:e(`scrollbar`,`text-popover-foreground border-popover bg-popover p-1.25 z-50 min-w-32 overflow-hidden rounded-md border shadow-xl outline-hidden space-y-px font-sans`,`data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 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`,`my-2 max-h-[calc(var(--radix-dropdown-menu-content-available-height)-16px)] overflow-auto`,s===`trigger`&&`w-(--radix-dropdown-menu-trigger-width)`,t),loop:o,onClick:e=>{e.stopPropagation(),a?.(e)},...l})});_.displayName=`DropdownMenuContent`;const v=({className:t,inset:n,...r})=>i(c.Item,{"data-slot":`dropdown-menu-item`,className:e(`relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-strong text-sm font-normal outline-hidden transition-colors`,`data-highlighted:bg-active-menu-item`,`focus:bg-accent focus:text-accent-foreground`,`data-disabled:cursor-default data-disabled:opacity-50`,`[&>svg]:size-5 [&_svg]:shrink-0`,n&&`pl-8`,t),...r});v.displayName=`DropdownMenuItem`;const y=({className:n,children:r,checked:o,...l})=>a(c.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:e(`text-strong data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-pointer select-none items-center gap-2 rounded-md py-1.5 pl-2 pr-9 text-sm font-normal outline-hidden`,`data-highlighted:bg-active-menu-item`,`aria-checked:bg-selected-menu-item`,`data-highlighted:aria-checked:bg-active-selected-menu-item!`,`[&>svg]:size-5 [&_svg]:shrink-0`,n),checked:o,...l,children:[i(`span`,{className:`absolute right-2 flex items-center`,children:i(c.ItemIndicator,{children:i(t,{svg:i(s,{weight:`bold`}),className:`size-4 text-accent-600`})})}),r]});y.displayName=`DropdownMenuCheckboxItem`;const b=({className:n,children:r,...o})=>a(c.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e(`group/dropdown-menu-radio-item`,`text-strong data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-pointer select-none items-center gap-2 rounded-md py-1.5 px-2 text-sm font-normal outline-none`,`data-highlighted:bg-active-menu-item`,`aria-checked:bg-selected-menu-item aria-checked:pr-9`,`data-highlighted:aria-checked:bg-active-selected-menu-item!`,`[&>svg]:size-5 [&_svg]:shrink-0`,n),...o,children:[i(`span`,{className:`absolute right-2 items-center hidden group-aria-checked/dropdown-menu-radio-item:flex`,children:i(c.ItemIndicator,{children:i(t,{svg:i(s,{weight:`bold`}),className:`size-4 text-accent-600`})})}),r]});b.displayName=`DropdownMenuRadioItem`;const x=({className:t,inset:n,...r})=>i(c.Label,{"data-slot":`dropdown-menu-label`,className:e(`px-2 py-1.5 text-sm font-medium`,n&&`pl-8`,t),...r});x.displayName=`DropdownMenuLabel`;const S=({className:t,...n})=>i(r,{"data-slot":`dropdown-menu-separator`,className:e(`-mx-1.25 my-1 w-auto`,t),...n});S.displayName=`DropdownMenuSeparator`;const C=({className:t,...n})=>i(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e(`ml-auto text-xs tracking-widest opacity-60`,t),...n});C.displayName=`DropdownMenuShortcut`;const w={Root:l,CheckboxItem:y,Content:_,Group:d,Item:v,Label:x,RadioGroup:m,RadioItem:b,Separator:S,Shortcut:C,Sub:p,SubContent:g,SubTrigger:h,Trigger:u};export{w as t};