@reportportal/ui-kit 0.0.1-alpha.2 → 0.0.1-alpha.200

package/dist/components/filtersButton/filtersButton.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithRef } from 'react';
+
+export interface FiltersButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'type'> {
+    appliedFiltersCount?: number;
+    isOpen?: boolean;
+    type?: 'button' | 'submit';
+    text?: string;
+    filtersLabelClassName?: string;
+    clearable?: boolean;
+    onClear?: () => void;
+    clearButtonAriaLabel?: string;
+}
+export declare const FiltersButton: (props: FiltersButtonProps & import('react').RefAttributes<HTMLButtonElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
+export default FiltersButton;

package/dist/components/filtersButton/index.d.ts

@@ -0,0 +1,2 @@
+export { FiltersButton } from './filtersButton';
+export type { FiltersButtonProps } from './filtersButton';

package/dist/components/icons/index.d.ts

@@ -0,0 +1,71 @@
+export { default as AddCsvIcon } from './svg/addCsv.svg';
+export { default as AddImageIcon } from './svg/addImage.svg';
+export { default as AddJarIcon } from './svg/addJar.svg';
+export { default as ArrowDownIcon } from './svg/arrowDown.svg';
+export { default as ArrowUpIcon } from './svg/arrowUp.svg';
+export { default as BreadcrumbsTreeIcon } from './svg/breadcrumbsTree.svg';
+export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
+export { default as CalendarIcon } from './svg/calendar.svg';
+export { default as CheckmarkIcon } from './svg/checkmark.svg';
+export { default as ChevronDownDropdownIcon } from './svg/chevronDownDropdown.svg';
+export { default as ChevronRightBreadcrumbsIcon } from './svg/chevronRightBreadcrumbs.svg';
+export { default as ClearIcon } from './svg/clear.svg';
+export { default as CloseEyeIcon } from './svg/closeEye.svg';
+export { default as CloseIcon } from './svg/close.svg';
+export { default as ConfigurationIcon } from './svg/configuration.svg';
+export { default as CopyIcon } from './svg/copy.svg';
+export { default as CoveredManuallyIcon } from './svg/coveredManually.svg';
+export { default as CsvIcon } from './svg/csv.svg';
+export { default as DeleteIcon } from './svg/delete.svg';
+export { default as DetailsIcon } from './svg/details.svg';
+export { default as DragAndDropIcon } from './svg/dragAndDrop.svg';
+export { default as DragNDropIcon } from './svg/dragNDrop.svg';
+export { default as DropdownIcon } from './svg/dropdown.svg';
+export { default as DurationIcon } from './svg/duration.svg';
+export { default as EditIcon } from './svg/edit.svg';
+export { default as ErrorIcon } from './svg/error.svg';
+export { default as ExportIcon } from './svg/export.svg';
+export { default as ExternalLinkIcon } from './svg/externalLink.svg';
+export { default as FileOtherIcon } from './svg/fileOther.svg';
+export { default as FilterFilledIcon } from './svg/filterFilled.svg';
+export { default as FilterOutlineIcon } from './svg/filterOutline.svg';
+export { default as FlagIcon } from './svg/flag.svg';
+export { default as GroupByIcon } from './svg/groupBy.svg';
+export { default as HideIcon } from './svg/hide.svg';
+export { default as ImageIcon } from './svg/image.svg';
+export { default as InfoIcon } from './svg/info.svg';
+export { default as JarIcon } from './svg/jar.svg';
+export { default as MailIcon } from './svg/mail.svg';
+export { default as MaximizeIcon } from './svg/maximize.svg';
+export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';
+export { default as MinusIcon } from './svg/minus.svg';
+export { default as MoveToFolderIcon } from './svg/moveToFolder.svg';
+export { default as OpenEyeIcon } from './svg/openEye.svg';
+export { default as PdfIcon } from './svg/pdf.svg';
+export { default as PinFilledIcon } from './svg/pinFilled.svg';
+export { default as PinOutlineIcon } from './svg/pinOutline.svg';
+export { default as PlusIcon } from './svg/plus.svg';
+export { default as PrevChapterIcon } from './svg/prevChapter.svg';
+export { default as PrevPageIcon } from './svg/prevPage.svg';
+export { default as PriorityBlockerIcon } from './svg/priorityBlocker.svg';
+export { default as PriorityCriticalIcon } from './svg/priorityCritical.svg';
+export { default as PriorityHighIcon } from './svg/priorityHigh.svg';
+export { default as PriorityLowIcon } from './svg/priorityLow.svg';
+export { default as PriorityMediumIcon } from './svg/priorityMedium.svg';
+export { default as PriorityUnspecifiedIcon } from './svg/priorityUnspecified.svg';
+export { default as RefreshIcon } from './svg/refresh.svg';
+export { default as ResizeColumnIcon } from './svg/resizeColumn.svg';
+export { default as RerunIcon } from './svg/rerun.svg';
+export { default as SearchIcon } from './svg/search.svg';
+export { default as SortIcon } from './svg/sort.svg';
+export { default as StatusSuccessIcon } from './svg/statusSuccess.svg';
+export { default as SuccessIcon } from './svg/success.svg';
+export { default as TreeIcon } from './svg/tree.svg';
+export { default as WarningIcon } from './svg/warning.svg';
+export { default as XlsIcon } from './svg/xls.svg';
+export { default as TestPlanIcon } from './svg/testPlan.svg';
+export { default as UserIcon } from './svg/userIcon.svg';
+export { default as LaunchTypeIcon } from './svg/launchType.svg';
+export { default as RunManualIcon } from './svg/runManual.svg';
+export { default as CoverageFullIcon } from './svg/coverageFull.svg';
+export { default as CoveragePartialIcon } from './svg/coveragePartially.svg';

package/dist/components/index.d.ts

@@ -1,4 +1,40 @@
+export { AdaptiveTagList } from './adaptiveTagList';
+export { ActionMenu, ActionMenuItem } from './actionMenu';
+export { ACTION_MENU_DIVIDER } from './actionMenu/constants';
+export { AttachedFile } from './attachedFile';
+export { BaseIconButton } from './baseIconButton';
+export { Breadcrumbs } from './breadcrumbs';
+export { BubblesLoader } from './bubblesLoader';
+export { BulkPanel } from './bulkPanel';
 export { Button } from './button';
 export { Checkbox } from './checkbox';
+export { Chip } from './chip';
+export { DatePicker } from './datePicker';
+export { Dropdown } from './dropdown';
+export { FieldLabel } from './fieldLabel';
+export { FieldNumber } from './fieldNumber';
+export { FieldText } from './fieldText';
+export { FieldTextFlex } from './fieldTextFlex';
+export { FileDropArea } from './fileDropArea';
+export { FiltersButton } from './filtersButton';
+export { FilterItem } from './filterItem';
+export { IssueList } from './issueList';
+export { Modal } from './modal';
+export { MultipleAutocomplete } from './autocompletes/multipleAutocomplete';
+export { Pagination } from './pagination';
+export { Popover } from './popover';
+export { Radio, RadioGroup } from './radio';
+export { SegmentedControl } from './segmentedControl';
+export { Selection } from './selection';
+export { SpinLoader } from './spinLoader';
+export { SystemAlert } from './systemAlert';
 export { SystemMessage } from './systemMessage';
+export { SingleAutocomplete } from './autocompletes/singleAutocomplete';
+export { SortableItem, SortableList, DragLayer, TreeSortableItem, TreeSortableContainer, } from './sortable';
+export { Table } from './table';
 export { ThemeProvider } from './themeProvider';
+export { Toggle } from './toggle';
+export { Tooltip } from './tooltip';
+export { SidePanel } from './sidePanel';
+export { useTreeDropValidation, useEllipsisTitle } from '../common/hooks';
+export * from './icons';

package/dist/components/issueList/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const FONT_LOADING_DELAY = 100;
+export declare const GAP = 8;
+export declare const MIN_COUNTER_WIDTH = 32;
+export declare const MIN_ISSUE_WIDTH = 60;
+export declare const TOOLTIP_WIDTH = 360;

package/dist/components/issueList/index.d.ts

@@ -0,0 +1,2 @@
+export { IssueList } from './issueList';
+export type { IssueListProps, Issue } from './issueList';

package/dist/components/issueList/issueList.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+
+export interface Issue {
+    key: string;
+    name: string;
+    link?: string;
+}
+export interface IssueListProps {
+    issues: Issue[];
+    isExpanded?: boolean;
+    onIssueClick?: (issue: Issue) => void;
+    onIssueRemove?: (issue: Issue) => void;
+    onCounterClick?: () => void;
+    renderTooltip?: (issue: Issue) => ReactNode;
+    tooltipPortalRoot?: Element;
+    className?: string;
+}
+export declare const IssueList: ({ issues, isExpanded, onIssueClick, onIssueRemove, onCounterClick, renderTooltip, tooltipPortalRoot, className, }: IssueListProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/maxValueDisplay/index.d.ts

@@ -0,0 +1,4 @@
+import { MaxValueDisplay } from './maxValueDisplay';
+
+export { MaxValueDisplay };
+export default MaxValueDisplay;

package/dist/components/maxValueDisplay/maxValueDisplay.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ShapeWithClassName } from '../../common/types';
+
+export interface MaxValueDisplayProps {
+    value: number;
+    maxValue?: number;
+}
+export declare const MaxValueDisplay: FC<ShapeWithClassName<MaxValueDisplayProps>>;

package/dist/components/maxValueDisplay/utils/index.d.ts

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

package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts

@@ -0,0 +1 @@
+export declare const isPositiveInteger: (value?: number) => boolean;

package/dist/components/modal/index.d.ts

@@ -0,0 +1,5 @@
+export { Modal } from './modal';
+export { ModalContent } from './modalContent';
+export { ModalHeader } from './modalHeader';
+export { ModalFooter } from './modalFooter';
+export type { ExtendedButtonProps } from './types';

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode, FC } from 'react';
+import { ButtonProps } from '../button';
+import { ModalSize } from './modalFooter';
+import { ExtendedButtonProps } from './types';
+
+type ModalOverlay = 'default' | 'light-cyan';
+interface ModalProps {
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footerNode?: ReactNode;
+    className?: string;
+    zIndex?: number;
+    size?: ModalSize;
+    overlay?: ModalOverlay;
+    allowCloseOutside?: boolean;
+    okButton?: ExtendedButtonProps;
+    cancelButton?: ButtonProps;
+    scrollable?: boolean;
+    withoutFooter?: boolean;
+    createFooter?: (closeHandler: () => void) => ReactNode;
+    description?: ReactNode;
+}
+export declare const Modal: FC<ModalProps>;
+export {};

