@demokit-ui/demokit 0.1.0

package/dist/kit/components/composite/forgot-password-form/forgot-password-form.js

@@ -0,0 +1,34 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { ShieldCheck as o, Mail as c } from "lucide-react";
+import { cn as n } from "../../../../lib/utils.js";
+import { Button as p } from "../../form/button/button.js";
+import { InputWrapper as d, Input as f } from "../../form/input/input.js";
+import { Label as h } from "../../form/label/label.js";
+import { TitleHelp as u } from "../../feedback/title-help/title-help.js";
+function w({
+  className: l,
+  title: i = "找回密码",
+  description: s = "输入账号邮箱，我们会发送重置密码链接。",
+  submitText: m = "发送重置链接",
+  backAction: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r("form", { "data-slot": "forgot-password-form", className: n("space-y-5", l), ...a, children: [
+    /* @__PURE__ */ r("div", { className: "space-y-1 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mx-auto flex size-11 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ e(o, { className: "size-5" }) }),
+      /* @__PURE__ */ e("h2", { className: "flex justify-center pt-2 text-xl font-semibold tracking-tight text-foreground", children: /* @__PURE__ */ e(u, { help: s, children: i }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(h, { children: "邮箱" }),
+      /* @__PURE__ */ r(d, { children: [
+        /* @__PURE__ */ e(c, { className: "size-4" }),
+        /* @__PURE__ */ e(f, { type: "email", placeholder: "name@example.com" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(p, { type: "submit", className: "w-full", children: m }),
+    t && /* @__PURE__ */ e("div", { className: "text-center", children: t })
+  ] });
+}
+export {
+  w as ForgotPasswordForm
+};

package/dist/kit/components/composite/form-section/form-section.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface FormSectionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+declare function FormSection({ className, title, description, actions, footer, children, ...props }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
+export { FormSection };

package/dist/kit/components/composite/form-section/form-section.js

@@ -0,0 +1,16 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { cn as m } from "../../../../lib/utils.js";
+import { TitleHelp as n } from "../../feedback/title-help/title-help.js";
+function p({ className: o, title: i, description: l, actions: r, footer: d, children: t, ...c }) {
+  return /* @__PURE__ */ s("section", { "data-slot": "form-section", className: m("rounded-lg border border-border bg-card", o), ...c, children: [
+    /* @__PURE__ */ s("div", { className: "flex flex-col gap-3 border-b border-border p-5 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ e("div", { className: "space-y-1", children: /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground", children: /* @__PURE__ */ e(n, { help: l, children: i }) }) }),
+      r && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-2", children: r })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "p-5", children: t }),
+    d && /* @__PURE__ */ e("div", { className: "flex items-center justify-end gap-2 border-t border-border p-4", children: d })
+  ] });
+}
+export {
+  p as FormSection
+};

package/dist/kit/components/composite/kanban-board/kanban-board.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+export interface KanbanColumnDef {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+}
+export interface KanbanSwimlaneDef {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+}
+export interface KanbanItemDef {
+    id: React.Key;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    columnId: string;
+    swimlaneId?: string;
+    meta?: React.ReactNode;
+    assignee?: React.ReactNode;
+    priority?: React.ReactNode;
+    tags?: React.ReactNode[];
+}
+export interface KanbanBoardProps extends React.HTMLAttributes<HTMLDivElement> {
+    columns?: KanbanColumnDef[];
+    swimlanes?: KanbanSwimlaneDef[];
+    items?: KanbanItemDef[];
+    renderItem?: (item: KanbanItemDef) => React.ReactNode;
+}
+declare function KanbanBoard({ className, columns, swimlanes, items, renderItem, children, ...props }: KanbanBoardProps): import("react/jsx-runtime").JSX.Element;
+export interface KanbanSwimlaneProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}
+declare function KanbanSwimlane({ className, title, description, children, ...props }: KanbanSwimlaneProps): import("react/jsx-runtime").JSX.Element;
+export interface KanbanColumnProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    count?: number;
+}
+declare function KanbanColumn({ className, title, description, count, children, ...props }: KanbanColumnProps): import("react/jsx-runtime").JSX.Element;
+export interface KanbanCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    meta?: React.ReactNode;
+    assignee?: React.ReactNode;
+    priority?: React.ReactNode;
+    tags?: React.ReactNode[];
+}
+declare function KanbanCard({ className, title, description, meta, assignee, priority, tags, children, ...props }: KanbanCardProps): import("react/jsx-runtime").JSX.Element;
+export { KanbanBoard, KanbanCard, KanbanColumn, KanbanSwimlane };

package/dist/kit/components/composite/kanban-board/kanban-board.js

@@ -0,0 +1,55 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import * as N from "react";
+import { cn as p } from "../../../../lib/utils.js";
+import { Badge as f } from "../../data-display/badge/badge.js";
+import { TitleHelp as g } from "../../feedback/title-help/title-help.js";
+function B({ className: t, columns: r, swimlanes: a, items: n = [], renderItem: d, children: i, ...o }) {
+  if (i)
+    return /* @__PURE__ */ e("div", { "data-slot": "kanban-board", className: p("space-y-4 overflow-x-auto", t), ...o, children: i });
+  const u = r ?? [], h = a?.length ? a : [{ id: "__default", title: null }];
+  return /* @__PURE__ */ e("div", { "data-slot": "kanban-board", className: p("space-y-4 overflow-x-auto", t), ...o, children: h.map((l) => /* @__PURE__ */ e(y, { title: l.title, description: l.description, children: /* @__PURE__ */ e("div", { className: "grid min-w-[760px] gap-3", style: { gridTemplateColumns: `repeat(${u.length}, minmax(220px, 1fr))` }, children: u.map((s) => {
+    const x = n.filter(
+      (m) => m.columnId === s.id && (l.id === "__default" || m.swimlaneId === l.id)
+    );
+    return /* @__PURE__ */ e(w, { title: s.title, description: s.description, count: x.length, children: x.map((m) => {
+      const { id: b, columnId: k, swimlaneId: I, ...v } = m;
+      return d ? /* @__PURE__ */ e(N.Fragment, { children: d(m) }, b) : /* @__PURE__ */ e(j, { ...v }, b);
+    }) }, s.id);
+  }) }) }, l.id)) });
+}
+function y({ className: t, title: r, description: a, children: n, ...d }) {
+  return /* @__PURE__ */ c("section", { "data-slot": "kanban-swimlane", className: p("space-y-3", t), ...d, children: [
+    (r || a) && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: r && /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-foreground", children: /* @__PURE__ */ e(g, { help: a, children: r }) }) }),
+    n
+  ] });
+}
+function w({ className: t, title: r, description: a, count: n, children: d, ...i }) {
+  return /* @__PURE__ */ c("div", { "data-slot": "kanban-column", className: p("rounded-lg border border-border bg-muted/40", t), ...i, children: [
+    /* @__PURE__ */ c("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5", children: [
+      /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ e("div", { className: "text-sm font-medium text-foreground", children: /* @__PURE__ */ e(g, { help: a, children: r }) }) }),
+      n !== void 0 && /* @__PURE__ */ e(f, { variant: "secondary", appearance: "light", size: "sm", children: n })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "space-y-2 p-2", children: d })
+  ] });
+}
+function j({ className: t, title: r, description: a, meta: n, assignee: d, priority: i, tags: o, children: u, ...h }) {
+  return /* @__PURE__ */ e("article", { "data-slot": "kanban-card", className: p("rounded-md border border-border bg-card p-3 shadow-xs", t), ...h, children: /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ c("div", { className: "flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ e("div", { className: "text-sm font-medium leading-snug text-foreground", children: r }),
+      i && /* @__PURE__ */ e(f, { variant: "warning", appearance: "light", size: "sm", children: i })
+    ] }),
+    a && /* @__PURE__ */ e("div", { className: "text-xs leading-relaxed text-muted-foreground", children: a }),
+    o && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: o.map((l, s) => /* @__PURE__ */ e(f, { variant: "secondary", appearance: "light", size: "xs", children: l }, s)) }),
+    (n || d) && /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ e("span", { children: n }),
+      /* @__PURE__ */ e("span", { children: d })
+    ] }),
+    u
+  ] }) });
+}
+export {
+  B as KanbanBoard,
+  j as KanbanCard,
+  w as KanbanColumn,
+  y as KanbanSwimlane
+};

