twenty-ui 2.42.0 → 2.44.0

package/dist/components/feedback/InlineBanner/InlineBanner.d.ts

@@ -1,18 +1,2 @@
-import { IconComponent } from '../../../icon/types/IconComponent';
-import { BannerColor } from '../../../primitives/feedback/Banner/Banner';
-type InlineBannerProps = {
-    color?: BannerColor;
-    message: string;
-    embedded?: boolean;
-    button?: {
-        title?: string;
-        onClick?: () => void;
-        hidden?: boolean;
-        disabled?: boolean;
-        Icon?: IconComponent;
-    };
-    LeftIcon?: IconComponent;
-    className?: string;
-};
-export declare const InlineBanner: ({ color, message, embedded, button, LeftIcon, className, }: InlineBannerProps) => import("react").JSX.Element;
-export {};
+import { InlineBannerProps } from './types/InlineBannerProps';
+export declare const InlineBanner: ({ color, message, variant, embedded, button, LeftIcon, className, }: InlineBannerProps) => import("react").JSX.Element;

package/dist/components/feedback/InlineBanner/internal/InlineBannerButton.d.ts

@@ -0,0 +1,5 @@
+import { BannerColor } from '../../../../primitives/feedback/Banner/Banner';
+import { InlineBannerButtonProps } from '../types/InlineBannerButtonProps';
+export declare const InlineBannerButton: ({ color, title, Icon, hidden, onClick, href, render, target, rel, download, disabled, "aria-label": ariaLabel, }: InlineBannerButtonProps & {
+    color: BannerColor;
+}) => import("react").JSX.Element | null;

package/dist/components/feedback/InlineBanner/types/InlineBannerButtonProps.d.ts

@@ -0,0 +1,7 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
+export type InlineBannerButtonProps = Pick<ButtonProps, 'onClick' | 'href' | 'render' | 'target' | 'rel' | 'download' | 'disabled' | 'aria-label'> & {
+    title?: string;
+    hidden?: boolean;
+    Icon?: IconComponent;
+};

package/dist/components/feedback/InlineBanner/types/InlineBannerProps.d.ts

@@ -0,0 +1,12 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+import { BannerColor } from '../../../../primitives/feedback/Banner/Banner';
+import { InlineBannerButtonProps } from './InlineBannerButtonProps';
+export type InlineBannerProps = {
+    color?: BannerColor;
+    message: string;
+    variant?: 'standard' | 'compact';
+    embedded?: boolean;
+    button?: InlineBannerButtonProps;
+    LeftIcon?: IconComponent;
+    className?: string;
+};

package/dist/components/feedback/Toast/Toast.d.ts

@@ -1,2 +1,2 @@
 import { ToastProps } from './types/ToastProps';
