@demokit-ui/demokit 0.1.0

package/dist/kit/components/composite/page-header/page-header.js

@@ -0,0 +1,66 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as o } from "../../../../lib/utils.js";
+import { TitleHelp as p } from "../../feedback/title-help/title-help.js";
+function g({
+  className: s,
+  eyebrow: t,
+  title: i,
+  description: c,
+  breadcrumbs: r,
+  meta: d,
+  actions: l,
+  children: m,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    "header",
+    {
+      "data-slot": "page-header",
+      className: o("space-y-4", s),
+      ...n,
+      children: [
+        r && /* @__PURE__ */ e("div", { "data-slot": "page-header-breadcrumbs", children: r }),
+        /* @__PURE__ */ a("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
+          /* @__PURE__ */ a("div", { className: "min-w-0 space-y-2", children: [
+            t && /* @__PURE__ */ e(
+              "div",
+              {
+                "data-slot": "page-header-eyebrow",
+                className: "text-xs font-medium uppercase tracking-wider text-muted-foreground",
+                children: t
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "space-y-1.5", children: /* @__PURE__ */ e(
+              "h1",
+              {
+                "data-slot": "page-header-title",
+                className: "text-2xl font-semibold tracking-tight text-foreground",
+                children: /* @__PURE__ */ e(p, { help: c, children: i })
+              }
+            ) }),
+            d && /* @__PURE__ */ e(
+              "div",
+              {
+                "data-slot": "page-header-meta",
+                className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground",
+                children: d
+              }
+            )
+          ] }),
+          l && /* @__PURE__ */ e(
+            "div",
+            {
+              "data-slot": "page-header-actions",
+              className: "flex shrink-0 flex-wrap items-center gap-2",
+              children: l
+            }
+          )
+        ] }),
+        m
+      ]
+    }
+  );
+}
+export {
+  g as PageHeader
+};

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface ProfileStat {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+export interface ProfileCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    name: React.ReactNode;
+    description?: React.ReactNode;
+    image?: string;
+    fallback?: string;
+    meta?: React.ReactNode;
+    stats?: ProfileStat[];
+    actions?: React.ReactNode;
+}
+declare function ProfileCard({ className, name, description, image, fallback, meta, stats, actions, children, ...props }: ProfileCardProps): import("react/jsx-runtime").JSX.Element;
+export { ProfileCard };

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

