@labpane/ui 0.0.0-stage → 1.2.0

package/dist/terminal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../terminal.tsx"],
+  "sourcesContent": ["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { WTerm, type TerminalCore } from \"@wterm/dom\";\nimport { cn } from \"./classes.js\";\nimport {\n  Maximize2Icon,\n  Minimize2Icon,\n  RotateCwIcon,\n  XIcon,\n} from \"lucide-react\";\nimport { Button } from \"./button.js\";\n\nexport type TerminalTheme = {\n  foreground: number;\n  background: number;\n  cursor: number;\n  palette: number[];\n};\nexport type TerminalShell = {\n  attach: (write: (data: string) => void) => unknown;\n  handleInput: (data: string) => unknown;\n};\nexport type TerminalHandle = { reconnect: () => void; focus: () => void };\n\nexport const terminalThemes = {\n  dark: {\n    foreground: 0xe5e5e5,\n    background: 0x262626,\n    cursor: 0xe5e5e5,\n    palette: [\n      0x1e1e1e, 0xf44747, 0x6a9955, 0xd7ba7d, 0x569cd6, 0xc586c0, 0x4ec9b0,\n      0xd4d4d4, 0x808080, 0xff6b6b, 0x8ec07c, 0xffd866, 0x82aaff, 0xd7a1d7,\n      0x7fdbca, 0xffffff,\n    ],\n  },\n  light: {\n    foreground: 0x262626,\n    background: 0xffffff,\n    cursor: 0x262626,\n    palette: [\n      0x262626, 0xb42318, 0x237a36, 0x876000, 0x245ac0, 0x8b3fa0, 0x006e7a,\n      0xd4d4d4, 0x616161, 0xc43326, 0x287d3c, 0x8a6500, 0x2563c7, 0x9542aa,\n      0x007c8a, 0xffffff,\n    ],\n  },\n  solarized: {\n    foreground: 0x839496,\n    background: 0x002b36,\n    cursor: 0x93a1a1,\n    palette: [\n      0x073642, 0xdc322f, 0x859900, 0xb58900, 0x268bd2, 0xd33682, 0x2aa198,\n      0xeee8d5, 0x586e75, 0xcb4b16, 0x586e75, 0x657b83, 0x839496, 0x6c71c4,\n      0x93a1a1, 0xfdf6e3,\n    ],\n  },\n  monokai: {\n    foreground: 0xf8f8f2,\n    background: 0x272822,\n    cursor: 0xf8f8f0,\n    palette: [\n      0x272822, 0xf92672, 0xa6e22e, 0xf4bf75, 0x66d9ef, 0xae81ff, 0xa1efe4,\n      0xf8f8f2, 0x75715e, 0xf92672, 0xa6e22e, 0xf4bf75, 0x66d9ef, 0xae81ff,\n      0xa1efe4, 0xf9f8f5,\n    ],\n  },\n} satisfies Record<string, TerminalTheme>;\nexport type TerminalThemeName = \"auto\" | keyof typeof terminalThemes;\n\nexport type TerminalProps = (\n  | {\n      connect: () => string | URL | Promise<string | URL>;\n      shell?: undefined;\n    }\n  | {\n      shell: () => TerminalShell | Promise<TerminalShell>;\n      connect?: undefined;\n    }\n) & {\n  core?: () => Promise<TerminalCore & { dispose?: () => void }>;\n  theme?: TerminalThemeName | TerminalTheme;\n  // expandable adds a button that fills the screen with the terminal\n  expandable?: boolean;\n  className?: string;\n};\n\nexport const Terminal = forwardRef<TerminalHandle, TerminalProps>(\n  function Terminal(\n    { connect, shell, core, theme = \"auto\", expandable, className },\n    ref,\n  ) {\n    const reconnect = useRef(() => {});\n    const terminal = useRef<WTerm | undefined>(undefined);\n    const [status, setStatus] = useState(\"Connecting\u2026\");\n    const [error, setError] = useState(\"\");\n    const [full, setFull] = useState(false);\n    const frame = useRef<HTMLDivElement>(null);\n    const host = useRef<HTMLDivElement>(null);\n    const chosen = useRef(theme);\n    chosen.current = theme;\n    const applyTheme = useRef(() => {});\n    useImperativeHandle(ref, () => ({\n      reconnect: () => reconnect.current(),\n      focus: () => terminal.current?.focus(),\n    }));\n\n    useEffect(() => applyTheme.current(), [theme]);\n\n    useLayoutEffect(() => {\n      const element = frame.current;\n      if (!full || !element || !(\"showPopover\" in element)) return;\n      element.setAttribute(\"popover\", \"manual\");\n      element.showPopover();\n      return () => {\n        if (element.matches(\":popover-open\")) element.hidePopover();\n        element.removeAttribute(\"popover\");\n      };\n    }, [full]);\n\n    useEffect(() => {\n      let disposed = false,\n        term: WTerm | undefined,\n        loaded: (TerminalCore & { dispose?: () => void }) | undefined,\n        ws: WebSocket | undefined,\n        input: (text: string) => void = () => {},\n        initialized: Promise<WTerm> | undefined,\n        retryTimer: ReturnType<typeof setTimeout> | undefined,\n        generation = 0,\n        sessions = 0;\n      const observers: { disconnect: () => void }[] = [];\n      const disconnect = () => {\n        clearTimeout(retryTimer);\n        input = () => {};\n        if (ws) {\n          ws.onopen = ws.onmessage = ws.onclose = ws.onerror = null;\n          ws.close();\n          ws = undefined;\n        }\n      };\n      const send = (bytes: Uint8Array) => {\n        if (ws?.readyState !== WebSocket.OPEN) return;\n        if (ws.bufferedAmount + bytes.length > 1024 * 1024) {\n          setError(\"Terminal input buffer is full; input was not sent\");\n          return;\n        }\n        for (let i = 0; i < bytes.length; i += 16384)\n          ws.send(bytes.slice(i, i + 16384));\n      };\n      const resize = (cols: number, rows: number) => {\n        if (ws?.readyState === WebSocket.OPEN)\n          ws.send(JSON.stringify({ cols, rows }));\n      };\n      const updateTheme = () => {\n        if (!host.current || !term) return;\n        const name = chosen.current;\n        term.setThemeColors(\n          typeof name === \"object\"\n            ? name\n            : name !== \"auto\"\n              ? terminalThemes[name]\n              : getComputedStyle(host.current).colorScheme === \"dark\"\n                ? terminalThemes.dark\n                : terminalThemes.light,\n        );\n      };\n      const open = async (canRetry = true) => {\n        const attempt = ++generation;\n        const stale = () => disposed || attempt !== generation;\n        disconnect();\n        setError(\"\");\n        setStatus(canRetry ? \"Connecting\u2026\" : \"Reconnecting\u2026\");\n        const failed = (message: string) => {\n          if (stale()) return;\n          if (canRetry) {\n            setStatus(\"Reconnecting\u2026\");\n            retryTimer = setTimeout(() => void open(false), 1000);\n          } else {\n            setStatus(\"Disconnected\");\n            setError(message);\n          }\n        };\n        try {\n          if (shell) {\n            const session = await shell();\n            if (stale()) return;\n            await (initialized ??= term!.init());\n            if (stale()) return;\n            if (sessions++) term!.write(\"\\x1bc\");\n            input = (text) => void session.handleInput(text);\n            await session.attach((data) => {\n              if (!stale()) term!.write(data);\n            });\n            if (!stale()) setStatus(\"Connected\");\n            return;\n          }\n          const target = await connect!();\n          if (stale()) return;\n          await (initialized ??= term!.init());\n          if (stale()) return;\n          const address = new URL(target, document.baseURI);\n          address.protocol = address.protocol.replace(/^http/, \"ws\");\n          ws = new WebSocket(address);\n          ws.binaryType = \"arraybuffer\";\n          input = (text) => send(new TextEncoder().encode(text));\n          let connectionError = \"\";\n          ws.onopen = () => {\n            setStatus(\"Connected\");\n            resize(term!.cols, term!.rows);\n          };\n          ws.onmessage = (event) => {\n            if (typeof event.data === \"string\") connectionError = event.data;\n            else {\n              canRetry = true;\n              term!.write(new Uint8Array(event.data));\n            }\n          };\n          ws.onerror = () => {\n            connectionError = \"Could not connect to the terminal\";\n          };\n          ws.onclose = (event) => {\n            if (event.code === 1000 && !connectionError)\n              setStatus(\"Disconnected\");\n            else failed(connectionError || event.reason || \"Connection lost\");\n          };\n        } catch (err) {\n          failed(err instanceof Error ? err.message : String(err));\n        }\n      };\n      void (async () => {\n        try {\n          loaded = await core?.();\n        } catch (err) {\n          console.warn(\"Using the built-in terminal core:\", err);\n        }\n        if (disposed) return loaded?.dispose?.();\n        term = new WTerm(host.current!, {\n          core: loaded,\n          onData: (text) => input(text),\n          onBinary: send,\n          onResize: resize,\n          announceOutput: true,\n        });\n        terminal.current = term;\n        const themeObserver = new MutationObserver(updateTheme);\n        for (\n          let parent = host.current!.parentElement;\n          parent;\n          parent = parent.parentElement\n        )\n          themeObserver.observe(parent, {\n            attributes: true,\n            attributeFilter: [\"class\", \"style\"],\n          });\n        const preferred = matchMedia(\"(prefers-color-scheme: dark)\");\n        preferred.addEventListener(\"change\", updateTheme);\n        const visible = new ResizeObserver(() =>\n          term!.setRenderingPaused(!host.current?.clientHeight),\n        );\n        visible.observe(host.current!);\n        observers.push(themeObserver, visible, {\n          disconnect: () =>\n            preferred.removeEventListener(\"change\", updateTheme),\n        });\n        applyTheme.current = updateTheme;\n        updateTheme();\n        reconnect.current = () => {\n          void open();\n          term!.focus();\n        };\n        void open();\n      })();\n      return () => {\n        disposed = true;\n        reconnect.current = applyTheme.current = () => {};\n        terminal.current = undefined;\n        disconnect();\n        for (const observer of observers) observer.disconnect();\n        term?.destroy();\n        loaded?.dispose?.();\n      };\n    }, [connect, shell, core]);\n\n    return (\n      <div\n        ref={frame}\n        data-slot=\"terminal\"\n        className={cn(\n          \"labui:flex labui:h-full labui:min-h-0 labui:flex-col\",\n          full &&\n            \"labui:fixed labui:inset-0 labui:z-50 labui:m-0 labui:size-full labui:max-h-none labui:max-w-none labui:border-0 labui:bg-background labui:p-0 labui:text-foreground\",\n          className,\n        )}\n      >\n        <span role=\"status\" className=\"labui:sr-only\">\n          {status}\n        </span>\n        {(status === \"Disconnected\" || error) && (\n          <div\n            key=\"banner\"\n            role=\"alert\"\n            className=\"labui:flex labui:shrink-0 labui:items-center labui:gap-2 labui:border-b labui:bg-muted labui:px-3 labui:py-1 labui:text-xs\"\n          >\n            <span className=\"labui:min-w-0 labui:flex-1\">\n              {error || \"Terminal disconnected\"}\n            </span>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              aria-label={\n                status === \"Connected\"\n                  ? \"Dismiss terminal message\"\n                  : \"Reconnect terminal\"\n              }\n              title={status === \"Connected\" ? \"Dismiss\" : \"Reconnect terminal\"}\n              onClick={() =>\n                status === \"Connected\" ? setError(\"\") : reconnect.current()\n              }\n            >\n              {status === \"Connected\" ? (\n                <XIcon aria-hidden=\"true\" />\n              ) : (\n                <RotateCwIcon aria-hidden=\"true\" />\n              )}\n            </Button>\n          </div>\n        )}\n        <div\n          key=\"terminal\"\n          className=\"labui:group labui:relative labui:min-h-0 labui:flex-1\"\n        >\n          <div\n            ref={host}\n            aria-label=\"Terminal input\"\n            className=\"labui:h-full\"\n            style={{ borderRadius: 0, boxShadow: \"none\" }}\n          />\n          {expandable && (\n            <Button\n              variant=\"secondary\"\n              size=\"icon-xs\"\n              aria-label=\"Full screen\"\n              aria-pressed={full}\n              title={full ? \"Exit full screen\" : \"Full screen\"}\n              className=\"labui:absolute labui:top-2 labui:right-2 labui:opacity-0 labui:transition-opacity labui:group-hover:opacity-100 labui:focus-visible:opacity-100\"\n              onClick={() => {\n                setFull(!full);\n                requestAnimationFrame(() => terminal.current?.focus());\n              }}\n            >\n              {full ? (\n                <Minimize2Icon aria-hidden=\"true\" />\n              ) : (\n                <Maximize2Icon aria-hidden=\"true\" />\n              )}\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["Terminal"]
+}

