@aragon/gov-ui-kit 0.0.0-20250408144901

package/dist/types/src/core/components/dataList/dataListFilter/dataListFilterSort.d.ts

@@ -0,0 +1,12 @@
+import type { IDataListFilterProps } from './dataListFilter';
+export interface IDataListFilterSortProps extends Pick<IDataListFilterProps, 'activeSort' | 'sortItems' | 'onSortChange'> {
+    /**
+     * Classes for the dropdown trigger.
+     */
+    triggerClassNames?: string;
+    /**
+     * Label of the dropdown trigger.
+     */
+    triggerLabel?: string;
+}
+export declare const DataListFilterSort: React.FC<IDataListFilterSortProps>;

package/dist/types/src/core/components/dataList/dataListFilter/dataListFilterStatus.d.ts

@@ -0,0 +1,7 @@
+export interface IDataListFilterStatusProps {
+    /**
+     * Callback to clear all active filters
+     */
+    onResetFiltersClick?: () => void;
+}
+export declare const DataListFilterStatus: React.FC<IDataListFilterStatusProps>;

package/dist/types/src/core/components/dataList/dataListFilter/index.d.ts

@@ -0,0 +1 @@
+export { DataListFilter, type IDataListFilterProps, type IDataListFilterSortItem } from './dataListFilter';

package/dist/types/src/core/components/dataList/dataListItem/dataListItem.d.ts

@@ -0,0 +1,3 @@
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from 'react';
+export type IDataListItemProps = ButtonHTMLAttributes<HTMLButtonElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const DataListItem: React.FC<IDataListItemProps>;

package/dist/types/src/core/components/dataList/dataListItem/index.d.ts

@@ -0,0 +1 @@
+export { DataListItem, type IDataListItemProps } from './dataListItem';

package/dist/types/src/core/components/dataList/dataListPagination/dataListPagination.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+export interface IDataListPaginationProps extends ComponentProps<'div'> {
+}
+export declare const DataListPagination: React.FC<IDataListPaginationProps>;

package/dist/types/src/core/components/dataList/dataListPagination/index.d.ts

@@ -0,0 +1 @@
+export { DataListPagination, type IDataListPaginationProps } from './dataListPagination';

package/dist/types/src/core/components/dataList/dataListRoot/dataListRoot.d.ts

@@ -0,0 +1,36 @@
+import { type ComponentProps } from 'react';
+/**
+ * Different states of the DataList component:
+ * - InitialLoading: component is fetching data for the first time and no data has been fetched yet;
+ * - Loading: initial data has already been fetched and the user is filtering or sorting the data;
+ * - Error: an error has occurred while fetching the data;
+ * - Idle: data has been successfully fetched;
+ * - Filtered: data has been successfully fetched and one or more filters are applied.
+ * - FetchingNextPage: user is loading the next page of the data list;
+ */
+export type DataListState = 'initialLoading' | 'loading' | 'error' | 'fetchingNextPage' | 'idle' | 'filtered';
+export interface IDataListRootProps extends ComponentProps<'div'> {
+    /**
+     * Total number of items.
+     */
+    itemsCount?: number;
+    /**
+     * Number to items to render per page.
+     * @default 12
+     */
+    pageSize?: number;
+    /**
+     * State of the data list component, @see DataListState.
+     * @default idle
+     */
+    state?: DataListState;
+    /**
+     * Callback called on load-more button click.
+     */
+    onLoadMore?: () => void;
+    /**
+     * Label used for the data list status and pagination.
+     */
+    entityLabel: string;
+}
+export declare const DataListRoot: React.FC<IDataListRootProps>;

package/dist/types/src/core/components/dataList/dataListRoot/index.d.ts

@@ -0,0 +1 @@
+export { DataListRoot, type DataListState, type IDataListRootProps } from './dataListRoot';

package/dist/types/src/core/components/dataList/dataListTestUtils.d.ts

@@ -0,0 +1,6 @@
+import type { IDataListContext } from './dataListContext';
+declare class DataListTestUtils {
+    generateContextValues: (values?: Partial<IDataListContext>) => IDataListContext;
+}
+export declare const dataListTestUtils: DataListTestUtils;
+export {};

package/dist/types/src/core/components/dataList/index.d.ts

@@ -0,0 +1,12 @@
+export declare const DataList: {
+    Root: import("react").FC<import("./dataListRoot").IDataListRootProps>;
+    Filter: import("react").FC<import("./dataListFilter").IDataListFilterProps>;
+    Container: import("react").FC<import("./dataListContainer").IDataListContainerProps>;
+    Item: import("react").FC<import("./dataListItem").IDataListItemProps>;
+    Pagination: import("react").FC<import("./dataListPagination").IDataListPaginationProps>;
+};
+export * from './dataListContainer';
+export * from './dataListFilter';
+export * from './dataListItem';
+export * from './dataListPagination';
+export * from './dataListRoot';

