@demokit-ui/demokit 0.1.0 → 0.1.2

package/dist/kit/components/composite/approval-flow/approval-flow.examples.js

@@ -0,0 +1,70 @@
+import { jsx as a } from "react/jsx-runtime";
+import { ApprovalFlow as t } from "./approval-flow.js";
+const r = [
+  {
+    id: 1,
+    actor: "范米花儿",
+    time: "2024/09/15 09:00",
+    status: "started",
+    avatarSrc: "/avatar.png",
+    avatarFallback: "范"
+  },
+  {
+    id: 2,
+    actor: "范米花儿",
+    time: "2024/09/15 09:00",
+    status: "approved",
+    avatarSrc: "/avatar.png",
+    avatarFallback: "范"
+  },
+  {
+    id: 3,
+    actor: "范米花儿",
+    time: "2024/09/15 09:00",
+    status: "approved",
+    avatarFallback: "F",
+    comment: "这里是评论内容，这里是评论内容这里是评论内容这里是评论内容"
+  },
+  {
+    id: 4,
+    actor: "范米花儿",
+    time: "2024/09/15 09:00",
+    status: "processing",
+    avatarSrc: "/avatar.png",
+    avatarFallback: "范",
+    rule: "1人通过即可",
+    participants: [
+      { id: "a", name: "李四", avatarSrc: "/avatar.png", avatarFallback: "李" },
+      { id: "b", name: "李四", avatarSrc: "/avatar.png", avatarFallback: "李" },
+      { id: "c", name: "李四", avatarSrc: "/avatar.png", avatarFallback: "李" }
+    ]
+  },
+  {
+    id: 5,
+    actor: "范米花儿",
+    time: "2024/09/15 09:00",
+    status: "pending",
+    avatarSrc: "/avatar.png",
+    avatarFallback: "范"
+  }
+];
+function l() {
+  return /* @__PURE__ */ a(
+    t,
+    {
+      tabs: [
+        { value: "flow", label: "审批流程" },
+        { value: "comments", label: "评论" }
+      ],
+      defaultActiveTab: "flow",
+      items: r
+    }
+  );
+}
+function e() {
+  return /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(l, {}) });
+}
+export {
+  l as ApprovalFlowBasic,
+  e as ApprovalFlowShowcase
+};

package/dist/kit/components/composite/auth-shell/auth-shell.examples.d.ts

@@ -0,0 +1,2 @@
+export declare function AuthShellBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function AuthShellShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/composite/auth-shell/auth-shell.examples.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import { AuthShell as o } from "./auth-shell.js";
+import { LoginCard as t, PasswordLoginForm as i } from "../login-card/login-card.js";
+function d() {
+  return /* @__PURE__ */ r(
+    o,
+    {
+      brand: "DemoKit Cloud",
+      title: "统一身份入口",
+      description: "适合管理后台、SaaS 控制台和企业内部系统的登录页外壳。",
+      aside: /* @__PURE__ */ r("div", { className: "rounded-xl border border-border bg-card/80 p-4 text-sm text-muted-foreground", children: "今日已有 328 位成员通过统一身份入口访问工作台。" }),
+      footer: "登录即表示你同意安全策略和隐私条款。",
+      children: /* @__PURE__ */ r(t, { title: "欢迎回来", description: "使用账号密码登录", children: /* @__PURE__ */ r(i, { onSubmit: (e) => e.preventDefault() }) })
+    }
+  );
+}
+function a() {
+  return /* @__PURE__ */ r(d, {});
+}
+export {
+  d as AuthShellBasic,
+  a as AuthShellShowcase
+};

package/dist/kit/components/composite/board-toolbar/board-toolbar.examples.d.ts

@@ -0,0 +1,2 @@
+export declare function BoardToolbarBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function BoardToolbarShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/composite/board-toolbar/board-toolbar.examples.js

