@strapi/design-system 1.18.0 → 1.19.0-typescript.0

package/dist/hooks/useDateFormatter.d.ts

@@ -0,0 +1,28 @@
+import { DateFormatter } from '@internationalized/date';
+export interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
+    calendar?: string;
+}
+/**
+ * This hook wraps the `DateFormatter` from `@internationalized/date`. Which essentially is
+ * an extension of the `Intl.DateTimeFormat` API with some additional features.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
+ * for more information.
+ *
+ * @returns a memoized DateFormatter instance
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *  const monthFormatter = useDateFormatter(locale, { month: 'long' });
+ *  const months: string[] = React.useMemo(
+ *    () => [...Array(12).keys()].map((m) => monthFormatter.format(new Date(Date.UTC(2023, m)))),
+ *    [monthFormatter],
+ *   );
+ *
+ *  // assuming the locale is `en-GB` this will render `Janyary` to `December`.
+ *  return months.map((month) => <p key={month}>{month}</p>)
+ * }
+ * ```
+ */
+export declare function useDateFormatter(locale: string, options?: DateFormatterOptions): DateFormatter;

package/dist/hooks/useElementOnScreen.d.ts

@@ -0,0 +1 @@
+export declare const useElementOnScreen: <TElement extends HTMLElement = HTMLElement>(options?: IntersectionObserverInit) => [containerRef: React.RefObject<TElement>, isVisible: boolean];

package/dist/hooks/useId.d.ts

@@ -0,0 +1 @@
+export declare const useId: (initialId?: string | number | undefined) => string;

package/dist/hooks/useIntersection.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+interface UseIntersectionOptions {
+    selectorToWatch: string;
+    skipWhen?: boolean;
+}
+export declare const useIntersection: (scrollableAreaRef: MutableRefObject<HTMLElement | null>, callback: (entry: IntersectionObserverEntry) => void, { selectorToWatch, skipWhen }: UseIntersectionOptions) => void;
+export {};

package/dist/hooks/useLockScroll.d.ts

@@ -0,0 +1,2 @@
+declare const useLockScroll: (lockScroll: boolean) => void;
+export default useLockScroll;

package/dist/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+export declare const usePrevious: <TValue>(value: TValue) => TValue | undefined;

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useResizeObserver: (sources: RefObject<HTMLElement> | RefObject<HTMLElement>[], onResize: ResizeObserverCallback) => void;

package/dist/index.d.ts

@@ -0,0 +1,69 @@
+export * from './Accordion';
+export * from './Alert';
+export * from './Avatar';
+export * from './Badge';
+export * from './BaseButton';
+export * from './BaseCheckbox';
+export * from './BaseLink';
+export { BaseRadio } from './BaseRadio';
+export * from './Box';
+export * from './Breadcrumbs';
+export * from './Button';
+export * from './Card';
+export * from './CarouselInput';
+export * from './Checkbox';
+export * from './Combobox';
+export * from './DesignSystemProvider';
+export * from './Dialog';
+export * from './DismissibleLayer';
+export * from './DatePicker';
+export * from './DateTimePicker';
+export * from './Divider';
+export * from './EmptyStateLayout';
+export * from './Field';
+export * from './FocusTrap';
+export * from './Grid';
+export * from './Icon';
+export * from './IconButton';
+export * from './JSONInput';
+export * from './KeyboardNavigable';
+export * from './Layout';
+export * from './Link';
+export * from './LinkButton';
+export * from './LiveRegions';
+export * from './Loader';
+export * from './Main';
+export * from './MainNav';
+export * from './ModalLayout';
+export * from './NumberInput';
+export * from './Pagination';
+export * from './Popover';
+export * from './Portal';
+export * from './ProgressBar';
+export * from './Radio';
+export * from './RawTable';
+export * from './Flex';
+export * from './Searchbar';
+export * from './Select';
+export * from './SimpleMenu';
+export * from './Stack';
+export * from './Status';
+export * from './SubNav';
+export * from './Switch';
+export * from './Tabs';
+export * from './Table';
+export * from './Tag';
+export * from './TextButton';
+export * from './TextInput';
+export * from './Textarea';
+export * from './ThemeProvider';
+export * from './TimePicker';
+export * from './ToggleCheckbox';
+export * from './ToggleInput';
+export * from './Tooltip';
+export * from './Typography';
+export * from './VisuallyHidden';
+export * from './themes';
+export * from './hooks/useComposeRefs';
+export * from './hooks/useDateFormatter';
+export { useFilter, useCollator, type Filter, useCallbackRef, composeEventHandlers } from '@strapi/ui-primitives';

