@justanarthur/modo-ui 0.6.0-canary.9 → 0.6.0

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

@@ -1,6 +1,6 @@
-import { ReactNode as ReactNode5, RefObject as RefObject6 } from "react";
+import { ReactNode as ReactNode3, RefObject } from "react";
 type SizeVariant = "default" | "compact";
-import { HTMLAttributes, ReactElement, ReactNode as ReactNode2 } from "react";
+import { HTMLAttributes } from "react";
 import { ComponentType } from "react";
 interface IconComponentProps {
 	size?: number | string;
@@ -8,59 +8,37 @@ interface IconComponentProps {
 	className?: string;
 }
 type IconComponent = ComponentType<IconComponentProps>;
-interface MenuItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+interface MenuItemProps extends HTMLAttributes<HTMLDivElement> {
 	/** Optional leading icon. When omitted, the row renders text-only with no
 	*  reserved icon column. */
 	icon?: IconComponent;
-	/** The row text, also its typeahead text and what a `Dropdown.Search filter` matches. Omit it to pass the row's content as `children`. */
-	label?: string;
-	/** Position among the panel's rows, for the index-based selection (`checkedIndex`). Omitted, the row takes its place in document order. */
-	index?: number;
-	/** The row's content when there is no `label`: text, or any nodes (an svg among them takes the icon size). */
-	children?: ReactNode2;
+	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;
-	/** Called when the row is picked, by pointer or keyboard. Call `event.preventDefault()` to keep the menu open. */
-	onSelect?: (event: Event) => void;
-	/** Dims the row; the pointer and the keyboard skip it. Defaults to `false`. */
+	onSelect?: () => void;
 	disabled?: boolean;
 	/** Popup-only (inside DropdownContent): whether activating the item closes
-	*  the menu. Ignored in the inline Dropdown panel. Defaults to `true` (`false` in multiple selection). */
+	*  the menu. Ignored in the inline Dropdown panel. @default true */
 	closeOnClick?: boolean;
-	/** Indents the row to the label column of rows with an icon. Defaults to `false`. */
-	inset?: boolean;
-	/** A keyboard shortcut shown muted at the row's end, e.g. `⌘K` (see Dropdown.Shortcut). */
-	shortcut?: ReactNode2;
-	/** Typeahead text for a row whose content is more than a string (an icon beside markup): the key a press matches while the menu is open. Defaults to `label`, else the row's text `children`. */
-	textValue?: string;
-	/** The element that becomes the row, e.g. a link: `render={<a href="/docs" />}`. Its own props and ref are kept, the row's classes and handlers are added, and its children are the row's content. */
-	render?: ReactElement;
-	/** Compose onto the single child instead of `render`: `<Dropdown.Item asChild><a href="/docs">Docs</a></Dropdown.Item>`. Defaults to `false`. */
-	asChild?: 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;
-	/** Internal: the selection primitive a `Dropdown.CheckboxItem` / `Dropdown.RadioItem` forces. */
-	kind?: "checkbox" | "radio";
-	/** Internal: a `Dropdown.RadioItem`'s value. */
-	value?: unknown;
-	/** Internal: keeps the panel's highlight on the row (a `Dropdown.SubTrigger` whose submenu is open). */
-	pinned?: boolean;
 }
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn4 } from "react";
-import { RefAttributes as RefAttributes_miuf564 } from "react";
-import { JSX as JSX_1kxb4 } from "react";
+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_tcubfn4<ContextMenuItemProps & RefAttributes_miuf564<HTMLDivElement>>;
+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" | RefObject6<HTMLElement | null>;
+	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`. */
@@ -72,9 +50,9 @@ interface ContextMenuContentProps {
 	/** Extra classes for the menu surface — it is 14rem wide by default. */
 	className?: string;
 	/** `ContextMenu.Item` rows, plus `ContextMenu.Label` and `ContextMenu.Separator`. */
-	children?: ReactNode5;
+	children?: ReactNode3;
 }
-declare const ContextMenuContent: ForwardRefExoticComponent_tcubfn4<ContextMenuContentProps & RefAttributes_miuf564<HTMLDivElement>>;
+declare const ContextMenuContent: ForwardRefExoticComponent_tcubfn2<ContextMenuContentProps & RefAttributes_miuf562<HTMLDivElement>>;
 interface ContextMenuProps {
 	/** Controlled open state. Pair with `onOpenChange`. */
 	open?: boolean;
@@ -87,9 +65,9 @@ interface ContextMenuProps {
 	/** 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?: ReactNode5;
+	children?: ReactNode3;
 }
-type Element_12xgc4 = JSX_1kxb4["Element"];
+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.
@@ -115,5 +93,5 @@ type Element_12xgc4 = JSX_1kxb4["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function ContextMenu({ open, defaultOpen, onOpenChange, disabled, size, children }: ContextMenuProps): Element_12xgc4;
+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

@@ -3,35 +3,24 @@ import {
   ContextMenuContent2,
   ContextMenu2,
   context_menu_default
-} from "../../../shared/components-c5w5zk0s.js";
-import"../../../shared/components-2qbqqpgq.js";
-import"../../../shared/components-kz5q11pp.js";
-import"../../../shared/components-tz4gaf1v.js";
-import"../../../shared/components-wbbckbw8.js";
-import"../../../shared/components-9as3rf68.js";
-import"../../../shared/components-krtx3m5b.js";
-import"../../../shared/components-h6p86be3.js";
-import"../../../shared/components-vf45j12c.js";
-import"../../../shared/components-mrbaxt8q.js";
-import"../../../shared/components-c7rwx0ap.js";
-import"../../../shared/components-b1e239g3.js";
-import"../../../shared/components-dhgk6mbt.js";
-import"../../../shared/components-jqpefjsn.js";
-import"../../../shared/components-dc5q749x.js";
-import"../../../shared/components-pwayrkw9.js";
-import"../../../shared/components-yhgq0qxx.js";
-import"../../../shared/components-m06yq8wk.js";
-import"../../../shared/components-dcc02hs2.js";
-import"../../../shared/components-tz1fv35x.js";
-import"../../../shared/components-ctqmge8t.js";
-import"../../../shared/components-drxrtnp2.js";
-import"../../../shared/components-de99ykt7.js";
-import"../../../shared/components-3ey0hzpb.js";
-import"../../../shared/components-h83az0bz.js";
-import"../../../shared/components-34txk9rj.js";
-import"../../../shared/components-71nbt03m.js";
-import"../../../shared/components-gx4h5rbb.js";
-import"../../../shared/components-jcnjay5g.js";
+} from "../../../shared/components-2ph6t61s.js";
+import"../../../shared/components-ypp01w3p.js";
+import"../../../shared/components-5xc2j8jz.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-kvr7f9hy.js";
+import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.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-b0eac83j.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,

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

@@ -1,15 +1,12 @@
-import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
-import { ComponentProps, HTMLAttributes, ReactNode as ReactNode2, RefObject as RefObject2 } from "react";
+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. Children fill it when it has none of its own. */
+	/** 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, or the content of a render element that has none of its own. */
+	/** Control content when there is no render element. */
 	children?: ReactNode;
-	/** Whether the render element is a native `<button>`: pass `false` for a `<div>` or a link, so Base UI adds the button role and keyboard handling itself. Parts not built on a Base UI button ignore it. Defaults to `true`. */
-	nativeButton?: boolean;
 }
 /** What opened the overlay: the pressed trigger and the press point. */
 interface MorphOrigin {
@@ -58,62 +55,42 @@ interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
 	hideSource?: boolean;
 	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
 	tier?: "moderate" | "slow";
-	/** Where focus goes when the dialog opens: a ref, `false` to leave it, `true` for the default, or a function of how it opened (`'mouse'`, `'touch'`, `'pen'`, `'keyboard'`). Defaults to the first tabbable element in the panel. */
-	initialFocus?: DialogPopupProps["initialFocus"];
-	/** Where focus goes when the dialog closes: a ref, `false` to leave it, `true` for the default, or a function of how it closed. Defaults to the trigger. */
-	finalFocus?: DialogPopupProps["finalFocus"];
-	/** Classes for the positioned popup box around the surface, merged after its width (`w-[calc(100%-2rem)]` capped by `size`), so `w-max` or `max-w-[60rem]` sizes the panel. `className` styles the surface's content box. */
-	popupClassName?: string;
 	/** Dialog content. Everything inside reads the dialog's surface level as its substrate. */
 	children?: ReactNode2;
 }
-type DialogPopupProps = ComponentProps<typeof DialogPrimitive.Popup>;
 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>>;
-/** What `onOpenChange` receives besides the open state: Base UI's Dialog change details. */
-type DialogOpenChangeDetails = DialogPrimitive.Root.ChangeEventDetails;
-/** The part of Base UI's change details `DialogState` reads; Drawer's and AlertDialog's fit too. */
-interface OpenChangeDetailsLike {
-	isCanceled: boolean;
-	trigger?: Element;
-	event?: Event;
-}
-/**
-* Change details in Base UI's shape for a change the library makes itself (an
-* AlertDialog action closing it, Command's hotkey), so `onOpenChange` handlers
-* always get `reason`, `event` and a working `cancel()`.
-*/
-declare function createDialogChangeDetails(reason: DialogOpenChangeDetails["reason"], event?: Event, trigger?: Element): DialogOpenChangeDetails;
-interface DialogStateProps<Details extends OpenChangeDetailsLike> {
+interface DialogStateProps {
 	open?: boolean;
 	defaultOpen?: boolean;
-	onOpenChange?: (open: boolean, details: Details) => void;
+	onOpenChange?: (open: boolean) => void;
 	children: (root: {
 		open: boolean;
-		onOpenChange: (next: boolean, details: Details) => void;
+		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, Sheet and Command share it.
+* scopes `Morph.Part` pairs. AlertDialog shares it.
 */
-declare function DialogState<Details extends OpenChangeDetailsLike>({ open, defaultOpen, onOpenChange, children }: DialogStateProps<Details>): Element_12xgc;
+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, with Base UI's change details: `reason` (`'escape-key'`, `'outside-press'`, `'trigger-press'`, `'close-press'`, …), the `event`, and `cancel()` to keep it as it is. */
-	onOpenChange?: (open: boolean, details: DialogOpenChangeDetails) => void;
+	/** Called when the dialog opens or closes. */
+	onOpenChange?: (open: boolean) => void;
 	/** Traps focus and locks page scroll while open. Defaults to `true`. */
 	modal?: boolean;
-	/** Ignore presses outside the panel: only Escape and the dialog's own closes dismiss it. Defaults to `false`. */
-	disablePointerDismissal?: boolean;
 	/** The trigger and the content — `Dialog.Trigger` plus a `Dialog.Content`. */
 	children?: ReactNode2;
 }
@@ -132,15 +109,12 @@ interface DialogProps {
 * `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`.
-* `onOpenChange` hears why (`details.reason`) and can `details.cancel()` it,
-* e.g. to keep the dialog open on an outside press.
 *
 * 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`, `initialFocus`, `finalFocus`, `popupClassName` (sizes the
-*   popup box), and the morph options `from`, `effect`, `hideSource`,
+*   `container`, and the morph options `from`, `effect`, `hideSource`,
 *   `tier`.
 * - `Dialog.Header` / `Dialog.Footer` — the stacked title block, and the
 *   right-aligned action row.
