@flanksource/clicky-ui 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,834 @@
+import { ClassValue } from "clsx";
+import * as _$react from "react";
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode, SelectHTMLAttributes, SyntheticEvent } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+//#region src/lib/palette.d.ts
+declare const AVATAR_PALETTE: readonly string[];
+declare function fnv1a32(s: string): number;
+declare function paletteClass(key: string): string;
+//#endregion
+//#region src/hooks/use-theme.d.ts
+type Theme = "light" | "dark" | "system";
+type ResolvedTheme = "light" | "dark";
+type ThemeContextValue = {
+  theme: Theme;
+  resolvedTheme: ResolvedTheme;
+  setTheme: (next: Theme) => void;
+};
+type ThemeProviderProps = {
+  children: ReactNode;
+  defaultTheme?: Theme;
+  storageKey?: string;
+};
+declare function ThemeProvider({
+  children,
+  defaultTheme,
+  storageKey
+}: ThemeProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+//#endregion
+//#region src/hooks/use-density.d.ts
+type Density = "compact" | "comfortable" | "spacious";
+type DensityContextValue = {
+  density: Density;
+  setDensity: (next: Density) => void;
+};
+type DensityProviderProps = {
+  children: ReactNode;
+  defaultDensity?: Density;
+  storageKey?: string;
+};
+declare function DensityProvider({
+  children,
+  defaultDensity,
+  storageKey
+}: DensityProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function useDensity(): DensityContextValue;
+//#endregion
+//#region src/hooks/use-sort.d.ts
+type SortDir = "asc" | "desc";
+type SortState = {
+  key: string;
+  dir: SortDir;
+};
+type UseSortOptions<T> = {
+  defaultKey?: string;
+  defaultDir?: SortDir;
+  resolvers?: Record<string, (item: T) => unknown>;
+};
+type UseSortReturn<T> = {
+  sorted: T[];
+  sort: SortState | null;
+  toggle: (key: string) => void;
+};
+declare function useSort<T>(items: T[], options?: UseSortOptions<T>): UseSortReturn<T>;
+//#endregion
+//#region src/hooks/use-history-route.d.ts
+type UseHistoryRouteOptions<R> = {
+  parse: (pathname: string, search: string) => R;
+  build: (route: R) => string;
+};
+declare function useHistoryRoute<R>(options: UseHistoryRouteOptions<R>): [R, (next: Partial<R> | ((prev: R) => R)) => void];
+//#endregion
+//#region src/components/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+};
+declare const Button: _$react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string> & {
+  asChild?: boolean;
+} & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/select.d.ts
+type SelectOption = {
+  value: string;
+  label: string;
+  disabled?: boolean;
+};
+type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
+  options?: SelectOption[];
+  placeholder?: string;
+};
+declare const Select: _$react.ForwardRefExoticComponent<SelectHTMLAttributes<HTMLSelectElement> & {
+  options?: SelectOption[];
+  placeholder?: string;
+} & _$react.RefAttributes<HTMLSelectElement>>;
+//#endregion
+//#region src/components/theme-switcher.d.ts
+type ThemeSwitcherProps = HTMLAttributes<HTMLDivElement>;
+declare const ThemeSwitcher: _$react.ForwardRefExoticComponent<ThemeSwitcherProps & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/density-switcher.d.ts
+type DensitySwitcherProps = HTMLAttributes<HTMLDivElement>;
+declare const DensitySwitcher: _$react.ForwardRefExoticComponent<DensitySwitcherProps & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/layout/SplitPane.d.ts
+type SplitPaneProps = {
+  left: ReactNode;
+  right: ReactNode;
+  defaultSplit?: number;
+  minLeft?: number;
+  minRight?: number;
+  leftClass?: string;
+  rightClass?: string;
+  className?: string;
+};
+declare function SplitPane({
+  left,
+  right,
+  defaultSplit,
+  minLeft,
+  minRight,
+  leftClass,
+  rightClass,
+  className
+}: SplitPaneProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/layout/Section.d.ts
+type SectionProps = {
+  title: ReactNode;
+  summary?: ReactNode;
+  defaultOpen?: boolean;
+  open?: boolean;
+  onToggle?: (open: boolean) => void;
+  icon?: string;
+  tone?: "default" | "danger" | "warning" | "success" | "info";
+  className?: string;
+  headerClassName?: string;
+  bodyClassName?: string;
+  children: ReactNode;
+};
+declare function Section({
+  title,
+  summary,
+  defaultOpen,
+  open: openProp,
+  onToggle,
+  icon,
+  tone,
+  className,
+  headerClassName,
+  bodyClassName,
+  children
+}: SectionProps): _$react_jsx_runtime0.JSX.Element;
+type DetailEmptyStateProps = {
+  icon?: string;
+  label: ReactNode;
+  description?: ReactNode;
+  className?: string;
+};
+declare function DetailEmptyState({
+  icon,
+  label,
+  description,
+  className
+}: DetailEmptyStateProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/AnsiHtml.d.ts
+type AnsiHtmlProps = {
+  text: string;
+  className?: string;
+  as?: "pre" | "span";
+};
+declare function AnsiHtml({
+  text,
+  className,
+  as
+}: AnsiHtmlProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/Avatar.d.ts
+type AvatarProps = {
+  src?: string;
+  alt: string;
+  size?: number;
+  rounded?: "full" | "md";
+  title?: string;
+  href?: string;
+  /**
+   * Selects the palette color for the initial-fallback. Defaults to `alt` so
+   * repeated rendering of the same identity stays consistent. Pass the full
+   * "owner/name" for repo avatars so two repos named "cli" under different
+   * orgs render with different colors.
+   */
+  colorKey?: string;
+  onError?: (e: SyntheticEvent<HTMLImageElement>) => void;
+  className?: string;
+};
+declare function Avatar({
+  src,
+  alt,
+  size,
+  rounded,
+  title,
+  href,
+  colorKey,
+  onError,
+  className
+}: AvatarProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/Badge.d.ts
+declare const badgeVariants: (props?: ({
+  tone?: "neutral" | "success" | "danger" | "warning" | "info" | null | undefined;
+  variant?: "outline" | "soft" | "solid" | null | undefined;
+  size?: "sm" | "lg" | "md" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+type BadgeProps = VariantProps<typeof badgeVariants> & {
+  children?: ReactNode;
+  icon?: string;
+  count?: number;
+  className?: string;
+};
+declare function Badge({
+  tone,
+  variant,
+  size,
+  icon,
+  count,
+  children,
+  className
+}: BadgeProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/Clicky.d.ts
+type ClickyStyle = {
+  className?: string;
+  color?: string;
+  backgroundColor?: string;
+  bold?: boolean;
+  faint?: boolean;
+  italic?: boolean;
+  underline?: boolean;
+  strikethrough?: boolean;
+  textTransform?: string;
+  maxWidth?: number;
+  maxLines?: number;
+  truncateMode?: "suffix" | "prefix" | "headtail";
+  monospace?: boolean;
+};
+type ClickyField = {
+  name: string;
+  label?: string;
+  value: ClickyNode;
+};
+type ClickyColumn = {
+  name: string;
+  label?: string;
+  header?: ClickyNode;
+  align?: "left" | "right" | "center";
+};
+type ClickyRow = {
+  cells: Record<string, ClickyNode>;
+  detail?: ClickyNode;
+};
+type ClickyTreeItem = {
+  id: string;
+  label: ClickyNode;
+  children?: ClickyTreeItem[];
+};
+type ClickyNode = {
+  kind: "text" | "icon" | "list" | "map" | "table" | "tree" | "code" | "collapsed" | "button" | "button-group" | "html" | "comment";
+  plain?: string;
+  style?: ClickyStyle;
+  text?: string;
+  children?: ClickyNode[];
+  tooltip?: ClickyNode;
+  html?: string;
+  inline?: boolean;
+  ordered?: boolean;
+  unstyled?: boolean;
+  bullet?: ClickyNode;
+  items?: ClickyNode[];
+  fields?: ClickyField[];
+  columns?: ClickyColumn[];
+  rows?: ClickyRow[];
+  roots?: ClickyTreeItem[];
+  label?: ClickyNode;
+  content?: ClickyNode;
+  href?: string;
+  id?: string;
+  payload?: string;
+  variant?: string;
+  iconify?: string;
+  unicode?: string;
+  language?: string;
+  source?: string;
+  highlightedHtml?: string;
+};
+type ClickyDocument = {
+  version: 1;
+  node: ClickyNode;
+};
+type ClickyProps = {
+  data: ClickyDocument | ClickyNode | string;
+  className?: string;
+};
+declare function Clicky({
+  data,
+  className
+}: ClickyProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/FilterPill.d.ts
+type FilterMode = "active" | "neutral" | "include" | "exclude";
+type FilterPillProps = {
+  mode?: FilterMode;
+  label: ReactNode;
+  count?: number;
+  icon?: string;
+  badge?: string;
+  /**
+   * Tri-state handler. When provided the pill renders as a toggle with a left
+   * minus (exclude) and right plus (include) region. Clicking a side toggles
+   * that state against "neutral"; clicking the label cycles neutral → include
+   * → exclude → neutral.
+   */
+  onModeChange?: (next: FilterMode) => void; /** Legacy single-click handler, used when onModeChange is not provided. */
+  onClick?: () => void;
+  title?: string;
+  className?: string;
+};
+declare function FilterPill({
+  mode,
+  label,
+  count,
+  icon,
+  badge,
+  onModeChange,
+  onClick,
+  title,
+  className
+}: FilterPillProps): _$react_jsx_runtime0.JSX.Element;
+type FilterPillGroupProps = {
+  children: ReactNode;
+  className?: string;
+};
+declare function FilterPillGroup({
+  children,
+  className
+}: FilterPillGroupProps): _$react_jsx_runtime0.JSX.Element;
+declare function FilterSeparator(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/Gauge.d.ts
+type GaugeTone = "neutral" | "success" | "warning" | "danger" | "info";
+type GaugeProps = {
+  label: ReactNode;
+  value: number;
+  max?: number;
+  tone?: GaugeTone;
+  suffix?: string;
+  className?: string;
+};
+declare function Gauge({
+  label,
+  value,
+  max,
+  tone,
+  suffix,
+  className
+}: GaugeProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/Icon.d.ts
+type IconProps = {
+  name: string;
+  className?: string;
+  width?: string | number;
+  height?: string | number;
+  rotate?: string | number;
+  flip?: string;
+  inline?: boolean;
+  title?: string;
+};
+declare function Icon({
+  name,
+  className,
+  width,
+  height,
+  rotate,
+  flip,
+  inline,
+  title
+}: IconProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/JsonView.d.ts
+type JsonViewProps = {
+  data: unknown;
+  name?: string;
+  depth?: number;
+  defaultOpenDepth?: number;
+};
+declare function JsonView({
+  data,
+  name,
+  depth,
+  defaultOpenDepth
+}: JsonViewProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/LogViewer.d.ts
+type LogViewerProps = {
+  logs: string;
+  collapsedLines?: number;
+  maxExpandedVh?: number;
+  bgClass?: string;
+  borderClass?: string;
+  className?: string;
+};
+declare function LogViewer({
+  logs,
+  collapsedLines,
+  maxExpandedVh,
+  bgClass,
+  borderClass,
+  className
+}: LogViewerProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/Markdown.d.ts
+type MarkdownProps = {
+  text: string;
+  className?: string;
+};
+declare function Markdown({
+  text,
+  className
+}: MarkdownProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/ProgressBar.d.ts
+type ProgressSegment = {
+  count: number;
+  color: string;
+  label: string;
+};
+type ProgressBarProps = {
+  segments: ProgressSegment[];
+  total: number;
+  height?: string;
+  className?: string;
+};
+declare function ProgressBar({
+  segments,
+  total,
+  height,
+  className
+}: ProgressBarProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/data/SortableHeader.d.ts
+type SortableHeaderProps = {
+  active: boolean;
+  dir?: SortDir | undefined;
+  onClick: () => void;
+  align?: "left" | "right" | "center";
+  className?: string;
+  children: ReactNode;
+};
+declare function SortableHeader({
+  active,
+  dir,
+  onClick,
+  align,
+  className,
+  children
+}: SortableHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/TabButton.d.ts
+type TabButtonProps = {
+  active: boolean;
+  onClick: () => void;
+  label: ReactNode;
+  icon?: string;
+  count?: number;
+  countColor?: string;
+  className?: string;
+};
+declare function TabButton({
+  active,
+  onClick,
+  label,
+  icon,
+  count,
+  countColor,
+  className
+}: TabButtonProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/TreeNode.d.ts
+type TreeRowContext<T> = {
+  node: T;
+  depth: number;
+  open: boolean;
+  selected: boolean;
+  hasChildren: boolean;
+  toggle: () => void;
+};
+type TreeNodeProps<T> = {
+  node: T;
+  depth?: number;
+  expandAll?: boolean | null;
+  selected?: T | null;
+  defaultOpen?: (node: T, depth: number) => boolean;
+  getChildren: (node: T) => T[] | undefined;
+  getKey: (node: T) => string | number;
+  onSelect?: (node: T) => void;
+  renderRow: (ctx: TreeRowContext<T>) => ReactNode;
+  rowClass?: (node: T, selected: boolean) => string;
+  indentPx?: number;
+  basePaddingPx?: number;
+};
+declare function TreeNode<T>({
+  node,
+  depth,
+  expandAll,
+  selected,
+  defaultOpen,
+  getChildren,
+  getKey,
+  onSelect,
+  renderRow,
+  rowClass,
+  indentPx,
+  basePaddingPx
+}: TreeNodeProps<T>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/Tree.d.ts
+type TreeProps<T> = Omit<TreeNodeProps<T>, "node" | "depth" | "expandAll"> & {
+  roots: T[];
+  empty?: ReactNode;
+  className?: string;
+  /**
+   * Render the Expand all / Collapse all toolbar above the tree. Enabled by
+   * default. Set to false to suppress when the tree is tiny or the controls
+   * are owned externally.
+   */
+  showControls?: boolean;
+  /**
+   * Externally controlled expand-all state. When provided together with
+   * `onExpandAllChange`, the tree is controlled; otherwise it manages the
+   * toolbar state internally.
+   */
+  expandAll?: boolean | null;
+  onExpandAllChange?: (next: boolean | null) => void;
+  toolbarClassName?: string;
+};
+declare function Tree<T>({
+  roots,
+  empty,
+  className,
+  showControls,
+  expandAll: controlledExpandAll,
+  onExpandAllChange,
+  toolbarClassName,
+  ...nodeProps
+}: TreeProps<T>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/TreeGroupHeader.d.ts
+type TreeGroupHeaderProps = {
+  title: ReactNode;
+  open: boolean;
+  onToggle: () => void;
+  icon?: string;
+  count?: number;
+  className?: string;
+};
+declare function TreeGroupHeader({
+  title,
+  open,
+  onToggle,
+  icon,
+  count,
+  className
+}: TreeGroupHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/diagnostics/types.d.ts
+interface ProcessNode {
+  pid: number;
+  ppid?: number;
+  name?: string;
+  command?: string;
+  status?: string;
+  cpu_percent?: number;
+  rss?: number;
+  vms?: number;
+  open_files?: number;
+  is_root?: boolean;
+  children?: ProcessNode[];
+  stack_capture?: StackCapture;
+}
+interface StackCapture {
+  status: "ready" | "unsupported" | "error";
+  supported?: boolean;
+  text?: string;
+  error?: string;
+  collected_at?: string;
+}
+interface RunMeta {
+  version?: string;
+  sequence: number;
+  kind?: "initial" | "rerun" | string;
+  started?: string;
+  ended?: string;
+  args?: Record<string, unknown>;
+}
+//#endregion
+//#region src/data/diagnostics/DiagnosticsTree.d.ts
+type DiagnosticsTreeProps = {
+  root?: ProcessNode;
+  selectedPid?: number | null;
+  expandAll?: boolean | null;
+  onSelect: (pid: number) => void;
+};
+declare function DiagnosticsTree({
+  root,
+  selectedPid,
+  expandAll,
+  onSelect
+}: DiagnosticsTreeProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/diagnostics/DiagnosticsDetailPanel.d.ts
+type DiagnosticsDetailPanelProps = {
+  process: ProcessNode | null;
+  collectBusy?: boolean;
+  onCollectStack?: (pid: number) => void | Promise<void>;
+  runMeta?: RunMeta;
+};
+declare function DiagnosticsDetailPanel({
+  process,
+  collectBusy,
+  onCollectStack,
+  runMeta
+}: DiagnosticsDetailPanelProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/data/diagnostics/utils.d.ts
+declare function countProcesses(node?: ProcessNode): number;
+declare function findProcessByPID(node: ProcessNode | undefined, pid: number): ProcessNode | null;
+declare function processStateIcon(status?: string): string;
+declare function processStateColor(status?: string): string;
+declare function processLabel(node: ProcessNode): string;
+//#endregion
+//#region src/data/diagnostics/jvm-stacktrace.d.ts
+interface ParsedThreadFrame {
+  functionName: string;
+  displayName: string;
+  file?: string;
+  line?: number;
+  location?: string;
+  kind: "frame" | "locked" | "waiting_on" | "waiting_to_lock" | "parking";
+  runtime: boolean;
+  nativeMethod: boolean;
+  annotationText?: string;
+}
+interface ParsedThread {
+  id: number;
+  nid?: string;
+  name: string;
+  state: string;
+  rawState: string;
+  priority?: number;
+  daemon?: boolean;
+  frames: ParsedThreadFrame[];
+  raw: string;
+  userFrameCount: number;
+  topFunction?: string;
+  searchText: string;
+}
+declare function parseJvmThreadDump(text: string): ParsedThread[];
+declare function countThreadsByState(threads: ParsedThread[]): Map<string, number>;
+//#endregion
+//#region src/data/diagnostics/stacktrace.d.ts
+type DumpFormat = "go" | "jvm" | "unknown";
+type ParsedStack = {
+  format: "go";
+  goroutines: ParsedGoroutine[];
+} | {
+  format: "jvm";
+  threads: ParsedThread[];
+} | {
+  format: "unknown";
+  goroutines: [];
+  threads: [];
+};
+declare function detectDumpFormat(text: string): DumpFormat;
+declare function parseStackDump(text: string): ParsedStack;
+declare function countStackByState(stack: ParsedStack): Map<string, number>;
+interface ParsedGoroutineFrame {
+  functionName: string;
+  displayName: string;
+  file?: string;
+  location?: string;
+  line?: number;
+  kind: "frame" | "created_by";
+  runtime: boolean;
+}
+interface ParsedGoroutine {
+  id: number;
+  state: string;
+  rawState: string;
+  frames: ParsedGoroutineFrame[];
+  raw: string;
+  userFrameCount: number;
+  topFunction?: string;
+  searchText: string;
+}
+declare function parseGoroutineDump(text: string): ParsedGoroutine[];
+declare function countGoroutinesByState(goroutines: ParsedGoroutine[]): Map<string, number>;
+//#endregion
+//#region src/data/har/types.d.ts
+interface HARHeader {
+  name: string;
+  value: string;
+}
+interface HARPostData {
+  mimeType: string;
+  text: string;
+}
+interface HARContent {
+  size: number;
+  mimeType?: string;
+  text?: string;
+  truncated?: boolean;
+}
+interface HARRequest {
+  method: string;
+  url: string;
+  httpVersion?: string;
+  headers?: HARHeader[];
+  queryString?: HARHeader[];
+  postData?: HARPostData;
+  headersSize?: number;
+  bodySize?: number;
+}
+interface HARResponse {
+  status: number;
+  statusText?: string;
+  httpVersion?: string;
+  headers?: HARHeader[];
+  content?: HARContent;
+  redirectURL?: string;
+  headersSize?: number;
+  bodySize: number;
+}
+interface HAREntry {
+  startedDateTime?: string;
+  time: number;
+  request: HARRequest;
+  response: HARResponse;
+  cache?: unknown;
+  timings?: {
+    send?: number;
+    wait?: number;
+    receive?: number;
+  };
+}
+//#endregion
+//#region src/data/har/HarPanel.d.ts
+type HarPanelProps = {
+  entries: HAREntry[];
+  search?: string;
+  emptyLabel?: string;
+  className?: string;
+};
+declare function HarPanel({
+  entries,
+  search,
+  emptyLabel,
+  className
+}: HarPanelProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/overlay/HoverCard.d.ts
+type HoverCardPlacement = "top" | "bottom" | "left" | "right";
+type HoverCardProps = {
+  trigger: ReactNode;
+  children: ReactNode;
+  placement?: HoverCardPlacement;
+  delay?: number;
+  arrow?: boolean;
+  className?: string;
+  cardClassName?: string;
+};
+declare function HoverCard({
+  trigger,
+  children,
+  placement,
+  delay,
+  arrow,
+  className,
+  cardClassName
+}: HoverCardProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/overlay/Modal.d.ts
+type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
+type ModalProps = {
+  open: boolean;
+  onClose: () => void;
+  title?: ReactNode;
+  size?: ModalSize;
+  closeOnBackdrop?: boolean;
+  closeOnEsc?: boolean;
+  hideClose?: boolean;
+  className?: string;
+  headerSlot?: ReactNode;
+  footer?: ReactNode;
+  children: ReactNode;
+};
+declare function Modal({
+  open,
+  onClose,
+  title,
+  size,
+  closeOnBackdrop,
+  closeOnEsc,
+  hideClose,
+  className,
+  headerSlot,
+  footer,
+  children
+}: ModalProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { AVATAR_PALETTE, AnsiHtml, type AnsiHtmlProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Clicky, type ClickyColumn, type ClickyDocument, type ClickyField, type ClickyNode, type ClickyProps, type ClickyRow, type ClickyStyle, type ClickyTreeItem, type Density, DensityProvider, DensitySwitcher, type DensitySwitcherProps, DetailEmptyState, type DetailEmptyStateProps, DiagnosticsDetailPanel, type DiagnosticsDetailPanelProps, DiagnosticsTree, type DiagnosticsTreeProps, type DumpFormat, type FilterMode, FilterPill, FilterPillGroup, type FilterPillGroupProps, type FilterPillProps, FilterSeparator, Gauge, type GaugeProps, type GaugeTone, type HARContent, type HAREntry, type HARHeader, type HARPostData, type HARRequest, type HARResponse, HarPanel, type HarPanelProps, HoverCard, type HoverCardPlacement, type HoverCardProps, Icon, type IconProps, JsonView, type JsonViewProps, LogViewer, type LogViewerProps, Markdown, type MarkdownProps, Modal, type ModalProps, type ModalSize, type ParsedGoroutine, type ParsedGoroutineFrame, type ParsedStack, type ParsedThread, type ParsedThreadFrame, type ProcessNode, ProgressBar, type ProgressBarProps, type ProgressSegment, type ResolvedTheme, type RunMeta, Section, type SectionProps, Select, type SelectOption, type SelectProps, type SortDir, type SortState, SortableHeader, type SortableHeaderProps, SplitPane, type SplitPaneProps, type StackCapture, TabButton, type TabButtonProps, type Theme, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, Tree, TreeGroupHeader, type TreeGroupHeaderProps, TreeNode, type TreeNodeProps, type TreeProps, type TreeRowContext, type UseHistoryRouteOptions, type UseSortOptions, type UseSortReturn, badgeVariants, buttonVariants, cn, countGoroutinesByState, countProcesses, countStackByState, countThreadsByState, detectDumpFormat, findProcessByPID, fnv1a32, paletteClass, parseGoroutineDump, parseJvmThreadDump, parseStackDump, processLabel, processStateColor, processStateIcon, useDensity, useHistoryRoute, useSort, useTheme };
+//# sourceMappingURL=index.d.mts.map