twenty-ui 2.41.0 → 2.43.0

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

@@ -0,0 +1,2 @@
+import { SettingsRowProps } from './types/SettingsRowProps';
+export declare const SettingsRow: ({ children, startIcon, description, focused, checked, defaultChecked, onCheckedChange, disabled, readOnly, size, name, value, required, className, style, ref, ...labelProps }: SettingsRowProps) => import("react").JSX.Element;

package/dist/components/input/SettingsRow/__stories__/ControlledSettingsRowExample.d.ts

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

package/dist/components/input/SettingsRow/types/SettingsRowProps.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { SwitchProps } from '../../../../primitives/input/Switch/types/SwitchProps';
+import { ListItemProps } from '../../../../primitives/navigation/ListItem/types/ListItemProps';
+export type SettingsRowProps = Omit<ComponentPropsWithRef<'label'>, 'children' | 'htmlFor' | 'onChange' | 'onClick'> & Pick<ListItemProps, 'startIcon' | 'description' | 'focused'> & Pick<SwitchProps, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'disabled' | 'readOnly' | 'size' | 'name' | 'value' | 'required'> & {
+    children: ReactNode;
+};

package/dist/components/layout/Section/Section.d.ts

@@ -0,0 +1,4 @@
+export declare const Section: {
+    Root: ({ align, color, fullWidth, className, render, ref, ...props }: import('./types/SectionRootProps').SectionRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Header: ({ title, description, adornment, level, size, color, descriptionLineClamp, render, ref, className, ...props }: import('./types/SectionHeaderProps').SectionHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+};

package/dist/components/layout/Section/internal/SectionHeader.d.ts

@@ -0,0 +1,2 @@
+import { SectionHeaderProps } from '../types/SectionHeaderProps';
+export declare const SectionHeader: ({ title, description, adornment, level, size, color, descriptionLineClamp, render, ref, className, ...props }: SectionHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/layout/Section/internal/SectionRoot.d.ts

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

package/dist/components/layout/Section/types/SectionHeaderProps.d.ts

@@ -0,0 +1,9 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { HeadingProps } from '../../../../primitives/typography/Heading/types/HeadingProps';
+export type SectionHeaderProps = Omit<useRender.ComponentProps<'div'>, 'title' | 'children' | 'color'> & Pick<HeadingProps, 'level' | 'size' | 'color'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    adornment?: ReactNode;
+    descriptionLineClamp?: number;
+};

package/dist/components/layout/Section/types/SectionRootProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+import { HeadingProps } from '../../../../primitives/typography/Heading/types/HeadingProps';
+export type SectionRootProps = Omit<useRender.ComponentProps<'div'>, 'color'> & Pick<HeadingProps, 'color'> & {
+    align?: 'left' | 'center';
+    fullWidth?: boolean;
+};

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, ...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, ref, ...props }: import('./types/DropdownContentProps').DropdownContentProps) => import("react").JSX.Element;
+    ActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, 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, 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, ...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, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, onFocus, id, ...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__/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/internal/DropdownActionItem.d.ts

@@ -0,0 +1,2 @@
+import { DropdownActionItemProps } from '../types/DropdownActionItemProps';
+export declare const DropdownActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, 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, 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,37 @@
+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;
+};

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, 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, 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, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, onFocus, id, ...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, ...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, ...props }: DropdownTriggerProps) => import("react").JSX.Element;

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/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/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' | '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/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;
+};

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { DropdownType } from './DropdownType';
+export type DropdownRootProps = {
+    children: ReactNode;
+    type: DropdownType;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    multiple?: boolean;
+    defaultPage?: string;
+};

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

@@ -0,0 +1,4 @@
+import { InputProps } from '../../../../primitives/input/Input/types/InputProps';
+export type DropdownSearchProps = Omit<InputProps, 'onValueChange' | 'size'> & {
+    onValueChange?: (value: string) => void;
+};

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

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type DropdownSectionProps = ComponentPropsWithRef<'div'> & {
+    label?: ReactNode;
+    scrollable?: boolean;
+};

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

@@ -0,0 +1,2 @@
+import { DropdownRootProps } from './DropdownRootProps';
+export type DropdownSubmenuProps = Omit<DropdownRootProps, 'type'> & Partial<Pick<DropdownRootProps, 'type'>>;

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

@@ -0,0 +1,6 @@
+import { DropdownActionItemProps } from './DropdownActionItemProps';
+export type DropdownSubmenuTriggerProps = Omit<DropdownActionItemProps, 'page' | 'closeOnClick'> & {
+    openOnHover?: boolean;
+    delay?: number;
+    closeDelay?: number;
+};

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

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

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

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

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

