@ngrok/mantle 0.76.10 → 0.76.11

package/dist/agent.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ngrok/mantle",
-	"version": "0.76.10",
+	"version": "0.76.11",
 	"origin": "https://mantle.ngrok.com",
 	"endpoints": {
 		"docs": "https://mantle.ngrok.com/",

package/dist/alert-dialog.d.ts

@@ -19,6 +19,10 @@ type AlertDialogProps = ComponentProps<typeof Root$1> & {
  * response.
  * The root stateful component for the Alert Dialog.
  *
+ * `AlertDialog` 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/alert-dialog#alertdialogroot
  *
  * @example
@@ -70,6 +74,10 @@ type AlertDialogIconProps = Omit<SvgAttributes, "children"> & {
  * `Dialog` instead. For side-panel content (filter panels, detail views,
  * navigation drawers), use `Sheet`.
  *
+ * `AlertDialog` 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/alert-dialog
  *
  * @example
@@ -126,6 +134,10 @@ declare const AlertDialog: {
    * propagates color to descendants like `AlertDialog.Icon` and
    * `AlertDialog.Action`.
    *
+   * `AlertDialog` 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/alert-dialog#alertdialogroot
    *
    * @example
@@ -317,6 +329,10 @@ declare const AlertDialog: {
    * The popover alert dialog container. Renders on top of the overlay,
    * centered in the viewport.
    *
+   * `AlertDialog.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/alert-dialog#alertdialogcontent
    *
    * @example

package/dist/checkbox.d.ts

@@ -18,7 +18,7 @@ type CheckedState = boolean | "indeterminate";
  * </form>
  * ```
  */
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultChecked" | "type" | "checked"> & WithValidation & {
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultChecked" | "checked" | "type"> & WithValidation & {
   /**
    * The controlled checked state of the checkbox. Must be used in conjunction with onChange.
    */

package/dist/combobox.d.ts

@@ -20,6 +20,10 @@ type ComboboxItemValueProps = Omit<Primitive.ComboboxItemValueProps<"span">, "re
  * async/server-side data, or any single-select where search is helpful. For very small
  * finite lists with no filtering, prefer Select. For multi-selection, prefer MultiSelect.
  *
+ * `Combobox.Content` renders 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://www.w3.org/WAI/ARIA/apg/patterns/combobox/
  * @see https://ariakit.org/components/combobox
  *
@@ -57,6 +61,10 @@ declare const Combobox: {
    * async/server-side data, or any single-select where search is helpful. For very small
    * finite lists with no filtering, prefer Select. For multi-selection, prefer MultiSelect.
    *
+   * `Combobox.Content` renders 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/combobox#comboboxroot
    *
    * @example
@@ -80,6 +88,10 @@ declare const Combobox: {
   /**
    * Renders a popover that contains combobox content, e.g. Combobox.Items, Combobox.Groups, and Combobox.Separators.
    *
+   * `Combobox.Content` renders 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/combobox#comboboxcontent
    *
    * @example

package/dist/command.d.ts

@@ -243,7 +243,7 @@ declare const Command: {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | "asChild" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+  }, "key" | "asChild" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
   } & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -365,7 +365,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -408,7 +408,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
+  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/dialog.d.ts

@@ -12,6 +12,10 @@ type CloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  * For side-panel content that slides in from an edge (filter panels, detail
  * views, navigation drawers), prefer `Sheet`.
  *
+ * `Dialog` 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/dialog
  *
  * @example
@@ -59,6 +63,10 @@ declare const Dialog: {
    * A window overlaid on either the primary window or another dialog window.
    * The root stateful component for the Dialog.
    *
+   * `Dialog` 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/dialog#dialogroot
    *
    * @example
@@ -199,6 +207,10 @@ declare const Dialog: {
    * 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/dialog#dialogcontent
    *
    * @example

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

@@ -6,6 +6,10 @@ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 /**
  * A menu of options or actions, triggered by a button.
  *
+ * `DropdownMenu.Content` and `DropdownMenu.SubContent` render 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/dropdown-menu
  *
  * @example
@@ -46,6 +50,10 @@ declare const DropdownMenu: {
   /**
    * The root, stateful component that manages the open/closed state of the dropdown menu.
    *
+   * `DropdownMenu.Content` and `DropdownMenu.SubContent` render 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/dropdown-menu#dropdownmenuroot
    *
    * @example
@@ -82,6 +90,10 @@ declare const DropdownMenu: {
   /**
    * The container for the dropdown menu content. Appears in a portal with scrolling and animations.
    *
+   * `DropdownMenu.Content` renders 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/dropdown-menu#dropdownmenucontent
    *
    * @example
@@ -278,6 +290,10 @@ declare const DropdownMenu: {
   /**
    * The content container for submenu items.
    *
+   * `DropdownMenu.SubContent` renders 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/dropdown-menu#dropdownmenusubcontent
    *
    * @example

package/dist/dropdown-menu.d.ts

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

package/dist/hover-card.d.ts

@@ -13,6 +13,10 @@ import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
  * For short, non-interactive labels or hints, use `Tooltip`. For
  * interactive overlays the user opens deliberately, use `Popover`.
  *
+ * `HoverCard.Content` renders 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/hover-card
  *
  * @example
@@ -41,6 +45,10 @@ declare const HoverCard: {
   /**
    * The root, stateful component that manages the open/closed state of the hover card.
    *
+   * `HoverCard.Content` renders 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/hover-card#hovercardroot
    *
    * @example
@@ -66,6 +74,10 @@ declare const HoverCard: {
   /**
    * The content to render inside the hover card. Appears in a portal with rich styling and animations.
    *
+   * `HoverCard.Content` renders 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/hover-card#hovercardcontent
    *
    * @example

package/dist/llms.txt

@@ -1,4 +1,4 @@
-# @ngrok/mantle (0.76.10)
+# @ngrok/mantle (0.76.11)
 
 > Offline discovery hint shipped inside the @ngrok/mantle npm package. Authoritative metadata lives at https://mantle.ngrok.com/for-ai-agents.
 

package/dist/multi-select.d.ts

@@ -82,6 +82,10 @@ type MultiSelectGroupLabelProps = Omit<Primitive.ComboboxGroupLabelProps, "rende
  * items rendered as removable tags/chips. For single selection, use Combobox (with search)
  * or Select (without).
  *
+ * `MultiSelect.Content` renders 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/multi-select
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
  * @see https://ariakit.org/components/combobox
@@ -127,6 +131,10 @@ declare const MultiSelect: {
    * items rendered as removable tags/chips. For single selection, use Combobox (with search)
    * or Select (without).
    *
+   * `MultiSelect.Content` renders 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/multi-select#multiselectroot
    *
    * @example
@@ -260,6 +268,10 @@ declare const MultiSelect: {
   /**
    * Renders a popover that contains multi-select content.
    *
+   * `MultiSelect.Content` renders 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/multi-select#multiselectcontent
    *
    * @example

package/dist/pagination.d.ts

@@ -1,6 +1,6 @@
 import { t as WithAsChild } from "./as-child-uN_018tj.js";
 import { t as ButtonGroup } from "./index-CTU6apE6.js";
-import { t as Select } from "./select-C15-XvRT.js";
+import { t as Select } from "./select-BUGOJMER.js";
 import { ComponentProps } from "react";
 
 //#region src/components/pagination/cursor-pagination.d.ts

package/dist/popover.d.ts

@@ -17,6 +17,10 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
  * the content, block interaction with the rest of the page, and lock body
  * scroll while the popover is open.
  *
+ * `Popover.Content` renders 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/popover
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
  *
@@ -48,6 +52,10 @@ declare const Popover: {
   /**
    * The root, stateful component that manages the open/closed state of the popover.
    *
+   * `Popover.Content` renders 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/popover#popoverroot
    *
    * @example
@@ -114,6 +122,10 @@ declare const Popover: {
   /**
    * The content to render inside the popover. Appears in a portal with rich styling and animations.
    *
+   * `Popover.Content` renders 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/popover#popovercontent
    *
    * @example

package/dist/{select-C15-XvRT.d.ts → select-BUGOJMER.d.ts}

@@ -12,6 +12,10 @@ type WithAriaInvalid = Pick<SelectHTMLAttributes<HTMLSelectElement>, "aria-inval
  * and search/filtering is unnecessary. For larger lists or async/searchable data, use
  * Combobox. For picking multiple options, use MultiSelect.
  *
+ * `Select.Content` renders 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/select
  *
  * @example
@@ -58,6 +62,10 @@ declare const Select: {
    * and search/filtering is unnecessary. For larger lists or async/searchable data, use
    * Combobox. For picking multiple options, use MultiSelect.
    *
+   * `Select.Content` renders 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/select#selectroot
    *
    * @example
@@ -114,6 +122,10 @@ declare const Select: {
    * The component that pops out when the select is open as a portal adjacent to the trigger button.
    * It contains a scrolling viewport of the select items.
    *
+   * `Select.Content` renders 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/select#selectcontent
    *
    * @example

package/dist/select.d.ts

@@ -1,2 +1,2 @@
-import { t as Select } from "./select-C15-XvRT.js";
+import { t as Select } from "./select-BUGOJMER.js";
 export { Select };

package/dist/sheet.d.ts

@@ -14,6 +14,10 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  * interrupts the user, use `Dialog` (or `AlertDialog` for destructive
  * confirmations).
  *
+ * `Sheet` 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/sheet
  *
  * @example
@@ -128,6 +132,10 @@ declare const Sheet: {
    * The root component for a `Sheet`. Should compose the `Sheet.Trigger` and `Sheet.Content`.
    * Acts as a stateful provider for the Sheet's open/closed state.
    *
+   * `Sheet` 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/sheet#sheetroot
    *
    * @example
@@ -334,6 +342,10 @@ declare const Sheet: {
    * Renders on top of the overlay backdrop.
    * Should contain the `Sheet.Header`, `Sheet.Body`, and `Sheet.Footer`.
    *
+   * `Sheet.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/sheet#sheetcontent
    *
    * @example

package/dist/sheet.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-BFUir4UB.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";import{cva as m}from"class-variance-authority";const h=o;h.displayName=`Sheet`;const g=r;g.displayName=`SheetTrigger`;const _=l;_.displayName=`SheetClose`;const v=n;v.displayName=`SheetPortal`;const y=u(({className:t,...n},r)=>d(i,{"data-slot":`sheet-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-40 backdrop-blur-xs`,t),...n,ref:r}));y.displayName=i.displayName;const b=m(`bg-dialog border-dialog inset-y-0 h-full w-full fixed z-40 flex flex-col shadow-lg outline-hidden transition ease-in-out focus-within:outline-hidden data-state-closed:duration-100 data-state-closed:animate-out data-state-open:duration-100 data-state-open:animate-in`,{variants:{side:{left:`data-state-closed:slide-out-to-left data-state-open:slide-in-from-left left-0 border-r`,right:`data-state-closed:slide-out-to-right data-state-open:slide-in-from-right right-0 border-l`}},defaultVariants:{side:`right`}}),x=u(({children:t,className:n,preferredWidth:r=`sm:max-w-[30rem]`,side:i=`right`,...o},s)=>f(v,{children:[d(y,{}),d(a,{"data-slot":`sheet-content`,"data-mantle-modal-content":!0,className:e(b({side:i}),r,n),ref:s,...o,children:t})]}));x.displayName=a.displayName;const S=({size:e=`md`,type:n=`button`,label:r=`Close Sheet`,appearance:i=`ghost`,...a})=>d(l,{asChild:!0,children:d(t,{"data-slot":`sheet-close-icon-button`,appearance:i,icon:d(p,{}),label:r,size:e,type:n,...a})});S.displayName=`SheetCloseIconButton`;const C=({className:t,...n})=>d(`div`,{"data-slot":`sheet-body`,className:e(`scrollbar scrollbar-gutter-stable text-body flex-1 overflow-y-auto p-6`,t),...n});C.displayName=`SheetBody`;const w=({className:t,...n})=>d(`div`,{"data-slot":`sheet-header`,className:e(`border-dialog-muted flex shrink-0 flex-col gap-2 border-b py-4 pl-6 pr-4`,`has-[.icon-button]:pr-4`,t),...n});w.displayName=`SheetHeader`;const T=({className:t,...n})=>d(`div`,{"data-slot":`sheet-footer`,className:e(`border-dialog-muted flex shrink-0 justify-end gap-2 border-t px-6 py-2.5`,t),...n});T.displayName=`SheetFooter`;const E=u(({className:t,...n},r)=>d(c,{"data-slot":`sheet-title`,ref:r,className:e(`text-strong flex-1 truncate text-lg font-medium`,t),...n}));E.displayName=c.displayName;const D=u(({children:t,className:n,...r},i)=>d(`div`,{"data-slot":`sheet-title-group`,className:e(`flex items-center justify-between gap-2`,n),...r,ref:i,children:t}));D.displayName=`SheetTitleGroup`;const O=u(({className:t,...n},r)=>d(s,{"data-slot":`sheet-description`,ref:r,className:e(`text-body text-sm`,t),...n}));O.displayName=s.displayName;const k=u(({children:t,className:n,...r},i)=>d(`div`,{"data-slot":`sheet-actions`,className:e(`flex h-full items-center gap-2`,n),...r,ref:i,children:t}));k.displayName=`SheetActions`;const A={Root:h,Actions:k,Body:C,Close:_,CloseIconButton:S,Content:x,Description:O,Footer:T,Header:w,Title:E,TitleGroup:D,Trigger:g};export{A as Sheet};
+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-BFUir4UB.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";import{cva as m}from"class-variance-authority";const h=o;h.displayName=`Sheet`;const g=r;g.displayName=`SheetTrigger`;const _=l;_.displayName=`SheetClose`;const v=n;v.displayName=`SheetPortal`;const y=u(({className:t,...n},r)=>d(i,{"data-slot":`sheet-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,ref:r}));y.displayName=i.displayName;const b=m(`bg-dialog border-dialog inset-y-0 h-full w-full fixed z-50 flex flex-col shadow-lg outline-hidden transition ease-in-out focus-within:outline-hidden data-state-closed:duration-100 data-state-closed:animate-out data-state-open:duration-100 data-state-open:animate-in`,{variants:{side:{left:`data-state-closed:slide-out-to-left data-state-open:slide-in-from-left left-0 border-r`,right:`data-state-closed:slide-out-to-right data-state-open:slide-in-from-right right-0 border-l`}},defaultVariants:{side:`right`}}),x=u(({children:t,className:n,preferredWidth:r=`sm:max-w-[30rem]`,side:i=`right`,...o},s)=>f(v,{children:[d(y,{}),d(a,{"data-slot":`sheet-content`,"data-mantle-modal-content":!0,className:e(b({side:i}),r,n),ref:s,...o,children:t})]}));x.displayName=a.displayName;const S=({size:e=`md`,type:n=`button`,label:r=`Close Sheet`,appearance:i=`ghost`,...a})=>d(l,{asChild:!0,children:d(t,{"data-slot":`sheet-close-icon-button`,appearance:i,icon:d(p,{}),label:r,size:e,type:n,...a})});S.displayName=`SheetCloseIconButton`;const C=({className:t,...n})=>d(`div`,{"data-slot":`sheet-body`,className:e(`scrollbar scrollbar-gutter-stable text-body flex-1 overflow-y-auto p-6`,t),...n});C.displayName=`SheetBody`;const w=({className:t,...n})=>d(`div`,{"data-slot":`sheet-header`,className:e(`border-dialog-muted flex shrink-0 flex-col gap-2 border-b py-4 pl-6 pr-4`,`has-[.icon-button]:pr-4`,t),...n});w.displayName=`SheetHeader`;const T=({className:t,...n})=>d(`div`,{"data-slot":`sheet-footer`,className:e(`border-dialog-muted flex shrink-0 justify-end gap-2 border-t px-6 py-2.5`,t),...n});T.displayName=`SheetFooter`;const E=u(({className:t,...n},r)=>d(c,{"data-slot":`sheet-title`,ref:r,className:e(`text-strong flex-1 truncate text-lg font-medium`,t),...n}));E.displayName=c.displayName;const D=u(({children:t,className:n,...r},i)=>d(`div`,{"data-slot":`sheet-title-group`,className:e(`flex items-center justify-between gap-2`,n),...r,ref:i,children:t}));D.displayName=`SheetTitleGroup`;const O=u(({className:t,...n},r)=>d(s,{"data-slot":`sheet-description`,ref:r,className:e(`text-body text-sm`,t),...n}));O.displayName=s.displayName;const k=u(({children:t,className:n,...r},i)=>d(`div`,{"data-slot":`sheet-actions`,className:e(`flex h-full items-center gap-2`,n),...r,ref:i,children:t}));k.displayName=`SheetActions`;const A={Root:h,Actions:k,Body:C,Close:_,CloseIconButton:S,Content:x,Description:O,Footer:T,Header:w,Title:E,TitleGroup:D,Trigger:g};export{A as Sheet};

package/dist/split-button.d.ts

@@ -1,6 +1,6 @@
 import { t as Button } from "./button-mfYak6Rx.js";
 import { t as IconButton } from "./icon-button-D7hs6bX2.js";
-import { t as DropdownMenu } from "./dropdown-menu-BqdyTFLu.js";
+import { t as DropdownMenu } from "./dropdown-menu-CADgs9gz.js";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/split-button/split-button.d.ts

package/dist/tooltip.d.ts

@@ -39,6 +39,10 @@ declare const TooltipProvider: {
  * the tooltip. Wrap your app in `TooltipProvider` when you want shared
  * app-wide delay and hover settings.
  *
+ * `Tooltip.Content` renders 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/tooltip#tooltiproot
  *
  * @example
@@ -97,6 +101,10 @@ declare namespace Trigger {
  * Mount a `<TooltipProvider>` once at the app root when you want shared
  * tooltip behavior such as consistent delay and hover settings.
  *
+ * `Tooltip.Content` renders 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/tooltip
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
  *
@@ -129,6 +137,10 @@ declare const Tooltip: {
    * the tooltip. Wrap your app in `TooltipProvider` when you want shared
    * app-wide delay and hover settings.
    *
+   * `Tooltip.Content` renders 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/tooltip#tooltiproot
    *
    * @example
@@ -149,6 +161,10 @@ declare const Tooltip: {
   /**
    * The content to render inside the tooltip.
    *
+   * `Tooltip.Content` renders 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/tooltip#tooltipcontent
    *
    * @example

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngrok/mantle",
-  "version": "0.76.10",
+  "version": "0.76.11",
   "description": "mantle is ngrok's UI library and design system.",
   "homepage": "https://mantle.ngrok.com",
   "license": "MIT",