@ngrok/mantle 0.77.0 → 0.78.0

package/dist/dialog.d.ts

@@ -1,9 +1,144 @@
-import { n as isDialogOverlayTarget, t as Root } from "./primitive-FoWela9a.js";
-import { n as IconButtonProps } from "./icon-button-D7hs6bX2.js";
+import { n as isDialogOverlayTarget, t as Root } from "./primitive-C64-m48O.js";
+import { n as IconButtonProps } from "./icon-button-DuRSCsPh.js";
 import { ComponentProps } from "react";
-
 //#region src/components/dialog/dialog.d.ts
+/**
+ * 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="outlined">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">Cancel</Button>
+ *       </Dialog.Close>
+ *       <Button type="button" appearance="filled">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, "icon">>;
+/**
+ * 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="outlined">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">Cancel</Button>
+ *       </Dialog.Close>
+ *       <Button type="button" appearance="filled">Save</Button>
+ *     </Dialog.Footer>
+ *   </Dialog.Content>
+ * </Dialog.Root>
+ * ```
+ */
+declare const CloseIconButton: {
+  ({ size, type, label, appearance, ...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="outlined">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">Cancel</Button>
+ *       </Dialog.Close>
+ *       <Button type="button" appearance="filled">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="outlined">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">Cancel</Button>
+ *       </Dialog.Close>
+ *       <Button type="button" appearance="filled">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 +151,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:
@@ -67,7 +202,7 @@ 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
@@ -98,7 +233,7 @@ 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
@@ -125,17 +260,11 @@ declare const Dialog: {
    * </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
@@ -166,7 +295,7 @@ 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
@@ -193,16 +322,7 @@ declare const Dialog: {
    * </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,7 +331,7 @@ 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
@@ -252,7 +372,7 @@ 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
@@ -283,7 +403,7 @@ 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
@@ -310,17 +430,11 @@ declare const Dialog: {
    * </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
@@ -347,18 +461,11 @@ declare const Dialog: {
    * </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
@@ -392,7 +499,7 @@ 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
@@ -426,7 +533,7 @@ 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
@@ -457,7 +564,7 @@ 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

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-wm7Wk-gy.js";import{t}from"./dialog-DVDFVT_-.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 };

package/dist/{dropdown-menu-OEuW4GLp.js → dropdown-menu-ByUQkAvJ.js}

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./icon-SUx16Sl3.js";import{n}from"./separator-CqohKk4z.js";import{forwardRef as r}from"react";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=r((e,t)=>i(c.Trigger,{ref:t,"data-slot":`dropdown-menu-trigger`,...e}));u.displayName=`DropdownMenuTrigger`;const d=r(({className:t,...n},r)=>i(c.Group,{ref:r,"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=r(({className:t,...n},r)=>i(c.RadioGroup,{ref:r,"data-slot":`dropdown-menu-radio-group`,className:e(`space-y-px`,t),...n}));m.displayName=`DropdownMenuRadioGroup`;const h=r(({className:n,inset:r,children:s,...l},u)=>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),ref:u,...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=r(({className:t,loop:n=!0,...r},a)=>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,ref:a,...r})}));g.displayName=`DropdownMenuSubContent`;const _=r(({className:t,onClick:n,loop:r=!0,width:a,...o},s)=>i(f,{children:i(c.Content,{ref:s,"data-slot":`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`,a===`trigger`&&`w-(--radix-dropdown-menu-trigger-width)`,t),loop:r,onClick:e=>{e.stopPropagation(),n?.(e)},...o})}));_.displayName=`DropdownMenuContent`;const v=r(({className:t,inset:n,...r},a)=>i(c.Item,{ref:a,"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=r(({className:n,children:r,checked:o,...l},u)=>a(c.CheckboxItem,{ref:u,"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=r(({className:n,children:r,...o},l)=>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),ref:l,...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=r(({className:t,inset:n,...r},a)=>i(c.Label,{ref:a,"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=r(({className:t,...r},a)=>i(n,{ref:a,"data-slot":`dropdown-menu-separator`,className:e(`-mx-1.25 my-1 w-auto`,t),...r}));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};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CDtYjF_H.js";import{n}from"./separator-kBnnv3Cw.js";import{forwardRef as r}from"react";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=r((e,t)=>i(c.Trigger,{ref:t,"data-slot":`dropdown-menu-trigger`,...e}));u.displayName=`DropdownMenuTrigger`;const d=r(({className:t,...n},r)=>i(c.Group,{ref:r,"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=r(({className:t,...n},r)=>i(c.RadioGroup,{ref:r,"data-slot":`dropdown-menu-radio-group`,className:e(`space-y-px`,t),...n}));m.displayName=`DropdownMenuRadioGroup`;const h=r(({className:n,inset:r,children:s,...l},u)=>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),ref:u,...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=r(({className:t,loop:n=!0,...r},a)=>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,ref:a,...r})}));g.displayName=`DropdownMenuSubContent`;const _=r(({className:t,onClick:n,loop:r=!0,width:a,...o},s)=>i(f,{children:i(c.Content,{ref:s,"data-slot":`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`,a===`trigger`&&`w-(--radix-dropdown-menu-trigger-width)`,t),loop:r,onClick:e=>{e.stopPropagation(),n?.(e)},...o})}));_.displayName=`DropdownMenuContent`;const v=r(({className:t,inset:n,...r},a)=>i(c.Item,{ref:a,"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=r(({className:n,children:r,checked:o,...l},u)=>a(c.CheckboxItem,{ref:u,"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=r(({className:n,children:r,...o},l)=>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),ref:l,...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=r(({className:t,inset:n,...r},a)=>i(c.Label,{ref:a,"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=r(({className:t,...r},a)=>i(n,{ref:a,"data-slot":`dropdown-menu-separator`,className:e(`-mx-1.25 my-1 w-auto`,t),...r}));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};

package/dist/{dropdown-menu-CADgs9gz.d.ts → dropdown-menu-DT30TQzL.d.ts}

@@ -1,8 +1,11 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
 import { ComponentProps } from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-
 //#region src/components/dropdown-menu/dropdown-menu.d.ts
+declare const Shortcut: {
+  ({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+  displayName: string;
+};
 /**
  * A menu of options or actions, triggered by a button.
  *
@@ -10,7 +13,7 @@ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
  * `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/dropdown-menu
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu
  *
  * @example
  * Composition:
@@ -54,7 +57,7 @@ declare const DropdownMenu: {
    * `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/dropdown-menu#dropdownmenuroot
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuroot
    *
    * @example
    * ```tsx
@@ -72,7 +75,7 @@ declare const DropdownMenu: {
   /**
    * A checkbox item in the dropdown menu that can be toggled on and off.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenucheckboxitem
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenucheckboxitem
    *
    * @example
    * ```tsx
@@ -94,7 +97,7 @@ declare const DropdownMenu: {
    * floating z-index. When multiple shared layers are open, the most recently
    * mounted layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenucontent
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenucontent
    *
    * @example
    * ```tsx
@@ -116,7 +119,7 @@ declare const DropdownMenu: {
   /**
    * A group container for organizing related dropdown menu items.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenugroup
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenugroup
    *
    * @example
    * ```tsx
@@ -136,7 +139,7 @@ declare const DropdownMenu: {
   /**
    * A standard item in the dropdown menu that can be selected or activated.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuitem
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuitem
    *
    * @example
    * ```tsx
@@ -159,7 +162,7 @@ declare const DropdownMenu: {
   /**
    * A label for grouping and describing sections within the dropdown menu.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenulabel
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenulabel
    *
    * @example
    * ```tsx
@@ -179,7 +182,7 @@ declare const DropdownMenu: {
   /**
    * A radio group container for exclusive selection within the dropdown menu.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuradiogroup
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuradiogroup
    *
    * @example
    * ```tsx
@@ -198,7 +201,7 @@ declare const DropdownMenu: {
   /**
    * A radio item in the dropdown menu where only one item in the group can be selected.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuradioitem
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuradioitem
    *
    * @example
    * ```tsx
@@ -221,7 +224,7 @@ declare const DropdownMenu: {
   /**
    * A visual separator for dividing sections within the dropdown menu.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenuseparator
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuseparator
    *
    * @example
    * ```tsx
@@ -243,7 +246,7 @@ declare const DropdownMenu: {
   /**
    * A keyboard shortcut indicator for dropdown menu items.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenushortcut
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenushortcut
    *
    * @example
    * ```tsx
@@ -258,17 +261,11 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly Shortcut: {
-    ({
-      className,
-      ...props
-    }: ComponentProps<"span">): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Shortcut: typeof Shortcut;
   /**
    * A submenu container for creating nested dropdown menus.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenusub
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusub
    *
    * @example
    * ```tsx
@@ -294,7 +291,7 @@ declare const DropdownMenu: {
    * floating z-index. When multiple shared layers are open, the most recently
    * mounted layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenusubcontent
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusubcontent
    *
    * @example
    * ```tsx
@@ -316,7 +313,7 @@ declare const DropdownMenu: {
   /**
    * The trigger item that opens a submenu when hovered or focused.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenusubtrigger
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusubtrigger
    *
    * @example
    * ```tsx
@@ -340,7 +337,7 @@ declare const DropdownMenu: {
   /**
    * The trigger button that opens the dropdown menu.
    *
-   * @see https://mantle.ngrok.com/components/dropdown-menu#dropdownmenutrigger
+   * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenutrigger
    *
    * @example
    * ```tsx

package/dist/dropdown-menu.d.ts

@@ -1,2 +1,3 @@
-import { t as DropdownMenu } from "./dropdown-menu-CADgs9gz.js";
+import { t as DropdownMenu } from "./dropdown-menu-DT30TQzL.js";
+import "./index-BnI3OppC.js";
 export { DropdownMenu };

package/dist/dropdown-menu.js

@@ -1 +1 @@
-import{t as e}from"./dropdown-menu-OEuW4GLp.js";export{e as DropdownMenu};
+import{t as e}from"./dropdown-menu-ByUQkAvJ.js";export{e as DropdownMenu};