@tetrascience-npm/tetrascience-react-ui 0.4.0 → 0.5.0-beta.14.1

package/dist/index.d.ts

@@ -1,11 +1,91 @@
-import { ClassAttributes } from 'react';
+import { Accordion as Accordion_2 } from 'radix-ui';
+import { AlertDialog as AlertDialog_2 } from 'radix-ui';
+import { AspectRatio as AspectRatio_2 } from 'radix-ui';
+import { Avatar as Avatar_2 } from 'radix-ui';
+import { Checkbox as Checkbox_2 } from 'radix-ui';
+import { ClassProp } from 'class-variance-authority/types';
+import { Collapsible as Collapsible_2 } from 'radix-ui';
+import { Combobox as Combobox_2 } from '@base-ui/react';
+import { Command as Command_2 } from 'cmdk';
+import { ContextMenu as ContextMenu_2 } from 'radix-ui';
+import { DayButton } from 'react-day-picker';
+import { DayPicker } from 'react-day-picker';
 import { default as default_2 } from 'react';
-import { ExtraProps } from 'react-markdown';
-import { HTMLAttributes } from 'react';
+import { default as default_3 } from 'embla-carousel-react';
+import { Dialog as Dialog_2 } from 'radix-ui';
+import { Drawer as Drawer_2 } from 'vaul';
+import { DropdownMenu as DropdownMenu_2 } from 'radix-ui';
+import { HoverCard as HoverCard_2 } from 'radix-ui';
 import { JSX } from 'react/jsx-runtime';
+import { Label as Label_2 } from 'radix-ui';
+import { Locale } from 'react-day-picker';
+import { LucideIcon } from 'lucide-react';
+import { Menubar as Menubar_2 } from 'radix-ui';
+import { NavigationMenu as NavigationMenu_2 } from 'radix-ui';
 import { OnChange } from '@monaco-editor/react';
-import { ReactNode } from 'react';
+import { OTPInput } from 'input-otp';
+import { RadioGroup as RadioGroup_2 } from 'radix-ui';
+import * as React_2 from 'react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { ScrollArea as ScrollArea_2 } from 'radix-ui';
 import { SearchEqlRequest } from '@tetrascience-npm/ts-connectors-sdk';
