@demokit-ui/demokit 0.1.0 → 0.1.1

package/dist/kit/components/data-display/table/table.examples.js

@@ -0,0 +1,78 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { cn as m } from "../../../../lib/utils.js";
+import { Table as a, TableHeader as c, TableRow as d, TableHead as t, TableBody as s, TableCell as r } from "./table.js";
+import { Badge as l } from "../badge/badge.js";
+import { Tooltip as o, TooltipTrigger as h, TooltipContent as u } from "../../feedback/tooltip/tooltip.js";
+import { Avatar as f, AvatarFallback as p } from "../avatar/avatar.js";
+import { Button as x } from "../../form/button/button.js";
+function g() {
+  return /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ n(d, { children: [
+      /* @__PURE__ */ e(t, { children: "名称" }),
+      /* @__PURE__ */ e(t, { children: "类型" }),
+      /* @__PURE__ */ e(t, { className: "text-right", children: "大小" })
+    ] }) }),
+    /* @__PURE__ */ n(s, { children: [
+      /* @__PURE__ */ n(d, { children: [
+        /* @__PURE__ */ e(r, { children: "readme.md" }),
+        /* @__PURE__ */ e(r, { children: "文档" }),
+        /* @__PURE__ */ e(r, { className: "text-right font-mono", children: "4.2 KB" })
+      ] }),
+      /* @__PURE__ */ n(d, { children: [
+        /* @__PURE__ */ e(r, { children: "config.json" }),
+        /* @__PURE__ */ e(r, { children: "配置" }),
+        /* @__PURE__ */ e(r, { className: "text-right font-mono", children: "1.1 KB" })
+      ] })
+    ] })
+  ] });
+}
+const N = [
+  { id: "TASK-20260418-001", kind: "Feature", kindVariant: "primary", from: "Alice Chen", deadline: "2h", urgent: !0 },
+  { id: "TASK-20260414-001", kind: "Bug", kindVariant: "warning", from: "Dave Smith", deadline: "超时", overdue: !0 },
+  { id: "TASK-20260413-005", kind: "Release", kindVariant: "success", from: "Carol Johnson", deadline: "5d" }
+];
+function v() {
+  return /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ n(d, { children: [
+      /* @__PURE__ */ e(t, { className: "ps-5", children: "任务编号" }),
+      /* @__PURE__ */ e(t, { className: "text-center", children: "类型" }),
+      /* @__PURE__ */ e(t, { children: "发起人" }),
+      /* @__PURE__ */ e(t, { className: "text-right", children: "时限" }),
+      /* @__PURE__ */ e(t, { className: "pe-5 text-center", children: "操作" })
+    ] }) }),
+    /* @__PURE__ */ e(s, { children: N.map((i) => /* @__PURE__ */ n(
+      d,
+      {
+        className: m(i.overdue && "bg-destructive/5"),
+        children: [
+          /* @__PURE__ */ e(r, { className: "ps-5 font-mono text-[12.5px] text-foreground", children: i.id }),
+          /* @__PURE__ */ e(r, { className: "text-center", children: /* @__PURE__ */ e(l, { variant: i.kindVariant, appearance: "light", size: "sm", children: i.kind }) }),
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ n(o, { children: [
+            /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(f, { className: "size-7", children: /* @__PURE__ */ e(p, { className: "text-[11px] bg-muted text-muted-foreground", children: i.from.slice(0, 2).toUpperCase() }) }) }),
+            /* @__PURE__ */ e(u, { children: i.from })
+          ] }) }),
+          /* @__PURE__ */ e(r, { className: "text-right", children: i.overdue ? /* @__PURE__ */ e(l, { variant: "destructive", appearance: "light", size: "sm", children: "超时" }) : i.urgent ? /* @__PURE__ */ e("span", { className: "text-destructive font-medium font-mono", children: i.deadline }) : /* @__PURE__ */ e("span", { className: "text-muted-foreground font-mono", children: i.deadline }) }),
+          /* @__PURE__ */ e(r, { className: "pe-5 text-center", children: /* @__PURE__ */ e(x, { size: "sm", variant: "outline", children: "审批" }) })
+        ]
+      },
+      i.id
+    )) })
+  ] });
+}
+function S() {
+  return /* @__PURE__ */ n("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground mb-2", children: "1. 最简形态" }),
+      /* @__PURE__ */ e(g, {})
+    ] }),
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground mb-2", children: "2. 流程中心样板（徽章 / 头像 / 异常行 / 操作）" }),
+      /* @__PURE__ */ e(v, {})
+    ] })
+  ] });
+}
+export {
+  v as TableFlowCenter,
+  g as TableMinimal,
+  S as TableShowcase
+};