-export declare const Toast: ({ children, description, icon, iconLabel, action, progress, duration, onCancel, onClose, cancelLabel, closeLabel, variant, role, className, onMouseEnter, onMouseLeave, render, ref, ...props }: ToastProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Toast: ({ children, description, icon, iconLabel, action, progress, duration, onCancel, onClose, cancelLabel, closeLabel, variant, role, className, onMouseEnter, onMouseLeave, onFocus, onBlur, render, ref, ...props }: ToastProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/feedback/Toast/internal/components/ToastProgress.d.ts

@@ -0,0 +1,9 @@
+type ToastProgressProps = {
+    progress?: number;
+    duration: number;
+    isPaused: boolean;
+    barColor: string;
+    onClose?: () => void;
+};
+export declare const ToastProgress: ({ progress, duration, isPaused, barColor, onClose, }: ToastProgressProps) => import("react").JSX.Element;
+export {};

package/dist/components/feedback/Toast/{hooks → internal/hooks}/useEnqueueToast.d.ts

@@ -1,4 +1,4 @@
-import { ToastOptions } from '../types/ToastOptions';
+import { ToastOptions } from '../../types/ToastOptions';
 export declare const useEnqueueToast: () => {
     enqueueToast: {
         (options: ToastOptions): string;

package/dist/components/feedback/Toast/{types → internal/types}/ToastEntry.d.ts

@@ -1,4 +1,4 @@
-import { ToastNotification } from './ToastNotification';
+import { ToastNotification } from '../../types/ToastNotification';
 export type ToastEntry = {
     notification: ToastNotification;
     dedupeKey?: string;

package/dist/components/feedback/Toast/types/ToastProps.d.ts

@@ -27,7 +27,7 @@ export type ToastProps = ComponentPropsWithRef<'div'> & {
     progress?: number;
     /**
      * Milliseconds before `onClose` is called. The countdown pauses while the
-     * pointer is over the toast.
+     * pointer is over the toast or keyboard focus is inside it.
      */
     duration?: number;
     /**

package/dist/components/feedback/Toaster/internal/ToasterItem.d.ts

@@ -1,4 +1,4 @@
-import { ToastEntry } from '../../Toast/types/ToastEntry';
+import { ToastEntry } from '../../Toast/internal/types/ToastEntry';
 import { ToasterProps } from '../types/ToasterProps';
 type ToasterItemProps = {
     toastEntry: ToastEntry;

package/dist/components/feedback/Toaster/internal/ToasterItemExitEffect.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { ToastEntry } from '../../Toast/types/ToastEntry';
+import { ToastEntry } from '../../Toast/internal/types/ToastEntry';
 type ToasterItemExitEffectProps = {
     elementRef: RefObject<HTMLDivElement | null>;
     toastEntry: ToastEntry;

package/dist/components/index.d.ts

@@ -15,36 +15,19 @@ export { getIconTileColorShades } from './data-display/TintedIconTile/utils/getI
 export { Callout } from './feedback/Callout/Callout';
 export type { CalloutProps } from './feedback/Callout/types/CalloutProps';
 export type { CalloutVariant } from './feedback/Callout/types/CalloutVariant';
-export { Info } from './feedback/Info/Info';
-export type { InfoAccent } from './feedback/Info/types/InfoAccent';
-export type { InfoProps } from './feedback/Info/types/InfoProps';
 export { InlineBanner } from './feedback/InlineBanner/InlineBanner';
-export { DEFAULT_TOAST_LIMIT } from './feedback/Toast/constants/DefaultToastLimit';
-export { ToastContext } from './feedback/Toast/contexts/ToastContext';
-export { useCloseToast } from './feedback/Toast/hooks/useCloseToast';
-export { useEnqueueToast } from './feedback/Toast/hooks/useEnqueueToast';
+export type { InlineBannerButtonProps } from './feedback/InlineBanner/types/InlineBannerButtonProps';
+export type { InlineBannerProps } from './feedback/InlineBanner/types/InlineBannerProps';
 export { useToast } from './feedback/Toast/hooks/useToast';
-export { useToastContext } from './feedback/Toast/hooks/useToastContext';
-export { useToastEntries } from './feedback/Toast/hooks/useToastEntries';
-export { createToastStore } from './feedback/Toast/stores/createToastStore';
 export { Toast } from './feedback/Toast/Toast';
 export { ToastProvider } from './feedback/Toast/ToastProvider';
-export type { ToastEntry } from './feedback/Toast/types/ToastEntry';
 export type { ToastNotification } from './feedback/Toast/types/ToastNotification';
 export type { ToastOptions } from './feedback/Toast/types/ToastOptions';
 export type { ToastProps } from './feedback/Toast/types/ToastProps';
 export type { ToastProviderProps } from './feedback/Toast/types/ToastProviderProps';
-export type { ToastStoreState } from './feedback/Toast/types/ToastStoreState';
 export type { ToastVariant } from './feedback/Toast/types/ToastVariant';
-export { completeToastExit } from './feedback/Toast/utils/completeToastExit';
-export { dismissToasts } from './feedback/Toast/utils/dismissToasts';
-export { isToastVisible } from './feedback/Toast/utils/isToastVisible';
 export { Toaster } from './feedback/Toaster/Toaster';
 export type { ToasterProps } from './feedback/Toaster/types/ToasterProps';
-export { CardPicker } from './input/CardPicker/CardPicker';
-export type { CardPickerProps } from './input/CardPicker/types/CardPickerProps';
-export { ColorSchemePicker } from './input/ColorSchemePicker/ColorSchemePicker';
-export type { ColorSchemePickerProps } from './input/ColorSchemePicker/types/ColorSchemePickerProps';
 export { IconButton } from './input/IconButton/IconButton';
 export type { IconButtonProps } from './input/IconButton/types/IconButtonProps';
 export type { IconButtonSize } from './input/IconButton/types/IconButtonSize';
@@ -61,6 +44,23 @@ export { AnimatedIconCrossfade } from './layout/AnimatedIconCrossfade/AnimatedIc
 export { Section } from './layout/Section/Section';
 export type { SectionHeaderProps } from './layout/Section/types/SectionHeaderProps';
 export type { SectionRootProps } from './layout/Section/types/SectionRootProps';
+export { Dropdown } from './navigation/Dropdown/Dropdown';
+export { useDropdownPage } from './navigation/Dropdown/hooks/useDropdownPage';
+export type { DropdownActionItemProps } from './navigation/Dropdown/types/DropdownActionItemProps';
+export type { DropdownCloseProps } from './navigation/Dropdown/types/DropdownCloseProps';
+export type { DropdownContentProps } from './navigation/Dropdown/types/DropdownContentProps';
+export type { DropdownDismissEvent } from './navigation/Dropdown/types/DropdownDismissEvent';
+export type { DropdownHeaderProps } from './navigation/Dropdown/types/DropdownHeaderProps';
+export type { DropdownOptionItemProps } from './navigation/Dropdown/types/DropdownOptionItemProps';
+export type { DropdownPageProps } from './navigation/Dropdown/types/DropdownPageProps';
+export type { DropdownRootProps } from './navigation/Dropdown/types/DropdownRootProps';
+export type { DropdownSearchProps } from './navigation/Dropdown/types/DropdownSearchProps';
+export type { DropdownSectionProps } from './navigation/Dropdown/types/DropdownSectionProps';
+export type { DropdownSubmenuProps } from './navigation/Dropdown/types/DropdownSubmenuProps';
+export type { DropdownSubmenuTriggerProps } from './navigation/Dropdown/types/DropdownSubmenuTriggerProps';
+export type { DropdownTitleProps } from './navigation/Dropdown/types/DropdownTitleProps';
+export type { DropdownTriggerProps } from './navigation/Dropdown/types/DropdownTriggerProps';
+export type { DropdownType } from './navigation/Dropdown/types/DropdownType';
 export { DEFAULT_COLOR_LABELS } from './navigation/MenuItem/constants/DefaultColorLabels';
 export { MenuItem } from './navigation/MenuItem/MenuItem';
 export type { ColorLabels } from './navigation/MenuItem/types/ColorLabels';
@@ -76,6 +76,5 @@ export type { MenuItemSuggestionProps } from './navigation/MenuItemSuggestion/ty
 export { MenuPicker } from './navigation/MenuPicker/MenuPicker';
 export type { MenuPickerProps } from './navigation/MenuPicker/types/MenuPickerProps';
 export { NavigationBar } from './navigation/NavigationBar/NavigationBar';
-export { RoundedLink } from './navigation/RoundedLink/RoundedLink';
 export { TabButton } from './navigation/TabButton/TabButton';
 export type { TabButtonProps } from './navigation/TabButton/types/TabButtonProps';

package/dist/components/input/IconButton/types/IconButtonProps.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { IconButtonSize } from './IconButtonSize';
 import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
 import { TooltipSide } from '../../../../primitives/surfaces/Tooltip/types/TooltipSide';
-export type IconButtonProps = Omit<ButtonProps, 'size' | 'aria-label' | 'children' | 'startIcon' | 'endIcon' | 'hotkeys' | 'fullWidth' | 'soon' | 'soonLabel'> & {
+export type IconButtonProps = Omit<ButtonProps, 'size' | 'aria-label' | 'children' | 'startIcon' | 'endIcon' | 'hotkeys' | 'fullWidth'> & {
     size?: IconButtonSize;
     shape?: 'square' | 'round';
     children: ReactNode;

package/dist/components/input/SearchInput/SearchInput.d.ts

@@ -1,2 +1,2 @@
 import { SearchInputProps } from './types/SearchInputProps';
-export declare const SearchInput: ({ value, onChange, placeholder, filterDropdown, autoFocus, disabled, className, id, filterButtonAriaLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: SearchInputProps) => import("react").JSX.Element;
+export declare const SearchInput: ({ placeholder, filterDropdown, size, id, filterButtonAriaLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: SearchInputProps) => import("react").JSX.Element;

package/dist/components/input/SearchInput/__stories__/SearchInputExample.d.ts

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

package/dist/components/input/SearchInput/types/SearchInputProps.d.ts

@@ -1,14 +1,6 @@
-import { ReactNode } from 'react';
-export type SearchInputProps = {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-    filterDropdown?: (filterButton: ReactNode) => ReactNode;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    className?: string;
-    id?: string;
+import { ReactElement, ReactNode } from 'react';
+import { InputProps } from '../../../../primitives/input/Input/types/InputProps';
+export type SearchInputProps = InputProps & {
+    filterDropdown?: (filterButton: ReactElement) => ReactNode;
     filterButtonAriaLabel?: string;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
 };

package/dist/components/navigation/Dropdown/Dropdown.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement } from 'react';
+import { DropdownRootProps } from './types/DropdownRootProps';
+export declare const Dropdown: {
+    Root: (props: DropdownRootProps) => ReactElement;
+    Trigger: ({ onKeyDown, onClick, ref, ...props }: import('./types/DropdownTriggerProps').DropdownTriggerProps) => import("react").JSX.Element;
+    Content: ({ side, align, sideOffset, alignOffset, anchor, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onClick, onMouseDown, onPointerDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }: import('./types/DropdownContentProps').DropdownContentProps) => import("react").JSX.Element;
+    ActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, hasSubmenu, children, render, disabled, nativeButton, closeOnClick, onClick, onFocus, page, id, ...props }: import('./types/DropdownActionItemProps').DropdownActionItemProps) => import("react").JSX.Element;
+    OptionItem: ({ selected, indicator, onSelect, closeOnSelect, color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, hasSubmenu, children, render, disabled, nativeButton, onClick, onFocus, id, ...props }: import('./types/DropdownOptionItemProps').DropdownOptionItemProps) => import("react").JSX.Element;
+    Search: ({ onValueChange, className, ...props }: import('./types/DropdownSearchProps').DropdownSearchProps) => import("react").JSX.Element;
+    Header: ({ render, ref, className, ...props }: import('./types/DropdownHeaderProps').DropdownHeaderProps) => ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Title: ({ className, render, ref, ...props }: import('./types/DropdownTitleProps').DropdownTitleProps) => import("react").JSX.Element;
+    Close: ({ render, children, "aria-label": ariaLabel, ...props }: import('./types/DropdownCloseProps').DropdownCloseProps) => import("react").JSX.Element;
+    Page: ({ id, type, children }: import('./types/DropdownPageProps').DropdownPageProps) => import("react").JSX.Element | null;
+    Back: ({ children, className, onClick, ...props }: Omit<import('./types/DropdownActionItemProps').DropdownActionItemProps, "page" | "closeOnClick">) => import("react").JSX.Element;
+    Submenu: ({ type, ...props }: import('./types/DropdownSubmenuProps').DropdownSubmenuProps) => import("react").JSX.Element;
+    SubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, onFocus, id, ref, ...props }: import('./types/DropdownSubmenuTriggerProps').DropdownSubmenuTriggerProps) => import("react").JSX.Element;
+    Section: ({ label, scrollable, className, children, ...props }: import('./types/DropdownSectionProps').DropdownSectionProps) => import("react").JSX.Element;
+    Separator: ({ className, ...props }: import('react').ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    Loading: ({ className, ...props }: import('react').ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    Empty: ({ className, ...props }: import('react').ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+};

package/dist/components/navigation/Dropdown/__stories__/DropdownContextMenuExample.d.ts

@@ -0,0 +1 @@
+export declare const DropdownContextMenuExample: () => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/__stories__/DropdownNestedExample.d.ts

@@ -0,0 +1 @@
+export declare const DropdownNestedExample: () => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/__stories__/DropdownPagesExample.d.ts

@@ -0,0 +1 @@
+export declare const DropdownPagesExample: () => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/__stories__/DropdownPanelExample.d.ts

@@ -0,0 +1 @@
+export declare const DropdownPanelExample: () => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/__stories__/DropdownPickerExample.d.ts

@@ -0,0 +1,4 @@
+export declare const DropdownPickerExample: ({ multiple, loading, }: {
+    multiple?: boolean;
+    loading?: boolean;
+}) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/__stories__/createStoryState.d.ts

@@ -0,0 +1,4 @@
+export declare const createStoryState: <TValue>(initialValue: TValue) => {
+    set: (nextValue: TValue) => void;
+    useValue: () => TValue;
+};

package/dist/components/navigation/Dropdown/__stories__/dropdownStoryA11yParameters.d.ts

@@ -0,0 +1,8 @@
+export declare const DROPDOWN_STORY_A11Y_PARAMETERS: {
+    config: {
+        rules: {
+            id: string;
+            selector: string;
+        }[];
+    };
+};

package/dist/components/navigation/Dropdown/hooks/useDropdownPage.d.ts

@@ -0,0 +1,6 @@
+export declare const useDropdownPage: () => {
+    page: string | undefined;
+    goToPage: (page: string) => void;
+    goBack: () => void;
+    canGoBack: boolean;
+};

package/dist/components/navigation/Dropdown/internal/DropdownActionItem.d.ts

@@ -0,0 +1,2 @@
+import { DropdownActionItemProps } from '../types/DropdownActionItemProps';
+export declare const DropdownActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, hasSubmenu, children, render, disabled, nativeButton, closeOnClick, onClick, onFocus, page, id, ...props }: DropdownActionItemProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownBack.d.ts

@@ -0,0 +1,2 @@
+import { DropdownActionItemProps } from '../types/DropdownActionItemProps';
+export declare const DropdownBack: ({ children, className, onClick, ...props }: Omit<DropdownActionItemProps, "page" | "closeOnClick">) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownClose.d.ts

@@ -0,0 +1,2 @@
+import { DropdownCloseProps } from '../types/DropdownCloseProps';
+export declare const DropdownClose: ({ render, children, "aria-label": ariaLabel, ...props }: DropdownCloseProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownContent.d.ts

@@ -0,0 +1,2 @@
+import { DropdownContentProps } from '../types/DropdownContentProps';
+export declare const DropdownContent: ({ side, align, sideOffset, alignOffset, anchor, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onClick, onMouseDown, onPointerDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }: DropdownContentProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownContext.d.ts

@@ -0,0 +1,2 @@
+import { DropdownContextValue } from './DropdownContextValue';
+export declare const DropdownContext: import('react').Context<DropdownContextValue | undefined>;

package/dist/components/navigation/Dropdown/internal/DropdownContextValue.d.ts

@@ -0,0 +1,41 @@
+import { DropdownType } from '../types/DropdownType';
+import { DropdownFocusTarget } from './DropdownFocusTarget';
+import { DropdownPageFocusRequest } from './DropdownPageFocusRequest';
+export type DropdownContextValue = {
+    type: DropdownType;
+    rootType: DropdownType;
+    open: boolean;
+    multiple: boolean;
+    isSubmenu: boolean;
+    parentType?: DropdownType;
+    activeItemId?: string;
+    parentActiveItemId?: string;
+    setActiveItemId: (id: string) => void;
+    setParentActiveItemId?: (id: string) => void;
+    pageId?: string;
+    pageFocusRequest?: DropdownPageFocusRequest;
+    setPageFocusRequest: (request: DropdownPageFocusRequest | undefined) => void;
+    canGoBack: boolean;
+    initialFocusEdge: 'first' | 'last';
+    setInitialFocusEdge: (edge: 'first' | 'last') => void;
+    focusOnOpen: boolean;
+    setFocusOnOpen: (focusOnOpen: boolean) => void;
+    setOpen: (open: boolean) => void;
+    closeTree: () => void;
+    goToPage: (page: {
+        id: string;
+        trigger?: DropdownFocusTarget;
+    }) => void;
+    goBack: () => void;
+    registerPage: (page: {
+        id: string;
+        type?: DropdownType;
+    }) => void;
+    registerOpenNestedRoot: () => () => void;
+    searchTargetId?: string;
+    setSearchTargetId: (id: string | undefined) => void;
+    triggerId?: string;
+    registerTrigger: (id: string) => () => void;
+    titleId?: string;
+    registerTitle: (id: string) => () => void;
+};

package/dist/components/navigation/Dropdown/internal/DropdownEmpty.d.ts

@@ -0,0 +1,2 @@
+import { ComponentPropsWithRef } from 'react';
+export declare const DropdownEmpty: ({ className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownFocusTarget.d.ts

@@ -0,0 +1,6 @@
+export type DropdownFocusTarget = {
+    id?: string;
+    index: number;
+    page: string;
+    label: string;
+};

package/dist/components/navigation/Dropdown/internal/DropdownHeader.d.ts

@@ -0,0 +1,2 @@
+import { DropdownHeaderProps } from '../types/DropdownHeaderProps';
+export declare const DropdownHeader: ({ render, ref, className, ...props }: DropdownHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/navigation/Dropdown/internal/DropdownLoading.d.ts

@@ -0,0 +1,2 @@
+import { ComponentPropsWithRef } from 'react';
+export declare const DropdownLoading: ({ className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownNestedRootEffect.d.ts

@@ -0,0 +1,6 @@
+type DropdownNestedRootEffectProps = {
+    open: boolean;
+    registerOpenNestedRoot?: () => () => void;
+};
+export declare const DropdownNestedRootEffect: ({ open, registerOpenNestedRoot, }: DropdownNestedRootEffectProps) => null;
+export {};

package/dist/components/navigation/Dropdown/internal/DropdownOptionItem.d.ts

@@ -0,0 +1,2 @@
+import { DropdownOptionItemProps } from '../types/DropdownOptionItemProps';
+export declare const DropdownOptionItem: ({ selected, indicator, onSelect, closeOnSelect, color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, hasSubmenu, children, render, disabled, nativeButton, onClick, onFocus, id, ...props }: DropdownOptionItemProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownPage.d.ts

@@ -0,0 +1,2 @@
+import { DropdownPageProps } from '../types/DropdownPageProps';
+export declare const DropdownPage: ({ id, type, children }: DropdownPageProps) => import("react").JSX.Element | null;

package/dist/components/navigation/Dropdown/internal/DropdownPageFocusEffect.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+type DropdownPageFocusEffectProps = {
+    contentRef: RefObject<HTMLDivElement | null>;
+};
+export declare const DropdownPageFocusEffect: ({ contentRef, }: DropdownPageFocusEffectProps) => null;
+export {};

package/dist/components/navigation/Dropdown/internal/DropdownPageFocusRequest.d.ts

@@ -0,0 +1,5 @@
+import { DropdownFocusTarget } from './DropdownFocusTarget';
+export type DropdownPageFocusRequest = {
+    pageId?: string;
+    target?: DropdownFocusTarget;
+};

package/dist/components/navigation/Dropdown/internal/DropdownRoot.d.ts

@@ -0,0 +1,4 @@
+import { DropdownRootProps } from '../types/DropdownRootProps';
+export declare const DropdownRoot: ({ children, type, open: controlledOpen, defaultOpen, onOpenChange, onEscapeKeyDown, onInteractOutside, multiple, defaultPage, isSubmenu, }: DropdownRootProps & {
+    isSubmenu?: boolean;
+}) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownSearch.d.ts

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

package/dist/components/navigation/Dropdown/internal/DropdownSearchTargetEffect.d.ts

@@ -0,0 +1,5 @@
+type DropdownSearchTargetEffectProps = {
+    content: HTMLDivElement | null;
+};
+export declare const DropdownSearchTargetEffect: ({ content, }: DropdownSearchTargetEffectProps) => null;
+export {};

package/dist/components/navigation/Dropdown/internal/DropdownSection.d.ts

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

package/dist/components/navigation/Dropdown/internal/DropdownSeparator.d.ts

@@ -0,0 +1,2 @@
+import { ComponentPropsWithRef } from 'react';
+export declare const DropdownSeparator: ({ className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownSubmenu.d.ts

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

package/dist/components/navigation/Dropdown/internal/DropdownSubmenuTrigger.d.ts

@@ -0,0 +1,2 @@
+import { DropdownSubmenuTriggerProps } from '../types/DropdownSubmenuTriggerProps';
+export declare const DropdownSubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, onFocus, id, ref, ...props }: DropdownSubmenuTriggerProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownTitle.d.ts

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

package/dist/components/navigation/Dropdown/internal/DropdownTrigger.d.ts

@@ -0,0 +1,2 @@
+import { DropdownTriggerProps } from '../types/DropdownTriggerProps';
+export declare const DropdownTrigger: ({ onKeyDown, onClick, ref, ...props }: DropdownTriggerProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/getDropdownDismissTarget.d.ts

@@ -0,0 +1 @@
+export declare const getDropdownDismissTarget: (event: Event) => Element | null;

package/dist/components/navigation/Dropdown/internal/getDropdownFocusTarget.d.ts

@@ -0,0 +1,8 @@
+import { DropdownType } from '../types/DropdownType';
+import { DropdownFocusTarget } from './DropdownFocusTarget';
+export declare const getDropdownFocusTarget: ({ content, target, edge, type, }: {
+    content: HTMLElement;
+    target?: DropdownFocusTarget;
+    edge?: "first" | "last";
+    type?: DropdownType;
+}) => HTMLElement;

package/dist/components/navigation/Dropdown/internal/getDropdownItemLabel.d.ts

@@ -0,0 +1 @@
+export declare const getDropdownItemLabel: (item: HTMLElement) => string;

package/dist/components/navigation/Dropdown/internal/getDropdownItems.d.ts

@@ -0,0 +1 @@
+export declare const getDropdownItems: (content: HTMLElement) => HTMLElement[];

package/dist/components/navigation/Dropdown/internal/getDropdownSearchTarget.d.ts

@@ -0,0 +1 @@
+export declare const getDropdownSearchTarget: (content: HTMLElement) => HTMLElement | undefined;

package/dist/components/navigation/Dropdown/internal/getDropdownTrigger.d.ts

@@ -0,0 +1 @@
+export declare const getDropdownTrigger: (content: HTMLElement) => HTMLElement | undefined;

package/dist/components/navigation/Dropdown/internal/getNextDropdownItem.d.ts

@@ -0,0 +1,7 @@
+export declare const getNextDropdownItem: ({ key, items, currentIndex, search, isSearch, }: {
+    key: string;
+    items: HTMLElement[];
+    currentIndex: number;
+    search: HTMLInputElement | null;
+    isSearch: boolean;
+}) => HTMLElement | undefined;

package/dist/components/navigation/Dropdown/internal/isDropdownDismissPrevented.d.ts

@@ -0,0 +1,5 @@
+import { DropdownDismissEvent } from '../types/DropdownDismissEvent';
+export declare const isDropdownDismissPrevented: ({ onDismiss, event, }: {
+    onDismiss: ((dismissEvent: DropdownDismissEvent) => void) | undefined;
+    event: Event;
+}) => boolean;

package/dist/components/navigation/Dropdown/internal/isUnhandledModifierShortcut.d.ts

@@ -0,0 +1,2 @@
+import { KeyboardEvent } from 'react';
+export declare const isUnhandledModifierShortcut: (event: KeyboardEvent) => boolean;

package/dist/components/navigation/Dropdown/internal/preventDismissingClickActivation.d.ts

@@ -0,0 +1 @@
+export declare const preventDismissingClickActivation: (event: Event) => void;

package/dist/components/navigation/Dropdown/internal/useDropdownContext.d.ts

@@ -0,0 +1 @@
+export declare const useDropdownContext: () => import('./DropdownContextValue').DropdownContextValue;

package/dist/components/navigation/Dropdown/internal/useDropdownItemFocus.d.ts

@@ -0,0 +1,7 @@
+export declare const useDropdownItemFocus: ({ id, isSubmenuTrigger, }: {
+    id: string;
+    isSubmenuTrigger?: boolean;
+}) => {
+    tabIndex: number;
+    activate: () => void | undefined;
+};

package/dist/components/navigation/Dropdown/internal/useDropdownKeyboardNavigation.d.ts

@@ -0,0 +1,7 @@
+import { KeyboardEvent } from 'react';
+import { DropdownType } from '../types/DropdownType';
+export declare const useDropdownKeyboardNavigation: ({ type, isSubmenu, setOpen, }: {
+    type: DropdownType;
+    isSubmenu: boolean;
+    setOpen: (open: boolean) => void;
+}) => (event: KeyboardEvent<HTMLDivElement>) => void;

package/dist/components/navigation/Dropdown/internal/useRegisterDropdownLabelElement.d.ts

@@ -0,0 +1 @@
+export declare const useRegisterDropdownLabelElement: (registerElementId: (id: string) => () => void) => (element: HTMLElement | null) => (() => void) | undefined;

package/dist/components/navigation/Dropdown/internal/useRegisteredElementId.d.ts

@@ -0,0 +1 @@
+export declare const useRegisteredElementId: () => readonly [string | undefined, (id: string) => () => void];

package/dist/components/navigation/Dropdown/types/DropdownActionItemProps.d.ts

@@ -0,0 +1,10 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+import { ReactElement } from 'react';
+import { ListItemProps } from '../../../../primitives/navigation/ListItem/types/ListItemProps';
+export type DropdownActionItemProps = Omit<ButtonPrimitive.Props, 'render' | 'className' | 'style'> & Pick<ListItemProps, 'color' | 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement' | 'hotkeys' | 'hotkeysJoinLabel' | 'hasSubmenu'> & {
+    render?: ReactElement;
+    className?: string;
+    style?: React.CSSProperties;
+    closeOnClick?: boolean;
+    page?: string;
+};

package/dist/components/navigation/Dropdown/types/DropdownCloseProps.d.ts

@@ -0,0 +1,4 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export type DropdownCloseProps = Omit<PopoverPrimitive.Close.Props, 'aria-label'> & {
+    'aria-label': string;
+};

package/dist/components/navigation/Dropdown/types/DropdownContentProps.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+import { PopoverPopupProps } from '../../../../primitives/surfaces/Popover/types/PopoverPopupProps';
+export type DropdownContentProps = Omit<PopoverPopupProps, 'arrow'> & {
+    width?: CSSProperties['width'];
+};

package/dist/components/navigation/Dropdown/types/DropdownDismissEvent.d.ts

@@ -0,0 +1,4 @@
+export type DropdownDismissEvent = {
+    target: Element | null;
+    preventDefault: () => void;
+};

package/dist/components/navigation/Dropdown/types/DropdownHeaderProps.d.ts

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

package/dist/components/navigation/Dropdown/types/DropdownOptionItemProps.d.ts

@@ -0,0 +1,7 @@
+import { DropdownActionItemProps } from './DropdownActionItemProps';
+export type DropdownOptionItemProps = Omit<DropdownActionItemProps, 'page' | 'closeOnClick' | 'onSelect'> & {
+    selected: boolean;
+    indicator?: 'check' | 'checkbox' | 'none';
+    onSelect?: () => void;
+    closeOnSelect?: boolean;
+};

package/dist/components/navigation/Dropdown/types/DropdownPageProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { DropdownType } from './DropdownType';
+export type DropdownPageProps = {
+    id: string;
+    type?: DropdownType;
+    children: ReactNode;
+};