+import { Select as Select_2 } from 'radix-ui';
+import { Separator as Separator_2 } from 'radix-ui';
+import { Slider as Slider_2 } from 'radix-ui';
+import { Switch as Switch_2 } from 'radix-ui';
+import { Tabs as Tabs_2 } from 'radix-ui';
+import { ToasterProps } from 'sonner';
+import { Toggle as Toggle_2 } from 'radix-ui';
+import { ToggleGroup as ToggleGroup_2 } from 'radix-ui';
+import { Tooltip as Tooltip_2 } from 'radix-ui';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Accordion({ className, ...props }: React_2.ComponentProps<typeof Accordion_2.Root>): JSX.Element;
+
+export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof Accordion_2.Content>): JSX.Element;
+
+export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof Accordion_2.Item>): JSX.Element;
+
+export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof Accordion_2.Trigger>): JSX.Element;
+
+export declare function Alert({ className, variant, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof alertVariants>): JSX.Element;
+
+export declare function AlertAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialog({ ...props }: React_2.ComponentProps<typeof AlertDialog_2.Root>): JSX.Element;
+
+export declare function AlertDialogAction({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Action> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
+
+export declare function AlertDialogCancel({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Cancel> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
+
+export declare function AlertDialogContent({ className, size, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Content> & {
+    size?: "default" | "sm";
+}): JSX.Element;
+
+export declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Description>): JSX.Element;
+
+export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialogMedia({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialogOverlay({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Overlay>): JSX.Element;
+
+export declare function AlertDialogPortal({ ...props }: React_2.ComponentProps<typeof AlertDialog_2.Portal>): JSX.Element;
+
+export declare function AlertDialogTitle({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Title>): JSX.Element;
+
+export declare function AlertDialogTrigger({ ...props }: React_2.ComponentProps<typeof AlertDialog_2.Trigger>): JSX.Element;
+
+export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & ClassProp) | undefined) => string;
 
 export declare const AppHeader: default_2.FC<AppHeaderProps>;
 
@@ -33,6 +113,8 @@ export declare interface AppLayoutProps {
     children?: default_2.ReactNode;
 }
 
+export declare const AppSidebar: default_2.FC<SidebarProps>;
+
 export declare interface AreaDataSeries {
     x: number[];
     y: number[];
@@ -57,10 +139,13 @@ export declare interface AreaGraphProps {
 
 export declare type AreaGraphVariant = "normal" | "stacked";
 
+export declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio_2.Root>): JSX.Element;
+
 export declare const AssistantModal: default_2.FC<AssistantModalProps>;
 
 export declare interface AssistantModalProps {
     open: boolean;
+    onOpenChange: (open: boolean) => void;
     title: string;
     prompt: string;
     initialCode?: string;
@@ -69,40 +154,30 @@ export declare interface AssistantModalProps {
     onCopy: (code: string) => void;
     onLaunch: (code: string) => void;
     onSend: (input: string) => void;
-    onCancel: () => void;
+    onCancel?: () => void;
 }
 
-/**
- * Axis configuration
- */
-export declare interface AxisConfig {
-    /** Axis label */
-    title?: string;
-    /** Scale type (linear or log) */
-    scale?: ScaleType;
-    /** Fixed axis range [min, max] */
-    range?: [number, number];
-    /** Auto-range with optional padding percentage (0-1) */
-    autoRange?: boolean;
-    /** Padding percentage for auto-range (default: 0.1 = 10%) */
-    autoRangePadding?: number;
-}
+export declare function Avatar({ className, size, ...props }: React_2.ComponentProps<typeof Avatar_2.Root> & {
+    size?: "default" | "sm" | "lg";
+}): JSX.Element;
 
-export declare const Badge: default_2.FC<BadgeProps>;
+export declare function AvatarBadge({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
-export declare interface BadgeProps {
-    children: default_2.ReactNode;
-    size?: BadgeSize;
-    variant?: BadgeVariant;
-    disabled?: boolean;
-    iconLeft?: default_2.ReactNode;
-    iconRight?: default_2.ReactNode;
-    className?: string;
-}
+export declare function AvatarFallback({ className, ...props }: React_2.ComponentProps<typeof Avatar_2.Fallback>): JSX.Element;
+
+export declare function AvatarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AvatarGroupCount({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-declare type BadgeSize = "small" | "medium";
+export declare function AvatarImage({ className, ...props }: React_2.ComponentProps<typeof Avatar_2.Image>): JSX.Element;
 
-declare type BadgeVariant = "default" | "primary";
+export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+} & ClassProp) | undefined) => string;
 
 export declare interface BarDataSeries {
     x: number[];
@@ -174,6 +249,22 @@ export declare interface BoxplotProps {
     showPoints?: boolean;
 }
 
+export declare function Breadcrumb({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+
+export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+
+export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
+
+export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+
 /**
  * Construct a full TDP URL by joining a base URL with a path.
  *
@@ -187,97 +278,84 @@ export declare interface BoxplotProps {
  */
 export declare function buildTdpUrl(baseUrl: string, path: string): string | null;
 
-export declare const Button: ({ children, variant, size, loading, leftIcon, rightIcon, noPadding, fullWidth, disabled, ref, ...rest }: ButtonProps) => JSX.Element;
+export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
 
-export declare const ButtonControl: default_2.FC<ButtonControlProps>;
+export declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): JSX.Element;
 
-export declare const ButtonControlGroup: default_2.FC<ButtonControlGroupProps>;
+export declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): JSX.Element;
 
-export declare interface ButtonControlGroupProps {
-    controls: ButtonControlItem[];
-    selectedId?: string;
-    onChange?: (id: string) => void;
-    vertical?: boolean;
-    disabled?: boolean;
-}
+export declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): JSX.Element;
 
-declare interface ButtonControlItem extends ButtonControlProps {
-    id: string;
-}
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & ClassProp) | undefined) => string;
 
-export declare interface ButtonControlProps {
-    icon?: default_2.ReactNode;
-    selected?: boolean;
-    disabled?: boolean;
-    onClick?: () => void;
-}
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
 
-export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    children: default_2.ReactNode;
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    loading?: boolean;
-    leftIcon?: default_2.ReactNode;
-    rightIcon?: default_2.ReactNode;
-    noPadding?: boolean;
-    fullWidth?: boolean;
-    ref?: default_2.Ref<HTMLButtonElement>;
-}
+export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React_2.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React_2.ComponentProps<typeof Button>["variant"];
+}): JSX.Element;
 
-declare type ButtonSize = "small" | "medium";
+export declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React_2.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): JSX.Element;
 
-declare type ButtonVariant = "primary" | "secondary" | "tertiary";
+export declare function Card({ className, size, ...props }: React_2.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): JSX.Element;
 
-export declare const Card: ({ children, title, size, variant, className, fullWidth, ref, ...rest }: CardProps) => JSX.Element;
+export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare interface CardProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "title"> {
-    children: default_2.ReactNode;
-    title?: default_2.ReactNode;
-    size?: CardSize;
-    variant?: CardVariant;
-    className?: string;
-    fullWidth?: boolean;
-    ref?: default_2.Ref<HTMLDivElement>;
-}
+export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const CardSidebar: ({ title, description, buttonText, linkText, status, onButtonClick, onLinkClick, className, ref, }: CardSidebarProps) => JSX.Element;
+export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare interface CardSidebarProps {
-    title: string;
-    description?: string;
-    buttonText?: string;
-    linkText?: string;
-    status?: CardSidebarStatus;
-    onButtonClick?: () => void;
-    onLinkClick?: () => void;
-    className?: string;
-    ref?: default_2.Ref<HTMLDivElement>;
-}
+export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-declare type CardSidebarStatus = "default" | "active" | "hover" | "disabled";
+export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-declare type CardSize = "small" | "medium" | "large";
+export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-declare type CardVariant = "default" | "outlined" | "elevated";
+export declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React_2.ComponentProps<"div"> & CarouselProps): JSX.Element;
 
-/**
- * Chart color palette for consistent graph styling
- * Uses the primary graph colors from the design system
- */
-export declare const CHART_COLORS: readonly [string, string, string, string, string, string, string, string, string, string, string, string];
+export declare type CarouselApi = UseEmblaCarouselType[1];
 
-export declare const Checkbox: ({ checked, onChange, disabled, className, onClick, label, noPadding, ref, }: CheckboxProps) => JSX.Element;
+export declare function CarouselContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare interface CheckboxProps {
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    className?: string;
-    onClick?: (e: default_2.MouseEvent) => void;
-    label?: default_2.ReactNode;
-    noPadding?: boolean;
-    ref?: default_2.Ref<HTMLInputElement>;
-}
+declare type CarouselContextProps = {
+    carouselRef: ReturnType<typeof default_3>[0];
+    api: ReturnType<typeof default_3>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+
+export declare function CarouselItem({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CarouselNext({ className, variant, size, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+declare type CarouselOptions = UseCarouselParameters[0];
+
+declare type CarouselPlugin = UseCarouselParameters[1];
+
+export declare function CarouselPrevious({ className, variant, size, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+declare type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+
+export declare function Checkbox({ className, ...props }: React_2.ComponentProps<typeof Checkbox_2.Root>): JSX.Element;
 
 export declare const Chromatogram: default_2.FC<ChromatogramProps>;
 
@@ -372,10 +450,6 @@ export declare interface ChromatogramSeries {
     metadata?: Record<string, unknown>;
 }
 
-declare type CodeComponentProps = ClassAttributes<HTMLElement> & HTMLAttributes<HTMLElement> & ExtraProps & {
-    inline?: boolean;
-};
-
 export declare const CodeEditor: default_2.FC<CodeEditorProps>;
 
 export declare interface CodeEditorProps {
@@ -404,98 +478,16 @@ export declare interface CodeScriptEditorButtonProps {
     buttonText?: string;
     modalTitle?: string;
     buttonProps?: React.ComponentProps<typeof Button>;
-    modalProps?: Omit<React.ComponentProps<typeof Modal>, "isOpen" | "onConfirm" | "onClose">;
+    modalProps?: Omit<React.ComponentProps<typeof Dialog>, "open" | "defaultOpen" | "onOpenChange">;
     disabled?: boolean;
     isEditMode?: boolean;
 }
 
-/**
- * Color mapping configuration
- */
-export declare interface ColorMapping {
-    /** Type of mapping: data-driven or static */
-    type: "static" | "continuous" | "categorical";
-    /** Static color value (for type: "static") */
-    value?: string;
-    /** Data field to map (for type: "continuous" | "categorical") */
-    field?: string;
-    /** Color scale for continuous mapping */
-    colorScale?: string | Array<[number, string]>;
-    /** Discrete colors for categorical mapping */
-    categoryColors?: Record<string, string>;
-    /** Min/max values for continuous mapping (auto-calculated if not provided) */
-    min?: number;
-    max?: number;
-}
+export declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible_2.Root>): JSX.Element;
 
-/**
- * Centralized color tokens that map to CSS variables
- * This provides TypeScript support while leveraging CSS custom properties
- */
-export declare const COLORS: {
-    readonly BLACK_50: string;
-    readonly BLACK_100: string;
-    readonly BLACK_200: string;
-    readonly BLACK_300: string;
-    readonly BLACK_400: string;
-    readonly BLACK_500: string;
-    readonly BLACK_600: string;
-    readonly BLACK_700: string;
-    readonly BLACK_800: string;
-    readonly BLACK_900: string;
-    readonly BLACK: string;
-    readonly BLACK_OPACITY_20: "rgba(26, 26, 26, 0.2)";
-    readonly WHITE_50: string;
-    readonly WHITE_100: string;
-    readonly WHITE_200: string;
-    readonly WHITE_300: string;
-    readonly WHITE_400: string;
-    readonly WHITE_500: string;
-    readonly WHITE_600: string;
-    readonly WHITE_700: string;
-    readonly WHITE_800: string;
-    readonly WHITE_900: string;
-    readonly WHITE: string;
-    readonly BLUE_50: string;
-    readonly BLUE_100: string;
-    readonly BLUE_200: string;
-    readonly BLUE_300: string;
-    readonly BLUE_400: string;
-    readonly BLUE_500: string;
-    readonly BLUE_600: string;
-    readonly BLUE_700: string;
-    readonly BLUE_800: string;
-    readonly BLUE_900: string;
-    readonly BLUE: string;
-    readonly GREY_50: string;
-    readonly GREY_100: string;
-    readonly GREY_200: string;
-    readonly GREY_300: string;
-    readonly GREY_400: string;
-    readonly GREY_500: string;
-    readonly GREY_600: string;
-    readonly GREY_700: string;
-    readonly GREY_800: string;
-    readonly GREY_900: string;
-    readonly GREY: string;
-    readonly ORANGE: string;
-    readonly RED: string;
-    readonly GREEN: string;
-    readonly YELLOW: string;
-    readonly PURPLE: string;
-    readonly GREEN_BG: string;
-    readonly GREEN_SUCCESS: string;
-    readonly ORANGE_BG: string;
-    readonly ORANGE_CAUTION: string;
-    readonly RED_BG: string;
-    readonly RED_ERROR: string;
-    readonly GRAPH_SECONDARY_BROWN: string;
-    readonly GRAPH_SECONDARY_PINK: string;
-    readonly GRAPH_SECONDARY_TEAL: string;
-    readonly GRAPH_SECONDARY_DARK_BLUE: string;
-    readonly GRAPH_SECONDARY_BLACK: string;
-    readonly GRAPH_SECONDARY_GREY: string;
-};
+export declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible_2.CollapsibleContent>): JSX.Element;
+
+export declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible_2.CollapsibleTrigger>): JSX.Element;
 
 /**
  * Color scale definition for the heatmap visualization mode.
@@ -518,7 +510,63 @@ export declare const COLORS: {
  */
 export declare type ColorScale = string | Array<[number, string]>;
 
-export declare type ColorToken = keyof typeof COLORS;
+export declare const Combobox: typeof Combobox_2.Root;
+
+export declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox_2.Chip.Props & {
+    showRemove?: boolean;
+}): JSX.Element;
+
+export declare function ComboboxChips({ className, ...props }: React_2.ComponentPropsWithRef<typeof Combobox_2.Chips> & Combobox_2.Chips.Props): JSX.Element;
+
+export declare function ComboboxChipsInput({ className, ...props }: Combobox_2.Input.Props): JSX.Element;
+
+export declare function ComboboxCollection({ ...props }: Combobox_2.Collection.Props): JSX.Element;
+
+export declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox_2.Popup.Props & Pick<Combobox_2.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): JSX.Element;
+
+export declare function ComboboxEmpty({ className, ...props }: Combobox_2.Empty.Props): JSX.Element;
+
+export declare function ComboboxGroup({ className, ...props }: Combobox_2.Group.Props): JSX.Element;
+
+export declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox_2.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+}): JSX.Element;
+
+export declare function ComboboxItem({ className, children, ...props }: Combobox_2.Item.Props): JSX.Element;
+
+export declare function ComboboxLabel({ className, ...props }: Combobox_2.GroupLabel.Props): JSX.Element;
+
+export declare function ComboboxList({ className, ...props }: Combobox_2.List.Props): JSX.Element;
+
+export declare function ComboboxSeparator({ className, ...props }: Combobox_2.Separator.Props): JSX.Element;
+
+export declare function ComboboxTrigger({ className, children, ...props }: Combobox_2.Trigger.Props): JSX.Element;
+
+export declare function ComboboxValue({ ...props }: Combobox_2.Value.Props): JSX.Element;
+
+export declare function Command({ className, ...props }: React_2.ComponentProps<typeof Command_2>): JSX.Element;
+
+export declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React_2.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function CommandEmpty({ className, ...props }: React_2.ComponentProps<typeof Command_2.Empty>): JSX.Element;
+
+export declare function CommandGroup({ className, ...props }: React_2.ComponentProps<typeof Command_2.Group>): JSX.Element;
+
+export declare function CommandInput({ className, ...props }: React_2.ComponentProps<typeof Command_2.Input>): JSX.Element;
+
+export declare function CommandItem({ className, children, ...props }: React_2.ComponentProps<typeof Command_2.Item>): JSX.Element;
+
+export declare function CommandList({ className, ...props }: React_2.ComponentProps<typeof Command_2.List>): JSX.Element;
+
+export declare function CommandSeparator({ className, ...props }: React_2.ComponentProps<typeof Command_2.Separator>): JSX.Element;
+
+export declare function CommandShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
 /** Common props shared by both search modes */
 declare interface CommonTdpSearchProps {
@@ -551,29 +599,72 @@ declare interface CommonTdpSearchProps {
     renderResults?: (props: TdpResultsRenderProps) => default_2.ReactNode;
 }
 
-/**
- * Default category colors (cycle through these)
- */
-export declare const DEFAULT_CATEGORY_COLORS: string[];
+export declare function ContextMenu({ ...props }: React_2.ComponentProps<typeof ContextMenu_2.Root>): JSX.Element;
 
-/**
- * Default color scale for continuous color mapping
- */
-export declare const DEFAULT_COLOR_SCALE: Array<[number, string]>;
+export declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: React_2.ComponentProps<typeof ContextMenu_2.CheckboxItem> & {
+    inset?: boolean;
+}): JSX.Element;
 
-/**
- * Default sizes
- */
-export declare const DEFAULT_MARKER_SIZE = 8;
+export declare function ContextMenuContent({ className, ...props }: React_2.ComponentProps<typeof ContextMenu_2.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): JSX.Element;
 
-/**
- * Default downsampling configuration
- */
-export declare const DEFAULT_MAX_POINTS = 5000;
+export declare function ContextMenuGroup({ ...props }: React_2.ComponentProps<typeof ContextMenu_2.Group>): JSX.Element;
+
+export declare function ContextMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof ContextMenu_2.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): JSX.Element;
 
-export declare const DEFAULT_SIZE_RANGE: [number, number];
+export declare function ContextMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof ContextMenu_2.Label> & {
+    inset?: boolean;
+}): JSX.Element;
 
-export declare const defaultTheme: Theme;
+export declare function ContextMenuPortal({ ...props }: React_2.ComponentProps<typeof ContextMenu_2.Portal>): JSX.Element;
+
+export declare function ContextMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof ContextMenu_2.RadioGroup>): JSX.Element;
+
+export declare function ContextMenuRadioItem({ className, children, inset, ...props }: React_2.ComponentProps<typeof ContextMenu_2.RadioItem> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function ContextMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof ContextMenu_2.Separator>): JSX.Element;
+
+export declare function ContextMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function ContextMenuSub({ ...props }: React_2.ComponentProps<typeof ContextMenu_2.Sub>): JSX.Element;
+
+export declare function ContextMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof ContextMenu_2.SubContent>): JSX.Element;
+
+export declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof ContextMenu_2.SubTrigger> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function ContextMenuTrigger({ className, ...props }: React_2.ComponentProps<typeof ContextMenu_2.Trigger>): JSX.Element;
+
+export declare function Dialog({ ...props }: React_2.ComponentProps<typeof Dialog_2.Root>): JSX.Element;
+
+export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof Dialog_2.Close>): JSX.Element;
+
+export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof Dialog_2.Content> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Description>): JSX.Element;
+
+export declare function DialogFooter({ className, showCloseButton, children, ...props }: React_2.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Overlay>): JSX.Element;
+
+export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof Dialog_2.Portal>): JSX.Element;
+
+export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Title>): JSX.Element;
+
+export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof Dialog_2.Trigger>): JSX.Element;
 
 export declare const DotPlot: default_2.FC<DotPlotProps>;
 