package/dist/kit/components/decorative/aurora-background/aurora-background.examples.d.ts

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

package/dist/kit/components/decorative/aurora-background/aurora-background.examples.js

@@ -0,0 +1,22 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { AuroraBackground as o } from "./aurora-background.js";
+import { Card as d, CardContent as a } from "../../data-display/card/card.js";
+function c() {
+  return /* @__PURE__ */ r("div", { className: "relative h-80 rounded-xl overflow-hidden border border-border bg-background", children: [
+    /* @__PURE__ */ e(o, {}),
+    /* @__PURE__ */ e("div", { className: "relative z-10 h-full flex items-center justify-center", children: /* @__PURE__ */ e(d, { className: "w-[260px] bg-card/80 backdrop-blur-xl shadow-lg", children: /* @__PURE__ */ r(a, { className: "p-6 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "font-semibold text-foreground mb-1", children: "欢迎回来" }),
+      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "毛玻璃卡片透出背后的彩色氛围" })
+    ] }) }) })
+  ] });
+}
+function s() {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ r("section", { children: [
+    /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "基础用法" }),
+    /* @__PURE__ */ e(c, {})
+  ] }) });
+}
+export {
+  c as AuroraBackgroundBasic,
+  s as AuroraBackgroundShowcase
+};

package/dist/kit/components/decorative/grid-background/grid-background.examples.d.ts

@@ -0,0 +1,4 @@
+export declare function GridBackgroundBottom(): import("react/jsx-runtime").JSX.Element;
+export declare function GridBackgroundRadial(): import("react/jsx-runtime").JSX.Element;
+export declare function GridBackgroundCustom(): import("react/jsx-runtime").JSX.Element;
+export declare function GridBackgroundShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/decorative/grid-background/grid-background.examples.js

@@ -0,0 +1,42 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { GridBackground as d } from "./grid-background.js";
+function t() {
+  return /* @__PURE__ */ r("div", { className: "relative h-64 rounded-xl overflow-hidden bg-blue-50 border border-border", children: [
+    /* @__PURE__ */ e(d, {}),
+    /* @__PURE__ */ e("div", { className: "relative z-10 h-full flex items-center justify-center text-sm text-muted-foreground", children: "默认：顶部实、底部渐隐" })
+  ] });
+}
+function i() {
+  return /* @__PURE__ */ r("div", { className: "relative h-64 rounded-xl overflow-hidden bg-muted/40 border border-border", children: [
+    /* @__PURE__ */ e(d, { fade: "radial" }),
+    /* @__PURE__ */ e("div", { className: "relative z-10 h-full flex items-center justify-center text-sm text-muted-foreground", children: 'fade="radial"：中心清、四周淡' })
+  ] });
+}
+function l() {
+  return /* @__PURE__ */ r("div", { className: "relative h-64 rounded-xl overflow-hidden bg-slate-900 border border-border", children: [
+    /* @__PURE__ */ e(d, { color: "rgba(255,255,255,0.08)", size: 32 }),
+    /* @__PURE__ */ e("div", { className: "relative z-10 h-full flex items-center justify-center text-sm text-white/80", children: "深底 + 自定义颜色 / 格距" })
+  ] });
+}
+function a() {
+  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ r("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "bottom fade（默认）" }),
+      /* @__PURE__ */ e(t, {})
+    ] }),
+    /* @__PURE__ */ r("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "radial fade" }),
+      /* @__PURE__ */ e(i, {})
+    ] }),
+    /* @__PURE__ */ r("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "自定义 color / size" }),
+      /* @__PURE__ */ e(l, {})
+    ] })
+  ] });
+}
+export {
+  t as GridBackgroundBottom,
+  l as GridBackgroundCustom,
+  i as GridBackgroundRadial,
+  a as GridBackgroundShowcase
+};