package/dist/types/src/core/components/definitionList/definitionListContainer/definitionListContainer.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface IDefinitionListContainerProps extends ComponentPropsWithoutRef<'dl'> {
+}
+export declare const DefinitionListContainer: React.FC<IDefinitionListContainerProps>;

package/dist/types/src/core/components/definitionList/definitionListContainer/index.d.ts

@@ -0,0 +1 @@
+export { DefinitionListContainer, type IDefinitionListContainerProps } from './definitionListContainer';

package/dist/types/src/core/components/definitionList/definitionListItem/definitionListItem.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface IDefinitionListItemProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * The term to be displayed in the definition list item.
+     */
+    term: string;
+}
+export declare const DefinitionListItem: React.FC<IDefinitionListItemProps>;

package/dist/types/src/core/components/definitionList/definitionListItem/index.d.ts

@@ -0,0 +1 @@
+export { DefinitionListItem, type IDefinitionListItemProps } from './definitionListItem';

package/dist/types/src/core/components/definitionList/index.d.ts

@@ -0,0 +1,6 @@
+export declare const DefinitionList: {
+    Container: import("react").FC<import("./definitionListContainer").IDefinitionListContainerProps>;
+    Item: import("react").FC<import("./definitionListItem").IDefinitionListItemProps>;
+};
+export * from './definitionListContainer';
+export * from './definitionListItem';

package/dist/types/src/core/components/dialogs/dialog/dialogContent/dialogContent.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
+export interface IDialogContentProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Optional description of the dialog.
+     */
+    description?: string;
+    /**
+     * Removes the default paddings when set to true.
+     * @default false
+     */
+    noInset?: boolean;
+}
+export declare const DialogContent: React.FC<IDialogContentProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogContent/index.d.ts

@@ -0,0 +1 @@
+export { DialogContent, type IDialogContentProps } from './dialogContent';

package/dist/types/src/core/components/dialogs/dialog/dialogFooter/dialogFooter.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import { type IButtonProps } from '../../../button';
+export type IDialogFooterAction = Exclude<IButtonProps, 'children' | 'variant'> & {
+    /**
+     * Label of the action button.
+     */
+    label: string;
+};
+export interface IDialogFooterProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Primary action of the dialog.
+     */
+    primaryAction?: IDialogFooterAction;
+    /**
+     * Secondary action of the dialog.
+     */
+    secondaryAction?: IDialogFooterAction;
+    /**
+     * Variant of the dialog footer.
+     * @default default
+     */
+    variant?: 'default' | 'wizard';
+    /**
+     * Displays the primary actions with error variant when set to true.
+     */
+    hasError?: boolean;
+}
+export declare const DialogFooter: React.FC<IDialogFooterProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogFooter/index.d.ts

@@ -0,0 +1 @@
+export { DialogFooter, type IDialogFooterAction, type IDialogFooterProps } from './dialogFooter';

package/dist/types/src/core/components/dialogs/dialog/dialogHeader/dialogHeader.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface IDialogHeaderProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Title of the dialog displayed on the header and used as the dialog's accessible name.
+     */
+    title: string;
+    /**
+     * Callback triggered on close button click. The close button is not displayed when the property is not set.
+     */
+    onClose?: () => void;
+}
+export declare const DialogHeader: React.FC<IDialogHeaderProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogHeader/index.d.ts

@@ -0,0 +1 @@
+export { DialogHeader, type IDialogHeaderProps } from './dialogHeader';

package/dist/types/src/core/components/dialogs/dialog/dialogRoot/dialogRoot.api.d.ts

