@ngrok/mantle 0.79.3 → 0.80.0

package/dist/{dropdown-menu-DP_Ne9Mr.d.ts → dropdown-menu-CoyozLzy.d.ts}

@@ -1,8 +1,166 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
 import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
+import { n as Separator } from "./separator-B5UmkVRL.js";
 import { ComponentProps } from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/dropdown-menu.d.ts
+/**
+ * The trigger button that opens the dropdown menu.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenutrigger
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger asChild>
+ *     <Button type="button" appearance="outlined" intent="neutral">
+ *       Open Menu
+ *     </Button>
+ *   </DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Item>Item 1</DropdownMenu.Item>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
+ */
+declare const Trigger: {
+  (props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Group: {
+  ({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react").JSX.Element;
+  displayName: string;
+};
+declare const RadioGroup: {
+  ({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * A trigger for a dropdown menu sub-menu.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusubtrigger
+ */
+declare const SubTrigger: {
+  ({ className, inset, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * The content container for a dropdown menu sub-menu.
+ *
+ * `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/overlays/dropdown-menu#dropdownmenusubcontent
+ */
+declare const SubContent: {
+  ({ className, loop, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react").JSX.Element;
+  displayName: string;
+};
+type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content> & WithDataSlot & {
+  /**
+   * Whether the DropdownMenuContent should match the width of the trigger or use the intrinsic content width.
+   */
+  width?: "trigger" | "content";
+};
+/**
+ * The container for the dropdown menu content.
+ *
+ * `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/overlays/dropdown-menu#dropdownmenucontent
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger asChild>
+ *     <Button type="button" appearance="outlined" intent="neutral">
+ *       Open Menu
+ *     </Button>
+ *   </DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Item>Item 1</DropdownMenu.Item>
+ *     <DropdownMenu.Item>Item 2</DropdownMenu.Item>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
+ */
+declare const Content: {
+  ({ className, "data-slot": dataSlot, onClick, loop, width, ...props }: DropdownMenuContentProps): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * An item in the dropdown menu.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuitem
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger asChild>
+ *     <Button type="button" appearance="outlined" intent="neutral">
+ *       Open Menu
+ *     </Button>
+ *   </DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Item>Item 1</DropdownMenu.Item>
+ *     <DropdownMenu.Item>Item 2</DropdownMenu.Item>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
+ */
+declare const Item: {
+  ({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * A menu item with a checkbox that can be controlled or uncontrolled.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenucheckboxitem
+ */
+declare const CheckboxItem: {
+  ({ className, children, checked, ...props }: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react").JSX.Element;
+  displayName: string;
+};
+type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
+  name?: string;
+  id?: string;
+};
+/**
+ * A menu item with a radio button that can be controlled or uncontrolled.
+ * Used within a RadioGroup to create a set of mutually exclusive options.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuradioitem
+ */
+declare const RadioItem: {
+  ({ className, children, ...props }: DropdownMenuRadioItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * A label for a group of dropdown menu items.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenulabel
+ */
+declare const Label: {
+  ({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * A visual separator between dropdown menu items or groups.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuseparator
+ */
+declare const DropdownSeparator: {
+  ({ className, ...props }: ComponentProps<typeof Separator>): import("react").JSX.Element;
+  displayName: string;
+};
 declare const Shortcut: {
   ({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
   displayName: string;
@@ -92,7 +250,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly CheckboxItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly CheckboxItem: typeof CheckboxItem;
   /**
    * The container for the dropdown menu content. Appears in a portal with scrolling and animations.
    *
@@ -113,12 +271,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly Content: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & WithDataSlot & {
-    /**
-     * Whether the DropdownMenuContent should match the width of the trigger or use the intrinsic content width.
-     */
-    width?: "trigger" | "content";
-  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Content: typeof Content;
   /**
    * A group container for organizing related dropdown menu items.
    *
@@ -138,7 +291,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly Group: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Group: typeof Group;
   /**
    * A standard item in the dropdown menu that can be selected or activated.
    *
@@ -159,9 +312,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly Item: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Item: typeof Item;
   /**
    * A label for grouping and describing sections within the dropdown menu.
    *
@@ -179,9 +330,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly Label: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Label: typeof Label;
   /**
    * A radio group container for exclusive selection within the dropdown menu.
    *
@@ -200,7 +349,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly RadioGroup: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly RadioGroup: typeof RadioGroup;
   /**
    * A radio item in the dropdown menu where only one item in the group can be selected.
    *
@@ -220,10 +369,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly RadioItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    name?: string;
-    id?: string;
-  } & import("react").RefAttributes<HTMLInputElement>>;
+  readonly RadioItem: typeof RadioItem;
   /**
    * A visual separator for dividing sections within the dropdown menu.
    *
@@ -242,10 +388,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & WithAsChild & {
-    orientation?: "horizontal" | "vertical";
-    semantic?: boolean;
-  }, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Separator: typeof DropdownSeparator;
   /**
    * A keyboard shortcut indicator for dropdown menu items.
    *
@@ -312,7 +455,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly SubContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly SubContent: typeof SubContent;
   /**
    * The trigger item that opens a submenu when hovered or focused.
    *
@@ -334,9 +477,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly SubTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly SubTrigger: typeof SubTrigger;
   /**
    * The trigger button that opens the dropdown menu.
    *
@@ -356,7 +497,7 @@ declare const DropdownMenu: {
    * </DropdownMenu.Root>
    * ```
    */
-  readonly Trigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly Trigger: typeof Trigger;
 };
 //#endregion
 export { DropdownMenu as t };

package/dist/dropdown-menu.d.ts

@@ -1,3 +1,3 @@
-import { t as DropdownMenu } from "./dropdown-menu-DP_Ne9Mr.js";
-import "./index-g2rfwNCH.js";
+import { t as DropdownMenu } from "./dropdown-menu-CoyozLzy.js";
+import "./index-CdPXa9h1.js";
 export { DropdownMenu };

package/dist/dropdown-menu.js

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

package/dist/empty.d.ts

@@ -1,4 +1,4 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { n as WithAsChild } from "./as-child-D23mGo4f.js";
 import { t as SvgAttributes } from "./types-D1RY5Tcj.js";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 //#region src/components/empty/empty.d.ts

package/dist/empty.js

@@ -1 +1 @@
-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};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./svg-only-d-nMCfAI.js";import{t as n}from"./slot-CDk0Bb9z.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};