@brickkit/cli/dashboard

import { appFetch, Badge, badgeVariants } from "@brickkit/cli/dashboard";

function appFetch(path: string, init?: RequestInit): Promise<Response>

function Badge(
  { className, variant = "default", render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>,
): ReactElement<unknown, string | JSXElementConstructor<any>>

function Button(
  { className, variant = "default", size = "default", ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>,
): JSX.Element

function Card(
  { className, size = "default", ...props }: React.ComponentProps<"div"> & { size?: "default" | "sm" },
): React.JSX.Element

function CardAction(
  { className, ...props }: React.ComponentProps<"div">,
): React.JSX.Element

function CardContent(
  { className, ...props }: React.ComponentProps<"div">,
): React.JSX.Element

function CardDescription(
  { className, ...props }: React.ComponentProps<"div">,
): React.JSX.Element

function CardFooter(
  { className, ...props }: React.ComponentProps<"div">,
): React.JSX.Element

function CardHeader(
  { className, ...props }: React.ComponentProps<"div">,
): React.JSX.Element

function CardTitle(
  { className, ...props }: React.ComponentProps<"div">,
): React.JSX.Element

function Checkbox(
  { className, ...props }: CheckboxPrimitive.Root.Props,
): JSX.Element

function cn(...inputs: ClassValue[]): string

function createAppClient<TApp extends Record<string, any>>(
  options: Omit<BrickClientOptions, "baseUrl"> & { contract?: TApp } = {},
): BrickClient<TApp>

function defineDashboard<T extends DashboardExtension>(extension: T): T

function Empty({ title, hint }: { title: string; hint?: string }): JSX.Element

function Input(
  { className, type, ...props }: React.ComponentProps<"input">,
): React.JSX.Element

function Kbd({ className, ...props }: React.ComponentProps<"kbd">): JSX.Element

function KbdGroup(
  { className, ...props }: React.ComponentProps<"div">,
): JSX.Element

function Metric(
  { icon, label, value, note, spark }: { icon?: ReactNode; label: string; value: ReactNode; /** A line under the value. */ note?: string; /** Recent values for t…,
): JSX.Element

function PageHeader(
  { title, description, actions }: { title: string; description?: string; actions?: ReactNode; },
): JSX.Element

function Panel(
  { className, children, title, ...props }: Omit<ComponentProps<"div">, "title"> & { title?: ReactNode },
): JSX.Element

function Popover({ ...props }: PopoverPrimitive.Root.Props): JSX.Element

function PopoverContent(
  { className, align = "start", alignOffset = 0, side = "bottom", sideOffset = 6, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Pro…,
): JSX.Element

function PopoverTrigger(
  { ...props }: PopoverPrimitive.Trigger.Props,
): JSX.Element

function Separator(
  { className, orientation = "horizontal", ...props }: SeparatorPrimitive.Props,
): JSX.Element

function SparkBars({ values }: { values: number[] }): JSX.Element

function Table(
  { className, ...props }: React.ComponentProps<"table">,
): React.JSX.Element

function TableBody(
  { className, ...props }: React.ComponentProps<"tbody">,
): React.JSX.Element

function TableCaption(
  { className, ...props }: React.ComponentProps<"caption">,
): React.JSX.Element

function TableCell(
  { className, ...props }: React.ComponentProps<"td">,
): React.JSX.Element

function TableFooter(
  { className, ...props }: React.ComponentProps<"tfoot">,
): React.JSX.Element

function TableHead(
  { className, ...props }: React.ComponentProps<"th">,
): React.JSX.Element

function TableHeader(
  { className, ...props }: React.ComponentProps<"thead">,
): React.JSX.Element

function TableRow(
  { className, ...props }: React.ComponentProps<"tr">,
): React.JSX.Element

function Toggle(
  { className, variant = "default", size = "default", ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>,
): JSX.Element

function ToggleGroup(
  { className, variant, size, spacing = 2, orientation = "horizontal", children, ...props }: ToggleGroupPrimitive.Props & VariantProps<typeof toggleVariants> & {…,
): React.JSX.Element

function ToggleGroupItem(
  { className, children, variant = "default", size = "default", ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>,
): React.JSX.Element

function Tooltip({ ...props }: TooltipPrimitive.Root.Props): JSX.Element

function TooltipContent(
  { className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positi…,
): JSX.Element

function TooltipProvider(
  { delay = 0, ...props }: TooltipPrimitive.Provider.Props,
): JSX.Element

function TooltipTrigger(
  { ...props }: TooltipPrimitive.Trigger.Props,
): JSX.Element

function useAppFetch<T = unknown>(
  path: string | null,
  init?: RequestInit,
): AppFetchResult<T>

function useAppQuery<T>(
  query: ((signal: AbortSignal) => Promise<T>) | null,
  deps: readonly unknown[],
): AppFetchResult<T>

function useArchitecture(): ArchitectureSchema | null

function useRequests(): TraceSummary[]

interface AppFetchResult<T>

interface DashboardExtension

interface DashboardSlots

interface DrawerTab

interface DrawerTabContext extends SlotContext

interface PageProps extends SlotContext

interface Placement

interface Route

interface SidebarLink extends Placement

interface SidebarSlotContext extends SlotContext

interface SlotContext

interface TraceSpan

interface TraceSummary

type ExtensionPage =
  | (PageBase & { component: ComponentType<PageProps>; url?: undefined })
  /** A page shown in a frame. It cannot fill slots or follow the theme. */
  | (PageBase & { url: string; component?: undefined });

type SlotName = keyof DashboardSlots;

const badgeVariants: (props?: ({ variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined; } & ClassProp) | undefined) => string

const buttonVariants: (props?: ({ variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined; size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined; } &…

const toggleVariants: (props?: ({ variant?: "default" | "outline" | null | undefined; size?: "default" | "sm" | "lg" | null | undefined; } & ClassProp) | undefined) => string