@mohou/ui 1.0.20

package/README.md

@@ -0,0 +1,10 @@
+---
+status: locked
+updated: 2026-10-02
+---
+
+# @mohou/ui
+
+Role: `definition`.
+
+Author UI kit and `useApp`. Host vendor-builds one copy and serves it to every iframe. `examples/` holds the author-facing example for each component: `pnpm gen:skill` publishes them into the author skill, and `pnpm typecheck` compiles them. Product catalog: [UI kit](../../../docs/product/app-contract/ui-kit.md).

package/lib/types/blocks/activity-feed.d.ts

@@ -0,0 +1,12 @@
+import { type TimelineItem } from '@mohou/ui/products/timeline';
+/**
+ * Chronological activity list (avatar + text + time).
+ * @when Read-only “who did what when” — commits, deploys, agent runs. For steps with status use `RunTimeline`.
+ * @example
+ * <ActivityFeed items={[{ id: "1", title: "部署完成", time: "10:24" }]} />
+ * @family Realtime
+ */
+export declare function ActivityFeed({ items }: {
+    items: TimelineItem[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=activity-feed.d.ts.map

package/lib/types/blocks/activity-feed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../../src/blocks/activity-feed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAEzE;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,+BAMhE"}

package/lib/types/blocks/app-shell.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+/**
+ * App frame: optional sidebar + header + main.
+ * @when Root layout for a mini-app page
+ * @example
+ * <AppShell sidebar={<nav />} header={<PageHeader title="Home" />}>
+ *   {children}
+ * </AppShell>
+ * @family Layout & structure
+ */
+export declare function AppShell({ sidebar, header, children, className, }: {
+    sidebar?: ReactNode;
+    header?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=app-shell.d.ts.map

package/lib/types/blocks/app-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../src/blocks/app-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAcA"}

package/lib/types/blocks/attachment-gallery.d.ts

@@ -0,0 +1,15 @@
+export type GalleryFile = {
+    name: string;
+    url?: string;
+};
+/**
+ * Thumbnail grid of files with open/copy.
+ * @when A record has N files/images and you show them as tiles, not a table.
+ * @example
+ * <AttachmentGallery files={[{ name: "log.txt", url: "https://…" }]} />
+ * @family Discovery & inspect
+ */
+export declare function AttachmentGallery({ files }: {
+    files: GalleryFile[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=attachment-gallery.d.ts.map

package/lib/types/blocks/attachment-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-gallery.d.ts","sourceRoot":"","sources":["../../../src/blocks/attachment-gallery.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAExD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,WAAW,EAAE,CAAA;CAAE,+BAiBpE"}

package/lib/types/blocks/bar-chart.d.ts

@@ -0,0 +1,19 @@
+import { type ChartConfig } from '@mohou/ui/components/chart';
+/**
+ * Stacked bar chart over flat rows.
+ * @family Chart & data
+ * @when Comparing several series across categories (pass/fail per day). Single ratio → `DonutChart`; trend → `Sparkline`.
+ * @example
+ * <StackedBarChart
+ *   data={[{ label: "09-01", ok: 12, fail: 2 }]}
+ *   keys={["ok", "fail"]}
+ *   config={{ ok: { label: "通过", color: "var(--primary)" }, fail: { label: "失败", color: "var(--destructive)" } }}
+ * />
+ */
+export declare function StackedBarChart({ data, config, keys, className, }: {
+    data: Record<string, string | number>[];
+    config: ChartConfig;
+    keys: string[];
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=bar-chart.d.ts.map

package/lib/types/blocks/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/blocks/bar-chart.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,4BAA4B,CAAA;AAGnC;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,SAAS,GACV,EAAE;IACD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,MAAM,EAAE,WAAW,CAAA;IACnB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAaA"}

package/lib/types/blocks/comment-thread.d.ts

@@ -0,0 +1,17 @@
+export type Comment = {
+    id: string;
+    author: string;
+    body: string;
+    time?: string | undefined;
+};
+/**
+ * Nested comments with author + time.
+ * @when Issue/ticket discussion, review comments. Editing a comment is your job, not the component's.
+ * @example
+ * <CommentThread comments={[{ id: "c1", author: "P.Wang", text: "这里再确认下" }]} />
+ * @family Realtime
+ */
+export declare function CommentThread({ comments }: {
+    comments: Comment[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=comment-thread.d.ts.map

package/lib/types/blocks/comment-thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-thread.d.ts","sourceRoot":"","sources":["../../../src/blocks/comment-thread.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,OAAO,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAA;AAE7F;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAA;CAAE,+BAyBlE"}

package/lib/types/blocks/dashboard-shell.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from 'react';
+export type DashboardShellProps = {
+    /** Title row / `PageHeader`. Pinned: it stays while the content scrolls under it. */
+    header?: ReactNode;
+    /** KPI strip. Pinned with the header — the point of a dashboard is that the numbers hold. */
+    kpis?: ReactNode;
+    /** Charts and tables. The scrolling body. */
+    main: ReactNode;
+    /** Activity feed / top offenders. Sits beside `main` on wide screens, stacks under it when narrow. */
+    aside?: ReactNode;
+    /** Aside width in px on wide screens. Default 320. */
+    asideWidth?: number;
+    className?: string;
+};
+/**
+ * Overview page with a pinned header + KPI strip and exactly one scrolling body.
+ *
+ * The failure this exists for: the page is a plain column, `overflow-auto` ends up on the
+ * outermost div, and the first chart the user scrolls past takes the header and the KPI row
+ * with it — a dashboard whose numbers scroll away is not a dashboard. The aside gets its own
+ * scroller when there is room for two, and folds under `main` into the single body scroller
+ * when there is not, rather than becoming a third half-height pane.
+ *
+ * @when Page shape: metrics up top, charts below, optional activity rail — ops overviews, monitor walls
+ * @example
+ * <DashboardShell
+ *   header={<PageHeader title="值班" description="每 5 秒" />}
+ *   kpis={<div className="grid grid-cols-4 gap-3">{cards}</div>}
+ *   main={<Charts />}
+ *   aside={<ActivityFeed items={items} />}
+ * />
+ * @family Layout & structure
+ */
+export declare function DashboardShell({ header, kpis, main, aside, asideWidth, className, }: DashboardShellProps): import("react").JSX.Element;
+//# sourceMappingURL=dashboard-shell.d.ts.map

package/lib/types/blocks/dashboard-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-shell.d.ts","sourceRoot":"","sources":["../../../src/blocks/dashboard-shell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,mBAAmB,GAAG;IAChC,qFAAqF;IACrF,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6CAA6C;IAC7C,IAAI,EAAE,SAAS,CAAA;IACf,sGAAsG;IACtG,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,UAAgB,EAChB,SAAS,GACV,EAAE,mBAAmB,+BA6DrB"}

package/lib/types/blocks/description-list.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Label/value pairs, two columns.
+ * @when Detail/inspector panel of a selected row — the default “show one record” view.
+ * @example
+ * <DescriptionList items={[{ label: "状态", value: "运行中" }]} />
+ * @family Layout & structure
+ */
+export declare function DescriptionList({ items, }: {
+    items: {
+        label: string;
+        value: string;
+    }[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=description-list.d.ts.map

package/lib/types/blocks/description-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../../src/blocks/description-list.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,GACN,EAAE;IACD,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC1C,+BAWA"}

package/lib/types/blocks/detail-panel.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+/**
+ * Right-side inspector Sheet for a selected row/entity.
+ * @when Master-detail after row/card click
+ * @example
+ * <DetailPanel open={!!id} onOpenChange={() => setId(null)} title="Run #12">{body}</DetailPanel>
+ * @family Surface
+ */
+export declare function DetailPanel({ open, onOpenChange, title, description, children, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=detail-panel.d.ts.map

package/lib/types/blocks/detail-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-panel.d.ts","sourceRoot":"","sources":["../../../src/blocks/detail-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUtC;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,+BAYA"}

package/lib/types/blocks/donut-chart.d.ts

@@ -0,0 +1,21 @@
+import { type ChartConfig } from '@mohou/ui/components/chart';
+export type Slice = {
+    name: string;
+    value: number;
+    fill: string;
+};
+/**
+ * Ring chart with centre label.
+ * @when Part-of-whole (≤6 slices): storage usage, status split. More categories → `StackedBarChart`.
+ * @example
+ * <DonutChart data={[{ label: "OK", value: 82, color: "var(--primary)" }]} center="82%" />
+ * @family Chart & data
+ */
+export declare function DonutChart({ data, config, center, size, className, }: {
+    data: Slice[];
+    config: ChartConfig;
+    center?: string;
+    size?: number;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=donut-chart.d.ts.map

package/lib/types/blocks/donut-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.d.ts","sourceRoot":"","sources":["../../../src/blocks/donut-chart.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,4BAA4B,CAAA;AAInC,MAAM,MAAM,KAAK,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjE;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,GACV,EAAE;IACD,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAoBA"}

package/lib/types/blocks/env-badge.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Coloured pill for an environment name.
+ * @when prd / stg / dev markers in headers and tables.
+ * @example
+ * <EnvBadge env="production" />
+ * @family Feedback & status
+ */
+export declare function EnvBadge({ env }: {
+    env: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=env-badge.d.ts.map

package/lib/types/blocks/env-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env-badge.d.ts","sourceRoot":"","sources":["../../../src/blocks/env-badge.tsx"],"names":[],"mappings":"AAYA;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,+BAUhD"}

package/lib/types/blocks/env-table.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export type Environment = 'production' | 'preview' | 'development' | (string & {});
+export type EnvVariable = {
+    /** Variable name (e.g. DATABASE_URL). */
+    key: string;
+    /** Variable value. Masked by default. */
+    value: string;
+    /** Target environment. When provided, renders as a pill. */
+    environment?: Environment;
+    /** Optional description shown below the key. */
+    description?: string;
+};
+export type EnvTableProps = Omit<React.ComponentProps<'div'>, 'children' | 'title'> & {
+    /** Environment variables to display. */
+    variables: EnvVariable[];
+    /** Optional heading above the table. */
+    title?: string;
+    /** Start with all values revealed. Defaults to false. */
+    defaultRevealed?: boolean;
+};
+/**
+ * Read-only env var table with masked values and copy.
+ * @when Settings / deploy preview / secrets display
+ * @example
+ * <EnvTable variables={[{ key: "API_URL", value: "https://…", environment: "production" }]} />
+ * @family Data & tables
+ */
+export declare function EnvTable({ variables, title, defaultRevealed, className, ...props }: EnvTableProps): React.JSX.Element;
+//# sourceMappingURL=env-table.d.ts.map

package/lib/types/blocks/env-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env-table.d.ts","sourceRoot":"","sources":["../../../src/blocks/env-table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,WAAW,GACnB,YAAY,GACZ,SAAS,GACT,aAAa,GACb,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEjB,MAAM,MAAM,WAAW,GAAG;IACxB,yCAAyC;IACzC,GAAG,EAAE,MAAM,CAAA;IACX,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,GAAG,OAAO,CACrB,GAAG;IACF,wCAAwC;IACxC,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAkJD;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,KAAK,EACL,eAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,qBAwHf"}

package/lib/types/blocks/file-tree.d.ts

@@ -0,0 +1,12 @@
+import { type TreeNode } from '@mohou/ui/products/tree-view';
+/**
+ * Expandable file/dir tree (icons built in).
+ * @when Repo/zip contents where selection matters. Plain nested list → `TreeView`.
+ * @example
+ * <FileTree nodes={[{ name: "src", children: [{ name: "main.api.ts" }] }]} />
+ * @family Data & tables
+ */
+export declare function FileTree({ nodes }: {
+    nodes: TreeNode[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=file-tree.d.ts.map

package/lib/types/blocks/file-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.d.ts","sourceRoot":"","sources":["../../../src/blocks/file-tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAEtE;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;CAAE,+BAExD"}

package/lib/types/blocks/filter-bar.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+/**
+ * Horizontal wrap row for filters and toolbar controls.
+ * @when Above DataGrid or any filtered list
+ * @example
+ * <FilterBar>
+ *   <DateRangePicker value={range} onChange={setRange} />
+ *   <SearchInput value={q} onChange={setQ} />
+ * </FilterBar>
+ * @family Data & tables
+ */
+export declare function FilterBar({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=filter-bar.d.ts.map

package/lib/types/blocks/filter-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../../src/blocks/filter-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAS9D"}

package/lib/types/blocks/form-sheet.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import type { FormEvent, ReactNode } from 'react';
+export type FormSheetProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: ReactNode;
+    description?: ReactNode;
+    /** Anything below the title: a badge, a record id, a tab strip. */
+    header?: ReactNode;
+    /** The scrolling form fields. */
+    children: ReactNode;
+    /** Action row, pinned. Put the primary control in here with `type="submit"`. */
+    footer?: ReactNode;
+    /** One submit path for the whole sheet: Enter in a field and the footer button land here. */
+    onSubmit?: (e: FormEvent<HTMLFormElement>) => void;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    width?: string | number;
+    /** Ask before throwing edits away. The app owns the check; the preset owns the prompt. */
+    dirty?: boolean;
+    className?: string;
+};
+/**
+ * Create / edit form over a list you do not want to lose.
+ *
+ * The usual build has three cracks: the header and footer scroll away with the fields (so the
+ * Cancel button is somewhere the user has to hunt for), Enter in a text field submits *something
+ * else* or nothing because there is no form around the inputs, and Escape closes a sheet full of
+ * unsaved edits. Here only the body is a scroller — header, form and footer are siblings inside a
+ * flex column — the fields and the footer share one `<form onSubmit>`, and a dirty sheet asks
+ * first.
+ *
+ * @when Page shape: focused create/edit over a list — new record, edit record, wizard-less config
+ * @example
+ * <FormSheet
+ *   open={Boolean(editing)}
+ *   onOpenChange={(o) => !o && setEditing(null)}
+ *   title="Edit issue"
+ *   dirty={dirty}
+ *   onSubmit={save}
+ *   footer={<Button type="submit">Save</Button>}
+ * >
+ *   <Input name="summary" />
+ * </FormSheet>
+ * @family Layout & structure
+ */
+export declare function FormSheet({ open, onOpenChange, title, description, header, children, footer, onSubmit, side, width, dirty, className, }: FormSheetProps): React.JSX.Element;
+//# sourceMappingURL=form-sheet.d.ts.map

package/lib/types/blocks/form-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-sheet.d.ts","sourceRoot":"","sources":["../../../src/blocks/form-sheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBlD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,mEAAmE;IACnE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,iCAAiC;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IAClD,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAc,EACd,KAAW,EACX,KAAa,EACb,SAAS,GACV,EAAE,cAAc,qBA6EhB"}

package/lib/types/blocks/gauge.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Arc gauge for one 0–100 metric.
+ * @when A single health/capacity number that needs a zone (SLO, disk). Series over time → `Sparkline`.
+ * @example
+ * <Gauge value={73} label="磁盘" />
+ * @family Chart & data
+ */
+export declare function Gauge({ value, label, size, className, }: {
+    value: number;
+    label?: string;
+    size?: number;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=gauge.d.ts.map

package/lib/types/blocks/gauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gauge.d.ts","sourceRoot":"","sources":["../../../src/blocks/gauge.tsx"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,KAAK,EACL,IAAU,EACV,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAeA"}

package/lib/types/blocks/list-detail.d.ts

@@ -0,0 +1,42 @@
+import type { ReactNode } from 'react';
+export type ListDetailProps = {
+    /** The collection pane: list, table, board — anything you scroll through. */
+    list: ReactNode;
+    /** The record pane. Pass `undefined` for "nothing selected" — `empty` renders instead. */
+    detail?: ReactNode;
+    /** Placeholder for the record pane while nothing is selected. */
+    empty?: ReactNode;
+    /** Search / filters / create button. Fixed above the panes; it never scrolls. */
+    toolbar?: ReactNode;
+    /** Narrow screens show one pane at a time. The app owns which one. */
+    mobileView?: 'list' | 'detail';
+    /** Renders a back control on the record pane below `md`. No-op on wide screens. */
+    onMobileBack?: () => void;
+    /** Collection pane share of the width, 0-100. Default 34. */
+    defaultSize?: number;
+    /** Collection pane floor, so a long record title cannot push it away. Default 18. */
+    minSize?: number;
+    className?: string;
+};
+/**
+ * Two-pane record browser: the list holds its place while the selected record scrolls on its own.
+ *
+ * This is the shape agents get wrong without help — a flex child with no `min-h-0` grows to fit
+ * its content, so the whole page scrolls, the toolbar slides away, and the two panes are never
+ * independent. Both panes scroll here by construction, and the record pane collapses to a
+ * full-width view below `md` instead of squashing.
+ *
+ * @when Page shape: click a row, then read or edit that one record beside the list — orders, tickets, contacts, log lines
+ * @example
+ * <ListDetail
+ *   toolbar={<SearchInput />}
+ *   list={<OrderList />}
+ *   detail={order ? <OrderCard order={order} /> : undefined}
+ *   empty={<div>Pick an order</div>}
+ *   mobileView={order ? "detail" : "list"}
+ *   onMobileBack={() => setOrder(null)}
+ * />
+ * @family Layout & structure
+ */
+export declare function ListDetail({ list, detail, empty, toolbar, mobileView, onMobileBack, defaultSize, minSize, className, }: ListDetailProps): import("react").JSX.Element;
+//# sourceMappingURL=list-detail.d.ts.map

package/lib/types/blocks/list-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-detail.d.ts","sourceRoot":"","sources":["../../../src/blocks/list-detail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,MAAM,eAAe,GAAG;IAC5B,6EAA6E;IAC7E,IAAI,EAAE,SAAS,CAAA;IACf,0FAA0F;IAC1F,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAKD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,UAAmB,EACnB,YAAY,EACZ,WAAgB,EAChB,OAAY,EACZ,SAAS,GACV,EAAE,eAAe,+BAsDjB"}

package/lib/types/blocks/notification-center.d.ts

@@ -0,0 +1,16 @@
+export type NotificationItem = {
+    id: string;
+    title: string;
+    body?: string;
+};
+/**
+ * Grouped notification list with unread state.
+ * @when Inbox/alert panel. Audit log (read-only, with time) → `ActivityFeed`.
+ * @example
+ * <NotificationCenter items={[{ id: "n1", title: "构建失败", unread: true }]} />
+ * @family Feedback & status
+ */
+export declare function NotificationCenter({ items }: {
+    items: NotificationItem[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=notification-center.d.ts.map

package/lib/types/blocks/notification-center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-center.d.ts","sourceRoot":"","sources":["../../../src/blocks/notification-center.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,+BAa1E"}

package/lib/types/blocks/page-header.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export type PageHeaderProps = {
+    title: string;
+    description?: string;
+    actions?: ReactNode;
+};
+/**
+ * Page title row with optional description and right-side actions.
+ * @when Top of a page inside AppShell main
+ * @example
+ * <PageHeader title="QA Runs" description="Last 24h" actions={<Button>New</Button>} />
+ * @family Layout & structure
+ */
+export declare function PageHeader({ title, description, actions }: PageHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=page-header.d.ts.map

package/lib/types/blocks/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/blocks/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,eAAe,+BAe1E"}

package/lib/types/blocks/progress-ring.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Circular determinate progress.
+ * @when One percent-done value in a tight space (card corner, table cell).
+ * @example
+ * <ProgressRing value={45} size={56} />
+ * @family Feedback & status
+ */
+export declare function ProgressRing({ value, size, className, }: {
+    value: number;
+    size?: number;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=progress-ring.d.ts.map

package/lib/types/blocks/progress-ring.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../../src/blocks/progress-ring.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAyBA"}

package/lib/types/blocks/radar-chart.d.ts

@@ -0,0 +1,19 @@
+import { type ChartConfig } from '@mohou/ui/components/chart';
+/**
+ * Multi-axis radar chart.
+ * @when Comparing an item across 4–8 dimensions (scores, coverage).
+ * @example
+ * <RadarChart data={[{ label: "性能", value: 70 }]} />
+ * @family Chart & data
+ */
+export declare function RadarChart({ data, config, dataKey, size, className, }: {
+    data: {
+        label: string;
+        value: number;
+    }[];
+    config: ChartConfig;
+    dataKey?: string;
+    size?: number;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=radar-chart.d.ts.map

package/lib/types/blocks/radar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../src/blocks/radar-chart.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,4BAA4B,CAAA;AAGnC;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,OAAiB,EACjB,IAAI,EACJ,SAAS,GACV,EAAE;IACD,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAgBA"}

package/lib/types/blocks/request-inspector.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Side-by-side HTTP request/response panel.
+ * @when Debugging one API call: method, url, bodies. Multiple calls streaming → `LogViewer`.
+ * @example
+ * <RequestInspector method="POST" url="/api/x" response="{\"ok\":true}" />
+ * @family Discovery & inspect
+ */
+export declare function RequestInspector({ method, url, request, response, }: {
+    method: string;
+    url: string;
+    request?: string;
+    response?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=request-inspector.d.ts.map

package/lib/types/blocks/request-inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-inspector.d.ts","sourceRoot":"","sources":["../../../src/blocks/request-inspector.tsx"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,GAAG,EACH,OAAO,EACP,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,+BAoBA"}

package/lib/types/blocks/reveal.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Entrance reveal — fade and rise, with a per-item `delay` for a stagger.
+ *
+ * This is the kit's front door to the platform `motion` build (`/mma/vendors/motion.js`,
+ * one shared React). Use it for the common case and reach for
+ * `import { motion, AnimatePresence } from "motion/react"` when you need exit, layout,
+ * or gesture animation — `AnimatePresence` in particular is what keeps a removing row
+ * from vanishing mid-transition.
+ *
+ * @when A card, row, or section appearing on first paint or after a filter change. Not
+ *   for a hover/press response (one property: use a Tailwind `transition`) and not for
+ *   animating an element out (use `AnimatePresence`).
+ * @example
+ * {rows.map((r, i) => (
+ *   <Reveal key={r.id} delay={i * 60}>
+ *     <Card>{r.title}</Card>
+ *   </Reveal>
+ * ))}
+ * @family Animation
+ */
+export declare function Reveal({ children, delay, distance, className, style, }: {
+    children: React.ReactNode;
+    /** Stagger in ms — pass `i * 60` for a list. */
+    delay?: number | undefined;
+    /** Rise distance in px. `0` fades in place. */
+    distance?: number | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=reveal.d.ts.map

package/lib/types/blocks/reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal.d.ts","sourceRoot":"","sources":["../../../src/blocks/reveal.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAS,EACT,QAAY,EACZ,SAAS,EACT,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;CACxC,+BAiBA"}

package/lib/types/blocks/run-timeline.d.ts

@@ -0,0 +1,12 @@
+import { type TimelineItem } from '@mohou/ui/products/timeline';
+/**
+ * Timeline of run phases with duration + status.
+ * @when CI/agent/job phases on a time axis. Plain ordered events → `Timeline`.
+ * @example
+ * <RunTimeline items={[{ id: "p1", title: "checkout", status: "pass", time: "3s" }]} />
+ * @family Realtime
+ */
+export declare function RunTimeline({ items }: {
+    items: TimelineItem[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=run-timeline.d.ts.map

package/lib/types/blocks/run-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-timeline.d.ts","sourceRoot":"","sources":["../../../src/blocks/run-timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAEzE;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,+BAE/D"}

package/lib/types/blocks/scrollspy.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+/**
+ * Anchor nav that highlights the section in view.
+ * @when Long settings/report page with jump links.
+ * @example
+ * <Scrollspy sections={[{ id: "overview", label: "概览" }]} />
+ * @family Navigation
+ */
+export declare function Scrollspy({ sections, }: {
+    sections: {
+        id: string;
+        label: string;
+    }[];
+}): React.JSX.Element;
+//# sourceMappingURL=scrollspy.d.ts.map

package/lib/types/blocks/scrollspy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollspy.d.ts","sourceRoot":"","sources":["../../../src/blocks/scrollspy.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC1C,qBAiCA"}