@@ -599,67 +690,98 @@ export declare type DotPlotProps = {
 
 export declare type DotPlotVariant = "default" | "stacked";
 
-/**
- * Downsampling configuration for performance optimization
- */
-export declare interface DownsamplingConfig {
-    /** Enable downsampling */
-    enabled: boolean;
-    /** Target number of points to display */
-    maxPoints?: number;
-    /** Downsampling strategy */
-    strategy?: "lttb";
-}
+export declare function Drawer({ ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
 
-export declare const Dropdown: default_2.FC<DropdownProps>;
+export declare function DrawerClose({ ...props }: React_2.ComponentProps<typeof Drawer_2.Close>): JSX.Element;
 
-export declare interface DropdownOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
+export declare function DrawerContent({ className, children, ...props }: React_2.ComponentProps<typeof Drawer_2.Content>): JSX.Element;
 
-export declare interface DropdownProps {
-    options: DropdownOption[];
-    value?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    error?: boolean;
-    size?: DropdownSize;
-    onChange?: (value: string) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-    width?: string;
-    menuWidth?: string;
-}
+export declare function DrawerDescription({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Description>): JSX.Element;
 
-declare type DropdownSize = "xsmall" | "small";
-
-export declare const ErrorAlert: default_2.FC<ErrorAlertProps>;
-
-export declare interface ErrorAlertProps {
-    /** The error object to display. Can be Error, AxiosError, string, or any other type. */
-    error: unknown;
-    /** Optional title for the error alert. Defaults to 'An Error Occurred'. */
-    title?: default_2.ReactNode;
-    /** Optional callback function when the alert is closed. */
-    onClose?: () => void;
-    /** Set to true to show technical details expanded by default. Defaults to false. */
-    showDetailsDefault?: boolean;
-    /** Custom message to show when error is null/undefined (optional, component renders nothing by default) */
-    noErrorContent?: default_2.ReactNode;
-}
+export declare function DrawerFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const FormField: ({ label, infoText, supportiveText, showSupportiveCheck, className, ref, ...inputProps }: FormFieldProps) => JSX.Element;
+export declare function DrawerHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare interface FormFieldProps extends Omit<InputProps, "className"> {
-    label: string;
-    infoText?: string;
-    supportiveText?: string;
-    showSupportiveCheck?: boolean;
-    className?: string;
-    ref?: default_2.Ref<HTMLInputElement>;
-}
+export declare function DrawerOverlay({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Overlay>): JSX.Element;
+
+export declare function DrawerPortal({ ...props }: React_2.ComponentProps<typeof Drawer_2.Portal>): JSX.Element;
+
+export declare function DrawerTitle({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Title>): JSX.Element;
+
+export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeof Drawer_2.Trigger>): JSX.Element;
+
+export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Root>): JSX.Element;
+
+export declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.CheckboxItem> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Content>): JSX.Element;
+
+export declare function DropdownMenuGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Group>): JSX.Element;
+
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): JSX.Element;
+
+export declare function DropdownMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Label> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuPortal({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Portal>): JSX.Element;
+
+export declare function DropdownMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.RadioGroup>): JSX.Element;
+
+export declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.RadioItem> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Separator>): JSX.Element;
+
+export declare function DropdownMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function DropdownMenuSub({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Sub>): JSX.Element;
+
+export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.SubContent>): JSX.Element;
+
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.SubTrigger> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Trigger>): JSX.Element;
+
+export declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): JSX.Element;
+
+export declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): JSX.Element;
+
+export declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): JSX.Element | null;
+
+export declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): JSX.Element;
+
+export declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): JSX.Element;
+
+export declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): JSX.Element;
+
+export declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): JSX.Element;
+
+export declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & ClassProp) | undefined) => string;
 
 /**
  * TDP Navigation Utilities
@@ -751,198 +873,82 @@ export declare type HistogramProps = {
     showDistributionLine?: boolean;
 };
 
-export declare const Icon: (props: IconsProps) => JSX.Element;
-
-export declare enum IconName {
-    BARS_3_BOTTOM_LEFT = "bars-3-bottom-left",
-    BUILDING = "building",
-    BULK_CHECK = "bulk-check",
-    CHECK = "check",
-    CHECK_CIRCLE = "check-circle",
-    CHECK_SQUARE = "check-square",
-    CHEVRON_DOWN = "chevron-down",
-    CLOSE = "close",
-    CODE = "code",
-    COMPUTER = "computer",
-    COPY = "copy",
-    CUBE = "cube",
-    DATABASE = "database",
-    EXCLAMATION_CIRCLE = "exclamation-circle",
-    EXCLAMATION_TRIANGLE = "exclamation-triangle",
-    GEAR = "gear",
-    GLobe = "globe",
-    HASHTAG = "hashtag",
-    HOME = "home",
-    INBOX = "inbox",
-    INFORMATION_CIRCLE = "information-circle",
-    INFORMATION_CIRCLE_MICRO = "information-circle-micro",
-    LAMP = "lamp",
-    LOCK_OPEN = "lock-open",
-    MINUS = "minus",
-    PAPER_PLANE = "paper-plane",
-    PENCIL = "pencil",
-    PIE_CHART = "pie-chart",
-    PIPELINE = "pipeline",
-    PLUS = "plus",
-    PROFILE = "profile",
-    QUESTION_CIRCLE = "question-circle",
-    ROCKET_LAUNCH = "rocket-launch",
-    SEARCH = "search",
-    SEARCH_DOCUMENT = "search-document",
-    SEARCH_SQL = "search-sql",
-    SITEMAP = "sitemap",
-    TETRASCIENCE_ICON = "tetrascience-icon",
-    TEXT = "text",
-    TRASH = "trash",
-    VIEWFINDER_CIRCLE = "viewfinder-circle"
-}
+export declare function HoverCard({ ...props }: React_2.ComponentProps<typeof HoverCard_2.Root>): JSX.Element;
 
-export declare interface IconProps {
-    fill?: string;
-    width?: string;
-    height?: string;
-}
+export declare function HoverCardContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof HoverCard_2.Content>): JSX.Element;
 
-export declare interface IconsProps {
-    fill?: string;
-    width?: string;
-    height?: string;
-    name: IconName;
-}
+export declare function HoverCardTrigger({ ...props }: React_2.ComponentProps<typeof HoverCard_2.Trigger>): JSX.Element;
 
-export declare const Input: ({ size, iconLeft, iconRight, error, disabled, ref, ...rest }: InputProps) => JSX.Element;
+export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
 
-export declare interface InputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    size?: InputSize;
-    iconLeft?: default_2.ReactNode;
-    iconRight?: default_2.ReactNode;
-    error?: boolean;
-    disabled?: boolean;
-    ref?: default_2.Ref<HTMLInputElement>;
-}
+export declare function InputGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-declare type InputSize = "xsmall" | "small";
+export declare function InputGroupAddon({ className, align, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): JSX.Element;
 
-/**
- * InteractiveScatter component for visualizing scatter plot data with advanced interactions.
- *
- * **Features:**
- * - Data-driven and static styling (color, shape, size)
- * - Interactive selection (click, box, lasso)
- * - Keyboard modifiers for click-selection modes (Shift/Ctrl)
- * - Customizable tooltips with rich content support
- * - Axis customization (ranges, log/linear scales)
- * - Performance optimizations for large datasets
- * - Selection propagation via callbacks
- *
- * **Selection Modes (click selection only):**
- * - Default click: Replace selection
- * - Shift + click: Add to selection
- * - Ctrl/Cmd + click: Remove from selection
- * - Shift + Ctrl + click: Toggle selection
- *
- * Box/lasso selection always replaces the current selection because
- * Plotly does not expose the original keyboard event for drag operations.
- */
-export declare const InteractiveScatter: default_2.FC<InteractiveScatterProps>;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+} & ClassProp) | undefined) => string;
 