@@ -0,0 +1,32 @@
+import { jsx as r, jsxs as e, Fragment as i } from "react/jsx-runtime";
+import { Plus as a, Users as t } from "lucide-react";
+import { BoardToolbar as n } from "./board-toolbar.js";
+import { Button as o } from "../../form/button/button.js";
+function s() {
+  return /* @__PURE__ */ r(
+    n,
+    {
+      searchPlaceholder: "搜索任务标题、标签、负责人",
+      defaultSearchValue: "",
+      filters: /* @__PURE__ */ e(i, { children: [
+        /* @__PURE__ */ r(o, { variant: "outline", size: "sm", children: "状态" }),
+        /* @__PURE__ */ r(o, { variant: "outline", size: "sm", children: "优先级" })
+      ] }),
+      groupBy: /* @__PURE__ */ e(o, { variant: "outline", size: "sm", children: [
+        /* @__PURE__ */ r(t, {}),
+        "按负责人分组"
+      ] }),
+      actions: /* @__PURE__ */ e(o, { size: "sm", children: [
+        /* @__PURE__ */ r(a, {}),
+        "新建任务"
+      ] })
+    }
+  );
+}
+function d() {
+  return /* @__PURE__ */ r(s, {});
+}
+export {
+  s as BoardToolbarBasic,
+  d as BoardToolbarShowcase
+};

package/dist/kit/components/composite/chart-card/chart-card.examples.d.ts

@@ -0,0 +1,3 @@
+export declare function ChartCardTrend(): import("react/jsx-runtime").JSX.Element;
+export declare function ChartCardStates(): import("react/jsx-runtime").JSX.Element;
+export declare function ChartCardShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/composite/chart-card/chart-card.examples.js

@@ -0,0 +1,58 @@
+import { jsxs as t, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { RefreshCw as o, Download as d } from "lucide-react";
+import { useChartPalette as c } from "../../../tokens/chart-palette.js";
+import { ChartCard as i } from "./chart-card.js";
+import { Badge as m } from "../../data-display/badge/badge.js";
+import { Button as l } from "../../form/button/button.js";
+const h = [52, 74, 46, 88, 63, 96, 71, 84];
+function p() {
+  const r = c();
+  return /* @__PURE__ */ e(
+    i,
+    {
+      title: "收入趋势",
+      description: "图表卡片统一标题、工具栏、图例和空/加载状态。",
+      toolbar: /* @__PURE__ */ t(n, { children: [
+        /* @__PURE__ */ t(l, { variant: "outline", size: "sm", children: [
+          /* @__PURE__ */ e(o, {}),
+          "刷新"
+        ] }),
+        /* @__PURE__ */ t(l, { variant: "outline", size: "sm", children: [
+          /* @__PURE__ */ e(d, {}),
+          "导出"
+        ] })
+      ] }),
+      legend: /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-3 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ t("span", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ e("i", { className: "size-2 rounded-full", style: { backgroundColor: r[0] } }),
+          "收入"
+        ] }),
+        /* @__PURE__ */ e(m, { variant: "success", appearance: "light", size: "sm", children: "+12.4%" })
+      ] }),
+      children: /* @__PURE__ */ e("div", { className: "flex h-[260px] items-end gap-3", children: h.map((s, a) => /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col items-center gap-2", children: [
+        /* @__PURE__ */ e("div", { className: "w-full rounded-t-md", style: { height: `${s}%`, backgroundColor: r[a % r.length] } }),
+        /* @__PURE__ */ t("span", { className: "text-[10px] text-muted-foreground", children: [
+          a + 1,
+          "月"
+        ] })
+      ] }, a)) })
+    }
+  );
+}
+function u() {
+  return /* @__PURE__ */ t("div", { className: "grid gap-4 md:grid-cols-2", children: [
+    /* @__PURE__ */ e(i, { title: "加载中", loading: !0, minHeight: 180 }),
+    /* @__PURE__ */ e(i, { title: "无数据", empty: !0, minHeight: 180 })
+  ] });
+}
+function w() {
+  return /* @__PURE__ */ t("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(p, {}),
+    /* @__PURE__ */ e(u, {})
+  ] });
+}
+export {
+  w as ChartCardShowcase,
+  u as ChartCardStates,
+  p as ChartCardTrend
+};

package/dist/kit/components/composite/chart-toolbar/chart-toolbar.examples.d.ts

@@ -0,0 +1,2 @@
+export declare function ChartToolbarBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function ChartToolbarShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/composite/chart-toolbar/chart-toolbar.examples.js

