@demokit-ui/demokit 0.1.0

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

@@ -0,0 +1,32 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { cn as c } from "../../../../lib/utils.js";
+function h({ className: i, brand: l, title: t, description: a, aside: s, footer: d, children: m, ...n }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "auth-shell",
+      className: c("grid min-h-[640px] overflow-hidden rounded-xl border border-border bg-card lg:grid-cols-[1fr_420px]", i),
+      ...n,
+      children: [
+        /* @__PURE__ */ r("div", { className: "relative hidden bg-primary/5 p-10 lg:block", children: [
+          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_20%_20%,hsl(var(--primary)/0.18),transparent_30%),radial-gradient(circle_at_80%_10%,hsl(var(--muted-foreground)/0.12),transparent_28%)]" }),
+          /* @__PURE__ */ r("div", { className: "relative flex h-full flex-col justify-between", children: [
+            /* @__PURE__ */ r("div", { children: [
+              l && /* @__PURE__ */ e("div", { className: "mb-12 text-lg font-semibold text-foreground", children: l }),
+              t && /* @__PURE__ */ e("h2", { className: "max-w-md text-3xl font-semibold tracking-tight text-foreground", children: t }),
+              a && /* @__PURE__ */ e("p", { className: "mt-4 max-w-md text-sm leading-relaxed text-muted-foreground", children: a })
+            ] }),
+            s
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "flex flex-col justify-center p-6 sm:p-10", children: [
+          /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-sm", children: m }),
+          d && /* @__PURE__ */ e("div", { className: "mx-auto mt-8 w-full max-w-sm text-center text-xs text-muted-foreground", children: d })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  h as AuthShell
+};

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface BoardToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    searchValue?: string;
+    defaultSearchValue?: string;
+    searchPlaceholder?: string;
+    onSearchChange?: (value: string) => void;
+    filters?: React.ReactNode;
+    groupBy?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+declare function BoardToolbar({ className, searchValue, defaultSearchValue, searchPlaceholder, onSearchChange, filters, groupBy, actions, children, ...props }: BoardToolbarProps): import("react/jsx-runtime").JSX.Element;
+export { BoardToolbar };

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

@@ -0,0 +1,44 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Search as p, SlidersHorizontal as u } from "lucide-react";
+import { cn as x } from "../../../../lib/utils.js";
+import { Button as g } from "../../form/button/button.js";
+import { InputWrapper as b, Input as h } from "../../form/input/input.js";
+function y({
+  className: a,
+  searchValue: o,
+  defaultSearchValue: t,
+  searchPlaceholder: s = "搜索卡片",
+  onSearchChange: i,
+  filters: m,
+  groupBy: n,
+  actions: l,
+  children: c,
+  ...d
+}) {
+  return /* @__PURE__ */ e("div", { "data-slot": "board-toolbar", className: x("flex flex-col gap-3 rounded-lg border border-border bg-card p-3 lg:flex-row lg:items-center lg:justify-between", a), ...d, children: [
+    /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center", children: [
+      /* @__PURE__ */ e(b, { className: "sm:w-72", children: [
+        /* @__PURE__ */ r(p, { className: "size-4" }),
+        /* @__PURE__ */ r(
+          h,
+          {
+            value: o,
+            defaultValue: t,
+            placeholder: s,
+            onChange: (f) => i?.(f.target.value)
+          }
+        )
+      ] }),
+      m ?? /* @__PURE__ */ e(g, { type: "button", variant: "outline", size: "sm", children: [
+        /* @__PURE__ */ r(u, { className: "size-3.5" }),
+        "筛选"
+      ] }),
+      n,
+      c
+    ] }),
+    l && /* @__PURE__ */ r("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: l })
+  ] });
+}
+export {
+  y as BoardToolbar
+};

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface ChartCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    toolbar?: React.ReactNode;
+    legend?: React.ReactNode;
+    footer?: React.ReactNode;
+    loading?: boolean;
+    empty?: boolean;
+    emptyText?: React.ReactNode;
+    minHeight?: number;
+}
+declare function ChartCard({ className, title, description, toolbar, legend, footer, loading, empty, emptyText, minHeight, children, ...props }: ChartCardProps): import("react/jsx-runtime").JSX.Element;
+export { ChartCard };

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

@@ -0,0 +1,64 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { BarChart3 as u } from "lucide-react";
+import { cn as N } from "../../../../lib/utils.js";
+import { Card as C, CardHeader as v, CardTitle as j, CardToolbar as w, CardContent as y, CardFooter as g } from "../../data-display/card/card.js";
+import { Skeleton as k } from "../../data-display/skeleton/skeleton.js";
+import { TitleHelp as H } from "../../feedback/title-help/title-help.js";
+function S({
+  className: c,
+  title: m,
+  description: n,
+  toolbar: l,
+  legend: i,
+  footer: t,
+  loading: a,
+  empty: s,
+  emptyText: d = "暂无图表数据",
+  minHeight: h = 260,
+  children: f,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    C,
+    {
+      "data-slot": "chart-card",
+      className: N("card-surface overflow-hidden", c),
+      ...o,
+      children: [
+        /* @__PURE__ */ r(v, { className: "items-center", children: [
+          /* @__PURE__ */ e("div", { className: "min-w-0 space-y-1", children: /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(H, { help: n, children: m }) }) }),
+          (i || l) && /* @__PURE__ */ r(w, { className: "shrink-0 flex-wrap justify-end", children: [
+            i,
+            l
+          ] })
+        ] }),
+        /* @__PURE__ */ e(y, { className: "flex min-h-0 flex-1", children: /* @__PURE__ */ r(
+          "div",
+          {
+            className: "relative min-h-0 w-full flex-1",
+            style: { minHeight: `max(${h}px, var(--dk-chart-min-height))` },
+            children: [
+              a && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex flex-col justify-end gap-2", children: [56, 82, 44, 68, 92, 61, 75].map((x, p) => /* @__PURE__ */ e(
+                k,
+                {
+                  className: "w-full",
+                  style: { height: `${x / 3}px` }
+                },
+                p
+              )) }),
+              !a && s && /* @__PURE__ */ r("div", { className: "flex h-full min-h-[inherit] flex-col items-center justify-center gap-2 text-center text-muted-foreground", children: [
+                /* @__PURE__ */ e(u, { className: "size-8" }),
+                /* @__PURE__ */ e("div", { className: "text-sm", children: d })
+              ] }),
+              !a && !s && f
+            ]
+          }
+        ) }),
+        t && /* @__PURE__ */ e(g, { children: t })
+      ]
+    }
+  );
+}
+export {
+  S as ChartCard
+};

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface ChartToolbarOption {
+    value: string;
+    label: React.ReactNode;
+}
+export interface ChartToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    ranges?: ChartToolbarOption[];
+    activeRange?: string;
+    onRangeChange?: (value: string) => void;
+    metrics?: ChartToolbarOption[];
+    activeMetric?: string;
+    onMetricChange?: (value: string) => void;
+    onRefresh?: () => void;
+    actions?: React.ReactNode;
+}
+declare function ChartToolbar({ className, ranges, activeRange, onRangeChange, metrics, activeMetric, onMetricChange, onRefresh, actions, children, ...props }: ChartToolbarProps): import("react/jsx-runtime").JSX.Element;
+export { ChartToolbar };

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