package/dist/kit/components/decorative/shimmering-text/shimmering-text.examples.d.ts

@@ -0,0 +1,4 @@
+export declare function ShimmeringTextBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function ShimmeringTextHero(): import("react/jsx-runtime").JSX.Element;
+export declare function ShimmeringTextColored(): import("react/jsx-runtime").JSX.Element;
+export declare function ShimmeringTextShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/decorative/shimmering-text/shimmering-text.examples.js

@@ -0,0 +1,54 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { ShimmeringText as i } from "./shimmering-text.js";
+function r() {
+  return /* @__PURE__ */ e("div", { className: "text-3xl font-semibold tracking-tight", children: /* @__PURE__ */ e(i, { text: "加入我们，开启新旅程" }) });
+}
+function n() {
+  return /* @__PURE__ */ t("div", { className: "p-10 rounded-xl border border-border bg-card text-center", children: [
+    /* @__PURE__ */ e("div", { className: "text-4xl font-bold tracking-tight", children: /* @__PURE__ */ e(i, { text: "Engineering Excellence" }) }),
+    /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground mt-3", children: "A platform for configuration management at scale." })
+  ] });
+}
+function l() {
+  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ e("div", { className: "text-2xl font-semibold", children: /* @__PURE__ */ e(
+      i,
+      {
+        text: "限时优惠，立即开通",
+        color: "#94a3b8",
+        shimmerColor: "#2563eb"
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "text-2xl font-semibold", children: /* @__PURE__ */ e(
+      i,
+      {
+        text: "加载中...",
+        color: "#64748b",
+        shimmerColor: "#0f172a",
+        duration: 1.2
+      }
+    ) })
+  ] });
+}
+function c() {
+  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ t("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "基础（默认色）" }),
+      /* @__PURE__ */ e(r, {})
+    ] }),
+    /* @__PURE__ */ t("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "Hero 标题" }),
+      /* @__PURE__ */ e(n, {})
+    ] }),
+    /* @__PURE__ */ t("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "自定义颜色" }),
+      /* @__PURE__ */ e(l, {})
+    ] })
+  ] });
+}
+export {
+  r as ShimmeringTextBasic,
+  l as ShimmeringTextColored,
+  n as ShimmeringTextHero,
+  c as ShimmeringTextShowcase
+};

package/dist/kit/components/decorative/text-reveal/text-reveal.examples.d.ts

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

package/dist/kit/components/decorative/text-reveal/text-reveal.examples.js

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { Button as c } from "../../form/button/button.js";
+import { TextReveal as d } from "./text-reveal.js";
+const m = [
+  "fade",
+  "slideUp",
+  "slideDown",
+  "slideLeft",
+  "slideRight",
+  "scale",
+  "blur",
+  "typewriter",
+  "wave",
+  "stagger",
+  "rotate",
+  "elastic"
+];
+function f() {
+  const [r, l] = i("slideUp"), [s, n] = i(0);
+  return /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: m.map((t) => /* @__PURE__ */ e(
+      c,
+      {
+        size: "sm",
+        variant: t === r ? "primary" : "outline",
+        onClick: () => {
+          l(t), n((o) => o + 1);
+        },
+        children: t
+      },
+      t
+    )) }),
+    /* @__PURE__ */ e("div", { className: "py-12 px-6 rounded-xl border border-border bg-card text-center", children: /* @__PURE__ */ e("div", { className: "text-3xl font-bold tracking-tight text-foreground", children: /* @__PURE__ */ e(d, { variant: r, startOnView: !1, children: "在每一次 Demo 中，关键体验都值得被看见。" }, s) }) })
+  ] });
+}
+function u() {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ a("section", { children: [
+    /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "点击切换动画类型" }),
+    /* @__PURE__ */ e(f, {})
+  ] }) });
+}
+export {
+  u as TextRevealShowcase,
+  f as TextRevealVariantSwitcher
+};