@@ -0,0 +1,28 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { cn as x } from "../../../../lib/utils.js";
+import { Avatar as p, AvatarImage as v, AvatarFallback as u } from "../../data-display/avatar/avatar.js";
+import { Card as N, CardContent as g } from "../../data-display/card/card.js";
+import { TitleHelp as b } from "../../feedback/title-help/title-help.js";
+function y({ className: s, name: c, description: m, image: a, fallback: n, meta: l, stats: d, actions: i, children: o, ...f }) {
+  return /* @__PURE__ */ e(N, { "data-slot": "profile-card", className: x("card-surface", s), ...f, children: /* @__PURE__ */ r(g, { className: "space-y-4", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ r(p, { className: "size-12", children: [
+        a && /* @__PURE__ */ e(v, { src: a, alt: "" }),
+        /* @__PURE__ */ e(u, { children: n ?? "DK" })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ e("div", { className: "font-semibold text-foreground", children: /* @__PURE__ */ e(b, { help: m, children: c }) }),
+        l && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-muted-foreground", children: l })
+      ] }),
+      i && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-2", children: i })
+    ] }),
+    d && /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: d.map((t, h) => /* @__PURE__ */ r("div", { className: "rounded-md bg-muted/60 p-2 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "text-base font-semibold text-foreground", children: t.value }),
+      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: t.label })
+    ] }, h)) }),
+    o
+  ] }) });
+}
+export {
+  y as ProfileCard
+};

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface ProgressCardStep {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+export interface ProgressCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    value: number;
+    max?: number;
+    label?: React.ReactNode;
+    steps?: ProgressCardStep[];
+    footer?: React.ReactNode;
+}
+declare function ProgressCard({ className, title, description, value, max, label, steps, footer, ...props }: ProgressCardProps): import("react/jsx-runtime").JSX.Element;
+export { ProgressCard };

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

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { cn as h } from "../../../../lib/utils.js";
+import { Progress as p } from "../../data-display/progress/progress.js";
+import { Card as x, CardContent as g } from "../../data-display/card/card.js";
+import { TitleHelp as v } from "../../feedback/title-help/title-help.js";
+function M({ className: i, title: l, description: c, value: o, max: t = 100, label: n, steps: d, footer: a, ...u }) {
+  const s = t > 0 ? Math.min(100, Math.max(0, o / t * 100)) : 0;
+  return /* @__PURE__ */ e(x, { "data-slot": "progress-card", className: h("card-surface", i), ...u, children: /* @__PURE__ */ r(g, { className: "space-y-4", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ e("div", { className: "space-y-1", children: /* @__PURE__ */ e("div", { className: "font-medium text-foreground", children: /* @__PURE__ */ e(v, { help: c, children: l }) }) }),
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-foreground", children: n ?? `${Math.round(s)}%` })
+    ] }),
+    /* @__PURE__ */ e(p, { value: s }),
+    d && /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: d.map((m, f) => /* @__PURE__ */ r("div", { className: "rounded-md bg-muted/60 p-2", children: [
+      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: m.label }),
+      /* @__PURE__ */ e("div", { className: "mt-1 text-sm font-medium text-foreground", children: m.value })
+    ] }, f)) }),
+    a && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: a })
+  ] }) });
+}
+export {
+  M as ProgressCard
+};

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface ProjectCardMeta {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+export interface ProjectCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    status?: React.ReactNode;
+    owner?: React.ReactNode;
+    dateRange?: React.ReactNode;
+    progress?: number;
+    meta?: ProjectCardMeta[];
+    actions?: React.ReactNode;
+}
+declare function ProjectCard({ className, title, description, status, owner, dateRange, progress, meta, actions, children, ...props }: ProjectCardProps): import("react/jsx-runtime").JSX.Element;
+export { ProjectCard };

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

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { CalendarDays as h } from "lucide-react";
+import { cn as u } from "../../../../lib/utils.js";
+import { Badge as N } from "../../data-display/badge/badge.js";
+import { Card as v, CardContent as g } from "../../data-display/card/card.js";
+import { Progress as j } from "../../data-display/progress/progress.js";
+import { TitleHelp as y } from "../../feedback/title-help/title-help.js";
+function H({ className: c, title: m, description: n, status: l, owner: a, dateRange: s, progress: i, meta: d, actions: o, children: f, ...p }) {
+  return /* @__PURE__ */ e(v, { "data-slot": "project-card", className: u("card-surface", c), ...p, children: /* @__PURE__ */ r(g, { className: "space-y-4", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "min-w-0 space-y-1", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ e("div", { className: "font-semibold text-foreground", children: /* @__PURE__ */ e(y, { help: n, children: m }) }),
+        l && /* @__PURE__ */ e(N, { appearance: "light", children: l })
+      ] }) }),
+      o
+    ] }),
+    (a || s) && /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
+      a && /* @__PURE__ */ r("span", { children: [
+        "负责人：",
+        a
+      ] }),
+      s && /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ e(h, { className: "size-3.5" }),
+        s
+      ] })
+    ] }),
+    i !== void 0 && /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-xs", children: [
+        /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "进度" }),
+        /* @__PURE__ */ r("span", { className: "font-medium text-foreground", children: [
+          i,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ e(j, { value: i })
+    ] }),
+    d && /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: d.map((t, x) => /* @__PURE__ */ r("div", { className: "rounded-md bg-muted/60 p-2", children: [
+      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: t.label }),
+      /* @__PURE__ */ e("div", { className: "mt-1 text-sm font-medium text-foreground", children: t.value })
+    ] }, x)) }),
+    f
+  ] }) });
+}
+export {
+  H as ProjectCard
+};

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface ShortcutCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    badge?: React.ReactNode;
+    meta?: React.ReactNode;
+    asChild?: boolean;
+}
+declare function ShortcutCard({ className, title, description, icon: Icon, badge, meta, asChild, children, ...props }: ShortcutCardProps): import("react/jsx-runtime").JSX.Element;
+export { ShortcutCard };

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

