@ngrok/mantle 0.77.0 → 0.79.0

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-DMNw8ItM.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:
@@ -35,7 +38,7 @@ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
  * ```tsx
  * <DropdownMenu.Root>
  *   <DropdownMenu.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Open Menu
  *     </Button>
  *   </DropdownMenu.Trigger>
@@ -54,13 +57,15 @@ 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
    * <DropdownMenu.Root>
    *   <DropdownMenu.Trigger asChild>
-   *     <Button>Open Menu</Button>
+   *     <Button type="button" appearance="outlined" intent="neutral">
+   *       Open Menu
+   *     </Button>
    *   </DropdownMenu.Trigger>
    *   <DropdownMenu.Content>
    *     <DropdownMenu.Item>Item 1</DropdownMenu.Item>
@@ -72,7 +77,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 +99,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 +121,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 +141,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 +164,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 +184,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 +203,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 +226,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 +248,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 +263,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 +293,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 +315,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,13 +339,13 @@ 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
    * <DropdownMenu.Root>
    *   <DropdownMenu.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Open Menu
    *     </Button>
    *   </DropdownMenu.Trigger>

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-DMNw8ItM.js";
+import "./index-DZRbVkZa.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};

package/dist/empty.d.ts

@@ -1,19 +1,138 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
-import { t as SvgAttributes } from "./types-BvUzforF.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { t as SvgAttributes } from "./types-D1RY5Tcj.js";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
-
 //#region src/components/empty/empty.d.ts
+/**
+ * The root container for an empty state. Centers content horizontally
+ * with consistent vertical padding and max-width.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No results found</Empty.Title>
+ *   <Empty.Description>Try adjusting your search or filters.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button appearance="outlined" intent="neutral">Clear filters</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ * ```
+ */
+declare const Root: {
+  ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
+  displayName: string;
+};
 type EmptyIconProps = Omit<SvgAttributes, "children"> & {
   /**
    * A single SVG icon element.
    */
   svg: ReactNode;
 };