-/**
- * Props for InteractiveScatter component
- */
-export declare interface InteractiveScatterProps {
-    /**
-     * Array of data points to plot
-     */
-    data: ScatterPoint[];
-    /**
-     * Chart title
-     */
-    title?: string;
-    /**
-     * X-axis configuration
-     */
-    xAxis?: AxisConfig;
-    /**
-     * Y-axis configuration
-     */
-    yAxis?: AxisConfig;
-    /**
-     * Color mapping configuration
-     */
-    colorMapping?: ColorMapping;
-    /**
-     * Shape mapping configuration
-     */
-    shapeMapping?: ShapeMapping;
-    /**
-     * Size mapping configuration
-     */
-    sizeMapping?: SizeMapping;
-    /**
-     * Tooltip configuration
-     */
-    tooltip?: TooltipConfig;
-    /**
-     * Enable click selection
-     * @default true
-     */
-    enableClickSelection?: boolean;
-    /**
-     * Enable box selection (drag to select rectangular region)
-     * @default true
-     */
-    enableBoxSelection?: boolean;
-    /**
-     * Enable lasso selection (freeform selection)
-     * @default true
-     */
-    enableLassoSelection?: boolean;
-    /**
-     * Controlled selection state.
-     * If provided, component operates in controlled mode.
-     */
-    selectedIds?: Set<string | number>;
-    /**
-     * Callback when selection changes
-     */
-    onSelectionChange?: (selectedIds: Set<string | number>, mode: SelectionMode_2) => void;
-    /**
-     * Callback when a point is clicked
-     */
-    onPointClick?: (point: ScatterPoint, event: MouseEvent) => void;
-    /**
-     * Downsampling configuration for large datasets
-     */
-    downsampling?: DownsamplingConfig;
-    /**
-     * Chart width in pixels
-     * @default 800
-     */
-    width?: number;
-    /**
-     * Chart height in pixels
-     * @default 600
-     */
-    height?: number;
-    /**
-     * Show the continuous color-scale bar when using a continuous `colorMapping`.
-     * Has no effect for categorical or static mappings.
-     * @default true
-     */
-    showColorBar?: boolean;
-    /**
-     * Custom CSS class name
-     */
-    className?: string;
-}
+export declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React_2.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): JSX.Element;
 
-export declare const Label: default_2.FC<LabelProps>;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+} & ClassProp) | undefined) => string;
 