package/dist/components/modal/modalContent/index.d.ts

@@ -0,0 +1 @@
+export { ModalContent } from './modalContent';

package/dist/components/modal/modalContent/modalContent.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+interface ModalContentProps {
+    children?: ReactNode;
+}
+export declare const ModalContent: ({ children }: ModalContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/modal/modalFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalFooter } from './modalFooter';
+export type { ModalSize } from './modalFooter';

package/dist/components/modal/modalFooter/modalFooter.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, FC, MouseEventHandler } from 'react';
+import { ButtonProps } from '../../button';
+import { ExtendedButtonProps } from '../types';
+
+export type ModalSize = 'default' | 'small' | 'large';
+interface ModalFooterProps {
+    closeHandler: MouseEventHandler<HTMLButtonElement>;
+    footerNode?: ReactNode;
+    okButton?: ExtendedButtonProps;
+    cancelButton?: ButtonProps;
+    size?: ModalSize;
+}
+export declare const ModalFooter: FC<ModalFooterProps>;
+export {};

package/dist/components/modal/modalHeader/index.d.ts

@@ -0,0 +1 @@
+export { ModalHeader } from './modalHeader';

package/dist/components/modal/modalHeader/modalHeader.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode, FC } from 'react';
+
+interface ModalHeaderProps {
+    title?: ReactNode;
+    onClose: () => void;
+    withDescription?: boolean;
+}
+export declare const ModalHeader: FC<ModalHeaderProps>;
+export {};

