@demokit-ui/demokit 0.1.0 → 0.1.2

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;

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

@@ -0,0 +1,39 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Sheet as d, SheetTrigger as r, SheetContent as n, SheetHeader as l, SheetTitle as c, SheetBody as h, SheetFooter as s, SheetClose as o } from "./sheet.js";
+import { Button as i } from "../../form/button/button.js";
+function a() {
+  return /* @__PURE__ */ t(d, { children: [
+    /* @__PURE__ */ e(r, { asChild: !0, children: /* @__PURE__ */ e(i, { variant: "outline", children: "查看详情" }) }),
+    /* @__PURE__ */ t(n, { side: "right", className: "w-[480px]", children: [
+      /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(c, { children: "任务详情" }) }),
+      /* @__PURE__ */ t(h, { className: "space-y-4 py-4", children: [
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "标题" }),
+          /* @__PURE__ */ e("div", { className: "text-sm font-medium", children: "Add OAuth login flow" })
+        ] }),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "优先级" }),
+          /* @__PURE__ */ e("div", { className: "text-sm font-medium", children: "High" })
+        ] }),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "状态" }),
+          /* @__PURE__ */ e("div", { className: "text-sm font-medium", children: "In Review" })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(s, { children: [
+        /* @__PURE__ */ e(i, { children: "编辑" }),
+        /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(i, { variant: "outline", children: "关闭" }) })
+      ] })
+    ] })
+  ] });
+}
+function f() {
+  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(a, {})
+  ] }) });
+}
+export {
+  a as SheetBasic,
+  f as SheetShowcase
+};

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

@@ -0,0 +1,3 @@
+export declare function SonnerBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function SonnerPromise(): import("react/jsx-runtime").JSX.Element;
+export declare function SonnerShowcase(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,49 @@
+import { jsxs as i, Fragment as l, jsx as n } from "react/jsx-runtime";
+import { toast as r } from "sonner";
+import { Toaster as s } from "./sonner.js";
+import { Button as e } from "../../form/button/button.js";
+function a() {
+  return /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ n(s, {}),
+    /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ n(e, { onClick: () => r("纯文本通知"), children: "默认" }),
+      /* @__PURE__ */ n(e, { variant: "outline", onClick: () => r.success("保存成功"), children: "Success" }),
+      /* @__PURE__ */ n(e, { variant: "outline", onClick: () => r.error("网络错误"), children: "Error" }),
+      /* @__PURE__ */ n(e, { variant: "outline", onClick: () => r.warning("未保存的修改"), children: "Warning" }),
+      /* @__PURE__ */ n(e, { variant: "outline", onClick: () => r.info("3 人正在编辑"), children: "Info" })
+    ] })
+  ] });
+}
+function m() {
+  const o = () => new Promise((c, t) => {
+    setTimeout(() => Math.random() > 0.5 ? c() : t(new Error("fail")), 1500);
+  });
+  return /* @__PURE__ */ n(
+    e,
+    {
+      onClick: () => r.promise(o(), {
+        loading: "保存中...",
+        success: "已保存",
+        error: "保存失败，请重试"
+      }),
+      children: "Promise 样式"
+    }
+  );
+}
+function p() {
+  return /* @__PURE__ */ i("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ i("section", { children: [
+      /* @__PURE__ */ n("h3", { className: "text-sm font-semibold mb-3", children: "基础通知" }),
+      /* @__PURE__ */ n(a, {})
+    ] }),
+    /* @__PURE__ */ i("section", { children: [
+      /* @__PURE__ */ n("h3", { className: "text-sm font-semibold mb-3", children: "Promise 样式" }),
+      /* @__PURE__ */ n(m, {})
+    ] })
+  ] });
+}
+export {
+  a as SonnerBasic,
+  m as SonnerPromise,
+  p as SonnerShowcase
+};

package/dist/kit/components/feedback/title-help/title-help.examples.d.ts

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