@@ -0,0 +1,48 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { RefreshCw as f } from "lucide-react";
+import { cn as h } from "../../../../lib/utils.js";
+import { Button as c } from "../../form/button/button.js";
+function k({
+  className: t,
+  ranges: a,
+  activeRange: o,
+  onRangeChange: e,
+  metrics: n,
+  activeMetric: d,
+  onMetricChange: m,
+  onRefresh: l,
+  actions: u,
+  children: p,
+  ...b
+}) {
+  return /* @__PURE__ */ i("div", { "data-slot": "chart-toolbar", className: h("flex flex-wrap items-center gap-2", t), ...b, children: [
+    n && /* @__PURE__ */ r(s, { options: n, activeValue: d, onChange: m }),
+    a && /* @__PURE__ */ r(s, { options: a, activeValue: o, onChange: e }),
+    p,
+    l && /* @__PURE__ */ i(c, { type: "button", variant: "outline", size: "sm", onClick: l, children: [
+      /* @__PURE__ */ r(f, { className: "size-3.5" }),
+      "刷新"
+    ] }),
+    u
+  ] });
+}
+function s({
+  options: t,
+  activeValue: a,
+  onChange: o
+}) {
+  return /* @__PURE__ */ r("div", { className: "flex rounded-md border border-border bg-background p-0.5", children: t.map((e) => /* @__PURE__ */ r(
+    c,
+    {
+      type: "button",
+      variant: a === e.value ? "secondary" : "ghost",
+      size: "sm",
+      onClick: () => o?.(e.value),
+      children: e.label
+    },
+    e.value
+  )) });
+}
+export {
+  k as ChartToolbar
+};

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export type DataSectionState = 'idle' | 'loading' | 'empty' | 'error';
+export interface DataSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    toolbar?: React.ReactNode;
+    actions?: React.ReactNode;
+    state?: DataSectionState;
+    emptyTitle?: React.ReactNode;
+    emptyDescription?: React.ReactNode;
+    errorTitle?: React.ReactNode;
+    errorDescription?: React.ReactNode;
+    onRetry?: () => void;
+    footer?: React.ReactNode;
+}
+declare function DataSection({ className, title, description, toolbar, actions, state, emptyTitle, emptyDescription, errorTitle, errorDescription, onRetry, footer, children, ...props }: DataSectionProps): import("react/jsx-runtime").JSX.Element;
+export { DataSection };

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