@@ -0,0 +1,39 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { Download as l } from "lucide-react";
+import { ChartToolbar as s } from "./chart-toolbar.js";
+import { Button as c } from "../../form/button/button.js";
+function u() {
+  const [a, o] = r("30d"), [t, n] = r("revenue");
+  return /* @__PURE__ */ e(
+    s,
+    {
+      activeRange: a,
+      onRangeChange: o,
+      ranges: [
+        { value: "7d", label: "7 天" },
+        { value: "30d", label: "30 天" },
+        { value: "90d", label: "90 天" }
+      ],
+      activeMetric: t,
+      onMetricChange: n,
+      metrics: [
+        { value: "revenue", label: "收入" },
+        { value: "cost", label: "成本" }
+      ],
+      onRefresh: () => {
+      },
+      actions: /* @__PURE__ */ i(c, { variant: "outline", size: "sm", children: [
+        /* @__PURE__ */ e(l, {}),
+        "导出"
+      ] })
+    }
+  );
+}
+function d() {
+  return /* @__PURE__ */ e(u, {});
+}
+export {
+  u as ChartToolbarBasic,
+  d as ChartToolbarShowcase
+};

package/dist/kit/components/composite/data-section/data-section.examples.d.ts

@@ -0,0 +1,3 @@
+export declare function DataSectionTable(): import("react/jsx-runtime").JSX.Element;
+export declare function DataSectionStates(): import("react/jsx-runtime").JSX.Element;
+export declare function DataSectionShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/composite/data-section/data-section.examples.js

@@ -0,0 +1,48 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { RefreshCw as r } from "lucide-react";
+import { DataSection as i } from "./data-section.js";
+import { Badge as s } from "../../data-display/badge/badge.js";
+import { Button as n } from "../../form/button/button.js";
+import { FilterToolbar as o } from "../filter-toolbar/filter-toolbar.js";
+const d = [
+  { id: "PRJ-1024", name: "数据资产盘点", owner: "林青", status: "进行中" },
+  { id: "PRJ-1025", name: "质量规则上线", owner: "周然", status: "待评审" },
+  { id: "PRJ-1026", name: "指标口径复核", owner: "陈序", status: "已完成" }
+];
+function c() {
+  return /* @__PURE__ */ e(
+    i,
+    {
+      title: "项目列表",
+      description: "标准数据区块：标题、筛选、内容和状态视图。",
+      toolbar: /* @__PURE__ */ e(o, { searchPlaceholder: "搜索项目", defaultSearchValue: "" }),
+      actions: /* @__PURE__ */ a(n, { variant: "outline", size: "sm", children: [
+        /* @__PURE__ */ e(r, {}),
+        "刷新"
+      ] }),
+      children: /* @__PURE__ */ e("div", { className: "divide-y divide-border", children: d.map((t) => /* @__PURE__ */ a("div", { className: "grid grid-cols-[110px_1fr_90px_80px] items-center gap-3 px-5 py-3 text-sm", children: [
+        /* @__PURE__ */ e("span", { className: "font-mono text-xs text-muted-foreground", children: t.id }),
+        /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: t.name }),
+        /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: t.owner }),
+        /* @__PURE__ */ e(s, { variant: t.status === "已完成" ? "success" : "primary", appearance: "light", size: "sm", children: t.status })
+      ] }, t.id)) })
+    }
+  );
+}
+function m() {
+  return /* @__PURE__ */ a("div", { className: "grid gap-4 md:grid-cols-2", children: [
+    /* @__PURE__ */ e(i, { title: "加载态", state: "loading" }),
+    /* @__PURE__ */ e(i, { title: "空状态", state: "empty" })
+  ] });
+}
+function g() {
+  return /* @__PURE__ */ a("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ e(c, {}),
+    /* @__PURE__ */ e(m, {})
+  ] });
+}
+export {
+  g as DataSectionShowcase,
+  m as DataSectionStates,
+  c as DataSectionTable
+};

package/dist/kit/components/composite/description-grid/description-grid.examples.d.ts

@@ -0,0 +1,2 @@
+export declare function DescriptionGridBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionGridShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/composite/description-grid/description-grid.examples.js

@@ -0,0 +1,30 @@
+import { jsx as e } from "react/jsx-runtime";
+import { DescriptionGrid as l } from "./description-grid.js";
+import { Badge as a } from "../../data-display/badge/badge.js";
+function r() {
+  return /* @__PURE__ */ e(
+    l,
+    {
+      items: [
+        { label: "项目编号", value: "PRJ-2026-041" },
+        { label: "负责人", value: "林青" },
+        { label: "当前状态", value: /* @__PURE__ */ e(a, { appearance: "light", children: "进行中" }) },
+        { label: "起止时间", value: "2026-04-01 至 2026-06-30" },
+        { label: "预算", value: "¥ 860,000" },
+        { label: "风险等级", value: "中" },
+        {
+          label: "项目说明",
+          value: "用于详情页的字段摘要展示，支持跨列内容和响应式布局。",
+          span: 3
+        }
+      ]
+    }
+  );
+}
+function n() {
+  return /* @__PURE__ */ e(r, {});
+}
+export {
+  r as DescriptionGridBasic,
+  n as DescriptionGridShowcase
+};