package/dist/components/modal/types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../button';
+
+export interface ExtendedButtonProps extends ButtonProps {
+    tooltipNode?: ReactNode;
+}

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,5 @@
+import { Pagination, PaginationProps } from './pagination';
+
+export { Pagination };
+export type { PaginationProps };
+export default Pagination;

package/dist/components/pagination/itemsCounter/index.d.ts

@@ -0,0 +1 @@
+export { ItemCounter } from './itemCounter';

package/dist/components/pagination/itemsCounter/itemCounter.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode } from 'react';
+
+export interface ItemCounterProps {
+    activePage: number;
+    pageSize: number;
+    totalItems: number;
+    ofText: string;
+    itemsText: string;
+    limitExceeded?: boolean;
+    warningContent?: ReactNode;
+}
+export declare const ItemCounter: ({ activePage, pageSize, totalItems, ofText, itemsText, limitExceeded, warningContent, }: ItemCounterProps) => ReactElement;

package/dist/components/pagination/pageControls/activePage/activePage.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+
+interface ActivePageProps {
+    activePage: number;
+    totalPages: number;
+    pageText: string;
+    goToText: string;
+    goActionText: string;
+    changePage: ChangePage;
+}
+export declare const ActivePage: FC<ActivePageProps>;
+export {};

package/dist/components/pagination/pageControls/activePage/index.d.ts

@@ -0,0 +1 @@
+export { ActivePage } from './activePage';

package/dist/components/pagination/pageControls/activePage/pageSelector/index.d.ts