package/dist/kit/components/composite/login-card/login-card.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export interface LoginCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+declare function LoginCard({ className, title, description, footer, children, ...props }: LoginCardProps): import("react/jsx-runtime").JSX.Element;
+export interface AuthMethodTabsProps {
+    password?: React.ReactNode;
+    sms?: React.ReactNode;
+    qrcode?: React.ReactNode;
+    sso?: React.ReactNode;
+    defaultValue?: string;
+}
+declare function AuthMethodTabs({ password, sms, qrcode, sso, defaultValue }: AuthMethodTabsProps): import("react/jsx-runtime").JSX.Element;
+export interface LoginFormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+    submitText?: React.ReactNode;
+}
+declare function PasswordLoginForm({ className, submitText, ...props }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
+declare function SmsLoginForm({ className, submitText, ...props }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
+declare function QrCodeLoginPanel({ className, title, description }: React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SsoLoginPanel({ className, providers, title }: React.HTMLAttributes<HTMLDivElement> & {
+    providers?: React.ReactNode[];
+    title?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MfaVerifyForm({ className, submitText, ...props }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
+declare function TenantSelector({ className, tenants, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    tenants?: React.ReactNode[];
+}): import("react/jsx-runtime").JSX.Element;
+export { AuthMethodTabs, LoginCard, MfaVerifyForm, PasswordLoginForm, QrCodeLoginPanel, SmsLoginForm, SsoLoginPanel, TenantSelector, };

package/dist/kit/components/composite/login-card/login-card.js

@@ -0,0 +1,138 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { ShieldCheck as x, KeyRound as N, Mail as b, LockKeyhole as v, QrCode as g, Smartphone as y, Building2 as f } from "lucide-react";
+import { cn as n } from "../../../../lib/utils.js";
+import { Button as c } from "../../form/button/button.js";
+import { Checkbox as w } from "../../form/checkbox/checkbox.js";
+import { InputWrapper as h, Input as o } from "../../form/input/input.js";
+import { Label as p } from "../../form/label/label.js";
+import { Tabs as z, TabsList as L, TabsTrigger as m, TabsContent as u } from "../../navigation/tabs/tabs.js";
+import { TitleHelp as T } from "../../feedback/title-help/title-help.js";
+function I({ className: t, title: l = "登录", description: s, footer: i, children: a, ...d }) {
+  return /* @__PURE__ */ r("div", { "data-slot": "login-card", className: n("rounded-xl border border-border bg-card p-6 shadow-sm", t), ...d, children: [
+    /* @__PURE__ */ e("div", { className: "mb-6 space-y-1 text-center", children: /* @__PURE__ */ e("h2", { className: "flex justify-center text-xl font-semibold tracking-tight text-foreground", children: /* @__PURE__ */ e(T, { help: s, children: l }) }) }),
+    a,
+    i && /* @__PURE__ */ e("div", { className: "mt-5 text-center text-xs text-muted-foreground", children: i })
+  ] });
+}
+function K({ password: t, sms: l, qrcode: s, sso: i, defaultValue: a = "password" }) {
+  return /* @__PURE__ */ r(z, { defaultValue: a, children: [
+    /* @__PURE__ */ r(L, { className: "mb-5 grid w-full grid-cols-4", size: "sm", children: [
+      t && /* @__PURE__ */ e(m, { value: "password", children: "密码" }),
+      l && /* @__PURE__ */ e(m, { value: "sms", children: "短信" }),
+      s && /* @__PURE__ */ e(m, { value: "qrcode", children: "扫码" }),
+      i && /* @__PURE__ */ e(m, { value: "sso", children: "SSO" })
+    ] }),
+    t && /* @__PURE__ */ e(u, { value: "password", children: t }),
+    l && /* @__PURE__ */ e(u, { value: "sms", children: l }),
+    s && /* @__PURE__ */ e(u, { value: "qrcode", children: s }),
+    i && /* @__PURE__ */ e(u, { value: "sso", children: i })
+  ] });
+}
+function Q({ className: t, submitText: l = "登录", ...s }) {
+  return /* @__PURE__ */ r("form", { className: n("space-y-4", t), ...s, children: [
+    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(p, { children: "账号" }),
+      /* @__PURE__ */ r(h, { children: [
+        /* @__PURE__ */ e(b, { className: "size-4" }),
+        /* @__PURE__ */ e(o, { placeholder: "name@example.com" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(p, { children: "密码" }),
+      /* @__PURE__ */ r(h, { children: [
+        /* @__PURE__ */ e(v, { className: "size-4" }),
+        /* @__PURE__ */ e(o, { type: "password", placeholder: "输入密码" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ r("label", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ e(w, { size: "sm" }),
+        "记住登录状态"
+      ] }),
+      /* @__PURE__ */ e(c, { type: "button", mode: "link", variant: "primary", size: "sm", children: "忘记密码" })
+    ] }),
+    /* @__PURE__ */ e(c, { type: "submit", className: "w-full", children: l })
+  ] });
+}
+function H({ className: t, submitText: l = "验证码登录", ...s }) {
+  return /* @__PURE__ */ r("form", { className: n("space-y-4", t), ...s, children: [
+    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(p, { children: "手机号" }),
+      /* @__PURE__ */ r(h, { children: [
+        /* @__PURE__ */ e(y, { className: "size-4" }),
+        /* @__PURE__ */ e(o, { placeholder: "输入手机号" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(p, { children: "验证码" }),
+      /* @__PURE__ */ r("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ e(o, { placeholder: "6 位验证码" }),
+        /* @__PURE__ */ e(c, { type: "button", variant: "outline", className: "shrink-0", children: "获取验证码" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(c, { type: "submit", className: "w-full", children: l })
+  ] });
+}
+function O({ className: t, title: l = "扫码登录", description: s = "使用企业 App 扫描二维码完成登录。" }) {
+  return /* @__PURE__ */ r("div", { className: n("flex flex-col items-center gap-4 text-center", t), children: [
+    /* @__PURE__ */ e("div", { className: "flex size-44 items-center justify-center rounded-xl border border-border bg-muted/40", children: /* @__PURE__ */ e(g, { className: "size-24 text-muted-foreground" }) }),
+    /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("div", { className: "font-medium text-foreground", children: l }),
+      /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: s })
+    ] })
+  ] });
+}
+function R({ className: t, providers: l, title: s = "企业单点登录" }) {
+  const i = l ?? ["飞书工作台", "企业微信", "统一身份认证"];
+  return /* @__PURE__ */ r("div", { className: n("space-y-3", t), children: [
+    /* @__PURE__ */ e("div", { className: "text-sm font-medium text-foreground", children: s }),
+    i.map((a, d) => /* @__PURE__ */ r(c, { type: "button", variant: "outline", className: "w-full justify-start", children: [
+      /* @__PURE__ */ e(f, { className: "size-4" }),
+      a
+    ] }, d))
+  ] });
+}
+function V({ className: t, submitText: l = "验证并继续", ...s }) {
+  return /* @__PURE__ */ r("form", { className: n("space-y-4", t), ...s, children: [
+    /* @__PURE__ */ r("div", { className: "flex items-start gap-3 rounded-lg bg-muted/60 p-3", children: [
+      /* @__PURE__ */ e(x, { className: "mt-0.5 size-5 text-primary" }),
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-medium text-foreground", children: "二次验证" }),
+        /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: "输入身份验证器中的 6 位动态码。" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(h, { children: [
+      /* @__PURE__ */ e(N, { className: "size-4" }),
+      /* @__PURE__ */ e(o, { placeholder: "000000", inputMode: "numeric" })
+    ] }),
+    /* @__PURE__ */ e(c, { type: "submit", className: "w-full", children: l })
+  ] });
+}
+function W({ className: t, tenants: l, ...s }) {
+  const i = l ?? ["华东运营中心", "数字化研发部", "集团总部"];
+  return /* @__PURE__ */ r("div", { className: n("space-y-2", t), ...s, children: [
+    /* @__PURE__ */ e("div", { className: "text-sm font-medium text-foreground", children: "选择组织" }),
+    i.map((a, d) => /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: "flex w-full items-center justify-between rounded-lg border border-border bg-card px-3 py-2 text-left text-sm transition-colors hover:border-primary/40 hover:bg-primary/5",
+        children: [
+          a,
+          /* @__PURE__ */ e(f, { className: "size-4 text-muted-foreground" })
+        ]
+      },
+      d
+    ))
+  ] });
+}
+export {
+  K as AuthMethodTabs,
+  I as LoginCard,
+  V as MfaVerifyForm,
+  Q as PasswordLoginForm,
+  O as QrCodeLoginPanel,
+  H as SmsLoginForm,
+  R as SsoLoginPanel,
+  W as TenantSelector
+};

package/dist/kit/components/composite/message-list-card/message-list-card.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export type MessageListCardTone = 'primary' | 'success' | 'warning' | 'info' | 'muted';
+export interface MessageListCardItem {
+    id: React.Key;
+    type?: React.ReactNode;
+    title: React.ReactNode;
+    date?: React.ReactNode;
+    tone?: MessageListCardTone;
+    action?: React.ReactNode;
+}
+export interface MessageListCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    items?: MessageListCardItem[];
+    renderItem?: (item: MessageListCardItem) => React.ReactNode;
+    empty?: React.ReactNode;
+}
+declare function MessageListCard({ className, title, description, actions, items, renderItem, empty, children, ...props }: MessageListCardProps): import("react/jsx-runtime").JSX.Element;
+export { MessageListCard };

package/dist/kit/components/composite/message-list-card/message-list-card.js

@@ -0,0 +1,83 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import * as p from "react";
+import { ChevronRight as g } from "lucide-react";
+import { cn as f } from "../../../../lib/utils.js";
+import { Badge as u } from "../../data-display/badge/badge.js";
+import { TitleHelp as x } from "../../feedback/title-help/title-help.js";
+const h = {
+  primary: "primary",
+  success: "success",
+  warning: "warning",
+  info: "info",
+  muted: "secondary"
+};
+function j({
+  className: r,
+  title: t = "消息中心",
+  description: c,
+  actions: i,
+  items: d = [],
+  renderItem: o,
+  empty: l,
+  children: s,
+  ...m
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "message-list-card",
+      className: f(
+        "card-surface flex w-full flex-col gap-[var(--dk-card-inner-gap)] overflow-hidden rounded-[var(--dk-radius-card)] border border-border bg-card p-[var(--dk-card-padding)] text-card-foreground",
+        r
+      ),
+      ...m,
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex min-h-6 items-center justify-between gap-[var(--dk-control-gap)]", children: [
+          /* @__PURE__ */ e("div", { className: "min-w-0 truncate text-base font-medium leading-6 text-foreground", children: /* @__PURE__ */ e(x, { help: c, children: t }) }),
+          /* @__PURE__ */ e("div", { className: "shrink-0", children: i ?? /* @__PURE__ */ e(N, {}) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+          s,
+          !s && d.length === 0 && /* @__PURE__ */ e("div", { className: "p-[calc(var(--dk-card-padding)*2)] text-center text-sm text-muted-foreground", children: l ?? "暂无消息" }),
+          !s && d.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-[calc(var(--dk-card-inner-gap)-0.125rem)]", children: d.map(
+            (n) => o ? /* @__PURE__ */ e(p.Fragment, { children: o(n) }, n.id) : /* @__PURE__ */ e(v, { item: n }, n.id)
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+function v({ item: r }) {
+  const t = r.tone ?? "primary";
+  return /* @__PURE__ */ a("div", { className: "group flex min-h-[22px] w-full items-center gap-[calc(var(--dk-control-gap)+0.25rem)]", children: [
+    /* @__PURE__ */ e(
+      u,
+      {
+        variant: h[t],
+        appearance: "light",
+        size: "sm",
+        className: "shrink-0 font-normal",
+        children: r.type ?? "类型"
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-sm font-normal leading-[22px] text-foreground", children: r.title }),
+    r.date && /* @__PURE__ */ e("span", { className: "shrink-0 text-[13px] font-normal leading-[22px] text-muted-foreground", children: r.date }),
+    r.action && /* @__PURE__ */ e("span", { className: "shrink-0 text-muted-foreground", children: r.action })
+  ] });
+}
+function N() {
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      className: "flex h-[22px] items-center gap-[calc(var(--dk-control-gap)/2)] text-[13px] font-normal leading-[22px] text-muted-foreground transition-colors hover:text-primary",
+      children: [
+        /* @__PURE__ */ e("span", { children: "更多" }),
+        /* @__PURE__ */ e(g, { className: "size-3.5", strokeWidth: 1.8 })
+      ]
+    }
+  );
+}
+export {
+  j as MessageListCard
+};

package/dist/kit/components/composite/metric-card/metric-card.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+type MetricTrend = 'up' | 'down' | 'flat';
+export interface MetricCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    trend?: {
+        value: React.ReactNode;
+        direction?: MetricTrend;
+        label?: React.ReactNode;
+    };
+    footer?: React.ReactNode;
+}
+declare function MetricCard({ className, label, value, description, icon: Icon, trend, footer, ...props }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
+export { MetricCard };

package/dist/kit/components/composite/metric-card/metric-card.js

@@ -0,0 +1,37 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { ArrowDownRight as m, Minus as u, ArrowUpRight as f } from "lucide-react";
+import { cn as g } from "../../../../lib/utils.js";
+import { Badge as v } from "../../data-display/badge/badge.js";
+import { Card as p, CardContent as x } from "../../data-display/card/card.js";
+function y({ className: c, label: d, value: n, description: t, icon: i, trend: e, footer: s, ...o }) {
+  const l = e?.direction === "down" ? m : e?.direction === "flat" ? u : f;
+  return /* @__PURE__ */ r(p, { "data-slot": "metric-card", className: g("card-surface", c), ...o, children: /* @__PURE__ */ a(x, { className: "space-y-[var(--dk-card-inner-gap)]", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-[var(--dk-control-gap)]", children: [
+      /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: d }),
+        /* @__PURE__ */ r("div", { className: "text-[length:var(--dk-metric-value-size)] font-semibold leading-none tracking-tight text-foreground", children: n })
+      ] }),
+      i && /* @__PURE__ */ r("div", { className: "flex size-[var(--dk-metric-icon-size)] items-center justify-center rounded-[var(--dk-radius-control)] bg-primary/10 text-primary", children: /* @__PURE__ */ r(i, { className: "size-5" }) })
+    ] }),
+    (t || e) && /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-[var(--dk-control-gap)]", children: [
+      e && /* @__PURE__ */ a(
+        v,
+        {
+          variant: e.direction === "down" ? "destructive" : e.direction === "flat" ? "secondary" : "success",
+          appearance: "light",
+          size: "sm",
+          children: [
+            /* @__PURE__ */ r(l, { className: "size-3" }),
+            e.value
+          ]
+        }
+      ),
+      t && /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: t }),
+      e?.label && /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: e.label })
+    ] }),
+    s && /* @__PURE__ */ r("div", { className: "border-t border-border pt-[var(--dk-card-inner-gap)] text-sm text-muted-foreground", children: s })
+  ] }) });
+}
+export {
+  y as MetricCard
+};

package/dist/kit/components/composite/milestone-card/milestone-card.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface MilestoneCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    date?: React.ReactNode;
+    status?: 'done' | 'current' | 'pending' | 'risk';
+    progress?: number;
+    owner?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+declare function MilestoneCard({ className, title, description, date, status, progress, owner, actions, children, ...props }: MilestoneCardProps): import("react/jsx-runtime").JSX.Element;
+export { MilestoneCard };

package/dist/kit/components/composite/milestone-card/milestone-card.js

@@ -0,0 +1,33 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Flag as x } from "lucide-react";
+import { cn as h } from "../../../../lib/utils.js";
+import { Badge as g } from "../../data-display/badge/badge.js";
+import { Progress as v } from "../../data-display/progress/progress.js";
+import { TitleHelp as u } from "../../feedback/title-help/title-help.js";
+function z({ className: d, title: l, description: n, date: a, status: r = "pending", progress: c, owner: s, actions: t, children: m, ...o }) {
+  const p = r === "risk" ? "destructive" : r === "done" ? "success" : r === "current" ? "primary" : "secondary", f = r === "risk" ? "有风险" : r === "done" ? "已完成" : r === "current" ? "进行中" : "待开始";
+  return /* @__PURE__ */ e("article", { "data-slot": "milestone-card", className: h("rounded-lg border border-border bg-card p-4 shadow-xs", d), ...o, children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ e("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ e(x, { className: "size-5" }) }),
+    /* @__PURE__ */ i("div", { className: "min-w-0 flex-1 space-y-3", children: [
+      /* @__PURE__ */ i("div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "space-y-1", children: /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ e("div", { className: "font-medium text-foreground", children: /* @__PURE__ */ e(u, { help: n, children: l }) }),
+          /* @__PURE__ */ e(g, { variant: p, appearance: "light", size: "sm", children: f })
+        ] }) }),
+        t
+      ] }),
+      (a || s) && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
+        a && /* @__PURE__ */ e("span", { children: a }),
+        s && /* @__PURE__ */ i("span", { children: [
+          "负责人：",
+          s
+        ] })
+      ] }),
+      c !== void 0 && /* @__PURE__ */ e(v, { value: c }),
+      m
+    ] })
+  ] }) });
+}
+export {
+  z as MilestoneCard
+};