-export declare interface LabelProps {
-    children: default_2.ReactNode;
-    infoText?: string;
-    className?: string;
-}
+export declare function InputGroupInput({ className, ...props }: React_2.ComponentProps<"input">): JSX.Element;
+
+export declare function InputGroupText({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function InputGroupTextarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
+
+export declare function InputOTP({ className, containerClassName, ...props }: React_2.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): JSX.Element;
+
+export declare function InputOTPGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function InputOTPSeparator({ ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function InputOTPSlot({ index, className, ...props }: React_2.ComponentProps<"div"> & {
+    index: number;
+}): JSX.Element;
+
+export declare function Item({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function ItemActions({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemDescription({ className, ...props }: React_2.ComponentProps<"p">): JSX.Element;
+
+export declare function ItemFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemMedia({ className, variant, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): JSX.Element;
+
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function ItemSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
+
+export declare function ItemTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): JSX.Element;
+
+export declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function Label({ className, ...props }: React_2.ComponentProps<typeof Label_2.Root>): JSX.Element;
 
 export declare const LaunchContent: default_2.FC<LaunchContentProps>;
 
@@ -1071,76 +1077,57 @@ export declare type LineGraphVariant = "lines" | "lines+markers" | "lines+marker
 export declare const Main: default_2.FC<MainProps>;
 
 export declare interface MainProps {
-    userProfile: {
-        name: string;
-        avatar?: string;
-    };
+    userProfile: UserProfileInfo;
     hostname: string;
-    organization: {
-        name: string;
-        subtext?: string;
-        logo?: default_2.ReactNode;
-    };
+    organization: OrganizationInfo_2;
 }
 
-export declare const MarkdownDisplay: ({ markdown, codeRenderer }: MarkdownDisplayProps) => JSX.Element;
+export declare type MarkerSymbol = "circle" | "circle-open" | "circle-dot" | "circle-open-dot" | "square" | "square-open" | "square-dot" | "square-open-dot" | "diamond" | "diamond-open" | "diamond-dot" | "diamond-open-dot" | "cross" | "cross-open" | "cross-dot" | "cross-open-dot" | "x" | "x-open" | "x-dot" | "x-open-dot" | "triangle-up" | "triangle-up-open" | "triangle-up-dot" | "triangle-up-open-dot" | "triangle-down" | "triangle-down-open" | "triangle-down-dot" | "triangle-down-open-dot" | "triangle-left" | "triangle-left-open" | "triangle-left-dot" | "triangle-left-open-dot" | "triangle-right" | "triangle-right-open" | "triangle-right-dot" | "triangle-right-open-dot" | "triangle-ne" | "triangle-ne-open" | "triangle-ne-dot" | "triangle-ne-open-dot" | "triangle-se" | "triangle-se-open" | "triangle-se-dot" | "triangle-se-open-dot" | "triangle-sw" | "triangle-sw-open" | "triangle-sw-dot" | "triangle-sw-open-dot" | "triangle-nw" | "triangle-nw-open" | "triangle-nw-dot" | "triangle-nw-open-dot" | "pentagon" | "pentagon-open" | "pentagon-dot" | "pentagon-open-dot" | "hexagon" | "hexagon-open" | "hexagon-dot" | "hexagon-open-dot" | "hexagon2" | "hexagon2-open" | "hexagon2-dot" | "hexagon2-open-dot" | "octagon" | "octagon-open" | "octagon-dot" | "octagon-open-dot" | "star" | "star-open" | "star-dot" | "star-open-dot" | "hexagram" | "hexagram-open" | "hexagram-dot" | "hexagram-open-dot" | "star-triangle-up" | "star-triangle-up-open" | "star-triangle-up-dot" | "star-triangle-up-open-dot" | "star-triangle-down" | "star-triangle-down-open" | "star-triangle-down-dot" | "star-triangle-down-open-dot" | "star-square" | "star-square-open" | "star-square-dot" | "star-square-open-dot" | "star-diamond" | "star-diamond-open" | "star-diamond-dot" | "star-diamond-open-dot" | "diamond-tall" | "diamond-tall-open" | "diamond-tall-dot" | "diamond-tall-open-dot" | "diamond-wide" | "diamond-wide-open" | "diamond-wide-dot" | "diamond-wide-open-dot" | "hourglass" | "hourglass-open" | "bowtie" | "bowtie-open" | "circle-cross" | "circle-cross-open" | "circle-x" | "circle-x-open" | "square-cross" | "square-cross-open" | "square-x" | "square-x-open" | "diamond-cross" | "diamond-cross-open" | "diamond-x" | "diamond-x-open" | "cross-thin" | "cross-thin-open" | "x-thin" | "x-thin-open" | "asterisk" | "asterisk-open" | "hash" | "hash-open" | "hash-dot" | "hash-open-dot" | "y-up" | "y-up-open" | "y-down" | "y-down-open" | "y-left" | "y-left-open" | "y-right" | "y-right-open" | "line-ew" | "line-ew-open" | "line-ns" | "line-ns-open" | "line-ne" | "line-ne-open" | "line-nw" | "line-nw-open" | "arrow" | "arrow-open" | "arrow-wide" | "arrow-wide-open";
 
-export declare type MarkdownDisplayProps = {
-    markdown: string;
-    codeRenderer?: (props: CodeComponentProps) => default_2.ReactElement;
-};
+declare type MarkerSymbol_2 = "circle" | "square" | "diamond" | "triangle-up" | "triangle-down" | "star";
 
-/**
- * Marker shape for scatter points
- */
-export declare type MarkerShape = "circle" | "square" | "diamond" | "cross" | "x" | "triangle-up" | "triangle-down" | "star";
+export declare function Menubar({ className, ...props }: React_2.ComponentProps<typeof Menubar_2.Root>): JSX.Element;
 
-export declare type MarkerSymbol = "circle" | "circle-open" | "circle-dot" | "circle-open-dot" | "square" | "square-open" | "square-dot" | "square-open-dot" | "diamond" | "diamond-open" | "diamond-dot" | "diamond-open-dot" | "cross" | "cross-open" | "cross-dot" | "cross-open-dot" | "x" | "x-open" | "x-dot" | "x-open-dot" | "triangle-up" | "triangle-up-open" | "triangle-up-dot" | "triangle-up-open-dot" | "triangle-down" | "triangle-down-open" | "triangle-down-dot" | "triangle-down-open-dot" | "triangle-left" | "triangle-left-open" | "triangle-left-dot" | "triangle-left-open-dot" | "triangle-right" | "triangle-right-open" | "triangle-right-dot" | "triangle-right-open-dot" | "triangle-ne" | "triangle-ne-open" | "triangle-ne-dot" | "triangle-ne-open-dot" | "triangle-se" | "triangle-se-open" | "triangle-se-dot" | "triangle-se-open-dot" | "triangle-sw" | "triangle-sw-open" | "triangle-sw-dot" | "triangle-sw-open-dot" | "triangle-nw" | "triangle-nw-open" | "triangle-nw-dot" | "triangle-nw-open-dot" | "pentagon" | "pentagon-open" | "pentagon-dot" | "pentagon-open-dot" | "hexagon" | "hexagon-open" | "hexagon-dot" | "hexagon-open-dot" | "hexagon2" | "hexagon2-open" | "hexagon2-dot" | "hexagon2-open-dot" | "octagon" | "octagon-open" | "octagon-dot" | "octagon-open-dot" | "star" | "star-open" | "star-dot" | "star-open-dot" | "hexagram" | "hexagram-open" | "hexagram-dot" | "hexagram-open-dot" | "star-triangle-up" | "star-triangle-up-open" | "star-triangle-up-dot" | "star-triangle-up-open-dot" | "star-triangle-down" | "star-triangle-down-open" | "star-triangle-down-dot" | "star-triangle-down-open-dot" | "star-square" | "star-square-open" | "star-square-dot" | "star-square-open-dot" | "star-diamond" | "star-diamond-open" | "star-diamond-dot" | "star-diamond-open-dot" | "diamond-tall" | "diamond-tall-open" | "diamond-tall-dot" | "diamond-tall-open-dot" | "diamond-wide" | "diamond-wide-open" | "diamond-wide-dot" | "diamond-wide-open-dot" | "hourglass" | "hourglass-open" | "bowtie" | "bowtie-open" | "circle-cross" | "circle-cross-open" | "circle-x" | "circle-x-open" | "square-cross" | "square-cross-open" | "square-x" | "square-x-open" | "diamond-cross" | "diamond-cross-open" | "diamond-x" | "diamond-x-open" | "cross-thin" | "cross-thin-open" | "x-thin" | "x-thin-open" | "asterisk" | "asterisk-open" | "hash" | "hash-open" | "hash-dot" | "hash-open-dot" | "y-up" | "y-up-open" | "y-down" | "y-down-open" | "y-left" | "y-left-open" | "y-right" | "y-right-open" | "line-ew" | "line-ew-open" | "line-ns" | "line-ns-open" | "line-ne" | "line-ne-open" | "line-nw" | "line-nw-open" | "arrow" | "arrow-open" | "arrow-wide" | "arrow-wide-open";
+export declare function MenubarCheckboxItem({ className, children, checked, inset, ...props }: React_2.ComponentProps<typeof Menubar_2.CheckboxItem> & {
+    inset?: boolean;
+}): JSX.Element;
 
-declare type MarkerSymbol_2 = "circle" | "square" | "diamond" | "triangle-up" | "triangle-down" | "star";
+export declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React_2.ComponentProps<typeof Menubar_2.Content>): JSX.Element;
 
-export declare const Menu: default_2.FC<MenuProps>;
+export declare function MenubarGroup({ ...props }: React_2.ComponentProps<typeof Menubar_2.Group>): JSX.Element;
 
-export declare const MenuItem: ({ label, checked, showCheckbox, onClick, onCheckChange, active, className, ref, }: MenuItemProps) => JSX.Element;
+export declare function MenubarItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof Menubar_2.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): JSX.Element;
 
-declare interface MenuItemData extends Omit<MenuItemProps, "onClick" | "onCheckChange"> {
-    id: string;
-}
+export declare function MenubarLabel({ className, inset, ...props }: React_2.ComponentProps<typeof Menubar_2.Label> & {
+    inset?: boolean;
+}): JSX.Element;
 
-export declare interface MenuItemProps {
-    label: string;
-    checked?: boolean;
-    showCheckbox?: boolean;
-    onClick?: () => void;
-    onCheckChange?: (checked: boolean) => void;
-    active?: boolean;
-    className?: string;
-    ref?: default_2.Ref<HTMLDivElement>;
-}
+export declare function MenubarMenu({ ...props }: React_2.ComponentProps<typeof Menubar_2.Menu>): JSX.Element;
 
-export declare interface MenuProps {
-    title?: string;
-    items: MenuItemData[];
-    onItemClick?: (itemId: string) => void;
-    onItemCheckChange?: (itemId: string, checked: boolean) => void;
-    activeItemId?: string | null;
-    className?: string;
-}
+export declare function MenubarPortal({ ...props }: React_2.ComponentProps<typeof Menubar_2.Portal>): JSX.Element;
 
-export declare const Modal: ({ isOpen, onClose, onCloseLabel, onConfirm, onConfirmLabel, children, width, className, hideActions, title, }: ModalProps) => false | JSX.Element;
+export declare function MenubarRadioGroup({ ...props }: React_2.ComponentProps<typeof Menubar_2.RadioGroup>): JSX.Element;
 
-export declare interface ModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    onCloseLabel?: string;
-    onConfirm: () => void;
-    onConfirmLabel?: string;
-    children: ReactNode;
-    width?: string;
-    className?: string;
-    hideActions?: boolean;
-    title?: string;
-}
+export declare function MenubarRadioItem({ className, children, inset, ...props }: React_2.ComponentProps<typeof Menubar_2.RadioItem> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function MenubarSeparator({ className, ...props }: React_2.ComponentProps<typeof Menubar_2.Separator>): JSX.Element;
+
+export declare function MenubarShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function MenubarSub({ ...props }: React_2.ComponentProps<typeof Menubar_2.Sub>): JSX.Element;
+
+export declare function MenubarSubContent({ className, ...props }: React_2.ComponentProps<typeof Menubar_2.SubContent>): JSX.Element;
+
+export declare function MenubarSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof Menubar_2.SubTrigger> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function MenubarTrigger({ className, ...props }: React_2.ComponentProps<typeof Menubar_2.Trigger>): JSX.Element;
 
 export declare const Navbar: default_2.FC<NavbarProps>;
 
@@ -1160,12 +1147,38 @@ export declare interface NavbarProps {
  */
 export declare function navigateToTdpUrl(url: string, options?: TdpNavigationOptions): void;
 
+export declare function NavigationMenu({ className, children, viewport, ...props }: React_2.ComponentProps<typeof NavigationMenu_2.Root> & {
+    viewport?: boolean;
+}): JSX.Element;
+
+export declare function NavigationMenuContent({ className, ...props }: React_2.ComponentProps<typeof NavigationMenu_2.Content>): JSX.Element;
+
+export declare function NavigationMenuIndicator({ className, ...props }: React_2.ComponentProps<typeof NavigationMenu_2.Indicator>): JSX.Element;
+
+export declare function NavigationMenuItem({ className, ...props }: React_2.ComponentProps<typeof NavigationMenu_2.Item>): JSX.Element;
+
+export declare function NavigationMenuLink({ className, ...props }: React_2.ComponentProps<typeof NavigationMenu_2.Link>): JSX.Element;
+
+export declare function NavigationMenuList({ className, ...props }: React_2.ComponentProps<typeof NavigationMenu_2.List>): JSX.Element;
+
+export declare function NavigationMenuTrigger({ className, children, ...props }: React_2.ComponentProps<typeof NavigationMenu_2.Trigger>): JSX.Element;
+
+export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined) => string;
+
+export declare function NavigationMenuViewport({ className, ...props }: React_2.ComponentProps<typeof NavigationMenu_2.Viewport>): JSX.Element;
+
 declare interface OrganizationInfo {
     name: string;
     subtext?: string;
     logo?: default_2.ReactNode;
 }
 
+declare interface OrganizationInfo_2 {
+    name: string;
+    subtext?: string;
+    logo?: default_2.ReactNode;
+}
+
 /**
  * Peak annotation for labeling peaks on the chromatogram.
  * Used for both user-provided annotations and auto-detected peaks.
@@ -1405,42 +1418,6 @@ declare interface PlateRegion {
     fillColor?: string;
 }
 
-/**
- * Constants for plot layout
- */
-export declare const PLOT_CONSTANTS: {
-    MARGIN_LEFT: number;
-    MARGIN_RIGHT: number;
-    MARGIN_TOP: number;
-    MARGIN_BOTTOM: number;
-    TITLE_FONT_SIZE: number;
-    AXIS_TITLE_FONT_SIZE: number;
-    AXIS_TICK_FONT_SIZE: number;
-    LEGEND_FONT_SIZE: number;
-    FONT_FAMILY: string;
-    GRID_WIDTH: number;
-    AXIS_LINE_WIDTH: number;
-    AUTO_RANGE_PADDING: number;
-};
-
-export declare const PopConfirm: default_2.FC<PopConfirmProps>;
-
-declare type PopConfirmPlacement = "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
-
-export declare interface PopConfirmProps {
-    title?: ReactNode;
-    description?: ReactNode;
-    onConfirm?: (e?: default_2.MouseEvent<HTMLElement>) => void;
-    onCancel?: (e?: default_2.MouseEvent<HTMLElement>) => void;
-    okText?: string;
-    cancelText?: string;
-    placement?: PopConfirmPlacement;
-    children: ReactNode;
-    className?: string;
-    okButtonProps?: default_2.ButtonHTMLAttributes<HTMLButtonElement>;
-    cancelButtonProps?: default_2.ButtonHTMLAttributes<HTMLButtonElement>;
-}
-
 export declare const ProtocolConfiguration: default_2.FC<ProtocolConfigurationProps>;
 
 export declare interface ProtocolConfigurationProps {
@@ -1453,7 +1430,10 @@ export declare interface ProtocolYamlCardProps {
     title: string;
     newVersionMode: boolean;
     onToggleNewVersionMode: (checked: boolean) => void;
-    versionOptions: DropdownOption[];
+    versionOptions: {
+        value: string;
+        label: string;
+    }[];
     selectedVersion: string;
     onVersionChange: (value: string) => void;
     onDeploy: () => void;
@@ -1465,16 +1445,25 @@ export declare const PythonEditorModal: default_2.FC<PythonEditorModalProps>;
 
 export declare interface PythonEditorModalProps {
     open: boolean;
+    onOpenChange: (open: boolean) => void;
     initialValue?: string;
     title?: string;
+    description?: string;
     onSave: (value: string) => void;
-    onCancel: () => void;
+    onCancel?: () => void;
 }
 
-/**
- * Scale type for axes
- */
-export declare type ScaleType = "linear" | "log";
+export declare function RadioGroup({ className, ...props }: React_2.ComponentProps<typeof RadioGroup_2.Root>): JSX.Element;
+
+export declare function RadioGroupItem({ className, ...props }: React_2.ComponentProps<typeof RadioGroup_2.Item>): JSX.Element;
+
+export declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
+    withHandle?: boolean;
+}): JSX.Element;
+
+export declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): JSX.Element;
+
+export declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): JSX.Element;
 
 export declare interface ScatterDataPoint {
     x: number;
@@ -1502,21 +1491,9 @@ export declare interface ScatterGraphProps {
     title?: string;
 }
 
-/**
- * A single data point in the scatter plot
- */
-export declare interface ScatterPoint {
-    /** Unique identifier for the point */
-    id: string | number;
-    /** X-axis value */
-    x: number;
-    /** Y-axis value */
-    y: number;
-    /** Optional label for the point */
-    label?: string;
-    /** Additional metadata for tooltips and styling */
-    metadata?: Record<string, unknown>;
-}
+export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollArea_2.Root>): JSX.Element;
+
+export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollArea_2.ScrollAreaScrollbar>): JSX.Element;
 
 /** Transformed search result (flattened from Elasticsearch hit format) */
 export declare interface SearchResult {
@@ -1525,193 +1502,185 @@ export declare interface SearchResult {
     [key: string]: any;
 }
 
-export declare const SelectField: ({ label, infoText, supportiveText, showSupportiveCheck, className, ref, ...dropdownProps }: SelectFieldProps) => JSX.Element;
+export declare function Select({ ...props }: React_2.ComponentProps<typeof Select_2.Root>): JSX.Element;
 
-export declare interface SelectFieldProps extends Omit<DropdownProps, "className"> {
-    label: string;
-    infoText?: string;
-    supportiveText?: string;
-    showSupportiveCheck?: boolean;
-    className?: string;
-    ref?: default_2.Ref<HTMLDivElement>;
-}
+export declare function SelectContent({ className, children, position, align, ...props }: React_2.ComponentProps<typeof Select_2.Content>): JSX.Element;
 
-/**
- * Selection mode keyboard modifiers
- */
-export declare const SELECTION_MODIFIERS: {
-    readonly ADD: "shiftKey";
-    readonly REMOVE: "ctrlKey";
-    readonly TOGGLE: "both";
+export declare function SelectGroup({ className, ...props }: React_2.ComponentProps<typeof Select_2.Group>): JSX.Element;
+
+export declare function SelectItem({ className, children, ...props }: React_2.ComponentProps<typeof Select_2.Item>): JSX.Element;
+
+export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof Select_2.Label>): JSX.Element;
+
+export declare function SelectScrollDownButton({ className, ...props }: React_2.ComponentProps<typeof Select_2.ScrollDownButton>): JSX.Element;
+
+export declare function SelectScrollUpButton({ className, ...props }: React_2.ComponentProps<typeof Select_2.ScrollUpButton>): JSX.Element;
+
+export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof Select_2.Separator>): JSX.Element;
+
+export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof Select_2.Trigger> & {
+    size?: "sm" | "default";
+}): JSX.Element;
+
+export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof Select_2.Value>): JSX.Element;
+
+export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof Separator_2.Root>): JSX.Element;
+
+export declare function Sheet({ ...props }: React_2.ComponentProps<typeof Dialog_2.Root>): JSX.Element;
+
+export declare function SheetClose({ ...props }: React_2.ComponentProps<typeof Dialog_2.Close>): JSX.Element;
+
+export declare function SheetContent({ className, children, side, showCloseButton, ...props }: React_2.ComponentProps<typeof Dialog_2.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Description>): JSX.Element;
+
+export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Title>): JSX.Element;
+
+export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof Dialog_2.Trigger>): JSX.Element;
+
+export declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React_2.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): JSX.Element;
+
+export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
 };
 