package/dist/kit/components/composite/detail-header/detail-header.examples.d.ts

@@ -0,0 +1,2 @@
+export declare function DetailHeaderBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function DetailHeaderShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/composite/detail-header/detail-header.examples.js

@@ -0,0 +1,37 @@
+import { jsx as e, jsxs as i, Fragment as r } from "react/jsx-runtime";
+import { Building2 as a, MoreHorizontal as l, Edit3 as o } from "lucide-react";
+import { DetailHeader as n } from "./detail-header.js";
+import { Button as t } from "../../form/button/button.js";
+function s() {
+  return /* @__PURE__ */ e(
+    n,
+    {
+      eyebrow: "Asset detail",
+      icon: a,
+      title: "杭州数据中心 A-12 机柜",
+      description: "用于详情页顶部的实体摘要，集中放置状态、关键字段、标签和操作。",
+      status: "运行中",
+      tags: ["核心资产", "杭州", "高可用"],
+      fields: [
+        { label: "资产编号", value: "AST-2026-0412" },
+        { label: "责任人", value: "陈序" },
+        { label: "健康度", value: "96%" },
+        { label: "更新时间", value: "10:42" }
+      ],
+      actions: /* @__PURE__ */ i(r, { children: [
+        /* @__PURE__ */ e(t, { variant: "outline", size: "icon", children: /* @__PURE__ */ e(l, {}) }),
+        /* @__PURE__ */ i(t, { children: [
+          /* @__PURE__ */ e(o, {}),
+          "编辑"
+        ] })
+      ] })
+    }
+  );
+}
+function f() {
+  return /* @__PURE__ */ e(s, {});
+}
+export {
+  s as DetailHeaderBasic,
+  f as DetailHeaderShowcase
+};

package/dist/kit/components/composite/filter-panel/filter-panel.examples.d.ts

@@ -0,0 +1,2 @@
+export declare function FilterPanelBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function FilterPanelShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/composite/filter-panel/filter-panel.examples.js