package/dist/ui/alert.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+declare const alertVariants: {
+    default: string;
+    destructive: string;
+    warning: string;
+    success: string;
+};
+declare const Alert: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    variant?: keyof typeof alertVariants | null;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Alert, AlertTitle, AlertDescription };

package/dist/ui/app-menu.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+export declare function AppMenu({ name, logo, version, dark, onThemeChange, size, align, onSizeChange, onSizeReset, fullscreen, onFullscreenChange, children, }: {
+    name: string;
+    logo: ReactNode;
+    version?: ReactNode;
+    dark?: boolean;
+    onThemeChange?: (dark: boolean) => void;
+    size?: number;
+    onSizeChange?: (size: number) => void;
+    onSizeReset?: () => void;
+    fullscreen?: boolean;
+    onFullscreenChange?: (fullscreen: boolean) => void;
+    align?: "start" | "end";
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function AppMenuSection({ title, children, }: {
+    title?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/ui/avatar.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & {
+    size?: "default" | "sm" | "lg";
+} & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AvatarGroupCount: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, };

package/dist/ui/badge.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+declare const badgeVariants: {
+    default: string;
+    secondary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    outline: string;
+    ghost: string;
+    link: string;
+};
+declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    variant?: keyof typeof badgeVariants | null;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLSpanElement>>;
+export { Badge };

package/dist/ui/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/ui/browser-layout.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+type BrowserLayoutState = {
+    navOpen: boolean;
+    setNavOpen: (open: boolean) => void;
+};
+export declare function useBrowserLayout(): BrowserLayoutState;
+declare const BrowserLayout: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    view: "nav" | "detail";
+    navOpen?: boolean;
+    defaultNavOpen?: boolean;
+    onNavOpenChange?: (open: boolean) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const BrowserLayoutNav: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const BrowserLayoutPane: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const BrowserLayoutToggle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    variant?: import("./button.js").ButtonVariant | null;
+    size?: import("./button.js").ButtonSize | null;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { BrowserLayout, BrowserLayoutNav, BrowserLayoutPane, BrowserLayoutToggle, };

package/dist/ui/button.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+declare const buttonVariants: {
+    default: string;
+    destructive: string;
+    outline: string;
+    secondary: string;
+    ghost: string;
+    link: string;
+};
+declare const buttonSizes: {
+    default: string;
+    xs: string;
+    sm: string;
+    lg: string;
+    icon: string;
+    "icon-xs": string;
+    "icon-sm": string;
+    "icon-lg": string;
+};
+export type ButtonVariant = keyof typeof buttonVariants;
+export type ButtonSize = keyof typeof buttonSizes;
+declare const Button: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    variant?: ButtonVariant | null;
+    size?: ButtonSize | null;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

package/dist/ui/card.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+declare const Card: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    bordered?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: "h2" | "h3" | "h4" | "div";
+} & React.RefAttributes<HTMLHeadingElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    bordered?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/ui/chart-frame.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+/** Shared surface for interactive charts. Data loading belongs to the caller. */
+declare const ChartFrame: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ChartFrame };

package/dist/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/ui/classes.d.ts

@@ -0,0 +1,7 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export declare const focusRing = "labui:focus-visible:border-ring labui:focus-visible:ring-[3px] labui:focus-visible:ring-ring/50";
+export declare const invalidRing = "labui:aria-invalid:border-destructive labui:aria-invalid:ring-destructive/20 labui:dark:aria-invalid:ring-destructive/40";
+export declare const overlay = "labui:fixed labui:inset-0 labui:z-50 labui:bg-overlay labui:data-[state=open]:animate-fade-in labui:data-[state=closed]:animate-fade-out";
+export declare const closeButton: string;
+export declare const inputSurface: string;

package/dist/ui/command.d.ts

@@ -0,0 +1,82 @@
+import * as React from "react";
+import { Dialog } from "./dialog.js";
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "onSelect" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/ui/confirm-dialog.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+export type Confirmation = {
+    value: string;
+    label: string;
+    placeholder?: string;
+    match?: "exact" | "loose";
+};
+export type ConfirmDialogProps = {
+    trigger?: React.ReactElement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title: React.ReactNode;
+    name?: string;
+    description?: React.ReactNode;
+    confirmLabel: string;
+    cancelLabel?: string;
+    pendingLabel?: string;
+    tone?: "destructive" | "default";
+    warning?: React.ReactNode;
+    confirmation?: Confirmation;
+    typeToConfirm?: boolean;
+    disabled?: boolean;
+    onConfirm: () => void | Promise<void>;
+    errorMessage?: string;
+};
+export declare function matchesConfirmation(value: string, confirmation: Confirmation): boolean;
+export declare function ConfirmDialog({ trigger, open, defaultOpen, onOpenChange, ...props }: ConfirmDialogProps): React.JSX.Element;

package/dist/ui/copy-button.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Button } from "./button.js";
+export declare function CopyButton({ value, label, className, variant, size, ...props }: Omit<React.ComponentPropsWithoutRef<typeof Button>, "onClick" | "value" | "size"> & {
+    value: string;
+    label?: string;
+    size?: "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+}): React.JSX.Element;

package/dist/ui/dialog.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare function Dialog({ open, defaultOpen, onOpenChange, ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+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"> & {
+    showCloseButton?: boolean;
+    busy?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+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>>;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/ui/discard-dialog.d.ts

@@ -0,0 +1,6 @@
+export declare function DiscardDialog({ label, onCancel, onConfirm, onCloseAutoFocus, }: {
+    label?: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+    onCloseAutoFocus?: (event: Event) => void;
+}): import("react").JSX.Element;

package/dist/ui/email-thread.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+export type EmailParticipant = {
+    name?: string;
+    address?: string;
+};
+declare function EmailIdentity({ name, address }: EmailParticipant): React.JSX.Element;
+declare const EmailThread: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const messageTones: {
+    default: string;
+    muted: string;
+    warning: string;
+};
+export type EmailMessageProps = Omit<React.ComponentPropsWithoutRef<"li">, "children"> & {
+    sender: EmailParticipant;
+    recipient?: EmailParticipant;
+    attribution?: React.ReactNode;
+    dateTime?: string;
+    dateLabel: string;
+    badge?: React.ReactNode;
+    tone?: keyof typeof messageTones;
+    body: string;
+    attachments?: React.ReactNode;
+};
+declare const EmailMessage: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "children"> & {
+    sender: EmailParticipant;
+    recipient?: EmailParticipant;
+    attribution?: React.ReactNode;
+    dateTime?: string;
+    dateLabel: string;
+    badge?: React.ReactNode;
+    tone?: keyof typeof messageTones;
+    body: string;
+    attachments?: React.ReactNode;
+} & React.RefAttributes<HTMLLIElement>>;
+export { EmailIdentity, EmailMessage, EmailThread };

package/dist/ui/empty.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+declare const Empty: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const emptyMediaVariants: {
+    default: string;
+    icon: string;
+};
+declare const EmptyMedia: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    variant?: keyof typeof emptyMediaVariants;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const EmptyContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };

package/dist/ui/field.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+declare const FieldSet: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
+declare const FieldLegend: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, "ref"> & {
+    variant?: "legend" | "label";
+} & React.RefAttributes<HTMLLegendElement>>;
+declare const FieldGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const fieldOrientations: {
+    vertical: string;
+    horizontal: string;
+    responsive: string;
+};
+declare const Field: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    orientation?: keyof typeof fieldOrientations;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const FieldContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const FieldLabel: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FieldTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const FieldDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FieldSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type FieldErrorItem = {
+    message?: string;
+} | undefined;
+declare const FieldError: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    errors?: FieldErrorItem[];
+} & React.RefAttributes<HTMLDivElement>>;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/ui/file-input.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const FileInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "type"> & {
+    chooseLabel?: string;
+    emptyLabel?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+export { FileInput };

package/dist/ui/flame-graph-model.d.ts

@@ -0,0 +1,23 @@
+/** Inclusive and exclusive values use the same unit supplied to the chart. */
+export type FlameNode = {
+    id: string;
+    parentId: string | null;
+    name: string;
+    total: number;
+    self: number;
+    calls: number;
+    /** Caller-supplied source or location detail, shown without interpreting it. */
+    detail?: string;
+    color?: string;
+};
+export type FlameRect = {
+    node: FlameNode;
+    x: number;
+    width: number;
+    depth: number;
+};
+export declare function indexFlameNodes(nodes: FlameNode[]): Map<string, FlameNode>;
+/** Lays out a caller-provided tree. Horizontal position is alphabetical, not time. */
+export declare function flameLayout(nodes: FlameNode[], focusId: string, width: number): FlameRect[];
+/** Ancestry from the root down to the node, for breadcrumbs and search results. */
+export declare function flamePath(nodes: FlameNode[] | Map<string, FlameNode>, id: string): FlameNode[];

package/dist/ui/flame-graph.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { type FlameNode } from "./flame-graph-model.js";
+export type { FlameNode } from "./flame-graph-model.js";
+export type FlameGraphProps = {
+    nodes: FlameNode[];
+    label?: string;
+    unit?: string;
+    countLabel?: string;
+    meanLabel?: string;
+    focusId?: string | null;
+    onFocusChange?: (id: string | null) => void;
+};
+/** Interactive flame graph over caller-supplied data: hover or focus to inspect, click to zoom. */
+declare const FlameGraph: React.ForwardRefExoticComponent<FlameGraphProps & React.RefAttributes<HTMLDivElement>>;
+export { FlameGraph };

package/dist/ui/form-fields.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from "react";
+import { Input } from "./input.js";
+type TextProps = {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+} & Omit<React.ComponentProps<typeof Input>, "value" | "onChange">;
+export declare function TextField({ label, value, onChange, ...props }: TextProps): import("react").JSX.Element;
+export declare function SelectField({ label, value, onChange, options, children, }: Pick<TextProps, "label" | "value" | "onChange"> & {
+    options: {
+        id: string;
+        name: string;
+        disabled?: boolean;
+    }[];
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function AddButton({ children, onClick, }: {
+    children: ReactNode;
+    onClick: () => void;
+}): import("react").JSX.Element;
+export {};

package/dist/ui/histogram.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+/** Inclusive integer bounds, with a count of observations in each interval. */
+export type HistogramBin = {
+    from: number;
+    to: number;
+    count: number;
+};
+export type HistogramChartProps = {
+    bins: HistogramBin[];
+    label: string;
+    xLabel: string;
+    unit: string;
+    selected?: number;
+    onSelect: (index: number) => void;
+};
+/** Small presentation-only plot for a table cell. Its caller supplies the button. */
+declare const HistogramSparkline: React.ForwardRefExoticComponent<{
+    bins: HistogramBin[];
+    label: string;
+} & React.RefAttributes<SVGSVGElement>>;
+/** Discrete, equal-width bins. Pointer and keyboard inspection share one selection. */
+declare const HistogramChart: React.ForwardRefExoticComponent<HistogramChartProps & React.RefAttributes<HTMLDivElement>>;
+export { HistogramChart, HistogramSparkline };

package/dist/ui/index.d.ts

@@ -0,0 +1,57 @@
+export { cn } from "./classes.js";
+export * from "./alert.js";
+export * from "./app-menu.js";
+export * from "./avatar.js";
+export * from "./badge.js";
+export * from "./breadcrumb.js";
+export * from "./browser-layout.js";
+export * from "./button.js";
+export * from "./card.js";
+export * from "./chart-frame.js";
+export * from "./checkbox.js";
+export * from "./command.js";
+export * from "./confirm-dialog.js";
+export * from "./copy-button.js";
+export * from "./dialog.js";
+export * from "./discard-dialog.js";
+export * from "./email-thread.js";
+export * from "./empty.js";
+export * from "./field.js";
+export * from "./file-input.js";
+export * from "./flame-graph.js";
+export * from "./form-fields.js";
+export * from "./histogram.js";
+export * from "./input.js";
+export * from "./input-group.js";
+export * from "./kbd.js";
+export * from "./label.js";
+export * from "./menu.js";
+export * from "./native-select.js";
+export * from "./nav-tabs.js";
+export * from "./page.js";
+export * from "./rail.js";
+export * from "./search-input.js";
+export * from "./select.js";
+export * from "./separator.js";
+export * from "./settings.js";
+export * from "./sheet.js";
+export * from "./side-panel.js";
+export * from "./sidebar.js";
+export * from "./skeleton.js";
+export * from "./spinner.js";
+export * from "./stat.js";
+export * from "./steps.js";
+export * from "./switch.js";
+export * from "./tab-state.js";
+export * from "./table.js";
+export * from "./table-screen.js";
+export * from "./tabs.js";
+export * from "./textarea.js";
+export * from "./theme.js";
+export * from "./time-series-chart.js";
+export * from "./timing-tracks.js";
+export * from "./toggle.js";
+export * from "./tooltip.js";
+export * from "./topbar.js";
+export * from "./use-chart-width.js";
+export * from "./use-mobile.js";