@@ -152,5 +126,5 @@ interface DialogProps {
 *
 * @example {@include ./examples.mdx}
 */
-declare function Dialog({ children, open, defaultOpen, onOpenChange, modal, disablePointerDismissal }: DialogProps): Element_12xgc;
-export { Dialog, DialogClose, DialogSlotProps as DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOpenChangeDetails, DialogProps, DialogState, DialogTitle, DialogTrigger, DialogSlotProps as DialogTriggerProps, createDialogChangeDetails, Dialog as default, useDialogState };
+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

@@ -7,28 +7,21 @@ import {
   DialogFooter2,
   DialogTitle2,
   DialogDescription2,
-  createDialogChangeDetails2,
   DialogState2,
   Dialog2,
   dialog_default
-} from "../../../shared/components-czdvj1a8.js";
-import"../../../shared/components-vf45j12c.js";
-import"../../../shared/components-mrbaxt8q.js";
-import"../../../shared/components-c7rwx0ap.js";
-import"../../../shared/components-b1e239g3.js";
-import"../../../shared/components-dhgk6mbt.js";
-import"../../../shared/components-jqpefjsn.js";
-import"../../../shared/components-m06yq8wk.js";
-import"../../../shared/components-9sttq78t.js";
-import"../../../shared/components-4vfm04wq.js";
-import"../../../shared/components-tz1fv35x.js";
-import"../../../shared/components-de99ykt7.js";
-import"../../../shared/components-3ey0hzpb.js";
-import"../../../shared/components-h83az0bz.js";
-import"../../../shared/components-34txk9rj.js";
-import"../../../shared/components-71nbt03m.js";
-import"../../../shared/components-gx4h5rbb.js";
-import"../../../shared/components-jcnjay5g.js";
+} 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,
@@ -39,7 +32,6 @@ export {
   DialogState2 as DialogState,
   DialogTitle2 as DialogTitle,
   DialogTrigger2 as DialogTrigger,
-  createDialogChangeDetails2 as createDialogChangeDetails,
   dialog_default as default,
   useDialogState2 as useDialogState
 };