-/**
- * Data format for selection propagation between components
- */
-export declare interface SelectionEvent {
-    /** Array of selected point IDs */
-    selectedIds: Set<string | number>;
-    /** Selection mode used */
-    mode: SelectionMode_2;
-    /** Source component identifier (optional) */
-    source?: string;
-}
+export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-/**
- * Selection mode for interactive selection
- */
-declare type SelectionMode_2 = "replace" | "add" | "remove" | "toggle";
-export { SelectionMode_2 as SelectionMode }
+export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-/**
- * Selection state
- */
-export declare interface SelectionState {
-    /** Array of selected point IDs */
-    selectedIds: Set<string | number>;
-}
+export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): JSX.Element;
 
-/**
- * Shape mapping configuration
- */
-export declare interface ShapeMapping {
-    /** Type of mapping: data-driven or static */
-    type: "static" | "categorical";
-    /** Static shape value (for type: "static") */
-    value?: MarkerShape;
-    /** Data field to map (for type: "categorical") */
-    field?: string;
-    /** Shape mapping for categorical values */
-    categoryShapes?: Record<string, MarkerShape>;
-}
+export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const Sidebar: default_2.FC<SidebarProps>;
+export declare function SidebarGroupLabel({ className, asChild, ...props }: React_2.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SidebarInput({ className, ...props }: React_2.ComponentProps<typeof Input>): JSX.Element;
+
+export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<"main">): JSX.Element;
 
 declare interface SidebarItemProps {
-    icon: IconName;
+    icon: LucideIcon;
     label: string;
     active?: boolean;
     onClick?: () => void;
 }
 
