@justanarthur/modo-ui 0.0.0-stage → 0.2.0

package/dist/components/navigation/tabs-subtle/index.js

@@ -0,0 +1,21 @@
+import {
+  TabsSubtle2,
+  TabsSubtleItem2,
+  TabsSubtlePanel2,
+  tabs_subtle_default
+} from "../../../shared/components-v6xp325t.js";
+import"../../../shared/components-59efxjd9.js";
+import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-jjw69c4c.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  TabsSubtle2 as TabsSubtle,
+  TabsSubtleItem2 as TabsSubtleItem,
+  TabsSubtlePanel2 as TabsSubtlePanel,
+  tabs_subtle_default as default
+};

package/dist/components/overlays/alert-dialog/index.d.ts

@@ -0,0 +1,67 @@
+import { ReactNode as ReactNode3 } from "react";
+import { HTMLAttributes, ReactNode as ReactNode2, RefObject as RefObject2 } from "react";
+interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
+	/** Width: 400, 540, or 880. Compact regions narrow each by 1 notch: 360,
+	*  480, 800. `xl` is the canvas for composed layouts — a sidebar beside a
+	*  panel — which usually pair it with `className="p-0"` and a fixed
+	*  height. Defaults to `"sm"`. */
+	size?: "sm" | "lg" | "xl";
+	/** Portal target. When set, the overlay and panel render inside this element
+	*  (positioned `absolute`) instead of covering the viewport (`fixed`). Pair
+	*  with a `position: relative; overflow: hidden` container — and usually
+	*  `<Dialog modal={false}>` — to scope a dialog to a bounded region, e.g. a
+	*  docs preview. Defaults to the document body / full-viewport behaviour. */
+	container?: HTMLElement | null;
+	/** The ✕ in the top-right corner. Drop it when the content has its own
+	*  way out, e.g. a command menu that closes on Escape and on a pick.
+	*  Defaults to `true`. */
+	showCloseButton?: boolean;
+	/** Where the panel sits: centered, or anchored 12dvh from the top so a
+	*  panel whose height follows its content (a command menu) keeps its top
+	*  edge still. Defaults to `"center"`. */
+	position?: "center" | "top";
+	/** Where the panel grows from (see Morph): the pressed trigger (its center when none), the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject2<HTMLElement | null>;
+	/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
+	effect?: "goo" | "morph" | "slide" | "fade";
+	/** Hide the trigger while open, so it reads as turning into the panel. Defaults to `false`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
+	tier?: "moderate" | "slow";
+	/** Dialog content. Everything inside reads the dialog's surface level as its substrate. */
+	children?: ReactNode2;
+}
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
+import { RefAttributes as RefAttributes_miuf562 } from "react";
+import { JSX as JSX_1kxb2 } from "react";
+declare const AlertDialogContent: ForwardRefExoticComponent_tcubfn2<DialogContentProps & RefAttributes_miuf562<HTMLDivElement>>;
+interface AlertDialogProps {
+	/** Controlled open state. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled alert dialog. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when the dialog opens or closes. */
+	onOpenChange?: (open: boolean) => void;
+	/** The trigger and the content — `AlertDialog.Trigger` plus an `AlertDialog.Content`. */
+	children?: ReactNode3;
+}
+type Element_12xgc2 = JSX_1kxb2["Element"];
+/**
+* A dialog that asks before something happens and waits for an answer.
+*
+* It is always modal, and a press outside does not close it: only its own
+* actions (and Escape) do, so a destructive step is never confirmed or
+* skipped by accident. Screen readers announce it as an alert. Everything
+* else is Dialog's: the panel grows out of its trigger with the goo neck by
+* default (see Morph), takes the same `size`, `position` and morph options,
+* and lifts 4 surface levels. Unlike Dialog it has no ✕ unless
+* `showCloseButton` asks for one.
+*
+* Statics: the same parts as Dialog — `AlertDialog.Trigger`,
+* `AlertDialog.Content`, `AlertDialog.Header`, `AlertDialog.Footer`,
+* `AlertDialog.Title`, `AlertDialog.Description` and `AlertDialog.Close`.
+*
+* @example {@include ./examples.mdx}
+*/
+declare function AlertDialog({ children, open, defaultOpen, onOpenChange }: AlertDialogProps): Element_12xgc2;
+export { AlertDialog, AlertDialogContent, AlertDialogProps, AlertDialog as default };

