@lemonsqueezy/wedges
Version:
An ever-expanding, open-source React UI library built with the Wedges Design System, Radix primitives, and Tailwind CSS.
1,171 lines (1,162 loc) • 116 kB
TypeScript
import * as React$1 from 'react';
import * as cva from 'cva';
import { VariantProps } from 'cva';
import * as Primitive from '@radix-ui/react-avatar';
import * as _radix_ui_react_label from '@radix-ui/react-label';
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
import * as PopoverPrimitive from '@radix-ui/react-popover';
import * as ProgressPrimitive from '@radix-ui/react-progress';
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
import * as SliderPrimitive from '@radix-ui/react-slider';
import * as SelectPrimitive from '@radix-ui/react-select';
import * as SwitchPrimitive from '@radix-ui/react-switch';
import * as TabsPrimitive from '@radix-ui/react-tabs';
import * as TogglePrimitive from '@radix-ui/react-toggle';
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
import plugin from 'tailwindcss/plugin.js';
declare const alertVariants: (props?: ({
variant?: "inline" | "expanded" | undefined;
color?: "gray" | "primary" | "error" | "info" | "success" | "warning" | 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 | 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 | 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;
type ClosableProps$1 = {
/**
* Is the alert closable? If true, a close icon will be displayed.
* @default true
*/
closable: true;
/**
* An optional callback function to be called when the close icon is clicked.
* This can be used to handle the removal of the tag.
* If provided, the close icon will be displayed.
*/
onClose?: React$1.MouseEventHandler<HTMLButtonElement>;
};
type NotClosableProps$1 = {
/**
* Is the alert closable? If true, a close button will be displayed and
* when clicked on it will hide the alert element
* @default true
*/
closable?: false;
/**
* An optional callback function to be called when the close button is clicked.
* Requires the `closable` prop to be set to `true`.
*/
onClose?: never;
};
type AlertProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> & VariantProps<typeof alertVariants> & {
/**
* The slot to be rendered before the description.
* This can be used to render an icon
* or any other element before the description. Also accepts a string,
* number, or any valid React element.
* If the `before` prop is omitted, the default icon will be displayed.
*
* @example
* // Display an alert with icon
* <Alert before={<SuccessIcon />} />
*/
before?: React$1.ReactNode;
/**
* The slot to be rendered after the description.
* This can be a string, number or any valid React element.
* If omitted, it will not be displayed.
*
* @example
* // Display an alert with button
* <Alert after={<Button size='sm'>Save</Button>} />
*/
after?: React$1.ReactNode;
/**
* The title to display within the Alert component.
* This can be a string, number or any valid React element.
* If omitted, no title will be displayed.
* If a string is provided, it will be wrapped in an <AlertTitle /> component.
* If a React element is provided, it will be rendered as-is.
*/
title?: React$1.ReactNode;
} & (ClosableProps$1 | NotClosableProps$1);
declare const AlertWedges: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
declare const avatarVariants: (props?: ({
size?: "xxs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | 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 | 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 | 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 const fallbackVariants: (props?: ({
size?: "xxs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | 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 | 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 | 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 const statusVariants: (props?: ({
status?: "gray" | "green" | "red" | "yellow" | "primary" | 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 | 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 | 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 const notificationVariants: (props?: ({
notification?: "gray" | "green" | "red" | "yellow" | "primary" | 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 | 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 | 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;
type AvatarElement = React$1.ElementRef<typeof Primitive.Image> | HTMLSpanElement;
type AvatarVariantProps = VariantProps<typeof statusVariants> & VariantProps<typeof notificationVariants> & VariantProps<typeof avatarVariants> & VariantProps<typeof fallbackVariants>;
type BaseAvatarProps = {
/**
* Represents the initials displayed on the Avatar.
*
* - Supports single characters, two characters, or full words.
* - For full words, initials will be derived from the first letter of the
* first word and the first letter of the last word.
*
* Example: "John Doe" => "JD"
*/
initials?: string;
};
type AvatarProps = React$1.ComponentPropsWithoutRef<typeof Primitive.Image> & BaseAvatarProps & AvatarVariantProps & {
delayMs?: number;
};
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<Primitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & BaseAvatarProps & VariantProps<(props?: ({
status?: "gray" | "green" | "red" | "yellow" | "primary" | 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 | 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 | 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> & VariantProps<(props?: ({
notification?: "gray" | "green" | "red" | "yellow" | "primary" | 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 | 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 | 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> & VariantProps<(props?: ({
size?: "xxs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | 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 | 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 | 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> & VariantProps<(props?: ({
size?: "xxs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | 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 | 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 | 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> & {
delayMs?: number;
} & React$1.RefAttributes<AvatarElement>> & {
Fallback: React$1.ForwardRefExoticComponent<Omit<Primitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
Image: React$1.ForwardRefExoticComponent<Omit<Primitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
Notification: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ring?: 1 | 2;
} & React$1.RefAttributes<HTMLSpanElement>>;
Root: React$1.ForwardRefExoticComponent<Omit<Primitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
Status: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ring?: 1 | 2;
} & React$1.RefAttributes<HTMLSpanElement>>;
};
declare const avatarGroupVariants: (props?: ({
size?: "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | 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 | 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 | 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;
type AvatarGroupAvatarProps = Omit<AvatarProps, "size" | "notification" | "status" | "asChild">;
type BaseAvatarGroupProps = {
/**
* The items to display in the group.
*/
items: AvatarGroupAvatarProps[];
/**
* The label to display at the end of the group.
*/
moreLabel?: React$1.ReactNode;
/**
* Whether the previous item should be on top of the stack.
* If false, the next item will be at the top of the stack.
*/
previousOnTop?: boolean;
};
type AvatarGroupElement = React$1.ElementRef<typeof AvatarGroupRoot> | null;
type AvatarGroupProps = Omit<React$1.ComponentPropsWithoutRef<"div">, "size"> & BaseAvatarGroupProps & VariantProps<typeof avatarGroupVariants>;
declare const AvatarGroupRoot: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
declare const AvatarGroup: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size"> & BaseAvatarGroupProps & VariantProps<(props?: ({
size?: "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | 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 | 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 | 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> & React$1.RefAttributes<HTMLDivElement>> & {
Root: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
Item: React$1.ForwardRefExoticComponent<Omit<Omit<Primitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & {
initials?: string;
} & VariantProps<(props?: ({
status?: "gray" | "green" | "red" | "yellow" | "primary" | 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 | 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 | 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> & VariantProps<(props?: ({
notification?: "gray" | "green" | "red" | "yellow" | "primary" | 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 | 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 | 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> & VariantProps<(props?: ({
size?: "xxs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | 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 | 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 | 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> & VariantProps<(props?: ({
size?: "xxs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | 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 | 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 | 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> & {
delayMs?: number;
} & React$1.RefAttributes<AvatarElement>, "ref"> & React$1.RefAttributes<AvatarElement>>;
Label: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
/**
* The label to display.
*/
label?: React$1.ReactNode;
/**
* The size of the element.
*/
size?: AvatarProps["size"];
} & React$1.RefAttributes<AvatarElement>>;
};
declare const badgeVariants: (props?: ({
size?: "sm" | "md" | undefined;
color?: "blue" | "gray" | "green" | "orange" | "pink" | "purple" | "red" | "yellow" | "primary" | undefined;
shape?: "rounded" | "pill" | undefined;
stroke?: 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 | 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 | 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;
type BaseBadgeProps = {
/**
* Whether the badge has border or not.
*/
stroke?: boolean;
/**
* The slot to be rendered before the label.
*/
before?: React$1.ReactElement<HTMLElement>;
/**
* The slot to be rendered after the label.
*/
after?: React$1.ReactElement<HTMLElement>;
};
type BadgeProps = Omit<React$1.HTMLAttributes<HTMLSpanElement>, "size"> & VariantProps<typeof badgeVariants> & BaseBadgeProps;
type BadgeElement = HTMLSpanElement;
declare const Badge: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLSpanElement>, "size"> & VariantProps<(props?: ({
size?: "sm" | "md" | undefined;
color?: "blue" | "gray" | "green" | "orange" | "pink" | "purple" | "red" | "yellow" | "primary" | undefined;
shape?: "rounded" | "pill" | undefined;
stroke?: 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 | 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 | 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> & BaseBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
declare const buttonVariants: (props?: ({
size?: "sm" | "md" | "xs-icon" | undefined;
shape?: "rounded" | "pill" | undefined;
variant?: "link" | "primary" | "secondary" | "tertiary" | "outline" | "transparent" | undefined;
destructive?: 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 | 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 | any | {