package/dist/themes/__tests__/extendTheme.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/themes/colors.d.ts

@@ -0,0 +1,54 @@
+export interface Shadows {
+    filterShadow: string;
+    focus: string;
+    focusShadow: string;
+    popupShadow: string;
+    tableShadow: string;
+}
+export interface Colors {
+    alternative100: string;
+    alternative200: string;
+    alternative500: string;
+    alternative600: string;
+    alternative700: string;
+    buttonNeutral0: string;
+    buttonPrimary500: string;
+    buttonPrimary600: string;
+    danger100: string;
+    danger200: string;
+    danger500: string;
+    danger600: string;
+    danger700: string;
+    neutral0: string;
+    neutral100: string;
+    neutral1000: string;
+    neutral150: string;
+    neutral200: string;
+    neutral300: string;
+    neutral400: string;
+    neutral500: string;
+    neutral600: string;
+    neutral700: string;
+    neutral800: string;
+    neutral900: string;
+    primary100: string;
+    primary200: string;
+    primary500: string;
+    primary600: string;
+    primary700: string;
+    secondary100: string;
+    secondary200: string;
+    secondary500: string;
+    secondary600: string;
+    secondary700: string;
+    success100: string;
+    success200: string;
+    success500: string;
+    success600: string;
+    success700: string;
+    warning100: string;
+    warning200: string;
+    warning500: string;
+    warning600: string;
+    warning700: string;
+}

package/dist/themes/common-theme.d.ts

@@ -0,0 +1,19 @@
+import { Sizes } from './sizes';
+export interface CommonTheme {
+    sizes: Sizes;
+    zIndices: [5, 10, 15, 20];
+    spaces: ['0px', '4px', '8px', '12px', '16px', '20px', '24px', '32px', '40px', '48px', '56px', '64px'];
+    borderRadius: '4px';
+    mediaQueries: {
+        tablet: string;
+        mobile: string;
+    };
+    fontSizes: [string, string, string, string, string, string];
+    lineHeights: [1.14, 1.22, 1.25, 1.33, 1.43, 1.45, 1.5];
+    fontWeights: {
+        regular: 400;
+        semiBold: 500;
+        bold: 600;
+    };
+}
+export declare const commonTheme: CommonTheme;

package/dist/themes/darkTheme/dark-colors.d.ts

@@ -0,0 +1,4 @@
+import { Colors } from '../colors';
+export declare const darkColorTokenObject: {
+    color: Colors;
+};

package/dist/themes/darkTheme/dark-shadows.d.ts

@@ -0,0 +1,4 @@
+import { Shadows } from '../colors';
+export declare const darkShadowTokenObject: {
+    shadow: Shadows;
+};

package/dist/themes/darkTheme/index.d.ts

@@ -0,0 +1,2 @@
+import { DefaultTheme } from 'styled-components';
+export declare const darkTheme: DefaultTheme;

package/dist/themes/extendTheme.d.ts

@@ -0,0 +1,2 @@
+import { DefaultTheme } from 'styled-components';
+export declare const extendTheme: (theme: DefaultTheme | null, overrides: object | null) => {};

package/dist/themes/index.d.ts

@@ -0,0 +1,10 @@
+import { Colors, Shadows } from './colors';
+import { CommonTheme } from './common-theme';
+export * from './lightTheme';
+export * from './darkTheme';
+export * from './extendTheme';
+export * from './utils';
+export interface StrapiTheme extends CommonTheme {
+    colors: Colors;
+    shadows: Shadows;
+}

package/dist/themes/lightTheme/index.d.ts

@@ -0,0 +1,2 @@
+import { DefaultTheme } from 'styled-components';
+export declare const lightTheme: DefaultTheme;