package/dist/kit/components/feedback/alert/alert.examples.d.ts

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

package/dist/kit/components/feedback/alert/alert.examples.js

@@ -0,0 +1,37 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { RiInformationLine as t, RiCheckboxCircleLine as a, RiAlertLine as d, RiErrorWarningLine as h } from "@remixicon/react";
+import { Alert as e, AlertIcon as n, AlertTitle as l, AlertDescription as c } from "./alert.js";
+function o() {
+  return /* @__PURE__ */ i("div", { className: "space-y-3 max-w-xl", children: [
+    /* @__PURE__ */ i(e, { variant: "primary", children: [
+      /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(t, {}) }),
+      /* @__PURE__ */ r(l, { children: "系统通知" }),
+      /* @__PURE__ */ r(c, { children: "本周计划维护时间：周五 22:00-23:00。" })
+    ] }),
+    /* @__PURE__ */ i(e, { variant: "success", children: [
+      /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(a, {}) }),
+      /* @__PURE__ */ r(l, { children: "提交成功" }),
+      /* @__PURE__ */ r(c, { children: "你的变更已进入审批流程。" })
+    ] }),
+    /* @__PURE__ */ i(e, { variant: "warning", children: [
+      /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(d, {}) }),
+      /* @__PURE__ */ r(l, { children: "未保存的修改" }),
+      /* @__PURE__ */ r(c, { children: "离开前请先保存。" })
+    ] }),
+    /* @__PURE__ */ i(e, { variant: "destructive", children: [
+      /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(h, {}) }),
+      /* @__PURE__ */ r(l, { children: "提交失败" }),
+      /* @__PURE__ */ r(c, { children: "请检查 3 个必填字段。" })
+    ] })
+  ] });
+}
+function x() {
+  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ i("section", { children: [
+    /* @__PURE__ */ r("h3", { className: "text-sm font-semibold mb-3", children: "Variant 全览" }),
+    /* @__PURE__ */ r(o, {})
+  ] }) });
+}
+export {
+  x as AlertShowcase,
+  o as AlertVariants
+};

package/dist/kit/components/feedback/alert-dialog/alert-dialog.examples.d.ts

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

package/dist/kit/components/feedback/alert-dialog/alert-dialog.examples.js

@@ -0,0 +1,28 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { AlertDialog as r, AlertDialogTrigger as i, AlertDialogContent as t, AlertDialogHeader as o, AlertDialogTitle as n, AlertDialogDescription as c, AlertDialogFooter as a, AlertDialogCancel as d, AlertDialogAction as h } from "./alert-dialog.js";
+import { Button as s } from "../../form/button/button.js";
+function g() {
+  return /* @__PURE__ */ l(r, { children: [
+    /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ e(s, { variant: "destructive", children: "删除项目" }) }),
+    /* @__PURE__ */ l(t, { children: [
+      /* @__PURE__ */ l(o, { children: [
+        /* @__PURE__ */ e(n, { children: "确认删除该项目？" }),
+        /* @__PURE__ */ e(c, { children: "此操作不可撤销。相关评论与历史记录会保留，但主数据将从列表中移除。" })
+      ] }),
+      /* @__PURE__ */ l(a, { children: [
+        /* @__PURE__ */ e(d, { children: "取消" }),
+        /* @__PURE__ */ e(h, { children: "删除" })
+      ] })
+    ] })
+  ] });
+}
+function f() {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ l("section", { children: [
+    /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "危险操作确认" }),
+    /* @__PURE__ */ e(g, {})
+  ] }) });
+}
+export {
+  g as AlertDialogBasic,
+  f as AlertDialogShowcase
+};

package/dist/kit/components/feedback/context-menu/context-menu.examples.d.ts

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