package/dist/kit/components/feedback/title-help/title-help.examples.js

@@ -0,0 +1,25 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { Card as t, CardHeader as i, CardTitle as l, CardContent as r } from "../../data-display/card/card.js";
+import { TitleHelp as s } from "./title-help.js";
+function m() {
+  return /* @__PURE__ */ d(t, { className: "max-w-xl", children: [
+    /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(s, { help: "统计最近 30 天内仍处于处理中、待验证和待关闭状态的缺陷。", children: "质量缺陷" }) }) }),
+    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ d("div", { className: "grid grid-cols-3 gap-3", children: [
+      /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "待处理" }),
+        /* @__PURE__ */ e("div", { className: "mt-1 text-2xl font-semibold", children: "18" })
+      ] }),
+      /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "待验证" }),
+        /* @__PURE__ */ e("div", { className: "mt-1 text-2xl font-semibold", children: "7" })
+      ] }),
+      /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "已关闭" }),
+        /* @__PURE__ */ e("div", { className: "mt-1 text-2xl font-semibold", children: "42" })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  m as TitleHelpShowcase
+};

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

@@ -0,0 +1,3 @@
+export declare function TooltipIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipAvatar(): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipShowcase(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { RiSearchLine as a, RiNotification3Line as s } from "@remixicon/react";
+import { Tooltip as o, TooltipTrigger as l, TooltipContent as r } from "./tooltip.js";
+import { Avatar as d, AvatarFallback as h } from "../../data-display/avatar/avatar.js";
+import { Button as n } from "../../form/button/button.js";
+function m() {
+  return /* @__PURE__ */ e("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ e(o, { children: [
+      /* @__PURE__ */ i(l, { asChild: !0, children: /* @__PURE__ */ i(n, { mode: "icon", variant: "ghost", size: "sm", children: /* @__PURE__ */ i(a, {}) }) }),
+      /* @__PURE__ */ i(r, { children: "搜索" })
+    ] }),
+    /* @__PURE__ */ e(o, { children: [
+      /* @__PURE__ */ i(l, { asChild: !0, children: /* @__PURE__ */ i(n, { mode: "icon", variant: "ghost", size: "sm", children: /* @__PURE__ */ i(s, {}) }) }),
+      /* @__PURE__ */ i(r, { children: "通知（3 条未读）" })
+    ] })
+  ] });
+}
+function p() {
+  return /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
+    ["AC", "Alice Chen"],
+    ["BM", "Bob Miller"],
+    ["CJ", "Carol Johnson"]
+  ].map(([c, t]) => /* @__PURE__ */ e(o, { children: [
+    /* @__PURE__ */ i(l, { asChild: !0, children: /* @__PURE__ */ i(d, { className: "size-8 cursor-default", children: /* @__PURE__ */ i(h, { className: "text-xs bg-muted", children: c }) }) }),
+    /* @__PURE__ */ i(r, { children: t })
+  ] }, t)) });
+}
+function v() {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ e("section", { children: [
+      /* @__PURE__ */ i("h3", { className: "text-sm font-semibold mb-3", children: "图标按钮 Tooltip" }),
+      /* @__PURE__ */ i(m, {})
+    ] }),
+    /* @__PURE__ */ e("section", { children: [
+      /* @__PURE__ */ i("h3", { className: "text-sm font-semibold mb-3", children: "头像 Tooltip" }),
+      /* @__PURE__ */ i(p, {})
+    ] })
+  ] });
+}
+export {
+  p as TooltipAvatar,
+  m as TooltipIcon,
+  v as TooltipShowcase
+};

package/dist/kit/components/form/button/button.examples.d.ts

