@retrodevs/ui-library 0.4.0 → 1.0.0

package/dist/index.d.ts

@@ -1,3 +1,7 @@
+import { Accordion as Accordion_2 } from '@base-ui/react/accordion';
+import { AccordionItemProps } from '@base-ui/react';
+import { AccordionPanelProps } from '@base-ui/react';
+import { AccordionTriggerProps } from '@base-ui/react';
 import { AlertDialog as AlertDialog_2 } from '@base-ui/react/alert-dialog';
 import { AutocompleteInputProps } from '@base-ui/react';
 import { AutocompleteTriggerProps } from '@base-ui/react';
@@ -7,8 +11,12 @@ import { AvatarRootProps } from '@base-ui/react';
 import { CheckboxRootProps } from '@base-ui/react';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import { Collapsible as Collapsible_2 } from '@base-ui/react/collapsible';
+import { CollapsiblePanelProps } from '@base-ui/react';
+import { CollapsibleTriggerProps } from '@base-ui/react';
 import { Combobox as Combobox_2 } from '@base-ui/react/combobox';
 import { ComboboxClearProps } from '@base-ui/react';
+import { Component } from 'react';
 import { ComponentRenderFn } from '@base-ui/react';
 import { ControllerRenderProps } from 'react-hook-form';
 import { DayPicker } from 'react-day-picker';
@@ -21,6 +29,7 @@ import { DialogPopupProps } from '@base-ui/react';
 import { DialogPortalProps } from '@base-ui/react';
 import { DialogTitleProps } from '@base-ui/react';
 import { DialogTriggerProps } from '@base-ui/react';
+import { ErrorInfo } from 'react';
 import { FieldError } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
 import { FormProviderProps } from 'react-hook-form';
@@ -29,16 +38,22 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Menu } from '@base-ui/react/menu';
 import { MenuTriggerProps } from '@base-ui/react';
 import { NativeButtonProps } from 'node_modules/@base-ui/react/esm/utils/types';
+import { OTPInput } from 'input-otp';
 import { Path } from 'react-hook-form';
 import { Popover as Popover_2 } from '@base-ui/react/popover';
 import { PopoverTriggerState } from '@base-ui/react';
 import { Progress as Progress_2 } from '@base-ui/react/progress';
+import { RadioGroupProps } from '@base-ui/react';
+import { RadioRootProps } from '@base-ui/react';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import * as RechartsPrimitive from 'recharts';
+import { ScrollArea as ScrollArea_2 } from '@base-ui/react/scroll-area';
+import { ScrollAreaScrollbarProps } from '@base-ui/react';
 import { Select as Select_2 } from '@base-ui/react/select';
 import { SelectTriggerProps } from '@base-ui/react';
+import { SeparatorProps } from '@base-ui/react';
 import { Slider as Slider_2 } from '@base-ui/react/slider';
 import { SliderThumbProps } from '@base-ui/react';
 import { SwitchRootProps } from '@base-ui/react';
@@ -48,11 +63,20 @@ import { TabsRootProps } from '@base-ui/react';
 import { TabsTabProps } from '@base-ui/react';
 import { ToasterProps } from 'sonner';
 import { Tooltip as Tooltip_2 } from '@base-ui/react/tooltip';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { UseEmblaCarouselType } from 'embla-carousel-react';
 import { UseFormReturn } from 'react-hook-form';
 import { VariantProps } from 'class-variance-authority';
 import { WithBaseUIEvent } from 'node_modules/@base-ui/react/esm/utils/types';
 
+export declare function Accordion({ ...props }: React_2.ComponentProps<typeof Accordion_2.Root>): JSX_2.Element;
+
+export declare const AccordionContent: React_2.ForwardRefExoticComponent<Omit<Omit<AccordionPanelProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<Omit<AccordionItemProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<Omit<AccordionTriggerProps, "ref"> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
 /**
  * AlertDialog root component.
  * Controls the open/closed state of the alert dialog.
@@ -165,6 +189,29 @@ export declare const AlertDialogTitle: React_2.ForwardRefExoticComponent<Omit<Om
  */
 export declare const AlertDialogTrigger: AlertDialog_2.Trigger;
 