@@ -0,0 +1,73 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Inbox as g, AlertCircle as C } from "lucide-react";
+import { cn as o } from "../../../../lib/utils.js";
+import { Button as b } from "../../form/button/button.js";
+import { Card as y, CardHeader as k, CardTitle as w, CardToolbar as z, CardContent as j, CardFooter as S } from "../../data-display/card/card.js";
+import { Skeleton as s } from "../../data-display/skeleton/skeleton.js";
+import { TitleHelp as D } from "../../feedback/title-help/title-help.js";
+function E({
+  className: i,
+  title: a,
+  description: c,
+  toolbar: n,
+  actions: l,
+  state: d = "idle",
+  emptyTitle: p = "暂无数据",
+  emptyDescription: f = "当前筛选条件下没有可展示的内容。",
+  errorTitle: u = "加载失败",
+  errorDescription: N = "数据请求未完成，请稍后重试。",
+  onRetry: t,
+  footer: m,
+  children: x,
+  ...v
+}) {
+  return /* @__PURE__ */ r(y, { "data-slot": "data-section", className: o("card-surface overflow-hidden", i), ...v, children: [
+    (a || c || l) && /* @__PURE__ */ r(k, { className: "items-center gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "min-w-0 space-y-1", children: a && /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(D, { help: c, children: a }) }) }),
+      l && /* @__PURE__ */ e(z, { className: "shrink-0", children: l })
+    ] }),
+    n && /* @__PURE__ */ e("div", { className: "border-b border-border p-[var(--dk-card-padding)]", children: n }),
+    /* @__PURE__ */ r(j, { className: o("p-0", d !== "idle" && "p-6"), children: [
+      d === "loading" && /* @__PURE__ */ e(T, {}),
+      d === "empty" && /* @__PURE__ */ e(h, { icon: /* @__PURE__ */ e(g, { className: "size-5" }), title: p, description: f }),
+      d === "error" && /* @__PURE__ */ e(
+        h,
+        {
+          icon: /* @__PURE__ */ e(C, { className: "size-5" }),
+          title: u,
+          description: N,
+          action: t && /* @__PURE__ */ e(b, { onClick: t, size: "sm", variant: "outline", children: "重试" })
+        }
+      ),
+      d === "idle" && x
+    ] }),
+    m && /* @__PURE__ */ e(S, { children: m })
+  ] });
+}
+function T() {
+  return /* @__PURE__ */ e("div", { className: "space-y-3", children: [0, 1, 2].map((i) => /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e(s, { className: "size-9 rounded-md" }),
+    /* @__PURE__ */ r("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ e(s, { className: "h-3 w-2/5" }),
+      /* @__PURE__ */ e(s, { className: "h-3 w-3/5" })
+    ] })
+  ] }, i)) });
+}
+function h({
+  icon: i,
+  title: a,
+  description: c,
+  action: n
+}) {
+  return /* @__PURE__ */ r("div", { className: "flex min-h-52 flex-col items-center justify-center gap-3 text-center", children: [
+    /* @__PURE__ */ e("div", { className: "flex size-10 items-center justify-center rounded-full bg-muted text-muted-foreground", children: i }),
+    /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("div", { className: "font-medium text-foreground", children: a }),
+      /* @__PURE__ */ e("div", { className: "max-w-sm text-sm text-muted-foreground", children: c })
+    ] }),
+    n
+  ] });
+}
+export {
+  E as DataSection
+};

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface DescriptionItem {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    span?: 1 | 2 | 3;
+}
+export interface DescriptionGridProps extends React.HTMLAttributes<HTMLDListElement> {
+    items: DescriptionItem[];
+    columns?: 1 | 2 | 3;
+}
+declare function DescriptionGrid({ className, items, columns, ...props }: DescriptionGridProps): import("react/jsx-runtime").JSX.Element;
+export { DescriptionGrid };

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