package/dist/themes/lightTheme/light-colors.d.ts

@@ -0,0 +1,4 @@
+import { Colors } from '../colors';
+export declare const lightColorTokenObject: {
+    color: Colors;
+};

package/dist/themes/lightTheme/light-shadows.d.ts

@@ -0,0 +1,4 @@
+import { Shadows } from '../colors';
+export declare const lightShadowTokenObject: {
+    shadow: Shadows;
+};

package/dist/themes/sizes.d.ts

@@ -0,0 +1,21 @@
+export interface Sizes {
+    input: {
+        S: string;
+        M: string;
+    };
+    accordions: {
+        S: string;
+        M: string;
+    };
+    badge: {
+        S: string;
+        M: string;
+    };
+    button: {
+        S: string;
+        M: string;
+        L: string;
+    };
+}
+export declare const sizes: Sizes;
+export type InputSizes = keyof Sizes['input'];

package/dist/themes/utils.d.ts

@@ -0,0 +1,12 @@
+import { DefaultTheme } from 'styled-components';
+export declare const getThemeSize: <TType extends keyof import("./sizes").Sizes>(type: TType) => ({ theme, size }: {
+    theme: DefaultTheme;
+    size: keyof DefaultTheme['sizes'][TType];
+}) => import("./sizes").Sizes[TType][keyof import("./sizes").Sizes[TType]];
+export declare const inputFocusStyle: (rootElement?: string) => ({ theme, hasError }: {
+    theme: DefaultTheme;
+    hasError?: boolean;
+}) => import("styled-components").FlattenSimpleInterpolation;
+export declare const buttonFocusStyle: ({ theme }: {
+    theme: DefaultTheme;
+}) => import("styled-components").FlattenSimpleInterpolation;

package/dist/types.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+import { DefaultTheme } from 'styled-components';
+export type DefaultThemeOrCSSProp<T extends keyof DefaultTheme, K extends keyof CSSProperties> = keyof DefaultTheme[T] | CSSProperties[K];