@@ -0,0 +1,13 @@
+/** Variants */
+export declare function ButtonVariants(): import("react/jsx-runtime").JSX.Element;
+/** Sizes */
+export declare function ButtonSizes(): import("react/jsx-runtime").JSX.Element;
+/** Icon mode */
+export declare function ButtonIcons(): import("react/jsx-runtime").JSX.Element;
+/** asChild — wraps Link */
+export declare function ButtonAsChild(): import("react/jsx-runtime").JSX.Element;
+/** Hierarchy example — page header */
+export declare function ButtonHierarchy(): import("react/jsx-runtime").JSX.Element;
+/** Dialog footer example */
+export declare function ButtonDialogFooter(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/form/button/button.examples.js

@@ -0,0 +1,84 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { RiAddLine as r, RiSearchLine as t, RiDeleteBinLine as c } from "@remixicon/react";
+import { Link as l } from "react-router-dom";
+import { Button as i } from "./button.js";
+function o() {
+  return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
+    /* @__PURE__ */ e(i, { children: "Primary" }),
+    /* @__PURE__ */ e(i, { variant: "outline", children: "Outline" }),
+    /* @__PURE__ */ e(i, { variant: "ghost", children: "Ghost" }),
+    /* @__PURE__ */ e(i, { variant: "dim", children: "Dim" }),
+    /* @__PURE__ */ e(i, { variant: "mono", children: "Mono" }),
+    /* @__PURE__ */ e(i, { variant: "destructive", children: "Destructive" })
+  ] });
+}
+function s() {
+  return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e(i, { size: "sm", children: "Small" }),
+    /* @__PURE__ */ e(i, { size: "md", children: "Medium" }),
+    /* @__PURE__ */ e(i, { size: "lg", children: "Large" })
+  ] });
+}
+function a() {
+  return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e(i, { mode: "icon", variant: "ghost", children: /* @__PURE__ */ e(t, {}) }),
+    /* @__PURE__ */ e(i, { mode: "icon", variant: "outline", children: /* @__PURE__ */ e(r, {}) }),
+    /* @__PURE__ */ e(i, { mode: "icon", variant: "destructive", children: /* @__PURE__ */ e(c, {}) }),
+    /* @__PURE__ */ e(i, { mode: "icon", shape: "circle", variant: "ghost", children: /* @__PURE__ */ e(t, {}) })
+  ] });
+}
+function d() {
+  return /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ e(l, { to: "/projects", children: "进入项目列表" }) });
+}
+function h() {
+  return /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ e(i, { variant: "outline", children: "自定义布局" }),
+    /* @__PURE__ */ n(i, { children: [
+      /* @__PURE__ */ e(r, {}),
+      " 快速新建"
+    ] })
+  ] });
+}
+function m() {
+  return /* @__PURE__ */ n("div", { className: "flex justify-end gap-2", children: [
+    /* @__PURE__ */ e(i, { variant: "outline", children: "取消" }),
+    /* @__PURE__ */ e(i, { children: "确认" })
+  ] });
+}
+function p() {
+  return /* @__PURE__ */ n("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ n("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "Variants" }),
+      /* @__PURE__ */ e(o, {})
+    ] }),
+    /* @__PURE__ */ n("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "Sizes" }),
+      /* @__PURE__ */ e(s, {})
+    ] }),
+    /* @__PURE__ */ n("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "Icon mode" }),
+      /* @__PURE__ */ e(a, {})
+    ] }),
+    /* @__PURE__ */ n("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "asChild — wraps Link" }),
+      /* @__PURE__ */ e(d, {})
+    ] }),
+    /* @__PURE__ */ n("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "Hierarchy (页面头)" }),
+      /* @__PURE__ */ e(h, {})
+    ] }),
+    /* @__PURE__ */ n("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "Dialog Footer" }),
+      /* @__PURE__ */ e(m, {})
+    ] })
+  ] });
+}
+export {
+  d as ButtonAsChild,
+  m as ButtonDialogFooter,
+  h as ButtonHierarchy,
+  a as ButtonIcons,
+  p as ButtonShowcase,
+  s as ButtonSizes,
+  o as ButtonVariants
+};

package/dist/kit/components/form/calendar/calendar.examples.d.ts

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

