@ngrok/mantle 0.80.0 → 0.81.1

package/dist/dialog.d.ts

@@ -1,6 +1,6 @@
-import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
-import { a as Root, c as isDialogOverlayTarget, i as Overlay$1, n as Content$1, o as Title$1, r as Description$1, s as Trigger$1, t as Close$1 } from "./primitive-CJRIlrLz.js";
-import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-C1AfGnQx.js";
+import { t as ButtonIntent } from "./button-DdSKSj1c.js";
+import { a as Root, c as isDialogOverlayTarget, i as Overlay$1, n as Content$1, o as Title$1, r as Description$1, s as Trigger$1, t as Close$1 } from "./dialog-BM4wPCft.js";
+import { n as IconButtonProps, r as IconButtonAppearance } from "./button-C7vAl6lS.js";
 import { ComponentProps } from "react";
 //#region src/components/dialog/dialog.d.ts
 /**
@@ -33,10 +33,7 @@ import { ComponentProps } from "react";
  * </Dialog.Root>
  * ```
  */
-declare const Trigger: {
-  (props: ComponentProps<typeof Trigger$1>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Trigger: (props: ComponentProps<typeof Trigger$1>) => import("react").JSX.Element;
 /**
  * A button that closes the dialog when clicked. Wrap an interactive element
  * with `asChild` to delegate the close behavior to your own button.
@@ -68,10 +65,7 @@ declare const Trigger: {
  * </Dialog.Root>
  * ```
  */
-declare const Close: {
-  (props: ComponentProps<typeof Close$1>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Close: (props: ComponentProps<typeof Close$1>) => import("react").JSX.Element;
 /**
  * The backdrop overlay for the dialog. Sits between the page and the dialog
  * content and applies a blur and dim effect.
@@ -110,10 +104,7 @@ declare const Close: {
  * </Dialog.Root>
  * ```
  */
-declare const Overlay: {
-  ({ className, ref, ...props }: ComponentProps<typeof Overlay$1>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Overlay: ({ className, ref, ...props }: ComponentProps<typeof Overlay$1>) => import("react").JSX.Element;
 type ContentProps = ComponentProps<typeof Content$1> & {
   /**
    * The preferred width of the `Dialog.Content` as a tailwind `max-w-` class.
@@ -160,10 +151,7 @@ type ContentProps = ComponentProps<typeof Content$1> & {
  * </Dialog.Root>
  * ```
  */
-declare const Content: {
-  ({ children, className, preferredWidth, ref, ...props }: ContentProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Content: ({ children, className, preferredWidth, ref, ...props }: ContentProps) => import("react").JSX.Element;
 /**
  * Contains the header content of the dialog, including the title and close button.
  *
@@ -194,10 +182,7 @@ declare const Content: {
  * </Dialog.Root>
  * ```
  */
-declare const Header: {
-  ({ className, children, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Header: ({ className, children, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 type CloseIconButtonProps = Partial<Omit<IconButtonProps, "appearance" | "icon" | "intent">> & {
   /**
    * The visual style of the close icon button. Optional here —
@@ -246,10 +231,7 @@ type CloseIconButtonProps = Partial<Omit<IconButtonProps, "appearance" | "icon"
  * </Dialog.Root>
  * ```
  */
-declare const CloseIconButton: {
-  ({ size, type, label, appearance, intent, ...props }: CloseIconButtonProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const CloseIconButton: ({ size, type, label, appearance, intent, ...props }: CloseIconButtonProps) => import("react").JSX.Element;
 /**
  * Contains the main content of the dialog.
  *
@@ -280,10 +262,7 @@ declare const CloseIconButton: {
  * </Dialog.Root>
  * ```
  */
-declare const Body: {
-  ({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Body: ({ className, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 /**
  * Contains the footer content of the dialog, including action buttons.
  *
@@ -314,10 +293,7 @@ declare const Body: {
  * </Dialog.Root>
  * ```
  */
-declare const Footer: {
-  ({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Footer: ({ className, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 /**
  * An accessible name to be announced when the dialog is opened.
  *
@@ -348,10 +324,7 @@ declare const Footer: {
  * </Dialog.Root>
  * ```
  */
-declare const Title: {
-  ({ className, ref, ...props }: ComponentProps<typeof Title$1>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Title: ({ className, ref, ...props }: ComponentProps<typeof Title$1>) => import("react").JSX.Element;
 /**
  * An accessible description to be announced when the dialog is opened.
  * Renders as a `div` by default, but can be changed to any other element using
@@ -384,10 +357,7 @@ declare const Title: {
  * </Dialog.Root>
  * ```
  */
-declare const Description: {
-  ({ className, ref, ...props }: ComponentProps<typeof Description$1>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Description: ({ className, ref, ...props }: ComponentProps<typeof Description$1>) => import("react").JSX.Element;
 /**
  * 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

package/dist/dialog.js

@@ -1 +1 @@
-import{l as e}from"./primitive-DCPHJsRs.js";import{t}from"./dialog-CQ2C6vkE.js";export{t as Dialog,e as isDialogOverlayTarget};
+import{l as e}from"./primitive-trJDqIXJ.js";import{t}from"./dialog-DWZWd5Jt.js";export{t as Dialog,e as isDialogOverlayTarget};

package/dist/dropdown-menu-BbbQuae2.d.ts

@@ -0,0 +1 @@
+import "./dropdown-menu-D6pMAY7I.js";

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

@@ -22,29 +22,70 @@ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
  * </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;
-};
+declare const Trigger: (props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) => import("react").JSX.Element;
+/**
+ * A group container for organizing related dropdown menu items.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenugroup
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Group>
+ *       <DropdownMenu.Label>Account</DropdownMenu.Label>
+ *       <DropdownMenu.Item>Profile</DropdownMenu.Item>
+ *       <DropdownMenu.Item>Settings</DropdownMenu.Item>
+ *     </DropdownMenu.Group>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
+ */
+declare const Group: ({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Group>) => import("react").JSX.Element;
+/**
+ * A radio group container for exclusive selection within the dropdown menu.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuradiogroup
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.RadioGroup value={value} onValueChange={setValue}>
+ *       <DropdownMenu.RadioItem value="option1">Option 1</DropdownMenu.RadioItem>
+ *       <DropdownMenu.RadioItem value="option2">Option 2</DropdownMenu.RadioItem>
+ *     </DropdownMenu.RadioGroup>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
+ */
+declare const RadioGroup: ({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) => import("react").JSX.Element;
 /**
  * A trigger for a dropdown menu sub-menu.
  *
  * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusubtrigger
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Sub>
+ *       <DropdownMenu.SubTrigger>Share</DropdownMenu.SubTrigger>
+ *       <DropdownMenu.SubContent>
+ *         <DropdownMenu.Item>Email</DropdownMenu.Item>
+ *         <DropdownMenu.Item>Copy link</DropdownMenu.Item>
+ *       </DropdownMenu.SubContent>
+ *     </DropdownMenu.Sub>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
  */
-declare const SubTrigger: {
-  ({ className, inset, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-  }): import("react").JSX.Element;
-  displayName: string;
-};
+declare const SubTrigger: ({ className, inset, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean;
+}) => import("react").JSX.Element;
 /**
  * The content container for a dropdown menu sub-menu.
  *
@@ -53,11 +94,24 @@ declare const SubTrigger: {
  * mounted layer renders on top.
  *
  * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenusubcontent
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Sub>
+ *       <DropdownMenu.SubTrigger>Export</DropdownMenu.SubTrigger>
+ *       <DropdownMenu.SubContent>
+ *         <DropdownMenu.Item>Export as PDF</DropdownMenu.Item>
+ *         <DropdownMenu.Item>Export as CSV</DropdownMenu.Item>
+ *       </DropdownMenu.SubContent>
+ *     </DropdownMenu.Sub>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
  */
-declare const SubContent: {
-  ({ className, loop, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const SubContent: ({ className, loop, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) => import("react").JSX.Element;
 type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content> & WithDataSlot & {
   /**
    * Whether the DropdownMenuContent should match the width of the trigger or use the intrinsic content width.
@@ -88,10 +142,7 @@ type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Cont
  * </DropdownMenu.Root>
  * ```
  */
-declare const Content: {
-  ({ className, "data-slot": dataSlot, onClick, loop, width, ...props }: DropdownMenuContentProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Content: ({ className, "data-slot": dataSlot, onClick, loop, width, ...props }: DropdownMenuContentProps) => import("react").JSX.Element;
 /**
  * An item in the dropdown menu.
  *
@@ -112,21 +163,27 @@ declare const Content: {
  * </DropdownMenu.Root>
  * ```
  */
-declare const Item: {
-  ({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-  }): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Item: ({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean;
+}) => import("react").JSX.Element;
 /**
  * A menu item with a checkbox that can be controlled or uncontrolled.
  *
  * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenucheckboxitem
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.CheckboxItem checked={true} onCheckedChange={setChecked}>
+ *       Show notifications
+ *     </DropdownMenu.CheckboxItem>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
  */
-declare const CheckboxItem: {
-  ({ className, children, checked, ...props }: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const CheckboxItem: ({ className, children, checked, ...props }: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) => import("react").JSX.Element;
 type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
   name?: string;
   id?: string;
@@ -136,35 +193,80 @@ type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.Ra
  * Used within a RadioGroup to create a set of mutually exclusive options.
  *
  * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuradioitem
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.RadioGroup value="small" onValueChange={setSize}>
+ *       <DropdownMenu.RadioItem value="small">Small</DropdownMenu.RadioItem>
+ *       <DropdownMenu.RadioItem value="medium">Medium</DropdownMenu.RadioItem>
+ *       <DropdownMenu.RadioItem value="large">Large</DropdownMenu.RadioItem>
+ *     </DropdownMenu.RadioGroup>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
  */
-declare const RadioItem: {
-  ({ className, children, ...props }: DropdownMenuRadioItemProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const RadioItem: ({ className, children, ...props }: DropdownMenuRadioItemProps) => import("react").JSX.Element;
 /**
  * A label for a group of dropdown menu items.
  *
  * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenulabel
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Label>My Account</DropdownMenu.Label>
+ *     <DropdownMenu.Item>Profile</DropdownMenu.Item>
+ *     <DropdownMenu.Item>Settings</DropdownMenu.Item>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
  */
-declare const Label: {
-  ({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-  }): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Label: ({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean;
+}) => import("react").JSX.Element;
 /**
  * A visual separator between dropdown menu items or groups.
  *
  * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuseparator
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Item>Edit</DropdownMenu.Item>
+ *     <DropdownMenu.Item>Copy</DropdownMenu.Item>
+ *     <DropdownMenu.Separator />
+ *     <DropdownMenu.Item>Delete</DropdownMenu.Item>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
  */
-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;
-};
+declare const DropdownSeparator: ({ className, ...props }: ComponentProps<typeof Separator>) => import("react").JSX.Element;
+/**
+ * A keyboard shortcut indicator for dropdown menu items.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenushortcut
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Item>
+ *       Save
+ *       <DropdownMenu.Shortcut>⌘S</DropdownMenu.Shortcut>
+ *     </DropdownMenu.Item>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu.Root>
+ * ```
+ */
+declare const Shortcut: ({ className, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
 /**
  * A menu of options or actions, triggered by a button.
  *

package/dist/dropdown-menu-RyDWoKHx.js

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

package/dist/dropdown-menu.d.ts

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

package/dist/dropdown-menu.js

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

package/dist/empty.d.ts

@@ -1,5 +1,5 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
-import { t as SvgAttributes } from "./types-D1RY5Tcj.js";
+import { t as SvgAttributes } from "./icon-D1RY5Tcj.js";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 //#region src/components/empty/empty.d.ts
 /**
@@ -20,10 +20,7 @@ import { ComponentProps, HTMLAttributes, ReactNode } from "react";
  * </Empty.Root>
  * ```
  */
-declare const Root: {
-  ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Root: ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
 type EmptyIconProps = Omit<SvgAttributes, "children"> & {
   /**
    * A single SVG icon element.
@@ -48,10 +45,7 @@ type EmptyIconProps = Omit<SvgAttributes, "children"> & {
  * </Empty.Root>
  * ```
  */
-declare const Icon: {
-  ({ className, svg, ...props }: EmptyIconProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Icon: ({ className, svg, ...props }: EmptyIconProps) => import("react").JSX.Element;
 /**
  * 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`).
@@ -74,10 +68,7 @@ declare const Icon: {
  * </Empty.Title>
  * ```
  */
-declare const Title: {
-  ({ asChild, children, className, ...props }: HTMLAttributes<HTMLHeadingElement> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Title: ({ asChild, children, className, ...props }: HTMLAttributes<HTMLHeadingElement> & WithAsChild) => import("react").JSX.Element;
 /**
  * Supporting descriptive text below the title. Renders as a `div` with
  * `space-y-4` so multiple paragraphs can be placed inside. Use the `asChild`
@@ -102,10 +93,7 @@ declare const Title: {
  * </Empty.Description>
  * ```
  */
-declare const Description: {
-  ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Description: ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
 /**
  * A container for action buttons or links in the empty state.
  *
@@ -124,10 +112,7 @@ declare const Description: {
  * </Empty.Root>
  * ```
  */
-declare const Actions: {
-  ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Actions: ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
 /**
  * Compound component for rendering empty states. Use with `Empty.Root`,
  * `Empty.Icon`, `Empty.Title`, `Empty.Description`, and `Empty.Actions`.

package/dist/empty.js

@@ -1 +1 @@
-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};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-d-nMCfAI.js";import{t as n}from"./slot-CDk0Bb9z.js";import{jsx as r}from"react/jsx-runtime";const i={Root:({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}),Icon:({className:n,svg:i,...a})=>r(t,{"data-slot":`empty-icon`,className:e(`mb-1 size-10 text-neutral-400`,n),svg:i,...a}),Title:({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}),Description:({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}),Actions:({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})};export{i as Empty};

package/dist/field-B1wqeZr4.js

@@ -0,0 +1 @@
+import{r as e}from"./field-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};