@geekmidas/ui 0.1.0 → 0.2.0

package/dist/index.d.cts

@@ -1 +1,727 @@
-export { };
+import { UseWebSocketOptions, UseWebSocketReturn, WebSocketStatus, useDebounce, useLocalStorage, useWebSocket } from "./index-QNnnyGjB.cjs";
+import { HttpMethod, LogLevel, StatusRange, Theme, ThemeColors, getLogLevelColor, getMethodColor, getStatusColor, theme } from "./theme-B5mGkTlU.cjs";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as React from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import { LucideIcon } from "lucide-react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { ClassValue } from "clsx";
+
+//#region src/components/data-display/charts/area-time-series-chart.d.ts
+interface TimeSeriesDataPoint {
+  timestamp: number;
+  value: number;
+  secondaryValue?: number;
+}
+interface AreaTimeSeriesChartProps {
+  data: TimeSeriesDataPoint[];
+  /** Label for the primary value */
+  primaryLabel?: string;
+  /** Label for the secondary value (optional) */
+  secondaryLabel?: string;
+  /** Color for primary series */
+  primaryColor?: string;
+  /** Color for secondary series */
+  secondaryColor?: string;
+  /** Time format pattern (date-fns) */
+  timeFormat?: string;
+  /** Value formatter */
+  valueFormatter?: (value: number) => string;
+  /** Chart className */
+  className?: string;
+  /** Show legend */
+  showLegend?: boolean;
+}
+declare function AreaTimeSeriesChart({
+  data,
+  primaryLabel,
+  secondaryLabel,
+  primaryColor,
+  secondaryColor,
+  timeFormat,
+  valueFormatter,
+  className,
+  showLegend
+}: AreaTimeSeriesChartProps): react_jsx_runtime20.JSX.Element;
+//# sourceMappingURL=area-time-series-chart.d.ts.map
+//#endregion
+//#region src/components/data-display/charts/bar-list-chart.d.ts
+interface BarListItem {
+  name: string;
+  value: number;
+}
+interface BarListChartProps<T extends BarListItem> {
+  data: T[];
+  /** Value formatter */
+  valueFormatter?: (value: number) => string;
+  /** Click handler */
+  onItemClick?: (item: T) => void;
+  /** Chart className */
+  className?: string;
+  /** Empty state message */
+  emptyMessage?: string;
+  /** Bar color */
+  color?: string;
+}
+declare function BarListChart<T extends BarListItem>({
+  data,
+  valueFormatter,
+  onItemClick,
+  className,
+  emptyMessage,
+  color
+}: BarListChartProps<T>): react_jsx_runtime20.JSX.Element;
+//# sourceMappingURL=bar-list-chart.d.ts.map
+//#endregion
+//#region src/components/data-display/charts/latency-percentiles-chart.d.ts
+interface LatencyPercentilesChartProps {
+  p50: number;
+  p95: number;
+  p99: number;
+  className?: string;
+  /** Custom formatter for duration values (default: ms/s format) */
+  valueFormatter?: (ms: number) => string;
+}
+declare function LatencyPercentilesChart({
+  p50,
+  p95,
+  p99,
+  className,
+  valueFormatter
+}: LatencyPercentilesChartProps): react_jsx_runtime20.JSX.Element;
+//# sourceMappingURL=latency-percentiles-chart.d.ts.map
+//#endregion
+//#region src/components/data-display/charts/status-distribution-chart.d.ts
+interface StatusDistributionData {
+  '2xx': number;
+  '3xx': number;
+  '4xx': number;
+  '5xx': number;
+}
+interface StatusDistributionChartProps {
+  data: StatusDistributionData;
+  className?: string;
+}
+declare function StatusDistributionChart({
+  data,
+  className
+}: StatusDistributionChartProps): react_jsx_runtime20.JSX.Element;
+//# sourceMappingURL=status-distribution-chart.d.ts.map
+//#endregion
+//#region src/components/data-display/charts/time-range-selector.d.ts
+type TimeRangePreset = '1h' | '6h' | '24h' | '7d' | 'custom';
+interface TimeRange {
+  preset: TimeRangePreset;
+  start: Date;
+  end: Date;
+}
+interface TimeRangeSelectorProps {
+  value: TimeRange;
+  onChange: (range: TimeRange) => void;
+  /** Available presets (default: all) */
+  presets?: Array<{
+    label: string;
+    value: TimeRangePreset;
+  }>;
+  /** Show date picker icon */
+  showIcon?: boolean;
+  /** Class name */
+  className?: string;
+}
+declare function TimeRangeSelector({
+  value,
+  onChange,
+  presets,
+  className
+}: TimeRangeSelectorProps): react_jsx_runtime20.JSX.Element;
+/**
+ * Create a time range from a preset
+ */
+declare function createTimeRange(preset?: TimeRangePreset): TimeRange;
+//# sourceMappingURL=time-range-selector.d.ts.map
+//#endregion
+//#region src/components/data-display/data-table.d.ts
+interface DataTableColumn<T> {
+  /** Unique key for the column */
+  key: string;
+  /** Header label */
+  header: string | React.ReactNode;
+  /** Accessor function to get cell value */
+  accessor?: (row: T) => React.ReactNode;
+  /** Whether this column is sortable */
+  sortable?: boolean;
+  /** Custom cell renderer */
+  cell?: (row: T, index: number) => React.ReactNode;
+  /** Column width */
+  width?: string | number;
+  /** Alignment */
+  align?: 'left' | 'center' | 'right';
+  /** Custom header class */
+  headerClassName?: string;
+  /** Custom cell class */
+  cellClassName?: string;
+}
+interface DataTableProps<T> extends React.HTMLAttributes<HTMLDivElement> {
+  /** Array of column definitions */
+  columns: DataTableColumn<T>[];
+  /** Array of data items */
+  data: T[];
+  /** Key extractor for rows */
+  getRowKey?: (row: T, index: number) => string | number;
+  /** Currently sorted column */
+  sortColumn?: string;
+  /** Sort direction */
+  sortDirection?: 'asc' | 'desc';
+  /** Callback when sort changes */
+  onSortChange?: (column: string, direction: 'asc' | 'desc') => void;
+  /** Whether to show pagination */
+  pagination?: boolean;
+  /** Current page (1-indexed) */
+  page?: number;
+  /** Items per page */
+  pageSize?: number;
+  /** Total number of items (for server-side pagination) */
+  totalItems?: number;
+  /** Callback when page changes */
+  onPageChange?: (page: number) => void;
+  /** Callback when page size changes */
+  onPageSizeChange?: (pageSize: number) => void;
+  /** Page size options */
+  pageSizeOptions?: number[];
+  /** Whether the table is loading */
+  loading?: boolean;
+  /** Empty state content */
+  emptyState?: React.ReactNode;
+  /** Row click handler */
+  onRowClick?: (row: T, index: number) => void;
+  /** Selected row keys */
+  selectedKeys?: Set<string | number>;
+  /** Striped rows */
+  striped?: boolean;
+  /** Hoverable rows */
+  hoverable?: boolean;
+  /** Compact mode */
+  compact?: boolean;
+}
+declare const DataTable: <T>(props: DataTableProps<T> & {
+  ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+//# sourceMappingURL=data-table.d.ts.map
+//#endregion
+//#region src/components/data-display/json-viewer.d.ts
+interface JsonViewerProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** The JSON data to display */
+  data: unknown;
+  /** Whether to start expanded */
+  defaultExpanded?: boolean;
+  /** Maximum depth to expand by default */
+  expandDepth?: number;
+  /** Whether to show copy button */
+  copyable?: boolean;
+  /** Custom class for keys */
+  keyClassName?: string;
+  /** Custom class for values */
+  valueClassName?: string;
+}
+declare const JsonViewer: React.ForwardRefExoticComponent<JsonViewerProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/data-display/sparkline.d.ts
+interface SparklineProps extends React.SVGAttributes<SVGSVGElement> {
+  /** Array of data points */
+  data: number[];
+  /** Width of the sparkline */
+  width?: number;
+  /** Height of the sparkline */
+  height?: number;
+  /** Stroke color */
+  color?: string;
+  /** Stroke width */
+  strokeWidth?: number;
+  /** Whether to show filled area under the line */
+  filled?: boolean;
+  /** Fill opacity (0-1) */
+  fillOpacity?: number;
+  /** Whether to show dots at data points */
+  showDots?: boolean;
+  /** Whether to curve the line */
+  curved?: boolean;
+  /** Minimum value (defaults to min of data) */
+  min?: number;
+  /** Maximum value (defaults to max of data) */
+  max?: number;
+}
+declare const Sparkline: React.ForwardRefExoticComponent<SparklineProps & React.RefAttributes<SVGSVGElement>>;
+interface SparkBarProps extends React.SVGAttributes<SVGSVGElement> {
+  /** Array of data points */
+  data: number[];
+  /** Width of the chart */
+  width?: number;
+  /** Height of the chart */
+  height?: number;
+  /** Bar color */
+  color?: string;
+  /** Gap between bars (as a ratio 0-1) */
+  gap?: number;
+  /** Minimum value (defaults to 0) */
+  min?: number;
+  /** Maximum value (defaults to max of data) */
+  max?: number;
+  /** Border radius of bars */
+  radius?: number;
+}
+declare const SparkBar: React.ForwardRefExoticComponent<SparkBarProps & React.RefAttributes<SVGSVGElement>>;
+interface MetricCardProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Card title */
+  title: string;
+  /** Main value to display */
+  value: string | number;
+  /** Optional description or subtext */
+  description?: string;
+  /** Sparkline data */
+  sparklineData?: number[];
+  /** Trend direction */
+  trend?: 'up' | 'down' | 'neutral';
+  /** Trend value (e.g., "+12%") */
+  trendValue?: string;
+  /** Icon to display */
+  icon?: React.ReactNode;
+}
+declare const MetricCard: React.ForwardRefExoticComponent<MetricCardProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/data-display/timeline.d.ts
+declare const timelineVariants: (props?: ({
+  orientation?: "vertical" | "horizontal" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface TimelineProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof timelineVariants> {}
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+declare const timelineItemVariants: (props?: ({
+  orientation?: "vertical" | "horizontal" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface TimelineItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof timelineItemVariants> {
+  /** Whether this is the active/current item */
+  active?: boolean;
+}
+declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const timelineIndicatorVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+  variant?: "default" | "primary" | "success" | "warning" | "error" | "info" | "muted" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface TimelineIndicatorProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof timelineIndicatorVariants> {
+  /** Whether to show a connecting line */
+  showLine?: boolean;
+  /** Line position */
+  linePosition?: 'before' | 'after' | 'both';
+  /** Orientation (inherited from Timeline) */
+  orientation?: 'vertical' | 'horizontal';
+}
+declare const TimelineIndicator: React.ForwardRefExoticComponent<TimelineIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+interface TimelineConnectorProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Orientation (inherited from Timeline) */
+  orientation?: 'vertical' | 'horizontal';
+}
+declare const TimelineConnector: React.ForwardRefExoticComponent<TimelineConnectorProps & React.RefAttributes<HTMLDivElement>>;
+interface TimelineContentProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentProps & React.RefAttributes<HTMLDivElement>>;
+interface TimelineTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}
+declare const TimelineTitle: React.ForwardRefExoticComponent<TimelineTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface TimelineDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}
+declare const TimelineDescription: React.ForwardRefExoticComponent<TimelineDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface TimelineTimeProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare const TimelineTime: React.ForwardRefExoticComponent<TimelineTimeProps & React.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/feedback/empty-state.d.ts
+declare const emptyStateVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+  /** Icon to display */
+  icon?: React.ReactNode;
+  /** Title text */
+  title?: string;
+  /** Description text */
+  description?: string;
+  /** Primary action button */
+  action?: {
+    label: string;
+    onClick: () => void;
+  };
+  /** Secondary action button */
+  secondaryAction?: {
+    label: string;
+    onClick: () => void;
+  };
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+interface NoDataProps extends Omit<EmptyStateProps, 'icon' | 'title'> {
+  title?: string;
+}
+declare const NoData: React.ForwardRefExoticComponent<NoDataProps & React.RefAttributes<HTMLDivElement>>;
+interface NoResultsProps extends Omit<EmptyStateProps, 'icon' | 'title'> {
+  title?: string;
+  searchTerm?: string;
+}
+declare const NoResults: React.ForwardRefExoticComponent<NoResultsProps & React.RefAttributes<HTMLDivElement>>;
+interface NotFoundProps extends Omit<EmptyStateProps, 'icon' | 'title'> {
+  title?: string;
+}
+declare const NotFound: React.ForwardRefExoticComponent<NotFoundProps & React.RefAttributes<HTMLDivElement>>;
+interface ServerErrorProps extends Omit<EmptyStateProps, 'icon' | 'title'> {
+  title?: string;
+}
+declare const ServerError: React.ForwardRefExoticComponent<ServerErrorProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/feedback/live-indicator.d.ts
+declare const liveIndicatorVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+  variant?: "default" | "solid" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface LiveIndicatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onToggle'>, VariantProps<typeof liveIndicatorVariants> {
+  /** Whether the indicator is in live/active state */
+  live?: boolean;
+  /** Label to show when live */
+  liveLabel?: string;
+  /** Label to show when paused */
+  pausedLabel?: string;
+  /** Whether to show a toggle button */
+  toggleable?: boolean;
+  /** Callback when toggled */
+  onLiveToggle?: (live: boolean) => void;
+  /** Custom color for the dot when live */
+  liveColor?: string;
+}
+declare const LiveIndicator: React.ForwardRefExoticComponent<LiveIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+interface ConnectionStatusProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Connection status */
+  status: 'connected' | 'connecting' | 'disconnected' | 'error';
+  /** Whether to show label */
+  showLabel?: boolean;
+  /** Size of the indicator */
+  size?: 'sm' | 'md' | 'lg';
+}
+declare const ConnectionStatus: React.ForwardRefExoticComponent<ConnectionStatusProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/feedback/loading.d.ts
+declare const spinnerVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface SpinnerProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'children'>, VariantProps<typeof spinnerVariants> {}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<SVGSVGElement>>;
+declare const loadingOverlayVariants: (props?: ({
+  variant?: "default" | "dark" | "light" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface LoadingOverlayProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof loadingOverlayVariants> {
+  /** Whether the overlay is visible */
+  loading?: boolean;
+  /** Text to display below spinner */
+  text?: string;
+  /** Spinner size */
+  spinnerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+declare const LoadingOverlay: React.ForwardRefExoticComponent<LoadingOverlayProps & React.RefAttributes<HTMLDivElement>>;
+interface LoadingContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Whether the container is loading */
+  loading?: boolean;
+  /** Text to display below spinner */
+  loadingText?: string;
+  /** Spinner size */
+  spinnerSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  /** Overlay variant */
+  overlayVariant?: 'default' | 'dark' | 'light';
+}
+declare const LoadingContainer: React.ForwardRefExoticComponent<LoadingContainerProps & React.RefAttributes<HTMLDivElement>>;
+interface LoadingDotsProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Size of dots */
+  size?: 'sm' | 'md' | 'lg';
+}
+declare const LoadingDots: React.ForwardRefExoticComponent<LoadingDotsProps & React.RefAttributes<HTMLDivElement>>;
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Width of the skeleton */
+  width?: string | number;
+  /** Height of the skeleton */
+  height?: string | number;
+  /** Whether to use rounded corners */
+  rounded?: boolean | 'sm' | 'md' | 'lg' | 'full';
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/feedback/status-badge.d.ts
+declare const statusBadgeVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusBadgeVariants> {
+  /** HTTP status code to display */
+  status?: number;
+  /** HTTP method to display */
+  method?: string;
+  /** Log level to display */
+  logLevel?: string;
+  /** Custom color (overrides automatic color) */
+  color?: string;
+  /** Whether to show a pulsing dot */
+  pulse?: boolean;
+}
+declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+interface HttpStatusBadgeProps extends Omit<StatusBadgeProps, 'status' | 'method' | 'logLevel'> {
+  /** HTTP status code */
+  code: number;
+}
+declare const HttpStatusBadge: React.ForwardRefExoticComponent<HttpStatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+interface HttpMethodBadgeProps extends Omit<StatusBadgeProps, 'status' | 'method' | 'logLevel'> {
+  /** HTTP method */
+  method: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'HEAD' | 'OPTIONS';
+}
+declare const HttpMethodBadge: React.ForwardRefExoticComponent<HttpMethodBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+interface LogLevelBadgeProps extends Omit<StatusBadgeProps, 'status' | 'method' | 'logLevel'> {
+  /** Log level */
+  level: 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'fatal';
+}
+declare const LogLevelBadge: React.ForwardRefExoticComponent<LogLevelBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/layout/header.d.ts
+interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
+  sticky?: boolean;
+}
+declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
+interface HeaderTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}
+declare const HeaderTitle: React.ForwardRefExoticComponent<HeaderTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface HeaderDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}
+declare const HeaderDescription: React.ForwardRefExoticComponent<HeaderDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface HeaderActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const HeaderActions: React.ForwardRefExoticComponent<HeaderActionsProps & React.RefAttributes<HTMLDivElement>>;
+interface BreadcrumbItem {
+  label: string;
+  href?: string;
+  current?: boolean;
+}
+interface HeaderBreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+  items: BreadcrumbItem[];
+  separator?: React.ReactNode;
+}
+declare const HeaderBreadcrumbs: React.ForwardRefExoticComponent<HeaderBreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+interface HeaderGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+  align?: 'start' | 'center' | 'end';
+}
+declare const HeaderGroup: React.ForwardRefExoticComponent<HeaderGroupProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/layout/shell.d.ts
+interface ShellProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const Shell: React.ForwardRefExoticComponent<ShellProps & React.RefAttributes<HTMLDivElement>>;
+interface ShellSidebarProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ShellSidebar: React.ForwardRefExoticComponent<ShellSidebarProps & React.RefAttributes<HTMLDivElement>>;
+interface ShellMainProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ShellMain: React.ForwardRefExoticComponent<ShellMainProps & React.RefAttributes<HTMLDivElement>>;
+interface ShellHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ShellHeader: React.ForwardRefExoticComponent<ShellHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface ShellContentProps extends React.HTMLAttributes<HTMLDivElement> {
+  scrollable?: boolean;
+}
+declare const ShellContent: React.ForwardRefExoticComponent<ShellContentProps & React.RefAttributes<HTMLDivElement>>;
+interface ShellFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ShellFooter: React.ForwardRefExoticComponent<ShellFooterProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/layout/sidebar.d.ts
+declare const sidebarVariants: (props?: ({
+  collapsed?: boolean | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface SidebarProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarVariants> {
+  collapsed?: boolean;
+  onCollapsedChange?: (collapsed: boolean) => void;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+}
+declare function useSidebar(): {
+  collapsed: boolean;
+  setCollapsed: (collapsed: boolean) => void;
+};
+declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
+declare const SidebarToggle: React.ForwardRefExoticComponent<SidebarToggleProps & React.RefAttributes<HTMLButtonElement>>;
+interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+  title?: string;
+}
+declare const SidebarSection: React.ForwardRefExoticComponent<SidebarSectionProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  icon?: LucideIcon;
+  active?: boolean;
+  badge?: React.ReactNode;
+}
+declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLButtonElement>>;
+interface SidebarLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  icon?: LucideIcon;
+  active?: boolean;
+  badge?: React.ReactNode;
+}
+declare const SidebarLink: React.ForwardRefExoticComponent<SidebarLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+//#region src/components/layout/split-pane.d.ts
+interface SplitPaneProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Direction of the split */
+  direction?: 'horizontal' | 'vertical';
+  /** Initial size of the first pane (in pixels or percentage) */
+  defaultSize?: number | string;
+  /** Minimum size of the first pane in pixels */
+  minSize?: number;
+  /** Maximum size of the first pane in pixels */
+  maxSize?: number;
+  /** Called when the pane size changes */
+  onSizeChange?: (size: number) => void;
+  /** Whether to show the resize handle */
+  resizable?: boolean;
+}
+declare const SplitPane: React.ForwardRefExoticComponent<SplitPaneProps & React.RefAttributes<HTMLDivElement>>;
+interface SplitPanePanelProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const SplitPanePanel: React.ForwardRefExoticComponent<SplitPanePanelProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "success" | "warning" | "info" | "secondary" | "destructive" | "outline" | "get" | "post" | "put" | "patch" | "delete" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
+declare function Badge({
+  className,
+  variant,
+  ...props
+}: BadgeProps): react_jsx_runtime20.JSX.Element;
+//#endregion
+//#region src/components/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+  size?: "sm" | "lg" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/ui/card.d.ts
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/ui/code-block.d.ts
+interface CodeBlockProps {
+  code: string;
+  language?: string;
+  showLineNumbers?: boolean;
+  className?: string;
+}
+declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLPreElement>>;
+//#endregion
+//#region src/components/ui/dialog.d.ts
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+  ({
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime20.JSX.Element;
+  displayName: string;
+};
+declare const DialogFooter: {
+  ({
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime20.JSX.Element;
+  displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+//#region src/components/ui/dropdown-menu.d.ts
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+  ({
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime20.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/ui/input.d.ts
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/ui/label.d.ts
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types0.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/ui/scroll-area.d.ts
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/ui/select.d.ts
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/ui/separator.d.ts
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/ui/table.d.ts
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+//#endregion
+//#region src/components/ui/tabs.d.ts
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/ui/tooltip.d.ts
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map
+
+//#endregion
+export { AreaTimeSeriesChart, AreaTimeSeriesChartProps, Badge, BadgeProps, BarListChart, BarListChartProps, BarListItem, BreadcrumbItem, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CodeBlock, CodeBlockProps, ConnectionStatus, ConnectionStatusProps, DataTable, DataTableColumn, DataTableProps, 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, EmptyState, EmptyStateProps, Header, HeaderActions, HeaderActionsProps, HeaderBreadcrumbs, HeaderBreadcrumbsProps, HeaderDescription, HeaderDescriptionProps, HeaderGroup, HeaderGroupProps, HeaderProps, HeaderTitle, HeaderTitleProps, HttpMethod, HttpMethodBadge, HttpMethodBadgeProps, HttpStatusBadge, HttpStatusBadgeProps, Input, JsonViewer, JsonViewerProps, Label, LatencyPercentilesChart, LatencyPercentilesChartProps, LiveIndicator, LiveIndicatorProps, LoadingContainer, LoadingContainerProps, LoadingDots, LoadingDotsProps, LoadingOverlay, LoadingOverlayProps, LogLevel, LogLevelBadge, LogLevelBadgeProps, MetricCard, MetricCardProps, NoData, NoDataProps, NoResults, NoResultsProps, NotFound, NotFoundProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ServerError, ServerErrorProps, Shell, ShellContent, ShellContentProps, ShellFooter, ShellFooterProps, ShellHeader, ShellHeaderProps, ShellMain, ShellMainProps, ShellProps, ShellSidebar, ShellSidebarProps, Sidebar, SidebarItem, SidebarItemProps, SidebarLink, SidebarLinkProps, SidebarProps, SidebarSection, SidebarSectionProps, SidebarToggle, SidebarToggleProps, Skeleton, SkeletonProps, SparkBar, SparkBarProps, Sparkline, SparklineProps, Spinner, SpinnerProps, SplitPane, SplitPanePanel, SplitPanePanelProps, SplitPaneProps, StatusBadge, StatusBadgeProps, StatusDistributionChart, StatusDistributionChartProps, StatusDistributionData, StatusRange, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Theme, ThemeColors, TimeRange, TimeRangePreset, TimeRangeSelector, TimeRangeSelectorProps, TimeSeriesDataPoint, Timeline, TimelineConnector, TimelineConnectorProps, TimelineContent, TimelineContentProps, TimelineDescription, TimelineDescriptionProps, TimelineIndicator, TimelineIndicatorProps, TimelineItem, TimelineItemProps, TimelineProps, TimelineTime, TimelineTimeProps, TimelineTitle, TimelineTitleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UseWebSocketOptions, UseWebSocketReturn, WebSocketStatus, badgeVariants, buttonVariants, cn, createTimeRange, emptyStateVariants, getLogLevelColor, getMethodColor, getStatusColor, liveIndicatorVariants, loadingOverlayVariants, sidebarVariants, spinnerVariants, statusBadgeVariants, theme, timelineIndicatorVariants, timelineItemVariants, timelineVariants, useDebounce, useLocalStorage, useSidebar, useWebSocket };
+//# sourceMappingURL=index.d.cts.map