@squadbase/vantage 0.0.1 → 0.1.0

package/dist/ui/index.d.ts

@@ -1,217 +1,333 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, HTMLAttributes, ReactNode, TdHTMLAttributes } from 'react';
-
-/** Join class values, dropping falsy entries. Small, dependency-free. */
-type ClassValue = string | number | false | null | undefined;
-declare function cn(...classes: ClassValue[]): string;
-
-type ButtonVariant = "default" | "secondary" | "outline" | "ghost" | "destructive";
-type ButtonSize = "sm" | "default" | "lg" | "icon";
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-}
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-declare const Input: react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
-interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-    options?: {
-        label: string;
-        value: string;
-    }[];
-}
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
-interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
-    label?: string;
-}
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
-
-type Div = HTMLAttributes<HTMLDivElement>;
-declare function Card({ className, ...props }: Div): react.JSX.Element;
-declare function CardHeader({ className, ...props }: Div): react.JSX.Element;
-declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): react.JSX.Element;
-declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
-declare function CardContent({ className, ...props }: Div): react.JSX.Element;
-declare function CardFooter({ className, ...props }: Div): react.JSX.Element;
-
-interface TabsProps {
-    defaultValue: string;
-    value?: string;
-    onValueChange?: (v: string) => void;
-    className?: string;
-    children: ReactNode;
-}
-declare function Tabs({ defaultValue, value, onValueChange, className, children }: TabsProps): react.JSX.Element;
-declare function TabsList({ className, children }: {
-    className?: string;
-    children: ReactNode;
-}): react.JSX.Element;
-declare function TabsTrigger({ value, children }: {
-    value: string;
-    children: ReactNode;
-}): react.JSX.Element;
-declare function TabsContent({ value, className, children }: {
-    value: string;
-    className?: string;
-    children: ReactNode;
-}): react.JSX.Element | null;
-
-declare function Table({ className, ...props }: HTMLAttributes<HTMLTableElement>): react.JSX.Element;
-declare function TableHeader(props: HTMLAttributes<HTMLTableSectionElement>): react.JSX.Element;
-declare function TableBody(props: HTMLAttributes<HTMLTableSectionElement>): react.JSX.Element;
-declare function TableRow({ className, ...props }: HTMLAttributes<HTMLTableRowElement>): react.JSX.Element;
-declare function TableHead({ className, ...props }: HTMLAttributes<HTMLTableCellElement>): react.JSX.Element;
-declare function TableCell({ className, ...props }: TdHTMLAttributes<HTMLTableCellElement>): react.JSX.Element;
-interface Column<T> {
-    key: string;
-    header: string;
-    render?: (row: T) => ReactNode;
-    sortable?: boolean;
-    align?: "left" | "right" | "center";
-    accessor?: (row: T) => string | number;
-}
-interface DataTableProps<T> {
-    columns: Column<T>[];
-    data: T[];
-    pageSize?: number;
-    getRowId?: (row: T, index: number) => string;
-    empty?: ReactNode;
-    className?: string;
-}
-declare function DataTable<T extends Record<string, unknown>>({ columns, data, pageSize, getRowId, empty, className, }: DataTableProps<T>): react.JSX.Element;
-interface PaginationProps {
-    page: number;
-    pageCount: number;
-    total?: number;
-    onPageChange: (page: number) => void;
-}
-declare function Pagination({ page, pageCount, total, onPageChange }: PaginationProps): react.JSX.Element;
-
-interface MetricCardProps {
-    label: string;
-    value: ReactNode;
-    delta?: number;
-    deltaLabel?: string;
-    icon?: ReactNode;
-    className?: string;
-}
-/** A KPI tile: label, big value, and an optional trend delta. */
-declare function MetricCard({ label, value, delta, deltaLabel, icon, className }: MetricCardProps): react.JSX.Element;
-
-interface FilterBarProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-}
-/** A responsive row of filter controls. */
-declare function FilterBar({ className, children, ...props }: FilterBarProps): react.JSX.Element;
-declare function FilterField({ label, children }: {
-    label: string;
-    children: ReactNode;
-}): react.JSX.Element;
-
-interface DashboardShellProps {
-    title?: ReactNode;
-    description?: ReactNode;
-    actions?: ReactNode;
-    nav?: ReactNode;
-    children: ReactNode;
+import { ClassValue } from 'clsx';
+export { ClassValue } from 'clsx';
+import * as React$1 from 'react';
+import { ReactNode } from 'react';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { useRender } from '@base-ui/react/use-render';
+import { Button as Button$1 } from '@base-ui/react/button';
+import { DayPicker, DayButton, Locale } from 'react-day-picker';
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
+import { Command as Command$1 } from 'cmdk';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import { Menu } from '@base-ui/react/menu';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
+import { Select as Select$1 } from '@base-ui/react/select';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
+import { Toggle as Toggle$1 } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroup$1 } from '@base-ui/react/toggle-group';
+
+/**
+ * Class merger used by every component in the kit. `clsx` resolves conditional
+ * class values, `tailwind-merge` drops the earlier of two conflicting Tailwind
+ * utilities so a caller's `className` always wins over a component default.
+ */
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare function Accordion({ className, ...props }: Accordion$1.Root.Props): React$1.JSX.Element;
+declare function AccordionItem({ className, ...props }: Accordion$1.Item.Props): React$1.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: Accordion$1.Trigger.Props): React$1.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: Accordion$1.Panel.Props): React$1.JSX.Element;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React$1.JSX.Element;
+declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function AlertAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+
+declare function Breadcrumb({ className, ...props }: React$1.ComponentProps<"nav">): React$1.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): React$1.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): React$1.JSX.Element;
+
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
+}): React$1.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React$1.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): React$1.JSX.Element;
+
+declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): React$1.JSX.Element;
+declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): React$1.JSX.Element;
+
+declare function Collapsible({ ...props }: Collapsible$1.Root.Props): React$1.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: Collapsible$1.Trigger.Props): React$1.JSX.Element;
+declare function CollapsibleContent({ ...props }: Collapsible$1.Panel.Props): React$1.JSX.Element;
+
+declare function Dialog({ ...props }: Dialog$1.Root.Props): React$1.JSX.Element;
+declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React$1.JSX.Element;
+declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React$1.JSX.Element;
+declare function DialogClose({ ...props }: Dialog$1.Close.Props): React$1.JSX.Element;
+declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React$1.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog$1.Popup.Props & {
+    showCloseButton?: boolean;
+}): React$1.JSX.Element;
+declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React$1.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React$1.JSX.Element;
+declare function DialogTitle({ className, ...props }: Dialog$1.Title.Props): React$1.JSX.Element;
+declare function DialogDescription({ className, ...props }: Dialog$1.Description.Props): React$1.JSX.Element;
+
+declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): React$1.JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React$1.ComponentProps<typeof Dialog>, "children"> & {
+    title?: string;
+    description?: string;
     className?: string;
-}
-/** Page-level layout: sticky header with title/actions, then content. */
-declare function DashboardShell({ title, description, actions, nav, children, className }: DashboardShellProps): react.JSX.Element;
+    showCloseButton?: boolean;
+    children: React$1.ReactNode;
+}): React$1.JSX.Element;
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): React$1.JSX.Element;
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): React$1.JSX.Element;
+declare function CommandEmpty({ className, ...props }: React$1.ComponentProps<typeof Command$1.Empty>): React$1.JSX.Element;
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): React$1.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): React$1.JSX.Element;
+declare function CommandItem({ className, children, ...props }: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+
+declare function DropdownMenu({ ...props }: Menu.Root.Props): React$1.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): React$1.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React$1.JSX.Element;
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): React$1.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
+    inset?: boolean;
+}): React$1.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: Menu.Item.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React$1.JSX.Element;
+declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): React$1.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
+    inset?: boolean;
+}): React$1.JSX.Element;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React$1.ComponentProps<typeof DropdownMenuContent>): React$1.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: Menu.CheckboxItem.Props & {
+    inset?: boolean;
+}): React$1.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: Menu.RadioGroup.Props): React$1.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: Menu.RadioItem.Props & {
+    inset?: boolean;
+}): React$1.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): React$1.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+
+declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
+
+declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: "button" | "submit" | "reset";
+}): React$1.JSX.Element;
+declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
+
+declare function Label({ className, ...props }: React$1.ComponentProps<"label">): React$1.JSX.Element;
+
+declare function Popover({ ...props }: Popover$1.Root.Props): React$1.JSX.Element;
+declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): React$1.JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): React$1.JSX.Element;
+declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): React$1.JSX.Element;
+
+declare function Progress({ className, children, value, ...props }: Progress$1.Root.Props): React$1.JSX.Element;
+declare function ProgressTrack({ className, ...props }: Progress$1.Track.Props): React$1.JSX.Element;
+declare function ProgressIndicator({ className, ...props }: Progress$1.Indicator.Props): React$1.JSX.Element;
+declare function ProgressLabel({ className, ...props }: Progress$1.Label.Props): React$1.JSX.Element;
+declare function ProgressValue({ className, ...props }: Progress$1.Value.Props): React$1.JSX.Element;
+
+declare function ScrollArea({ className, children, ...props }: ScrollArea$1.Root.Props): React$1.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props): React$1.JSX.Element;
+
+declare const Select: typeof Select$1.Root;
+declare function SelectGroup({ className, ...props }: Select$1.Group.Props): React$1.JSX.Element;
+declare function SelectValue({ className, ...props }: Select$1.Value.Props): React$1.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
+    size?: "sm" | "default";
+}): React$1.JSX.Element;
+declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React$1.JSX.Element;
+declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): React$1.JSX.Element;
+declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): React$1.JSX.Element;
+declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): React$1.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): React$1.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): React$1.JSX.Element;
+
+declare function Separator({ className, orientation, ...props }: Separator$1.Props): React$1.JSX.Element;
+
+declare function Sheet({ ...props }: Dialog$1.Root.Props): React$1.JSX.Element;
+declare function SheetTrigger({ ...props }: Dialog$1.Trigger.Props): React$1.JSX.Element;
+declare function SheetClose({ ...props }: Dialog$1.Close.Props): React$1.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog$1.Popup.Props & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): React$1.JSX.Element;
+declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SheetTitle({ className, ...props }: Dialog$1.Title.Props): React$1.JSX.Element;
+declare function SheetDescription({ className, ...props }: Dialog$1.Description.Props): React$1.JSX.Element;
+
+declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): React$1.JSX.Element;
+declare function Tooltip({ ...props }: Tooltip$1.Root.Props): React$1.JSX.Element;
+declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): React$1.JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): React$1.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React$1.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): React$1.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
+declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): React$1.JSX.Element;
+declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): React$1.JSX.Element;
+declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): React$1.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
+declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & React$1.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button"> & {
+    isActive?: boolean;
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
+declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React$1.ComponentProps<"button"> & {
+    showOnHover?: boolean;
+}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): React$1.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React$1.ComponentProps<"a"> & {
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function Slider({ className, defaultValue, value, min, max, ...props }: Slider$1.Root.Props): React$1.JSX.Element;
+
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): React$1.JSX.Element;
+
+declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
+    size?: "sm" | "default";
+}): React$1.JSX.Element;
+
+declare function Table({ className, ...props }: React$1.ComponentProps<"table">): React$1.JSX.Element;
+declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
+declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
+declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): React$1.JSX.Element;
+declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): React$1.JSX.Element;
+declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): React$1.JSX.Element;
+declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): React$1.JSX.Element;
+declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): React$1.JSX.Element;
+
+declare function Tabs({ className, orientation, ...props }: Tabs$1.Root.Props): React$1.JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): React$1.JSX.Element;
+declare function TabsTrigger({ className, ...props }: Tabs$1.Tab.Props): React$1.JSX.Element;
+declare function TabsContent({ className, ...props }: Tabs$1.Panel.Props): React$1.JSX.Element;
+
+declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: Toggle$1.Props & VariantProps<typeof toggleVariants>): React$1.JSX.Element;
+
+declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroup$1.Props & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+}): React$1.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: Toggle$1.Props & VariantProps<typeof toggleVariants>): React$1.JSX.Element;
+
+declare function useIsMobile(): boolean;
 
 declare function Loading({ label, className }: {
     label?: string;
     className?: string;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 declare function Empty({ title, description, icon, action, className, }: {
     title?: string;
     description?: string;
     icon?: ReactNode;
     action?: ReactNode;
     className?: string;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 declare function ErrorState({ title, message, action, className, }: {
     title?: string;
     message?: ReactNode;
     action?: ReactNode;
     className?: string;
-}): react.JSX.Element;
-
-interface DatePickerProps {
-    value?: string;
-    onChange?: (value: string) => void;
-    min?: string;
-    max?: string;
-    className?: string;
-    id?: string;
-}
-/** Single date field (native, no external dependency). */
-declare function DatePicker({ value, onChange, min, max, className, id }: DatePickerProps): react.JSX.Element;
-interface DateRange {
-    from: string;
-    to: string;
-}
-interface DateRangePickerProps {
-    value?: DateRange;
-    onChange?: (value: DateRange) => void;
-    className?: string;
-}
-/** Two coupled date fields representing an inclusive range. */
-declare function DateRangePicker({ value, onChange, className }: DateRangePickerProps): react.JSX.Element;
-
-interface Series {
-    key: string;
-    label?: string;
-    color?: string;
-}
-declare function ChartContainer({ children, className, height, }: {
-    children: ReactNode;
-    className?: string;
-    height?: number;
-}): react.JSX.Element;
-declare function ChartLegend({ series }: {
-    series: Series[];
-}): react.JSX.Element;
-declare function ChartTooltip({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): react.JSX.Element;
-interface BaseChartProps<T> {
-    data: T[];
-    categoryKey: string;
-    series: Series[];
-    height?: number;
-    className?: string;
-}
-/** Minimal dependency-free grouped bar chart. */
-declare function BarChart<T extends Record<string, unknown>>({ data, categoryKey, series, height, className, }: BaseChartProps<T>): react.JSX.Element;
-/** Minimal dependency-free multi-series line chart. */
-declare function LineChart<T extends Record<string, unknown>>({ data, categoryKey, series, height, className, }: BaseChartProps<T>): react.JSX.Element;
-
-interface DialogProps {
-    open: boolean;
-    onClose: () => void;
-    title?: ReactNode;
-    description?: ReactNode;
-    children?: ReactNode;
-    footer?: ReactNode;
-    className?: string;
-}
-/** A lightweight modal dialog (no external UI dependency). */
-declare function Dialog({ open, onClose, title, description, children, footer, className }: DialogProps): react.JSX.Element | null;
-
-interface DropdownItem {
-    label: ReactNode;
-    onSelect?: () => void;
-    disabled?: boolean;
-}
-interface DropdownMenuProps {
-    trigger: ReactNode;
-    items: DropdownItem[];
-    align?: "start" | "end";
-    className?: string;
-}
-/** A simple click-to-open dropdown menu with outside-click dismissal. */
-declare function DropdownMenu({ trigger, items, align, className }: DropdownMenuProps): react.JSX.Element;
+}): React$1.JSX.Element;
 
-export { BarChart, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartTooltip, Checkbox, type CheckboxProps, type ClassValue, type Column, DashboardShell, type DashboardShellProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, Dialog, type DialogProps, type DropdownItem, DropdownMenu, type DropdownMenuProps, Empty, ErrorState, FilterBar, type FilterBarProps, FilterField, Input, LineChart, Loading, MetricCard, type MetricCardProps, Pagination, type PaginationProps, Select, type SelectProps, type Series, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, cn };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertTitle, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, ErrorState, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, Loading, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, tabsListVariants, toggleVariants, useIsMobile, useSidebar };