package/dist/kit/components/feedback/context-menu/context-menu.examples.js

@@ -0,0 +1,33 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { ContextMenu as o, ContextMenuTrigger as c, ContextMenuContent as d, ContextMenuItem as n, ContextMenuShortcut as r, ContextMenuSeparator as i } from "./context-menu.js";
+function s() {
+  return /* @__PURE__ */ t(o, { children: [
+    /* @__PURE__ */ e(c, { className: "flex items-center justify-center w-80 h-32 border-2 border-dashed border-border rounded-md text-sm text-muted-foreground", children: "在此区域内右键" }),
+    /* @__PURE__ */ t(d, { children: [
+      /* @__PURE__ */ t(n, { children: [
+        "剪切 ",
+        /* @__PURE__ */ e(r, { children: "⌘X" })
+      ] }),
+      /* @__PURE__ */ t(n, { children: [
+        "复制 ",
+        /* @__PURE__ */ e(r, { children: "⌘C" })
+      ] }),
+      /* @__PURE__ */ t(n, { children: [
+        "粘贴 ",
+        /* @__PURE__ */ e(r, { children: "⌘V" })
+      ] }),
+      /* @__PURE__ */ e(i, {}),
+      /* @__PURE__ */ e(n, { className: "text-destructive focus:text-destructive", children: "删除" })
+    ] })
+  ] });
+}
+function x() {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ t("section", { children: [
+    /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "基础右键菜单" }),
+    /* @__PURE__ */ e(s, {})
+  ] }) });
+}
+export {
+  s as ContextMenuBasic,
+  x as ContextMenuShowcase
+};

package/dist/kit/components/feedback/dialog/dialog.examples.d.ts

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

package/dist/kit/components/feedback/dialog/dialog.examples.js

@@ -0,0 +1,51 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Dialog as n, DialogTrigger as a, DialogContent as o, DialogHeader as d, DialogTitle as t, DialogDescription as h, DialogFooter as s, DialogClose as m } from "./dialog.js";
+import { Button as i } from "../../form/button/button.js";
+import { Label as c } from "../../form/label/label.js";
+import { Input as g } from "../../form/input/input.js";
+import { Select as p, SelectTrigger as u, SelectValue as D, SelectContent as f, SelectItem as r } from "../../form/select/select.js";
+function v() {
+  return /* @__PURE__ */ l(n, { children: [
+    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(i, { children: "新建项目" }) }),
+    /* @__PURE__ */ l(o, { children: [
+      /* @__PURE__ */ l(d, { children: [
+        /* @__PURE__ */ e(t, { children: "新建项目" }),
+        /* @__PURE__ */ e(h, { children: "填写基本信息即可创建。" })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "space-y-4 py-2", children: [
+        /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ l(c, { htmlFor: "d-name", children: [
+            "项目名称 ",
+            /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
+          ] }),
+          /* @__PURE__ */ e(g, { id: "d-name", placeholder: "例：Acme Dashboard" })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ e(c, { children: "优先级" }),
+          /* @__PURE__ */ l(p, { children: [
+            /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(D, { placeholder: "请选择" }) }),
+            /* @__PURE__ */ l(f, { children: [
+              /* @__PURE__ */ e(r, { value: "high", children: "High" }),
+              /* @__PURE__ */ e(r, { value: "medium", children: "Medium" }),
+              /* @__PURE__ */ e(r, { value: "low", children: "Low" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ l(s, { children: [
+        /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ e(i, { variant: "outline", children: "取消" }) }),
+        /* @__PURE__ */ e(i, { children: "保存" })
+      ] })
+    ] })
+  ] });
+}
+function w() {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ l("section", { children: [
+    /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "短表单对话框" }),
+    /* @__PURE__ */ e(v, {})
+  ] }) });
+}
+export {
+  v as DialogBasic,
+  w as DialogShowcase
+};

package/dist/kit/components/feedback/drawer/drawer.examples.d.ts

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

package/dist/kit/components/feedback/drawer/drawer.examples.js

@@ -0,0 +1,29 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Drawer as n, DrawerTrigger as t, DrawerContent as l, DrawerHeader as a, DrawerTitle as c, DrawerDescription as o, DrawerFooter as d, DrawerClose as h } from "./drawer.js";
+import { Button as i } from "../../form/button/button.js";
+function s() {
+  return /* @__PURE__ */ e(n, { children: [
+    /* @__PURE__ */ r(t, { asChild: !0, children: /* @__PURE__ */ r(i, { variant: "outline", children: "打开筛选" }) }),
+    /* @__PURE__ */ e(l, { children: [
+      /* @__PURE__ */ e(a, { children: [
+        /* @__PURE__ */ r(c, { children: "筛选条件" }),
+        /* @__PURE__ */ r(o, { children: "根据条件过滤列表。" })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "p-4 text-sm text-muted-foreground", children: "……（真实业务放筛选表单）" }),
+      /* @__PURE__ */ e(d, { children: [
+        /* @__PURE__ */ r(i, { children: "应用" }),
+        /* @__PURE__ */ r(h, { asChild: !0, children: /* @__PURE__ */ r(i, { variant: "outline", children: "取消" }) })
+      ] })
+    ] })
+  ] });
+}
+function D() {
+  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ e("section", { children: [
+    /* @__PURE__ */ r("h3", { className: "text-sm font-semibold mb-3", children: "底部抽屉" }),
+    /* @__PURE__ */ r(s, {})
+  ] }) });
+}
+export {
+  s as DrawerBasic,
+  D as DrawerShowcase
+};