@@ -0,0 +1,63 @@
+import { jsxs as l, jsx as e, Fragment as c } from "react/jsx-runtime";
+import { Download as t, Search as m } from "lucide-react";
+import { FilterPanel as s, FilterPanelGrid as d, FilterPanelField as i } from "./filter-panel.js";
+import { Input as h } from "../../form/input/input.js";
+import { ToggleGroup as u, ToggleGroupItem as n } from "../../form/toggle-group/toggle-group.js";
+import { Select as f, SelectTrigger as p, SelectValue as g, SelectContent as x, SelectItem as o } from "../../form/select/select.js";
+import { Button as a } from "../../form/button/button.js";
+function v() {
+  return /* @__PURE__ */ l(
+    s,
+    {
+      summary: /* @__PURE__ */ l(c, { children: [
+        "已应用 ",
+        /* @__PURE__ */ e("span", { className: "font-semibold text-foreground", children: "2" }),
+        " ",
+        "个筛选条件"
+      ] }),
+      actions: /* @__PURE__ */ l(c, { children: [
+        /* @__PURE__ */ e(a, { variant: "ghost", size: "sm", children: "重置" }),
+        /* @__PURE__ */ l(a, { variant: "outline", size: "sm", children: [
+          /* @__PURE__ */ e(t, {}),
+          "导出"
+        ] }),
+        /* @__PURE__ */ l(a, { size: "sm", children: [
+          /* @__PURE__ */ e(m, {}),
+          "查询"
+        ] })
+      ] }),
+      children: [
+        /* @__PURE__ */ l(d, { columns: 2, children: [
+          /* @__PURE__ */ e(i, { label: "负责人", children: /* @__PURE__ */ e(h, { placeholder: "搜索负责人姓名 / 工号" }) }),
+          /* @__PURE__ */ e(i, { label: "时间范围", children: /* @__PURE__ */ l(
+            u,
+            {
+              type: "single",
+              defaultValue: "30d",
+              className: "w-full rounded-md border border-border",
+              children: [
+                /* @__PURE__ */ e(n, { value: "7d", className: "flex-1", children: "近 7 天" }),
+                /* @__PURE__ */ e(n, { value: "30d", className: "flex-1", children: "近 30 天" }),
+                /* @__PURE__ */ e(n, { value: "90d", className: "flex-1", children: "近 90 天" })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e(d, { columns: 4, children: ["产品线", "缺陷类型", "严重度", "处理状态"].map((r) => /* @__PURE__ */ e(i, { label: r, children: /* @__PURE__ */ l(f, { defaultValue: "all", children: [
+          /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(g, { placeholder: `选择${r}` }) }),
+          /* @__PURE__ */ l(x, { children: [
+            /* @__PURE__ */ e(o, { value: "all", children: "全部" }),
+            /* @__PURE__ */ e(o, { value: "focus", children: "重点项" })
+          ] })
+        ] }) }, r)) })
+      ]
+    }
+  );
+}
+function G() {
+  return /* @__PURE__ */ e("div", { className: "max-w-5xl", children: /* @__PURE__ */ e(v, {}) });
+}
+export {
+  v as FilterPanelBasic,
+  G as FilterPanelShowcase
+};

package/dist/kit/components/composite/filter-toolbar/filter-toolbar.examples.d.ts

@@ -0,0 +1,2 @@
+export declare function FilterToolbarBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function FilterToolbarShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/composite/filter-toolbar/filter-toolbar.examples.js

@@ -0,0 +1,39 @@
+import { jsx as r, jsxs as i, Fragment as o } from "react/jsx-runtime";
+import { Plus as a, Table2 as t, Columns3 as l, ListFilter as n } from "lucide-react";
+import { FilterToolbar as s } from "./filter-toolbar.js";
+import { Button as e } from "../../form/button/button.js";
+import { Badge as m } from "../../data-display/badge/badge.js";
+function c() {
+  return /* @__PURE__ */ r(
+    s,
+    {
+      defaultSearchValue: "质量",
+      searchPlaceholder: "搜索项目、负责人、编号",
+      filters: /* @__PURE__ */ i(o, { children: [
+        /* @__PURE__ */ i(e, { variant: "outline", size: "sm", children: [
+          /* @__PURE__ */ r(n, {}),
+          "状态"
+        ] }),
+        /* @__PURE__ */ r(e, { variant: "outline", size: "sm", children: "优先级" }),
+        /* @__PURE__ */ r(m, { variant: "primary", appearance: "light", children: "已选 2 项" })
+      ] }),
+      viewSwitcher: /* @__PURE__ */ i("div", { className: "flex rounded-md border border-border bg-background p-0.5", children: [
+        /* @__PURE__ */ r(e, { variant: "ghost", size: "sm", children: /* @__PURE__ */ r(t, {}) }),
+        /* @__PURE__ */ r(e, { variant: "ghost", size: "sm", children: /* @__PURE__ */ r(l, {}) })
+      ] }),
+      primaryAction: /* @__PURE__ */ i(e, { size: "sm", children: [
+        /* @__PURE__ */ r(a, {}),
+        "新建"
+      ] }),
+      onReset: () => {
+      }
+    }
+  );
+}
+function b() {
+  return /* @__PURE__ */ r("div", { className: "max-w-4xl", children: /* @__PURE__ */ r(c, {}) });
+}
+export {
+  c as FilterToolbarBasic,
+  b as FilterToolbarShowcase
+};

package/dist/kit/components/composite/forgot-password-form/forgot-password-form.examples.d.ts

@@ -0,0 +1,2 @@
+export declare function ForgotPasswordFormBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function ForgotPasswordFormShowcase(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ForgotPasswordForm as t } from "./forgot-password-form.js";
+import { Button as e } from "../../form/button/button.js";
+function m() {
+  return /* @__PURE__ */ r("div", { className: "max-w-sm rounded-xl border border-border bg-card p-6", children: /* @__PURE__ */ r(
+    t,
+    {
+      onSubmit: (o) => o.preventDefault(),
+      backAction: /* @__PURE__ */ r(e, { type: "button", mode: "link", variant: "primary", size: "sm", children: "返回登录" })
+    }
+  ) });
+}
+function s() {
+  return /* @__PURE__ */ r(m, {});
+}
+export {
+  m as ForgotPasswordFormBasic,
+  s as ForgotPasswordFormShowcase
+};

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

@@ -0,0 +1,2 @@
+export declare function FormSectionBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function FormSectionShowcase(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,40 @@
+import { jsx as r, jsxs as e, Fragment as n } from "react/jsx-runtime";
+import { FormSection as l } from "./form-section.js";
+import { Label as i } from "../../form/label/label.js";
+import { Input as o } from "../../form/input/input.js";
+import { Textarea as t } from "../../form/textarea/textarea.js";
+import { Button as c } from "../../form/button/button.js";
+function a() {
+  return /* @__PURE__ */ r(
+    l,
+    {
+      title: "基础信息",
+      description: "用于复杂表单的分组容器，统一标题、说明、内容和底部操作。",
+      footer: /* @__PURE__ */ e(n, { children: [
+        /* @__PURE__ */ r(c, { variant: "outline", children: "取消" }),
+        /* @__PURE__ */ r(c, { children: "保存" })
+      ] }),
+      children: /* @__PURE__ */ e("div", { className: "grid gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ r(i, { children: "项目名称" }),
+          /* @__PURE__ */ r(o, { placeholder: "输入项目名称" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ r(i, { children: "负责人" }),
+          /* @__PURE__ */ r(o, { placeholder: "输入负责人" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "space-y-2 md:col-span-2", children: [
+          /* @__PURE__ */ r(i, { children: "项目描述" }),
+          /* @__PURE__ */ r(t, { placeholder: "补充项目目标、范围和约束" })
+        ] })
+      ] })
+    }
+  );
+}
+function u() {
+  return /* @__PURE__ */ r(a, {});
+}
+export {
+  a as FormSectionBasic,
+  u as FormSectionShowcase
+};

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

@@ -0,0 +1,2 @@
+export declare function KanbanBoardBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanBoardShowcase(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,72 @@
+import { jsx as i } from "react/jsx-runtime";
+import { KanbanBoard as t } from "./kanban-board.js";
+const e = [
+  { id: "todo", title: "待处理", description: "待排期或待领取" },
+  { id: "doing", title: "进行中", description: "当前正在推进" },
+  { id: "review", title: "评审", description: "等待确认" },
+  { id: "done", title: "完成", description: "已交付" }
+], o = [
+  { id: "core", title: "核心链路", description: "影响主流程的任务" },
+  { id: "support", title: "支撑能力", description: "工具、文档和治理任务" }
+], n = [
+  {
+    id: 1,
+    columnId: "todo",
+    swimlaneId: "core",
+    title: "确认指标口径",
+    description: "与财务和运营确认收入、成本、毛利口径。",
+    priority: "P1",
+    assignee: "林青",
+    meta: "04-24",
+    tags: ["指标"]
+  },
+  {
+    id: 2,
+    columnId: "doing",
+    swimlaneId: "core",
+    title: "质量规则联调",
+    description: "主数据质量规则接入调度平台。",
+    priority: "P0",
+    assignee: "周然",
+    meta: "今天",
+    tags: ["联调", "阻塞"]
+  },
+  {
+    id: 3,
+    columnId: "review",
+    swimlaneId: "core",
+    title: "审批流验收",
+    description: "项目审批节点和通知消息待业务确认。",
+    assignee: "陈序",
+    meta: "明天"
+  },
+  {
+    id: 4,
+    columnId: "done",
+    swimlaneId: "support",
+    title: "导入模板整理",
+    description: "项目、任务、资产三类模板已完成。",
+    assignee: "王砚",
+    meta: "昨天",
+    tags: ["文档"]
+  },
+  {
+    id: 5,
+    columnId: "doing",
+    swimlaneId: "support",
+    title: "看板筛选配置",
+    description: "补充负责人、优先级和标签筛选。",
+    assignee: "刘嘉",
+    meta: "04-26"
+  }
+];
+function d() {
+  return /* @__PURE__ */ i(t, { columns: e, swimlanes: o, items: n });
+}
+function a() {
+  return /* @__PURE__ */ i(d, {});
+}
+export {
+  d as KanbanBoardBasic,
+  a as KanbanBoardShowcase
+};

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

@@ -0,0 +1,3 @@
+export declare function LoginCardMethods(): import("react/jsx-runtime").JSX.Element;
+export declare function LoginCardExtraFlows(): import("react/jsx-runtime").JSX.Element;
+export declare function LoginCardShowcase(): import("react/jsx-runtime").JSX.Element;