@@ -0,0 +1,36 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { cn as e } from "../../../../lib/utils.js";
+function m({ className: s, items: l, columns: d = 3, ...a }) {
+  return /* @__PURE__ */ o(
+    "dl",
+    {
+      "data-slot": "description-grid",
+      className: e(
+        "grid overflow-hidden rounded-lg border border-border bg-card",
+        d === 1 && "grid-cols-1",
+        d === 2 && "grid-cols-1 md:grid-cols-2",
+        d === 3 && "grid-cols-1 md:grid-cols-2 xl:grid-cols-3",
+        s
+      ),
+      ...a,
+      children: l.map((r, c) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: e(
+            "border-b border-border p-4 last:border-b-0 md:border-r md:last:border-r-0",
+            r.span === 2 && "md:col-span-2",
+            r.span === 3 && "md:col-span-2 xl:col-span-3"
+          ),
+          children: [
+            /* @__PURE__ */ o("dt", { className: "text-xs font-medium text-muted-foreground", children: r.label }),
+            /* @__PURE__ */ o("dd", { className: "mt-1 text-sm text-foreground", children: r.value })
+          ]
+        },
+        c
+      ))
+    }
+  );
+}
+export {
+  m as DescriptionGrid
+};

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface DetailHeaderField {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+export interface DetailHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    eyebrow?: React.ReactNode;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    status?: React.ReactNode;
+    fields?: DetailHeaderField[];
+    tags?: React.ReactNode[];
+    actions?: React.ReactNode;
+}
+declare function DetailHeader({ className, title, description, eyebrow, icon: Icon, status, fields, tags, actions, children, ...props }: DetailHeaderProps): import("react/jsx-runtime").JSX.Element;
+export { DetailHeader };

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

@@ -0,0 +1,43 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { cn as g } from "../../../../lib/utils.js";
+import { Badge as n } from "../../data-display/badge/badge.js";
+import { Card as u, CardContent as N } from "../../data-display/card/card.js";
+import { TitleHelp as v } from "../../feedback/title-help/title-help.js";
+function z({
+  className: o,
+  title: p,
+  description: x,
+  eyebrow: l,
+  icon: d,
+  status: t,
+  fields: s,
+  tags: c,
+  actions: m,
+  children: h,
+  ...f
+}) {
+  return /* @__PURE__ */ e(u, { "data-slot": "detail-header", className: g("card-surface", o), ...f, children: /* @__PURE__ */ r(N, { className: "space-y-5", children: [
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ r("div", { className: "flex min-w-0 items-center gap-3", children: [
+        d && /* @__PURE__ */ e("div", { className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary", children: /* @__PURE__ */ e(d, { className: "size-6" }) }),
+        /* @__PURE__ */ r("div", { className: "min-w-0 space-y-2", children: [
+          l && /* @__PURE__ */ e("div", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground", children: l }),
+          /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ e("h2", { className: "text-xl font-semibold tracking-tight text-foreground", children: /* @__PURE__ */ e(v, { help: x, children: p }) }),
+            t && /* @__PURE__ */ e(n, { appearance: "light", children: t })
+          ] }),
+          c && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: c.map((a, i) => /* @__PURE__ */ e(n, { variant: "secondary", appearance: "light", size: "sm", children: a }, i)) })
+        ] })
+      ] }),
+      m && /* @__PURE__ */ e("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: m })
+    ] }),
+    s && /* @__PURE__ */ e("div", { className: "grid gap-3 border-t border-border pt-4 sm:grid-cols-2 lg:grid-cols-4", children: s.map((a, i) => /* @__PURE__ */ r("div", { 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 })
+    ] }, i)) }),
+    h
+  ] }) });
+}
+export {
+  z as DetailHeader
+};

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface FilterPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    summary?: React.ReactNode;
+    actions?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export interface FilterPanelGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    columns?: 1 | 2 | 3 | 4;
+}
+export interface FilterPanelFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: React.ReactNode;
+    labelFor?: string;
+    hint?: React.ReactNode;
+}
+declare function FilterPanel({ className, summary, actions, footer, children, ...props }: FilterPanelProps): import("react/jsx-runtime").JSX.Element;
+declare function FilterPanelGrid({ className, columns, ...props }: FilterPanelGridProps): import("react/jsx-runtime").JSX.Element;
+declare function FilterPanelField({ className, label, labelFor, hint, children, ...props }: FilterPanelFieldProps): import("react/jsx-runtime").JSX.Element;
+export { FilterPanel, FilterPanelField, FilterPanelGrid };

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