package/dist/components/overlays/alert-dialog/index.js

@@ -0,0 +1,22 @@
+import {
+  AlertDialogContent2,
+  AlertDialog2,
+  alert_dialog_default
+} from "../../../shared/components-gf5s6ap9.js";
+import"../../../shared/components-zfnmn5d4.js";
+import"../../../shared/components-3ky44908.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-b2wyq2cq.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-zx6b6yby.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  AlertDialog2 as AlertDialog,
+  AlertDialogContent2 as AlertDialogContent,
+  alert_dialog_default as default
+};

package/dist/components/overlays/command/index.d.ts

@@ -0,0 +1,121 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+import { HTMLAttributes, ReactNode as ReactNode3, RefObject } from "react";
+import { ComponentType } from "react";
+interface IconComponentProps {
+	size?: number | string;
+	strokeWidth?: number | string;
+	className?: string;
+}
+type IconComponent = ComponentType<IconComponentProps>;
+import { ButtonHTMLAttributes, ReactElement, ReactNode as ReactNode2 } from "react";
+interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+	/** The element that becomes the control, e.g. a Button. */
+	render?: ReactElement;
+	/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
+	asChild?: boolean;
+	/** Control content when there is no render element. */
+	children?: ReactNode2;
+}
+import { JSX as JSX_1kxb2 } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
+/** One command: the label the query matches, plus what the row shows and does. */
+interface CommandItem {
+	label: string;
+	icon?: IconComponent;
+	/** Shown at the end of the row; display only, nothing binds it. */
+	shortcut?: string;
+	/** More words the query matches. */
+	keywords?: string[];
+	disabled?: boolean;
+	onSelect?: () => void;
+}
+interface CommandGroup {
+	label: string;
+	items: CommandItem[];
+}
+type CommandItems = CommandItem[] | CommandGroup[];
+type CommandListRootProps = Omit<Autocomplete.Root.Props<CommandItem>, "items" | "filter" | "itemToStringValue" | "onItemHighlighted"> & {
+	items: CommandItems;
+};
+type Element_12xgc2 = JSX_1kxb2["Element"];
+/** Base UI's Autocomplete set up for command rows: it matches labels and keywords and hands its highlight to `CommandList`. */
+declare function CommandListRoot({ items,...props }: CommandListRootProps): Element_12xgc2;
+declare function CommandShortcut({ className,...props }: HTMLAttributes<HTMLElement>): Element_12xgc2;
+interface CommandListProps {
+	onPick: (item: CommandItem) => void;
+	emptyMessage: ReactNode3;
+	className?: string;
+}
+/** The filtered rows (grouped or flat) under one fluid highlight, inside a ScrollArea. Goes inside `CommandListRoot`. */
+declare function CommandList({ onPick, emptyMessage, className }: CommandListProps): Element_12xgc2;
+interface CommandPaletteProps {
+	/** The commands, flat or in labelled groups. */
+	items: CommandItems;
+	/** The search field's placeholder. Defaults to `'Type a command or search…'`. */
+	placeholder?: string;
+	/** Shown when nothing matches the query. Defaults to `'No results found.'`. */
+	emptyMessage?: ReactNode3;
+	/** Classes for the palette's box. */
+	className?: string;
+}
+declare function CommandPalette({ items, placeholder, emptyMessage, className }: CommandPaletteProps): Element_12xgc2;
+declare const CommandTrigger: ForwardRefExoticComponent_tcubfn<SlotProps & RefAttributes_miuf56<HTMLButtonElement>>;
+interface CommandContentProps extends CommandPaletteProps {
+	/** Accessible name of the panel. Defaults to `'Command menu'`. */
+	label?: string;
+	/** Where the panel grows from (see Morph): the pressed trigger (its center when none), the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject<HTMLElement | null>;
+	/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
+	effect?: "goo" | "morph" | "slide" | "fade";
+	/** Hide the trigger while open, so it reads as turning into the panel. Defaults to `false`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
+	tier?: "moderate" | "slow";
+}
+declare const CommandContent: ForwardRefExoticComponent_tcubfn<CommandContentProps & RefAttributes_miuf56<HTMLDivElement>>;
+interface CommandProps {
+	/** Controlled open state. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled palette. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when the palette opens or closes. */
+	onOpenChange?: (open: boolean) => void;
+	/** The key that toggles the palette with ⌘ (Ctrl elsewhere); `false` leaves the keyboard alone. Defaults to `'k'`. */
+	hotkey?: string | false;
+	/** The trigger and the panel: `Command.Trigger` plus a `Command.Content`. */
+	children?: ReactNode3;
+}
+/**
+* A ⌘K command menu: a search field over grouped commands, grown out of
+* whatever opened it.
+*
+* Type to filter by label and keywords; the arrows move one highlight
+* through the rows, springing between them like the fluid hover, and Enter
+* or a press runs the command and closes the panel. The first match is
+* always highlighted, so Enter has a target, and an empty result says so.
+* The panel is Dialog's: it grows out of its trigger with the goo neck
+* (see Morph) and sits near the top of the window, so it keeps its top edge
+* still as the list filters. ⌘K (Ctrl+K elsewhere) toggles it from anywhere
+* on the page and still grows it out of the trigger; with several palettes
+* on one page, one answers each press. Escape and a press outside close it.
+* Built on Base UI's Autocomplete, rendered inline: the input keeps focus
+* and screen readers follow the highlighted row.
+*
+* Commands are data: `{ label, icon, shortcut, keywords, disabled, onSelect }`,
+* flat or in `{ label, items }` groups. A `shortcut` is only shown.
+*
+* Statics:
+* - `Command.Trigger` — the control that opens it: `render={<Button/>}` or
+*   `asChild`.
+* - `Command.Content` — the panel: `items`, `placeholder`, `emptyMessage`,
+*   `label`, and the morph options `from`, `effect`, `hideSource`, `tier`.
+* - `Command.Palette` — the search field and list on their own, for a
+*   palette that lives in the page: `items`, `placeholder`, `emptyMessage`.
+* - `Command.Shortcut` — a key hint, as the rows show it, e.g. in the
+*   trigger.
+*
+* @example {@include ./examples.mdx}
+*/
+declare function Command({ open, defaultOpen, onOpenChange, hotkey, children }: CommandProps): Element_12xgc2;
+export { Command, CommandContent, CommandContentProps, CommandGroup, CommandItem, CommandItems, CommandList, CommandListRoot, CommandPalette, CommandPaletteProps, CommandProps, CommandShortcut, CommandTrigger, Command as default };

