/** * Accordion – A collapsible content panel built on Radix UI Accordion primitive. */ export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './components/Accordion'; export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, } from './components/Accordion'; /** * Avatar – A user avatar component built on Radix UI Avatar primitive with image and fallback support. */ export { Avatar, AvatarImage, AvatarFallback } from './components/Avatar'; export type { AvatarProps, AvatarImageProps, AvatarFallbackProps } from './components/Avatar'; /** * Badge – A styled label component with variant support for status indicators and tags. */ export { Badge, badgeVariants } from './components/Badge'; export type { BadgeProps, BadgeVariant } from './components/Badge'; /** * Chip – A compact, clickable inline chip/tag button (e.g. for copyable values like email addresses). */ export { Chip, chipVariants } from './components/Chip'; export type { ChipProps, ChipVariant } from './components/Chip'; /** * DropdownMenu – A dropdown menu built on Radix UI DropdownMenu primitive. */ export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from './components/DropdownMenu'; export type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps, DropdownMenuShortcutProps, } from './components/DropdownMenu'; /** * Command – A command palette component built on cmdk with search input and item groups. */ export { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, } from './components/Command'; export type { CommandProps, CommandInputProps, CommandListProps, CommandEmptyProps, CommandGroupProps, CommandItemProps, CommandSeparatorProps, CommandShortcutProps, } from './components/Command'; /** * Button – A customizable button component with multiple style variants. */ export { Button, buttonVariants } from './components/Button'; export type { ButtonProps, ButtonVariant } from './components/Button'; /** * Input – A styled text input with variant support and consistent theming. * * Variants: `default`, `dialog`, `login`, `lightGrayDisabled`. * * The `login` variant is tuned for the login screen and renders focus as an * inset ring (`ring-2 ring-primary`) instead of a border color change. It uses * semantic tokens (`bg-background`, `text-foreground`) so it adapts to the * active theme. Previously it relied on a fixed border color and white * background — consumers upgrading past 2.0.90 will see the ring-based focus * style and theme-aware surface colors. */ export { Input, inputVariants } from './components/Input'; export { INPUT_BASE_CLASSES, VARIANT_COLORS } from './constants/inputClassNames'; export type { InputProps, InputVariant } from './components/Input'; /** * InputOTP – One-time-password input components and variant styles. */ export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './components/InputOtp'; export type { InputOTPSlotProps } from './components/InputOtp'; export { inputOTPSlotVariants, inputOTPCaretVariants } from './constants/inputOtpVariants'; /** * Card – A container component for grouping related content with optional variants. */ export { Card, cardVariants, CardContent } from './components/Card'; export type { CardProps, CardVariant } from './components/Card'; /** * CardList – A generic, scrollable card list with built-in search, infinite scroll, and multi-select support. */ export { default as CardList } from './components/CardList'; export type { CardListProps, CardListItemProps, CardListHeader } from './components/CardList'; /** * ItemList – A compact list of named items used in confirmation and warning dialogs. Supports a * default vertical (`'list'`) layout that auto-collapses to a centered paragraph for a single item * and switches to a scroll area for many, plus an `'inline'` layout that renders the items as a * comma-separated wrapping paragraph. */ export { default as ItemList } from './components/ItemList'; export type { ItemListProps, ItemListLayout, ListItem } from './components/ItemList'; /** * useElementWidth – ResizeObserver-backed hook returning a DOM element's clientWidth. */ export { default as useElementWidth } from './hooks/useElementWidth'; /** * useCenterScroll – Scrolls a container so a given target pixel position is centered. Re-centers whenever the container width, target, or track width changes (e.g. on resize). */ export { default as useCenterScroll } from './hooks/useCenterScroll'; /** * cn – Utility function for merging Tailwind CSS class names (clsx + twMerge). */ export { default as cn } from './utils/cn'; /** * MenuBar – A responsive navigation bar with recursively nested sub-items and mobile support. * * Supports arbitrarily deep submenus: nodes up to `maxDepth` render inline as expandable * accordions; deeper nodes switch to a drill-down view with a back button (`backLabel`). * Use `onChildClick` to observe child selections at the parent level (e.g. for route * highlighting that cannot be derived from the tree alone). * * Composable parts: * - `MenuBar` – High-level component that accepts a config object to render the full menu bar. * - `MenuBarLayout` – The outer layout shell (desktop sidebar / mobile bottom bar). * - `MenuBarHeader` – The header area with the menu bar title. The `icon` prop is accepted for API compatibility but no longer rendered. * - `MenuBarItem` – A single top-level navigation item with a recursive child tree. * - `MenuBarItemList` – A scrollable list of `MenuBarItem` entries. */ export { default as MenuBarLayout } from './components/MenuBarLayout'; export type { MenuBarLayoutProps } from './components/MenuBarLayout'; export { default as MenuBarHeader } from './components/MenuBarHeader'; export type { MenuBarHeaderProps } from './components/MenuBarHeader'; export { default as MenuBarItem } from './components/MenuBarItem'; export type { MenuBarItemProps } from './components/MenuBarItem'; export { default as MenuBarItemList } from './components/MenuBarItemList'; export type { MenuBarItemListProps } from './components/MenuBarItemList'; export { default as MenuBar } from './components/MenuBar'; export type { MenuBarProps, MenuBarConfig } from './components/MenuBar'; export type { default as MenuBarConfigItem } from './components/MenuBarConfigItem'; /** * MenuBarDropData – Optional drag-and-drop target descriptor for a `MenuBarConfigItem`. When set, * the item's row registers as a `@dnd-kit` droppable (highlighted while hovered by a matching drag). * `accepts` is matched against the active draggable's `data.type`; non-matching drags are ignored. * `onDrop` receives the active draggable's `data` payload. Requires the `MenuBar` to be rendered * inside a `DndContext`; items without `dropData` stay inert, so existing menus are unaffected. */ export type { default as MenuBarDropData } from './components/MenuBarDropData'; /** * MenuBarSearchInput – Opt-in search input rendered inside `MenuBar` when `MenuBarConfig.search` * is provided. Controlled input with a magnifier icon, clear-X button, Enter-to-submit (forwards * the trimmed query), and Escape-to-clear. Escape always stops propagation while the input is * focused so wrapping dialogs do not close. */ export { default as MenuBarSearchInput } from './components/MenuBarSearchInput'; export type { MenuBarSearchInputProps } from './components/MenuBarSearchInput'; /** * filterMenuTreeByQuery – Recursive, case-insensitive substring filter over a `MenuBarConfigItem` * tree. Returns the visible subtree plus the set of ancestor ids that must be auto-expanded so a * matching descendant is reachable. Siblings of unmatched nodes are dropped; a self-match keeps * all children intact so the user can still drill into the node. */ export { default as filterMenuTreeByQuery } from './utils/filterMenuTreeByQuery'; export type { FilterMenuTreeResult } from './utils/filterMenuTreeByQuery'; /** * ResizablePanelGroup / ResizablePanel / ResizableHandle – Two-pane resizable layout primitives * built on `react-resizable-panels`. Provides keyboard navigation (Arrow / Home / End), * WAI-ARIA `role="separator"`, touch-friendly hit targets, and optional `localStorage` * persistence via `autoSaveId`. Use `withHandle` on `ResizableHandle` to render a visible * grip indicator. Pass a stable `id` to each `ResizablePanel` when panels are * conditionally rendered so persisted layouts survive panel-set changes. */ export { ResizablePanelGroup, ResizablePanel, ResizableHandle, useResizablePanelLayout, } from './components/ResizablePanelGroup'; /** * SplitPane – Two-pane resizable layout primitive composed on top of `ResizablePanelGroup`. Handles * mobile single-pane fallback (configurable via `mobileBreakpointQuery` and `mobilePane`), optional * `localStorage` persistence (`autoSaveId`), and percentage sizing including preset shorthands * (`'1/4'`, `'1/3'`, `'1/2'`, `'2/3'`, `'3/4'`). Use `orientation="vertical"` for top/bottom splits. * Min/max/default sizes are interpreted as percentages of the parent group. * * `autoSaveId` must be unique per SplitPane instance — two SplitPanes sharing the same value * will alias each other's persisted layouts in `localStorage`. */ export { default as SplitPane } from './components/SplitPane/SplitPane'; export type { SplitPaneProps, SplitPaneOrientation, SplitPanePreset, SplitPaneSide, } from './components/SplitPane/splitPaneInternals'; /** * useMediaQuery – Hook that tracks whether a CSS media query matches (e.g. responsive breakpoints). */ export { default as useMediaQuery } from './hooks/useMediaQuery'; /** * useOnClickOutside – Hook that fires a callback when a click occurs outside the referenced element. */ export { default as useOnClickOutside } from './hooks/useOnClickOutside'; /** * Label – A styled label component built on Radix UI Label primitive. */ export { Label, labelVariants } from './components/Label'; /** * Switch – A toggle switch component built on Radix UI Switch primitive. */ export { default as Switch } from './components/Switch'; /** * Separator – A visual divider built on Radix UI Separator primitive. */ export { default as Separator } from './components/Separator'; /** * Tabs – A tabbed interface built on Radix UI Tabs primitive. */ export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/Tabs'; /** * Textarea – A styled multi-line text input. */ export { Textarea } from './components/Textarea'; export type { TextareaProps } from './components/Textarea'; /** * Tooltip – A tooltip component built on Radix UI Tooltip primitive. */ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/Tooltip'; /** * RadioGroup – A set of radio buttons built on Radix UI RadioGroup primitive. */ export { RadioGroup, RadioGroupItem } from './components/RadioGroup'; export type { RadioGroupProps, RadioGroupItemProps } from './components/RadioGroup'; /** * Popover – A floating panel built on Radix UI Popover primitive. */ export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from './components/Popover'; /** * ScrollArea – A custom scrollable area built on Radix UI ScrollArea primitive. */ export { ScrollArea, ScrollBar } from './components/ScrollArea'; /** * Progress – A progress bar built on Radix UI Progress primitive. */ export { default as Progress } from './components/Progress'; /** * Table – Styled HTML table primitives for building data tables. */ export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './components/Table'; export type { TableRowVariant, TableRowProps } from './components/Table'; /** * ActionTooltip – A tooltip wrapper that also acts as a clickable button with keyboard support. */ export { default as ActionTooltip } from './components/ActionTooltip'; /** * AnchorSection – A section element with scroll-margin for anchor-based navigation. */ export { default as AnchorSection } from './components/AnchorSection'; /** * IconWithCount – An icon with an optional count badge overlay. */ export { default as IconWithCount } from './components/IconWithCount'; /** * InputWithActionIcons – A text input with action icon buttons positioned on the right side. */ export { default as InputWithActionIcons } from './components/InputWithActionIcons'; export type { InputWithActionIconsProps, ActionIcon } from './components/InputWithActionIcons'; /** * WarningBox – A color-customizable warning box displaying a title, description, and an optional * comma-separated inline file list that wraps within the box. */ export { default as WarningBox } from './components/WarningBox'; export type { WarningBoxProps, WarningBoxVariant } from './components/WarningBox'; /** * CircleLoader – A spinning circle loading indicator with configurable size and speed. */ export { default as CircleLoader } from './components/CircleLoader'; export type { CircleLoaderProps } from './components/CircleLoader'; /** * HorizontalLoader – An animated horizontal progress bar for loading states. */ export { default as HorizontalLoader } from './components/HorizontalLoader'; export type { HorizontalLoaderProps } from './components/HorizontalLoader'; /** * NumberPad – A numeric keypad component with digits 0–9 and a backspace button. */ export { default as NumberPad } from './components/NumberPad'; export type { NumberPadProps } from './components/NumberPad'; /** * MediaComponent – A video/audio player component with playback controls. */ export { default as MediaComponent } from './components/MediaComponent'; export type { MediaComponentProps } from './components/MediaComponent'; /** * FileSelectButton – A styled file input button with customizable labels. */ export { default as FileSelectButton } from './components/FileSelectButton'; export type { FileSelectButtonProps } from './components/FileSelectButton'; /** * TextPreview – A preformatted text display with word wrapping. */ export { default as TextPreview } from './components/TextPreview'; export type { TextPreviewProps } from './components/TextPreview'; /** * DynamicEllipsis – A text component that truncates with an ellipsis in the middle when overflowing. */ export { default as DynamicEllipsis } from './components/DynamicEllipsis'; export type { DynamicEllipsisProps } from './components/DynamicEllipsis'; /** * QRCodeDisplay – A QR code renderer with configurable size and loading state. */ export { default as QRCodeDisplay } from './components/QRCodeDisplay'; export type { QRCodeDisplayProps, QRCodeSize } from './components/QRCodeDisplay'; /** * Breadcrumb – A navigation breadcrumb built on Radix UI Slot with separator and ellipsis support. */ export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './components/Breadcrumb'; export type { BreadcrumbLinkProps } from './components/Breadcrumb'; /** * Calendar – A date picker calendar built on react-day-picker with styled day cells. */ export { Calendar } from './components/Calendar'; export type { CalendarProps } from './components/Calendar'; /** * Checkbox – A styled checkbox built on Radix UI Checkbox primitive with label support. */ export { default as Checkbox } from './components/Checkbox'; export type { CheckboxProps } from './components/Checkbox'; /** * Form – Form primitives built on react-hook-form with Radix UI Label and Slot integration. */ export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormFieldSH, } from './components/Form'; /** * DraggableTableRow – A table row with drag-and-drop support built on dnd-kit. */ export { default as DraggableTableRow } from './components/DraggableTableRow'; export type { DraggableTableRowProps } from './components/DraggableTableRow'; /** * DropZone – A file drop zone built on react-dropzone with drag-active styling. */ export { default as DropZone } from './components/DropZone'; export type { DropZoneProps } from './components/DropZone'; /** * ProgressBox – A progress indicator with title, description, and percentage display. */ export { default as ProgressBox } from './components/ProgressBox'; export type { ProgressBoxProps, ProgressBoxData } from './components/ProgressBox'; /** * FullScreenImage – A centered full-screen image display. */ export { default as FullScreenImage } from './components/FullScreenImage'; export type { FullScreenImageProps } from './components/FullScreenImage'; /** * ImageComponent – An image component with error fallback and placeholder support. */ export { default as ImageComponent } from './components/ImageComponent'; export type { ImageComponentProps } from './components/ImageComponent'; /** * HourButton – A button for selecting an hour value in a time picker. */ export { default as HourButton } from './components/HourButton'; export type { HourButtonProps } from './components/HourButton'; /** * MinuteButton – A button for selecting a minute value in a time picker. */ export { default as MinuteButton } from './components/MinuteButton'; export type { MinuteButtonProps } from './components/MinuteButton'; /** * DropdownSelect – A dropdown select with optional search filter and a portal- or absolute-positioned option panel. * * Defaults match the previous behavior: the search input appears when more than three options are passed, and the * panel is rendered into `document.body` via `createPortal`. Both behaviors can be disabled per call site: * - `enableSearch={false}` keeps the trigger as a read-only field even with many options. * - `enablePortalUsage={false}` renders the panel inline next to the trigger using CSS absolute positioning, for * embeddings in third-party-managed DOM trees (e.g. SurveyJS) where a portal target outside the host tree is * unreachable. */ export { default as DropdownSelect } from './components/DropdownSelect'; export type { DropdownSelectProps, DropdownOptions, DropdownVariant } from './components/DropdownSelect'; /** * Sheet – A slide-in side panel built on Radix UI Dialog primitive with variant support and close button. */ export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, sheetVariants, } from './components/Sheet'; export type { SheetContentProps, SheetHeaderProps, SheetOverlayProps, SheetTitleProps, SheetDescriptionProps, SheetFooterProps, } from './components/Sheet'; /** * GradientText – Inline text with the app gradient treatment for prominent dashboard and hero copy. */ export { default as GradientText } from './components/GradientText'; /** * Dialog – A modal dialog built on Radix UI Dialog primitive with variant support and close button. */ export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from './components/Dialog'; export type { DialogContentProps, DialogOverlayProps, DialogHeaderProps, DialogFooterProps, DialogTitleProps, DialogDescriptionProps, } from './components/Dialog'; //# sourceMappingURL=index.d.ts.map