@yummacss/ui/dist/index.d.ts

Reusable React components styled with Yumma CSS.

import { VariantProps } from "class-variance-authority";
import * as react5 from "react";
import * as react_jsx_runtime5 from "react/jsx-runtime";
import { AlertDialog as AlertDialog$1 } from "@base-ui-components/react/alert-dialog";
import { Avatar as Avatar$1 } from "@base-ui-components/react/avatar";
import { Checkbox as Checkbox$1 } from "@base-ui-components/react/checkbox";
import { Input as Input$1 } from "@base-ui-components/react/input";
import { Tabs as Tabs$1 } from "@base-ui-components/react/tabs";
import * as class_variance_authority_types0 from "class-variance-authority/types";

//#region src/components/Alert/Alert.d.ts
declare const alertVariants: (props?: ({
  variant?: "base" | "error" | "info" | "success" | "warning" | null | undefined;
} & class_variance_authority_types0.ClassProp) | undefined) => string;
interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
  children: React.ReactNode;
}
declare const Alert: react5.ForwardRefExoticComponent<AlertProps & react5.RefAttributes<HTMLDivElement>>;
//#endregion
//#region src/components/Alert/AlertContent.d.ts
interface AlertContentProps extends React.HTMLAttributes<HTMLDivElement> {
  children: React.ReactNode;
}
declare const AlertContent: react5.ForwardRefExoticComponent<AlertContentProps & react5.RefAttributes<HTMLDivElement>>;
//#endregion
//#region src/components/Alert/AlertDescription.d.ts
interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
  children: React.ReactNode;
}
declare const AlertDescription: react5.ForwardRefExoticComponent<AlertDescriptionProps & react5.RefAttributes<HTMLParagraphElement>>;
//#endregion
//#region src/components/Alert/AlertTitle.d.ts
interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
  children: React.ReactNode;
}
declare const AlertTitle: react5.ForwardRefExoticComponent<AlertTitleProps & react5.RefAttributes<HTMLDivElement>>;
//#endregion
//#region src/components/AlertDialog/AlertDialog.d.ts
interface AlertDialogProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Root> {}
declare function AlertDialog(props: AlertDialogProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/AlertDialog/AlertDialogBackdrop.d.ts
interface AlertDialogBackdropProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Backdrop> {}
declare function AlertDialogBackdrop({
  className,
  ...props
}: AlertDialogBackdropProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/AlertDialog/AlertDialogClose.d.ts
interface AlertDialogCloseProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Close> {}
declare function AlertDialogClose({
  className,
  ...props
}: AlertDialogCloseProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/AlertDialog/AlertDialogDescription.d.ts
interface AlertDialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Description> {}
declare function AlertDialogDescription({
  className,
  ...props
}: AlertDialogDescriptionProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/AlertDialog/AlertDialogPopup.d.ts
declare const alertDialogPopupVariants: (props?: ({
  size?: "sm" | "md" | "lg" | null | undefined;
} & class_variance_authority_types0.ClassProp) | undefined) => string;
interface AlertDialogPopupProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Popup>, VariantProps<typeof alertDialogPopupVariants> {}
declare function AlertDialogPopup({
  className,
  size,
  ...props
}: AlertDialogPopupProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/AlertDialog/AlertDialogPortal.d.ts
interface AlertDialogPortalProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Portal> {}
declare function AlertDialogPortal(props: AlertDialogPortalProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/AlertDialog/AlertDialogTitle.d.ts
interface AlertDialogTitleProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Title> {}
declare function AlertDialogTitle({
  className,
  ...props
}: AlertDialogTitleProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/AlertDialog/AlertDialogTrigger.d.ts
interface AlertDialogTriggerProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Trigger> {}
declare function AlertDialogTrigger(props: AlertDialogTriggerProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Avatar/Avatar.d.ts
declare const avatarVariants: (props?: ({
  size?: "sm" | "md" | "lg" | null | undefined;
  shape?: "circle" | "square" | null | undefined;
} & class_variance_authority_types0.ClassProp) | undefined) => string;
interface AvatarProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Root>, VariantProps<typeof avatarVariants> {}
declare function Avatar({
  className,
  size,
  shape,
  ...props
}: AvatarProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Avatar/AvatarFallback.d.ts
interface AvatarFallbackProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Fallback> {}
declare function AvatarFallback({
  className,
  ...props
}: AvatarFallbackProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Avatar/AvatarImage.d.ts
interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Image> {}
declare function AvatarImage({
  className,
  ...props
}: AvatarImageProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Badge/Badge.d.ts
declare const badgeVariants: (props?: ({
  variant?: "base" | "destructive" | "outline" | null | undefined;
  size?: "sm" | "md" | "lg" | "xs" | null | undefined;
} & class_variance_authority_types0.ClassProp) | undefined) => string;
interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
  children: React.ReactNode;
}
declare const Badge: react5.ForwardRefExoticComponent<BadgeProps & react5.RefAttributes<HTMLSpanElement>>;
//#endregion
//#region src/components/Button/Button.d.ts
declare const buttonVariants: (props?: ({
  variant?: "base" | "destructive" | "ghost" | "link" | "outline" | null | undefined;
  size?: "sm" | "md" | "lg" | null | undefined;
} & class_variance_authority_types0.ClassProp) | undefined) => string;
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
  children: React.ReactNode;
}
declare const Button: react5.ForwardRefExoticComponent<ButtonProps & react5.RefAttributes<HTMLButtonElement>>;
//#endregion
//#region src/components/Card/Card.d.ts
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
  children: React.ReactNode;
}
declare const Card: react5.ForwardRefExoticComponent<CardProps & react5.RefAttributes<HTMLDivElement>>;
//#endregion
//#region src/components/Card/CardDescription.d.ts
interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
  children: React.ReactNode;
}
declare const CardDescription: react5.ForwardRefExoticComponent<CardDescriptionProps & react5.RefAttributes<HTMLParagraphElement>>;
//#endregion
//#region src/components/Card/CardTitle.d.ts
interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
  children: React.ReactNode;
  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
}
declare const CardTitle: react5.ForwardRefExoticComponent<CardTitleProps & react5.RefAttributes<HTMLHeadingElement>>;
//#endregion
//#region src/components/Checkbox/Checkbox.d.ts
declare const checkboxVariants: (props?: ({
  variant?: "base" | "success" | "destructive" | "outline" | null | undefined;
  shape?: "square" | "round" | null | undefined;
  isDisabled?: boolean | null | undefined;
} & class_variance_authority_types0.ClassProp) | undefined) => string;
interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof Checkbox$1.Root>, VariantProps<typeof checkboxVariants> {}
declare function Checkbox({
  className,
  variant,
  shape,
  disabled,
  ...props
}: CheckboxProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Checkbox/CheckboxIndicator.d.ts
interface CheckboxIndicatorProps extends React.ComponentPropsWithoutRef<typeof Checkbox$1.Indicator> {}
declare function CheckboxIndicator({
  className,
  ...props
}: CheckboxIndicatorProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Input/Input.d.ts
declare const inputVariants: (props?: ({
  variant?: "base" | "error" | null | undefined;
} & class_variance_authority_types0.ClassProp) | undefined) => string;
interface InputProps extends React.ComponentPropsWithoutRef<typeof Input$1>, VariantProps<typeof inputVariants> {}
declare const Input: react5.ForwardRefExoticComponent<InputProps & react5.RefAttributes<HTMLInputElement>>;
//#endregion
//#region src/components/Tabs/Tabs.d.ts
interface TabsProps extends React.ComponentPropsWithoutRef<typeof Tabs$1.Root> {}
declare function Tabs({
  className,
  ...props
}: TabsProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Tabs/TabsList.d.ts
interface TabsListProps extends React.ComponentPropsWithoutRef<typeof Tabs$1.List> {}
declare function TabsList({
  className,
  ...props
}: TabsListProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Tabs/TabsPanel.d.ts
interface TabsPanelProps extends React.ComponentPropsWithoutRef<typeof Tabs$1.Panel> {}
declare function TabsPanel({
  className,
  ...props
}: TabsPanelProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Tabs/TabsTab.d.ts
interface TabsTabProps extends React.ComponentPropsWithoutRef<typeof Tabs$1.Tab> {}
declare function TabsTab({
  className,
  ...props
}: TabsTabProps): react_jsx_runtime5.JSX.Element;
//#endregion
//#region src/components/Textarea/Textarea.d.ts
declare const textareaVariants: (props?: ({
  variant?: "base" | "error" | null | undefined;
} & class_variance_authority_types0.ClassProp) | undefined) => string;
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {}
declare const Textarea: react5.ForwardRefExoticComponent<TextareaProps & react5.RefAttributes<HTMLTextAreaElement>>;
//#endregion
export { Alert, AlertContent, AlertContentProps, AlertDescription, AlertDescriptionProps, AlertDialog, AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogClose, AlertDialogCloseProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertProps, AlertTitle, AlertTitleProps, Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardDescription, CardDescriptionProps, CardProps, CardTitle, CardTitleProps, Checkbox, CheckboxIndicator, CheckboxIndicatorProps, CheckboxProps, Input, InputProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, TabsTab, TabsTabProps, Textarea, TextareaProps, alertDialogPopupVariants, alertVariants, badgeVariants, buttonVariants, checkboxVariants, textareaVariants };