@mindlogic-ai/logician-ui 2.0.0-alpha.0

package/dist/index.d.ts

@@ -0,0 +1,964 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _chakra_ui_react from '@chakra-ui/react';
+import { AccordionProps, ChakraProps, AlertProps as AlertProps$1, InputProps as InputProps$1, AvatarProps, BadgeProps, BoxProps, BreadcrumbProps as BreadcrumbProps$1, BreadcrumbItemProps as BreadcrumbItemProps$1, BreadcrumbLinkProps as BreadcrumbLinkProps$1, ButtonProps as ButtonProps$1, CardProps as CardProps$1, ModalProps as ModalProps$1, ModalBodyProps, ModalCloseButtonProps, ModalContentProps as ModalContentProps$1, ModalFooterProps, ModalHeaderProps, ModalOverlayProps, CheckboxProps as CheckboxProps$1, TabsProps as TabsProps$1, ContainerProps, FlexProps, EditableProps, EditablePreviewProps, InputGroupProps, InputLeftElementProps, InputRightElementProps, FormControlProps as FormControlProps$1, FormLabelProps, PopoverProps, IconButtonProps as IconButtonProps$1, CodeProps as CodeProps$1, LinkProps as LinkProps$1, TextProps, MenuButtonProps, Button as Button$1, MenuItemProps as MenuItemProps$1, MenuListProps, ProgressProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, StackDirection, theme, SliderProps as SliderProps$1, SliderTrackProps as SliderTrackProps$1, SliderMarkProps as SliderMarkProps$1, SliderThumbProps as SliderThumbProps$1, SpinnerProps as SpinnerProps$1, TableRowProps, TableProps, TableContainerProps as TableContainerProps$1, TableCellProps as TableCellProps$1, TableBodyProps, TableColumnHeaderProps, TableHeadProps, TabProps as TabProps$1, TabListProps, TabPanelProps, TabPanelsProps, TagProps as TagProps$1, TagCloseButtonProps as TagCloseButtonProps$1, TagLabelProps as TagLabelProps$1, IconProps as IconProps$1, TextareaProps, UseToastOptions, TooltipProps as TooltipProps$1, HeadingProps } from '@chakra-ui/react';
+export { AccordionPanel } from '@chakra-ui/react';
+import * as react from 'react';
+import react__default, { PropsWithChildren, ReactNode, RefObject, SVGProps } from 'react';
+import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
+import { RangeDatepickerProps, SingleDatepickerProps } from 'chakra-dayzed-datepicker';
+import { IconType as IconType$1 } from 'react-icons/lib';
+import { DataKey as DataKey$1 } from 'recharts/types/util/types.d';
+import { Options } from 'react-markdown';
+import { MDXEditorProps as MDXEditorProps$1 } from '@mdxeditor/editor';
+import { GroupBase, Props } from 'react-select';
+
+declare const Accordion: (props: AccordionProps) => react_jsx_runtime.JSX.Element;
+
+declare const AccordionButton: ({ _hover, _expanded, customIcon, children, ...rest }: PropsWithChildren<ChakraProps> & {
+    customIcon?: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AccordionItem: ({ _first, _last, ...rest }: {
+    [x: string]: any;
+    _first?: {};
+    _last?: {};
+}) => react_jsx_runtime.JSX.Element;
+
+interface AlertProps extends AlertProps$1 {
+    onClose?: () => void;
+}
+
+/**
+ * A reusable Alert component that displays status messages.
+ *
+ * @param children - The content to display inside the alert.
+ * @param status - The status of the alert. Determines the visual style of the alert.
+ *                 Options: `'error' | 'success' | 'warning' | 'info'`.
+ *                 Default: `'error'`.
+ * @param onClose - Callback function triggered when the close button is clicked.
+ *                  If provided, a close button will be rendered in the alert.
+ *                  The function receives no arguments.
+ * @param rest - Additional props inherited from Chakra UI's `AlertProps`.
+ */
+declare const Alert: ({ children, status, onClose, ...rest }: AlertProps) => react_jsx_runtime.JSX.Element;
+
+declare const AutowidthInput: ({ value, placeholder, style, widthMeasureProps, ...rest }: InputProps$1 & {
+    widthMeasureProps?: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<unknown>>;
+
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const baseStyles: {
+    borderRadius: string;
+    px: number;
+    fontSize: string;
+    fontWeight: string;
+    color: string;
+    bgColor: string;
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+};
+
+interface BannerProps extends BoxProps {
+    variant?: 'info' | 'success' | 'warning' | 'danger';
+    hideIcon?: boolean;
+}
+
+declare const Banner: react.ForwardRefExoticComponent<BannerProps & react.RefAttributes<HTMLDivElement>>;
+
+interface BreadcrumbProps extends BreadcrumbProps$1 {
+}
+
+declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLDivElement>>;
+
+interface BreadcrumbItemProps extends BreadcrumbItemProps$1 {
+}
+
+declare const BreadcrumbItem: react.ForwardRefExoticComponent<BreadcrumbItemProps & react.RefAttributes<HTMLDivElement>>;
+
+interface BreadcrumbLinkProps extends BreadcrumbLinkProps$1 {
+}
+
+declare const BreadcrumbLink: react.ForwardRefExoticComponent<BreadcrumbLinkProps & react.RefAttributes<HTMLDivElement>>;
+
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | undefined;
+type ButtonProps = Omit<ButtonProps$1, 'variant'> & {
+    variant?: ButtonVariant;
+};
+
+declare const Button: react.ForwardRefExoticComponent<Omit<_chakra_ui_react.ButtonProps, "variant"> & {
+    variant?: ButtonVariant;
+} & react.RefAttributes<unknown>>;
+
+declare const variantStyles: Record<Exclude<ButtonVariant, undefined>, Partial<ButtonProps$1>>;
+
+type CardVariant = 'default' | 'gradient';
+type CardProps = CardProps$1 & {
+    clickable?: boolean;
+    variant?: CardVariant;
+};
+
+declare const Card: react.ForwardRefExoticComponent<_chakra_ui_react.CardProps & {
+    clickable?: boolean;
+    variant?: CardVariant;
+} & react.RefAttributes<HTMLDivElement>>;
+
+interface CarouselProps extends BoxProps {
+    /**
+     * Will autoplay if defined
+     */
+    autoplayDuration?: number;
+    currentSlide?: number;
+    onSlideChange?: (newSlide: number) => void;
+    /**
+     * @default 0
+     */
+    defaultSlide?: number;
+    /**
+     * @default true
+     */
+    showIndicators?: boolean;
+    /**
+     * @default true
+     */
+    showArrows?: boolean;
+}
+
+declare const Carousel: react__default.FC<CarouselProps>;
+
+type ModalProps = ModalProps$1;
+
+declare const Modal: ({ children, ...rest }: ModalProps) => react_jsx_runtime.JSX.Element;
+
+declare const ModalBody: ({ ...rest }: ModalBodyProps) => react_jsx_runtime.JSX.Element;
+
+declare const ModalCloseButton: ({ ...rest }: ModalCloseButtonProps) => react_jsx_runtime.JSX.Element;
+
+type ModalContentProps = ModalContentProps$1;
+
+declare const ModalContent: ({ ...rest }: ModalContentProps) => react_jsx_runtime.JSX.Element;
+
+declare const ModalFooter: ({ className, ...rest }: ModalFooterProps) => react_jsx_runtime.JSX.Element;
+
+declare const ModalHeader: ({ ...rest }: ModalHeaderProps) => react_jsx_runtime.JSX.Element;
+
+declare const ModalOverlay: ({ ...rest }: ModalOverlayProps) => react_jsx_runtime.JSX.Element;
+
+type CarouselModalProps = Omit<ModalProps, 'children' | 'initialFocusRef'> & {
+    slides: Array<{
+        /**
+         * Recommended image resolution is 400 x 540 ish.
+         */
+        image: string;
+        text: ReactNode;
+    }>;
+};
+
+declare const CarouselModal: ({ slides, onClose, ...rest }: CarouselModalProps) => react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps extends CheckboxProps$1 {
+}
+
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<unknown>>;
+
+type ChipUseCase = 'danger' | 'success' | 'primary' | 'secondary' | 'dark' | 'highlight';
+interface ChipProps extends BadgeProps {
+    useCase?: ChipUseCase;
+    variant?: string;
+}
+
+/**
+ * A component that wraps the Chakra Badge component, but styled to look like a Chip component
+ */
+declare const Chip: {
+    ({ useCase, variant, ...rest }: ChipProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const useCaseStyles: Record<ChipUseCase, Record<string, Partial<ChipProps>>>;
+
+type ChipButtonPropsTypes = {
+    rightIcon?: React.ReactElement;
+    leftIcon?: React.ReactElement;
+};
+
+declare const ChipButton: react.ForwardRefExoticComponent<ChipButtonPropsTypes & ButtonProps$1 & react.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Code component props
+ */
+interface CodeProps extends Omit<SyntaxHighlighterProps, 'style' | 'customStyle'> {
+    children: string;
+    /**
+     * Callback for when the copy button is clicked. No copy button is rendered if this prop is not provided.
+     * The user is expected to handle the copying behavior.
+     *
+     * @param str The copied text
+     */
+    onCopy?: (str: string) => void;
+    language?: string;
+    style?: {
+        [key: string]: React.CSSProperties;
+    };
+    customStyle?: React.CSSProperties;
+    containerProps?: BoxProps;
+    /**
+     * Threshold in pixels for when the header should become sticky.
+     * This is typically the height of any fixed header above this component.
+     * @default 48
+     */
+    stickyHeaderThreshold?: number;
+    /**
+     * Whether to hide the header of the code block.
+     * @default false
+     */
+    hideHeader?: boolean;
+}
+
+declare const Code: ({ children, language: languageProp, onCopy, style, customStyle, hideHeader, containerProps, ...rest }: CodeProps) => react_jsx_runtime.JSX.Element;
+
+interface CodeTabsProps extends Omit<TabsProps$1, 'children' | 'onCopy'> {
+    /**
+     * Code samples to display in tabs
+     * Each language contains code samples for different providers
+     */
+    code: {
+        [language: string]: string;
+    };
+    /**
+     * Callback for when the copy button is clicked
+     * The function will receive the selected code sample
+     */
+    onCopy?: (code: string) => void;
+}
+
+declare const CodeTabs: ({ code, onCopy, ...rest }: CodeTabsProps) => react_jsx_runtime.JSX.Element;
+
+declare const Container: ({ style, disableResponsive, ...rest }: ContainerProps & {
+    disableResponsive?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+type CopyableCodeProps = {
+    children: React.ReactNode;
+    onCopy: () => void;
+    containerProps?: FlexProps;
+};
+
+/**
+ * Intended for a quick one-click copy of one-liner code snippets.
+ *
+ * @example
+ * <CopyableCode onCopy={() => {}}>
+ *   {`const example = 'This is a code example';
+ *    console.log(example);`}
+ * </CopyableCode>
+ */
+declare const CopyableCode: ({ children, onCopy, containerProps, }: CopyableCodeProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Separate any cross-page toasts sent using the message query param to ensure these can be wrapped with Suspense tags.
+ */
+declare function CrossPageToasts(): any;
+
+interface DataFieldProps {
+    label?: string;
+    value: string;
+    as?: EditableProps['as'];
+    onChange?: (val?: string) => void;
+    inputProps?: Omit<InputProps$1, 'value'>;
+    editableProps?: Omit<EditableProps, 'value'>;
+    editablePreviewProps?: EditablePreviewProps;
+    isEditable?: boolean;
+    isCopyable?: boolean;
+    allowEmpty?: boolean;
+}
+
+declare const DataField: ({ label, value, inputProps: inputPropsProp, editableProps, editablePreviewProps, onChange, as, isCopyable, isEditable, allowEmpty, }: DataFieldProps) => react_jsx_runtime.JSX.Element;
+
+declare const RangeDatePicker: ({ propsConfigs, configs, usePortal, ...rest }: RangeDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+declare const SingleDatePicker: ({ propsConfigs, configs, usePortal, ...rest }: SingleDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+interface InputProps extends InputProps$1 {
+    leftIcon?: React.ReactElement;
+    rightIcon?: React.ReactElement;
+    wrapperProps?: InputGroupProps;
+    leftElementProps?: InputLeftElementProps;
+    rightElementProps?: InputRightElementProps;
+    maskNumber?: boolean;
+    /** 빈값일 때 공백 입력 방지 및 복사 붙여넣기 시 앞뒤 공백 제거 */
+    trimWhiteSpace?: boolean;
+    /** 모든 공백을 허용하지 않음 */
+    noSpaces?: boolean;
+}
+
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const FileInput: react.ForwardRefExoticComponent<Omit<InputProps, "onChange" | "bgImage"> & {
+    fileInputLabel?: string;
+    containerStyle?: _chakra_ui_react.FlexProps;
+    onChange: (files: FileList | null) => void;
+    bgImage?: string;
+    isLoading?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type FileInputProps = Omit<InputProps, 'onChange' | 'bgImage'> & {
+    fileInputLabel?: string;
+    containerStyle?: FlexProps;
+    onChange: (files: FileList | null) => void;
+    /**
+     * background image change
+     */
+    bgImage?: string;
+    isLoading?: boolean;
+};
+
+interface FileItemProps extends FlexProps {
+    fileName: string;
+    error?: string;
+    onFileDownload?: () => void;
+    onFileDelete?: () => void;
+    progress?: number;
+    fileSize?: number;
+    isDeleting?: boolean;
+}
+
+declare const FileItem: {
+    ({ fileName, error, onFileDownload, onFileDelete, progress, fileSize, isDeleting, ...rest }: FileItemProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface FileItemData {
+    error?: string;
+    errorCode?: number | null;
+    progress?: number;
+    id: number | null;
+    fileUrl?: string;
+    name: string;
+    isLoading?: boolean;
+    timeStamp?: string;
+    size?: number;
+}
+interface FileGroupProps {
+    files: FileItemData[];
+    onFileDelete?: (file: FileItemData) => void;
+    onFileDownload?: (file: FileItemData) => void;
+    visibleCount?: number;
+}
+
+declare const FileList$1: {
+    ({ files, onFileDelete, onFileDownload, visibleCount, }: FileGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface FormControlProps extends FormControlProps$1 {
+}
+
+declare const FormControl: react.ForwardRefExoticComponent<FormControlProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const FormLabel: (props: FormLabelProps) => react_jsx_runtime.JSX.Element;
+
+declare const GuideCue: ({ index, page: pageProp, containerRef, title, description, placement, top, left, }: {
+    index: number;
+    page: string;
+    containerRef: RefObject<HTMLElement>;
+    title: string;
+    description: string;
+    placement?: PopoverProps["placement"];
+    top?: number | string;
+    left?: number | string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GuideCueProvider: ({ children, page, numSteps, isDisabled, onComplete, }: {
+    children: React.ReactNode;
+    page: string;
+    numSteps: number;
+    isDisabled?: boolean;
+    onComplete?: () => void;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const REACT_ICONS_MAP: {
+    [key: string]: IconType$1;
+};
+/**
+ * Map of icon names to SVGs. Records named as {iconName}: {iconName}Icon.
+ *
+ * Sorted alphabetically.
+ */
+declare const CUSTOM_ICON_MAP: {
+    [key: string]: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+};
+type IconType = keyof typeof CUSTOM_ICON_MAP | keyof typeof REACT_ICONS_MAP;
+/**
+ * Convert map of SVGs to a const of strings only to minimize import size
+ */
+declare const IconTypes: {
+    [K in IconType]: IconType;
+};
+
+type IconProps = Partial<SVGProps<SVGElement>> & Omit<BoxProps, 'size' | 'icon'> & {
+    icon: IconType;
+};
+
+declare const Icon: react__default.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
+
+type IconButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link';
+type IconButtonProps = Omit<IconButtonProps$1, 'variant'> & {
+    variant?: IconButtonVariant;
+};
+
+declare const IconButton: react.ForwardRefExoticComponent<Omit<_chakra_ui_react.IconButtonProps, "variant"> & {
+    variant?: IconButtonVariant;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+declare const InfoSprinkle: ({ children, icon, ...rest }: {
+    children: React.ReactNode;
+    icon?: IconButtonProps["icon"];
+} & PopoverProps) => react_jsx_runtime.JSX.Element;
+
+declare const InlineCode: ({ children, ...rest }: CodeProps$1) => react_jsx_runtime.JSX.Element;
+
+interface LineGraphProps<T extends DatumBase> extends BoxProps {
+    data: Array<Datum<T>>;
+    dataKeys: Array<DataKey<T>>;
+}
+/**
+ * Any numerical data the user wants to define
+ */
+type DatumBase = {
+    [key: string]: number | undefined;
+};
+/**
+ * A name prop has to be passed to have the XAxis key always defined
+ */
+type Datum<T extends DatumBase> = {
+    name: string;
+} & T;
+/**
+ * The data for each series
+ */
+type DataKey<T extends DatumBase> = {
+    /**
+     * Key used to reference a value in the data prop
+     */
+    key: DataKey$1<keyof T>;
+    /**
+     * Label for the XAxis
+     */
+    label: string;
+    /**
+     * Optional custom colors for the series
+     */
+    color?: string;
+};
+
+declare const LineGraph: <T extends DatumBase>({ data, dataKeys, ...rest }: LineGraphProps<T>) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Link component that combines Chakra UI Link with Next.js Link functionality.
+ *
+ * This component provides:
+ * - Next.js client-side navigation for internal routes
+ * - Chakra UI styling and theming
+ * - All Chakra UI Link props support
+ * - Automatic styling from linkTextStyles
+ *
+ * @example
+ * ```tsx
+ * // Internal navigation
+ * <Link href="/dashboard">
+ *   <Text>Go to Dashboard</Text>
+ * </Link>
+ *
+ * // External link with target="_blank"
+ * <Link
+ *   href="https://example.com"
+ *   target="_blank"
+ *   rel="noopener noreferrer"
+ * >
+ *   <Text>External Link</Text>
+ * </Link>
+ *
+ * // With Chakra UI props
+ * <Link
+ *   href="/profile"
+ *   color="blue.500"
+ *   fontSize="lg"
+ *   _hover={{ textDecoration: 'underline' }}
+ * >
+ *   <Text>Profile</Text>
+ * </Link>
+ * ```
+ */
+interface LinkProps extends LinkProps$1 {
+    /** The URL to navigate to. Can be internal route or external URL */
+    href: string;
+    /** The content to render inside the link */
+    children: React.ReactNode;
+}
+/**
+ * Enhanced Link component that combines Next.js routing with Chakra UI styling.
+ *
+ * Features:
+ * - Uses Next.js Link for client-side navigation
+ * - Applies Chakra UI styling and theme support
+ * - Supports all Chakra UI Link props (color, fontSize, _hover, etc.)
+ * - Automatically applies linkTextStyles
+ * - Handles both internal and external links seamlessly
+ *
+ * @param props - LinkProps object containing href, children, and optional Chakra UI props
+ * @returns A styled link component with Next.js routing capabilities
+ */
+declare const Link: ({ href, children, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
+
+declare const PageLoader: ({ isLoading, ...rest }: FlexProps & {
+    isLoading: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+type MarkdownProps = Options & {
+    className?: string;
+};
+
+declare const baseMarkdownComponents: {
+    h1: (props: any) => react_jsx_runtime.JSX.Element;
+    h2: (props: any) => react_jsx_runtime.JSX.Element;
+    h3: (props: any) => react_jsx_runtime.JSX.Element;
+    h4: (props: any) => react_jsx_runtime.JSX.Element;
+    h5: (props: any) => react_jsx_runtime.JSX.Element;
+    h6: (props: any) => react_jsx_runtime.JSX.Element;
+    code: ({ inline, className, children, ...props }: any) => react_jsx_runtime.JSX.Element;
+    pre: ({ children }: any) => react_jsx_runtime.JSX.Element;
+    p: (props: any) => react_jsx_runtime.JSX.Element;
+    a: ({ style, ...rest }: any) => react_jsx_runtime.JSX.Element;
+    ol: ({ style, ...rest }: any) => react_jsx_runtime.JSX.Element;
+    ul: ({ style, ...rest }: any) => react_jsx_runtime.JSX.Element;
+    img: ({ style, ...rest }: any) => react_jsx_runtime.JSX.Element;
+    table: (props: any) => react_jsx_runtime.JSX.Element;
+    thead: (props: any) => react_jsx_runtime.JSX.Element;
+    tbody: (props: any) => react_jsx_runtime.JSX.Element;
+    tr: (props: any) => react_jsx_runtime.JSX.Element;
+    td: (props: any) => react_jsx_runtime.JSX.Element;
+    th: (props: any) => react_jsx_runtime.JSX.Element;
+};
+declare const Markdown: ({ className, components, children, ...rest }: MarkdownProps) => react_jsx_runtime.JSX.Element;
+
+interface MasonryProps extends Omit<FlexProps, 'gap'> {
+    /**
+     * Number of columns in the masonry layout
+     */
+    numCols: number;
+    /**
+     * Gap between items (applied to both columns and rows)
+     * @default 4
+     */
+    gap?: number | string;
+    /**
+     * Whether to arrange items from left to right (true) or top to bottom (false)
+     * @default false (arrange vertically)
+     */
+    horizontalArrangement?: boolean;
+}
+
+declare const Masonry: ({ children, numCols, gap, horizontalArrangement, ...rest }: PropsWithChildren<MasonryProps>) => react_jsx_runtime.JSX.Element;
+
+declare const MaxLengthIndicator: ({ value, maxLength, ...rest }: {
+    value: number;
+    maxLength: number;
+} & TextProps) => react_jsx_runtime.JSX.Element;
+
+interface MDXEditorProps extends MDXEditorProps$1 {
+    containerProps?: BoxProps;
+}
+
+declare function MDXEditor({ containerProps, autoFocus, ...rest }: MDXEditorProps): react_jsx_runtime.JSX.Element;
+
+interface ButtonMenuButtonProps extends MenuButtonProps {
+    as: typeof Button$1;
+    rightIcon?: React.ReactNode;
+    icon?: never;
+}
+interface IconButtonMenuButtonProps extends MenuButtonProps {
+    as: typeof IconButton;
+    icon?: React.ReactNode;
+    rightIcon?: never;
+}
+type CustomMenuButtonProps = ButtonMenuButtonProps | IconButtonMenuButtonProps;
+
+declare const MenuButton: ({ as, ...rest }: CustomMenuButtonProps) => react_jsx_runtime.JSX.Element;
+
+declare const ItemVariant: {
+    readonly Default: "default";
+    readonly Danger: "danger";
+};
+type ItemVariant = (typeof ItemVariant)[keyof typeof ItemVariant];
+interface MenuItemProps extends MenuItemProps$1 {
+    variant?: ItemVariant | null;
+    onClick?: () => void;
+}
+
+declare const MenuItem: ({ variant, children, ...rest }: MenuItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const MenuList: ({ ...rest }: MenuListProps) => react_jsx_runtime.JSX.Element;
+
+declare const Menu: react.FC<_chakra_ui_react.MenuProps>;
+
+interface MonthRange {
+    startMonth: Date;
+    endMonth: Date | null;
+}
+interface MonthRangePickerProps extends Omit<BoxProps, 'onChange'> {
+    /** The selected month range */
+    selectedRange?: MonthRange | null;
+    /** Callback when the month range changes */
+    onChange?: (range: MonthRange | null) => void;
+    /** Minimum selectable month */
+    minMonth?: Date;
+    /** Maximum selectable month */
+    maxMonth?: Date;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Placeholder text for the input */
+    placeholder?: string;
+    /** Format for displaying the selected range */
+    format?: string;
+    /** Whether to use portal for the popover */
+    usePortal?: boolean;
+    /** Props for the popover */
+    popoverProps?: Partial<PopoverProps>;
+    /** Name attribute for form usage */
+    name?: string;
+}
+
+declare const MonthRangePicker: react__default.FC<MonthRangePickerProps>;
+
+interface PaginationProps extends FlexProps {
+    currentPage?: number;
+    onCurrentPageChange?: (page: number) => void;
+    onBack?: () => void;
+    onNext?: () => void;
+    numTotalItems: number;
+    itemsPerPageOptions?: Array<number>;
+    itemsPerPage: number;
+    onItemsPerPageOptionChange?: (option: number) => void;
+}
+
+/**
+ * A pagination component that allows users to navigate through pages.
+ * Displays the current page number and the maximum page count.
+ * Supports both controlled and uncontrolled modes.
+ *
+ * - **Controlled Mode**: Pass `currentPage` and `onBack`/`onNext` props to fully control the pagination behavior.
+ * - **Uncontrolled Mode**: If `currentPage` is not provided, the component manages its own internal state for the current page.
+ *
+ * @param {PaginationProps} props - Props for the Pagination component.
+ * @param {number} [props.currentPage] - The current page number (controlled mode).
+ * @param {number} props.maxPage - The maximum number of pages available.
+ * @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
+ * @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
+ */
+declare const Pagination: ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
+interface PasswordInputProps extends Omit<InputProps$1, 'rightIcon'> {
+    wrapperProps?: InputGroupProps;
+    rightElementProps?: InputRightElementProps;
+}
+
+declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface ReactPinInputProps {
+    length: number;
+    initialValue?: number | string;
+    type?: 'numeric' | 'custom';
+    inputMode?: string;
+    secret?: boolean;
+    secretDelay?: number;
+    disabled?: boolean;
+    focus?: boolean;
+    onChange?: (value: string, index: number) => void;
+    onComplete?: (value: string, index: number) => void;
+    style?: React.CSSProperties;
+    inputStyle?: React.CSSProperties;
+    inputFocusStyle?: React.CSSProperties;
+    validate?: (value: string) => string;
+    autoSelect?: boolean;
+    regexCriteria?: any;
+    ariaLabel?: string;
+    placeholder?: string;
+}
+type PinInputProps = ReactPinInputProps & {
+    value?: string;
+    autoFocus?: boolean;
+    isNumberOnly?: boolean;
+};
+
+declare const PinInput: {
+    ({ value, onChange, inputStyle, autoFocus, isNumberOnly, ...rest }: PinInputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface ProgressBarProps extends ProgressProps {
+    filledTrackColor?: string;
+}
+
+declare const ProgressBar: {
+    ({ filledTrackColor, value, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface Segment {
+    /** Color value - supports hex colors, CSS color names, and Chakra UI color tokens (e.g., 'primary.500', 'red.400') */
+    color: string;
+    value: number;
+}
+interface RadialProgressProps extends BoxProps {
+    size?: number;
+    total?: number;
+    unit?: string;
+    segments?: Segment[];
+    formatTotal?: (value: number) => string | number;
+}
+
+declare const RadialProgress: react__default.FC<RadialProgressProps>;
+
+interface RadioOption {
+    value: string;
+    label: string;
+}
+interface RadioProps extends RadioProps$1 {
+    children?: React.ReactNode;
+}
+interface RadioGroupProps extends Omit<RadioGroupProps$1, 'children'> {
+    options: RadioOption[];
+    direction?: StackDirection;
+    spacing?: number;
+}
+
+declare const Radio: react__default.ForwardRefExoticComponent<RadioProps & react__default.RefAttributes<HTMLInputElement>>;
+
+declare const RadioGroup: react__default.ForwardRefExoticComponent<RadioGroupProps & react__default.RefAttributes<HTMLDivElement>>;
+
+interface SeeMoreButtonProps extends ButtonProps$1 {
+    currentCount: number;
+    maxCount: number;
+}
+
+/**
+ * A button component that allows users to load or see more items.
+ * It displays the current count and the maximum count of items.
+ *
+ * @param {object} props - Props for the SeeMoreButton component.
+ * @param {number} props.currentCount - The current number of items shown.
+ * @param {number} props.maxCount - The maximum number of items available.
+ */
+declare const SeeMoreButton: ({ currentCount, maxCount, ...rest }: SeeMoreButtonProps) => react_jsx_runtime.JSX.Element;
+
+type SegmentedControlOption = {
+    label: string;
+    value: string;
+};
+type SegmentedControlProps = Omit<FlexProps, 'onSelect'> & {
+    options: Array<SegmentedControlOption>;
+    value?: string;
+    onSelect?: (selectedValue: string) => void;
+    borderRadius?: string;
+    size?: Extract<keyof typeof theme.sizes, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
+};
+
+declare const SegmentedControl: ({ options, value, onSelect, borderRadius, size, ...rest }: SegmentedControlProps) => react_jsx_runtime.JSX.Element;
+
+type SegmentedProgressBarProps = BoxProps & {
+    max: number;
+};
+type ProgressSegmentProps = ProgressBarProps & {
+    value: number;
+};
+
+declare const ProgressSegment: ({ value, ...rest }: ProgressSegmentProps) => react_jsx_runtime.JSX.Element;
+
+declare const SegmentedProgressBar: ({ max, ...rest }: SegmentedProgressBarProps) => react_jsx_runtime.JSX.Element;
+
+type SelectVariant = 'default' | 'danger';
+type SelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Props<Option, IsMulti, Group> & {
+    variant?: SelectVariant;
+    optionHeight?: number;
+    maxHeight?: number;
+};
+
+declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ styles, variant, optionHeight, onMenuScrollToBottom, "data-testid": dataTestId, ...rest }: SelectProps<Option, IsMulti, Group> & {
+    "data-testid"?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+interface SliderProps extends SliderProps$1 {
+}
+
+declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SliderFilledTrackProps extends SliderTrackProps$1 {
+}
+
+declare const SliderFilledTrack: react.ForwardRefExoticComponent<SliderFilledTrackProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SliderMarkProps extends SliderMarkProps$1 {
+}
+
+declare const SliderMark: react.ForwardRefExoticComponent<SliderMarkProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SliderThumbProps extends SliderThumbProps$1 {
+}
+
+declare const SliderThumb: react.ForwardRefExoticComponent<SliderThumbProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SliderTrackProps extends SliderTrackProps$1 {
+}
+
+declare const SliderTrack: react.ForwardRefExoticComponent<SliderTrackProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SpinnerProps extends SpinnerProps$1 {
+}
+
+declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const Switch: {
+    ({ ...rest }: {
+        [x: string]: any;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface ExpandingTrProps extends TableRowProps {
+    children: React.ReactNode;
+    isExpanded: boolean;
+    onExpandChange?: (isExpanded: boolean) => void;
+    expandedRowProps?: TableRowProps;
+    expandedContent: React.ReactNode;
+}
+
+declare const ExpandingTr: React.FC<ExpandingTrProps>;
+
+declare const Table: ({ ...rest }: TableProps) => react_jsx_runtime.JSX.Element;
+
+type StickyDirection = 'left' | 'right';
+
+interface TableContainerProps extends TableContainerProps$1 {
+    children: React.ReactNode;
+}
+interface TableCellProps extends TableCellProps$1 {
+    isSticky?: boolean;
+    stickyDirection?: StickyDirection;
+    stickyIndex?: number;
+}
+
+declare const TableContainer: react.ForwardRefExoticComponent<TableContainerProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const Tbody: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
+
+declare const Td: {
+    ({ wrap, isSticky, stickyDirection, stickyIndex, _first, style, className, children, onClick, onMouseEnter, onMouseLeave, ...rest }: TableCellProps & {
+        wrap?: boolean;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Th: react.ForwardRefExoticComponent<TableColumnHeaderProps & TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+
+declare const Thead: ({ ...rest }: TableHeadProps) => react_jsx_runtime.JSX.Element;
+
+declare const Tr: ({ ...rest }: TableRowProps) => react_jsx_runtime.JSX.Element;
+
+type TabsProps = TabsProps$1 & {
+    /**
+     * If provided, the selected tab will be synced with the provided url param
+     */
+    urlParam?: string;
+};
+type TabProps = TabProps$1 & {
+    /**
+     * The name of the tab
+     * @default `tab-${index}`
+     */
+    name?: string;
+};
+
+declare const Tab: ({ name, ...props }: TabProps) => react_jsx_runtime.JSX.Element;
+
+declare const TabList: (props: TabListProps) => react_jsx_runtime.JSX.Element;
+
+declare const TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
+
+declare const TabPanels: (props: TabPanelsProps) => react_jsx_runtime.JSX.Element;
+
+declare const Tabs: ({ orientation, children, urlParam, index, onChange, ...rest }: TabsProps) => react_jsx_runtime.JSX.Element;
+
+interface TagProps extends TagProps$1 {
+    variant?: 'default' | 'active';
+}
+
+declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TagCloseButtonProps extends TagCloseButtonProps$1 {
+}
+
+declare const TagCloseButton: react.ForwardRefExoticComponent<TagCloseButtonProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TagLabelProps extends TagLabelProps$1 {
+}
+
+declare const TagLabel: react.ForwardRefExoticComponent<TagLabelProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TagLeftIconProps extends IconProps$1 {
+}
+
+declare const TagLeftIcon: react.ForwardRefExoticComponent<TagLeftIconProps & react.RefAttributes<SVGSVGElement>>;
+
+interface TagRightIconProps extends IconProps$1 {
+}
+
+declare const TagRightIcon: react.ForwardRefExoticComponent<TagRightIconProps & react.RefAttributes<SVGSVGElement>>;
+
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface MLToastOptions {
+    title?: ReactNode;
+    description: ReactNode;
+    status?: Extract<UseToastOptions['status'], 'success' | 'error' | 'info'>;
+}
+interface ToastProps extends Omit<BoxProps, 'title'>, MLToastOptions {
+}
+
+declare const Toast: ({ title, description, status, onClose, ...rest }: ToastProps & {
+    onClose?: () => void;
+}) => react_jsx_runtime.JSX.Element;
+
+interface TooltipProps extends TooltipProps$1 {
+}
+
+declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const H1: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const H2: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const H3: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const H4: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const H5: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const Subtext: react__default.ForwardRefExoticComponent<TextProps & react__default.RefAttributes<HTMLSpanElement>>;
+
+declare const Subtitle: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLSpanElement>>;
+
+declare const Text: react__default.ForwardRefExoticComponent<TextProps & react__default.RefAttributes<HTMLParagraphElement>>;
+
+interface UrlInputProps extends InputProps$1 {
+    leftAddon?: string;
+    rightAddon?: string;
+}
+declare const UrlInput: react.ForwardRefExoticComponent<UrlInputProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Accordion, AccordionButton, AccordionItem, Alert, AutowidthInput, Avatar, Badge, Banner, type BannerProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, Button, type ButtonProps, Card, type CardProps, Carousel, CarouselModal, type CarouselModalProps, Checkbox, type CheckboxProps, Chip, ChipButton, Code, CodeTabs, Container, CopyableCode, type CopyableCodeProps, CrossPageToasts, DataField, ExpandingTr, FileInput, type FileInputProps, FileItem, FileList$1 as FileList, FormControl, type FormControlProps, FormLabel, GuideCue, GuideCueProvider, H1, H2, H3, H4, H5, Icon, IconButton, type IconProps, type IconType, IconTypes, InfoSprinkle, InlineCode, Input, type InputProps, LineGraph, Link, MDXEditor, Markdown, type MarkdownProps, Masonry, type MasonryProps, MaxLengthIndicator, Menu, MenuButton, MenuItem, MenuList, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, type ModalProps, MonthRangePicker, type MonthRangePickerProps, PageLoader, Pagination, PasswordInput, PinInput, type PinInputProps, ProgressBar, ProgressSegment, type ProgressSegmentProps, RadialProgress, type RadialProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioOption, type RadioProps, RangeDatePicker, SeeMoreButton, SegmentedControl, type SegmentedControlProps, SegmentedProgressBar, Select, SingleDatePicker, Slider, SliderFilledTrack, type SliderFilledTrackProps, SliderMark, type SliderMarkProps, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, Spinner, type SpinnerProps, Subtext, Subtitle, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableContainer, Tabs, Tag, TagCloseButton, type TagCloseButtonProps, TagLabel, type TagLabelProps, TagLeftIcon, type TagLeftIconProps, TagRightIcon, type TagRightIconProps, Tbody, Td, Text, Textarea, Th, Thead, Toast, type ToastProps, Tooltip, type TooltipProps, Tr, UrlInput, baseStyles as badgeStyles, baseMarkdownComponents, useCaseStyles, variantStyles };