@me1a/ui 2.0.1 → 2.0.2

package/dist/index.d.ts

@@ -1,15 +1,22 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import * as React from 'react';
+import * as React$1 from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { FieldValues, FieldPath } from 'react-hook-form';
 import * as vaul from 'vaul';
 import { Drawer as Drawer$1 } from 'vaul';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { ClassValue } from 'clsx';
 
 /**
  * Props interface for the Button component.
  * Extends the native button HTML attributes and adds support for variants and asChild prop.
+ * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
  *
  * @interface ButtonProps
  * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
@@ -22,17 +29,22 @@ import { ClassValue } from 'clsx';
  * @property {React.ReactNode} [startIcon] - Icon to display before the button text.
  * @property {React.ReactNode} [endIcon] - Icon to display after the button text.
  * @property {boolean} [loading] - Whether the button is in a loading state.
+ * @property {string} [type] - The type of button (button, submit, reset). Defaults to "button".
+ * @property {string} [aria-label] - Accessible label for the button. Falls back to button text if not provided.
  */
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
+    startIcon?: React$1.ReactNode;
+    endIcon?: React$1.ReactNode;
     loading?: boolean;
+    type?: "button" | "submit" | "reset";
+    "aria-label"?: string;
 }
 
 /**
  * Button variant styles using class-variance-authority.
  * Defines the visual styles for different button variants and sizes.
+ * Follows WCAG 2.1 Level AA guidelines for accessibility.
  *
  * @example
  * ```tsx
@@ -46,6 +58,7 @@ declare const buttonVariants: (props?: ({
 /**
  * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.
  * Built on top of Radix UI's Slot primitive for maximum flexibility.
+ * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
  *
  * @component
  * @example
@@ -73,7 +86,7 @@ declare const buttonVariants: (props?: ({
  * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref
  * @returns {JSX.Element} A button element
  */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Props interface for the TextField component.
@@ -93,9 +106,9 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
  * @property {string} [label] - Label text for the text field.
  * @property {string} [helperText] - Helper text to display below the text field.
  */
-interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textFieldVariants> {
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
+interface TextFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textFieldVariants> {
+    startIcon?: React$1.ReactNode;
+    endIcon?: React$1.ReactNode;
     loading?: boolean;
     error?: string;
     label?: string;
@@ -131,9 +144,9 @@ declare const textFieldVariants: (props?: ({
  * <TextField error="Invalid input" placeholder="Enter text" />
  * ```
  */
-declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+declare const TextField: React$1.ForwardRefExoticComponent<TextFieldProps & React$1.RefAttributes<HTMLInputElement>>;
 
-interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * The maximum width of the container.
      * - "sm": 640px
@@ -161,7 +174,7 @@ interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     fluid?: boolean;
 }
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Box is a fundamental layout component that serves as a building block for other components.
@@ -182,7 +195,7 @@ declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.
  */
 
 type BoxComponent = "div" | "span" | "section" | "article" | "main" | "aside" | "header" | "footer" | "nav";
-interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+interface BoxProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * The HTML element to render the Box as.
      * This allows for semantic HTML while maintaining consistent styling.
@@ -191,7 +204,7 @@ interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     as?: BoxComponent;
 }
-declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Stack is a layout component that arranges its children in a vertical or horizontal stack
@@ -229,7 +242,7 @@ declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttribute
  * ```
  */
 
-interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * The direction in which to stack the items.
      * - "vertical": Items are stacked top to bottom
@@ -288,26 +301,118 @@ interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     align?: "start" | "end" | "center" | "stretch" | "baseline";
 }
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Avatar component that displays a user's profile picture or fallback.
+ * Built on top of Radix UI's Avatar primitive.
+ *
+ * @example
+ * ```tsx
+ * <Avatar>
+ *   <AvatarImage src="/path/to/image.jpg" alt="User avatar" />
+ *   <AvatarFallback>JD</AvatarFallback>
+ * </Avatar>
+ * ```
+ */
+declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+/**
+ * AvatarImage component that displays the user's profile picture.
+ * Falls back to AvatarFallback if the image fails to load.
+ */
+declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
+/**
+ * AvatarFallback component that displays when the image fails to load.
+ * Typically shows the user's initials or a placeholder icon.
+ */
+declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+
+type AvatarProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
+type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
+type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
+
+declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    /**
+     * The content to display inside the badge
+     */
+    children: React.ReactNode;
+    /**
+     * Optional icon to display before the badge content
+     */
+    icon?: React.ReactNode;
+    /**
+     * Optional icon to display after the badge content
+     */
+    iconAfter?: React.ReactNode;
+}
+
+/**
+ * Badge component for displaying status, counts, or labels.
+ * Supports various variants, sizes, and optional icons.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success">Active</Badge>
+ * <Badge variant="warning" icon={<AlertIcon />}>Warning</Badge>
+ * <Badge variant="info" size="lg" iconAfter={<ArrowIcon />}>New</Badge>
+ * ```
+ */
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Card is a flexible container component that can be used to group related content and actions.
@@ -345,46 +450,189 @@ declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProp
  * The main card container component.
  * Provides the base styling for the card including border, shadow, and rounded corners.
  */
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * Header section of the card.
  * Typically contains the card title and description.
  * Includes padding and spacing for consistent layout.
  */
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * Title component for the card.
  * Should be used within CardHeader.
  * Provides consistent typography styling for card titles.
  */
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 /**
  * Description component for the card.
  * Should be used within CardHeader.
  * Provides consistent typography styling for card descriptions.
  */
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 /**
  * Main content section of the card.
  * Includes padding and removes top padding to maintain consistent spacing with the header.
  */
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * Footer section of the card.
  * Typically contains action buttons or additional information.
  * Includes padding and removes top padding to maintain consistent spacing with the content.
  */
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const navigationMenuTriggerStyle: (props?: ({
+    variant?: "default" | "ghost" | "link" | "mobile" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+interface NavigationMenuProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
+    /**
+     * The content of the navigation menu
+     */
+    children: React.ReactNode;
+    /**
+     * Optional className for the root element
+     */
+    className?: string;
+}
+interface NavigationMenuListProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> {
+    /**
+     * Optional className for the list element
+     */
+    className?: string;
+}
+interface NavigationMenuItemProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> {
+    /**
+     * Optional className for the item element
+     */
+    className?: string;
+}
+interface NavigationMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>, VariantProps<typeof navigationMenuTriggerStyle> {
+    /**
+     * Optional className for the trigger element
+     */
+    className?: string;
+}
+interface NavigationMenuContentProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> {
+    /**
+     * Optional className for the content element
+     */
+    className?: string;
+}
+interface NavigationMenuLinkProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
+    /**
+     * Optional className for the link element
+     */
+    className?: string;
+}
+interface NavigationMenuViewportProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> {
+    /**
+     * Optional className for the viewport element
+     */
+    className?: string;
+}
+interface NavigationMenuIndicatorProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> {
+    /**
+     * Optional className for the indicator element
+     */
+    className?: string;
+}
+
+/**
+ * NavigationMenu component for creating accessible navigation menus with dropdowns.
+ * Built on top of Radix UI's NavigationMenu primitive.
+ *
+ * @example
+ * ```tsx
+ * <NavigationMenu>
+ *   <NavigationMenuList>
+ *     <NavigationMenuItem>
+ *       <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
+ *       <NavigationMenuContent>
+ *         <ul className="grid gap-3 p-4 md:w-[400px] lg:w-[500px]">
+ *           <li className="row-span-3">
+ *             <NavigationMenuLink asChild>
+ *               <a className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md">
+ *                 <div className="mb-2 mt-4 text-lg font-medium">shadcn/ui</div>
+ *                 <p className="text-sm leading-tight text-muted-foreground">
+ *                   Beautifully designed components built with Radix UI and Tailwind CSS.
+ *                 </p>
+ *               </a>
+ *             </NavigationMenuLink>
+ *           </li>
+ *         </ul>
+ *       </NavigationMenuContent>
+ *     </NavigationMenuItem>
+ *   </NavigationMenuList>
+ * </NavigationMenu>
+ * ```
+ */
+declare const NavigationMenu: React$1.ForwardRefExoticComponent<NavigationMenuProps & React$1.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface RHFTextFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React$1.ComponentProps<typeof Input>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** The type of input (text, number, email, etc.) */
+    type?: React$1.HTMLInputTypeAttribute;
+    /** Optional placeholder text */
+    placeholder?: string;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+}
+
+/**
+ * A text field component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @example
+ * ```tsx
+ * <RHFTextField
+ *   name="email"
+ *   label="Email"
+ *   type="email"
+ *   required
+ *   rules={{
+ *     required: "Email is required",
+ *     pattern: {
+ *       value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+ *       message: "Invalid email address"
+ *     }
+ *   }}
+ * />
+ * ```
+ */
+declare function RHFTextField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, type, warningText, required, disabled, readOnly, placeholder, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, onBlur, ...other }: RHFTextFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
 
 declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+    ({ shouldScaleBackground, ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 /**
  * The trigger element that opens the drawer.
  * Should be used with the `asChild` prop to wrap your own trigger element.
  */
-declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 /**
  * Portal component that renders the drawer content outside the DOM hierarchy.
  * This ensures proper stacking context and accessibility.
@@ -394,23 +642,23 @@ declare const DrawerPortal: typeof vaul.Portal;
  * Close button component for the drawer.
  * Should be used with the `asChild` prop to wrap your own close button.
  */
-declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 /**
  * Overlay component that appears behind the drawer.
  * Provides a semi-transparent backdrop and handles click-outside behavior.
  */
-declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * The main content container for the drawer.
  * Includes the handle bar at the top and manages the slide-up animation.
  */
-declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * Header section of the drawer.
  * Typically contains the title and description.
  */
 declare const DrawerHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 /**
@@ -418,20 +666,439 @@ declare const DrawerHeader: {
  * Typically contains action buttons.
  */
 declare const DrawerFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 /**
  * Title component for the drawer.
  * Should be used within DrawerHeader.
  */
-declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
 /**
  * Description component for the drawer.
  * Should be used within DrawerHeader.
  */
-declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+type SidebarContextProps$1 = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps$1;
+declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarRail: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarInset: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuBadge: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSkeleton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSub: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLAnchorElement> & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+type SidebarProps = React$1.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+};
+type SidebarProviderProps = React$1.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+type SidebarMenuButtonProps = React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>;
+type SidebarMenuActionProps = React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+};
+type SidebarMenuSubButtonProps = React$1.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+};
+type SidebarMenuSkeletonProps = React$1.ComponentProps<"div"> & {
+    showIcon?: boolean;
+};
+type SidebarGroupLabelProps = React$1.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+type SidebarGroupActionProps = React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+};
+
+declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const dropdownMenuTriggerStyle: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type DropdownMenuTriggerVariants = VariantProps<typeof dropdownMenuTriggerStyle>;
+interface DropdownMenuProps {
+    /**
+     * The content of the dropdown menu
+     */
+    children: React.ReactNode;
+    /**
+     * The open state of the dropdown menu
+     */
+    open?: boolean;
+    /**
+     * The default open state of the dropdown menu
+     */
+    defaultOpen?: boolean;
+    /**
+     * The controlled open state of the dropdown menu
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The modal state of the dropdown menu
+     */
+    modal?: boolean;
+}
+interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, DropdownMenuTriggerVariants {
+    /**
+     * The content of the trigger
+     */
+    children: React.ReactNode;
+    /**
+     * The variant of the trigger
+     */
+    variant?: DropdownMenuTriggerVariants["variant"];
+    /**
+     * The size of the trigger
+     */
+    size?: DropdownMenuTriggerVariants["size"];
+}
+interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu
+     */
+    children: React.ReactNode;
+    /**
+     * The side offset of the dropdown menu
+     */
+    sideOffset?: number;
+    /**
+     * The align offset of the dropdown menu
+     */
+    alignOffset?: number;
+    /**
+     * The side of the dropdown menu
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The alignment of the dropdown menu
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * The collision padding of the dropdown menu
+     */
+    collisionPadding?: number;
+    /**
+     * The collision boundary of the dropdown menu
+     */
+    collisionBoundary?: Element | null | Array<Element | null>;
+    /**
+     * The arrow padding of the dropdown menu
+     */
+    arrowPadding?: number;
+    /**
+     * The sticky state of the dropdown menu
+     */
+    sticky?: "partial" | "always";
+    /**
+     * The hide when detached state of the dropdown menu
+     */
+    hideWhenDetached?: boolean;
+    /**
+     * The update position strategy of the dropdown menu
+     */
+    updatePositionStrategy?: "optimized" | "always";
+    /**
+     * The force mount state of the dropdown menu
+     */
+    forceMount?: boolean;
+    /**
+     * The container of the dropdown menu
+     */
+    container?: HTMLElement;
+}
+interface DropdownMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu item
+     */
+    children: React.ReactNode;
+    /**
+     * The inset state of the dropdown menu item
+     */
+    inset?: boolean;
+    /**
+     * The disabled state of the dropdown menu item
+     */
+    disabled?: boolean;
+    /**
+     * The selected state of the dropdown menu item
+     */
+    selected?: boolean;
+}
+interface DropdownMenuCheckboxItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu checkbox item
+     */
+    children: React.ReactNode;
+    /**
+     * The checked state of the dropdown menu checkbox item
+     */
+    checked?: boolean;
+    /**
+     * The disabled state of the dropdown menu checkbox item
+     */
+    disabled?: boolean;
+    /**
+     * The on checked change handler of the dropdown menu checkbox item
+     */
+    onCheckedChange?: (checked: boolean) => void;
+}
+interface DropdownMenuRadioItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu radio item
+     */
+    children: React.ReactNode;
+    /**
+     * The value of the dropdown menu radio item
+     */
+    value: string;
+    /**
+     * The disabled state of the dropdown menu radio item
+     */
+    disabled?: boolean;
+}
+interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu label
+     */
+    children: React.ReactNode;
+    /**
+     * The inset state of the dropdown menu label
+     */
+    inset?: boolean;
+}
+interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface DropdownMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The content of the dropdown menu shortcut
+     */
+    children: React.ReactNode;
+}
+interface DropdownMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu group
+     */
+    children: React.ReactNode;
+}
+interface DropdownMenuPortalProps {
+    /**
+     * The content of the dropdown menu portal
+     */
+    children: React.ReactNode;
+    /**
+     * The container of the dropdown menu portal
+     */
+    container?: HTMLElement;
+}
+interface DropdownMenuSubProps {
+    /**
+     * The content of the dropdown menu sub
+     */
+    children: React.ReactNode;
+    /**
+     * The open state of the dropdown menu sub
+     */
+    open?: boolean;
+    /**
+     * The default open state of the dropdown menu sub
+     */
+    defaultOpen?: boolean;
+    /**
+     * The controlled open state of the dropdown menu sub
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+interface DropdownMenuSubContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu sub content
+     */
+    children: React.ReactNode;
+    /**
+     * The side offset of the dropdown menu sub content
+     */
+    sideOffset?: number;
+    /**
+     * The align offset of the dropdown menu sub content
+     */
+    alignOffset?: number;
+    /**
+     * The side of the dropdown menu sub content
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The alignment of the dropdown menu sub content
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * The collision padding of the dropdown menu sub content
+     */
+    collisionPadding?: number;
+    /**
+     * The collision boundary of the dropdown menu sub content
+     */
+    collisionBoundary?: Element | null | Array<Element | null>;
+    /**
+     * The arrow padding of the dropdown menu sub content
+     */
+    arrowPadding?: number;
+    /**
+     * The sticky state of the dropdown menu sub content
+     */
+    sticky?: "partial" | "always";
+    /**
+     * The hide when detached state of the dropdown menu sub content
+     */
+    hideWhenDetached?: boolean;
+    /**
+     * The update position strategy of the dropdown menu sub content
+     */
+    updatePositionStrategy?: "optimized" | "always";
+    /**
+     * The force mount state of the dropdown menu sub content
+     */
+    forceMount?: boolean;
+    /**
+     * The container of the dropdown menu sub content
+     */
+    container?: HTMLElement;
+}
+interface DropdownMenuSubTriggerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the dropdown menu sub trigger
+     */
+    children: React.ReactNode;
+    /**
+     * The inset state of the dropdown menu sub trigger
+     */
+    inset?: boolean;
+    /**
+     * The disabled state of the dropdown menu sub trigger
+     */
+    disabled?: boolean;
+}
+interface DropdownMenuRadioGroupProps {
+    /**
+     * The content of the dropdown menu radio group
+     */
+    children: React.ReactNode;
+    /**
+     * The value of the dropdown menu radio group
+     */
+    value?: string;
+    /**
+     * The default value of the dropdown menu radio group
+     */
+    defaultValue?: string;
+    /**
+     * The controlled value of the dropdown menu radio group
+     */
+    onValueChange?: (value: string) => void;
+}
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Box, type BoxProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, Stack, type StackProps, TextField, buttonVariants, cn, textFieldVariants };
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Input, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, RHFTextField, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Stack, type StackProps, TextField, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, sidebarMenuButtonVariants, textFieldVariants, useSidebar };