@ngrok/mantle 0.80.0 → 0.81.0

package/dist/{primitive-CJRIlrLz.d.ts → dialog-BM4wPCft.d.ts}

@@ -3,26 +3,19 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 //#region src/components/dialog/primitive.d.ts
 type DialogPrimitiveContentProps = ComponentProps<typeof DialogPrimitive.Content>;
 declare function Root(props: ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): import("react").JSX.Element;
-declare namespace Root {
-  var displayName: string;
-}
 declare const Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare function Overlay(props: ComponentProps<typeof DialogPrimitive.Overlay>): import("react").JSX.Element;
-declare namespace Overlay {
-  var displayName: string;
-}
-declare function Content({ onEscapeKeyDown, onInteractOutside, onPointerDownOutside, ref, ...props }: DialogPrimitiveContentProps): import("react").JSX.Element;
-declare namespace Content {
-  var displayName: string;
-}
+declare const Overlay: (props: ComponentProps<typeof DialogPrimitive.Overlay>) => import("react").JSX.Element;
+declare const Content: ({ onEscapeKeyDown, onInteractOutside, onPointerDownOutside, ref, ...props }: DialogPrimitiveContentProps) => import("react").JSX.Element;
 declare const Title: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
-declare function Description({ asChild, children, ref, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & {
+/**
+ * An accessible description for the dialog primitive.
+ * This is a low-level primitive used by higher-level dialog components.
+ * Renders as a `div` by default, but can be changed to any other element using the `asChild` prop.
+ */
+declare const Description: ({ asChild, children, ref, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & {
   ref?: Ref<HTMLDivElement>;
-}): import("react").JSX.Element;
-declare namespace Description {
-  var displayName: string;
-}
+}) => import("react").JSX.Element;
 /**
  * Type guard to check if the event target is the overlay component
  */

package/dist/dialog-DWZWd5Jt.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./button-BAno7KIU.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-trJDqIXJ.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{XIcon as f}from"@phosphor-icons/react/X";const p=o,m=e=>u(r,{"data-slot":`dialog-trigger`,...e}),h=n,g=e=>u(l,{"data-slot":`dialog-close`,...e}),_=({className:t,ref:n,...r})=>u(i,{ref:n,"data-slot":`dialog-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),...r}),v={Root:p,Body:({className:t,...n})=>u(`div`,{"data-slot":`dialog-body`,className:e(`scrollbar scrollbar-gutter-stable text-body flex-1 overflow-y-auto p-6`,t),...n}),Close:g,CloseIconButton:({size:e=`md`,type:n=`button`,label:r=`Close Dialog`,appearance:i=`ghost`,intent:a=`neutral`,...o})=>u(l,{asChild:!0,children:u(t,{appearance:i,"data-slot":`dialog-close-icon-button`,icon:u(f,{}),intent:a,label:r,size:e,type:n,...o})}),Content:({children:t,className:n,preferredWidth:r=`max-w-lg`,ref:i,...o})=>d(h,{children:[u(_,{}),u(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:u(a,{"data-mantle-modal-content":!0,"data-slot":`dialog-content`,className:e(`flex max-h-full w-full flex-1 flex-col`,`outline-hidden focus-within:outline-hidden`,`border-dialog bg-dialog rounded-xl border shadow-lg transition-transform duration-200`,`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`,r,n),ref:i,...o,children:t})})]}),Description:({className:t,ref:n,...r})=>u(s,{ref:n,"data-slot":`dialog-description`,className:e(`text-muted`,t),...r}),Footer:({className:t,...n})=>u(`div`,{"data-slot":`dialog-footer`,className:e(`border-dialog-muted flex shrink-0 justify-end gap-2 border-t px-6 py-4`,t),...n}),Header:({className:t,children:n,...r})=>u(`div`,{"data-slot":`dialog-header`,className:e(`border-dialog-muted text-strong relative flex shrink-0 items-center justify-between gap-2 border-b px-6 py-4`,`has-[.icon-button]:pr-4`,t),...r,children:n}),Overlay:_,Portal:h,Title:({className:t,ref:n,...r})=>u(c,{ref:n,"data-slot":`dialog-title`,className:e(`text-strong truncate text-lg font-medium`,t),...r}),Trigger:m};export{v as t};

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-CoyozLzy.d.ts → dropdown-menu-DZg-Cd69.d.ts}

@@ -22,29 +22,17 @@ 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;
+declare const Group: ({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Group>) => import("react").JSX.Element;
+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
  */
-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.
  *
@@ -54,10 +42,7 @@ declare const SubTrigger: {
  *
  * @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;
-};
+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 +73,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 +94,15 @@ 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
  */
-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;
@@ -137,34 +113,22 @@ type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.Ra
  *
  * @see https://mantle.ngrok.com/components/overlays/dropdown-menu#dropdownmenuradioitem
  */
-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
  */
-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
  */
-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;
+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-Dw-OtXPm.d.ts

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

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-DZg-Cd69.js";
+import "./dropdown-menu-Dw-OtXPm.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};

package/dist/field.d.ts

@@ -1,10 +1,10 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
-import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
-import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-C1AfGnQx.js";
-import { a as ValidationState, c as parseValidation, i as ValidationProp, l as resolveValidation, n as ParsedValidation, o as WithValidation, r as Validation, s as isAriaInvalid, t as AriaInvalid } from "./validation-7QeiTFwl.js";
+import { t as ButtonIntent } from "./button-DdSKSj1c.js";
+import { n as IconButtonProps, r as IconButtonAppearance } from "./button-C7vAl6lS.js";
+import { a as ValidationState, c as parseValidation, i as ValidationProp, l as resolveValidation, n as ParsedValidation, o as WithValidation, r as Validation, s as isAriaInvalid, t as AriaInvalid } from "./field-7QeiTFwl.js";
 import { t as Label } from "./label-C6YH9skg.js";
-import { t as Popover } from "./index-B8mIWKIU.js";
-import { t as Slot } from "./index-BtwKJTLq.js";
+import { t as Popover } from "./popover-CE4OlWkd.js";
+import { t as Slot } from "./slot-BtwKJTLq.js";
 import { ComponentProps, ReactElement, ReactNode } from "react";
 //#region src/components/field/field-context.d.ts
 /**
@@ -96,10 +96,7 @@ declare const FieldSet: ({ className, ref, ...props }: ComponentProps<"fieldset"
  * </Field.Set>
  * ```
  */
-declare const Legend: {
-  ({ className, ref, ...props }: ComponentProps<"legend">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Legend: ({ className, ref, ...props }: ComponentProps<"legend">) => import("react").JSX.Element;
 /**
  * Caption for a `Field.Item`. Renders the Mantle `Label` with the same
  * `htmlFor`, click-to-focus, disabled, and typography behavior — but inside a
@@ -170,10 +167,7 @@ declare const FieldLabel: ({ htmlFor, ref, ...props }: ComponentProps<typeof Lab
  * </Field.Item>
  * ```
  */
-declare const LabelText: {
-  ({ asChild, className, ref, ...props }: ComponentProps<"p"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const LabelText: ({ asChild, className, ref, ...props }: ComponentProps<"p"> & WithAsChild) => import("react").JSX.Element;
 /**
  * Horizontal layout container for the label area of a field. Aligns a
  * `<Field.Label>` (which may contain `Field.Optional`) with adjacent affordances
@@ -212,10 +206,7 @@ declare const LabelText: {
  * </Field.Group>
  * ```
  */
-declare const LabelRow: {
-  ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const LabelRow: ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
 /**
  * Props for the default help popover trigger. A contextual label is required
  * so repeated help affordances do not all share the same accessible name.
@@ -280,10 +271,7 @@ type FieldHelpTriggerProps = Partial<Omit<IconButtonProps, "appearance" | "icon"
  * </Field.Group>
  * ```
  */
-declare const HelpTrigger: {
-  ({ appearance, className, icon, intent, label, ref, size, type, ...props }: FieldHelpTriggerProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const HelpTrigger: ({ appearance, className, icon, intent, label, ref, size, type, ...props }: FieldHelpTriggerProps) => import("react").JSX.Element;
 /**
  * The popover body for a `Field.Help`. Wraps `Popover.Content` so all
  * positioning / sizing options (`side`, `align`, `preferredWidth`, etc.)
@@ -315,10 +303,7 @@ declare const HelpTrigger: {
  * </Field.Group>
  * ```
  */
-declare const HelpContent: {
-  ({ ref, ...props }: ComponentProps<typeof Popover.Content>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const HelpContent: ({ ref, ...props }: ComponentProps<typeof Popover.Content>) => import("react").JSX.Element;
 /**
  * Inline "(Optional)" suffix to mark a field as optional. Defaults to the
  * literal string `(Optional)` so the common case is `<Field.Optional />` with
@@ -354,10 +339,7 @@ declare const HelpContent: {
  * </Field.Group>
  * ```
  */
-declare const Optional: {
-  ({ asChild, children, className, ref, ...props }: ComponentProps<"span"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Optional: ({ asChild, children, className, ref, ...props }: ComponentProps<"span"> & WithAsChild) => import("react").JSX.Element;
 /**
  * Layout container that stacks multiple `Field.Item`s vertically with
  * `gap-4` between them. This is the default way to compose multiple fields
@@ -389,10 +371,7 @@ declare const Optional: {
  * </Field.Group>
  * ```
  */
-declare const Group: {
-  ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Group: ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
 /**
  * A single form field — `Label`, a control (`Input`, `Select`, `Checkbox`,
  * etc.), and any `Field.Description`, `Field.Errors`, or `Field.ErrorList` siblings stacked
@@ -445,10 +424,7 @@ type FieldItemProps = ComponentProps<"div"> & WithAsChild & WithValidation & {
    */
   name: string;
 };
-declare const Item: {
-  ({ asChild, children, className, name, ref, validation: validationProp, ...props }: FieldItemProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Item: ({ asChild, children, className, name, ref, validation: validationProp, ...props }: FieldItemProps) => import("react").JSX.Element;
 type FieldControlSlotProps = Omit<ComponentProps<typeof Slot>, "aria-describedby" | "aria-errormessage" | "aria-invalid" | "children">;
 /**
  * Element-child form of `Field.Control`. Renders via `Slot`, so it accepts
@@ -550,10 +526,7 @@ type FieldControlProps = FieldControlElementProps | FieldControlRenderProps;
  * </Field.Group>
  * ```
  */
-declare const Control: {
-  ({ children, ref, ...props }: FieldControlProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Control: ({ children, ref, ...props }: FieldControlProps) => import("react").JSX.Element;
 /**
  * Helper / hint text. Renders a `<p>` in the muted body color so it reads
  * as secondary to the bolder content above it. Use inside `Field.Item`, below
@@ -593,10 +566,7 @@ declare const Control: {
  * </Field.Group>
  * ```
  */
-declare const Description: {
-  ({ asChild, className, ref, ...props }: Omit<ComponentProps<"p">, "id"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Description: ({ asChild, className, ref, ...props }: Omit<ComponentProps<"p">, "id"> & WithAsChild) => import("react").JSX.Element;
 /**
  * A single error message list item for a field. Renders an `<li>` in
  * `text-danger-600` so it stands out from a sibling `Field.Description`.

package/dist/field.js

@@ -1 +1 @@
-import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{t}from"./cx-IiQEAKf5.js";import{t as n}from"./slot-CDk0Bb9z.js";import{t as r}from"./icon-button-DiOhreJD.js";import{i,n as a,r as o,t as s}from"./validation-Bpptk_9t.js";import{n as c,r as l,t as u}from"./field-context-BR01g789.js";import{t as d}from"./label-D-D11mlp.js";import{t as f}from"./popover-CBMADtjV.js";import{Children as p,Fragment as m,cloneElement as h,isValidElement as g,useCallback as _,useContext as v,useId as y,useMemo as b,useState as x}from"react";import S from"tiny-invariant";import{jsx as C}from"react/jsx-runtime";import{QuestionIcon as w}from"@phosphor-icons/react/Question";const T=e=>{let t=[],n=new Set;for(let r of e??[]){if(typeof r!=`string`)continue;let e=r.trim();e.length===0||n.has(e)||(n.add(e),t.push(e))}return t},E=e=>!(e==null||typeof e==`boolean`||typeof e==`string`&&e.trim().length===0),D=({children:e,errorItemType:t})=>{let n=!1;return p.forEach(e,e=>{if(!(n||e==null||typeof e==`boolean`)){if(typeof e==`string`){e.trim().length>0&&(n=!0);return}if(!g(e)){n=!0;return}if(e.type===t){n=E(e.props.children);return}if(e.type===m){n=D({children:e.props.children,errorItemType:t});return}n=!0}}),n},O=({className:e,ref:n,...r})=>C(`fieldset`,{ref:n,"data-slot":`field-set`,className:t(`flex w-full min-w-0 flex-col gap-4 border-0 p-0`,e),...r}),k=({className:e,ref:n,...r})=>C(`legend`,{ref:n,"data-slot":`field-legend`,className:t(`text-strong mb-1.5 text-sm font-medium font-sans`,e),...r});k.displayName=`FieldLegend`;const A=({htmlFor:e,ref:t,...n})=>{let r=v(c);return C(d,{ref:t,htmlFor:e??r?.controlId,...n})},j=({asChild:e,className:r,ref:i,...a})=>C(e?n:`p`,{ref:i,"data-slot":`field-label-text`,className:t(`text-strong text-sm font-medium font-sans`,r),...a});j.displayName=`FieldLabelText`;const M=({asChild:e,className:r,ref:i,...a})=>C(e?n:`div`,{ref:i,"data-slot":`field-label-row`,className:t(`flex items-center gap-1`,r),...a});M.displayName=`FieldLabelRow`;const N=f.Root,P=C(w,{}),F=({appearance:e=`ghost`,className:n,icon:i=P,intent:a=`neutral`,label:o,ref:s,size:c=`xs`,type:l=`button`,...u})=>C(f.Trigger,{asChild:!0,children:C(r,{ref:s,appearance:e,className:t(`text-body -my-0.5`,n),icon:i,intent:a,label:o,size:c,type:l,...u})});F.displayName=`FieldHelpTrigger`;const I=({ref:e,...t})=>C(f.Content,{ref:e,"data-slot":`field-help-content`,...t});I.displayName=`FieldHelpContent`;const L=({asChild:e,children:r,className:i,ref:a,...o})=>C(e?n:`span`,{ref:a,"data-slot":`field-optional`,className:t(`text-muted text-sm font-normal font-sans`,i),...o,children:r??`(Optional)`});L.displayName=`FieldOptional`;const R=({asChild:e,className:r,ref:i,...a})=>C(e?n:`div`,{ref:i,"data-slot":`field-group`,className:t(`flex w-full flex-col gap-4`,r),...a});R.displayName=`FieldGroup`;const z=({asChild:e,children:r,className:a,name:o,ref:l,validation:u,...d})=>{let f=e?n:`div`,p=y(),m=y(),h=y(),[g,v]=x(!1),S=i(u??(g?`error`:void 0)),w=_(()=>(v(!0),()=>{v(!1)}),[]),T=b(()=>({controlId:p,descriptionId:m,errorId:h,hasErrors:g,name:o,registerError:w,validation:S}),[p,m,h,g,o,w,S]);return C(c.Provider,{value:T,children:C(s,{validation:S,children:C(f,{ref:l,"data-slot":`field-item`,"data-validation":S,className:t(`flex w-full flex-col gap-1.5`,a),...d,children:r})})})};z.displayName=`FieldItem`;const B=({children:e,ref:t,...r})=>{let i=v(c),a=l({context:i});return typeof e==`function`?C(s,{validation:a.validation,children:C(u.Provider,{value:i?a.ariaProps:null,children:e(a.ariaProps)})}):(S(g(e),`Field.Control expects a single React element child (or a render-prop function). Got a non-element value (string, array, fragment, null, or undefined). Wrap the control in a single element, or use the function child form: <Field.Control>{(props) => <YourControl {...props} />}</Field.Control>.`),C(s,{validation:a.validation,children:C(u.Provider,{value:i?a.ariaProps:null,children:C(n,{ref:t,...r,children:h(e,a.ariaProps)})})}))};B.displayName=`FieldControl`;const V=({asChild:e,className:r,ref:i,...a})=>C(e?n:`p`,{ref:i,"data-slot":`field-description`,id:v(c)?.descriptionId,className:t(`text-body text-sm leading-4`,`[:where([data-slot=field-error-list]+&)]:-mt-1.5`,r),...a});V.displayName=`FieldDescription`;const H=({children:e,className:n,ref:r,...i})=>E(e)?C(`li`,{ref:r,"data-slot":`field-error`,className:t(`text-danger-600 text-sm leading-4`,n),...i,children:e}):null,U=({messages:e,ref:t,...n})=>C(W,{ref:t,...n,children:T(e).map(e=>C(H,{children:e},e))}),W=({asChild:r,children:i,className:a,ref:o,...s})=>{let l=D({children:i,errorItemType:H}),u=v(c),d=u?.registerError;return e(()=>{if(!(!l||d==null))return d()},[l,d]),l?C(r?n:`ul`,{ref:o,"data-slot":`field-error-list`,id:u?.errorId,role:`list`,className:t(`m-0 flex w-full flex-col list-none p-0`,a),...s,children:i}):null},G={Item:z,Control:B,Group:R,Set:O,Legend:k,Label:A,LabelText:j,LabelRow:M,Help:N,HelpTrigger:F,HelpContent:I,Optional:L,Description:V,Errors:U,ErrorList:W,ErrorItem:H},K=e=>T(e?.map(e=>typeof e==`string`||!e?e:e.message));export{G as Field,a as isAriaInvalid,o as parseValidation,i as resolveValidation,K as toErrorMessages};
+import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{t}from"./cx-IiQEAKf5.js";import{t as n}from"./slot-CDk0Bb9z.js";import{t as r}from"./button-BAno7KIU.js";import{i,n as a,r as o,t as s}from"./field-Bpptk_9t.js";import{n as c,r as l,t as u}from"./field-B1wqeZr4.js";import{t as d}from"./label-D-D11mlp.js";import{t as f}from"./popover-CQ9s7jG5.js";import{Children as p,Fragment as m,cloneElement as h,isValidElement as g,useCallback as _,useContext as v,useId as y,useMemo as b,useState as x}from"react";import S from"tiny-invariant";import{jsx as C}from"react/jsx-runtime";import{QuestionIcon as w}from"@phosphor-icons/react/Question";const T=e=>{let t=[],n=new Set;for(let r of e??[]){if(typeof r!=`string`)continue;let e=r.trim();e.length===0||n.has(e)||(n.add(e),t.push(e))}return t},E=e=>!(e==null||typeof e==`boolean`||typeof e==`string`&&e.trim().length===0),D=({children:e,errorItemType:t})=>{let n=!1;return p.forEach(e,e=>{if(!(n||e==null||typeof e==`boolean`)){if(typeof e==`string`){e.trim().length>0&&(n=!0);return}if(!g(e)){n=!0;return}if(e.type===t){n=E(e.props.children);return}if(e.type===m){n=D({children:e.props.children,errorItemType:t});return}n=!0}}),n},O=({className:e,ref:n,...r})=>C(`fieldset`,{ref:n,"data-slot":`field-set`,className:t(`flex w-full min-w-0 flex-col gap-4 border-0 p-0`,e),...r}),k=({className:e,ref:n,...r})=>C(`legend`,{ref:n,"data-slot":`field-legend`,className:t(`text-strong mb-1.5 text-sm font-medium font-sans`,e),...r}),A=({htmlFor:e,ref:t,...n})=>{let r=v(c);return C(d,{ref:t,htmlFor:e??r?.controlId,...n})},j=({asChild:e,className:r,ref:i,...a})=>C(e?n:`p`,{ref:i,"data-slot":`field-label-text`,className:t(`text-strong text-sm font-medium font-sans`,r),...a}),M=({asChild:e,className:r,ref:i,...a})=>C(e?n:`div`,{ref:i,"data-slot":`field-label-row`,className:t(`flex items-center gap-1`,r),...a}),N=f.Root,P=C(w,{}),F=({appearance:e=`ghost`,className:n,icon:i=P,intent:a=`neutral`,label:o,ref:s,size:c=`xs`,type:l=`button`,...u})=>C(f.Trigger,{asChild:!0,children:C(r,{ref:s,appearance:e,className:t(`text-body -my-0.5`,n),icon:i,intent:a,label:o,size:c,type:l,...u})}),I=({ref:e,...t})=>C(f.Content,{ref:e,"data-slot":`field-help-content`,...t}),L=({asChild:e,children:r,className:i,ref:a,...o})=>C(e?n:`span`,{ref:a,"data-slot":`field-optional`,className:t(`text-muted text-sm font-normal font-sans`,i),...o,children:r??`(Optional)`}),R=({asChild:e,className:r,ref:i,...a})=>C(e?n:`div`,{ref:i,"data-slot":`field-group`,className:t(`flex w-full flex-col gap-4`,r),...a}),z=({asChild:e,children:r,className:a,name:o,ref:l,validation:u,...d})=>{let f=e?n:`div`,p=y(),m=y(),h=y(),[g,v]=x(!1),S=i(u??(g?`error`:void 0)),w=_(()=>(v(!0),()=>{v(!1)}),[]),T=b(()=>({controlId:p,descriptionId:m,errorId:h,hasErrors:g,name:o,registerError:w,validation:S}),[p,m,h,g,o,w,S]);return C(c.Provider,{value:T,children:C(s,{validation:S,children:C(f,{ref:l,"data-slot":`field-item`,"data-validation":S,className:t(`flex w-full flex-col gap-1.5`,a),...d,children:r})})})},B=({children:e,ref:t,...r})=>{let i=v(c),a=l({context:i});return typeof e==`function`?C(s,{validation:a.validation,children:C(u.Provider,{value:i?a.ariaProps:null,children:e(a.ariaProps)})}):(S(g(e),`Field.Control expects a single React element child (or a render-prop function). Got a non-element value (string, array, fragment, null, or undefined). Wrap the control in a single element, or use the function child form: <Field.Control>{(props) => <YourControl {...props} />}</Field.Control>.`),C(s,{validation:a.validation,children:C(u.Provider,{value:i?a.ariaProps:null,children:C(n,{ref:t,...r,children:h(e,a.ariaProps)})})}))},V=({asChild:e,className:r,ref:i,...a})=>C(e?n:`p`,{ref:i,"data-slot":`field-description`,id:v(c)?.descriptionId,className:t(`text-body text-sm leading-4`,`[:where([data-slot=field-error-list]+&)]:-mt-1.5`,r),...a}),H=({children:e,className:n,ref:r,...i})=>E(e)?C(`li`,{ref:r,"data-slot":`field-error`,className:t(`text-danger-600 text-sm leading-4`,n),...i,children:e}):null,U=({messages:e,ref:t,...n})=>C(W,{ref:t,...n,children:T(e).map(e=>C(H,{children:e},e))}),W=({asChild:r,children:i,className:a,ref:o,...s})=>{let l=D({children:i,errorItemType:H}),u=v(c),d=u?.registerError;return e(()=>{if(!(!l||d==null))return d()},[l,d]),l?C(r?n:`ul`,{ref:o,"data-slot":`field-error-list`,id:u?.errorId,role:`list`,className:t(`m-0 flex w-full flex-col list-none p-0`,a),...s,children:i}):null},G={Item:z,Control:B,Group:R,Set:O,Legend:k,Label:A,LabelText:j,LabelRow:M,Help:N,HelpTrigger:F,HelpContent:I,Optional:L,Description:V,Errors:U,ErrorList:W,ErrorItem:H},K=e=>T(e?.map(e=>typeof e==`string`||!e?e:e.message));export{G as Field,a as isAriaInvalid,o as parseValidation,i as resolveValidation,K as toErrorMessages};

package/dist/hooks.js

@@ -1 +1 @@
-import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{n as t}from"./compose-refs-BdBMM9ga.js";import{t as n}from"./use-matches-media-query-CMSxHR9n.js";import{r}from"./browser-only-CPH56Xw_.js";import{t as i}from"./use-copy-to-clipboard-DqQ0_N3E.js";import{n as a,t as o}from"./use-prefers-reduced-motion-CagaNRgm.js";import{t as s}from"./in-view-C2DpZ6s0.js";import{useCallback as c,useEffect as l,useMemo as u,useReducer as d,useRef as f,useState as p,useSyncExternalStore as m}from"react";const h=[`2xl`,`xl`,`lg`,`md`,`sm`,`xs`,`2xs`],g=[`default`,...h];function _(){return m(j,M,()=>`default`)}function v(e){return m(P(e),I(e),()=>!1)}const y={"2xl":`(min-width: 96rem)`,xl:`(min-width: 80rem)`,lg:`(min-width: 64rem)`,md:`(min-width: 48rem)`,sm:`(min-width: 40rem)`,xs:`(min-width: 30rem)`,"2xs":`(min-width: 22.5rem)`},b={"2xl":`(max-width: 95.99rem)`,xl:`(max-width: 79.99rem)`,lg:`(max-width: 63.99rem)`,md:`(max-width: 47.99rem)`,sm:`(max-width: 39.99rem)`,xs:`(max-width: 29.99rem)`,"2xs":`(max-width: 22.49rem)`};let x=null,S=null;function C(){return x||={"2xl":window.matchMedia(y[`2xl`]),xl:window.matchMedia(y.xl),lg:window.matchMedia(y.lg),md:window.matchMedia(y.md),sm:window.matchMedia(y.sm),xs:window.matchMedia(y.xs),"2xs":window.matchMedia(y[`2xs`])},x}function w(e){return S||={"2xl":window.matchMedia(b[`2xl`]),xl:window.matchMedia(b.xl),lg:window.matchMedia(b.lg),md:window.matchMedia(b.md),sm:window.matchMedia(b.sm),xs:window.matchMedia(b.xs),"2xs":window.matchMedia(b[`2xs`])},S[e]}let T=`default`;const E=new Set;let D=!1;function O(){let e=C();for(let t of h)if(e[t].matches)return t;return`default`}let k=!1;function A(){k||(k=!0,requestAnimationFrame(()=>{k=!1;let e=O();if(e!==T){T=e;for(let e of E)e()}}))}function j(e){if(E.add(e),!D){D=!0;let e=C();T=O();for(let t of Object.values(e))t.addEventListener(`change`,A)}return e(),()=>{if(E.delete(e),E.size===0&&D){D=!1;let e=C();for(let t of Object.values(e))t.removeEventListener(`change`,A)}}}function M(){return T}const N=new Map;function P(e){let t=N.get(e);return t||(t=t=>{let n=w(e),r=!1,i=()=>{r||(r=!0,requestAnimationFrame(()=>{r=!1,t()}))};return n.addEventListener(`change`,i),()=>{n.removeEventListener(`change`,i)}},N.set(e,t),t)}const F=new Map;function I(e){let t=F.get(e);return t||(t=()=>w(e).matches,F.set(e,t),t)}function L(e){let t=f(e);return l(()=>{t.current=e}),u(()=>((...e)=>t.current?.(...e)),[])}function R(e,t){let[n,r]=p(e);return l(()=>{let n=window.setTimeout(()=>{r(e)},t.waitMs);return()=>{window.clearTimeout(n)}},[e,t.waitMs]),n}function z(e,t){let n=L(e),r=f(0);return l(()=>()=>window.clearTimeout(r.current),[]),c((...e)=>{window.clearTimeout(r.current),r.current=window.setTimeout(()=>n(...e),t.waitMs)},[n,t.waitMs])}function B(e){return function(t){function n(n){let r=n.storageArea==null||n.storageArea===window.localStorage,i=n.key==null||n.key===e;r&&i&&t()}return window.addEventListener(`storage`,n),()=>{window.removeEventListener(`storage`,n)}}}function V(){return null}function H(e,t){try{let n=JSON.parse(e);return typeof n==`string`?n:t}catch{return t}}function U(e,t){let n=m(u(()=>B(e),[e]),()=>window.localStorage.getItem(e),V);return[n==null?t:H(n,t),c(t=>{let n=JSON.stringify(t);window.localStorage.setItem(e,n),window.dispatchEvent(new StorageEvent(`storage`,{key:e,newValue:n,storageArea:window.localStorage}))},[e])]}function W(e){return function(t){function n(n){let r=n.storageArea==null||n.storageArea===window.sessionStorage,i=n.key==null||n.key===e;r&&i&&t()}return window.addEventListener(`storage`,n),()=>{window.removeEventListener(`storage`,n)}}}function G(){return null}function K(e,t){try{let n=JSON.parse(e);return typeof n==`string`?n:t}catch{return t}}function q(e,t){let n=m(u(()=>W(e),[e]),()=>window.sessionStorage.getItem(e),G);return[n==null?t:K(n,t),c(t=>{let n=JSON.stringify(t);window.sessionStorage.setItem(e,n),window.dispatchEvent(new StorageEvent(`storage`,{key:e,newValue:n,storageArea:window.sessionStorage}))},[e])]}function J(){let e=a();return u(()=>e?`auto`:`smooth`,[e])}function Y(e,{root:t,margin:n,amount:r,once:i=!1,initial:a=!1}={}){let[o,c]=p(a);return l(()=>{if(!e.current||i&&o)return;function a(){return c(!0),i?void 0:()=>c(!1)}let l={root:t&&t.current||void 0,margin:n,amount:r};return s(e.current,a,l)},[t,e,n,i,r]),o}function X(){let e=f([]),t=f([]),[,n]=d(e=>e+1,0),r=c(r=>{e.current.push(r),t.current=[],n()},[]),i=c(r=>{let i=e.current[e.current.length-1];if(i!==void 0)return e.current.pop(),t.current.push(r),n(),i},[]),a=c(r=>{let i=t.current[t.current.length-1];if(i!==void 0)return t.current.pop(),e.current.push(r),n(),i},[]),o=e.current.length>0,s=t.current.length>0;return u(()=>({canUndo:o,canRedo:s,push:r,undo:i,redo:a}),[o,s,r,i,a])}export{g as breakpoints,o as getPrefersReducedMotion,_ as useBreakpoint,L as useCallbackRef,t as useComposedRefs,i as useCopyToClipboard,R as useDebounce,z as useDebouncedCallback,Y as useInView,v as useIsBelowBreakpoint,r as useIsHydrated,e as useIsomorphicLayoutEffect,U as useLocalStorage,n as useMatchesMediaQuery,a as usePrefersReducedMotion,J as useScrollBehavior,q as useSessionStorage,X as useUndoRedo};
+import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{n as t}from"./compose-refs-BdBMM9ga.js";import{r as n}from"./browser-only-CPH56Xw_.js";import{t as r}from"./use-copy-to-clipboard-DqQ0_N3E.js";import{t as i}from"./use-matches-media-query-CMSxHR9n.js";import{n as a,t as o}from"./use-prefers-reduced-motion-CagaNRgm.js";import{t as s}from"./in-view-C2DpZ6s0.js";import{useCallback as c,useEffect as l,useMemo as u,useReducer as d,useRef as f,useState as p,useSyncExternalStore as m}from"react";const h=[`2xl`,`xl`,`lg`,`md`,`sm`,`xs`,`2xs`],g=[`default`,...h];function _(){return m(j,M,()=>`default`)}function v(e){return m(P(e),I(e),()=>!1)}const y={"2xl":`(min-width: 96rem)`,xl:`(min-width: 80rem)`,lg:`(min-width: 64rem)`,md:`(min-width: 48rem)`,sm:`(min-width: 40rem)`,xs:`(min-width: 30rem)`,"2xs":`(min-width: 22.5rem)`},b={"2xl":`(max-width: 95.99rem)`,xl:`(max-width: 79.99rem)`,lg:`(max-width: 63.99rem)`,md:`(max-width: 47.99rem)`,sm:`(max-width: 39.99rem)`,xs:`(max-width: 29.99rem)`,"2xs":`(max-width: 22.49rem)`};let x=null,S=null;function C(){return x||={"2xl":window.matchMedia(y[`2xl`]),xl:window.matchMedia(y.xl),lg:window.matchMedia(y.lg),md:window.matchMedia(y.md),sm:window.matchMedia(y.sm),xs:window.matchMedia(y.xs),"2xs":window.matchMedia(y[`2xs`])},x}function w(e){return S||={"2xl":window.matchMedia(b[`2xl`]),xl:window.matchMedia(b.xl),lg:window.matchMedia(b.lg),md:window.matchMedia(b.md),sm:window.matchMedia(b.sm),xs:window.matchMedia(b.xs),"2xs":window.matchMedia(b[`2xs`])},S[e]}let T=`default`;const E=new Set;let D=!1;function O(){let e=C();for(let t of h)if(e[t].matches)return t;return`default`}let k=!1;function A(){k||(k=!0,requestAnimationFrame(()=>{k=!1;let e=O();if(e!==T){T=e;for(let e of E)e()}}))}function j(e){if(E.add(e),!D){D=!0;let e=C();T=O();for(let t of Object.values(e))t.addEventListener(`change`,A)}return e(),()=>{if(E.delete(e),E.size===0&&D){D=!1;let e=C();for(let t of Object.values(e))t.removeEventListener(`change`,A)}}}function M(){return T}const N=new Map;function P(e){let t=N.get(e);return t||(t=t=>{let n=w(e),r=!1,i=()=>{r||(r=!0,requestAnimationFrame(()=>{r=!1,t()}))};return n.addEventListener(`change`,i),()=>{n.removeEventListener(`change`,i)}},N.set(e,t),t)}const F=new Map;function I(e){let t=F.get(e);return t||(t=()=>w(e).matches,F.set(e,t),t)}function L(e){let t=f(e);return l(()=>{t.current=e}),u(()=>((...e)=>t.current?.(...e)),[])}function R(e,t){let[n,r]=p(e);return l(()=>{let n=window.setTimeout(()=>{r(e)},t.waitMs);return()=>{window.clearTimeout(n)}},[e,t.waitMs]),n}function z(e,t){let n=L(e),r=f(0);return l(()=>()=>window.clearTimeout(r.current),[]),c((...e)=>{window.clearTimeout(r.current),r.current=window.setTimeout(()=>n(...e),t.waitMs)},[n,t.waitMs])}function B(e){return function(t){function n(n){let r=n.storageArea==null||n.storageArea===window.localStorage,i=n.key==null||n.key===e;r&&i&&t()}return window.addEventListener(`storage`,n),()=>{window.removeEventListener(`storage`,n)}}}function V(){return null}function H(e,t){try{let n=JSON.parse(e);return typeof n==`string`?n:t}catch{return t}}function U(e,t){let n=m(u(()=>B(e),[e]),()=>window.localStorage.getItem(e),V);return[n==null?t:H(n,t),c(t=>{let n=JSON.stringify(t);window.localStorage.setItem(e,n),window.dispatchEvent(new StorageEvent(`storage`,{key:e,newValue:n,storageArea:window.localStorage}))},[e])]}function W(e){return function(t){function n(n){let r=n.storageArea==null||n.storageArea===window.sessionStorage,i=n.key==null||n.key===e;r&&i&&t()}return window.addEventListener(`storage`,n),()=>{window.removeEventListener(`storage`,n)}}}function G(){return null}function K(e,t){try{let n=JSON.parse(e);return typeof n==`string`?n:t}catch{return t}}function q(e,t){let n=m(u(()=>W(e),[e]),()=>window.sessionStorage.getItem(e),G);return[n==null?t:K(n,t),c(t=>{let n=JSON.stringify(t);window.sessionStorage.setItem(e,n),window.dispatchEvent(new StorageEvent(`storage`,{key:e,newValue:n,storageArea:window.sessionStorage}))},[e])]}function J(){let e=a();return u(()=>e?`auto`:`smooth`,[e])}function Y(e,{root:t,margin:n,amount:r,once:i=!1,initial:a=!1}={}){let[o,c]=p(a);return l(()=>{if(!e.current||i&&o)return;function a(){return c(!0),i?void 0:()=>c(!1)}let l={root:t&&t.current||void 0,margin:n,amount:r};return s(e.current,a,l)},[t,e,n,i,r]),o}function X(){let e=f([]),t=f([]),[,n]=d(e=>e+1,0),r=c(r=>{e.current.push(r),t.current=[],n()},[]),i=c(r=>{let i=e.current[e.current.length-1];if(i!==void 0)return e.current.pop(),t.current.push(r),n(),i},[]),a=c(r=>{let i=t.current[t.current.length-1];if(i!==void 0)return t.current.pop(),e.current.push(r),n(),i},[]),o=e.current.length>0,s=t.current.length>0;return u(()=>({canUndo:o,canRedo:s,push:r,undo:i,redo:a}),[o,s,r,i,a])}export{g as breakpoints,o as getPrefersReducedMotion,_ as useBreakpoint,L as useCallbackRef,t as useComposedRefs,r as useCopyToClipboard,R as useDebounce,z as useDebouncedCallback,Y as useInView,v as useIsBelowBreakpoint,n as useIsHydrated,e as useIsomorphicLayoutEffect,U as useLocalStorage,i as useMatchesMediaQuery,a as usePrefersReducedMotion,J as useScrollBehavior,q as useSessionStorage,X as useUndoRedo};

package/dist/hover-card.d.ts

@@ -25,10 +25,7 @@ import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
  * </HoverCard.Root>
  * ```
  */
-declare const Root: {
-  ({ closeDelay, openDelay, ...props }: ComponentProps<typeof HoverCardPrimitive.Root>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Root: ({ closeDelay, openDelay, ...props }: ComponentProps<typeof HoverCardPrimitive.Root>) => import("react").JSX.Element;
 /**
  * The trigger element that opens the hover card when hovered.
  *
@@ -48,10 +45,7 @@ declare const Root: {
  * </HoverCard.Root>
  * ```
  */
-declare const Trigger: {
-  (props: ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Trigger: (props: ComponentProps<typeof HoverCardPrimitive.Trigger>) => import("react").JSX.Element;
 /**
  * The content to render inside the hover card.
  *
@@ -75,10 +69,7 @@ declare const Trigger: {
  * </HoverCard.Root>
  * ```
  */
-declare const Content: {
-  ({ className, onClick, align, sideOffset, ...props }: ComponentProps<typeof HoverCardPrimitive.Content>): import("react").JSX.Element;
-  displayName: string | undefined;
-};
+declare const Content: ({ className, onClick, align, sideOffset, ...props }: ComponentProps<typeof HoverCardPrimitive.Content>) => import("react").JSX.Element;
 /**
  * A floating card that appears when a user hovers over a trigger element.
  *