package/dist/kit/components/form/calendar/calendar.examples.js

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { Calendar as n } from "./calendar.js";
+function o() {
+  const [r, a] = s(/* @__PURE__ */ new Date());
+  return /* @__PURE__ */ t("div", { className: "flex gap-6 items-start", children: [
+    /* @__PURE__ */ e(n, { mode: "single", selected: r, onSelect: a, className: "rounded-md border border-border" }),
+    /* @__PURE__ */ t("div", { className: "text-sm pt-2", children: [
+      /* @__PURE__ */ e("div", { className: "text-muted-foreground mb-1", children: "已选日期" }),
+      /* @__PURE__ */ e("div", { className: "font-mono", children: r?.toLocaleDateString("zh-CN") ?? "—" })
+    ] })
+  ] });
+}
+function i() {
+  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(o, {})
+  ] }) });
+}
+export {
+  i as CalendarShowcase,
+  o as CalendarSingle
+};

package/dist/kit/components/form/checkbox/checkbox.examples.d.ts

@@ -0,0 +1,4 @@
+export declare function CheckboxBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxList(): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxStates(): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/form/checkbox/checkbox.examples.js

@@ -0,0 +1,72 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { Checkbox as t } from "./checkbox.js";
+import { Label as i } from "../label/label.js";
+function o() {
+  return /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e(t, { id: "agree" }),
+    /* @__PURE__ */ e(i, { htmlFor: "agree", className: "cursor-pointer", children: "我已阅读并同意服务条款" })
+  ] });
+}
+function m() {
+  const [n, l] = d(/* @__PURE__ */ new Set(["Web"])), a = (s) => {
+    const r = new Set(n);
+    r.has(s) ? r.delete(s) : r.add(s), l(r);
+  };
+  return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+    ["Web", "Mobile", "API", "Analytics", "Other"].map((s) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(t, { id: `d-${s}`, checked: n.has(s), onCheckedChange: () => a(s) }),
+      /* @__PURE__ */ e(i, { htmlFor: `d-${s}`, className: "cursor-pointer", children: s })
+    ] }, s)),
+    /* @__PURE__ */ c("div", { className: "text-xs text-muted-foreground mt-2", children: [
+      "已选：",
+      n.size > 0 ? [...n].join(" / ") : "无"
+    ] })
+  ] });
+}
+function h() {
+  return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(t, { defaultChecked: !0 }),
+      " ",
+      /* @__PURE__ */ e(i, { children: "已选中" })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(t, {}),
+      " ",
+      /* @__PURE__ */ e(i, { children: "未选中" })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(t, { checked: "indeterminate" }),
+      " ",
+      /* @__PURE__ */ e(i, { children: "半选（全选父级）" })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(t, { disabled: !0 }),
+      " ",
+      /* @__PURE__ */ e(i, { className: "text-muted-foreground", children: "禁用" })
+    ] })
+  ] });
+}
+function N() {
+  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ c("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "基础" }),
+      /* @__PURE__ */ e(o, {})
+    ] }),
+    /* @__PURE__ */ c("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "筛选多选" }),
+      /* @__PURE__ */ e(m, {})
+    ] }),
+    /* @__PURE__ */ c("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "状态" }),
+      /* @__PURE__ */ e(h, {})
+    ] })
+  ] });
+}
+export {
+  o as CheckboxBasic,
+  m as CheckboxList,
+  N as CheckboxShowcase,
+  h as CheckboxStates
+};

package/dist/kit/components/form/command/command.examples.d.ts

@@ -0,0 +1,3 @@
+export declare function CommandBasic(): import("react/jsx-runtime").JSX.Element;
+export declare function CommandPeople(): import("react/jsx-runtime").JSX.Element;
+export declare function CommandShowcase(): import("react/jsx-runtime").JSX.Element;

package/dist/kit/components/form/command/command.examples.js