+export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+
+export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): JSX.Element;
+
+export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): JSX.Element;
+
+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.Element;
+
+export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): JSX.Element;
+
+export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+
+export declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React_2.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): JSX.Element;
+
+export declare function SidebarMenuSubItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+
 export declare interface SidebarProps {
     items: SidebarItemProps[];
     activeItem?: string;
     onItemClick?: (label: string) => void;
 }
 
-/**
- * Size mapping configuration
- */
-export declare interface SizeMapping {
-    /** Type of mapping: data-driven or static */
-    type: "static" | "continuous" | "categorical";
-    /** Static size value (for type: "static") */
-    value?: number;
-    /** Data field to map (for type: "continuous" | "categorical") */
-    field?: string;
-    /** Size range for continuous mapping */
-    sizeRange?: [number, number];
-    /** Discrete sizes for categorical mapping */
-    categorySizes?: Record<string, number>;
-    /** Min/max values for continuous mapping (auto-calculated if not provided) */
-    min?: number;
-    max?: number;
-}
+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.Element;
 
-export declare const SupportiveText: default_2.FC<SupportiveTextProps>;
+export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<"button">): JSX.Element;
 
-export declare interface SupportiveTextProps {
-    children: default_2.ReactNode;
-    showCheck?: boolean;
-    className?: string;
-}
+export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
 
-export declare const Tab: default_2.FC<TabProps>;
+export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
 
-export declare const TabGroup: default_2.FC<TabGroupProps>;
+export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
-export declare interface TabGroupProps {
-    tabs: TabItem[];
-    activeTab?: string;
-    onChange?: (tabId: string) => void;
-    disabled?: boolean;
-    size?: TabSize;
-}
+export declare function Slider({ className, defaultValue, value, min, max, ...props }: React_2.ComponentProps<typeof Slider_2.Root>): JSX.Element;
 
-declare interface TabItem extends Omit<TabProps, "active" | "onClick"> {
-    id: string;
-}
+export declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): JSX.Element;
 
-export declare function Table<T extends Record<string, any>>({ columns, data, pageSize, rowKey, selectable, onRowSelect, sortKey: controlledSortKey, sortDirection: controlledSortDirection, onSort: controlledOnSort, currentPage: controlledCurrentPage, onPageChange: controlledOnPageChange, totalItems, selectedRows: controlledSelectedRows, className, }: TableProps<T>): JSX.Element;
+export declare function Switch({ className, size, ...props }: React_2.ComponentProps<typeof Switch_2.Root> & {
+    size?: "sm" | "default";
+}): JSX.Element;
 
-export declare namespace Table {
-    var displayName: string;
-}
+export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
 
-export declare const TableCell: ({ children, align, width, className, ref, ...props }: TableCellProps) => JSX.Element;
+export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
 
-export declare interface TableCellProps extends default_2.TdHTMLAttributes<HTMLTableCellElement> {
-    children?: default_2.ReactNode;
-    align?: "left" | "center" | "right";
-    width?: string;
-    className?: string;
-    ref?: default_2.Ref<HTMLTableCellElement>;
-}
+export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
 
