@me1a/ui 2.0.8 → 2.0.9

package/dist/index.d.mts

@@ -63,6 +63,8 @@ declare const buttonVariants: (props?: ({
  * Built on top of Radix UI's Slot primitive for maximum flexibility.
  * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-button--docs
+ *
  * @component
  * @example
  * ```tsx
@@ -130,6 +132,8 @@ declare const textFieldVariants: (props?: ({
  * A versatile text field component that supports multiple variants, sizes, and icons.
  * Built on top of shadcn/ui's Input component.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-text-field--docs
+ *
  * @component
  * @example
  * ```tsx
@@ -184,6 +188,8 @@ declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & Reac
  * It's a polymorphic component that can render as different HTML elements while maintaining
  * consistent styling and behavior.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-box--docs
+ *
  * @example
  * ```tsx
  * // Basic usage
@@ -229,6 +235,8 @@ declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttri
  * with consistent spacing between items. It's built on top of Flexbox and provides
  * a simple way to create consistent layouts.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-stack--docs
+ *
  * @example
  * ```tsx
  * // Basic vertical stack
@@ -340,6 +348,19 @@ interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Dialog component for creating accessible dialogs with overlay and content.
+ * Built on top of Radix UI's Dialog primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-dialog--docs
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTrigger>Open Dialog</DialogTrigger>
+ *   <DialogContent>Dialog Content</DialogContent>
+ * </Dialog>
+ */
 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>;
@@ -357,10 +378,37 @@ declare const DialogFooter: {
 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>>;
 
+/**
+ * Input component for creating accessible input fields.
+ * Built on top of shadcn/ui's Input component.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-input--docs
+ *
+ */
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
+/**
+ * Separator component for creating horizontal or vertical dividers.
+ * Built on top of Radix UI's Separator primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-separator--docs
+ *
+ */
 declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Sheet component for creating accessible sheets with overlay and content.
+ * Built on top of Radix UI's Sheet primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-sheet--docs
+ *
+ * @example
+ * ```tsx
+ * <Sheet>
+ *   <SheetTrigger>Open Sheet</SheetTrigger>
+ *   <SheetContent>Sheet Content</SheetContent>
+ * </Sheet>
+ */
 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>>;
@@ -383,6 +431,17 @@ declare const SheetFooter: {
 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>>;
 
+/**
+ * Skeleton component for creating a loading state.
+ * Built on top of shadcn/ui's Skeleton component.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-skeleton--docs
+ *
+ * @example
+ * ```tsx
+ * <Skeleton className="w-10 h-10" />
+ * ```
+ */
 declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
 /**
@@ -415,6 +474,22 @@ type AvatarProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
 type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
 type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
 
+/**
+ * TooltipProvider component for creating accessible tooltips.
+ * Built on top of Radix UI's Tooltip primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-tooltip--docs
+ *
+ * @example
+ * ```tsx
+ * <TooltipProvider>
+ *   <Tooltip>
+ *     <TooltipTrigger>Hover me</TooltipTrigger>
+ *     <TooltipContent>Tooltip content</TooltipContent>
+ *   </Tooltip>
+ * </TooltipProvider>
+ * ```
+ */
 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>>;
@@ -444,6 +519,8 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
  * Badge component for displaying status, counts, or labels.
  * Supports various variants, sizes, and optional icons.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-badge--docs
+ *
  * @example
  * ```tsx
  * <Badge variant="success">Active</Badge>
@@ -540,6 +617,18 @@ interface FormProviderProps {
 /**
  * Form component that provides form context to all child components.
  * Built on top of react-hook-form's FormProvider.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-form--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <FormField>
+ *     <FormItem>
+ *       <FormLabel>Name</FormLabel>
+ *     </FormItem>
+ *   </FormField>
+ * </Form>
  */
 declare const Form: ({ children, methods, onSubmit }: FormProviderProps) => react_jsx_runtime.JSX.Element;
 /**
@@ -591,6 +680,13 @@ declare const typographyVariants: (props?: ({
 interface TypographyProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
     as?: React$1.ElementType;
 }
+/**
+ * Typography component for creating accessible text elements.
+ * Built on top of shadcn/ui's Typography component.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-typography--docs
+ *
+ */
 declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
 
 type TypographyVariant = NonNullable<VariantProps<typeof typographyVariants>["variant"]>;
@@ -614,6 +710,12 @@ interface PageLoaderProps$1 {
      */
     color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
 }
+/**
+ * PageLoader component for displaying a loading indicator.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-page-loader--docs
+ *
+ */
 declare function PageLoader({ className, size, text, color }: PageLoaderProps$1): react_jsx_runtime.JSX.Element;
 
 interface PageLoaderProps {
@@ -639,6 +741,8 @@ interface PageLoaderProps {
  * Card is a flexible container component that can be used to group related content and actions.
  * It provides a consistent visual style with a subtle border, shadow, and rounded corners.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-card--docs
+ *
  * @example
  * ```tsx
  * // Basic card
@@ -763,6 +867,8 @@ interface NavigationMenuIndicatorProps extends React.ComponentPropsWithoutRef<ty
  * NavigationMenu component for creating accessible navigation menus with dropdowns.
  * Built on top of Radix UI's NavigationMenu primitive.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs
+ *
  * @example
  * ```tsx
  * <NavigationMenu>
@@ -826,6 +932,8 @@ interface RHFTextFieldProps<TFieldValues extends FieldValues = FieldValues, TNam
  * A text field component that integrates with React Hook Form.
  * Provides form validation, error handling, and accessibility features.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-rhf-text-field--docs
+ *
  * @example
  * ```tsx
  * <RHFTextField
@@ -916,6 +1024,31 @@ declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<React$1.Cl
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A flexible sidebar component that supports various layouts and configurations.
+ * The sidebar can be positioned on either side of the screen and supports different
+ * visual styles and collapse behaviors.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <Sidebar>
+ *   <SidebarHeader>
+ *     <SidebarTitle>Dashboard</SidebarTitle>
+ *   </SidebarHeader>
+ *   <SidebarContent>
+ *     <SidebarMenu>
+ *       <SidebarMenuItem icon={<HomeIcon />}>Home</SidebarMenuItem>
+ *       <SidebarMenuItem icon={<SettingsIcon />}>Settings</SidebarMenuItem>
+ *     </SidebarMenu>
+ *   </SidebarContent>
+ *   <SidebarFooter>
+ *     <SidebarTrigger />
+ *   </SidebarFooter>
+ * </Sidebar>
+ * ```
+ */
 declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
@@ -1010,6 +1143,24 @@ type SidebarGroupActionProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
 };
 
+/**
+ * DropdownMenu component for creating accessible dropdown menus.
+ * Built on top of Radix UI's DropdownMenu primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/organisms-dropdown-menu--docs
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuItem>Item 1</DropdownMenuItem>
+ *     <DropdownMenuItem>Item 2</DropdownMenuItem>
+ *     <DropdownMenuItem>Item 3</DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
 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>>;

package/dist/index.d.ts

@@ -63,6 +63,8 @@ declare const buttonVariants: (props?: ({
  * Built on top of Radix UI's Slot primitive for maximum flexibility.
  * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-button--docs
+ *
  * @component
  * @example
  * ```tsx
@@ -130,6 +132,8 @@ declare const textFieldVariants: (props?: ({
  * A versatile text field component that supports multiple variants, sizes, and icons.
  * Built on top of shadcn/ui's Input component.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-text-field--docs
+ *
  * @component
  * @example
  * ```tsx
@@ -184,6 +188,8 @@ declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & Reac
  * It's a polymorphic component that can render as different HTML elements while maintaining
  * consistent styling and behavior.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-box--docs
+ *
  * @example
  * ```tsx
  * // Basic usage
@@ -229,6 +235,8 @@ declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttri
  * with consistent spacing between items. It's built on top of Flexbox and provides
  * a simple way to create consistent layouts.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-stack--docs
+ *
  * @example
  * ```tsx
  * // Basic vertical stack
@@ -340,6 +348,19 @@ interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Dialog component for creating accessible dialogs with overlay and content.
+ * Built on top of Radix UI's Dialog primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-dialog--docs
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTrigger>Open Dialog</DialogTrigger>
+ *   <DialogContent>Dialog Content</DialogContent>
+ * </Dialog>
+ */
 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>;
@@ -357,10 +378,37 @@ declare const DialogFooter: {
 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>>;
 
+/**
+ * Input component for creating accessible input fields.
+ * Built on top of shadcn/ui's Input component.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-input--docs
+ *
+ */
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
+/**
+ * Separator component for creating horizontal or vertical dividers.
+ * Built on top of Radix UI's Separator primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-separator--docs
+ *
+ */
 declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Sheet component for creating accessible sheets with overlay and content.
+ * Built on top of Radix UI's Sheet primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-sheet--docs
+ *
+ * @example
+ * ```tsx
+ * <Sheet>
+ *   <SheetTrigger>Open Sheet</SheetTrigger>
+ *   <SheetContent>Sheet Content</SheetContent>
+ * </Sheet>
+ */
 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>>;
@@ -383,6 +431,17 @@ declare const SheetFooter: {
 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>>;
 
+/**
+ * Skeleton component for creating a loading state.
+ * Built on top of shadcn/ui's Skeleton component.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-skeleton--docs
+ *
+ * @example
+ * ```tsx
+ * <Skeleton className="w-10 h-10" />
+ * ```
+ */
 declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
 /**
@@ -415,6 +474,22 @@ type AvatarProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
 type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
 type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
 
+/**
+ * TooltipProvider component for creating accessible tooltips.
+ * Built on top of Radix UI's Tooltip primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-tooltip--docs
+ *
+ * @example
+ * ```tsx
+ * <TooltipProvider>
+ *   <Tooltip>
+ *     <TooltipTrigger>Hover me</TooltipTrigger>
+ *     <TooltipContent>Tooltip content</TooltipContent>
+ *   </Tooltip>
+ * </TooltipProvider>
+ * ```
+ */
 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>>;
@@ -444,6 +519,8 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
  * Badge component for displaying status, counts, or labels.
  * Supports various variants, sizes, and optional icons.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-badge--docs
+ *
  * @example
  * ```tsx
  * <Badge variant="success">Active</Badge>
@@ -540,6 +617,18 @@ interface FormProviderProps {
 /**
  * Form component that provides form context to all child components.
  * Built on top of react-hook-form's FormProvider.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-form--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <FormField>
+ *     <FormItem>
+ *       <FormLabel>Name</FormLabel>
+ *     </FormItem>
+ *   </FormField>
+ * </Form>
  */
 declare const Form: ({ children, methods, onSubmit }: FormProviderProps) => react_jsx_runtime.JSX.Element;
 /**
@@ -591,6 +680,13 @@ declare const typographyVariants: (props?: ({
 interface TypographyProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
     as?: React$1.ElementType;
 }
+/**
+ * Typography component for creating accessible text elements.
+ * Built on top of shadcn/ui's Typography component.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-typography--docs
+ *
+ */
 declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
 
 type TypographyVariant = NonNullable<VariantProps<typeof typographyVariants>["variant"]>;
@@ -614,6 +710,12 @@ interface PageLoaderProps$1 {
      */
     color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
 }
+/**
+ * PageLoader component for displaying a loading indicator.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-page-loader--docs
+ *
+ */
 declare function PageLoader({ className, size, text, color }: PageLoaderProps$1): react_jsx_runtime.JSX.Element;
 
 interface PageLoaderProps {
@@ -639,6 +741,8 @@ interface PageLoaderProps {
  * Card is a flexible container component that can be used to group related content and actions.
  * It provides a consistent visual style with a subtle border, shadow, and rounded corners.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-card--docs
+ *
  * @example
  * ```tsx
  * // Basic card
@@ -763,6 +867,8 @@ interface NavigationMenuIndicatorProps extends React.ComponentPropsWithoutRef<ty
  * NavigationMenu component for creating accessible navigation menus with dropdowns.
  * Built on top of Radix UI's NavigationMenu primitive.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs
+ *
  * @example
  * ```tsx
  * <NavigationMenu>
@@ -826,6 +932,8 @@ interface RHFTextFieldProps<TFieldValues extends FieldValues = FieldValues, TNam
  * A text field component that integrates with React Hook Form.
  * Provides form validation, error handling, and accessibility features.
  *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-rhf-text-field--docs
+ *
  * @example
  * ```tsx
  * <RHFTextField
@@ -916,6 +1024,31 @@ declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<React$1.Cl
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * A flexible sidebar component that supports various layouts and configurations.
+ * The sidebar can be positioned on either side of the screen and supports different
+ * visual styles and collapse behaviors.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <Sidebar>
+ *   <SidebarHeader>
+ *     <SidebarTitle>Dashboard</SidebarTitle>
+ *   </SidebarHeader>
+ *   <SidebarContent>
+ *     <SidebarMenu>
+ *       <SidebarMenuItem icon={<HomeIcon />}>Home</SidebarMenuItem>
+ *       <SidebarMenuItem icon={<SettingsIcon />}>Settings</SidebarMenuItem>
+ *     </SidebarMenu>
+ *   </SidebarContent>
+ *   <SidebarFooter>
+ *     <SidebarTrigger />
+ *   </SidebarFooter>
+ * </Sidebar>
+ * ```
+ */
 declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
@@ -1010,6 +1143,24 @@ type SidebarGroupActionProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
 };
 
+/**
+ * DropdownMenu component for creating accessible dropdown menus.
+ * Built on top of Radix UI's DropdownMenu primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/organisms-dropdown-menu--docs
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuItem>Item 1</DropdownMenuItem>
+ *     <DropdownMenuItem>Item 2</DropdownMenuItem>
+ *     <DropdownMenuItem>Item 3</DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
 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>>;