@sorocraft/ui 1.2.69 → 1.2.75

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+interface Props {
+    title: string | ReactNode;
+    content: ReactNode;
+    fullWidth?: boolean;
+    isDefaultOpen?: boolean;
+    style?: "shadow" | "no-shadow";
+    noPadding?: boolean;
+    headerPaddingBlock?: number;
+    headerPaddingInline?: number;
+    titleTagName?: "h1" | "h2" | "h3" | "h4" | "h5";
+}
+declare const Accordion: ({ title, content, fullWidth, isDefaultOpen, style, noPadding, headerPaddingBlock, headerPaddingInline, titleTagName, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

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

@@ -0,0 +1 @@
+export { default } from "./Accordion";

package/dist/components/AddressAutocomplete/AddressAutocomplete.d.ts

@@ -0,0 +1,12 @@
+import { GoogleSuggestion, Origin } from "./AddressAutocomplete.types";
+interface Props {
+    placeHolder?: string;
+    inputLabel?: string;
+    language?: string;
+    origin?: Origin;
+    noMargin?: boolean;
+    defaultAdressText?: string;
+    onSelect: (suggestion: GoogleSuggestion) => void;
+}
+declare const AddressAutocomplete: import("react").MemoExoticComponent<({ placeHolder, inputLabel, language, origin, noMargin, defaultAdressText, onSelect, }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default AddressAutocomplete;

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

@@ -0,0 +1,26 @@
+declare global {
+    interface Window {
+        google: typeof google;
+    }
+}
+export type Origin = {
+    lat: number;
+    lng: number;
+};
+export interface AddressDetails {
+    houseNumber?: string;
+    street?: string;
+    additionalNumber?: string;
+    cityName?: string;
+    countryCode?: string;
+    postCode?: string;
+}
+export interface GoogleSuggestion extends AddressDetails {
+    title: string;
+    subtitle: string;
+    text: string;
+    placeId: string;
+    long: number;
+    lat: number;
+    distanceMeters: number;
+}

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

@@ -0,0 +1,3 @@
+import { AddressDetails, GoogleSuggestion } from "./AddressAutocomplete.types";
+export declare const getAddressDetails: (addressComponents: any[]) => AddressDetails;
+export declare const formatSuggestions: (suggestions: google.maps.places.AutocompleteSuggestion[]) => Promise<GoogleSuggestion[]>;

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

@@ -0,0 +1 @@
+export { default } from "./AddressAutocomplete";

package/dist/components/AlertBox/AlertBox.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    message: string;
+    onClear: () => void;
+    onReload?: () => void;
+    className?: string;
+    type: "error" | "success" | "warning";
+    inline?: boolean;
+}
+declare const AlertBox: ({ message, onClear, onReload, type, inline }: Props) => import("react/jsx-runtime").JSX.Element;
+export default AlertBox;

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

@@ -0,0 +1,2 @@
+export { default } from "./AlertBox";
+export * from "./AlertBox";

package/dist/components/AreaChart/AreaChart.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    metrics: number[];
+    dimensions: string[];
+    primaryColor?: string;
+}
+declare const AreaChart: ({ metrics, dimensions, primaryColor }: Props) => import("react/jsx-runtime").JSX.Element;
+export default AreaChart;

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

@@ -0,0 +1 @@
+export { default } from "./AreaChart";

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,17 @@
+import { MouseEventHandler } from "react";
+import { SIZE } from "src/models/ui";
+import { IconType } from "../SVGIcon";
+interface Props {
+    source?: string | null;
+    alt?: string;
+    size?: SIZE;
+    onClick?: MouseEventHandler<HTMLDivElement> | undefined;
+    className?: string;
+    isEditable?: boolean;
+    overlayIcon?: IconType | null;
+    inline?: boolean;
+    overlayText?: string;
+    isLoading?: boolean;
+}
+declare const Avatar: ({ source, alt, size, onClick, className, isEditable, overlayIcon, inline, isLoading, overlayText, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

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

@@ -0,0 +1 @@
+export { default } from './Avatar';

package/dist/components/BarChart/BarChart.d.ts

@@ -0,0 +1,8 @@
+import { BarChartData } from "./BarChart.types";
+interface BarChartProps {
+    data: BarChartData[];
+    direction?: "horizontal" | "vertical";
+    hasLongValue?: boolean;
+}
+declare const BarChart: ({ data, hasLongValue, direction }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+export default BarChart;

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

@@ -0,0 +1,4 @@
+export interface BarChartData {
+    label: string;
+    count: number;
+}

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

@@ -0,0 +1 @@
+export { default } from "./BarChart";

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode, MouseEvent } from "react";
+import { SIZE, UIElementType } from "src/models/ui";
+import { IconType } from "../SVGIcon";
+import { TooltipPosition } from "../Tooltip/Tooltip.types";
+interface Props {
+    type?: UIElementType;
+    onClick: (e: MouseEvent<HTMLButtonElement | HTMLButtonElement>) => void;
+    label: string | ReactNode;
+    icon?: IconType;
+    iconSize?: SIZE;
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    className?: string;
+    size?: SIZE;
+    tooltip?: string;
+    tooltipPosition?: TooltipPosition;
+    needConfirm?: boolean;
+    confirmPosition?: "top" | "bottom" | "topLeft";
+    confirmMessage?: string;
+    yesTitle?: string;
+    noTitle?: string;
+    paddingInline?: number;
+    paddingBlock?: number;
+}
+declare const Button: ({ type, onClick, label, icon, iconSize, fullWidth, isLoading, disabled, className, size, tooltip, tooltipPosition, needConfirm, confirmPosition, confirmMessage, yesTitle, noTitle, paddingInline, paddingBlock, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Button;

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

@@ -0,0 +1,2 @@
+export { default } from './Button';
+export * from './Button';

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,13 @@
+import dayjs from "dayjs";
+import "dayjs/locale/en";
+import "dayjs/locale/az";
+interface Props {
+    onSetStartDate?: (date: dayjs.Dayjs | null) => void;
+    onSetEndDate?: (date: dayjs.Dayjs | null) => void;
+    startDate?: dayjs.Dayjs | null;
+    endDate?: dayjs.Dayjs | null;
+    locale?: string;
+    weekDays?: string[];
+}
+declare const Calendar: ({ startDate, endDate, locale, weekDays, onSetStartDate, onSetEndDate, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

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

@@ -0,0 +1 @@
+export { default } from './Calendar';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+interface Props {
+    children: ReactNode;
+    title?: string;
+    subtitle?: string;
+    toolbar?: ReactNode;
+    footer?: ReactNode;
+    header?: ReactNode;
+    separated?: boolean;
+    borderTopWidth?: number;
+    borderTopColor?: string;
+    noBottomMargin?: boolean;
+    noBodyPadding?: boolean;
+    fullHeight?: boolean;
+    fullWidth?: boolean;
+    noShadow?: boolean;
+    paddingInline?: number;
+    paddingBlock?: number;
+}
+declare const Card: ({ title, subtitle, children, toolbar, header, footer, separated, borderTopWidth, borderTopColor, noBottomMargin, noBodyPadding, fullHeight, fullWidth, noShadow, paddingInline, paddingBlock, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Card;

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

@@ -0,0 +1 @@
+export { default } from './Card';

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, RefObject } from "react";
+import { TextProps } from "../Text/Text.types";
+import { FlexProps } from "../Flex/Flex.types";
+interface Props {
+    children: ReactElement[];
+    gap?: number;
+    className?: string;
+    enableNavigation?: boolean;
+    title?: string;
+    titleVariant?: TextProps["variant"];
+    alignItems?: FlexProps["alignItems"];
+    onGetRef?: (ref: RefObject<HTMLDivElement>) => void;
+}
+declare const Carousel: ({ children, gap, className, enableNavigation, title, titleVariant, alignItems, onGetRef, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Carousel;

package/dist/components/Carousel/Item.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from "react";
+interface Props {
+    children: ReactElement;
+    className?: string;
+    onClick?: () => void;
+}
+declare const CarouselItem: ({ children, className, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CarouselItem;

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

@@ -0,0 +1 @@
+export { default } from "./Carousel";

package/dist/components/CarouselNavigation/CarouselNavigation..d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from "react";
+import { SIZE } from "src/models/ui";
+interface Props {
+    size: SIZE;
+    scrollRef: RefObject<HTMLDivElement>;
+    scrollAmount?: number;
+}
+declare const NavigationButton: ({ size, scrollRef, scrollAmount }: Props) => import("react/jsx-runtime").JSX.Element;
+export default NavigationButton;

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

@@ -0,0 +1 @@
+export { default } from "./CarouselNavigation.";

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import { SIZE_LONG, UIElementType } from "src/models/ui";
+import { IconType } from "../SVGIcon";
+interface Props {
+    onClick?: () => void;
+    className?: string;
+    children?: ReactNode;
+    type?: UIElementType;
+    size?: SIZE_LONG;
+    active?: boolean;
+    action?: () => void;
+    actionIcon?: IconType;
+}
+declare const Chip: ({ onClick, className, children, type, size, active, actionIcon, action, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Chip;

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

@@ -0,0 +1 @@
+export { default } from './Chip';

package/dist/components/ConfirmationPopover/ConfirmationPopover.d.ts

@@ -0,0 +1,11 @@
+import { MouseEvent } from "react";
+interface Props {
+    onCancel: (e: MouseEvent<HTMLButtonElement>) => void;
+    onConfirm: (e: MouseEvent<HTMLButtonElement>) => void;
+    confirmPosition?: "top" | "bottom" | "topLeft";
+    confirmMessage?: string;
+    yesTitle?: string;
+    noTitle?: string;
+}
+declare const ConfirmationPopover: ({ confirmPosition, yesTitle, noTitle, confirmMessage, onCancel, onConfirm, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ConfirmationPopover;

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

@@ -0,0 +1 @@
+export { default } from "./ConfirmationPopover";

package/dist/components/ContactsList/ContactList.types.d.ts

@@ -0,0 +1,7 @@
+import { IconType } from "../SVGIcon/SVGIcon.types";
+export interface SocialLink {
+    title: string;
+    url: string;
+    label: string;
+    icon: IconType;
+}

package/dist/components/ContactsList/ContactsList.d.ts

@@ -0,0 +1,13 @@
+import { SocialLink } from "./ContactList.types";
+interface Props {
+    domain: string;
+    socialLinks: SocialLink[];
+    address: string;
+    reportLabel?: string;
+    writeUsLabel?: string;
+    followUsLabel?: string;
+    addressLabel?: string;
+    whatsapp?: string;
+}
+declare const ContactsList: ({ domain, socialLinks, address, reportLabel, writeUsLabel, followUsLabel, addressLabel, whatsapp, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ContactsList;

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

@@ -0,0 +1 @@
+export { default } from './ContactsList';

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

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+interface Props {
+    className?: string;
+    noPadding?: boolean;
+    fullWidth?: boolean;
+    children: ReactNode;
+}
+declare const Container: ({ className, children, noPadding, fullWidth }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Container;

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

@@ -0,0 +1 @@
+export { default } from './Container';

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

@@ -0,0 +1,3 @@
+export declare enum CookieBannerState {
+    SEEN = "seen"
+}

package/dist/components/CookieBanner/CookieBanner.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    appName: string;
+}
+declare const CookieBanner: ({ appName }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CookieBanner;

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

@@ -0,0 +1 @@
+export { default } from "./CookieBanner";

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

@@ -0,0 +1,12 @@
+import dayjs from "dayjs";
+interface Props {
+    onSave: (startDate: dayjs.Dayjs | null, endDate: dayjs.Dayjs | null) => void;
+    startDateTimestamp?: number | null;
+    endDateTimestamp?: number | null;
+    locale?: string;
+    weekDays?: string[];
+    clearLabel?: string;
+    saveLabel?: string;
+}
+declare const DatePicker: ({ startDateTimestamp, endDateTimestamp, locale, weekDays, clearLabel, saveLabel, onSave, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DatePicker;

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

@@ -0,0 +1 @@
+export { default } from './DatePicker';

package/dist/components/DateSelector/DateSelector.d.ts

@@ -0,0 +1,17 @@
+import { UIElementType } from "src/models/ui";
+import { SelectedDate } from "./DateSelector.types";
+interface Props {
+    startDate?: string;
+    endDate?: string;
+    locale?: string;
+    format?: string;
+    weekDays?: string[];
+    clearLabel?: string;
+    saveLabel?: string;
+    paddingInline?: number;
+    paddingBlock?: number;
+    type?: UIElementType;
+    onSaveDates: (selectedStartDate: SelectedDate, selectedEndDate: SelectedDate) => void;
+}
+declare const DateSelector: ({ startDate, endDate, locale, format, weekDays, clearLabel, saveLabel, paddingInline, paddingBlock, type, onSaveDates, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DateSelector;

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

@@ -0,0 +1 @@
+export type SelectedDate = Date | string | null;

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

@@ -0,0 +1 @@
+export { default } from "./DateSelector";

package/dist/components/Description/Description.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface Props {
+    size?: "xs" | "s" | "m" | "lg" | "xl";
+    text: string | ReactNode;
+    noSpacing?: boolean;
+    lighter?: boolean;
+    className?: string;
+}
+declare const Description: ({ size, text, noSpacing, className, lighter, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Description;

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

@@ -0,0 +1 @@
+export { default } from './Description';

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

@@ -0,0 +1,6 @@
+export declare const initialState: {
+    sourceContentId: any;
+    targetContentId: any;
+    destinationId: any;
+    isOverTargetTopHalf: boolean;
+};

package/dist/components/DnD/DnD.hooks.d.ts

@@ -0,0 +1,4 @@
+import { ID } from "./DnD.types";
+export declare const useIsDnDOver: (contentId: ID) => boolean;
+export declare const useIsDragging: (contentId: ID) => boolean;
+export declare const useIsTargetOverTopHalf: () => boolean;

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

@@ -0,0 +1,13 @@
+export type ID = string | number | null;
+export interface DnDState {
+    sourceContentId: ID;
+    targetContentId: ID;
+    isOverTargetTopHalf: boolean;
+    destinationId?: ID;
+}
+export type SetParams = Partial<DnDState>;
+export type DndContent = {
+    dndState: DnDState;
+    setDnDState: (params: SetParams) => void;
+    resetDnDState: () => void;
+};

package/dist/components/DnD/DnDContext.d.ts

@@ -0,0 +1,4 @@
+import { DndContent } from "./DnD.types";
+declare const DnDContext: import("react").Context<DndContent>;
+export declare const useDnDContext: () => DndContent;
+export default DnDContext;

package/dist/components/DnD/DnDProvider.d.ts

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

package/dist/components/DnD/Draggable/Draggable.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { ID } from "../DnD.types";
+interface Props {
+    contentId: ID;
+    children: ReactNode;
+}
+declare const Draggable: ({ contentId, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Draggable;

package/dist/components/DnD/Draggable/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Draggable";

package/dist/components/DnD/Droppable.d.ts

@@ -0,0 +1,9 @@
+import { DragEventHandler, ReactNode } from "react";
+interface Props {
+    onDrop?: DragEventHandler<HTMLDivElement>;
+    onDragEnter?: DragEventHandler<HTMLDivElement>;
+    onDragLeave?: DragEventHandler<HTMLDivElement>;
+    children: ReactNode;
+}
+declare const Droppable: ({ children, onDrop, onDragEnter, onDragLeave }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Droppable;

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

@@ -0,0 +1,5 @@
+export { default as Draggable } from "./Draggable";
+export { default as Droppable } from "./Droppable";
+export { default as DnDContext } from "./DnDContext";
+export * from "./DnDContext";
+export { default as DnDProvider } from "./DnDProvider";

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

@@ -0,0 +1 @@
+export declare const DONUT_COLORS: string[];

package/dist/components/DonutChart/DonutChart.d.ts

@@ -0,0 +1,12 @@
+import { DonutChartData } from "./DonutChart.types";
+interface DonutChartProps {
+    data: DonutChartData[];
+    size?: number;
+    strokeWidth?: number;
+    showTotal?: boolean;
+    gapDegrees?: number;
+    valueSuffix?: string;
+    totalText?: string;
+}
+declare const DonutChart: ({ data, size, strokeWidth, showTotal, gapDegrees, valueSuffix, totalText, }: DonutChartProps) => import("react/jsx-runtime").JSX.Element;
+export default DonutChart;

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

@@ -0,0 +1,5 @@
+export type DonutChartData = {
+    label: string;
+    count: number;
+    color?: string;
+};

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

@@ -0,0 +1 @@
+export { default } from "./DonutChart";

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { SIZE } from "src/models/ui";
+interface Props {
+    title?: string;
+    content?: ReactNode | ReactNode[];
+    footer?: ReactNode;
+    hasLargeFooter?: boolean;
+    isOpen?: boolean;
+    size?: SIZE;
+    onClose: () => void;
+    onBack?: () => void;
+}
+declare const Drawer: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+export default Drawer;

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

@@ -0,0 +1 @@
+export { default } from "./Drawer";

package/dist/components/DropDown/DropDown.d.ts

@@ -0,0 +1,4 @@
+import { DropDownMenuItemProps, DropDownProps } from "./DropDown.types";
+declare const DropDownMenuItem: ({ children, className, onClick }: DropDownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropDown: (props: DropDownProps) => import("react/jsx-runtime").JSX.Element;
+export { DropDown, DropDownMenuItem };

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

@@ -0,0 +1,23 @@
+import { ReactNode, RefObject } from "react";
+import { UIElementType } from "src/models/ui";
+export interface CloseDropdownRef {
+    close?: () => void;
+}
+export interface DropDownProps {
+    action: ReactNode;
+    menu: ReactNode;
+    type?: UIElementType;
+    closeRef?: RefObject<CloseDropdownRef>;
+    actionSize?: "medium" | "small" | "xsmall" | "large";
+    noActionStyle?: boolean;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+}
+export interface MenuProps {
+    children: ReactNode;
+}
+export interface DropDownMenuItemProps {
+    children: ReactNode | ReactNode[];
+    className?: string;
+    onClick?: () => void;
+}

package/dist/components/DropDown/DropDownMenuItem.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+interface Props {
+    children: ReactNode | ReactNode[];
+    className?: string;
+    onClick?: () => void;
+}
+declare const DropDownMenuItem: ({ children, className, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DropDownMenuItem;

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

@@ -0,0 +1 @@
+export * from "./DropDown";

package/dist/components/FAQ/FAQ.d.ts

@@ -0,0 +1,7 @@
+import { FAQItem } from "./FAQ.types";
+interface Props {
+    items: FAQItem[];
+    title?: string;
+}
+declare const FAQ: ({ items, title }: Props) => import("react/jsx-runtime").JSX.Element;
+export default FAQ;

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

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export interface FAQItem {
+    title: string;
+    content: string | ReactNode;
+}

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

@@ -0,0 +1 @@
+export { default } from "./FAQ";

package/dist/components/Flex/Column/Column.d.ts

@@ -0,0 +1,3 @@
+import { FlexProps } from "../Flex.types";
+declare const Column: ({ alignItems, justifyContent, gap, fullHeight, fullWidth, children, marginBottom, className, onClick, }: FlexProps) => import("react/jsx-runtime").JSX.Element;
+export default Column;

package/dist/components/Flex/Column/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Column";

package/dist/components/Flex/Flex.d.ts

@@ -0,0 +1,9 @@
+import { FlexItemProps, FlexProps } from "./Flex.types";
+declare const Flex: {
+    ({ children, alignItems, justifyContent, flexWrap, gap, className, direction, grow, fullHeight, fullWidth, onClick, }: FlexProps): import("react/jsx-runtime").JSX.Element;
+    Item: {
+        ({ children, grow, shrink, className, fullHeight, fullWidth, flex, }: FlexItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export default Flex;