@@ -0,0 +1,86 @@
+import { jsxs as t, jsx as l, Fragment as c } from "react/jsx-runtime";
+import { cn as o } from "../../../../lib/utils.js";
+import { Label as n } from "../../form/label/label.js";
+const g = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 lg:grid-cols-2",
+  3: "grid-cols-1 md:grid-cols-2 xl:grid-cols-3",
+  4: "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4"
+};
+function v({
+  className: d,
+  summary: r,
+  actions: e,
+  footer: a,
+  children: i,
+  ...s
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "filter-panel",
+      className: o(
+        "card-surface rounded-[var(--dk-radius-card)] border border-border p-[var(--dk-filter-padding)]",
+        d
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ l("div", { "data-slot": "filter-panel-body", className: "grid gap-[var(--dk-filter-gap)]", children: i }),
+        (r || e || a) && /* @__PURE__ */ l(
+          "div",
+          {
+            "data-slot": "filter-panel-footer",
+            className: "mt-[var(--dk-filter-gap)] flex flex-wrap items-center justify-end gap-[var(--dk-control-gap)] border-t border-border pt-[var(--dk-filter-gap)]",
+            children: a ?? /* @__PURE__ */ t(c, { children: [
+              r && /* @__PURE__ */ l("div", { className: "mr-1 text-xs text-muted-foreground", children: r }),
+              e
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+function x({
+  className: d,
+  columns: r = 4,
+  ...e
+}) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "filter-panel-grid",
+      className: o("grid gap-[var(--dk-filter-gap)]", g[r], d),
+      ...e
+    }
+  );
+}
+function u({
+  className: d,
+  label: r,
+  labelFor: e,
+  hint: a,
+  children: i,
+  ...s
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "filter-panel-field",
+      className: o("space-y-[calc(var(--dk-control-gap)*0.75)]", d),
+      ...s,
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ l(n, { htmlFor: e, className: "text-xs", children: r }),
+          a && /* @__PURE__ */ l("div", { className: "text-xs text-muted-foreground", children: a })
+        ] }),
+        i
+      ]
+    }
+  );
+}
+export {
+  v as FilterPanel,
+  u as FilterPanelField,
+  x as FilterPanelGrid
+};

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface FilterToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    searchValue?: string;
+    defaultSearchValue?: string;
+    searchPlaceholder?: string;
+    onSearchChange?: (value: string) => void;
+    onReset?: () => void;
+    filters?: React.ReactNode;
+    viewSwitcher?: React.ReactNode;
+    actions?: React.ReactNode;
+    primaryAction?: React.ReactNode;
+}
+declare function FilterToolbar({ className, searchValue, defaultSearchValue, searchPlaceholder, onSearchChange, onReset, filters, viewSwitcher, actions, primaryAction, children, ...props }: FilterToolbarProps): import("react/jsx-runtime").JSX.Element;
+export { FilterToolbar };

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

@@ -0,0 +1,59 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Search as b, X as g } from "lucide-react";
+import { cn as h } from "../../../../lib/utils.js";
+import { Button as v } from "../../form/button/button.js";
+import { InputWrapper as w, Input as N } from "../../form/input/input.js";
+function B({
+  className: d,
+  searchValue: l,
+  defaultSearchValue: o,
+  searchPlaceholder: n = "搜索",
+  onSearchChange: s,
+  onReset: t,
+  filters: c,
+  viewSwitcher: m,
+  actions: a,
+  primaryAction: i,
+  children: f,
+  ...p
+}) {
+  const x = l !== void 0 || o !== void 0 || s;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "filter-toolbar",
+      className: h("flex flex-col gap-3 rounded-lg border border-border bg-card p-3 md:flex-row md:items-center md:justify-between", d),
+      ...p,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center", children: [
+          x && /* @__PURE__ */ e(w, { className: "min-w-0 sm:w-64", children: [
+            /* @__PURE__ */ r(b, { className: "size-4" }),
+            /* @__PURE__ */ r(
+              N,
+              {
+                value: l,
+                defaultValue: o,
+                placeholder: n,
+                onChange: (u) => s?.(u.target.value)
+              }
+            )
+          ] }),
+          c,
+          f,
+          t && /* @__PURE__ */ e(v, { type: "button", variant: "ghost", size: "sm", onClick: t, children: [
+            /* @__PURE__ */ r(g, { className: "size-3.5" }),
+            "重置"
+          ] })
+        ] }),
+        (m || a || i) && /* @__PURE__ */ e("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: [
+          m,
+          a,
+          i
+        ] })
+      ]
+    }
+  );
+}
+export {
+  B as FilterToolbar
+};

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface ForgotPasswordFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'title'> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    submitText?: React.ReactNode;
+    backAction?: React.ReactNode;
+}
+declare function ForgotPasswordForm({ className, title, description, submitText, backAction, ...props }: ForgotPasswordFormProps): import("react/jsx-runtime").JSX.Element;
+export { ForgotPasswordForm };