@@ -0,0 +1,35 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { ArrowRight as p } from "lucide-react";
+import { Slot as u } from "radix-ui";
+import { cn as h } from "../../../../lib/utils.js";
+import { Badge as g } from "../../data-display/badge/badge.js";
+import { TitleHelp as f } from "../../feedback/title-help/title-help.js";
+function j({ className: s, title: m, description: a, icon: o, badge: t, meta: i, asChild: n, children: d, ...c }) {
+  const l = n ? u.Slot : "div";
+  return /* @__PURE__ */ e(
+    l,
+    {
+      "data-slot": "shortcut-card",
+      className: h(
+        "group flex min-h-28 cursor-pointer items-center gap-3 rounded-lg border border-border bg-card p-4 transition-colors hover:border-primary/40 hover:bg-primary/5",
+        s
+      ),
+      ...c,
+      children: [
+        o && /* @__PURE__ */ r("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground transition-colors group-hover:bg-primary/10 group-hover:text-primary", children: /* @__PURE__ */ r(o, { className: "size-5" }) }),
+        /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 space-y-1", children: [
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ r(f, { className: "font-medium text-foreground", help: a, children: m }),
+            t && /* @__PURE__ */ r(g, { variant: "primary", appearance: "light", size: "sm", children: t })
+          ] }),
+          i && /* @__PURE__ */ r("div", { className: "text-xs text-muted-foreground", children: i }),
+          d
+        ] }),
+        /* @__PURE__ */ r(p, { className: "size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" })
+      ]
+    }
+  );
+}
+export {
+  j as ShortcutCard
+};

package/dist/kit/components/composite/sprint-summary/sprint-summary.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface SprintSummaryItem {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    tone?: 'default' | 'primary' | 'success' | 'warning' | 'destructive';
+}
+export interface SprintSummaryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    progress?: number;
+    items: SprintSummaryItem[];
+    actions?: React.ReactNode;
+}
+declare function SprintSummary({ className, title, description, progress, items, actions, children, ...props }: SprintSummaryProps): import("react/jsx-runtime").JSX.Element;
+export { SprintSummary };

package/dist/kit/components/composite/sprint-summary/sprint-summary.js

@@ -0,0 +1,43 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { cn as s } from "../../../../lib/utils.js";
+import { Card as f, CardContent as p } from "../../data-display/card/card.js";
+import { Progress as x } from "../../data-display/progress/progress.js";
+import { TitleHelp as v } from "../../feedback/title-help/title-help.js";
+function w({ className: c, title: d, description: l, progress: a, items: n, actions: o, children: i, ...m }) {
+  return /* @__PURE__ */ e(f, { "data-slot": "sprint-summary", className: s("card-surface", c), ...m, children: /* @__PURE__ */ t(p, { className: "space-y-4", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "space-y-1", children: /* @__PURE__ */ e("div", { className: "font-semibold text-foreground", children: /* @__PURE__ */ e(v, { help: l, children: d }) }) }),
+      o
+    ] }),
+    a !== void 0 && /* @__PURE__ */ t("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ t("div", { className: "flex justify-between text-xs", children: [
+        /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "完成度" }),
+        /* @__PURE__ */ t("span", { className: "font-medium text-foreground", children: [
+          a,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ e(x, { value: a })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2 md:grid-cols-4", children: n.map((r, u) => /* @__PURE__ */ t("div", { className: "rounded-md bg-muted/60 p-3", children: [
+      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: r.label }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: s(
+            "mt-1 text-lg font-semibold text-foreground",
+            r.tone === "primary" && "text-primary",
+            r.tone === "success" && "text-[var(--color-success-accent,var(--color-green-700))]",
+            r.tone === "warning" && "text-[var(--color-warning-accent,var(--color-yellow-700))]",
+            r.tone === "destructive" && "text-destructive"
+          ),
+          children: r.value
+        }
+      )
+    ] }, u)) }),
+    i
+  ] }) });
+}
+export {
+  w as SprintSummary
+};

package/dist/kit/components/composite/state-panel/state-panel.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export type StatePanelVariant = 'empty' | 'loading' | 'error' | 'success';
+export interface StatePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    variant?: StatePanelVariant;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function StatePanel({ className, variant, title, description, icon, action, size, children, ...props }: StatePanelProps): import("react/jsx-runtime").JSX.Element;
+export { StatePanel };

package/dist/kit/components/composite/state-panel/state-panel.js