@@ -0,0 +1 @@
+export type DropdownType = 'menu' | 'picker' | 'panel';

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

@@ -0,0 +1,2 @@
+import { MenuItemProps } from './types/MenuItemProps';
+export declare const MenuItem: ({ accent, className, withIconContainer, withIconContainerBackground, iconButtons, isIconDisplayedOnHoverOnly, LeftIcon, iconThemeColor, LeftComponent, RightIcon, RightComponent, onClick, onMouseEnter, onMouseLeave, testId, text, contextualTextPosition, contextualText, hasSubMenu, disabled, focused, selected, hotKeys, isSubMenuOpened, }: MenuItemProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItem/constants/DefaultColorLabels.d.ts

@@ -0,0 +1,2 @@
+import { ColorLabels } from '../types/ColorLabels';
+export declare const DEFAULT_COLOR_LABELS: ColorLabels;

package/dist/{primitives/navigation/MenuItem/constants/DefaultColorLabels.d.ts → components/navigation/MenuItem/types/ColorLabels.d.ts}

@@ -1,3 +1,2 @@
 import { ThemeColor } from '../../../../theme';
 export type ColorLabels = Record<ThemeColor, string>;
-export declare const DEFAULT_COLOR_LABELS: ColorLabels;

package/dist/components/navigation/MenuItem/types/MenuItemProps.d.ts

@@ -0,0 +1,32 @@
+import { MenuItemAccent } from './MenuItemAccent';
+import { IconComponent } from '../../../../icon';
+import { ThemeColor } from '../../../../theme';
+import { Nullable } from '../../../../utilities/types/Nullable';
+import { MouseEvent, ReactNode } from 'react';
+export type MenuItemProps = {
+    accent?: MenuItemAccent;
+    className?: string;
+    withIconContainer?: boolean;
+    withIconContainerBackground?: boolean;
+    iconButtons?: ReactNode;
+    isIconDisplayedOnHoverOnly?: boolean;
+    isTooltipOpen?: boolean;
+    LeftIcon?: IconComponent | null;
+    iconThemeColor?: ThemeColor | null;
+    LeftComponent?: ReactNode;
+    RightIcon?: IconComponent | null;
+    RightComponent?: ReactNode;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
+    onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
+    testId?: string;
+    disabled?: boolean;
+    text: ReactNode;
+    contextualTextPosition?: 'left' | 'right';
+    contextualText?: ReactNode;
+    hasSubMenu?: boolean;
+    focused?: boolean;
+    selected?: boolean;
+    hotKeys?: Nullable<string[]>;
+    isSubMenuOpened?: boolean;
+};

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

@@ -0,0 +1,2 @@
+import { MenuItemAvatarProps } from './types/MenuItemAvatarProps';
+export declare const MenuItemAvatar: ({ accent, className, iconButtons, isIconDisplayedOnHoverOnly, isTooltipOpen, onClick, onMouseEnter, onMouseLeave, testId, avatar, hasSubMenu, text, contextualText, }: MenuItemAvatarProps) => import("react").JSX.Element;

package/dist/{primitives/navigation/MenuItemAvatar/MenuItemAvatar.d.ts → components/navigation/MenuItemAvatar/types/MenuItemAvatarProps.d.ts}

@@ -1,11 +1,10 @@
-import { AvatarProps } from '../../data-display/Avatar/types/AvatarProps';
-import { MenuItemIconButton } from '../MenuItem/MenuItem';
+import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
+import { AvatarProps } from '../../../../primitives/data-display/Avatar/types/AvatarProps';
 import { MouseEvent, ReactNode } from 'react';
-import { MenuItemAccent } from '../MenuItem/types/MenuItemAccent';
 export type MenuItemAvatarProps = {
     accent?: MenuItemAccent;
     className?: string;
-    iconButtons?: MenuItemIconButton[];
+    iconButtons?: ReactNode;
     isIconDisplayedOnHoverOnly?: boolean;
     isTooltipOpen?: boolean;
     avatar?: Pick<AvatarProps, 'src' | 'colorSeed' | 'name' | 'size' | 'shape'> | null;
@@ -17,4 +16,3 @@ export type MenuItemAvatarProps = {
     hasSubMenu?: boolean;
     contextualText?: ReactNode;
 };
-export declare const MenuItemAvatar: ({ accent, className, iconButtons, isIconDisplayedOnHoverOnly, isTooltipOpen, onClick, onMouseEnter, onMouseLeave, testId, avatar, hasSubMenu, text, contextualText, }: MenuItemAvatarProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { MenuItemDraggableProps } from './types/MenuItemDraggableProps';
+export declare const MenuItemDraggable: ({ LeftIcon, withIconContainer, accent, iconButtons, onClick, text, contextualText, isDragDisabled, className, isIconDisplayedOnHoverOnly, gripMode, }: MenuItemDraggableProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItemDraggable/types/MenuItemDraggableProps.d.ts

@@ -0,0 +1,19 @@
+import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
+import { MenuItemDraggableGripMode } from '../../MenuItem/types/MenuItemDraggableGripMode';
+import { IconComponent } from '../../../../icon';
+import { ReactNode } from 'react';
+export type MenuItemDraggableProps = {
+    LeftIcon?: IconComponent | undefined;
+    withIconContainer?: boolean;
+    accent?: MenuItemAccent;
+    iconButtons?: ReactNode;
+    isTooltipOpen?: boolean;
+    onClick?: () => void;
+    text: ReactNode;
+    contextualText?: ReactNode;
+    className?: string;
+    isIconDisplayedOnHoverOnly?: boolean;
+    gripMode?: MenuItemDraggableGripMode;
+    isDragDisabled?: boolean;
+    isHoverDisabled?: boolean;
+};

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

@@ -0,0 +1,2 @@
+import { MenuItemSuggestionProps } from './types/MenuItemSuggestionProps';
+export declare const MenuItemSuggestion: ({ LeftIcon, withIconContainer, text, contextualText, contextualTextPosition, className, selected, onClick, }: MenuItemSuggestionProps) => import("react").JSX.Element;

package/dist/{primitives/navigation/MenuItemSuggestion/MenuItemSuggestion.d.ts → components/navigation/MenuItemSuggestion/types/MenuItemSuggestionProps.d.ts}

@@ -1,5 +1,5 @@
+import { IconComponent } from '../../../../icon';
 import { MouseEvent } from 'react';
-import { IconComponent } from '../../../icon';
 export type MenuItemSuggestionProps = {
     LeftIcon?: IconComponent | null;
     withIconContainer?: boolean;
@@ -10,4 +10,3 @@ export type MenuItemSuggestionProps = {
     className?: string;
     onClick?: (event: MouseEvent<HTMLLIElement>) => void;
 };
-export declare const MenuItemSuggestion: ({ LeftIcon, withIconContainer, text, contextualText, contextualTextPosition, className, selected, onClick, }: MenuItemSuggestionProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { MenuPickerProps } from './types/MenuPickerProps';
+export declare const MenuPicker: ({ id, icon: Icon, label, selected, disabled, showLabel, onClick, className, testId, tooltipContent, tooltipDelay, tooltipOffset, }: MenuPickerProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuPicker/types/MenuPickerProps.d.ts

@@ -0,0 +1,15 @@
+import { IconComponent } from '../../../../icon';
+export type MenuPickerProps = {
+    id: string;
+    className?: string;
+    disabled?: boolean;
+    icon: IconComponent;
+    label?: string;
+    onClick?: () => void;
+    selected?: boolean;
+    showLabel?: boolean;
+    testId?: string;
+    tooltipContent?: string;
+    tooltipDelay?: number;
+    tooltipOffset?: number;
+};

package/dist/{primitives/navigation → components/navigation/NavigationBar/internal}/NavigationBarItem/NavigationBarItem.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../../icon/types/IconComponent';
+import { IconComponent } from '../../../../../icon/types/IconComponent';
 type NavigationBarItemProps = {
     Icon: IconComponent;
     isActive: boolean;

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

@@ -0,0 +1,2 @@
+import { TabButtonProps } from './types/TabButtonProps';
+export declare const TabButton: ({ active, className, children, startIcon, endIcon, badge, size, ...props }: TabButtonProps) => import("react").JSX.Element;

package/dist/components/navigation/TabButton/types/TabButtonProps.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
+import { TabsTabProps } from '../../../../primitives/navigation/Tabs/types/TabsTabProps';
+export type TabButtonProps = Omit<ButtonProps, 'variant' | 'color' | 'fullWidth' | 'loading' | 'elevated' | 'hotkeys' | 'soon' | 'soonLabel'> & Pick<TabsTabProps, 'badge'> & {
+    active?: boolean;
+};