@@ -0,0 +1 @@
+export { PageSelector } from './pageSelector';

package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ChangePage } from '../../../types';
+
+interface PageSelectorProps {
+    pageText: string;
+    goActionText: string;
+    totalPages: number;
+    selectPage: ChangePage;
+}
+export declare const PageSelector: FC<PageSelectorProps>;
+export {};

package/dist/components/pagination/pageControls/index.d.ts

@@ -0,0 +1 @@
+export { PageControls } from './pageControls';

package/dist/components/pagination/pageControls/pageControls.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { ChangePage } from '../types';
+
+type PageControlsCaptions = {
+    page: string;
+    goTo: string;
+    goAction: string;
+    of: string;
+};
+export interface PageControlsProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+    captions: PageControlsCaptions;
+}
+export declare const PageControls: FC<PageControlsProps>;
+export {};

package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ChangePage } from '../../../types';
+
+export interface BarProps {
+    totalPages: number;
+    activePage: number;
+    changePage: ChangePage;
+    captions: {
+        goTo: string;
+    };
+}
+export declare const Bar: FC<BarProps>;

package/dist/components/pagination/pageControls/pageNavigator/bar/index.d.ts

@@ -0,0 +1 @@
+export { Bar } from './bar';

package/dist/components/pagination/pageControls/pageNavigator/index.d.ts

@@ -0,0 +1 @@
+export { PageNavigator } from './pageNavigator';

package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+
+export interface PageNavigatorProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+    captions: {
+        goTo: string;
+    };
+}
+export declare const PageNavigator: FC<PageNavigatorProps>;

package/dist/components/pagination/pageSizeControl/index.d.ts

@@ -0,0 +1 @@
+export { PageSizeControl } from './pageSizeControl';

package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../types';
+
+interface PageSizeControlProps {
+    size: number;
+    sizeOptions: number[];
+    perPageText: string;
+    changeSize: ChangePageSize;
+}
+export declare const PageSizeControl: FC<PageSizeControlProps>;
+export {};

package/dist/components/pagination/pageSizeControl/sizeSelector/index.d.ts

@@ -0,0 +1 @@
+export { SizeSelector } from './sizeSelector';

package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../../types';
+
+export interface SizeSelectorProps {
+    currentSize: number;
+    options: number[];
+    onClickOption: ChangePageSize;
+}
+export declare const SizeSelector: FC<SizeSelectorProps>;

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,26 @@
+import { ReactElement, ReactNode } from 'react';
+import { ChangePageSize, ChangePage } from './types';
+
+type PaginationCaptions = {
+    items?: string;
+    of?: string;
+    page?: string;
+    goTo?: string;
+    goAction?: string;
+    perPage?: string;
+};
+export interface PaginationProps {
+    activePage: number;
+    totalPages: number;
+    pageSize: number;
+    totalItems: number;
+    pageSizeOptions: number[];
+    changePage: ChangePage;
+    changePageSize: ChangePageSize;
+    captions?: PaginationCaptions;
+    className?: string;
+    warningContent?: ReactNode;
+    limitExceeded?: boolean;
+}
+export declare const Pagination: ({ activePage, totalPages, pageSize, totalItems, pageSizeOptions, changePage, changePageSize, captions, className, warningContent, limitExceeded, }: PaginationProps) => ReactElement;
+export {};

package/dist/components/pagination/types.d.ts

@@ -0,0 +1,2 @@
+export type ChangePage = (page: number) => void;
+export type ChangePageSize = (size: number) => void;

package/dist/components/popover/index.d.ts

@@ -0,0 +1,4 @@
+import { Popover, PopoverProps } from './popover';
+
+export { Popover };
+export type { PopoverProps };

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+
+export interface PopoverProps {
+    className?: string;
+    content: ReactNode;
+    children: ReactNode;
+    placement?: Placement;
+    fallbackPlacements?: Placement[];
+    title?: string;
+    arrowOffset?: number;
+    safeZone?: number;
+    arrowColor?: string;
+    dataAutomationId?: string;
+    isOpened?: boolean;
+    setIsOpened?: (isOpened: boolean) => void;
+    isCentered?: boolean;
+}
+export declare const Popover: FC<PopoverProps>;

package/dist/components/radio/index.d.ts