@@ -0,0 +1,79 @@
+import { jsx as e, jsxs as c, Fragment as x } from "react/jsx-runtime";
+import { CheckCircle2 as p, AlertCircle as g, Loader2 as h, Inbox as N } from "lucide-react";
+import { cn as a } from "../../../../lib/utils.js";
+import { Skeleton as i } from "../../data-display/skeleton/skeleton.js";
+const b = {
+  empty: {
+    title: "暂无数据",
+    description: "当前没有可展示的内容。",
+    icon: /* @__PURE__ */ e(N, { className: "size-6" })
+  },
+  loading: {
+    title: "正在加载",
+    description: "数据正在准备，请稍候。",
+    icon: /* @__PURE__ */ e(h, { className: "size-6 animate-spin" })
+  },
+  error: {
+    title: "加载失败",
+    description: "请求未完成，请稍后重试。",
+    icon: /* @__PURE__ */ e(g, { className: "size-6" })
+  },
+  success: {
+    title: "处理完成",
+    description: "操作已成功完成。",
+    icon: /* @__PURE__ */ e(p, { className: "size-6" })
+  }
+};
+function z({
+  className: d,
+  variant: s = "empty",
+  title: m,
+  description: n,
+  icon: u,
+  action: o,
+  size: t = "md",
+  children: l,
+  ...f
+}) {
+  const r = b[s];
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "state-panel",
+      className: a(
+        "flex flex-col items-center justify-center rounded-lg border border-dashed border-border bg-card text-center",
+        t === "sm" && "min-h-36 p-5",
+        t === "md" && "min-h-52 p-8",
+        t === "lg" && "min-h-72 p-10",
+        d
+      ),
+      ...f,
+      children: s === "loading" && !l ? /* @__PURE__ */ c("div", { className: "w-full max-w-sm space-y-3", children: [
+        /* @__PURE__ */ e(i, { className: "mx-auto size-12 rounded-full" }),
+        /* @__PURE__ */ e(i, { className: "mx-auto h-4 w-1/3" }),
+        /* @__PURE__ */ e(i, { className: "mx-auto h-3 w-2/3" })
+      ] }) : /* @__PURE__ */ c(x, { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: a(
+              "mb-3 flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground",
+              s === "error" && "bg-destructive/10 text-destructive",
+              s === "success" && "bg-[var(--color-success-soft,var(--color-green-50))] text-[var(--color-success-accent,var(--color-green-700))]"
+            ),
+            children: u ?? r.icon
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e("div", { className: "font-medium text-foreground", children: m ?? r.title }),
+          /* @__PURE__ */ e("div", { className: "max-w-sm text-sm leading-relaxed text-muted-foreground", children: n ?? r.description })
+        ] }),
+        l,
+        o && /* @__PURE__ */ e("div", { className: "mt-4", children: o })
+      ] })
+    }
+  );
+}
+export {
+  z as StatePanel
+};

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface SummaryField {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+export interface SummaryCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    status?: React.ReactNode;
+    fields?: SummaryField[];
+    tags?: React.ReactNode[];
+    actions?: React.ReactNode;
+}
+declare function SummaryCard({ className, title, description, status, fields, tags, actions, children, ...props }: SummaryCardProps): import("react/jsx-runtime").JSX.Element;
+export { SummaryCard };

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

@@ -0,0 +1,25 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { cn as v } from "../../../../lib/utils.js";
+import { Badge as n } from "../../data-display/badge/badge.js";
+import { Card as h, CardContent as f } from "../../data-display/card/card.js";
+import { TitleHelp as x } from "../../feedback/title-help/title-help.js";
+function w({ className: s, title: m, description: o, status: l, fields: i, tags: c, actions: t, children: p, ...g }) {
+  return /* @__PURE__ */ e(h, { "data-slot": "summary-card", className: v("card-surface", s), ...g, children: /* @__PURE__ */ r(f, { className: "space-y-[var(--dk-card-inner-gap)]", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-[var(--dk-control-gap)]", children: [
+      /* @__PURE__ */ e("div", { className: "min-w-0 space-y-1", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-[var(--dk-control-gap)]", children: [
+        /* @__PURE__ */ e("div", { className: "text-[length:var(--dk-summary-title-size)] font-semibold leading-6 text-foreground", children: /* @__PURE__ */ e(x, { help: o, children: m }) }),
+        l && /* @__PURE__ */ e(n, { appearance: "light", children: l })
+      ] }) }),
+      t && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-[var(--dk-control-gap)]", children: t })
+    ] }),
+    i && /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-[var(--dk-control-gap)] md:grid-cols-4", children: i.map((a, d) => /* @__PURE__ */ r("div", { className: "rounded-[var(--dk-radius-control)] bg-muted/60 p-[var(--dk-card-field-padding)]", children: [
+      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: a.label }),
+      /* @__PURE__ */ e("div", { className: "mt-1 text-sm font-medium text-foreground", children: a.value })
+    ] }, d)) }),
+    c && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-[var(--dk-control-gap)]", children: c.map((a, d) => /* @__PURE__ */ e(n, { variant: "secondary", appearance: "light", size: "sm", children: a }, d)) }),
+    p
+  ] }) });
+}
+export {
+  w as SummaryCard
+};

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface TaskCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    checked?: boolean;
+    status?: React.ReactNode;
+    priority?: React.ReactNode;
+    due?: React.ReactNode;
+    assignee?: React.ReactNode;
+    tags?: React.ReactNode[];
+    actions?: React.ReactNode;
+}
+declare function TaskCard({ className, title, description, checked, status, priority, due, assignee, tags, actions, children, ...props }: TaskCardProps): import("react/jsx-runtime").JSX.Element;
+export { TaskCard };

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