package/dist/components/overlays/command/index.js

@@ -0,0 +1,36 @@
+import {
+  CommandListRoot2,
+  CommandShortcut2,
+  CommandList2,
+  CommandPalette2,
+  CommandTrigger2,
+  CommandContent2,
+  Command2,
+  command_default
+} from "../../../shared/components-8fpr3s4p.js";
+import"../../../shared/components-zfnmn5d4.js";
+import"../../../shared/components-3ky44908.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-kvr7f9hy.js";
+import"../../../shared/components-59efxjd9.js";
+import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-b2wyq2cq.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-hawvy2qz.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-zx6b6yby.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  Command2 as Command,
+  CommandContent2 as CommandContent,
+  CommandList2 as CommandList,
+  CommandListRoot2 as CommandListRoot,
+  CommandPalette2 as CommandPalette,
+  CommandShortcut2 as CommandShortcut,
+  CommandTrigger2 as CommandTrigger,
+  command_default as default
+};

package/dist/components/overlays/context-menu/index.d.ts

@@ -0,0 +1,97 @@
+import { ReactNode as ReactNode3, RefObject } from "react";
+type SizeVariant = "default" | "compact";
+import { HTMLAttributes } from "react";
+import { ComponentType } from "react";
+interface IconComponentProps {
+	size?: number | string;
+	strokeWidth?: number | string;
+	className?: string;
+}
+type IconComponent = ComponentType<IconComponentProps>;
+interface MenuItemProps extends HTMLAttributes<HTMLDivElement> {
+	/** Optional leading icon. When omitted, the row renders text-only with no
+	*  reserved icon column. */
+	icon?: IconComponent;
+	label: string;
+	index: number;
+	/** When a boolean, the item is a radio-style option (role="menuitemradio"
+	*  with aria-checked). When undefined, it is a plain action item
+	*  (role="menuitem"), unless the panel owns the selection — then the row
+	*  reads its checked state off the panel and toggles it on activation. */
+	checked?: boolean;
+	onSelect?: () => void;
+	disabled?: boolean;
+	/** Popup-only (inside DropdownContent): whether activating the item closes
+	*  the menu. Ignored in the inline Dropdown panel. @default true */
+	closeOnClick?: boolean;
+	/** Internal: the row's authored index, stamped by a filtering panel that
+	*  re-indexed the visible rows. Selection is keyed on it. */
+	sourceIndex?: number;
+}
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
+import { RefAttributes as RefAttributes_miuf562 } from "react";
+import { JSX as JSX_1kxb2 } from "react";
+interface ContextMenuItemProps extends MenuItemProps {
+	/** Keyboard shortcut shown at the row's end, e.g. `⌘C`. */
+	shortcut?: string;
+}
+declare const ContextMenuItem: ForwardRefExoticComponent_tcubfn2<ContextMenuItemProps & RefAttributes_miuf562<HTMLDivElement>>;
+interface ContextMenuContentProps {
+	/** Where the menu grows from (see Morph): the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'pointer'`. */
+	from?: "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject<HTMLElement | null>;
+	/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
+	effect?: "goo" | "morph" | "slide" | "fade";
+	/** Hide the `from` element while open, so it reads as turning into the menu. Defaults to `false`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
+	tier?: "moderate" | "slow";
+	/** Portal target. Defaults to the document body. */
+	container?: HTMLElement | null;
+	/** Extra classes for the menu surface — it is 14rem wide by default. */
+	className?: string;
+	/** `ContextMenu.Item` rows, plus `ContextMenu.Label` and `ContextMenu.Separator`. */
+	children?: ReactNode3;
+}
+declare const ContextMenuContent: ForwardRefExoticComponent_tcubfn2<ContextMenuContentProps & RefAttributes_miuf562<HTMLDivElement>>;
+interface ContextMenuProps {
+	/** Controlled open state. Pair with `onOpenChange`. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled menu. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when the menu opens or closes. */
+	onOpenChange?: (open: boolean) => void;
+	/** Turns the trigger area back into a plain one: no menu on right click or long press. Defaults to `false`. */
+	disabled?: boolean;
+	/** Pins the rows to one step of the size ladder (default 36px, compact 28px — see Sizes). Omitted, they follow the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** The area and the menu — `ContextMenu.Trigger` plus a `ContextMenu.Content`. */
+	children?: ReactNode3;
+}
+type Element_12xgc2 = JSX_1kxb2["Element"];
+/**
+* A menu that grows out of the pointer on right click, or on a long press on
+* touch: the surface swells from the exact point you pressed into the menu.
+*
+* The morph comes from the shared engine (see Morph): from the press point
+* by default, or from its own center, a viewport edge or any element, with
+* the goo, a plain morph, a slide or a fade. The rows are Dropdown's — the
+* fluid hover background gliding between them, icons that firm up under it,
+* dimmed disabled rows the pointer skips — plus a keyboard shortcut at the
+* end of a row. The menu lifts 2 surface levels off its substrate. Built on
+* Base UI's ContextMenu: it opens at the pointer and flips or shifts to stay
+* on screen, arrow keys and typeahead move between rows, and picking a row,
+* Escape or an outside press closes it.
+*
+* Statics:
+* - `ContextMenu.Trigger` — the area that opens it (a `div`).
+* - `ContextMenu.Content` — the menu: the morph options `from`, `effect`,
+*   `hideSource`, `tier`.
+* - `ContextMenu.Item` — a row: `index`, `label`, `icon`, `shortcut`,
+*   `onSelect`, `disabled`.
+* - `ContextMenu.Label` / `ContextMenu.Separator` — a caption over a run of
+*   rows and a rule between runs (Dropdown's).
+*
+* @example {@include ./examples.mdx}
+*/
+declare function ContextMenu({ open, defaultOpen, onOpenChange, disabled, size, children }: ContextMenuProps): Element_12xgc2;
+export { ContextMenu, ContextMenuContent, ContextMenuContentProps, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, ContextMenu as default };

