@arolariu/components/dist/index.js

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

export { CSPProvider } from "@base-ui/react/csp-provider";
export { DirectionProvider } from "@base-ui/react/direction-provider";
export { mergeProps } from "@base-ui/react/merge-props";
export { useRender } from "@base-ui/react/use-render";
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog.js";
export { Alert, AlertDescription, AlertTitle } from "./components/ui/alert.js";
export { AspectRatio } from "./components/ui/aspect-ratio.js";
export { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.js";
export { Badge, badgeVariants } from "./components/ui/badge.js";
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/ui/breadcrumb.js";
export { Button, buttonVariants } from "./components/ui/button.js";
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./components/ui/button-group.js";
export { Calendar } from "./components/ui/calendar.js";
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.js";
export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./components/ui/carousel.js";
export { CheckboxGroup } from "./components/ui/checkbox-group.js";
export { Area, AreaChart, Bar, BarChart, BarStack, Brush, CartesianGrid, Cell, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ComposedChart, Cross, Curve, Customized, DefaultZIndexes, Dot, ErrorBar, Funnel, FunnelChart, LabelList, Line, LineChart, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Polygon, Radar, RadarChart, RadialBar, RadialBarChart, RechartsLabel, Rectangle, ReferenceArea, ReferenceDot, ReferenceLine, ResponsiveContainer, Sankey, Scatter, ScatterChart, Sector, SunburstChart, Symbols, Trapezoid, Treemap, XAxis, YAxis, ZAxis, ZIndexLayer, useActiveTooltipCoordinate, useActiveTooltipDataPoints, useActiveTooltipLabel, useChartHeight, useChartWidth, useIsTooltipActive, useMargin, useOffset, usePlotArea, useXAxisDomain, useYAxisDomain } from "./components/ui/chart.js";
export { Checkbox } from "./components/ui/checkbox.js";
export { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/ui/collapsible.js";
export { Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxItem, ComboboxSeparator, ComboboxTrigger } from "./components/ui/combobox.js";
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/ui/context-menu.js";
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./components/ui/empty.js";
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./components/ui/field.js";
export { Controller, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useController, useFieldArray, useForm, useFormContext, useFormField, useFormState, useWatch } from "./components/ui/form.js";
export { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card.js";
export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./components/ui/input-otp.js";
export { Input } from "./components/ui/input.js";
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from "./components/ui/item.js";
export { Kbd, KbdGroup } from "./components/ui/kbd.js";
export { Label } from "./components/ui/label.js";
export { Meter, MeterIndicator, MeterLabel, MeterTrack } from "./components/ui/meter.js";
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/ui/menubar.js";
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "./components/ui/navigation-menu.js";
export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea } from "./components/ui/number-field.js";
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
export { Progress } from "./components/ui/progress.js";
export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/ui/resizable.js";
export { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
export { Separator } from "./components/ui/separator.js";
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./components/ui/sidebar.js";
export { Skeleton } from "./components/ui/skeleton.js";
export { Spinner } from "./components/ui/spinner.js";
export { Slider } from "./components/ui/slider.js";
export { Toaster, toast } from "./components/ui/toast.js";
export { Switch } from "./components/ui/switch.js";
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/ui/table.js";
export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
export { Textarea } from "./components/ui/textarea.js";
export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarLink, ToolbarSeparator } from "./components/ui/toolbar.js";
export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
export { Toggle, toggleVariants } from "./components/ui/toggle.js";
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
export { CopyButton } from "./components/ui/copy-button.js";
export { Stepper } from "./components/ui/stepper.js";
export { Timeline, TimelineContent, TimelineDot, TimelineItem } from "./components/ui/timeline.js";
export { VisuallyHidden } from "./components/ui/visually-hidden.js";
export { useBreakpoint } from "./hooks/useBreakpoint.js";
export { useClipboard } from "./hooks/useClipboard.js";
export { useColorScheme } from "./hooks/useColorScheme.js";
export { useControllableState } from "./hooks/useControllableState.js";
export { useDebounce } from "./hooks/useDebounce.js";
export { useEventCallback } from "./hooks/useEventCallback.js";
export { useFocusVisible } from "./hooks/useFocusVisible.js";
export { useId } from "./hooks/useId.js";
export { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
export { useInterval } from "./hooks/useInterval.js";
export { useIsMobile } from "./hooks/useIsMobile.js";
export { useLocalStorage } from "./hooks/useLocalStorage.js";
export { useMediaQuery } from "./hooks/useMediaQuery.js";
export { useMergedRefs } from "./hooks/useMergedRefs.js";
export { useOnClickOutside } from "./hooks/useOnClickOutside.js";
export { usePrefersContrast } from "./hooks/usePrefersContrast.js";
export { usePrevious } from "./hooks/usePrevious.js";
export { useReducedMotion } from "./hooks/useReducedMotion.js";
export { useThrottle } from "./hooks/useThrottle.js";
export { useTimeout } from "./hooks/useTimeout.js";
export { useWindowSize } from "./hooks/useWindowSize.js";
export { adjustHexColorLightness, adjustLightness, calculateComplementaryHexColor, convertHexToHslString, convertHslToHexString, getComplementaryColor, hexToHsl, hslToHex, isValidHexColor, parseHslString, parseHslStringToComponents, validateHexColorFormat } from "./lib/color-conversion-utilities.js";
export { cn } from "./lib/utilities.js";
export { BubbleBackground } from "./components/ui/bubble-background.js";
export { CountingNumber } from "./components/ui/counting-number.js";
export { FireworksBackground } from "./components/ui/fireworks-background.js";
export { FlipButton } from "./components/ui/flip-button.js";
export { GradientBackground } from "./components/ui/gradient-background.js";
export { GradientText } from "./components/ui/gradient-text.js";
export { HighlightText } from "./components/ui/highlight-text.js";
export { HoleBackground } from "./components/ui/hole-background.js";
export { RippleButton } from "./components/ui/ripple-button.js";
export { DotBackground } from "./components/ui/dot-background.js";
export { Scratcher } from "./components/ui/scratcher.js";
export { BackgroundBeams } from "./components/ui/background-beams.js";
export { TypewriterText, TypewriterTextSmooth } from "./components/ui/typewriter.js";
export { DropDrawer, DropDrawerContent, DropDrawerFooter, DropDrawerGroup, DropDrawerItem, DropDrawerLabel, DropDrawerSeparator, DropDrawerSub, DropDrawerSubContent, DropDrawerSubTrigger, DropDrawerTrigger } from "./components/ui/dropdrawer.js";