package/dist/kit/components/feedback/dropdown-menu/dropdown-menu.examples.d.ts

@@ -0,0 +1,3 @@
+export declare function DropdownMenuRowActions(): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuUser(): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/feedback/dropdown-menu/dropdown-menu.examples.js

@@ -0,0 +1,54 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { RiMoreLine as l } from "@remixicon/react";
+import { DropdownMenu as o, DropdownMenuTrigger as t, DropdownMenuContent as c, DropdownMenuItem as n, DropdownMenuShortcut as a, DropdownMenuSeparator as i, DropdownMenuLabel as h } from "./dropdown-menu.js";
+import { Button as d } from "../../form/button/button.js";
+import { Avatar as s, AvatarFallback as m } from "../../data-display/avatar/avatar.js";
+function p() {
+  return /* @__PURE__ */ r(o, { children: [
+    /* @__PURE__ */ e(t, { asChild: !0, children: /* @__PURE__ */ e(d, { mode: "icon", variant: "ghost", size: "sm", children: /* @__PURE__ */ e(l, {}) }) }),
+    /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ e(n, { children: "查看详情" }),
+      /* @__PURE__ */ r(n, { children: [
+        "编辑 ",
+        /* @__PURE__ */ e(a, { children: "⌘E" })
+      ] }),
+      /* @__PURE__ */ e(n, { children: "复制链接" }),
+      /* @__PURE__ */ e(i, {}),
+      /* @__PURE__ */ e(n, { variant: "destructive", children: "删除" })
+    ] })
+  ] });
+}
+function u() {
+  return /* @__PURE__ */ r(o, { children: [
+    /* @__PURE__ */ e(t, { asChild: !0, children: /* @__PURE__ */ r(d, { variant: "ghost", className: "gap-2", children: [
+      /* @__PURE__ */ e(s, { className: "size-6", children: /* @__PURE__ */ e(m, { className: "text-[10px] bg-primary/10 text-primary", children: "AC" }) }),
+      "Alice Chen"
+    ] }) }),
+    /* @__PURE__ */ r(c, { align: "end", children: [
+      /* @__PURE__ */ e(h, { children: "Alice Chen · Project Manager" }),
+      /* @__PURE__ */ e(i, {}),
+      /* @__PURE__ */ e(n, { children: "个人信息" }),
+      /* @__PURE__ */ e(n, { children: "偏好设置" }),
+      /* @__PURE__ */ e(n, { children: "帮助文档" }),
+      /* @__PURE__ */ e(i, {}),
+      /* @__PURE__ */ e(n, { variant: "destructive", children: "退出登录" })
+    ] })
+  ] });
+}
+function g() {
+  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ r("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "表格行操作" }),
+      /* @__PURE__ */ e(p, {})
+    ] }),
+    /* @__PURE__ */ r("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "用户菜单" }),
+      /* @__PURE__ */ e(u, {})
+    ] })
+  ] });
+}
+export {
+  p as DropdownMenuRowActions,
+  g as DropdownMenuShowcase,
+  u as DropdownMenuUser
+};