+/**
+ * Renders a large icon for the empty state. Pass a single SVG icon element
+ * via the `svg` prop (e.g. from `@phosphor-icons/react`).
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No endpoints yet</Empty.Title>
+ *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ * ```
+ */
+declare const Icon: {
+  ({ className, svg, ...props }: EmptyIconProps): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * The heading text for the empty state. Renders as an `h3` by default. Use the
+ * `asChild` prop to render as a different heading level (e.g. `h1`, `h2`).
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No endpoints yet</Empty.Title>
+ *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ *
+ * <Empty.Title asChild>
+ *   <h2>No results found</h2>
+ * </Empty.Title>
+ * ```
+ */
+declare const Title: {
+  ({ asChild, children, className, ...props }: HTMLAttributes<HTMLHeadingElement> & WithAsChild): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * Supporting descriptive text below the title. Renders as a `div` with
+ * `space-y-4` so multiple paragraphs can be placed inside. Use the `asChild`
+ * prop to render as a different element.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No endpoints yet</Empty.Title>
+ *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ *
+ * <Empty.Description>
+ *   <p>Something went wrong.</p>
+ *   <p>Please try again in a few minutes.</p>
+ * </Empty.Description>
+ * ```
+ */
+declare const Description: {
+  ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * A container for action buttons or links in the empty state.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No endpoints yet</Empty.Title>
+ *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
+ *     <Button appearance="outlined" intent="neutral">Go back</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ * ```
+ */
+declare const Actions: {
+  ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
+  displayName: string;
+};
 /**
  * Compound component for rendering empty states. Use with `Empty.Root`,
  * `Empty.Icon`, `Empty.Title`, `Empty.Description`, and `Empty.Actions`.
  *
- * @see https://mantle.ngrok.com/components/empty
+ * @see https://mantle.ngrok.com/components/feedback/empty
  *
  * @example
  * Composition:
@@ -34,7 +153,7 @@ type EmptyIconProps = Omit<SvgAttributes, "children"> & {
  *     Create your first endpoint to get started.
  *   </Empty.Description>
  *   <Empty.Actions>
- *     <Button>Create endpoint</Button>
+ *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
  *   </Empty.Actions>
  * </Empty.Root>
  * ```
@@ -44,7 +163,7 @@ declare const Empty: {
    * The root container for an empty state. Centers content vertically and
    * horizontally with consistent padding and max-width.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -53,25 +172,17 @@ declare const Empty: {
    *   <Empty.Title>No endpoints yet</Empty.Title>
    *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
    *   <Empty.Actions>
-   *     <Button>Create endpoint</Button>
+   *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
    *   </Empty.Actions>
    * </Empty.Root>
    * ```
    */
-  readonly Root: {
-    ({
-      asChild,
-      children,
-      className,
-      ...props
-    }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Root: typeof Root;
   /**
    * Renders a large icon for the empty state. Pass a single SVG icon element
    * via the `svg` prop.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -80,24 +191,17 @@ declare const Empty: {
    *   <Empty.Title>No endpoints yet</Empty.Title>
    *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
    *   <Empty.Actions>
-   *     <Button>Create endpoint</Button>
+   *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
    *   </Empty.Actions>
    * </Empty.Root>
    * ```
    */
-  readonly Icon: {
-    ({
-      className,
-      svg,
-      ...props
-    }: EmptyIconProps): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Icon: typeof Icon;
   /**
    * The heading text for the empty state. Renders as an `h3` by default.
    * Use `asChild` to render as a different heading level.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -106,7 +210,7 @@ declare const Empty: {
    *   <Empty.Title>No endpoints yet</Empty.Title>
    *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
    *   <Empty.Actions>
-   *     <Button>Create endpoint</Button>
+   *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
    *   </Empty.Actions>
    * </Empty.Root>
    *
@@ -115,21 +219,13 @@ declare const Empty: {
    * </Empty.Title>
    * ```
    */
-  readonly Title: {
-    ({
-      asChild,
-      children,
-      className,
-      ...props
-    }: HTMLAttributes<HTMLHeadingElement> & WithAsChild): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Title: typeof Title;
   /**
    * Supporting descriptive text below the title. Renders as a `div` with
    * `space-y-4` for multiple paragraphs. Use `asChild` to render as a
    * different element.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -138,24 +234,16 @@ declare const Empty: {
    *   <Empty.Title>No endpoints yet</Empty.Title>
    *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
    *   <Empty.Actions>
-   *     <Button>Create endpoint</Button>
+   *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
    *   </Empty.Actions>
    * </Empty.Root>
    * ```
    */
-  readonly Description: {
-    ({
-      asChild,
-      children,
-      className,
-      ...props
-    }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Description: typeof Description;
   /**
    * A container for action buttons or links in the empty state.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -164,20 +252,12 @@ declare const Empty: {
    *   <Empty.Title>No endpoints yet</Empty.Title>
    *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
    *   <Empty.Actions>
-   *     <Button>Create endpoint</Button>
+   *     <Button appearance="filled" intent="neutral">Create endpoint</Button>
    *   </Empty.Actions>
    * </Empty.Root>
    * ```
    */
-  readonly Actions: {
-    ({
-      asChild,
-      children,
-      className,
-      ...props
-    }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Actions: typeof Actions;
 };
 //#endregion
 export { Empty };

package/dist/empty.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./svg-only-CSOaF1tL.js";import{t as n}from"./slot-DT_E5BQx.js";import{jsx as r}from"react/jsx-runtime";const i=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty`,className:e(`mx-auto flex max-w-lg flex-col items-center p-6 text-center`,a),...o,children:i});i.displayName=`Empty`;const a=({className:n,svg:i,...a})=>r(t,{"data-slot":`empty-icon`,className:e(`mb-1 size-10 text-neutral-400`,n),svg:i,...a});a.displayName=`EmptyIcon`;const o=({asChild:t,children:i,className:a,...o})=>r(t?n:`h3`,{"data-slot":`empty-title`,className:e(`text-strong text-sm font-medium font-sans`,a),...o,children:i});o.displayName=`EmptyTitle`;const s=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-description`,className:e(`text-muted space-y-4 text-sm font-sans`,a),...o,children:i});s.displayName=`EmptyDescription`;const c=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-actions`,className:e(`mt-4 flex items-center gap-2`,a),...o,children:i});c.displayName=`EmptyActions`;const l={Root:i,Icon:a,Title:o,Description:s,Actions:c};export{l as Empty};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./svg-only-DDx6FtJd.js";import{t as n}from"./slot-DmPrjM7N.js";import{jsx as r}from"react/jsx-runtime";const i=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty`,className:e(`mx-auto flex max-w-lg flex-col items-center p-6 text-center`,a),...o,children:i});i.displayName=`Empty`;const a=({className:n,svg:i,...a})=>r(t,{"data-slot":`empty-icon`,className:e(`mb-1 size-10 text-neutral-400`,n),svg:i,...a});a.displayName=`EmptyIcon`;const o=({asChild:t,children:i,className:a,...o})=>r(t?n:`h3`,{"data-slot":`empty-title`,className:e(`text-strong text-sm font-medium font-sans`,a),...o,children:i});o.displayName=`EmptyTitle`;const s=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-description`,className:e(`text-muted space-y-4 text-sm font-sans`,a),...o,children:i});s.displayName=`EmptyDescription`;const c=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-actions`,className:e(`mt-4 flex items-center gap-2`,a),...o,children:i});c.displayName=`EmptyActions`;const l={Root:i,Icon:a,Title:o,Description:s,Actions:c};export{l as Empty};

package/dist/{field-context-4k1kI7Bo.js → field-context-BR01g789.js}

@@ -1 +1 @@
-import{r as e}from"./validation-DCyx-ceH.js";import{createContext as t}from"react";const n=t(null),r=t(null),i=({context:t})=>{if(!t)return{ariaProps:{},validation:void 0};let n=e({defaultAriaInvalid:!1,validation:t.validation});return{ariaProps:{"aria-describedby":`${t.descriptionId} ${t.errorId}`,"aria-errormessage":n.isInvalid?t.errorId:void 0,"aria-invalid":n.ariaInvalid,id:t.controlId,name:t.name},validation:n.validation}};export{n,i as r,r as t};
+import{r as e}from"./validation-Bpptk_9t.js";import{createContext as t}from"react";const n=t(null),r=t(null),i=({context:t})=>{if(!t)return{ariaProps:{},validation:void 0};let n=e({defaultAriaInvalid:!1,validation:t.validation});return{ariaProps:{"aria-describedby":`${t.descriptionId} ${t.errorId}`,"aria-errormessage":n.isInvalid?t.errorId:void 0,"aria-invalid":n.ariaInvalid,id:t.controlId,name:t.name},validation:n.validation}};export{n,i as r,r as t};