package/dist/kit/components/composite/oauth-login-buttons/oauth-login-buttons.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface OAuthProvider {
+    id: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface OAuthLoginButtonsProps extends React.HTMLAttributes<HTMLDivElement> {
+    providers: OAuthProvider[];
+    onProviderClick?: (provider: OAuthProvider) => void;
+    columns?: 1 | 2;
+}
+declare function OAuthLoginButtons({ className, providers, onProviderClick, columns, ...props }: OAuthLoginButtonsProps): import("react/jsx-runtime").JSX.Element;
+export { OAuthLoginButtons };

package/dist/kit/components/composite/oauth-login-buttons/oauth-login-buttons.js

@@ -0,0 +1,32 @@
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { Building2 as u } from "lucide-react";
+import { cn as c } from "../../../../lib/utils.js";
+import { Button as e } from "../../form/button/button.js";
+function b({ className: o, providers: s, onProviderClick: a, columns: n = 1, ...l }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "oauth-login-buttons",
+      className: c("grid gap-2", n === 2 && "grid-cols-2", o),
+      ...l,
+      children: s.map((t) => /* @__PURE__ */ m(
+        e,
+        {
+          type: "button",
+          variant: "outline",
+          className: "justify-start",
+          disabled: t.disabled,
+          onClick: () => a?.(t),
+          children: [
+            t.icon ?? /* @__PURE__ */ i(u, { className: "size-4" }),
+            t.label
+          ]
+        },
+        t.id
+      ))
+    }
+  );
+}
+export {
+  b as OAuthLoginButtons
+};

package/dist/kit/components/composite/page-header/page-header.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    eyebrow?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
+    meta?: React.ReactNode;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare function PageHeader({ className, eyebrow, title, description, breadcrumbs, meta, actions, children, ...props }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export { PageHeader };