@lolmath/ui 4.0.0 → 5.0.0

package/dist/lib/index.d.ts

@@ -1,23 +1,522 @@
-export * from "./components/accordion.js";
-export * from "./components/breadcrumbs.js";
-export * from "./components/button-link.js";
-export * from "./components/button.js";
-export * from "./components/card.js";
-export * from "./components/checkbox/checkbox.js";
-export * from "./components/divider.js";
-export * from "./components/modal.js";
-export * from "./components/number-field.js";
-export * from "./components/progress-bar.js";
-export * from "./components/radio-group/radio-group.js";
-export * from "./components/search-field/search-field.js";
-export * from "./components/select/select.js";
-export * from "./components/slider/slider.js";
-export * from "./components/spinner/spinner.js";
-export * from "./components/switch.js";
-export * from "./components/tabs.js";
-export * from "./components/text-area.js";
-export * from "./components/text-field.js";
-export * from "./components/toggle-button.js";
-export * from "./components/tooltip.js";
-export * from "./components/typography/heading.js";
-export * from "./components/typography/text.js";
+import * as react_aria_components from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, DisclosureProps, DisclosurePanelProps, BreadcrumbsProps, BreadcrumbProps, LinkProps, CheckboxProps, HeadingProps as HeadingProps$1, ModalOverlayProps, DialogProps, NumberFieldProps, Input, Group, ProgressBarProps as ProgressBarProps$1, RadioGroupProps, RadioProps, SearchFieldProps, ListBoxItemProps, SelectProps as SelectProps$1, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, TabListProps, TabProps, TabPanelProps, TextFieldProps, TextAreaProps, InputProps, ToggleButtonProps as ToggleButtonProps$1, PopoverProps, LabelProps as LabelProps$1, MenuTrigger as MenuTrigger$1, MenuItemProps as MenuItemProps$1, MenuProps as MenuProps$1, ComboBoxProps, TagProps } from 'react-aria-components';
+export { Dialog, DialogTrigger, Key, RouterProvider, Popover as UnstyledPopover } from 'react-aria-components';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { Ref, ComponentProps, JSX, ReactNode } from 'react';
+import { ExternalToast as ExternalToast$1, ToasterProps } from 'sonner';
+import { Key } from 'react-aria';
+
+declare const DisclosureGroup: react.ForwardRefExoticComponent<react_aria_components.DisclosureGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare function DisclosureButton({ children, className, ...props }: ButtonProps$1): react_jsx_runtime.JSX.Element;
+declare function Disclosure({ className, ...props }: DisclosureProps): react_jsx_runtime.JSX.Element;
+declare function DisclosurePanel({ className, ...props }: DisclosurePanelProps): react_jsx_runtime.JSX.Element;
+
+declare function Breadcrumbs<T extends object>({ className, ...props }: BreadcrumbsProps<T>): react_jsx_runtime.JSX.Element;
+declare function Breadcrumb({ className, ...props }: BreadcrumbProps & {
+    href?: string;
+}): react_jsx_runtime.JSX.Element;
+
+type ButtonShape = "round" | "square" | "normal";
+type ButtonPreset = "primary" | "secondary" | "text" | "hextech" | "dimmed";
+type ButtonSize = "small" | "medium" | "large";
+interface ButtonProps extends ButtonProps$1 {
+    preset?: ButtonPreset;
+    thin?: boolean;
+    shape?: ButtonShape;
+    size?: ButtonSize;
+}
+declare const button: (props?: ({
+    preset?: "primary" | "secondary" | "text" | "hextech" | "dimmed" | undefined;
+    shape?: "round" | "square" | "normal" | undefined;
+    thin?: boolean | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare function _Button({ children, className, preset, shape, size, thin, ...props }: ButtonProps, ref: Ref<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface ButtonLinkProps extends LinkProps {
+    preset?: ButtonPreset;
+    thin?: boolean;
+    shape?: ButtonShape;
+    size?: ButtonSize;
+}
+declare function _ButtonLink({ children, className, preset, shape, size, thin, ...props }: ButtonLinkProps, ref: Ref<HTMLAnchorElement>): react_jsx_runtime.JSX.Element;
+declare const ButtonLink: react.ForwardRefExoticComponent<ButtonLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+
+declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    preset?: "left" | "center" | "right";
+    hrProps?: React.HTMLAttributes<HTMLHRElement>;
+    childrenWrapperProps?: React.HTMLAttributes<HTMLDivElement>;
+}
+declare function Divider({ preset, hrProps: { className: hrClassName, ...hrProps }, childrenWrapperProps: { className: childrenWrapperClassName, ...childrenWrapperProps }, className, children, ...rest }: DividerProps): react_jsx_runtime.JSX.Element;
+
+interface ModalProps extends Omit<ModalOverlayProps, "children"> {
+    modalOverlayClassName?: ModalOverlayProps["className"];
+    dialogProps?: Omit<DialogProps, "children">;
+    children?: DialogProps["children"];
+}
+declare function Modal({ modalOverlayClassName, dialogProps, children, className, ...modalProps }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function DialogHeading({ className, ...props }: HeadingProps$1): react_jsx_runtime.JSX.Element;
+declare function DialogButtons({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+type NumberFieldPreset = "normal" | "dimmed";
+declare function NumberField({ inputProps, groupProps, children, preset, size, ...props }: NumberFieldProps & {
+    inputProps?: ComponentProps<typeof Input>;
+    groupProps?: ComponentProps<typeof Group>;
+    preset?: NumberFieldPreset;
+    size?: "small" | "medium" | "large";
+}): react_jsx_runtime.JSX.Element;
+
+interface ProgressBarProps extends Omit<ProgressBarProps$1, "children"> {
+    label?: string;
+}
+declare function ProgressBar({ className, label, ...props }: ProgressBarProps): JSX.Element;
+
+declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function Radio({ className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+
+declare function SearchField({ inputProps, borderProps, children, className, size, ...props }: SearchFieldProps & {
+    inputProps?: ComponentProps<typeof Input>;
+    borderProps?: ComponentProps<"div">;
+    size?: "small" | "medium" | "large";
+}): react_jsx_runtime.JSX.Element;
+
+interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children"> {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    items?: Iterable<T>;
+    children?: ReactNode | ((item: T) => ReactNode);
+    size?: "small" | "medium" | "large";
+}
+declare function Select<T extends object>({ description, errorMessage, children, items, className, size, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
+
+declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
+    sliderTrackProps?: SliderTrackProps;
+    sliderThumbProps?: SliderThumbProps;
+    sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
+    sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
+}): react_jsx_runtime.JSX.Element;
+declare function SliderOutput({ children, className, ...props }: SliderOutputProps): react_jsx_runtime.JSX.Element;
+
+type ToastTypes = "normal" | "action" | "success" | "info" | "warning" | "error" | "loading" | "default";
+type PromiseT<Data = unknown> = Promise<Data> | (() => Promise<Data>);
+interface PromiseIExtendedResult extends ExternalToast {
+    message: React.ReactNode;
+}
+type PromiseTExtendedResult<Data = unknown> = PromiseIExtendedResult | ((data: Data) => PromiseIExtendedResult | Promise<PromiseIExtendedResult>);
+type PromiseTResult<Data = unknown> = string | React.ReactNode | ((data: Data) => React.ReactNode | string | Promise<React.ReactNode | string>);
+type PromiseExternalToast = Omit<ExternalToast, "description">;
+type PromiseData<ToastData = unknown> = PromiseExternalToast & {
+    loading?: string | React.ReactNode;
+    success?: PromiseTResult<ToastData> | PromiseTExtendedResult<ToastData>;
+    error?: PromiseTResult | PromiseTExtendedResult;
+    description?: PromiseTResult;
+    finally?: () => void | Promise<void>;
+};
+interface ToastClassnames {
+    toast?: string;
+    title?: string;
+    description?: string;
+    loader?: string;
+    closeButton?: string;
+    cancelButton?: string;
+    actionButton?: string;
+    success?: string;
+    error?: string;
+    info?: string;
+    warning?: string;
+    loading?: string;
+    default?: string;
+    content?: string;
+    icon?: string;
+}
+interface Action {
+    label: React.ReactNode;
+    onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    actionButtonStyle?: React.CSSProperties;
+}
+interface ToastT {
+    id: number | string;
+    title?: (() => React.ReactNode) | React.ReactNode;
+    type?: ToastTypes;
+    icon?: React.ReactNode;
+    jsx?: React.ReactNode;
+    richColors?: boolean;
+    invert?: boolean;
+    closeButton?: boolean;
+    dismissible?: boolean;
+    description?: (() => React.ReactNode) | React.ReactNode;
+    duration?: number;
+    delete?: boolean;
+    action?: Action | React.ReactNode;
+    cancel?: Action | React.ReactNode;
+    onDismiss?: (toast: ToastT) => void;
+    onAutoClose?: (toast: ToastT) => void;
+    promise?: PromiseT;
+    cancelButtonStyle?: React.CSSProperties;
+    actionButtonStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
+    unstyled?: boolean;
+    className?: string;
+    classNames?: ToastClassnames;
+    descriptionClassName?: string;
+    position?: Position;
+}
+type Position = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+interface ToastToDismiss {
+    id: number | string;
+    dismiss: boolean;
+}
+type ExternalToast = Omit<ToastT, "id" | "type" | "title" | "jsx" | "delete" | "promise"> & {
+    id?: number | string;
+};
+type titleT = (() => React.ReactNode) | React.ReactNode;
+type Toast = ((message: titleT, data?: ExternalToast) => string | number) & {
+    success: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
+    info: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
+    warning: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
+    error: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
+    custom: (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => string | number;
+    message: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
+    promise: <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => (string & {
+        unwrap: () => Promise<ToastData>;
+    }) | (number & {
+        unwrap: () => Promise<ToastData>;
+    }) | {
+        unwrap: () => Promise<ToastData>;
+    };
+    dismiss: (id?: number | string) => string | number;
+    loading: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
+} & {
+    getHistory: () => (ToastT | ToastToDismiss)[];
+    getToasts: () => (ToastT | ToastToDismiss)[];
+};
+
+type ToastVariant = "default" | "hextech";
+declare const sonner: Toast;
+type SonnerProps = ExternalToast$1;
+declare function Sonner(props: ToasterProps): react_jsx_runtime.JSX.Element;
+
+interface SpinnerProps {
+    className?: string;
+}
+declare function Spinner({ className }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+declare function Switch({ className, placeholder, children, ...props }: SwitchProps & {
+    placeholder?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare const Tabs: (props: react_aria_components.TabsProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+declare function TabList<T extends object>({ className, ...rest }: TabListProps<T>): react_jsx_runtime.JSX.Element;
+declare function Tab({ children, className, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
+declare function TabPanel({ ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
+
+declare function TextArea({ textAreaProps, children, ...props }: TextFieldProps & {
+    textAreaProps?: TextAreaProps;
+}): react_jsx_runtime.JSX.Element;
+
+declare const textField: (props?: ({
+    size?: "small" | "medium" | "large" | undefined;
+    isTextArea?: boolean | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare function TextField({ inputProps, borderProps, children, size, ...props }: TextFieldProps & {
+    inputProps?: InputProps;
+    borderProps?: ComponentProps<"div">;
+    size?: "small" | "medium" | "large";
+}): react_jsx_runtime.JSX.Element;
+
+type ToggleButtonPreset = "secondary" | "hextech" | "dimmed";
+interface ToggleButtonProps extends ToggleButtonProps$1 {
+    preset?: ToggleButtonPreset;
+    thin?: boolean;
+    shape?: ButtonShape;
+    size?: ButtonSize;
+}
+declare function ToggleButton({ children, className, preset, shape, size, thin, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ children, className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+
+type HeadingColor = "gold100" | "gold200" | "gold400" | "grey100";
+type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
+interface HeadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+    preset?: HeadingElement;
+    color?: HeadingColor;
+    as?: HeadingElement | "span";
+}
+declare const heading: (props?: ({
+    color?: "grey100" | "gold100" | "gold200" | "gold400" | undefined;
+    preset?: "h1" | "h2" | "h3" | "h4" | "h5" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare function Heading({ as, preset, color, className, ...rest }: HeadingProps): JSX.Element;
+
+type TextColor = "grey100" | "grey150" | "gold100";
+type TextElement = "p" | "span" | "div";
+type TextPreset = "sm" | "base" | "md" | "lg" | "largeNumber" | "stat";
+declare const text: (props?: ({
+    color?: "grey100" | "gold100" | "grey150" | undefined;
+    preset?: "base" | "label" | "sm" | "md" | "lg" | "largeNumber" | "stat" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    preset?: TextPreset;
+    color?: TextColor;
+    as?: TextElement;
+}
+declare function Text({ as, preset, color, className, ...rest }: TextProps): JSX.Element;
+interface LabelProps extends LabelProps$1 {
+    preset?: TextPreset | "label";
+    color?: TextColor;
+    as?: TextElement;
+}
+declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
+
+declare const MenuTrigger: typeof MenuTrigger$1;
+declare const SubmenuTrigger: (props: react_aria_components.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+interface MenuProps<T extends object> extends MenuProps$1<T> {
+}
+declare function Menu<T extends object>({ children, className, ...props }: MenuProps<T>): react_jsx_runtime.JSX.Element;
+type MenuItemProps<T extends object> = MenuItemProps$1<T>;
+declare function MenuItem<T extends object>({ children, className, ...props }: MenuItemProps<T>): react_jsx_runtime.JSX.Element;
+
+interface SelectedKey {
+    id: Key;
+    name: string;
+}
+interface MultipleSelectProps<T extends SelectedKey> extends Omit<ComboBoxProps<T>, "children" | "validate" | "allowsEmptyCollection" | "selectedKey" | "inputValue" | "className" | "value" | "onSelectionChange" | "onInputChange"> {
+    items: Array<T>;
+    selectedItems: Array<T>;
+    className?: string;
+    onChange?: (items: Array<T>) => void;
+    renderEmptyState?: (inputValue: string) => react__default.ReactNode;
+    tag: (item: T) => react__default.ReactNode;
+    children: react__default.ReactNode | ((item: T) => react__default.ReactNode);
+    inputProps?: InputProps;
+    size?: "small" | "medium" | "large";
+}
+declare function MultipleSelect<T extends SelectedKey>({ children, items, selectedItems, onChange, className, name, renderEmptyState, size, ...props }: MultipleSelectProps<T>): react_jsx_runtime.JSX.Element;
+
+declare function Tag({ children, className, ...props }: TagProps): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumb, Breadcrumbs, Button, ButtonLink, type ButtonPreset, type ButtonShape, type ButtonSize, Checkbox, DialogButtons, DialogHeading, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, Heading, type HeadingColor, type HeadingElement, Item, Label, Menu, MenuItem, type MenuItemProps, MenuTrigger, Modal, MultipleSelect, NumberField, Popover, ProgressBar, Radio, RadioGroup, SearchField, Select, type SelectedKey, Slider, SliderOutput, Sonner, type SonnerProps, Spinner, SubmenuTrigger, Switch, Tab, TabList, TabPanel, Tabs, Tag, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, type ToastVariant, ToggleButton, type ToggleButtonPreset, _Button, _ButtonLink, button, heading, sonner, text, textField };