package/dist/kit/components/feedback/hover-card/hover-card.examples.d.ts

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

package/dist/kit/components/feedback/hover-card/hover-card.examples.js

@@ -0,0 +1,27 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { HoverCard as a, HoverCardTrigger as t, HoverCardContent as d } from "./hover-card.js";
+import { Avatar as i, AvatarFallback as l } from "../../data-display/avatar/avatar.js";
+function s() {
+  return /* @__PURE__ */ r(a, { children: [
+    /* @__PURE__ */ e(t, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-primary cursor-pointer underline decoration-dotted", children: "Alice Chen" }) }),
+    /* @__PURE__ */ e(d, { className: "w-72", children: /* @__PURE__ */ r("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ e(i, { className: "size-12", children: /* @__PURE__ */ e(l, { className: "bg-primary/10 text-primary", children: "AC" }) }),
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ e("div", { className: "font-semibold", children: "Alice Chen" }),
+        /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "Product Manager · Growth Team" }),
+        /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground mt-2", children: "参与：Acme Dashboard / Mobile App" }),
+        /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "本周任务：14 条" })
+      ] })
+    ] }) })
+  ] });
+}
+function m() {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ r("section", { children: [
+    /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "用户名悬浮卡" }),
+    /* @__PURE__ */ e(s, {})
+  ] }) });
+}
+export {
+  m as HoverCardShowcase,
+  s as HoverCardUser
+};

package/dist/kit/components/feedback/popover/popover.examples.d.ts

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

package/dist/kit/components/feedback/popover/popover.examples.js

@@ -0,0 +1,42 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Popover as n, PopoverTrigger as o, PopoverContent as t } from "./popover.js";
+import { Button as r } from "../../form/button/button.js";
+import { Label as c } from "../../form/label/label.js";
+import { Input as a } from "../../form/input/input.js";
+import { Select as d, SelectTrigger as s, SelectValue as h, SelectContent as m, SelectItem as i } from "../../form/select/select.js";
+function p() {
+  return /* @__PURE__ */ l(n, { children: [
+    /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(r, { variant: "outline", children: "筛选" }) }),
+    /* @__PURE__ */ e(t, { className: "w-80", children: /* @__PURE__ */ l("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ e(c, { children: "关键字" }),
+        /* @__PURE__ */ e(a, { placeholder: "搜索..." })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ e(c, { children: "优先级" }),
+        /* @__PURE__ */ l(d, { children: [
+          /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(h, { placeholder: "不限" }) }),
+          /* @__PURE__ */ l(m, { children: [
+            /* @__PURE__ */ e(i, { value: "high", children: "High" }),
+            /* @__PURE__ */ e(i, { value: "medium", children: "Medium" }),
+            /* @__PURE__ */ e(i, { value: "low", children: "Low" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "flex gap-2 pt-2", children: [
+        /* @__PURE__ */ e(r, { size: "sm", className: "flex-1", children: "应用" }),
+        /* @__PURE__ */ e(r, { size: "sm", variant: "outline", children: "重置" })
+      ] })
+    ] }) })
+  ] });
+}
+function S() {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ l("section", { children: [
+    /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "筛选面板" }),
+    /* @__PURE__ */ e(p, {})
+  ] }) });
+}
+export {
+  p as PopoverFilter,
+  S as PopoverShowcase
+};

package/dist/kit/components/feedback/sheet/sheet.examples.d.ts

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