@punkbit/cui 0.0.247-rc.2

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,49 @@
+import { ComponentProps, ElementType, ReactNode } from 'react';
+import { Orientation } from '..';
+type AlignItemsOptions = "start" | "center" | "end" | "stretch";
+export type GapOptions = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type GrowShrinkOptions = "0" | "1" | "2" | "3" | "4" | "5" | "6";
+type JustifyContentOptions = "center" | "space-between" | "space-around" | "space-evenly" | "start" | "end" | "left" | "right";
+export type PaddingOptions = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type WrapOptions = "nowrap" | "wrap" | "wrap-reverse";
+export interface ContainerProps<T extends ElementType = "div"> {
+    /** Custom component to render as */
+    component?: T;
+    /** Alignment of items along the cross axis */
+    alignItems?: AlignItemsOptions;
+    /** The content to display inside the container */
+    children?: React.ReactNode;
+    /** Whether the container should fill the full width of its parent */
+    fillWidth?: boolean;
+    /** The gap between child elements */
+    gap?: GapOptions;
+    /** Flex grow value */
+    grow?: GrowShrinkOptions;
+    /** Flex shrink value */
+    shrink?: GrowShrinkOptions;
+    /** Whether the container should stack vertically on smaller screens */
+    isResponsive?: boolean;
+    /** Alignment of items along the main axis */
+    justifyContent?: JustifyContentOptions;
+    /** Maximum width of the container */
+    maxWidth?: string;
+    /** Minimum width of the container */
+    minWidth?: string;
+    /** The direction of content flow - horizontal or vertical */
+    orientation?: Orientation;
+    /** The padding inside the container */
+    padding?: PaddingOptions;
+    /** How flex items should wrap */
+    wrap?: WrapOptions;
+    /** Whether the container should fill the full height of its parent */
+    fillHeight?: boolean;
+    /** Maximum height of the container */
+    maxHeight?: string;
+    /** Minimum height of the container */
+    minHeight?: string;
+    /** CSS overflow behavior */
+    overflow?: string;
+}
+type ContainerPolymorphicComponent = <T extends ElementType = "div">(props: Omit<ComponentProps<T>, keyof T> & ContainerProps<T>) => ReactNode;
+export declare const Container: ContainerPolymorphicComponent;
+export {};

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,48 @@
+import { HorizontalDirection, IconName } from '..';
+import * as RightMenu from "@radix-ui/react-context-menu";
+export declare const ContextMenu: {
+    (props: RightMenu.ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: import('react').ForwardRefExoticComponent<RightMenu.ContextMenuTriggerProps & import('react').RefAttributes<HTMLDivElement>>;
+    SubTrigger: {
+        ({ icon, iconDir, children, ...props }: ContextMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ sub, children, showArrow, ...props }: ContextMenuContentProps | ContextMenuSubContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        (props: RightMenu.ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Sub: {
+        ({ ...props }: RightMenu.ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ icon, iconDir, type, children, ...props }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+}
+export type ArrowProps = {
+    showArrow?: boolean;
+};
+type ContextMenuContentProps = RightMenu.MenuContentProps & {
+    sub?: true;
+} & ArrowProps;
+type ContextMenuSubContentProps = RightMenu.MenuSubContentProps & {
+    sub?: never;
+} & ArrowProps;
+export interface ContextMenuItemProps extends RightMenu.ContextMenuItemProps {
+    /** Icon to display in the menu item */
+    icon?: IconName;
+    /** The direction of the icon relative to the label */
+    iconDir?: HorizontalDirection;
+    /** The type of the menu item */
+    type?: "default" | "danger";
+}
+export default ContextMenu;

package/dist/components/DateDetails/DateDetails.d.ts

@@ -0,0 +1,15 @@
+import { TextSize, TextWeight } from '../commonTypes';
+export type ArrowPosition = "top" | "right" | "left" | "bottom";
+export interface DateDetailsProps {
+    /** The date to display */
+    date: Date;
+    /** The side to show the popover */
+    side?: ArrowPosition;
+    /** The font size of the trigger text */
+    size?: TextSize;
+    /** Optional system timezone to display */
+    systemTimeZone?: string;
+    /** The font weight of the trigger text */
+    weight?: TextWeight;
+}
+export declare const DateDetails: ({ date, side, size, systemTimeZone, weight, }: DateDetailsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DatePicker/Common.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { useCalendar, UseCalendarOptions } from '@h6s/calendar';
+interface DatePickerInputProps {
+    isActive: boolean;
+    disabled: boolean;
+    id?: string;
+    placeholder?: string;
+    selectedDate?: Date;
+}
+export declare const DatePickerInput: ({ isActive, disabled, id, placeholder, selectedDate, }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+interface DateRangePickerInputProps {
+    isActive: boolean;
+    disabled: boolean;
+    id?: string;
+    placeholder?: string;
+    selectedEndDate?: Date;
+    selectedStartDate?: Date;
+}
+export declare const DateRangePickerInput: ({ isActive, disabled, id, placeholder, selectedEndDate, selectedStartDate, }: DateRangePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateTableCell: import('styled-components').StyledComponent<"td", import('styled-components').DefaultTheme, {
+    $isCurrentMonth?: boolean;
+    $isDisabled?: boolean;
+    $isSelected?: boolean;
+    $isToday?: boolean;
+}, never>;
+export type Body = ReturnType<typeof useCalendar>["body"];
+interface CalendarRendererProps {
+    calendarOptions?: UseCalendarOptions;
+    children: (body: Body) => ReactNode;
+}
+export declare const CalendarRenderer: ({ calendarOptions, children, ...props }: CalendarRendererProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,8 @@
+export interface DatePickerProps {
+    date?: Date;
+    disabled?: boolean;
+    futureDatesDisabled?: boolean;
+    onSelectDate: (selectedDate: Date) => void;
+    placeholder?: string;
+}
+export declare const DatePicker: ({ date, disabled, futureDatesDisabled, onSelectDate, placeholder, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DatePicker/DateRangePicker.d.ts

@@ -0,0 +1,13 @@
+import { DateRange } from './utils';
+export interface DateRangePickerProps {
+    endDate?: Date;
+    disabled?: boolean;
+    futureDatesDisabled?: boolean;
+    futureStartDatesDisabled?: boolean;
+    onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;
+    placeholder?: string;
+    predefinedDatesList?: Array<DateRange>;
+    maxRangeLength?: number;
+    startDate?: Date;
+}
+export declare const DateRangePicker: ({ endDate, startDate, disabled, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, onSelectDateRange, placeholder, predefinedDatesList, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DatePicker/utils.d.ts

@@ -0,0 +1,10 @@
+export interface DateRange {
+    startDate: Date;
+    endDate: Date;
+}
+export declare const selectedDateFormatter: Intl.DateTimeFormat;
+export declare const weekdayFormatter: Intl.DateTimeFormat;
+export declare const headerDateFormatter: Intl.DateTimeFormat;
+export declare const getPredefinedMonthsForDateRangePicker: (numberOfMonths: number) => Array<DateRange>;
+export declare const datesAreWithinMaxRange: (startDate: Date, endDate: Date, maxRangeLength: number) => boolean;
+export declare const isDateRangeTheWholeMonth: ({ startDate, endDate }: DateRange) => boolean;

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button';
+import * as RadixDialog from "@radix-ui/react-dialog";
+export declare const Dialog: {
+    ({ children, ...props }: RadixDialog.DialogProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        ({ children, asChild, ...props }: RadixDialog.DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Close: {
+        ({ label, type, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ title, children, showClose, onClose, forceMount, container, showOverlay, reducePadding, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export interface DialogContentProps extends RadixDialog.DialogContentProps {
+    /** The title text displayed in the dialog header */
+    title?: string;
+    /** Whether to show the close button */
+    showClose?: boolean;
+    /** Whether to force mount the dialog */
+    forceMount?: true;
+    /** Container element to portal the dialog into */
+    container?: HTMLElement | null;
+    /** The content to display in the dialog */
+    children: ReactNode;
+    /** Callback when the dialog is closed */
+    onClose?: () => void;
+    /** Whether to show the overlay backdrop */
+    showOverlay?: boolean;
+    /** Whether to use reduced padding */
+    reducePadding?: boolean;
+}

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

@@ -0,0 +1,50 @@
+import { HorizontalDirection, IconName } from '../types';
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+export declare const Dropdown: {
+    (props: DropdownMenu.DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        ({ sub, children, ...props }: DropdownSubTriggerProps | DropdownTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ sub, children, showArrow, ...props }: DropdownContentProps | DropdownSubContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        (props: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Sub: {
+        ({ ...props }: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ icon, iconDir, type, children, ...props }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface SubDropdownProps {
+    sub?: true;
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+}
+interface MainDropdownProps {
+    sub?: never;
+}
+type DropdownSubTriggerProps = DropdownMenu.DropdownMenuSubTriggerProps & SubDropdownProps;
+type DropdownTriggerProps = DropdownMenu.DropdownMenuTriggerProps & MainDropdownProps;
+export type ArrowProps = {
+    showArrow?: boolean;
+};
+type DropdownContentProps = DropdownMenu.MenuContentProps & SubDropdownProps & ArrowProps;
+type DropdownSubContentProps = DropdownMenu.MenuSubContentProps & MainDropdownProps & ArrowProps;
+interface DropdownItemProps extends DropdownMenu.DropdownMenuItemProps {
+    /** Icon to display in the menu item */
+    icon?: IconName;
+    /** The direction of the icon relative to the label */
+    iconDir?: HorizontalDirection;
+    /** The type of the menu item */
+    type?: "default" | "danger";
+}
+export type { DropdownItemProps };
+export default Dropdown;

package/dist/components/EllipsisContent/EllipsisContent.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, ElementType, ReactNode } from 'react';
+export interface EllipsisContentProps<T extends ElementType = "div"> {
+    component?: T;
+}
+type EllipsisPolymorphicComponent = <T extends ElementType = "div">(props: Omit<ComponentProps<T>, keyof T> & EllipsisContentProps<T>) => ReactNode;
+export declare const EllipsisContent: EllipsisPolymorphicComponent;
+export {};

package/dist/components/FileTabs/FileTabs.d.ts

@@ -0,0 +1,55 @@
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { IconName } from '../Icon/types';
+import { ItemInterface, ReactSortableProps, Sortable, Store } from 'react-sortablejs';
+export type FileTabStatusType = "default" | "success" | "neutral" | "danger" | "warning" | "info";
+interface ContextProps {
+    selectedIndex?: number;
+    onClose: (index: number) => void;
+}
+export declare const TabContext: import('react').Context<ContextProps>;
+export interface FileTabProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Callback when the tab is closed */
+    onClose?: () => void;
+    /** Index of the tab in the list */
+    index: number;
+    /** Status indicator for the tab */
+    status?: FileTabStatusType;
+    /** Icon to display in the tab */
+    icon?: IconName | ReactNode;
+    /** Text to display in the tab */
+    text: string;
+    /** Test ID for testing */
+    testId?: string;
+    /** Whether the tab is in preview mode (italic text) */
+    preview?: boolean;
+}
+export interface FileTabsProps extends Omit<ReactSortableProps<ItemInterface>, "onSelect" | "list" | "setList"> {
+    /** Index of the currently selected tab */
+    selectedIndex?: number;
+    /** The tab elements to render */
+    children: ReactElement<FileTabProps> | Array<ReactElement<FileTabProps>>;
+    /** Callback when a tab is reordered via drag and drop */
+    onReorderTab: (sourcePosition: number, destinationPosition: number) => void;
+    /** Callback when a tab is closed */
+    onClose: (index: number) => void;
+    /** Callback when a tab is selected */
+    onSelect: (index: number) => void;
+    /** List of items for sortable functionality */
+    list?: Array<ItemInterface>;
+    /** Setter for the sortable list */
+    setList?: (newState: Array<ItemInterface>, sortable: Sortable | null, store: Store) => void;
+}
+export declare const FileTabs: {
+    ({ selectedIndex, children, onReorderTab, onClose: onCloseProp, onSelect: onSelectProp, list: listProp, setList: setListProp, onEnd, direction, group, ...props }: FileTabsProps): import("react/jsx-runtime").JSX.Element;
+    Tab: {
+        ({ text, index, icon, onMouseDown: onMouseDownProp, status, testId, preview, ...props }: FileTabProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface FileTabElementProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconName | ReactNode;
+    active?: boolean;
+    preview?: boolean;
+}
+export declare const FileTabElement: ({ icon, children, active, preview, ...props }: FileTabElementProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FileUpload/FileMultiUpload.d.ts

@@ -0,0 +1,32 @@
+export interface FileUploadItem {
+    /** Unique identifier for the file */
+    id: string;
+    /** Name of the file */
+    name: string;
+    /** Size of the file in bytes */
+    size: number;
+    /** Current upload status */
+    status: "uploading" | "success" | "error";
+    /** Upload progress (0-100) */
+    progress: number;
+    /** Error message when status is "error" */
+    errorMessage?: string;
+}
+interface FileMultiUploadProps {
+    /** The title text displayed in the upload area */
+    title: string;
+    /** Array of supported file extensions (e.g., [".txt", ".csv"]) */
+    supportedFileTypes?: string[];
+    /** Array of files with their upload status */
+    files: FileUploadItem[];
+    /** Callback when a file is selected */
+    onFileSelect?: (file: File) => void;
+    /** Callback when retry is clicked for a file */
+    onFileRetry?: (fileId: string) => void;
+    /** Callback when a file is removed */
+    onFileRemove?: (fileId: string) => void;
+    /** Callback when file selection fails */
+    onFileFailure?: () => void;
+}
+export declare const FileMultiUpload: ({ title, supportedFileTypes, files, onFileSelect, onFileRetry, onFileRemove, onFileFailure, }: FileMultiUploadProps) => import("react/jsx-runtime").JSX.Element;
+export type { FileMultiUploadProps };

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,26 @@
+interface FileUploadProps {
+    /** The title text displayed in the upload area */
+    title: string;
+    /** Array of supported file extensions (e.g., [".txt", ".csv"]) */
+    supportedFileTypes?: string[];
+    /** The size variant of the upload component */
+    size?: "sm" | "md";
+    /** Current upload progress (0-100) */
+    progress?: number;
+    /** Whether to show success state */
+    showSuccess?: boolean;
+    /** Whether to show the progress bar */
+    showProgress?: boolean;
+    /** Message to display when upload fails */
+    failureMessage?: string;
+    /** Callback when retry button is clicked */
+    onRetry?: () => void;
+    /** Callback when a file is selected */
+    onFileSelect?: (file: File) => void;
+    /** Callback when file selection fails */
+    onFileFailure?: () => void;
+    /** Callback when the file is removed/closed */
+    onFileClose?: () => void;
+}
+export declare const FileUpload: ({ title, supportedFileTypes, size, onFileSelect, onRetry, progress, failureMessage, showProgress, showSuccess, onFileFailure, onFileClose, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
+export type { FileUploadProps };

package/dist/components/Flyout/Flyout.d.ts

@@ -0,0 +1,99 @@
+import { ReactNode } from 'react';
+import { DialogProps, DialogTriggerProps, DialogContentProps as RadixDialogContentProps } from '@radix-ui/react-dialog';
+import { ButtonProps, ContainerProps } from '..';
+export type FlyoutProps = DialogProps;
+export declare const Flyout: {
+    ({ modal, ...props }: FlyoutProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        ({ children, ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ showOverlay, children, container, strategy, size, type, closeOnInteractOutside, width, align, onInteractOutside, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Element: {
+        ({ type, ...props }: ElementProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Header: {
+        ({ title, description, type, children, showClose, showSeparator, ...props }: FlyoutHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ align, ...props }: BodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Close: {
+        ({ children, ...props }: FlyoutButtonProps | {
+            children?: ReactNode;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        (props: FlyoutFooterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    CodeBlock: ({ statement, language, wrapLines, showLineNumbers, showWrapButton, onCopy, onCopyError, ...props }: FlyoutCodeBlockProps & ElementProps) => import("react/jsx-runtime").JSX.Element;
+};
+type FlyoutSizeType = "default" | "narrow" | "wide" | "widest";
+type Strategy = "relative" | "absolute" | "fixed";
+type FlyoutType = "default" | "inline";
+type DialogContentAlignmentType = "start" | "end";
+export interface DialogContentProps extends RadixDialogContentProps {
+    /** Container element to portal the flyout into */
+    container?: HTMLElement | null;
+    /** Whether to show the overlay backdrop */
+    showOverlay?: boolean;
+    /** The size variant of the flyout */
+    size?: FlyoutSizeType;
+    /** The type of flyout styling */
+    type?: FlyoutType;
+    /** CSS position strategy */
+    strategy?: Strategy;
+    /** Whether clicking outside closes the flyout */
+    closeOnInteractOutside?: boolean;
+    /** Custom width for the flyout */
+    width?: string;
+    /** Alignment of the flyout (start = left, end = right) */
+    align?: DialogContentAlignmentType;
+}
+interface ElementProps extends Omit<ContainerProps, "component" | "padding" | "gap" | "orientation"> {
+    type?: FlyoutType;
+}
+interface TitleHeaderProps extends Omit<ContainerProps, "orientaion" | "justifyContent" | "alignItems" | "component" | "padding" | "gap" | "children" | "fillWidth"> {
+    title: string;
+    description?: string;
+    type?: FlyoutType;
+    children?: never;
+    showClose?: boolean;
+    showSeparator?: boolean;
+}
+interface ChildrenHeaderProps extends Omit<ContainerProps, "orientaion" | "justifyContent" | "alignItems" | "component" | "padding" | "gap" | "fillWidth"> {
+    title?: never;
+    type?: FlyoutType;
+    description?: never;
+    showClose?: boolean;
+    showSeparator?: boolean;
+}
+export type FlyoutHeaderProps = TitleHeaderProps | ChildrenHeaderProps;
+type FlyoutAlign = "default" | "top";
+interface BodyProps extends ContainerProps {
+    align?: FlyoutAlign;
+}
+export interface FlyoutFooterProps extends Omit<ContainerProps<"div">, "orientaion" | "justifyContent" | "component" | "padding" | "gap"> {
+    type?: FlyoutType;
+}
+interface FlyoutButtonProps extends Omit<ButtonProps, "children"> {
+    children?: never;
+}
+interface FlyoutCodeBlockProps extends ContainerProps {
+    language?: string;
+    statement: string;
+    showLineNumbers?: boolean;
+    showWrapButton?: boolean;
+    wrapLines?: boolean;
+    onCopy?: (value: string) => void | Promise<void>;
+    onCopyError?: (error: string) => void | Promise<void>;
+}
+export {};

package/dist/components/FormContainer/FormContainer.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { HorizontalDirection, Orientation } from '..';
+export interface FormContainerProps extends HTMLAttributes<HTMLDivElement> {
+    htmlFor: string;
+    label?: ReactNode;
+    orientation?: Orientation;
+    dir?: HorizontalDirection;
+    error?: ReactNode;
+    children: ReactNode;
+    addLabelPadding?: boolean;
+}
+export declare const FormContainer: ({ id, label, orientation, dir, error, children, addLabelPadding, ...props }: FormContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GenericLabel/GenericLabel.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export interface GenericLabelProps extends HTMLAttributes<HTMLLabelElement> {
+    /** Whether the label is disabled */
+    disabled?: boolean;
+    /** The ID of the form element this label is for */
+    htmlFor?: string;
+}
+export declare const GenericLabel: ({ disabled, children, ...props }: GenericLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GenericMenu.d.ts

@@ -0,0 +1,12 @@
+export declare const GenericMenuPanel: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+    $type: "popover" | "dropdown-menu" | "context-menu";
+    $showArrow?: boolean;
+}, never>;
+export declare const GenericPopoverMenuPanel: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+    $type: "popover" | "hover-card";
+    $showArrow?: boolean;
+}, never>;
+export declare const Arrow: import('styled-components').StyledComponent<"svg", import('styled-components').DefaultTheme, {}, never>;
+export declare const GenericMenuItem: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+    $type?: "default" | "danger";
+}, never>;

package/dist/components/Grid/Cell.d.ts

@@ -0,0 +1,7 @@
+import { GridChildComponentProps } from 'react-window';
+import { ItemDataType } from './types';
+type CellProps = GridChildComponentProps<ItemDataType> & {
+    width: number;
+};
+export declare const Cell: import('react').MemoExoticComponent<({ data, rowIndex, columnIndex, style, ...props }: CellProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/Grid/ColumnResizer.d.ts

@@ -0,0 +1,27 @@
+import { ColumnResizeFn, GetResizerPositionFn } from './types';
+import { ResizingState } from './useResizingState';
+/**
+ * Properties for the ColumnResizer component.
+ * @typedef {Object} Props
+ * @property {number} height - Height of the resizer.
+ * @property {ColumnResizeFn} onColumnResize - Function to handle column resize.
+ * @property {number} columnIndex - Index of the column being resized.
+ * @property {GetResizerPositionFn} getResizerPosition - Function to get the position of the resizer.
+ * @property {number} columnWidth - Initial width of the column.
+ * @property {ResizingState} resizingState - State management object for resizing interactions.
+ */
+interface Props {
+    height: number;
+    onColumnResize: ColumnResizeFn;
+    columnIndex: number;
+    getResizerPosition: GetResizerPositionFn;
+    columnWidth: number;
+    resizingState: ResizingState;
+}
+/**
+ * Component for rendering a column resizer with pointer events and resizing state management.
+ * @param {Props} props - Properties passed to the component.
+ * @returns {JSX.Element} The ColumnResizer component.
+ */
+declare const ColumnResizer: ({ height, onColumnResize: onColumnResizeProp, columnIndex, getResizerPosition, columnWidth, resizingState, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ColumnResizer;

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,2 @@
+import { GridProps } from './types';
+export declare const Grid: import('react').ForwardRefExoticComponent<GridProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Grid/Header.d.ts

@@ -0,0 +1,22 @@
+import { CellProps, ColumnResizeFn, GetResizerPositionFn, SelectionTypeFn } from './types';
+import { ResizingState } from './useResizingState';
+interface HeaderProps {
+    showRowNumber: boolean;
+    rowNumberWidth: number;
+    minColumn: number;
+    maxColumn: number;
+    height: number;
+    getColumnWidth: (index: number) => number;
+    cell: CellProps;
+    getSelectionType: SelectionTypeFn;
+    columnCount: number;
+    onColumnResize: ColumnResizeFn;
+    getColumnHorizontalPosition: (columnIndex: number) => number;
+    scrolledVertical: boolean;
+    getResizerPosition: GetResizerPositionFn;
+    showBorder: boolean;
+    scrolledHorizontal: boolean;
+    resizingState: ResizingState;
+}
+declare const Header: ({ scrolledVertical, scrolledHorizontal, showRowNumber, rowNumberWidth, minColumn, maxColumn, height, getColumnWidth, cell, columnCount, getSelectionType, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/components/Grid/RowNumberColumn.d.ts

@@ -0,0 +1,17 @@
+import { SelectionTypeFn } from './types';
+interface RowNumberColumnProps {
+    minRow: number;
+    maxRow: number;
+    rowHeight: number;
+    headerHeight: number;
+    rowWidth: number;
+    getSelectionType: SelectionTypeFn;
+    rowCount: number;
+    showHeader: boolean;
+    scrolledHorizontal: boolean;
+    rowStart: number;
+    showBorder: boolean;
+    rowAutoHeight?: boolean;
+}
+declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, showHeader, scrolledHorizontal, rowStart, showBorder, rowAutoHeight, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
+export default RowNumberColumn;

package/dist/components/Grid/StyledCell.d.ts

@@ -0,0 +1,15 @@
+import { SelectionType } from './types';
+export declare const StyledCell: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+    $isFocused: boolean;
+    $selectionType: SelectionType;
+    $isSelectedTop: boolean;
+    $isSelectedLeft: boolean;
+    $isLastRow: boolean;
+    $isLastColumn: boolean;
+    $isFirstRow: boolean;
+    $isFirstColumn: boolean;
+    $height: number;
+    $type?: "body" | "header";
+    $showBorder: boolean;
+    $rowAutoHeight?: boolean;
+}, never>;

package/dist/components/Grid/copyGridElements.d.ts

@@ -0,0 +1,13 @@
+import { CellProps, SelectedRegion, SelectionFocus } from './types';
+import { RefObject } from 'react';
+interface CopyGridElementsProps {
+    cell: CellProps;
+    selection: SelectedRegion;
+    rowCount: number;
+    columnCount: number;
+    pageStart?: number;
+    focus: SelectionFocus;
+    outerRef: RefObject<HTMLDivElement>;
+}
+declare const copyGridElements: ({ cell, selection, rowCount, columnCount, pageStart, focus, outerRef, }: CopyGridElementsProps) => Promise<void>;
+export default copyGridElements;