@@ -0,0 +1,69 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface IDialogRootProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names for custom styling of the dialog's content container.
+     */
+    containerClassName?: string;
+    /**
+     * Size of the dialog.
+     * @default md
+     */
+    size?: DialogSize;
+    /**
+     * Determines whether interactions with elements outside of the dialog will be disabled.
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * Manages the visibility state of the dialog.
+     */
+    open?: boolean;
+    /**
+     * Additional CSS class names for custom styling of the overlay behind the dialog.
+     */
+    overlayClassName?: string;
+    /**
+     * Handler called when focus moves to the trigger after closing
+     */
+    onCloseAutoFocus?: (e: Event) => void;
+    /**
+     * Handler called when the escape key is pressed while the dialog is opened. Closes the dialog by default.
+     */
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    /**
+     * Handler called when an interaction (pointer or focus event) happens outside the bounds of the component
+     */
+    onInteractOutside?: (e: Event) => void;
+    /**
+     * Handler called when focus moves into the component after opening
+     */
+    onOpenAutoFocus?: (e: Event) => void;
+    /**
+     * Callback function invoked when the open state of the dialog changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Handler called when a pointer event occurs outside the bounds of the component
+     */
+    onPointerDownOutside?: (e: Event) => void;
+    /**
+     * Keeps the focus inside the Dialog when set to true.
+     * @default true
+     */
+    useFocusTrap?: boolean;
+    /**
+     * An accessible and hidden title for the dialog, to be used when implementing a dialog without a Dialog.Header
+     * component.
+     */
+    hiddenTitle?: string;
+    /**
+     * An accessible and hidden description for the dialog, to be used when implementing a dialog without a description
+     * on the Dialog.Content component.
+     */
+    hiddenDescription?: string;
+}

package/dist/types/src/core/components/dialogs/dialog/dialogRoot/dialogRoot.d.ts

@@ -0,0 +1,2 @@
+import type { IDialogRootProps } from './dialogRoot.api';
+export declare const DialogRoot: React.FC<IDialogRootProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogRoot/dialogRootHiddenElement.d.ts

@@ -0,0 +1,11 @@
+export interface IDialogRootHiddenElementProps {
+    /**
+     * Label to be rendered for screen readers only.
+     */
+    label?: string;
+    /**
+     * Type of element to be displayed.
+     */
+    type: 'title' | 'description';
+}
+export declare const DialogRootHiddenElement: React.FC<IDialogRootHiddenElementProps>;

package/dist/types/src/core/components/dialogs/dialog/dialogRoot/index.d.ts

@@ -0,0 +1,2 @@
+export { DialogRoot } from './dialogRoot';
+export { type DialogSize, type IDialogRootProps } from './dialogRoot.api';

package/dist/types/src/core/components/dialogs/dialog/dialogStoryComponent.d.ts

@@ -0,0 +1 @@
+export declare const DialogStoryComponent: (component: "header" | "content" | "footer" | "root") => (props: object) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/core/components/dialogs/dialog/index.d.ts

@@ -0,0 +1,10 @@
+export declare const Dialog: {
+    Content: import("react").FC<import("./dialogContent").IDialogContentProps>;
+    Footer: import("react").FC<import("./dialogFooter").IDialogFooterProps>;
+    Header: import("react").FC<import("./dialogHeader").IDialogHeaderProps>;
+    Root: import("react").FC<import("./dialogRoot").IDialogRootProps>;
+};
+export * from './dialogContent';
+export * from './dialogFooter';
+export * from './dialogHeader';
+export * from './dialogRoot';

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertContent/dialogAlertContent.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
+export interface IDialogAlertContentProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Removes the default paddings when set to true.
+     * @default false
+     */
+    noInset?: boolean;
+}
+export declare const DialogAlertContent: React.FC<IDialogAlertContentProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertContent/index.d.ts

@@ -0,0 +1 @@
+export { DialogAlertContent, type IDialogAlertContentProps } from './dialogAlertContent';

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertContext/dialogAlertContext.d.ts

@@ -0,0 +1,5 @@
+import type { IDialogAlertRootProps } from '../dialogAlertRoot';
+export interface IDialogAlertContext extends Required<Pick<IDialogAlertRootProps, 'variant'>> {
+}
+export declare const DialogAlertContextProvider: import("react").Provider<IDialogAlertContext | null>;
+export declare const useDialogAlertContext: () => IDialogAlertContext;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertContext/index.d.ts

@@ -0,0 +1 @@
+export { DialogAlertContextProvider, useDialogAlertContext, type IDialogAlertContext } from './dialogAlertContext';

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertFooter/dialogAlertFooter.d.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+import { type IButtonProps } from '../../../button';
+export type IDialogAlertFooterAction = Exclude<IButtonProps, 'children' | 'variant'> & {
+    /**
+     * Label of the action button.
+     */
+    label: string;
+};
+export interface IDialogAlertFooterProps {
+    /**
+     * Action button of the alert dialog.
+     */
+    actionButton: IDialogAlertFooterAction;
+    /**
+     * Secondary button of the alert dialog used for dismissing the dialog or cancelling the action.
+     */
+    cancelButton: IDialogAlertFooterAction;
+}
+export declare const DialogAlertFooter: React.FC<IDialogAlertFooterProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertFooter/index.d.ts