+export declare function AsyncResourceSearch<T>({ placeholder, minQueryLength, debounceMs, fetchResults, getItemId, renderPrimary, renderSecondary, renderBadge, onSelect, className, inputClassName, }: AsyncResourceSearchProps<T>): JSX_2.Element;
+
+export declare interface AsyncResourceSearchProps<T> {
+    placeholder?: string;
+    minQueryLength?: number;
+    debounceMs?: number;
+    fetchResults: (query: string) => Promise<T[]>;
+    getItemId: (item: T) => string;
+    renderPrimary: (item: T) => React_2.ReactNode;
+    renderSecondary?: (item: T) => React_2.ReactNode;
+    renderBadge?: (item: T) => React_2.ReactNode;
+    onSelect: (item: T) => void;
+    className?: string;
+    inputClassName?: string;
+}
+
+export declare interface AutocompleteOption<T> {
+    label: string;
+    value: string;
+    data: T;
+    isTyped?: boolean;
+}
+
 /**
  * Avatar container component.
  * Wraps AvatarImage and AvatarFallback to display user avatars.
@@ -205,6 +252,18 @@ export declare const AvatarFallback: React_2.ForwardRefExoticComponent<Omit<Omit
  */
 export declare const AvatarImage: React_2.ForwardRefExoticComponent<Omit<Omit<AvatarImageProps, "ref"> & React_2.RefAttributes<HTMLImageElement>, "ref"> & React_2.RefAttributes<HTMLImageElement>>;
 
+export declare function Badge({ className, variant, asChild, ...props }: BadgeProps): JSX_2.Element;
+
+export declare interface BadgeProps extends React_2.ComponentProps<"span">, BadgeVariants {
+    asChild?: boolean;
+}
+
+export declare type BadgeVariants = VariantProps<typeof badgeVariants>;
+
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "new" | "transit-destructive" | "transit-warning" | "transit-success" | "transit-blue" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare function BaseAvatar({ src, alt, fallback, size, className, defaultImage }: CustomAvatarProps): JSX_2.Element;
 
 /**
@@ -441,7 +500,7 @@ export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLBu
 export declare type ButtonVariants = VariantProps<typeof buttonVariants>;
 
 export declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "destructiveMuted" | "outline" | "outlineBold" | "outline_pagination" | "secondary" | "ghost" | "blue" | "black" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -554,6 +613,14 @@ export declare function CardHeader({ className, ...props }: React_2.ComponentPro
  */
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
 
+export declare function CardWrapper({ children, className, onClick }: CardWrapperProps): JSX_2.Element;
+
+export declare interface CardWrapperProps {
+    children: React_2.ReactNode;
+    className?: string;
+    onClick?: () => void;
+}
+
 /**
  * Carousel root component.
  * Creates a carousel/slider with navigation and indicators.
@@ -696,6 +763,12 @@ export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<Omit<Check
 
 export declare function cn(...inputs: ClassValue[]): string;
 
+export declare function Collapsible({ ...props }: React_2.ComponentProps<typeof Collapsible_2.Root>): JSX_2.Element;
+
+export declare const CollapsibleContent: React_2.ForwardRefExoticComponent<Omit<Omit<CollapsiblePanelProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CollapsibleTrigger: React_2.ForwardRefExoticComponent<Omit<Omit<CollapsibleTriggerProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
 /**
  * Combobox root component.
  * Controls the open/closed state, value, and input value of the combobox.
@@ -855,6 +928,103 @@ export declare const ComboboxTrigger: React_2.ForwardRefExoticComponent<Omit<Omi
  */
 export declare function ComboboxValue({ ...props }: React_2.ComponentProps<typeof Combobox_2.Value>): JSX_2.Element;
 