package/dist/components/overlays/context-menu/index.js

@@ -0,0 +1,29 @@
+import {
+  ContextMenuItem2,
+  ContextMenuContent2,
+  ContextMenu2,
+  context_menu_default
+} from "../../../shared/components-1xekx2hx.js";
+import"../../../shared/components-nh8tma1n.js";
+import"../../../shared/components-5xc2j8jz.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-kvr7f9hy.js";
+import"../../../shared/components-59efxjd9.js";
+import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-jjw69c4c.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-hawvy2qz.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-vc7vq5nz.js";
+import"../../../shared/components-zx6b6yby.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  ContextMenu2 as ContextMenu,
+  ContextMenuContent2 as ContextMenuContent,
+  ContextMenuItem2 as ContextMenuItem,
+  context_menu_default as default
+};

package/dist/components/overlays/dialog/index.d.ts

@@ -0,0 +1,130 @@
+import { HTMLAttributes, ReactNode as ReactNode2, RefObject as RefObject2 } from "react";
+import { ButtonHTMLAttributes, ReactElement, ReactNode } from "react";
+interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+	/** The element that becomes the control, e.g. a Button. */
+	render?: ReactElement;
+	/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
+	asChild?: boolean;
+	/** Control content when there is no render element. */
+	children?: ReactNode;
+}
+/** What opened the overlay: the pressed trigger and the press point. */
+interface MorphOrigin {
+	trigger?: HTMLElement;
+	point?: {
+		x: number;
+		y: number;
+	};
+}
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
+import { JSX as JSX_1kxb } from "react";
+type DialogSlotProps = SlotProps;
+/** The open state and origin `DialogState` provides, for content built on another Base UI popup (Sheet). */
+declare const useDialogState: () => {
+	open: boolean;
+	origin: RefObject2<MorphOrigin>;
+};
+declare const DialogTrigger: ForwardRefExoticComponent_tcubfn<SlotProps & RefAttributes_miuf56<HTMLButtonElement>>;
+declare const DialogClose: ForwardRefExoticComponent_tcubfn<SlotProps & RefAttributes_miuf56<HTMLButtonElement>>;
+interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
+	/** Width: 400, 540, or 880. Compact regions narrow each by 1 notch: 360,
+	*  480, 800. `xl` is the canvas for composed layouts — a sidebar beside a
+	*  panel — which usually pair it with `className="p-0"` and a fixed
+	*  height. Defaults to `"sm"`. */
+	size?: "sm" | "lg" | "xl";
+	/** Portal target. When set, the overlay and panel render inside this element
+	*  (positioned `absolute`) instead of covering the viewport (`fixed`). Pair
+	*  with a `position: relative; overflow: hidden` container — and usually
+	*  `<Dialog modal={false}>` — to scope a dialog to a bounded region, e.g. a
+	*  docs preview. Defaults to the document body / full-viewport behaviour. */
+	container?: HTMLElement | null;
+	/** The ✕ in the top-right corner. Drop it when the content has its own
+	*  way out, e.g. a command menu that closes on Escape and on a pick.
+	*  Defaults to `true`. */
+	showCloseButton?: boolean;
+	/** Where the panel sits: centered, or anchored 12dvh from the top so a
+	*  panel whose height follows its content (a command menu) keeps its top
+	*  edge still. Defaults to `"center"`. */
+	position?: "center" | "top";
+	/** Where the panel grows from (see Morph): the pressed trigger (its center when none), the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject2<HTMLElement | null>;
+	/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
+	effect?: "goo" | "morph" | "slide" | "fade";
+	/** Hide the trigger while open, so it reads as turning into the panel. Defaults to `false`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
+	tier?: "moderate" | "slow";
+	/** Dialog content. Everything inside reads the dialog's surface level as its substrate. */
+	children?: ReactNode2;
+}
+declare const DialogContent: ForwardRefExoticComponent_tcubfn<DialogContentProps & RefAttributes_miuf56<HTMLDivElement>>;
+type Element_12xgc = JSX_1kxb["Element"];
+declare function DialogHeader({ className,...props }: HTMLAttributes<HTMLDivElement>): Element_12xgc;
+declare function DialogFooter({ className,...props }: HTMLAttributes<HTMLDivElement>): Element_12xgc;
+declare const DialogTitle: ForwardRefExoticComponent_tcubfn<HTMLAttributes<HTMLHeadingElement> & RefAttributes_miuf56<HTMLHeadingElement>>;
+declare const DialogDescription: ForwardRefExoticComponent_tcubfn<HTMLAttributes<HTMLParagraphElement> & RefAttributes_miuf56<HTMLParagraphElement>>;
+interface DialogStateProps {
+	open?: boolean;
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
+	children: (root: {
+		open: boolean;
+		onOpenChange: (next: boolean, details: {
+			trigger?: Element;
+			event?: Event;
+		}) => void;
+	}) => ReactNode2;
+}
+/**
+* A dialog's open state, held here (not in Base UI's Root) because the morph
+* reads it, and the open event tells it which trigger was pressed. Also
+* scopes `Morph.Part` pairs. AlertDialog shares it.
+*/
+declare function DialogState({ open, defaultOpen, onOpenChange, children }: DialogStateProps): Element_12xgc;
+interface DialogProps {
+	/** Controlled open state. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled dialog. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when the dialog opens or closes. */
+	onOpenChange?: (open: boolean) => void;
+	/** Traps focus and locks page scroll while open. Defaults to `true`. */
+	modal?: boolean;
+	/** The trigger and the content — `Dialog.Trigger` plus a `Dialog.Content`. */
+	children?: ReactNode2;
+}
+/**
+* 3 widths, grown out of whatever opened them.
+*
+* The panel lifts 4 surface levels off whatever substrate it opens on and
+* re-provides that level, so a dropdown or select inside it keeps climbing
+* the ladder instead of melting into the dialog. Width comes from
+* `Dialog.Content`'s `size` — 400, 540 or 880, each one notch narrower in
+* compact regions. The panel grows out of its trigger through the shared
+* morph (see Morph): goo by default on `spring.goo`, or from the press
+* point, its own center, a viewport edge or any element, and the backdrop
+* fades with it. `Morph.Part` pairs an element in the trigger with its twin
+* in the panel, so a card's image or title flies into the dialog.
+* `position="top"` anchors the panel 12dvh down so a content-sized panel (a
+* command menu) keeps its top edge still. Built on Base UI's Dialog: open
+* state is controlled with `open` / `onOpenChange` or left to `defaultOpen`.
+*
+* Statics:
+* - `Dialog.Trigger` — the control that opens it. `render={<Button/>}` or
+*   Radix-style `asChild` with a single child both work.
+* - `Dialog.Content` — the panel: `size`, `position`, `showCloseButton`,
+*   `container`, and the morph options `from`, `effect`, `hideSource`,
+*   `tier`.
+* - `Dialog.Header` / `Dialog.Footer` — the stacked title block, and the
+*   right-aligned action row.
+* - `Dialog.Title` / `Dialog.Description` — the labelled heading and its
+*   supporting line, wired to the panel for screen readers.
+* - `Dialog.Close` — dismisses it; same `render` / `asChild` shape as the
+*   trigger. `Dialog.Content` renders its own ✕ unless
+*   `showCloseButton={false}`.
+*
+* @example {@include ./examples.mdx}
+*/
+declare function Dialog({ children, open, defaultOpen, onOpenChange, modal }: DialogProps): Element_12xgc;
+export { Dialog, DialogClose, DialogSlotProps as DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProps, DialogState, DialogTitle, DialogTrigger, DialogSlotProps as DialogTriggerProps, Dialog as default, useDialogState };

package/dist/components/overlays/dialog/index.js

@@ -0,0 +1,37 @@
+import {
+  useDialogState2,
+  DialogTrigger2,
+  DialogClose2,
+  DialogContent2,
+  DialogHeader2,
+  DialogFooter2,
+  DialogTitle2,
+  DialogDescription2,
+  DialogState2,
+  Dialog2,
+  dialog_default
+} from "../../../shared/components-zfnmn5d4.js";
+import"../../../shared/components-3ky44908.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-b2wyq2cq.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-zx6b6yby.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  Dialog2 as Dialog,
+  DialogClose2 as DialogClose,
+  DialogContent2 as DialogContent,
+  DialogDescription2 as DialogDescription,
+  DialogFooter2 as DialogFooter,
+  DialogHeader2 as DialogHeader,
+  DialogState2 as DialogState,
+  DialogTitle2 as DialogTitle,
+  DialogTrigger2 as DialogTrigger,
+  dialog_default as default,
+  useDialogState2 as useDialogState
+};