@@ -0,0 +1 @@
+export { DialogAlertFooter, type IDialogAlertFooterAction, type IDialogAlertFooterProps } from './dialogAlertFooter';

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertHeader/dialogAlertHeader.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export interface IDialogAlertHeaderProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Title summarizing dialog's content or purpose.
+     */
+    title: string;
+}
+export declare const DialogAlertHeader: React.FC<IDialogAlertHeaderProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertHeader/index.d.ts

@@ -0,0 +1 @@
+export { DialogAlertHeader, type IDialogAlertHeaderProps } from './dialogAlertHeader';

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertRoot/dialogAlertRoot.api.d.ts

@@ -0,0 +1,55 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type DialogAlertVariant = 'critical' | 'info' | 'success' | 'warning';
+export interface IDialogAlertRootProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names for custom styling of the dialog's content container.
+     */
+    containerClassName?: string;
+    /**
+     * Manages the visibility state of the dialog. Should be implemented alongside `onOpenChange` for controlled usage.
+     */
+    open?: boolean;
+    /**
+     * Additional CSS class names for custom styling of the overlay behind the dialog.
+     */
+    overlayClassName?: string;
+    /**
+     * The visual style variant of the dialog.
+     * @default info
+     */
+    variant?: DialogAlertVariant;
+    /**
+     * Callback function invoked when the open state of the dialog changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Handler called when focus moves to the trigger after closing the dialog.
+     */
+    onCloseAutoFocus?: (e: Event) => void;
+    /**
+     * Handler called when focus moves to the destructive action after opening the dialog.
+     */
+    onOpenAutoFocus?: (e: Event) => void;
+    /**
+     * Handler called when the escape key is pressed while the dialog is opened. Closes the dialog by default.
+     */
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    /**
+     * Keeps the focus inside the Alert Dialog when set to true.
+     * @default true
+     */
+    useFocusTrap?: boolean;
+    /**
+     * An accessible and hidden title for the alert dialog, to be used when implementing a dialog without a
+     * DialogAlert.Header component.
+     */
+    hiddenTitle?: string;
+    /**
+     * An accessible and hidden description for the alert dialog.
+     */
+    hiddenDescription?: string;
+}

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertRoot/dialogAlertRoot.d.ts

@@ -0,0 +1,2 @@
+import type { IDialogAlertRootProps } from './dialogAlertRoot.api';
+export declare const DialogAlertRoot: React.FC<IDialogAlertRootProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertRoot/dialogAlertRootHiddenElement.d.ts

@@ -0,0 +1,11 @@
+export interface IDialogAlertRootHiddenElementProps {
+    /**
+     * Label to be rendered for screen readers only.
+     */
+    label?: string;
+    /**
+     * Type of element to be displayed.
+     */
+    type: 'title' | 'description';
+}
+export declare const DialogAlertRootHiddenElement: React.FC<IDialogAlertRootHiddenElementProps>;

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertRoot/index.d.ts

@@ -0,0 +1,2 @@
+export { DialogAlertRoot } from './dialogAlertRoot';
+export type { DialogAlertVariant, IDialogAlertRootProps } from './dialogAlertRoot.api';

package/dist/types/src/core/components/dialogs/dialogAlert/dialogAlertStoryComponent.d.ts

@@ -0,0 +1,2 @@
+import { type DialogAlertVariant } from './index';
+export declare const DialogAlertStoryComponent: (component: "header" | "content" | "footer" | "root", variant?: DialogAlertVariant) => (props: object) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/core/components/dialogs/dialogAlert/index.d.ts

@@ -0,0 +1,10 @@
+export declare const DialogAlert: {
+    Content: import("react").FC<import("./dialogAlertContent").IDialogAlertContentProps>;
+    Footer: import("react").FC<import("./dialogAlertFooter").IDialogAlertFooterProps>;
+    Header: import("react").FC<import("./dialogAlertHeader").IDialogAlertHeaderProps>;
+    Root: import("react").FC<import("./dialogAlertRoot").IDialogAlertRootProps>;
+};
+export * from './dialogAlertContent';
+export * from './dialogAlertFooter';
+export * from './dialogAlertHeader';
+export * from './dialogAlertRoot';

package/dist/types/src/core/components/dialogs/dialogUtils.d.ts

@@ -0,0 +1,29 @@
+export declare const dialogOverlayAnimationVariants: {
+    closed: {
+        opacity: number;
+    };
+    open: {
+        opacity: number;
+    };
+};
+export declare const dialogContentAnimationVariants: {
+    closed: {
+        opacity: number;
+        scale: number;
+        y: number;
+    };
+    open: {
+        opacity: number;
+        scale: number;
+        y: number;
+        transition: {
+            duration: number;
+        };
+    };
+    exit: {
+        opacity: number;
+        transition: {
+            duration: number;
+        };
+    };
+};

