twenty-ui 2.44.0 → 2.46.0

package/dist/primitives/navigation/Breadcrumb/types/BreadcrumbItem.d.ts

@@ -0,0 +1,5 @@
+import { useRender } from '@base-ui/react/use-render';
+import { Ref } from 'react';
+export type BreadcrumbItem = Omit<useRender.ComponentProps<'a', Record<string, never>, useRender.ElementProps<'a'>>, 'ref'> & {
+    ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;
+};

package/dist/primitives/navigation/Breadcrumb/types/BreadcrumbProps.d.ts

@@ -0,0 +1,5 @@
+import { useRender } from '@base-ui/react/use-render';
+import { BreadcrumbItem } from './BreadcrumbItem';
+export type BreadcrumbProps = Omit<useRender.ComponentProps<'nav'>, 'children'> & {
+    links: BreadcrumbItem[];
+};

package/dist/primitives/navigation/ListItem/ListItem.d.ts

@@ -1,2 +1,2 @@
 import { ListItemProps } from './types/ListItemProps';
-export declare const ListItem: ({ color, selected, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, actionsVisibility, hotkeys, hotkeysJoinLabel, hasSubmenu, className, children, render, ref, onClick, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const ListItem: ({ color, selected, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, actionsVisibility, shortcut, shortcutJoinLabel, hasSubmenu, className, children, render, ref, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/navigation/ListItem/__stories__/ListItemMenuExample.d.ts

@@ -0,0 +1,6 @@
+import { ListItemProps } from '../types/ListItemProps';
+type ListItemMenuExampleProps = {
+    onClick?: ListItemProps['onClick'];
+};
+export declare const ListItemMenuExample: ({ onClick }: ListItemMenuExampleProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/navigation/ListItem/types/ListItemProps.d.ts

@@ -1,10 +1,12 @@
+import { ShortcutDefinition } from '../../../typography/Shortcut/types/ShortcutDefinition';
 import { useRender } from '@base-ui/react/use-render';
-import { ReactNode } from 'react';
+import { DOMAttributes, ReactNode, Ref } from 'react';
 import { ListItemColor } from './ListItemColor';
 import { ListItemDescriptionPlacement } from './ListItemDescriptionPlacement';
 import { ListItemIndicator } from './ListItemIndicator';
 import { ListItemState } from './ListItemState';
-export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>, 'color'> & {
+export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>, 'color' | 'ref' | keyof DOMAttributes<HTMLDivElement>> & DOMAttributes<HTMLElement> & {
+    ref?: Ref<HTMLElement>;
     /** Color of the text and icons. `danger` marks a destructive action. */
     color?: ListItemColor;
     /**
@@ -14,7 +16,6 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
     selected?: boolean;
     /** Applies the highlighted style, for example to the focused item of a list. */
     focused?: boolean;
-    /** Prevents clicks and applies the disabled style. */
     disabled?: boolean;
     /**
      * Selection indicator: a check icon after the content or a checkbox before
@@ -39,8 +40,8 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
      * Keyboard shortcut keys displayed at the end of the row. Registering the
      * shortcut is up to the application.
      */
-    hotkeys?: string[];
-    hotkeysJoinLabel?: string;
+    shortcut?: ShortcutDefinition;
+    shortcutJoinLabel?: string;
     /** Shows a chevron indicating that the item opens a submenu. */
     hasSubmenu?: boolean;
 };

package/dist/primitives/navigation/index.d.ts

@@ -1,3 +1,6 @@
+export { Breadcrumb } from './Breadcrumb/Breadcrumb';
+export type { BreadcrumbItem } from './Breadcrumb/types/BreadcrumbItem';
+export type { BreadcrumbProps } from './Breadcrumb/types/BreadcrumbProps';
 export { ListItem } from './ListItem/ListItem';
 export type { ListItemColor } from './ListItem/types/ListItemColor';
 export type { ListItemDescriptionPlacement } from './ListItem/types/ListItemDescriptionPlacement';

package/dist/primitives/navigation.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ListItem-UYe5GaEQ.cjs"),t=require("../navigation-qJfYicT7.cjs");exports.ListItem=e.ListItem;exports.Tabs=t.Tabs;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ListItem-fFbJhi6M.cjs"),e=require("../navigation-DOSnqFwk.cjs");exports.Breadcrumb=e.Breadcrumb;exports.ListItem=r.ListItem;exports.Tabs=e.Tabs;

package/dist/primitives/navigation.mjs

@@ -1,6 +1,7 @@
-import { t as m } from "../ListItem-Bg7Sk5Nv.js";
-import { t as r } from "../navigation-CUofX3gO.js";
+import { t } from "../ListItem-BVJEFywj.js";
+import { n as a, t as o } from "../navigation-DK1z9KJj.js";
 export {
-  m as ListItem,
-  r as Tabs
+  a as Breadcrumb,
+  t as ListItem,
+  o as Tabs
 };

package/dist/primitives/surfaces/AlertDialog/AlertDialog.d.ts

@@ -2,11 +2,16 @@ import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog
 export declare const AlertDialog: {
     Root: typeof AlertDialogPrimitive.Root;
     Trigger: AlertDialogPrimitive.Trigger;
-    Popup: ({ size, container, keepMounted, className, ...props }: import('..').AlertDialogPopupProps) => import("react").JSX.Element;
+    Portal: ({ container, ...props }: import('..').AlertDialogPortalProps) => import("react").JSX.Element;
+    Backdrop: ({ className, ...props }: import('..').AlertDialogBackdropProps) => import("react").JSX.Element;
+    Viewport: ({ className, ...props }: import('..').AlertDialogViewportProps) => import("react").JSX.Element;
+    Popup: ({ size, className, ...props }: import('..').AlertDialogPopupProps) => import("react").JSX.Element;
     Title: ({ className, ...props }: import('..').AlertDialogTitleProps) => import("react").JSX.Element;
     Description: ({ className, ...props }: import('..').AlertDialogDescriptionProps) => import("react").JSX.Element;
     Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     Header: ({ render, ref, className, ...props }: import('..').AlertDialogHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
     Body: ({ render, ref, className, ...props }: import('..').AlertDialogBodyProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
     Footer: ({ render, ref, className, ...props }: import('..').AlertDialogFooterProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Handle: typeof AlertDialogPrimitive.Handle;
+    createHandle: typeof AlertDialogPrimitive.createHandle;
 };

package/dist/primitives/surfaces/AlertDialog/__stories__/AlertDialogExample.d.ts

@@ -1,10 +1,2 @@
-import { ReactNode } from 'react';
-import { AlertDialogPopupProps } from '../types/AlertDialogPopupProps';
-import { AlertDialogRootProps } from '../types/AlertDialogRootProps';
-export type AlertDialogExampleProps = AlertDialogRootProps & {
-    size?: AlertDialogPopupProps['size'];
-    popupProps?: AlertDialogPopupProps;
-    disabled?: boolean;
-    content?: ReactNode;
-};
-export declare const AlertDialogExample: ({ size, popupProps, disabled, content, ...props }: AlertDialogExampleProps) => import("react").JSX.Element;
+import { AlertDialogExampleProps } from './AlertDialogExampleProps';
+export declare const AlertDialogExample: ({ size, popupProps, portalProps, disabled, content, ...props }: AlertDialogExampleProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/AlertDialog/__stories__/AlertDialogExampleProps.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { AlertDialogPopupProps } from '../types/AlertDialogPopupProps';
+import { AlertDialogPortalProps } from '../types/AlertDialogPortalProps';
+import { AlertDialogRootProps } from '../types/AlertDialogRootProps';
+export type AlertDialogExampleProps = AlertDialogRootProps & {
+    size?: AlertDialogPopupProps['size'];
+    popupProps?: AlertDialogPopupProps;
+    portalProps?: AlertDialogPortalProps;
+    disabled?: boolean;
+    content?: ReactNode;
+};

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogBackdrop.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogBackdropProps } from '../types/AlertDialogBackdropProps';
+export declare const AlertDialogBackdrop: ({ className, ...props }: AlertDialogBackdropProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogPopup.d.ts

@@ -1,2 +1,2 @@
 import { AlertDialogPopupProps } from '../types/AlertDialogPopupProps';
-export declare const AlertDialogPopup: ({ size, container, keepMounted, className, ...props }: AlertDialogPopupProps) => import("react").JSX.Element;
+export declare const AlertDialogPopup: ({ size, className, ...props }: AlertDialogPopupProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogPortal.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogPortalProps } from '../types/AlertDialogPortalProps';
+export declare const AlertDialogPortal: ({ container, ...props }: AlertDialogPortalProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogViewport.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogViewportProps } from '../types/AlertDialogViewportProps';
+export declare const AlertDialogViewport: ({ className, ...props }: AlertDialogViewportProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogBackdropProps.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogBackdropProps = AlertDialogPrimitive.Backdrop.Props;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogBackdropState.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogBackdropState = AlertDialogPrimitive.Backdrop.State;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogCloseState.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogCloseState = AlertDialogPrimitive.Close.State;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogDescriptionState.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogDescriptionState = AlertDialogPrimitive.Description.State;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogHandle.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogHandle<TPayload = unknown> = AlertDialogPrimitive.Handle<TPayload>;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogPopupProps.d.ts

@@ -1,13 +1,5 @@
 import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
 import { AlertDialogSize } from './AlertDialogSize';
 export type AlertDialogPopupProps = AlertDialogPrimitive.Popup.Props & {
-    /** Width of the dialog, or `fullscreen` to fill the viewport. */
     size?: AlertDialogSize;
-    /**
-     * Element the dialog is portaled into. Defaults to the theme's portal
-     * container.
-     */
-    container?: AlertDialogPrimitive.Portal.Props['container'];
-    /** Keeps the dialog mounted in the DOM while it is closed. */
-    keepMounted?: boolean;
 };

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogPopupState.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogPopupState = AlertDialogPrimitive.Popup.State;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogPortalProps.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogPortalProps = AlertDialogPrimitive.Portal.Props;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogPortalState.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogPortalState = AlertDialogPrimitive.Portal.State;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogRootActions.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogRootActions = AlertDialogPrimitive.Root.Actions;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogRootChangeEventDetails.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogRootChangeEventDetails = AlertDialogPrimitive.Root.ChangeEventDetails;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogRootChangeEventReason.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogRootChangeEventReason = AlertDialogPrimitive.Root.ChangeEventReason;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogRootState.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogRootState = AlertDialogPrimitive.Root.State;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogTitleState.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogTitleState = AlertDialogPrimitive.Title.State;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogTriggerState.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogTriggerState = AlertDialogPrimitive.Trigger.State;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogViewportProps.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogViewportProps = AlertDialogPrimitive.Viewport.Props;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogViewportState.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogViewportState = AlertDialogPrimitive.Viewport.State;

package/dist/primitives/surfaces/Card/Card.d.ts

@@ -1,18 +1,6 @@
 export declare const Card: {
-    Root: ({ children, className, fullWidth, rounded, backgroundColor, style, ...rest }: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        fullWidth?: boolean;
-        rounded?: boolean;
-        backgroundColor?: string;
-    }) => import("react").JSX.Element;
-    Header: ({ children, className, ...rest }: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => import("react").JSX.Element;
-    Content: ({ children, className, divider, isClickable, hasHoverHighlight, ...rest }: {
-        children?: import('react').ReactNode;
-        className?: string;
-        divider?: boolean;
-        isClickable?: boolean;
-        hasHoverHighlight?: boolean;
-    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => import("react").JSX.Element;
-    Footer: ({ children, className, divider, ...rest }: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        divider?: boolean;
-    }) => import("react").JSX.Element;
+    Root: ({ className, fullWidth, rounded, backgroundColor, style, render, ref, ...props }: import('..').CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Header: ({ className, render, ref, ...props }: import('..').CardHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Content: ({ className, divider, render, ref, ...props }: import('..').CardContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Footer: ({ className, divider, render, ref, ...props }: import('..').CardFooterProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 };

package/dist/primitives/surfaces/Card/internal/CardContent.d.ts

@@ -1,10 +1,2 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-type CardContentProps = {
-    children?: ReactNode;
-    className?: string;
-    divider?: boolean;
-    isClickable?: boolean;
-    hasHoverHighlight?: boolean;
-} & ComponentPropsWithoutRef<'div'>;
-export declare const CardContent: ({ children, className, divider, isClickable, hasHoverHighlight, ...rest }: CardContentProps) => import("react").JSX.Element;
-export {};
+import { CardContentProps } from '../types/CardContentProps';
+export declare const CardContent: ({ className, divider, render, ref, ...props }: CardContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Card/internal/CardFooter.d.ts

@@ -1,6 +1,2 @@
-import { ComponentPropsWithoutRef } from 'react';
-type CardFooterProps = ComponentPropsWithoutRef<'div'> & {
-    divider?: boolean;
-};
-export declare const CardFooter: ({ children, className, divider, ...rest }: CardFooterProps) => import("react").JSX.Element;
-export {};
+import { CardFooterProps } from '../types/CardFooterProps';
+export declare const CardFooter: ({ className, divider, render, ref, ...props }: CardFooterProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Card/internal/CardHeader.d.ts

@@ -1,4 +1,2 @@
-import { ComponentPropsWithoutRef } from 'react';
-type CardHeaderProps = ComponentPropsWithoutRef<'div'>;
-export declare const CardHeader: ({ children, className, ...rest }: CardHeaderProps) => import("react").JSX.Element;
-export {};
+import { CardHeaderProps } from '../types/CardHeaderProps';
+export declare const CardHeader: ({ className, render, ref, ...props }: CardHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Card/internal/CardRoot.d.ts

@@ -1,8 +1,2 @@
-import { ComponentPropsWithoutRef } from 'react';
-type CardRootProps = ComponentPropsWithoutRef<'div'> & {
-    fullWidth?: boolean;
-    rounded?: boolean;
-    backgroundColor?: string;
-};
-export declare const CardRoot: ({ children, className, fullWidth, rounded, backgroundColor, style, ...rest }: CardRootProps) => import("react").JSX.Element;
-export {};
+import { CardRootProps } from '../types/CardRootProps';
+export declare const CardRoot: ({ className, fullWidth, rounded, backgroundColor, style, render, ref, ...props }: CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Card/types/CardContentProps.d.ts

@@ -0,0 +1,4 @@
+import { useRender } from '@base-ui/react/use-render';
+export type CardContentProps = useRender.ComponentProps<'div'> & {
+    divider?: boolean;
+};

package/dist/primitives/surfaces/Card/types/CardFooterProps.d.ts

@@ -0,0 +1,4 @@
+import { useRender } from '@base-ui/react/use-render';
+export type CardFooterProps = useRender.ComponentProps<'div'> & {
+    divider?: boolean;
+};

package/dist/primitives/surfaces/Card/types/CardHeaderProps.d.ts

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type CardHeaderProps = useRender.ComponentProps<'div'>;

package/dist/primitives/surfaces/Card/types/CardRootProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+export type CardRootProps = useRender.ComponentProps<'div'> & {
+    fullWidth?: boolean;
+    rounded?: boolean;
+    backgroundColor?: string;
+};

package/dist/primitives/surfaces/Dialog/Dialog.d.ts

@@ -1,9 +1,13 @@
 import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
 export declare const Dialog: {
     createHandle: typeof DialogPrimitive.createHandle;
+    Handle: typeof DialogPrimitive.Handle;
     Root: <Payload>(props: DialogPrimitive.Root.Props<Payload>) => React.JSX.Element;
     Trigger: DialogPrimitive.Trigger;
-    Popup: ({ size, container, keepMounted, backdrop, viewportProps, className, ...props }: import('..').DialogPopupProps) => import("react").JSX.Element;
+    Portal: ({ container, ...props }: import('..').DialogPortalProps) => import("react").JSX.Element;
+    Backdrop: ({ className, ...props }: import('..').DialogBackdropProps) => import("react").JSX.Element;
+    Viewport: ({ className, ...props }: import('..').DialogViewportProps) => import("react").JSX.Element;
+    Popup: ({ size, className, ...props }: import('..').DialogPopupProps) => import("react").JSX.Element;
     Title: ({ level, size, color, className, render, ...props }: import('..').DialogTitleProps) => import("react").JSX.Element;
     Description: ({ className, ...props }: import('..').DialogDescriptionProps) => import("react").JSX.Element;
     Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/primitives/surfaces/Dialog/__stories__/DialogExample.d.ts

@@ -1,2 +1,2 @@
 import { DialogExampleProps } from './DialogExampleProps';
-export declare const DialogExample: ({ size, popupProps, disabled, content, ...props }: DialogExampleProps) => import("react").JSX.Element;
+export declare const DialogExample: ({ size, portalProps, popupProps, backdrop, disabled, content, ...props }: DialogExampleProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Dialog/__stories__/DialogExampleProps.d.ts

@@ -1,9 +1,12 @@
 import { ReactNode } from 'react';
 import { DialogPopupProps } from '../types/DialogPopupProps';
+import { DialogPortalProps } from '../types/DialogPortalProps';
 import { DialogRootProps } from '../types/DialogRootProps';
 export type DialogExampleProps = DialogRootProps & {
     size?: DialogPopupProps['size'];
+    portalProps?: DialogPortalProps;
     popupProps?: DialogPopupProps;
+    backdrop?: boolean;
     disabled?: boolean;
     content?: ReactNode;
 };

package/dist/primitives/surfaces/Dialog/internal/DialogBackdrop.d.ts

@@ -0,0 +1,2 @@
+import { DialogBackdropProps } from '../types/DialogBackdropProps';
+export declare const DialogBackdrop: ({ className, ...props }: DialogBackdropProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Dialog/internal/DialogPopup.d.ts

@@ -1,2 +1,2 @@
 import { DialogPopupProps } from '../types/DialogPopupProps';
-export declare const DialogPopup: ({ size, container, keepMounted, backdrop, viewportProps, className, ...props }: DialogPopupProps) => import("react").JSX.Element;
+export declare const DialogPopup: ({ size, className, ...props }: DialogPopupProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Dialog/internal/DialogPortal.d.ts

@@ -0,0 +1,2 @@
+import { DialogPortalProps } from '../types/DialogPortalProps';
+export declare const DialogPortal: ({ container, ...props }: DialogPortalProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Dialog/internal/DialogViewport.d.ts

@@ -0,0 +1,2 @@
+import { DialogViewportProps } from '../types/DialogViewportProps';
+export declare const DialogViewport: ({ className, ...props }: DialogViewportProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Dialog/types/DialogBackdropProps.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogBackdropProps = DialogPrimitive.Backdrop.Props;

package/dist/primitives/surfaces/Dialog/types/DialogBackdropState.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogBackdropState = DialogPrimitive.Backdrop.State;

package/dist/primitives/surfaces/Dialog/types/DialogCloseState.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogCloseState = DialogPrimitive.Close.State;

package/dist/primitives/surfaces/Dialog/types/DialogDescriptionState.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogDescriptionState = DialogPrimitive.Description.State;

package/dist/primitives/surfaces/Dialog/types/DialogHandle.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogHandle<TPayload = unknown> = InstanceType<typeof DialogPrimitive.Handle<TPayload>>;

package/dist/primitives/surfaces/Dialog/types/DialogPopupProps.d.ts

@@ -2,8 +2,4 @@ import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
 import { DialogSize } from './DialogSize';
 export type DialogPopupProps = DialogPrimitive.Popup.Props & {
     size?: DialogSize;
-    container?: DialogPrimitive.Portal.Props['container'];
-    keepMounted?: boolean;
-    backdrop?: boolean | DialogPrimitive.Backdrop.Props;
-    viewportProps?: DialogPrimitive.Viewport.Props;
 };

package/dist/primitives/surfaces/Dialog/types/DialogPopupState.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogPopupState = DialogPrimitive.Popup.State;

package/dist/primitives/surfaces/Dialog/types/DialogPortalProps.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogPortalProps = DialogPrimitive.Portal.Props;

package/dist/primitives/surfaces/Dialog/types/DialogPortalState.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogPortalState = DialogPrimitive.Portal.State;

package/dist/primitives/surfaces/Dialog/types/DialogRootActions.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogRootActions = DialogPrimitive.Root.Actions;

package/dist/primitives/surfaces/Dialog/types/DialogRootChangeEventDetails.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogRootChangeEventDetails = DialogPrimitive.Root.ChangeEventDetails;

package/dist/primitives/surfaces/Dialog/types/DialogRootChangeEventReason.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogRootChangeEventReason = DialogPrimitive.Root.ChangeEventReason;

package/dist/primitives/surfaces/Dialog/types/DialogRootState.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogRootState = DialogPrimitive.Root.State;

package/dist/primitives/surfaces/Dialog/types/DialogTitleState.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogTitleState = DialogPrimitive.Title.State;

package/dist/primitives/surfaces/Dialog/types/DialogTriggerState.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogTriggerState = DialogPrimitive.Trigger.State;

package/dist/primitives/surfaces/Dialog/types/DialogViewportProps.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogViewportProps = DialogPrimitive.Viewport.Props;

package/dist/primitives/surfaces/Dialog/types/DialogViewportState.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogViewportState = DialogPrimitive.Viewport.State;

package/dist/primitives/surfaces/Menu/internal/getMenuListItemProps.d.ts

@@ -7,10 +7,10 @@ type MenuListItemProps<TState> = MenuItemSlotProps & {
     disabled?: boolean;
     render?: ReactElement | ComponentRenderFn<HTMLProps, TState>;
 };
-export declare const getMenuListItemProps: <TState, TProps extends MenuListItemProps<TState>>({ props: { color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, disabled, children, render, ...props }, getListItemState, }: {
+export declare const getMenuListItemProps: <TState, TProps extends MenuListItemProps<TState>>({ props: { color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, disabled, children, render, ...props }, getListItemState, }: {
     props: TProps;
     getListItemState?: (state: TState) => Pick<ListItemProps, "indicator" | "selected" | "hasSubmenu">;
-}) => Omit<TProps, "children" | "color" | "disabled" | "render" | "hotkeys" | "startIcon" | "endIcon" | "description" | "descriptionPlacement" | "hotkeysJoinLabel"> & {
+}) => Omit<TProps, "children" | "color" | "render" | "disabled" | "startIcon" | "shortcut" | "endIcon" | "shortcutJoinLabel" | "description" | "descriptionPlacement"> & {
     disabled: boolean;
     render: (renderProps: HTMLProps, state: TState) => import("react").JSX.Element;
 };

package/dist/primitives/surfaces/Menu/types/MenuItemSlotProps.d.ts

@@ -1,2 +1,2 @@
 import { ListItemProps } from '../../../navigation/ListItem/types/ListItemProps';
-export type MenuItemSlotProps = Pick<ListItemProps, 'color' | 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement' | 'hotkeys' | 'hotkeysJoinLabel'>;
+export type MenuItemSlotProps = Pick<ListItemProps, 'color' | 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement' | 'shortcut' | 'shortcutJoinLabel'>;

package/dist/primitives/surfaces/Popover/Popover.d.ts

@@ -2,8 +2,15 @@ import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
 export declare const Popover: {
     Root: typeof PopoverPrimitive.Root;
     Trigger: PopoverPrimitive.Trigger;
-    Popup: ({ side, align, sideOffset, alignOffset, arrow, anchor, collisionPadding, container, keepMounted, className, children, ...props }: import('..').PopoverPopupProps) => import("react").JSX.Element;
+    Portal: ({ container, ...props }: import('..').PopoverPortalProps) => import("react").JSX.Element;
+    Positioner: ({ className, sideOffset, ...props }: import('..').PopoverPositionerProps) => import("react").JSX.Element;
+    Popup: ({ className, ...props }: import('..').PopoverPopupProps) => import("react").JSX.Element;
+    Arrow: ({ className, ...props }: import('..').PopoverArrowProps) => import("react").JSX.Element;
+    Backdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Title: ({ className, ...props }: import('..').PopoverTitleProps) => import("react").JSX.Element;
     Description: ({ className, ...props }: import('..').PopoverDescriptionProps) => import("react").JSX.Element;
     Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Viewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Handle: typeof PopoverPrimitive.Handle;
+    createHandle: typeof PopoverPrimitive.createHandle;
 };

package/dist/primitives/surfaces/Popover/internal/PopoverArrow.d.ts

@@ -0,0 +1,2 @@
+import { PopoverArrowProps } from '../types/PopoverArrowProps';
+export declare const PopoverArrow: ({ className, ...props }: PopoverArrowProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Popover/internal/PopoverPopup.d.ts

@@ -1,2 +1,2 @@
 import { PopoverPopupProps } from '../types/PopoverPopupProps';
-export declare const PopoverPopup: ({ side, align, sideOffset, alignOffset, arrow, anchor, collisionPadding, container, keepMounted, className, children, ...props }: PopoverPopupProps) => import("react").JSX.Element;
+export declare const PopoverPopup: ({ className, ...props }: PopoverPopupProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Popover/internal/PopoverPortal.d.ts

@@ -0,0 +1,2 @@
+import { PopoverPortalProps } from '../types/PopoverPortalProps';
+export declare const PopoverPortal: ({ container, ...props }: PopoverPortalProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Popover/internal/PopoverPositioner.d.ts

@@ -0,0 +1,2 @@
+import { PopoverPositionerProps } from '../types/PopoverPositionerProps';
+export declare const PopoverPositioner: ({ className, sideOffset, ...props }: PopoverPositionerProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Popover/types/PopoverAlign.d.ts

@@ -1 +1,2 @@
-export type PopoverAlign = 'start' | 'center' | 'end';
+import { PopoverPositionerProps } from './PopoverPositionerProps';
+export type PopoverAlign = NonNullable<PopoverPositionerProps['align']>;

package/dist/primitives/surfaces/Popover/types/PopoverArrowProps.d.ts

@@ -0,0 +1,2 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export type PopoverArrowProps = PopoverPrimitive.Arrow.Props;

package/dist/primitives/surfaces/Popover/types/PopoverArrowState.d.ts

@@ -0,0 +1,2 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export type PopoverArrowState = PopoverPrimitive.Arrow.State;

package/dist/primitives/surfaces/Popover/types/PopoverBackdropProps.d.ts

@@ -0,0 +1,2 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export type PopoverBackdropProps = PopoverPrimitive.Backdrop.Props;

package/dist/primitives/surfaces/Popover/types/PopoverBackdropState.d.ts

@@ -0,0 +1,2 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export type PopoverBackdropState = PopoverPrimitive.Backdrop.State;

package/dist/primitives/surfaces/Popover/types/PopoverCloseState.d.ts

@@ -0,0 +1,2 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export type PopoverCloseState = PopoverPrimitive.Close.State;

package/dist/primitives/surfaces/Popover/types/PopoverDescriptionState.d.ts

@@ -0,0 +1,2 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export type PopoverDescriptionState = PopoverPrimitive.Description.State;

package/dist/primitives/surfaces/Popover/types/PopoverHandle.d.ts

@@ -0,0 +1,2 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export type PopoverHandle<TPayload = unknown> = InstanceType<typeof PopoverPrimitive.Handle<TPayload>>;