-export declare interface TableColumn<T = any> {
-    key: string;
-    header: string;
-    sortable?: boolean;
-    filterable?: boolean;
-    filterOptions?: DropdownOption[];
-    width?: string;
-    align?: "left" | "center" | "right";
-    render?: (value: any, row: T, index: number) => default_2.ReactNode;
-}
+export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
 
-export declare const TableHeaderCell: ({ children, sortable, sortDirection, onSort, filterable, filterOptions, filterValue, onFilterChange, width, className, ref, ...props }: TableHeaderCellProps) => JSX.Element;
+export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;
 
-export declare interface TableHeaderCellProps extends default_2.ThHTMLAttributes<HTMLTableCellElement> {
-    children?: default_2.ReactNode;
-    sortable?: boolean;
-    sortDirection?: "asc" | "desc" | null;
-    onSort?: () => void;
-    filterable?: boolean;
-    filterOptions?: DropdownOption[];
-    filterValue?: string;
-    onFilterChange?: (value: string) => void;
-    width?: string;
-    className?: string;
-    ref?: default_2.Ref<HTMLTableCellElement>;
-}
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
 
-export declare interface TableProps<T = any> {
-    columns: TableColumn<T>[];
-    data: T[];
-    pageSize?: number;
-    rowKey?: keyof T | ((row: T) => string | number);
-    selectable?: boolean;
-    onRowSelect?: (selectedRows: T[]) => void;
-    sortKey?: string;
-    sortDirection?: "asc" | "desc";
-    onSort?: (key: string, direction: "asc" | "desc") => void;
-    currentPage?: number;
-    onPageChange?: (page: number) => void;
-    totalItems?: number;
-    selectedRows?: T[];
-    className?: string;
-}
+export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
 
-export declare interface TabProps {
-    label: string;
-    active?: boolean;
-    disabled?: boolean;
-    size?: TabSize;
-    onClick?: () => void;
-}
+export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
+
+export declare function Tabs({ className, orientation, ...props }: React_2.ComponentProps<typeof Tabs_2.Root>): JSX.Element;
+
+export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Content>): JSX.Element;
+
+export declare function TabsList({ className, variant, ...props }: React_2.ComponentProps<typeof Tabs_2.List> & VariantProps<typeof tabsListVariants>): JSX.Element;
 
-export declare type TabSize = "small" | "medium";
+export declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Trigger>): JSX.Element;
 
 /** Props passed to the renderFilters render prop */
 export declare interface TdpFiltersRenderProps {
@@ -1884,7 +1853,11 @@ export declare interface TdpSearchConfig {
 export declare interface TdpSearchFilter {
     key: string;
     label: string;
-    options: DropdownOption[];
+    options: {
+        value: string;
+        label: string;
+        disabled: boolean;
+    }[];
 }
 
 export declare type TdpSearchProps = CommonTdpSearchProps & TdpSearchConfig;
@@ -1895,138 +1868,47 @@ export declare interface TdpSearchSort {
     order: "asc" | "desc";
 }
 
-export declare const Textarea: ({ size, error, disabled, fullWidth, rows, ref, ...rest }: TextareaProps) => JSX.Element;
-
-export declare interface TextareaProps extends Omit<default_2.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
-    size?: TextareaSize;
-    error?: boolean;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    rows?: number;
-    ref?: default_2.Ref<HTMLTextAreaElement>;
-}
-
-declare type TextareaSize = "xsmall" | "small";
-
-export declare interface Theme {
-    colors?: ThemeColors;
-    radius?: ThemeRadius;
-    spacing?: ThemeSpacing;
-}
-
-/**
- * Theme type definitions for TetraScience UI Kit
- */
-export declare interface ThemeColors {
-    primary?: string;
-    primaryHover?: string;
-    primaryActive?: string;
-    background?: string;
-    text?: string;
-    border?: string;
-    cardBackground?: string;
-    cardBorder?: string;
-}
-
-/**
- * ThemeProvider component that sets CSS custom properties for theming
- *
- * This provider merges the provided theme with the default theme and
- * sets CSS variables on a wrapper element, making them available to both
- * styled-components and SCSS styles within the provider's scope.
- *
- * @example
- * ```tsx
- * import { ThemeProvider, Button } from '@tetrascience-npm/tetrascience-react-ui';
- *
- * const customTheme = {
- *   colors: {
- *     primary: '#FF0000',
- *   },
- *   radius: {
- *     medium: '12px',
- *   }
- * };
- *
- * <ThemeProvider theme={customTheme}>
- *   <Button>Click me</Button>
- * </ThemeProvider>
- * ```
- */
-export declare const ThemeProvider: default_2.FC<ThemeProviderProps>;
+export declare const TetraScienceIcon: React_2.ForwardRefExoticComponent<Omit<TetraScienceIconProps, "ref"> & React_2.RefAttributes<SVGSVGElement>>;
 
-export declare interface ThemeProviderProps {
-    theme?: Theme;
-    children: default_2.ReactNode;
+export declare interface TetraScienceIconProps extends React_2.SVGProps<SVGSVGElement> {
+    size?: number | string;
 }
 
-export declare interface ThemeRadius {
-    small?: string;
-    medium?: string;
-    large?: string;
-}
+export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
 
-export declare interface ThemeSpacing {
-    small?: string;
-    medium?: string;
-    large?: string;
-}
+export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
 
-export declare const Toast: default_2.FC<ToastProps>;
+export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof Toggle_2.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
 
-export declare interface ToastContainerProps {
-    position: ToastPosition;
-}
+export declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: React_2.ComponentProps<typeof ToggleGroup_2.Root> & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+}): JSX.Element;
 
-export declare const ToastManager: default_2.FC<ToastManagerProps>;
+export declare function ToggleGroupItem({ className, children, variant, size, ...props }: React_2.ComponentProps<typeof ToggleGroup_2.Item> & VariantProps<typeof toggleVariants>): JSX.Element;
 
-export declare interface ToastManagerProps {
-    position?: ToastPosition;
-}
+export declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
 
-declare type ToastPosition = "top" | "bottom";
+export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof Tooltip_2.Root>): JSX.Element;
 
-export declare interface ToastProps {
-    type?: ToastType;
-    heading: string;
-    description?: string;
-    className?: string;
-}
+export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof Tooltip_2.Content>): JSX.Element;
 
-export declare type ToastType = "info" | "success" | "warning" | "danger" | "default";
+export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof Tooltip_2.Provider>): JSX.Element;
 
-export declare const Toggle: default_2.FC<ToggleProps>;
-
-export declare interface ToggleProps {
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    label?: string;
-    className?: string;
-}
+export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof Tooltip_2.Trigger>): JSX.Element;
 
-export declare const Tooltip: default_2.FC<TooltipProps>;
+export declare function useCarousel(): CarouselContextProps;
 
-/**
- * Tooltip configuration
- */
-export declare interface TooltipConfig {
-    /** Enable/disable tooltips */
-    enabled?: boolean;
-    /** Custom tooltip content function */
-    content?: (point: ScatterPoint) => string;
-    /** Fields to display in default tooltip */
-    fields?: string[];
-}
+declare type UseCarouselParameters = Parameters<typeof default_3>;
 
-declare type TooltipPlacement = "top" | "right" | "bottom" | "left";
+export declare function useComboboxAnchor(): React_2.RefObject<HTMLDivElement | null>;
 
-export declare interface TooltipProps {
-    content: ReactNode;
-    children: ReactNode;
-    placement?: TooltipPlacement;
-    className?: string;
-    delay?: number;
+declare interface UserProfileInfo {
+    name: string;
+    avatar?: string;
 }
 
 declare interface UserProfileProps {
@@ -2049,6 +1931,8 @@ export declare interface UseSearchResult {
     executeSearch: (searchRequest: Omit<SearchEqlRequest, "from" | "size">, page?: number) => Promise<SearchResult[]>;
 }
 
+export declare function useSidebar(): SidebarContextProps;
+
 /**
  * Standalone hook for TDP navigation (no provider required).
  *
@@ -2163,10 +2047,3 @@ export declare interface WellData {
 }
 
 export { }
-
-
-declare module "styled-components" {
-    interface DefaultTheme {
-        position: ToastPosition;
-    }
-}