package/dist/types/src/core/components/dialogs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dialog';
+export * from './dialogAlert';

package/dist/types/src/core/components/documentParser/documentParser.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface IDocumentParserProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The stringified document of Markdown or HTML to parse into a styled output.
+     */
+    document: string;
+}
+export declare const DocumentParser: React.FC<IDocumentParserProps>;

package/dist/types/src/core/components/documentParser/index.d.ts

@@ -0,0 +1 @@
+export { DocumentParser, type IDocumentParserProps } from './documentParser';

package/dist/types/src/core/components/dropdown/dropdownContainer/dropdownContainer.d.ts

@@ -0,0 +1,63 @@
+import * as RadixDropdown from '@radix-ui/react-dropdown-menu';
+import { type ComponentProps, type ReactNode } from 'react';
+import { type IButtonProps } from '../../button';
+export interface IDropdownContainerProps extends Omit<ComponentProps<'div'>, 'dir'> {
+    /**
+     * Size of the dropdown trigger.
+     * @default lg
+     */
+    size?: IButtonProps['size'];
+    /**
+     * Custom dropdown trigger displayed instead of the default button.
+     */
+    customTrigger?: ReactNode;
+    /**
+     * Size of the dropdown trigger depending on the current breakpoint.
+     */
+    responsiveSize?: IButtonProps['responsiveSize'];
+    /**
+     * Label of the dropdown trigger.
+     */
+    label?: string;
+    /**
+     * Alignment of the dropdown content.
+     * @default start
+     */
+    align?: RadixDropdown.DropdownMenuContentProps['align'];
+    /**
+     * Hides the dropdown trigger icon when set to true. This property has no effect when the label property
+     * is not set or is empty.
+     */
+    hideIcon?: boolean;
+    /**
+     * Disables the dropdown when set to true.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the dropdown is open by default.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether the dropdown is open.
+     */
+    open?: boolean;
+    /**
+     * Callback when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Sets a max width to the dropdown content as the remaining width between the trigger and the boundary edge.
+     * @default true
+     */
+    constrainContentWidth?: boolean;
+    /**
+     * Sets a max height to the dropdown content as the remaining height between the trigger and the boundary edge.
+     * @default true
+     */
+    constrainContentHeight?: boolean;
+    /**
+     * Additional classnames for the dropdown container (e.g. for setting a max width for the dropdown items).
+     */
+    contentClassNames?: string;
+}
+export declare const DropdownContainer: React.FC<IDropdownContainerProps>;

package/dist/types/src/core/components/dropdown/dropdownContainer/index.d.ts

@@ -0,0 +1 @@
+export { DropdownContainer, type IDropdownContainerProps } from './dropdownContainer';

package/dist/types/src/core/components/dropdown/dropdownItem/dropdownItem.d.ts

@@ -0,0 +1,39 @@
+import React, { type ComponentProps } from 'react';
+import { IconType } from '../../icon';
+export interface IDropdownItemProps extends Omit<ComponentProps<'div'>, 'onSelect'> {
+    /**
+     * Renders the dropdown item as selected when set to true.
+     */
+    selected?: boolean;
+    /**
+     * Icon displayed beside the item label. Defaults to LinkExternal when the item is a link or to Checkmark when the
+     * selected property is set to true.
+     */
+    icon?: IconType;
+    /**
+     * Position of the icon.
+     * @default right
+     */
+    iconPosition?: 'right' | 'left';
+    /**
+     * Link of the dropdown item.
+     */
+    href?: string;
+    /**
+     * Target of the dropdown link.
+     */
+    target?: string;
+    /**
+     * Rel attribute of the dropdown link.
+     */
+    rel?: string;
+    /**
+     * Disables the dropdown item when set to true.
+     */
+    disabled?: boolean;
+    /**
+     * Callback when the dropdown item is selected.
+     */
+    onSelect?: (event: Event) => void;
+}
+export declare const DropdownItem: React.FC<IDropdownItemProps>;

package/dist/types/src/core/components/dropdown/dropdownItem/index.d.ts

@@ -0,0 +1 @@
+export { DropdownItem, type IDropdownItemProps } from './dropdownItem';

package/dist/types/src/core/components/dropdown/index.d.ts

@@ -0,0 +1,6 @@
+export declare const Dropdown: {
+    Container: import("react").FC<import("./dropdownContainer").IDropdownContainerProps>;
+    Item: import("react").FC<import("./dropdownItem").IDropdownItemProps>;
+};
+export * from './dropdownContainer';
+export * from './dropdownItem';