@reopt-ai/opt-ui 1.4.1

package/dist/index-BZ_lBlO1.d.ts

@@ -0,0 +1,474 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { l as CommandDef, S as StatCard, u as SelectOption, M as MenuDef, t as NavItemDef, y as ToolbarButtonDef, d as TabDef, q as FaqItem, b as FormFieldDef, D as DeploymentStep, P as ProjectDef, n as EnvGroupDef, B as BranchDef, m as DomainDef, p as FailureItem } from './types-D4-0lwaE.js';
+import '@reopt-ai/opt-charts';
+
+/** Localized labels for the command palette component. */
+interface CommandPaletteLabels {
+    title?: string;
+    description?: string;
+    input?: string;
+    placeholder?: string;
+    list?: string;
+    empty?: ReactNode;
+    escape?: string;
+}
+/** Props for the command palette component. */
+interface CommandPaletteProps {
+    commands: Omit<CommandDef, "action">[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSelect?: (command: Omit<CommandDef, "action">) => void;
+    /** Render inline (no dialog overlay). */
+    inline?: boolean;
+    labels?: CommandPaletteLabels;
+    footer?: ReactNode;
+    empty?: ReactNode;
+    inputTrailing?: ReactNode;
+    className?: string;
+}
+/** Renders the command palette component. */
+declare function CommandPalette({ commands, open, onOpenChange, onSelect, inline, labels, footer, empty, inputTrailing, className, }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
+
+/** Props for the command palette trigger component. */
+interface CommandPaletteTriggerProps {
+    commands: Omit<CommandDef, "action">[];
+    onSelect?: (command: Omit<CommandDef, "action">) => void;
+    labels?: CommandPaletteTriggerLabels;
+}
+/** Localized labels for the command palette trigger component. */
+type CommandPaletteTriggerLabels = CommandPaletteLabels;
+/** Renders the command palette trigger component. */
+declare function CommandPaletteTrigger({ commands, onSelect, labels, }: CommandPaletteTriggerProps): react_jsx_runtime.JSX.Element | null;
+
+/** Localized labels for the dashboard grid component. */
+interface DashboardGridLabels {
+    ariaLabel?: string;
+}
+/** Props for the dashboard grid component. */
+interface DashboardGridProps {
+    stats: StatCard[];
+    columns?: number;
+    labels?: DashboardGridLabels;
+}
+/** Renders the dashboard grid component. */
+declare function DashboardGrid({ stats, columns, labels: customLabels, }: DashboardGridProps): react_jsx_runtime.JSX.Element;
+
+/** Localized labels for the search combobox component. */
+interface SearchComboboxLabels {
+    noResults?: string;
+    loading?: string;
+}
+/** Props for the search combobox component. */
+interface SearchComboboxProps {
+    items: string[];
+    placeholder?: string;
+    label?: string;
+    onSelect?: (item: string) => void;
+    labels?: SearchComboboxLabels;
+    /** Enable async search mode */
+    async?: boolean;
+    /** Async search callback (used when async=true) */
+    onSearch?: (query: string) => Promise<string[]>;
+    /** Debounce ms for async search */
+    debounceMs?: number;
+}
+/** Renders the search combobox component. */
+declare function SearchCombobox({ items, placeholder, label, onSelect, labels: customLabels, async: isAsync, onSearch, debounceMs, }: SearchComboboxProps): react_jsx_runtime.JSX.Element;
+
+/** Props for the status select component. */
+interface StatusSelectProps {
+    options: SelectOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    labels?: StatusSelectLabels;
+}
+/** Localized labels for the status select component. */
+interface StatusSelectLabels {
+    selectLabel?: string;
+    emptyMessage?: string;
+}
+/** Renders the status select component. */
+declare function StatusSelect({ options, value: controlledValue, onChange, label, labels: customLabels, }: StatusSelectProps): react_jsx_runtime.JSX.Element;
+
+/** Props for the app menubar component. */
+interface AppMenubarProps {
+    menus: MenuDef[];
+    labels?: AppMenubarLabels;
+}
+/** Localized labels for the app menubar component. */
+interface AppMenubarLabels {
+    ariaLabel?: string;
+}
+/** Renders the app menubar component. */
+declare function AppMenubar({ menus, labels: customLabels }: AppMenubarProps): react_jsx_runtime.JSX.Element | null;
+declare namespace AppMenubar {
+    var displayName: string;
+}
+
+/** Localized labels for the sidebar nav component. */
+interface SidebarNavLabels {
+    ariaLabel?: string;
+}
+/** Props for the sidebar nav component. */
+interface SidebarNavProps {
+    items: NavItemDef[];
+    labels?: SidebarNavLabels;
+}
+/** Renders the sidebar nav component. */
+declare function SidebarNav({ items, labels: customLabels }: SidebarNavProps): react_jsx_runtime.JSX.Element | null;
+
+/** Localized labels for the editor toolbar component. */
+interface EditorToolbarLabels {
+    ariaLabel?: string;
+}
+/** Props for the editor toolbar component. */
+interface EditorToolbarProps {
+    buttons: ToolbarButtonDef[];
+    onAction?: (id: string) => void;
+    activeButtons?: string[];
+    labels?: EditorToolbarLabels;
+}
+/** Renders the editor toolbar component. */
+declare function EditorToolbar({ buttons, onAction, activeButtons, labels: customLabels, }: EditorToolbarProps): react_jsx_runtime.JSX.Element;
+
+/** Localized labels for the content tabs component. */
+interface ContentTabsLabels {
+    ariaLabel?: string;
+    emptyMessage?: string;
+}
+/** Props for the content tabs component. */
+interface ContentTabsProps {
+    tabs: TabDef[];
+    defaultTabId?: string;
+    labels?: ContentTabsLabels;
+}
+/** Renders the content tabs component. */
+declare function ContentTabs({ tabs, defaultTabId, labels: customLabels, }: ContentTabsProps): react_jsx_runtime.JSX.Element;
+
+/** Localized labels for the faq accordion component. */
+interface FaqAccordionLabels {
+    ariaLabel?: string;
+    emptyMessage?: string;
+}
+/** Props for the faq accordion component. */
+interface FaqAccordionProps {
+    items: FaqItem[];
+    labels?: FaqAccordionLabels;
+}
+/** Renders the faq accordion component. */
+declare function FaqAccordion({ items, labels: customLabels, }: FaqAccordionProps): react_jsx_runtime.JSX.Element;
+
+/** Localized labels for the settings form component. */
+interface SettingsFormLabels {
+    formAriaLabel?: string;
+    submitButton?: string;
+    successMessage?: string;
+}
+/** Props for the settings form component. */
+interface SettingsFormProps {
+    fields: FormFieldDef[];
+    onSubmit?: (values: Record<string, unknown>) => void;
+    labels?: SettingsFormLabels;
+}
+/** Renders the settings form component. */
+declare function SettingsForm({ fields, onSubmit, labels: customLabels, }: SettingsFormProps): react_jsx_runtime.JSX.Element;
+
+/** Props for the deployment timeline component. */
+interface DeploymentTimelineProps {
+    steps: DeploymentStep[];
+    title?: string;
+}
+/** Renders the deployment timeline component. */
+declare function DeploymentTimeline({ steps, title, }: DeploymentTimelineProps): react_jsx_runtime.JSX.Element;
+
+/** Props for the project switcher component. */
+interface ProjectSwitcherProps {
+    projects: ProjectDef[];
+    value?: string;
+    onChange?: (id: string) => void;
+    placeholder?: string;
+}
+/** Renders the project switcher component. */
+declare function ProjectSwitcher({ projects, value, onChange, placeholder, }: ProjectSwitcherProps): react_jsx_runtime.JSX.Element;
+declare namespace ProjectSwitcher {
+    var displayName: string;
+}
+
+/** Localized labels for the env panel component. */
+interface EnvPanelLabels {
+    varCount?: (count: number) => string;
+    envVarsLabel?: (env: string) => string;
+    secretBadge?: string;
+}
+/** Props for the env panel component. */
+interface EnvPanelProps {
+    groups: EnvGroupDef[];
+    labels?: EnvPanelLabels;
+}
+/** Renders the env panel component. */
+declare function EnvPanel({ groups, labels: customLabels }: EnvPanelProps): react_jsx_runtime.JSX.Element;
+
+/** Localized labels for the branch select component. */
+interface BranchSelectLabels {
+    selectLabel?: string;
+    emptySelectionLabel?: string;
+    emptyMessage?: string;
+    defaultBadge?: string;
+}
+/** Props for the branch select component. */
+interface BranchSelectProps {
+    branches: BranchDef[];
+    value?: string;
+    onChange?: (name: string) => void;
+    label?: string;
+    labels?: BranchSelectLabels;
+}
+/** Renders the branch select component. */
+declare function BranchSelect({ branches, value: controlledValue, onChange, label, labels: customLabels, }: BranchSelectProps): react_jsx_runtime.JSX.Element;
+declare namespace BranchSelect {
+    var displayName: string;
+}
+
+/** Localized labels for the domain table component. */
+interface DomainTableLabels {
+    domain?: string;
+    status?: string;
+    ssl?: string;
+    redirect?: string;
+    added?: string;
+    emptyMessage?: string;
+}
+/** Props for the domain table component. */
+interface DomainTableProps {
+    domains: DomainDef[];
+    title?: string;
+    labels?: DomainTableLabels;
+}
+/** Renders the domain table component. */
+declare function DomainTable({ domains, title, labels: customLabels, }: DomainTableProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Column definition for DataTable.
+ * `accessor` can be a property key for simple lookups or a render function
+ * for computed/complex cells.
+ */
+interface ColumnDef<T> {
+    id: string;
+    header: string;
+    accessor: keyof T | ((row: T) => ReactNode);
+    width?: string;
+    align?: "left" | "center" | "right";
+    sortable?: boolean;
+    /** Show an inline progress bar in the cell. Return a 0-1 ratio. */
+    bar?: (row: T) => number;
+    /** Bar color class (default: "bg-accent") */
+    barColor?: string;
+}
+/** Props for the data table component. */
+interface DataTableProps<T> {
+    data: T[];
+    columns: ColumnDef<T>[];
+    keyExtractor: (row: T) => string;
+    title?: string;
+    onRowClick?: (row: T) => void;
+    emptyMessage?: string;
+    /** Highlight a single row by its key */
+    activeRowId?: string;
+    /** Enable column sorting */
+    sortable?: boolean;
+    /** Enable row selection with checkboxes */
+    selectable?: boolean;
+    selectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    /** Enable expandable rows */
+    expandable?: boolean;
+    renderExpanded?: (row: T) => ReactNode;
+    /** Enable pagination */
+    pageSize?: number;
+    /** Sticky table header */
+    stickyHeader?: boolean;
+    /** Enable column resizing via drag handle */
+    resizableColumns?: boolean;
+    /** External (server-side) sort callback */
+    onSort?: (columnId: string, direction: "asc" | "desc" | null) => void;
+    className?: string;
+}
+/** Renders the data table component. */
+declare function DataTable<T>({ data, columns, keyExtractor, title, onRowClick, emptyMessage, activeRowId, sortable, selectable, selectedKeys, onSelectionChange, expandable, renderExpanded, pageSize, stickyHeader, resizableColumns, onSort: onSortExternal, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+/** Defines the toast action shape. */
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+/** Toast severity. */
+type ToastVariant = "info" | "success" | "warning" | "error";
+/** Defines the toast message shape. */
+interface ToastMessage {
+    id: string;
+    variant: ToastVariant;
+    title?: string;
+    message: string;
+    duration?: number;
+    actions?: ToastAction[];
+}
+/** Options accepted by the imperative `toast()` API. */
+interface ToastOptions {
+    variant?: ToastVariant;
+    title?: string;
+    message: string;
+    duration?: number;
+    actions?: ToastAction[];
+}
+/** Defines the toast context value shape. */
+interface ToastContextValue {
+    toasts: ToastMessage[];
+    addToast: (toast: Omit<ToastMessage, "id">) => string;
+    removeToast: (id: string) => void;
+}
+/**
+ * Imperative toast API. Call from anywhere (no hook required):
+ * `toast.success("Saved")`, `toast.error("Failed", { title: "Oops" })`,
+ * `toast.dismiss(id)`, `toast.clear()`. Requires a mounted `ToastProvider`.
+ */
+declare const toast: ((options: ToastOptions) => string) & {
+    info: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => string;
+    success: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => string;
+    warning: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => string;
+    error: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => string;
+    dismiss: (id: string) => void;
+    clear: () => void;
+};
+/** Props for the toast provider component. */
+interface ToastProviderProps {
+    children: ReactNode;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    defaultDuration?: number;
+    stackLimit?: number;
+}
+/** Renders the toast provider component. */
+declare function ToastProvider({ children, position, defaultDuration, stackLimit, }: ToastProviderProps): react_jsx_runtime.JSX.Element;
+/** Provides toast. */
+declare function useToast(): ToastContextValue;
+interface NotificationToastProps {
+    toast: ToastMessage;
+    onDismiss: () => void;
+    /** Falls back here when the toast itself sets no duration. */
+    defaultDuration?: number;
+}
+/** Renders the notification toast component. */
+declare function NotificationToast({ toast, onDismiss, defaultDuration, }: NotificationToastProps): react_jsx_runtime.JSX.Element;
+
+interface TimeAgoLabels {
+    justNow: string;
+    minutesAgo: string;
+    hoursAgo: string;
+    daysAgo: string;
+}
+/** Localized labels for the failure list component. */
+interface FailureListLabels {
+    title?: string;
+    emptyMessage?: string;
+    moreItems?: string;
+    severityLabels?: Partial<Record<"critical" | "error" | "warning", string>>;
+    timeAgo?: Partial<TimeAgoLabels>;
+}
+/** Props for the failure list component. */
+interface FailureListProps {
+    failures: FailureItem[];
+    title?: string;
+    maxItems?: number;
+    /** Group failures by `group` field */
+    grouped?: boolean;
+    onFailureClick?: (failure: FailureItem) => void;
+    onShowMore?: () => void;
+    labels?: FailureListLabels;
+    locale?: string;
+    loading?: boolean;
+    renderActions?: (failure: FailureItem) => ReactNode;
+    className?: string;
+}
+/** Renders the failure list component. */
+declare function FailureList({ failures, title, maxItems, grouped, onFailureClick, onShowMore, labels: customLabels, locale, loading, renderActions, className, }: FailureListProps): react_jsx_runtime.JSX.Element;
+
+/** Defines the key value entry shape. */
+interface KeyValueEntry {
+    id: string;
+    key: string;
+    value: string;
+    isSecret?: boolean;
+}
+/** Localized labels for the key value editor component. */
+interface KeyValueEditorLabels {
+    keyPlaceholder?: string;
+    valuePlaceholder?: string;
+    addButton?: string;
+    removeAriaLabel?: string;
+    toggleSecretAriaLabel?: string;
+    emptyMessage?: string;
+}
+/** Props for the key value editor component. */
+interface KeyValueEditorProps {
+    /** Current entries (controlled) */
+    value?: KeyValueEntry[];
+    /** Initial entries (uncontrolled) */
+    defaultValue?: KeyValueEntry[];
+    /** Called when entries change */
+    onChange?: (entries: KeyValueEntry[]) => void;
+    /** Allow toggling secret/password visibility */
+    showSecretToggle?: boolean;
+    /** Maximum number of entries allowed */
+    maxEntries?: number;
+    /** Whether entries are read-only */
+    readOnly?: boolean;
+    /** Custom labels for i18n */
+    labels?: KeyValueEditorLabels;
+    /** Render custom actions per entry */
+    renderActions?: (entry: KeyValueEntry, index: number) => ReactNode;
+    /** Validate key on change. Return error message or undefined. */
+    validateKey?: (key: string, entries: KeyValueEntry[]) => string | undefined;
+    className?: string;
+}
+/** Renders the key value editor component. */
+declare function KeyValueEditor({ value: controlledValue, defaultValue, onChange, showSecretToggle, maxEntries, readOnly, labels: customLabels, renderActions, validateKey, className, }: KeyValueEditorProps): react_jsx_runtime.JSX.Element;
+
+/** Defines the workflow canvas step shape. */
+interface WorkflowCanvasStep {
+    id: string;
+    title: string;
+    row: number;
+    col: number;
+    status?: "idle" | "running" | "success" | "error";
+}
+/** Defines the workflow canvas connection shape. */
+interface WorkflowCanvasConnection {
+    from: string;
+    to: string;
+    label?: string;
+}
+/** Props for the workflow canvas component. */
+interface WorkflowCanvasProps {
+    steps: WorkflowCanvasStep[];
+    connections?: WorkflowCanvasConnection[];
+    rows?: number;
+    cols?: number;
+    cellSize?: number;
+    gap?: number;
+    title?: string;
+    emptyMessage?: string;
+    selectedStepId?: string;
+    onSelectStep?: (step: WorkflowCanvasStep) => void;
+    onStepMove?: (stepId: string, row: number, col: number) => void;
+    renderStep?: (step: WorkflowCanvasStep, selected: boolean) => react.ReactNode;
+    className?: string;
+}
+/** Renders the workflow canvas component. */
+declare function WorkflowCanvas({ steps, connections, rows, cols, cellSize, gap, title, emptyMessage, selectedStepId, onSelectStep, onStepMove, renderStep, className, }: WorkflowCanvasProps): react_jsx_runtime.JSX.Element;
+declare namespace WorkflowCanvas {
+    var displayName: string;
+}
+
+export { toast as $, AppMenubar as A, BranchSelect as B, type ColumnDef as C, DashboardGrid as D, EditorToolbar as E, FailureList as F, type SearchComboboxProps as G, SettingsForm as H, type SettingsFormProps as I, SidebarNav as J, KeyValueEditor as K, type SidebarNavProps as L, StatusSelect as M, NotificationToast as N, type StatusSelectProps as O, ProjectSwitcher as P, type ToastContextValue as Q, type ToastMessage as R, SearchCombobox as S, type ToastAction as T, ToastProvider as U, type ToastProviderProps as V, type ToastVariant as W, WorkflowCanvas as X, type WorkflowCanvasConnection as Y, type WorkflowCanvasProps as Z, type WorkflowCanvasStep as _, type AppMenubarProps as a, useToast as a0, type BranchSelectProps as b, CommandPalette as c, type CommandPaletteProps as d, CommandPaletteTrigger as e, type CommandPaletteTriggerProps as f, ContentTabs as g, type ContentTabsProps as h, type DashboardGridProps as i, DataTable as j, type DataTableProps as k, DeploymentTimeline as l, type DeploymentTimelineProps as m, DomainTable as n, type DomainTableProps as o, type EditorToolbarProps as p, EnvPanel as q, type EnvPanelProps as r, type FailureListLabels as s, type FailureListProps as t, FaqAccordion as u, type FaqAccordionProps as v, type KeyValueEditorLabels as w, type KeyValueEditorProps as x, type KeyValueEntry as y, type ProjectSwitcherProps as z };