@@ -0,0 +1,49 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { CalendarClock as N } from "lucide-react";
+import { cn as m } from "../../../../lib/utils.js";
+import { Badge as t } from "../../data-display/badge/badge.js";
+import { Checkbox as u } from "../../form/checkbox/checkbox.js";
+import { TitleHelp as b } from "../../feedback/title-help/title-help.js";
+function T({
+  className: c,
+  title: d,
+  description: o,
+  checked: l,
+  status: s,
+  priority: n,
+  due: a,
+  assignee: i,
+  tags: p,
+  actions: h,
+  children: f,
+  ...x
+}) {
+  return /* @__PURE__ */ e("article", { "data-slot": "task-card", className: m("rounded-lg border border-border bg-card p-4 shadow-xs", c), ...x, children: /* @__PURE__ */ r("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ e(u, { checked: l, className: "mt-0.5" }),
+    /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 space-y-2", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: m("text-sm font-medium text-foreground", l && "text-muted-foreground line-through"), children: /* @__PURE__ */ e(b, { help: o, children: d }) }) }),
+        h
+      ] }),
+      /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2", children: [
+        s && /* @__PURE__ */ e(t, { variant: "primary", appearance: "light", size: "sm", children: s }),
+        n && /* @__PURE__ */ e(t, { variant: "warning", appearance: "light", size: "sm", children: n }),
+        p?.map((g, v) => /* @__PURE__ */ e(t, { variant: "secondary", appearance: "light", size: "sm", children: g }, v))
+      ] }),
+      (a || i) && /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
+        a && /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ e(N, { className: "size-3.5" }),
+          a
+        ] }),
+        i && /* @__PURE__ */ r("span", { children: [
+          "负责人：",
+          i
+        ] })
+      ] }),
+      f
+    ] })
+  ] }) });
+}
+export {
+  T as TaskCard
+};

package/dist/kit/components/composite/timeline/timeline.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+export type TimelineItemStatus = 'done' | 'current' | 'pending' | 'error';
+export type TimelineItemTone = 'primary' | 'success' | 'warning' | 'muted' | 'destructive';
+export interface TimelineTab {
+    value: string;
+    label: React.ReactNode;
+    count?: React.ReactNode;
+}
+export interface TimelineItemData {
+    id: React.Key;
+    title: React.ReactNode;
+    time?: React.ReactNode;
+    actor?: React.ReactNode;
+    description?: React.ReactNode;
+    status?: TimelineItemStatus;
+    tone?: TimelineItemTone;
+    tag?: React.ReactNode;
+    meta?: React.ReactNode;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+    density?: 'default' | 'compact';
+    tabs?: TimelineTab[];
+    activeTab?: string;
+    defaultActiveTab?: string;
+    onTabChange?: (value: string) => void;
+    items?: TimelineItemData[];
+    renderItem?: (item: TimelineItemData, index: number) => React.ReactNode;
+    listClassName?: string;
+    empty?: React.ReactNode;
+}
+export interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'title'> {
+    title: React.ReactNode;
+    time?: React.ReactNode;
+    actor?: React.ReactNode;
+    description?: React.ReactNode;
+    status?: TimelineItemStatus;
+    tone?: TimelineItemTone;
+    tag?: React.ReactNode;
+    meta?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+declare function Timeline({ className, density, tabs, activeTab, defaultActiveTab, onTabChange, items, renderItem, listClassName, empty, children, ...props }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+declare function TimelineItem({ className, title, time, actor, description, status, tone, tag, meta, actions, children, ...props }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
+export { Timeline, TimelineItem };