package/dist/v2/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,8 @@
+import { FlexProps } from '../../Flex';
+export interface BreadcrumbsProps extends FlexProps {
+    label?: string;
+}
+export declare const Breadcrumbs: {
+    ({ label, children, ...props }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/v2/Breadcrumbs/Crumb.d.ts

@@ -0,0 +1,8 @@
+import { TypographyProps } from '../../Typography';
+export interface CrumbProps extends TypographyProps {
+    isCurrent?: boolean;
+}
+export declare const Crumb: {
+    ({ children, isCurrent, ...props }: CrumbProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/v2/Breadcrumbs/CrumbLink.d.ts

@@ -0,0 +1,5 @@
+import { BaseLinkProps } from '../../BaseLink';
+export declare const CrumbLink: {
+    ({ children, ...props }: BaseLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonProps } from '../../Button';
+export interface CrumbSimpleMenuProps extends ButtonProps {
+    'aria-label': string;
+    icon?: React.ReactElement;
+    endIcon?: React.ReactNode;
+}
+export declare const CrumbSimpleMenu: {
+    ({ children, ...props }: CrumbSimpleMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/v2/Breadcrumbs/Divider.d.ts

@@ -0,0 +1,4 @@
+export declare const Divider: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/v2/Breadcrumbs/__tests__/Breadcrumbs.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/v2/Breadcrumbs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Breadcrumbs';
+export * from './Crumb';
+export * from './CrumbLink';
+export * from './CrumbSimpleMenu';

package/dist/v2/Link/Link.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BaseLinkProps } from '../../BaseLink';
+export interface LinkProps extends BaseLinkProps {
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    /**
+     * @default true
+     */
+    isExternal?: boolean;
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/v2/Link/index.d.ts

@@ -0,0 +1 @@
+export * from './Link';

package/dist/v2/LinkButton/LinkButton.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import { BaseButtonProps } from '../../BaseButton';
+import { BaseLinkProps } from '../../BaseLink';
+import { VARIANTS, BUTTON_SIZES } from '../../Button/constants';
+interface SharedLinkProps extends BaseLinkProps {
+    disabled?: boolean;
+    endIcon?: React.ReactNode;
+    size?: (typeof BUTTON_SIZES)[number];
+    startIcon?: React.ReactNode;
+    variant?: (typeof VARIANTS)[number];
+}
+export type LinkButtonProps = SharedLinkProps & BaseButtonProps;
+export declare const LinkButton: React.ForwardRefExoticComponent<SharedLinkProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
+    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
+    background?: import("../../types").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("../../themes/colors").Colors | undefined;
+    color?: keyof import("../../themes/colors").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("../../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
+    paddingBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
+    marginRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
+    marginTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("../../themes/colors").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("../../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("../../types").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("../../types").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("../../types").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("../../types").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("../../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("../../types").DefaultThemeOrCSSProp<"spaces", "right">;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    borderStyle?: import("csstype").Property.BorderStyle | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+    children?: React.ReactNode;
+    as?: string | React.ComponentType<any> | undefined;
+    forwardedAs?: string | React.ComponentType<any> | undefined;
+} & {
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    direction?: import("csstype").Property.FlexDirection | undefined;
+    gap?: any;
+    inline?: boolean | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    wrap?: import("csstype").Property.FlexWrap | undefined;
+} & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/v2/LinkButton/index.d.ts

@@ -0,0 +1 @@
+export * from './LinkButton';

package/dist/v2/MainNav/MainNav.d.ts

@@ -0,0 +1,5 @@
+import { FlexProps } from '../../Flex';
+export interface MainNavProps extends FlexProps<'nav'> {
+    condensed?: boolean;
+}
+export declare const MainNav: ({ condensed, ...props }: MainNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/MainNav/MainNavContext.d.ts

@@ -0,0 +1,2 @@
+export declare const MainNavContext: import("react").Context<boolean>;
+export declare const useMainNav: () => boolean;

package/dist/v2/MainNav/NavBrand.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseLinkProps } from '../../BaseLink';
+export interface NavBrandProps extends BaseLinkProps {
+    icon: React.ReactNode;
+    title: string;
+    to?: string;
+    workplace: string;
+}
+export declare const NavBrand: React.ForwardRefExoticComponent<NavBrandProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/v2/MainNav/NavCondense.d.ts

@@ -0,0 +1,5 @@
+import { FlexProps } from '../../Flex';
+export interface NavCondenseProps extends FlexProps<'button'> {
+    children: string;
+}
+export declare const NavCondense: ({ children, ...props }: NavCondenseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/MainNav/NavFooter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface NavFooterProps {
+    children: React.ReactNode;
+}
+export declare const NavFooter: ({ children }: NavFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/MainNav/NavLink.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseLinkProps } from '../../BaseLink';
+export interface NavLinkProps extends BaseLinkProps {
+    badgeAriaLabel?: string;
+    badgeContent?: string | number;
+    children: string;
+    icon: React.ReactNode;
+}
+export declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/v2/MainNav/NavSection.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FlexProps } from '../../Flex';
+export interface NavSectionProps extends FlexProps<'ul'> {
+    children: React.ReactNode;
+    label: string;
+    horizontal?: boolean;
+    spacing?: number;
+}
+export declare const NavSection: ({ label, children, horizontal, spacing, ...props }: NavSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/MainNav/NavSections.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FlexProps } from '../../Flex';
+export interface NavSectionsProps extends FlexProps<'ul'> {
+    children: React.ReactNode;
+    spacing?: number;
+    horizontal?: boolean;
+}
+export declare const NavSections: ({ children, spacing, horizontal, ...props }: NavSectionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/MainNav/NavUser.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BoxProps } from '../../Box';
+export interface NavUserProps extends BoxProps {
+    children: React.ReactNode;
+    initials?: React.ReactNode;
+    src?: string;
+}
+export declare const NavUser: React.ForwardRefExoticComponent<NavUserProps & React.RefAttributes<any>>;

package/dist/v2/MainNav/index.d.ts

@@ -0,0 +1,8 @@
+export * from './MainNav';
+export * from './NavBrand';
+export * from './NavCondense';
+export * from './NavFooter';
+export * from './NavLink';
+export * from './NavSection';
+export * from './NavSections';
+export * from './NavUser';

package/dist/v2/Pagination/Pagination.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface PaginationProps {
+    activePage: number;
+    children: React.ReactNode;
+    label?: string;
+    pageCount: number;
+}
+export declare const Pagination: ({ children, label, activePage, pageCount }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/Pagination/PaginationContext.d.ts

@@ -0,0 +1,6 @@
+export interface PaginationContextValue {
+    activePage: number;
+    pageCount: number;
+}
+export declare const PaginationContext: import("react").Context<PaginationContextValue>;
+export declare const usePagination: () => PaginationContextValue;

package/dist/v2/Pagination/components.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BaseLinkProps } from '../../BaseLink';
+import { BoxProps } from '../../Box';
+interface PaginationLinkProps extends BaseLinkProps {
+    active: boolean;
+}
+interface PaginationPageLinkProps extends PaginationLinkProps {
+    number: number;
+}
+interface DotsProps extends BoxProps {
+}
+export declare const PreviousLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const NextLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const PageLink: React.ForwardRefExoticComponent<PaginationPageLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Dots: ({ children, ...props }: DotsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/v2/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Pagination';
+export * from './components';

package/dist/v2/SimpleMenu/Menu.d.ts

@@ -0,0 +1,56 @@
+import { ComponentPropsWithoutRef } from 'react';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { BaseLink } from '../../BaseLink';
+import { BoxProps } from '../../Box';
+import { ButtonProps } from '../../Button';
+import { FlexProps } from '../../Flex';
+import { POPOVER_PLACEMENTS } from '../../Popover';
+import { TypographyProps } from '../../Typography';
+import { LinkProps } from '../Link';
+interface RootProps extends DropdownMenu.DropdownMenuProps {
+}
+interface TriggerProps extends ButtonProps {
+}
+interface ContentProps extends FlexProps<'div'> {
+    intersectionId?: string;
+    popoverPlacement?: (typeof POPOVER_PLACEMENTS)[number];
+}
+interface ItemSharedProps extends Pick<DropdownMenu.MenuItemProps, 'disabled' | 'onSelect'> {
+    children?: React.ReactNode;
+    isExternal?: boolean;
+    isFocused?: boolean;
+}
+interface ItemExternalLinkProps extends ItemSharedProps, Omit<LinkProps, 'onSelect'> {
+    as?: never;
+    isLink?: false;
+    isExternal?: true;
+}
+type ItemInternalLinkProps<TComponent extends React.ComponentType = typeof BaseLink> = ItemSharedProps & ComponentPropsWithoutRef<TComponent> & {
+    as?: TComponent;
+    isLink?: true;
+    isExternal?: false;
+};
+interface ItemButtonProps extends ItemSharedProps, Omit<BoxProps<'button'>, 'onSelect'> {
+    as?: never;
+    isLink?: false;
+    isExternal?: false;
+}
+type ItemProps<TComponent extends React.ComponentType = typeof BaseLink> = ItemButtonProps | ItemInternalLinkProps<TComponent> | ItemExternalLinkProps;
+interface LabelProps extends TypographyProps {
+}
+interface SubRootProps extends DropdownMenu.DropdownMenuSubProps {
+}
+interface SubTriggerProps extends BoxProps<'button'> {
+}
+interface SubContentProps extends FlexProps<'div'> {
+}
+declare const Root: import("react").FC<DropdownMenu.DropdownMenuProps>;
+declare const Trigger: import("react").ForwardRefExoticComponent<TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Item: ({ onSelect, disabled, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLSpanElement>>;
+declare const SubRoot: import("react").FC<DropdownMenu.DropdownMenuSubProps>;
+declare const SubTrigger: import("react").ForwardRefExoticComponent<SubTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const SubContent: import("react").ForwardRefExoticComponent<SubContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Root, Trigger, Content, Item, Label, SubRoot, SubTrigger, SubContent };
+export type { TriggerProps, ContentProps, ItemProps, RootProps, SubRootProps, SubTriggerProps, SubContentProps, LabelProps, };