@@ -0,0 +1,6 @@
+import { Radio, RadioProps } from './radio';
+import { RadioGroup, RadioGroupProps } from './radioGroup';
+
+export { Radio, RadioGroup };
+export type { RadioProps, RadioGroupProps };
+export default Radio;

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,17 @@
+import { ChangeEventHandler, HTMLAttributes, ReactNode, FC } from 'react';
+
+export type RadioValue = string | number;
+export type RadioOption = {
+    value: RadioValue;
+    label: string;
+    disabled: boolean;
+};
+export interface RadioProps extends HTMLAttributes<HTMLInputElement> {
+    option: RadioOption;
+    value?: RadioValue;
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const Radio: FC<RadioProps>;

package/dist/components/radio/radioGroup.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { RadioProps } from './index';
+import { RadioOption } from './radio';
+
+export interface RadioGroupProps extends Omit<RadioProps, 'option'> {
+    options: RadioOption[];
+}
+export declare const RadioGroup: FC<RadioGroupProps>;

package/dist/components/segmentedControl/index.d.ts

@@ -0,0 +1,17 @@
+/*!
+ * Copyright 2026 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { SegmentedControl } from './segmentedControl';
+export type { SegmentedControlProps, SegmentedControlValue, SegmentedControlOption } from './types';

package/dist/components/segmentedControl/segmentedControl.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { SegmentedControlProps } from './types';
+
+export declare const SegmentedControl: ({ options: initialOptions, onChange, className, fullWidth, ariaLabel, }: SegmentedControlProps) => ReactElement;

package/dist/components/segmentedControl/types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+
+export type SegmentedControlValue = string | number;
+export type SegmentedControlOption = {
+    value: SegmentedControlValue;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    selected?: boolean;
+    className?: string;
+};
+export interface SegmentedControlProps {
+    options: SegmentedControlOption[];
+    onChange?: (value: SegmentedControlValue) => void;
+    className?: string;
+    fullWidth?: boolean;
+    ariaLabel?: string;
+}

package/dist/components/selection/index.d.ts

@@ -0,0 +1,5 @@
+import { Selection, SelectionProps } from './selection';
+
+export { Selection };
+export type { SelectionProps };
+export default Selection;

package/dist/components/selection/selection.d.ts

@@ -0,0 +1,12 @@
+import { ClearSelection } from './types';
+
+export interface SelectionProps {
+    selectedCount: number;
+    onClearSelection: ClearSelection;
+    captions?: {
+        selected?: string;
+        buttonCaption?: string;
+    };
+    icon?: React.ReactNode;
+}
+export declare const Selection: ({ selectedCount, onClearSelection, captions, icon, }: SelectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/selection/types.d.ts

@@ -0,0 +1 @@
+export type ClearSelection = VoidFunction;

package/dist/components/sidePanel/index.d.ts

@@ -0,0 +1,2 @@
+export { SidePanel } from './sidePanel';
+export type { SidePanelProps } from './sidePanel';

package/dist/components/sidePanel/sidePanel.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+
+export interface SidePanelProps {
+    className?: string;
+    title?: ReactNode;
+    headerComponent?: ReactNode;
+    descriptionComponent?: ReactNode;
+    contentClassName?: string;
+    contentComponent?: ReactNode;
+    footerComponent?: ReactNode;
+    top?: number;
+    side?: 'left' | 'right';
+    isOpen?: boolean;
+    onClose?: () => void;
+    closeButtonAriaLabel?: string;
+    showOverlay?: boolean;
+    overlay?: 'default' | 'light-cyan';
+    allowCloseOutside?: boolean;
+    overlayClassName?: string;
+}
+export declare const SidePanel: ({ className, title, descriptionComponent, headerComponent, contentClassName, contentComponent, footerComponent, top, side, isOpen, onClose, closeButtonAriaLabel, showOverlay, overlay, allowCloseOutside, overlayClassName, }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
+export default SidePanel;

package/dist/components/sortable/dragLayer/dragLayer.d.ts

@@ -0,0 +1,3 @@
+import { DragLayerProps } from '../../../common/types';
+
+export declare const DragLayer: ({ type, renderPreview, className, previewClassName, portalTarget, }: DragLayerProps) => import('react').ReactPortal | null;

package/dist/components/sortable/dragLayer/index.d.ts

@@ -0,0 +1 @@
+export { DragLayer } from './dragLayer';

package/dist/components/sortable/helpers.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { XYCoord } from 'react-dnd';
+import { DropPosition } from '../../common/types';
+
+export declare const getPreviewStyles: (clientOffset: XYCoord | null) => CSSProperties;
+export declare const calculateCursorBasedDropIndex: ({ fromIndex, targetIndex, isTopZone, }: {
+    fromIndex: number;
+    targetIndex: number;
+    isTopZone: boolean;
+}) => number;
+export declare const getDropZone: (cursorY: number, elementHeight: number) => DropPosition;
+export declare const getDropZoneHorizontal: (cursorX: number, elementWidth: number) => DropPosition;