@@ -0,0 +1,52 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Command as l, CommandInput as c, CommandList as i, CommandEmpty as a, CommandGroup as d, CommandItem as r, CommandShortcut as o, CommandSeparator as h } from "./command.js";
+function t() {
+  return /* @__PURE__ */ n(l, { className: "border border-border rounded-md max-w-md", children: [
+    /* @__PURE__ */ e(c, { placeholder: "搜索命令..." }),
+    /* @__PURE__ */ n(i, { children: [
+      /* @__PURE__ */ e(a, { children: "无匹配结果" }),
+      /* @__PURE__ */ n(d, { heading: "建议", children: [
+        /* @__PURE__ */ n(r, { children: [
+          "新建项目",
+          /* @__PURE__ */ e(o, { children: "⌘N" })
+        ] }),
+        /* @__PURE__ */ n(r, { children: [
+          "打开搜索",
+          /* @__PURE__ */ e(o, { children: "⌘K" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(h, {}),
+      /* @__PURE__ */ n(d, { heading: "导航", children: [
+        /* @__PURE__ */ e(r, { children: "去工作台" }),
+        /* @__PURE__ */ e(r, { children: "去项目列表" }),
+        /* @__PURE__ */ e(r, { children: "去设置" })
+      ] })
+    ] })
+  ] });
+}
+function s() {
+  return /* @__PURE__ */ n(l, { className: "border border-border rounded-md max-w-md", children: [
+    /* @__PURE__ */ e(c, { placeholder: "输入姓名..." }),
+    /* @__PURE__ */ n(i, { children: [
+      /* @__PURE__ */ e(a, { children: "没有找到人员" }),
+      /* @__PURE__ */ e(d, { heading: "成员", children: ["Alice Chen", "Bob Miller", "Carol Johnson", "Dave Smith", "Eve Brown", "Frank Lee"].map((m) => /* @__PURE__ */ e(r, { children: m }, m)) })
+    ] })
+  ] });
+}
+function u() {
+  return /* @__PURE__ */ n("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ n("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "命令面板" }),
+      /* @__PURE__ */ e(t, {})
+    ] }),
+    /* @__PURE__ */ n("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "人员搜索" }),
+      /* @__PURE__ */ e(s, {})
+    ] })
+  ] });
+}
+export {
+  t as CommandBasic,
+  s as CommandPeople,
+  u as CommandShowcase
+};

package/dist/kit/components/form/datefield/datefield.examples.d.ts

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

package/dist/kit/components/form/datefield/datefield.examples.js

@@ -0,0 +1,19 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Label as t } from "../label/label.js";
+import { DateField as a, DateInput as i } from "./datefield.js";
+function l() {
+  return /* @__PURE__ */ r("div", { className: "space-y-1.5 w-56", children: [
+    /* @__PURE__ */ e(t, { children: "截止日期" }),
+    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, {}) })
+  ] });
+}
+function n() {
+  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: "结构化日期输入。年 / 月 / 日可分段键盘编辑；常配 Popover + Calendar 做完整日期选择器。" }),
+    /* @__PURE__ */ e(l, {})
+  ] });
+}
+export {
+  l as DateFieldBasic,
+  n as DateFieldShowcase
+};

package/dist/kit/components/form/file-upload/file-upload.examples.d.ts

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

package/dist/kit/components/form/file-upload/file-upload.examples.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import { FileUpload as l } from "./file-upload.js";
+function a() {
+  return /* @__PURE__ */ e("div", { className: "max-w-2xl", children: /* @__PURE__ */ e(
+    l,
+    {
+      multiple: !0,
+      maxFiles: 5,
+      maxSize: 10 * 1024 * 1024,
+      accept: "image/*,.pdf,.docx,.xlsx",
+      label: "点击或拖拽文件到此处",
+      description: "支持图片、PDF、Word 和 Excel，单文件不超过 10MB。"
+    }
+  ) });
+}
+export {
+  a as FileUploadShowcase
+};

package/dist/kit/components/form/form/form.examples.d.ts

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