+export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare function CommandDialog({ children, classNames, ...props }: CommandDialogProps): JSX_2.Element;
+
+export declare interface CommandDialogProps extends Omit<React_2.ComponentProps<typeof Dialog>, "children"> {
+    children?: React_2.ReactNode;
+    classNames?: {
+        content?: string;
+        command?: string;
+    };
+}
+
+export declare const CommandEmpty: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+    heading?: React_2.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandInput: React_2.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React_2.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React_2.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React_2.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React_2.RefAttributes<HTMLInputElement>, "ref"> & {
+    wrapperClassName?: string;
+} & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandList: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare function CommandShortcut({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
+
+export declare namespace CommandShortcut {
+    var displayName: string;
+}
+
 declare interface CustomAvatarProps {
     /** The source URL of the avatar image */
     src?: string | null;
@@ -1045,7 +1215,10 @@ export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof
  * @param props.children - Dialog content
  * @returns Dialog content element
  */
-export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<Omit<DialogPopupProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<Omit<DialogPopupProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** @default true */
+    showCloseButton?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
 
 /**
  * Dialog description component.
@@ -1170,6 +1343,70 @@ export declare function DropdownMenuSubTrigger({ className, inset, children, ...
 
 export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<Omit<MenuTriggerProps<unknown> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | Iterable<ReactNode> | JSX_2.Element | null | undefined;
+}
+
+export declare interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    className?: string;
+}
+
+declare interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+
+export declare function FadeIn({ children, delay, duration, direction, className, }: FadeInProps): JSX_2.Element;
+
+export declare function FadeInOnScroll({ children, delay, duration, direction, className, threshold, }: FadeInOnScrollProps): JSX_2.Element;
+
+declare interface FadeInOnScrollProps {
+    children: ReactNode;
+    delay?: number;
+    duration?: number;
+    direction?: "up" | "down" | "left" | "right" | "none";
+    className?: string;
+    threshold?: number;
+}
+
+declare interface FadeInProps {
+    children: ReactNode;
+    delay?: number;
+    duration?: number;
+    direction?: "up" | "down" | "left" | "right" | "none";
+    className?: string;
+}
+
+export declare function FadeInStagger({ children, delay, duration, staggerDelay, direction, className, }: FadeInStaggerProps): JSX_2.Element;
+
+declare interface FadeInStaggerProps {
+    children: ReactNode[];
+    delay?: number;
+    duration?: number;
+    staggerDelay?: number;
+    direction?: "up" | "down" | "left" | "right" | "none";
+    className?: string;
+}
+
+export declare function FloatingPanelShell({ open, onClose, title, icon, className, headerClassName, defaultMinimized, children, }: FloatingPanelShellProps): JSX_2.Element | null;
+
+export declare interface FloatingPanelShellProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    icon?: React_2.ReactNode;
+    className?: string;
+    headerClassName?: string;
+    /** When true, starts collapsed to a title bar */
+    defaultMinimized?: boolean;
+    children: React_2.ReactNode;
+}
+
 /**
  * Form provider component.
  * Wraps form components and provides form context via react-hook-form.
@@ -1286,20 +1523,48 @@ declare interface ICustomSelectProps {
 
 /**
  * Input component for text, email, password, and other input types.
- * Supports all standard input HTML attributes with consistent styling.
- *
- * @param props - Input component props (extends React.ComponentProps<"input">)
- * @param props.className - Additional CSS classes
- * @param props.type - Input type (text, email, password, number, etc.)
- * @returns Input element
- *
- * @example
- * ```tsx
- * <Input type="email" placeholder="Enter your email" />
- * <Input type="password" placeholder="Password" />
- * ```
  */
-export declare const Input: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
+export declare const Input: React_2.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare function InputAutocomplete<T>({ title, placeholder, minQueryLength, debounceMs, loadOptions, getOptionLabel, getOptionValue, onSelect, defaultValue, allowTypedInput, className, inputClassName, listClassName, }: InputAutocompleteProps<T>): JSX_2.Element;
+
+export declare interface InputAutocompleteProps<T> {
+    title?: string;
+    placeholder?: string;
+    /** Minimum query length before calling `loadOptions` */
+    minQueryLength?: number;
+    debounceMs?: number;
+    loadOptions: (query: string) => Promise<T[]>;
+    getOptionLabel: (item: T) => string;
+    getOptionValue: (item: T) => string;
+    onSelect: (selected: T | string) => void;
+    defaultValue?: T | null;
+    allowTypedInput?: boolean;
+    className?: string;
+    inputClassName?: string;
+    listClassName?: string;
+}
+
+export declare function InputOTP({ className, containerClassName, ...props }: React_2.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): JSX_2.Element;
+
+export declare function InputOTPGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function InputOTPSeparator({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare const InputOTPSlot: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
+    index: number;
+}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface InputProps extends React_2.ComponentProps<"input">, InputVariants {
+}
+
+export declare type InputVariants = VariantProps<typeof inputVariants>;
+
+export declare const inputVariants: (props?: ({
+    fieldSize?: "default" | "comfortable" | null | undefined;
+} & ClassProp) | undefined) => string;
 
 declare interface IPopoverControlledProps {
     /** Controlled open state */
@@ -1356,6 +1621,38 @@ export declare interface ITabProps {
  */
 export declare const Label: React_2.ForwardRefExoticComponent<React_2.LabelHTMLAttributes<HTMLLabelElement> & React_2.RefAttributes<HTMLLabelElement>>;
 
+export declare function LoadingFallback({ className, message }: LoadingFallbackProps): JSX_2.Element;
+
+export declare interface LoadingFallbackProps {
+    className?: string;
+    message?: string;
+}
+
+export declare function LoadingSpinner({ className }: LoadingSpinnerProps): JSX_2.Element;
+
+export declare interface LoadingSpinnerProps {
+    className?: string;
+}
+
+export declare function Pagination({ className, ...props }: React_2.ComponentProps<"nav">): JSX_2.Element;
+
+export declare function PaginationContent({ className, ...props }: React_2.ComponentProps<"ul">): JSX_2.Element;
+
+export declare function PaginationEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX_2.Element;
+
+export declare function PaginationItem({ ...props }: React_2.ComponentProps<"li">): JSX_2.Element;
+
+export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX_2.Element;
+
+declare type PaginationLinkProps = React_2.ComponentProps<"a"> & {
+    isActive?: boolean;
+    size?: VariantProps<typeof buttonVariants>["size"];
+};
+
+export declare function PaginationNext({ className, ...props }: PaginationLinkProps): JSX_2.Element;
+
+export declare function PaginationPrevious({ className, ...props }: PaginationLinkProps): JSX_2.Element;
+
 /**
  * Popover root component.
  * Controls the open/closed state of the popover.
@@ -1389,7 +1686,7 @@ export declare function PopoverContent({ className, align, sideOffset, ...props
  */
 export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<Omit<NativeButtonProps & Omit<WithBaseUIEvent<Omit<React_2.DetailedHTMLProps<React_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
 ref?: ((instance: HTMLButtonElement | null) => void | React_2.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React_2.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React_2.RefObject<HTMLButtonElement> | null | undefined;
-}>, "className" | "defaultChecked" | "defaultValue" | "color"> & {
+}>, "className" | "color" | "defaultValue" | "defaultChecked"> & {
     className?: string | ((state: PopoverTriggerState) => string | undefined) | undefined;
     render?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps<any>, PopoverTriggerState> | undefined;
     style?: React_2.CSSProperties | ((state: PopoverTriggerState) => React_2.CSSProperties | undefined) | undefined;
@@ -1456,6 +1753,86 @@ export declare function ProgressTrack({ className, ...props }: React_2.Component
  */
 export declare function ProgressValue({ className, ...props }: React_2.ComponentProps<typeof Progress_2.Value>): JSX_2.Element;
 
+export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<Omit<RadioGroupProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<Omit<RadioRootProps, "ref"> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
+
+export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollArea_2.Root>): JSX_2.Element;
+
+export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<Omit<ScrollAreaScrollbarProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    orientation?: "vertical" | "horizontal";
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare function SearchEmptyState({ query, className }: SearchEmptyStateProps): JSX_2.Element;
+
+export declare interface SearchEmptyStateProps {
+    query: string;
+    className?: string;
+}
+
+export declare function SearchLoadingState({ className, rows }: SearchLoadingStateProps): JSX_2.Element;
+
+export declare interface SearchLoadingStateProps {
+    className?: string;
+    rows?: number;
+}
+
+export declare function SearchResultCard<T extends SearchResultLike = SearchResultLike>({ result, isHighlighted, onClick, className, classNames, renderIcon, formatTypeLabel, getTypeBadgeClassName, badgeVariant, }: SearchResultCardProps<T>): JSX_2.Element;
+
+export declare interface SearchResultCardClassNames {
+    root?: string;
+    icon?: string;
+    title?: string;
+    description?: string;
+}
+
+export declare interface SearchResultCardProps<T extends SearchResultLike = SearchResultLike> {
+    result: T;
+    isHighlighted?: boolean;
+    onClick?: () => void;
+    className?: string;
+    classNames?: SearchResultCardClassNames;
+    renderIcon?: (type: string) => React_2.ReactNode;
+    formatTypeLabel?: (type: string) => string;
+    /** Merged with Badge `className` for the type pill */
+    getTypeBadgeClassName?: (type: string) => string | undefined;
+    badgeVariant?: React_2.ComponentProps<typeof Badge>["variant"];
+}
+
+/**
+ * Minimal search result shape for presentational components.
+ * Apps can extend with extra fields; use `render*` props for domain mapping.
+ */
+export declare interface SearchResultLike {
+    type: string;
+    title: string;
+    description: string;
+    metadata?: {
+        status?: string;
+        trackingNumber?: string;
+        poNumber?: string;
+        [key: string]: unknown;
+    };
+}
+
+export declare function SearchSuggestions({ suggestions, onSelectSuggestion, className, }: SearchSuggestionsProps): JSX_2.Element | null;
+
+export declare interface SearchSuggestionsProps {
+    suggestions: string[];
+    onSelectSuggestion: (suggestion: string) => void;
+    className?: string;
+}
+
+export declare function SearchTypeFilters<T extends string = string>({ availableTypes, selectedTypes, onToggleType, formatTypeLabel, className, }: SearchTypeFiltersProps<T>): JSX_2.Element | null;
+
+export declare interface SearchTypeFiltersProps<T extends string = string> {
+    availableTypes: T[];
+    selectedTypes: T[];
+    onToggleType: (type: T) => void;
+    formatTypeLabel?: (type: T) => string;
+    className?: string;
+}
+
 /**
  * Select root component.
  * Controls the open/closed state and value of the select.
@@ -1523,6 +1900,8 @@ export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<Omit<
 
 export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof Select_2.Value>): JSX_2.Element;
 
+export declare const Separator: React_2.ForwardRefExoticComponent<Omit<Omit<SeparatorProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
 /**
  * Sheet root component.
  * Controls the open/closed state of the sheet.
@@ -1561,6 +1940,92 @@ export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<Omit<Dia
 
 export declare const SheetTrigger: React_2.ForwardRefExoticComponent<Omit<DialogTriggerProps<unknown> & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): JSX_2.Element;
+
+export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+declare type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+
+export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): JSX_2.Element;
+
+export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function SidebarGroupLabel({ className, asChild, ...props }: React_2.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): JSX_2.Element;
+
+export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function SidebarInput({ className, ...props }: React_2.ComponentProps<typeof Input>): JSX_2.Element;
+
+export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<"main">): JSX_2.Element;
+
+export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<"ul">): JSX_2.Element;
+
+export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): JSX_2.Element;
+
+export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, children, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React_2.ComponentProps<typeof TooltipPrimitive.Content>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): JSX_2.Element;
+
+export declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<"li">): JSX_2.Element;
+
+export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): JSX_2.Element;
+
+export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<"ul">): JSX_2.Element;
+
+export declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React_2.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): JSX_2.Element;
+
+export declare function SidebarMenuSubItem({ className, ...props }: React_2.ComponentProps<"li">): JSX_2.Element;
+
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): JSX_2.Element;
+
+export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<"button">): JSX_2.Element;
+
+export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX_2.Element;
+
+export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX_2.Element;
+
 declare type SideDrawerVariantProps = VariantProps<typeof sideDrawerVariants>;
 
 /** Side drawer variant styles using class-variance-authority */
@@ -1578,6 +2043,8 @@ declare const sizeClasses: {
     full: string;
 };
 
+export declare function Skeleton({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
 /**
  * Slider root component.
  * Controls the value and behavior of the slider.
@@ -1646,6 +2113,24 @@ export declare function SliderTrack({ className, ...props }: React_2.ComponentPr
  */
 export declare function SliderValue({ className, ...props }: React_2.ComponentProps<typeof Slider_2.Value>): JSX_2.Element;
 
+export declare function StarRating({ rating, onRatingChange, maxRating, size, readonly, className, classNames, }: StarRatingProps): JSX_2.Element;
+
+export declare interface StarRatingClassNames {
+    root?: string;
+    starButton?: string;
+    starIcon?: string;
+}
+
+export declare interface StarRatingProps {
+    rating: number;
+    onRatingChange?: (rating: number) => void;
+    maxRating?: number;
+    size?: "sm" | "md" | "lg";
+    readonly?: boolean;
+    className?: string;
+    classNames?: StarRatingClassNames;
+}
+
 /**
  * Switch component for toggle input.
  * Provides accessible switch/toggle functionality with smooth animations.
@@ -1767,18 +2252,8 @@ declare interface TimePickerProps {
 /**
  * Toaster component for displaying toast notifications.
  * Integrates with next-themes for theme-aware styling.
- *
- * @param props - Toaster props (extends ToasterProps from sonner)
- * @param props.position - Toast position (default: "bottom-right")
- * @param props.richColors - Enable rich color variants
- * @returns Toaster element
- *
- * @example
- * ```tsx
- * <Toaster position="top-right" />
- * ```
  */
-export declare const Toaster: ({ ...props }: ToasterProps) => JSX_2.Element;
+export declare const Toaster: ({ toastOptions, ...props }: ToasterProps) => JSX_2.Element;
 
 /**
  * Tooltip root component.
@@ -1824,6 +2299,8 @@ export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<Omit<Tool
 
 declare type UseCarouselParameters = Parameters<typeof default_2>;
 
+export declare function useDebouncedValue<T>(value: T, delayMs: number): T;
+
 export declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;
@@ -1837,4 +2314,17 @@ export declare const useFormField: () => {
     formMessageId: string;
 };
 
+/**
+ * Returns true when the viewport width is below the mobile breakpoint.
+ * SSR-safe: returns false until mounted, then updates from matchMedia.
+ */
+export declare function useIsMobile(breakpointPx?: number): boolean;
+
+/**
+ * Subscribes to a CSS media query string (e.g. `(min-width: 1024px)`).
+ */
+export declare function useMediaQuery(query: string): boolean;
+
+export declare function useSidebar(): SidebarContextProps;
+
 export { }