dishui 0.0.65 → 0.0.67

package/dist/_virtual/_rolldown/runtime.js

@@ -1,12 +1,11 @@
-var o = Object.defineProperty, l = (r, a) => {
-  let e = {};
-  for (var t in r)
-    o(e, t, {
-      get: r[t],
-      enumerable: !0
-    });
-  return a || o(e, Symbol.toStringTag, { value: "Module" }), e;
-};
-export {
-  l as __exportAll
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
 };
+//#endregion
+export { t as __exportAll };

package/dist/chart.js

@@ -1,48 +1,14 @@
-import o from "./components/Chart/Chart.js";
-import { areaX as e, areaY as i, barX as t, barY as m, cell as l, colorGradientLegend as p, colorLegend as n, defineChart as f, dot as d, group as c, lineX as s, lineY as g, linearRegressionY as L, link as k, rect as Y, stack as h, text as u } from "@tanstack/charts";
-import { scaleBand as X } from "@tanstack/charts/scales/band";
+import e from "./components/Chart/Chart.js";
+import { areaX as t, areaY as n, barX as r, barY as i, cell as a, colorGradientLegend as o, colorLegend as s, defineChart as c, dot as l, group as u, lineX as d, lineY as f, linearRegressionY as p, link as m, rect as h, stack as g, text as _ } from "@tanstack/charts";
+import { scaleBand as v } from "@tanstack/charts/scales/band";
 import { scaleLinear as y } from "@tanstack/charts/scales/linear";
-import { scalePoint as D } from "@tanstack/charts/scales/point";
-import { scaleOrdinal as B } from "@tanstack/charts/scales/ordinal";
-import { geoShape as O } from "@tanstack/charts/geo";
-import { treemap as R } from "@tanstack/charts/hierarchy/treemap";
-import { delaunayLink as j } from "@tanstack/charts/spatial/delaunay";
-import { pie as v, polar as w, radialArc as z, radialDot as E, radialLine as F } from "@tanstack/charts/polar";
-import { sankeyDiagram as I } from "@tanstack/charts/network/sankey";
-import { tooltip as K } from "@tanstack/charts/tooltip";
+import { scalePoint as b } from "@tanstack/charts/scales/point";
+import { scaleOrdinal as x } from "@tanstack/charts/scales/ordinal";
+import { geoShape as S } from "@tanstack/charts/geo";
+import { treemap as C } from "@tanstack/charts/hierarchy/treemap";
+import { delaunayLink as w } from "@tanstack/charts/spatial/delaunay";
+import { pie as T, polar as E, radialArc as D, radialDot as O, radialLine as k } from "@tanstack/charts/polar";
+import { sankeyDiagram as A } from "@tanstack/charts/network/sankey";
+import { tooltip as j } from "@tanstack/charts/tooltip";
 export * from "@tanstack/react-charts";
-export {
-  o as Chart,
-  e as areaX,
-  i as areaY,
-  t as barX,
-  m as barY,
-  l as cell,
-  p as colorGradientLegend,
-  n as colorLegend,
-  o as default,
-  f as defineChart,
-  j as delaunayLink,
-  d as dot,
-  O as geoShape,
-  c as group,
-  s as lineX,
-  g as lineY,
-  L as linearRegressionY,
-  k as link,
-  v as pie,
-  w as polar,
-  z as radialArc,
-  E as radialDot,
-  F as radialLine,
-  Y as rect,
-  I as sankeyDiagram,
-  X as scaleBand,
-  y as scaleLinear,
-  B as scaleOrdinal,
-  D as scalePoint,
-  h as stack,
-  u as text,
-  K as tooltip,
-  R as treemap
-};
+export { e as Chart, t as areaX, n as areaY, r as barX, i as barY, a as cell, o as colorGradientLegend, s as colorLegend, e as default, c as defineChart, w as delaunayLink, l as dot, S as geoShape, u as group, d as lineX, f as lineY, p as linearRegressionY, m as link, T as pie, E as polar, D as radialArc, O as radialDot, k as radialLine, h as rect, A as sankeyDiagram, v as scaleBand, y as scaleLinear, x as scaleOrdinal, b as scalePoint, g as stack, _ as text, j as tooltip, C as treemap };

package/dist/code-editor.js

@@ -1,43 +1,16 @@
-import { getDefaultSnippets as t, javascriptSnippets as e, pythonSnippets as r } from "./components/pro/CodeEditor/langs/snippets.js";
-import { jsJumpableKeywords as m, jsKeywords as p } from "./components/pro/CodeEditor/langs/javascript.js";
-import { pyJumpableKeywords as a, pyKeywords as l } from "./components/pro/CodeEditor/langs/python.js";
-import { getJumpableKeywords as s, getLanguageKeywords as g } from "./components/pro/CodeEditor/langs/index.js";
-import { bracketMatchingStyle as y, jumpTargetHighlight as d, jumpToDefinition as h, lineHighlightStyle as c, smartAutocompletion as b } from "./components/pro/CodeEditor/extensions/index.js";
-import { createHighlightExtension as K, createThemeExtension as j } from "./components/pro/CodeEditor/themes.js";
-import { collectVariables as S, generateOutline as x } from "./components/pro/CodeEditor/utils.js";
-import { defaultContextMenu as H } from "./components/pro/CodeEditor/extensions/contextMenu.js";
-import C from "./components/pro/CodeEditor/editors/CodeEditor.js";
-import M from "./components/pro/CodeEditor/panels/TableOfContentsPanel.js";
-import k from "./components/pro/CodeEditor/panels/FootnotePanel.js";
-import V from "./components/pro/CodeEditor/editors/MarkdownEditor.js";
-import A from "./components/pro/CodeEditor/panels/OutlinePanel.js";
-import L from "./components/pro/CodeEditor/panels/VariablePanel.js";
-import z from "./components/pro/CodeEditor/panels/HistoryPanel.js";
-export {
-  C as CodeEditor,
-  k as FootnotePanel,
-  z as HistoryPanel,
-  V as MarkdownEditor,
-  A as OutlinePanel,
-  M as TableOfContentsPanel,
-  L as VariablePanel,
-  y as bracketMatchingStyle,
-  S as collectVariables,
-  K as createHighlightExtension,
-  j as createThemeExtension,
-  H as defaultContextMenu,
-  x as generateOutline,
-  t as getDefaultSnippets,
-  s as getJumpableKeywords,
-  g as getLanguageKeywords,
-  e as javascriptSnippets,
-  m as jsJumpableKeywords,
-  p as jsKeywords,
-  d as jumpTargetHighlight,
-  h as jumpToDefinition,
-  c as lineHighlightStyle,
-  a as pyJumpableKeywords,
-  l as pyKeywords,
-  r as pythonSnippets,
-  b as smartAutocompletion
-};
+import { getDefaultSnippets as e, javascriptSnippets as t, pythonSnippets as n } from "./components/pro/CodeEditor/langs/snippets.js";
+import { jsJumpableKeywords as r, jsKeywords as i } from "./components/pro/CodeEditor/langs/javascript.js";
+import { pyJumpableKeywords as a, pyKeywords as o } from "./components/pro/CodeEditor/langs/python.js";
+import { getJumpableKeywords as s, getLanguageKeywords as c } from "./components/pro/CodeEditor/langs/index.js";
+import { bracketMatchingStyle as l, jumpTargetHighlight as u, jumpToDefinition as d, lineHighlightStyle as f, smartAutocompletion as p } from "./components/pro/CodeEditor/extensions/index.js";
+import { createHighlightExtension as m, createThemeExtension as h } from "./components/pro/CodeEditor/themes.js";
+import { collectVariables as g, generateOutline as _ } from "./components/pro/CodeEditor/utils.js";
+import { defaultContextMenu as v } from "./components/pro/CodeEditor/extensions/contextMenu.js";
+import y from "./components/pro/CodeEditor/editors/CodeEditor.js";
+import b from "./components/pro/CodeEditor/panels/TableOfContentsPanel.js";
+import x from "./components/pro/CodeEditor/panels/FootnotePanel.js";
+import S from "./components/pro/CodeEditor/editors/MarkdownEditor.js";
+import C from "./components/pro/CodeEditor/panels/OutlinePanel.js";
+import w from "./components/pro/CodeEditor/panels/VariablePanel.js";
+import T from "./components/pro/CodeEditor/panels/HistoryPanel.js";
+export { y as CodeEditor, x as FootnotePanel, T as HistoryPanel, S as MarkdownEditor, C as OutlinePanel, b as TableOfContentsPanel, w as VariablePanel, l as bracketMatchingStyle, g as collectVariables, m as createHighlightExtension, h as createThemeExtension, v as defaultContextMenu, _ as generateOutline, e as getDefaultSnippets, s as getJumpableKeywords, c as getLanguageKeywords, t as javascriptSnippets, r as jsJumpableKeywords, i as jsKeywords, u as jumpTargetHighlight, d as jumpToDefinition, f as lineHighlightStyle, a as pyJumpableKeywords, o as pyKeywords, n as pythonSnippets, p as smartAutocompletion };

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+export type AccordionItemType = {
+    /** 唯一标识（用于展开状态管理）。 */
+    key: string;
+    /** 标题。 */
+    title: React.ReactNode;
+    /** 展开区域内容。 */
+    content: React.ReactNode;
+    /** 标题左侧图标。 */
+    icon?: React.ReactNode;
+    /** 标题行右侧、展开指示器之前的附加内容。 */
+    extra?: React.ReactNode;
+    /** 禁用该项。 */
+    disabled?: boolean;
+};
+export type AccordionProps = {
+    /** 手风琴项（数据驱动，可动态增删）。 */
+    items: AccordionItemType[];
+    /** 受控：当前展开项的 key 列表。 */
+    openKeys?: string[];
+    /** 非受控：默认展开项的 key 列表。 */
+    defaultOpenKeys?: string[];
+    /** 是否允许同时展开多项；默认 false（互斥展开，展开新项时收起其它项）。 */
+    multiple?: boolean;
+    /** 展开状态变化回调。 */
+    onChange?: (openKeys: string[]) => void;
+    /** 是否显示右侧展开指示箭头，默认 true。 */
+    indicator?: boolean;
+    /** 是否显示外层边框，默认 true。 */
+    bordered?: boolean;
+    className?: string;
+};
+/**
+ * Accordion —— 手风琴组件：动态交互式的聚合展开列表。
+ * 数据驱动（items 可动态增删），支持受控 / 非受控、互斥或多开、
+ * 禁用项、图标与自定义内容，展开 / 收起带平滑过渡动画。
+ */
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/dist/components/Accordion/index.js

@@ -0,0 +1,70 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Accordion/index.tsx
+var i = ({ className: t }) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: e("h-4 w-4", t),
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ n("path", { d: "m6 9 6 6 6-6" })
+}), a = ({ items: a, openKeys: o, defaultOpenKeys: s = [], multiple: c = !1, onChange: l, indicator: u = !0, bordered: d = !0, className: f = "" }) => {
+	let [p, m] = t.useState(s), h = o !== void 0, g = h ? o ?? [] : p, _ = (e, t) => {
+		if (t) return;
+		let n = g.includes(e) ? g.filter((t) => t !== e) : c ? [...g, e] : [e];
+		h || m(n), l?.(n);
+	};
+	return /* @__PURE__ */ n("div", {
+		className: e("w-full divide-y divide-base-300 overflow-hidden bg-base-100", d && "rounded-xl border border-base-300/70", f),
+		children: a.map((t) => {
+			let a = g.includes(t.key);
+			return /* @__PURE__ */ r("div", {
+				className: e(a && !t.disabled && "bg-base-200/40"),
+				children: [/* @__PURE__ */ r("button", {
+					type: "button",
+					disabled: t.disabled,
+					"aria-expanded": a,
+					onClick: () => _(t.key, t.disabled),
+					className: e("flex w-full items-center gap-2 px-4 py-3 text-left text-sm font-medium transition-colors", t.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-base-200/60", a && !t.disabled && "text-primary"),
+					children: [
+						t.icon && /* @__PURE__ */ n("span", {
+							className: "flex shrink-0 items-center text-base-content/60 [&>svg]:h-4 [&>svg]:w-4",
+							children: t.icon
+						}),
+						/* @__PURE__ */ n("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: t.title
+						}),
+						t.extra && /* @__PURE__ */ n("span", {
+							className: "flex shrink-0 items-center",
+							children: t.extra
+						}),
+						u && /* @__PURE__ */ n("span", {
+							className: e("shrink-0 text-base-content/50 transition-transform duration-200", a && "rotate-180 text-primary"),
+							children: /* @__PURE__ */ n(i, {})
+						})
+					]
+				}), /* @__PURE__ */ n("div", {
+					className: "grid transition-[grid-template-rows] duration-200 ease-out",
+					style: { gridTemplateRows: a ? "1fr" : "0fr" },
+					children: /* @__PURE__ */ n("div", {
+						className: "overflow-hidden",
+						children: /* @__PURE__ */ n("div", {
+							className: "px-4 pb-4 pt-0 text-sm leading-relaxed text-base-content/75",
+							children: t.content
+						})
+					})
+				})]
+			}, t.key);
+		})
+	});
+};
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type AccordionItemType = {\n  /** 唯一标识（用于展开状态管理）。 */\n  key: string;\n  /** 标题。 */\n  title: React.ReactNode;\n  /** 展开区域内容。 */\n  content: React.ReactNode;\n  /** 标题左侧图标。 */\n  icon?: React.ReactNode;\n  /** 标题行右侧、展开指示器之前的附加内容。 */\n  extra?: React.ReactNode;\n  /** 禁用该项。 */\n  disabled?: boolean;\n};\n\nexport type AccordionProps = {\n  /** 手风琴项（数据驱动，可动态增删）。 */\n  items: AccordionItemType[];\n  /** 受控：当前展开项的 key 列表。 */\n  openKeys?: string[];\n  /** 非受控：默认展开项的 key 列表。 */\n  defaultOpenKeys?: string[];\n  /** 是否允许同时展开多项；默认 false（互斥展开，展开新项时收起其它项）。 */\n  multiple?: boolean;\n  /** 展开状态变化回调。 */\n  onChange?: (openKeys: string[]) => void;\n  /** 是否显示右侧展开指示箭头，默认 true。 */\n  indicator?: boolean;\n  /** 是否显示外层边框，默认 true。 */\n  bordered?: boolean;\n  className?: string;\n};\n\nconst ChevronGlyph: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={cn('h-4 w-4', className)}\n    aria-hidden=\"true\"\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n);\n\n/**\n * Accordion —— 手风琴组件：动态交互式的聚合展开列表。\n * 数据驱动（items 可动态增删），支持受控 / 非受控、互斥或多开、\n * 禁用项、图标与自定义内容，展开 / 收起带平滑过渡动画。\n */\nconst Accordion: React.FC<AccordionProps> = ({\n  items,\n  openKeys,\n  defaultOpenKeys = [],\n  multiple = false,\n  onChange,\n  indicator = true,\n  bordered = true,\n  className = '',\n}) => {\n  const [innerKeys, setInnerKeys] = React.useState<string[]>(defaultOpenKeys);\n  const isControlled = openKeys !== undefined;\n  const currentKeys = isControlled ? (openKeys ?? []) : innerKeys;\n\n  const toggle = (key: string, disabled?: boolean) => {\n    if (disabled) return;\n    const nextKeys = currentKeys.includes(key)\n      ? currentKeys.filter((k) => k !== key)\n      : multiple\n        ? [...currentKeys, key]\n        : [key];\n    if (!isControlled) setInnerKeys(nextKeys);\n    onChange?.(nextKeys);\n  };\n\n  return (\n    <div\n      className={cn(\n        'w-full divide-y divide-base-300 overflow-hidden bg-base-100',\n        bordered && 'rounded-xl border border-base-300/70',\n        className,\n      )}\n    >\n      {items.map((item) => {\n        const open = currentKeys.includes(item.key);\n        return (\n          <div key={item.key} className={cn(open && !item.disabled && 'bg-base-200/40')}>\n            <button\n              type=\"button\"\n              disabled={item.disabled}\n              aria-expanded={open}\n              onClick={() => toggle(item.key, item.disabled)}\n              className={cn(\n                'flex w-full items-center gap-2 px-4 py-3 text-left text-sm font-medium transition-colors',\n                item.disabled\n                  ? 'cursor-not-allowed opacity-50'\n                  : 'cursor-pointer hover:bg-base-200/60',\n                open && !item.disabled && 'text-primary',\n              )}\n            >\n              {item.icon && <span className=\"flex shrink-0 items-center text-base-content/60 [&>svg]:h-4 [&>svg]:w-4\">{item.icon}</span>}\n              <span className=\"min-w-0 flex-1 truncate\">{item.title}</span>\n              {item.extra && <span className=\"flex shrink-0 items-center\">{item.extra}</span>}\n              {indicator && (\n                <span className={cn('shrink-0 text-base-content/50 transition-transform duration-200', open && 'rotate-180 text-primary')}>\n                  <ChevronGlyph />\n                </span>\n              )}\n            </button>\n            <div\n              className=\"grid transition-[grid-template-rows] duration-200 ease-out\"\n              style={{ gridTemplateRows: open ? '1fr' : '0fr' }}\n            >\n              <div className=\"overflow-hidden\">\n                <div className=\"px-4 pb-4 pt-0 text-sm leading-relaxed text-base-content/75\">\n                  {item.content}\n                </div>\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default Accordion;\n"],"mappings":";;;;AAoCA,IAAM,KAAkD,EAAE,mBACxD,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;CACf,WAAW,EAAG,WAAW,CAAS;CAClC,eAAY;CAEZ,UAAA,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;AACrB,CAAA,GAQD,KAAuC,EAC3C,UACA,aACA,qBAAkB,CAAC,GACnB,cAAW,IACX,aACA,eAAY,IACZ,cAAW,IACX,eAAY,SACR;CACJ,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAmB,CAAe,GACpE,IAAe,MAAa,KAAA,GAC5B,IAAc,IAAgB,KAAY,CAAC,IAAK,GAEhD,KAAU,GAAa,MAAuB;EAClD,IAAI,GAAU;EACd,IAAM,IAAW,EAAY,SAAS,CAAG,IACrC,EAAY,QAAQ,MAAM,MAAM,CAAG,IACnC,IACE,CAAC,GAAG,GAAa,CAAG,IACpB,CAAC,CAAG;EAEV,AADK,KAAc,EAAa,CAAQ,GACxC,IAAW,CAAQ;CACrB;CAEA,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+DACA,KAAY,wCACZ,CACF;EAEC,UAAA,EAAM,KAAK,MAAS;GACnB,IAAM,IAAO,EAAY,SAAS,EAAK,GAAG;GAC1C,OACE,kBAAC,OAAD;IAAoB,WAAW,EAAG,KAAQ,CAAC,EAAK,YAAY,gBAAgB;IAA5E,UAAA,CACE,kBAAC,UAAD;KACE,MAAK;KACL,UAAU,EAAK;KACf,iBAAe;KACf,eAAe,EAAO,EAAK,KAAK,EAAK,QAAQ;KAC7C,WAAW,EACT,4FACA,EAAK,WACD,kCACA,uCACJ,KAAQ,CAAC,EAAK,YAAY,cAC5B;KAXF,UAAA;MAaG,EAAK,QAAQ,kBAAC,QAAD;OAAM,WAAU;OAA2E,UAAA,EAAK;MAAW,CAAA;MACzH,kBAAC,QAAD;OAAM,WAAU;OAA2B,UAAA,EAAK;MAAY,CAAA;MAC3D,EAAK,SAAS,kBAAC,QAAD;OAAM,WAAU;OAA8B,UAAA,EAAK;MAAY,CAAA;MAC7E,KACC,kBAAC,QAAD;OAAM,WAAW,EAAG,mEAAmE,KAAQ,yBAAyB;OACtH,UAAA,kBAAC,GAAD,CAAe,CAAA;MACX,CAAA;KAEF;IACR,CAAA,GAAA,kBAAC,OAAD;KACE,WAAU;KACV,OAAO,EAAE,kBAAkB,IAAO,QAAQ,MAAM;KAEhD,UAAA,kBAAC,OAAD;MAAK,WAAU;MACb,UAAA,kBAAC,OAAD;OAAK,WAAU;OACZ,UAAA,EAAK;MACH,CAAA;KACF,CAAA;IACF,CAAA,CACF;GAjCK,GAAA,EAAK,GAiCV;EAET,CAAC;CACE,CAAA;AAET"}

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+export type AvatarShape = 'circle' | 'square' | 'squircle';
+export type AvatarBorderStyle = 'solid' | 'dashed' | 'dotted';
+export type AvatarNotificationPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type AvatarProps = {
+    /** 头像图片地址；缺省或加载失败时回退为 `name` 的关键字母。 */
+    src?: string;
+    /** 图片 alt 描述。 */
+    alt?: string;
+    /** 名称 / 描述：未配置头像时取其关键字母（两个单词取首字母，否则取前两个字符）作为回退展示。 */
+    name?: string;
+    /** 方形尺寸；数字按 px 处理。默认 40。 */
+    size?: number | string;
+    /** 边框（整体）形态：circle 圆形（默认）/ square 方形 / squircle 超椭圆圆角方。 */
+    shape?: AvatarShape;
+    /** shape="square" 时的自定义圆角（数字按 px）。 */
+    radius?: number | string;
+    /** 边框宽度（数字按 px）；mask 边框模式下即为环宽，默认 2。 */
+    borderWidth?: number | string;
+    /** 边框颜色。 */
+    borderColor?: string;
+    /** 边框线型：solid（默认）/ dashed / dotted。 */
+    borderStyle?: AvatarBorderStyle;
+    /** mask 边框：颜色或 CSS 渐变（如 story ring）。设置后以 mask 环的形式覆盖在头像边缘，中间不遮挡内容。 */
+    maskBorder?: string;
+    /** 中间（内容）区域透明度 0–1，默认 1；mask 边框模式下常用于压暗头像突出环。 */
+    centerOpacity?: number;
+    /** 角标通知位置，默认 top-right。 */
+    notificationPosition?: AvatarNotificationPosition;
+    /** 角标通知内容（如计数数值 / 短文本）；传 `true` 显示小圆点，不传则不渲染角标。 */
+    notification?: React.ReactNode;
+    /** 角标背景色，默认 var(--color-error)。 */
+    notificationColor?: string;
+    /** Extra class names on the wrapper. */
+    className?: string;
+    /** Inline styles on the wrapper. */
+    style?: React.CSSProperties;
+    /** Click handler. */
+    onClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;
+};
+/**
+ * Avatar —— 头像组件。
+ * 展示图片头像；未配置（或加载失败）时回退为 `name` 的关键字母。
+ * 支持自定义边框形态 / 颜色 / 线型、mask 环状边框（中间区域透明度可控）
+ * 以及四角 notification 短描述（计数 / 文本 / 圆点）。
+ */
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/dist/components/Avatar/index.js

@@ -0,0 +1,71 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Avatar/index.tsx
+var i = (e) => {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : e.trim().slice(0, 2).toUpperCase();
+}, a = {
+	circle: "rounded-full",
+	square: "",
+	squircle: "mask mask-squircle"
+}, o = {
+	"top-left": "top-0 left-0 -translate-x-1/3 -translate-y-1/3",
+	"top-right": "top-0 right-0 translate-x-1/3 -translate-y-1/3",
+	"bottom-left": "bottom-0 left-0 -translate-x-1/3 translate-y-1/3",
+	"bottom-right": "bottom-0 right-0 translate-x-1/3 translate-y-1/3"
+}, s = ({ src: s, alt: c, name: l, size: u = 40, shape: d = "circle", radius: f, borderWidth: p, borderColor: m, borderStyle: h = "solid", maskBorder: g, centerOpacity: _ = 1, notificationPosition: v = "top-right", notification: y, notificationColor: b = "var(--color-error)", className: x = "", style: S, onClick: C }) => {
+	let w = typeof u == "number" ? `${u}px` : u, [T, E] = t.useState(!1);
+	t.useEffect(() => E(!1), [s]);
+	let D = !!s && !T, O = l ? i(l) : "", k = `calc(${w} * 0.36)`, A = d === "square" ? { borderRadius: f ?? "0.5rem" } : {}, j = p === void 0 ? g ? "2px" : "0px" : typeof p == "number" ? `${p}px` : p, M = y != null && y !== !1;
+	return /* @__PURE__ */ r("span", {
+		className: e("relative inline-flex shrink-0 leading-none", C && "cursor-pointer", x),
+		style: {
+			width: w,
+			height: w,
+			...S
+		},
+		onClick: C,
+		children: [
+			g && /* @__PURE__ */ n("span", {
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute inset-0 z-10",
+				style: {
+					padding: j,
+					background: g,
+					WebkitMask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+					WebkitMaskComposite: "xor",
+					mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+					maskComposite: "exclude",
+					...A
+				}
+			}),
+			/* @__PURE__ */ n("span", {
+				className: e("relative flex h-full w-full select-none items-center justify-center overflow-hidden bg-base-200 text-center font-semibold text-base-content/70", a[d]),
+				style: {
+					fontSize: k,
+					opacity: _,
+					borderWidth: g ? 0 : j,
+					borderStyle: g ? void 0 : h,
+					borderColor: g ? void 0 : m,
+					...A
+				},
+				children: D ? /* @__PURE__ */ n("img", {
+					src: s,
+					alt: c ?? l ?? "",
+					className: "h-full w-full object-cover",
+					onError: () => E(!0)
+				}) : O
+			}),
+			M && /* @__PURE__ */ n("span", {
+				className: e("absolute z-20 flex items-center justify-center rounded-full border-2 border-base-100 font-bold leading-none text-white", o[v], y === !0 ? "h-3 w-3 p-0" : "h-[18px] min-w-[18px] px-1 text-[10px]"),
+				style: { backgroundColor: b },
+				children: y === !0 ? "" : y
+			})
+		]
+	});
+};
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type AvatarShape = 'circle' | 'square' | 'squircle';\nexport type AvatarBorderStyle = 'solid' | 'dashed' | 'dotted';\nexport type AvatarNotificationPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\nexport type AvatarProps = {\n  /** 头像图片地址；缺省或加载失败时回退为 `name` 的关键字母。 */\n  src?: string;\n  /** 图片 alt 描述。 */\n  alt?: string;\n  /** 名称 / 描述：未配置头像时取其关键字母（两个单词取首字母，否则取前两个字符）作为回退展示。 */\n  name?: string;\n  /** 方形尺寸；数字按 px 处理。默认 40。 */\n  size?: number | string;\n  /** 边框（整体）形态：circle 圆形（默认）/ square 方形 / squircle 超椭圆圆角方。 */\n  shape?: AvatarShape;\n  /** shape=\"square\" 时的自定义圆角（数字按 px）。 */\n  radius?: number | string;\n  /** 边框宽度（数字按 px）；mask 边框模式下即为环宽，默认 2。 */\n  borderWidth?: number | string;\n  /** 边框颜色。 */\n  borderColor?: string;\n  /** 边框线型：solid（默认）/ dashed / dotted。 */\n  borderStyle?: AvatarBorderStyle;\n  /** mask 边框：颜色或 CSS 渐变（如 story ring）。设置后以 mask 环的形式覆盖在头像边缘，中间不遮挡内容。 */\n  maskBorder?: string;\n  /** 中间（内容）区域透明度 0–1，默认 1；mask 边框模式下常用于压暗头像突出环。 */\n  centerOpacity?: number;\n  /** 角标通知位置，默认 top-right。 */\n  notificationPosition?: AvatarNotificationPosition;\n  /** 角标通知内容（如计数数值 / 短文本）；传 `true` 显示小圆点，不传则不渲染角标。 */\n  notification?: React.ReactNode;\n  /** 角标背景色，默认 var(--color-error)。 */\n  notificationColor?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n  /** Inline styles on the wrapper. */\n  style?: React.CSSProperties;\n  /** Click handler. */\n  onClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;\n};\n\n/** 从名称/描述中提取关键字母：两个单词取首字母，否则取前两个字符（统一大写）。 */\nconst initialsOf = (name: string): string => {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();\n  return name.trim().slice(0, 2).toUpperCase();\n};\n\nconst SHAPE_CLASS: Record<AvatarShape, string> = {\n  circle: 'rounded-full',\n  square: '',\n  squircle: 'mask mask-squircle',\n};\n\nconst NOTIFICATION_POSITION_CLASS: Record<AvatarNotificationPosition, string> = {\n  'top-left': 'top-0 left-0 -translate-x-1/3 -translate-y-1/3',\n  'top-right': 'top-0 right-0 translate-x-1/3 -translate-y-1/3',\n  'bottom-left': 'bottom-0 left-0 -translate-x-1/3 translate-y-1/3',\n  'bottom-right': 'bottom-0 right-0 translate-x-1/3 translate-y-1/3',\n};\n\n/**\n * Avatar —— 头像组件。\n * 展示图片头像；未配置（或加载失败）时回退为 `name` 的关键字母。\n * 支持自定义边框形态 / 颜色 / 线型、mask 环状边框（中间区域透明度可控）\n * 以及四角 notification 短描述（计数 / 文本 / 圆点）。\n */\nconst Avatar: React.FC<AvatarProps> = ({\n  src,\n  alt,\n  name,\n  size = 40,\n  shape = 'circle',\n  radius,\n  borderWidth,\n  borderColor,\n  borderStyle = 'solid',\n  maskBorder,\n  centerOpacity = 1,\n  notificationPosition = 'top-right',\n  notification,\n  notificationColor = 'var(--color-error)',\n  className = '',\n  style,\n  onClick,\n}) => {\n  const px = typeof size === 'number' ? `${size}px` : size;\n  const [imgFailed, setImgFailed] = React.useState(false);\n  React.useEffect(() => setImgFailed(false), [src]);\n\n  const showImage = Boolean(src) && !imgFailed;\n  const initials = name ? initialsOf(name) : '';\n  const fontSize = `calc(${px} * 0.36)`;\n\n  const shapeStyle: React.CSSProperties = shape === 'square' ? { borderRadius: radius ?? '0.5rem' } : {};\n  const ringWidth = borderWidth === undefined ? (maskBorder ? '2px' : '0px') : typeof borderWidth === 'number' ? `${borderWidth}px` : borderWidth;\n\n  const showNotification = notification !== undefined && notification !== null && notification !== false;\n\n  return (\n    <span\n      className={cn('relative inline-flex shrink-0 leading-none', onClick && 'cursor-pointer', className)}\n      style={{ width: px, height: px, ...style }}\n      onClick={onClick}\n    >\n      {/* mask 边框：mask-composite 排除中间区域，只留下覆盖在头像边缘的环 */}\n      {maskBorder && (\n        <span\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 z-10\"\n          style={{\n            padding: ringWidth,\n            background: maskBorder,\n            WebkitMask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n            WebkitMaskComposite: 'xor',\n            mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n            maskComposite: 'exclude',\n            ...shapeStyle,\n          } as React.CSSProperties}\n        />\n      )}\n      <span\n        className={cn(\n          'relative flex h-full w-full select-none items-center justify-center overflow-hidden bg-base-200 text-center font-semibold text-base-content/70',\n          SHAPE_CLASS[shape],\n        )}\n        style={{\n          fontSize,\n          opacity: centerOpacity,\n          borderWidth: maskBorder ? 0 : ringWidth,\n          borderStyle: maskBorder ? undefined : borderStyle,\n          borderColor: maskBorder ? undefined : borderColor,\n          ...shapeStyle,\n        }}\n      >\n        {showImage ? (\n          <img\n            src={src}\n            alt={alt ?? name ?? ''}\n            className=\"h-full w-full object-cover\"\n            onError={() => setImgFailed(true)}\n          />\n        ) : (\n          initials\n        )}\n      </span>\n      {showNotification && (\n        <span\n          className={cn(\n            'absolute z-20 flex items-center justify-center rounded-full border-2 border-base-100 font-bold leading-none text-white',\n            NOTIFICATION_POSITION_CLASS[notificationPosition],\n            notification === true ? 'h-3 w-3 p-0' : 'h-[18px] min-w-[18px] px-1 text-[10px]',\n          )}\n          style={{ backgroundColor: notificationColor }}\n        >\n          {notification === true ? '' : notification}\n        </span>\n      )}\n    </span>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;AA6CA,IAAM,KAAc,MAAyB;CAC3C,IAAM,IAAQ,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CAErD,OADI,EAAM,UAAU,KAAW,EAAM,EAAE,CAAC,KAAK,EAAM,EAAE,CAAC,GAAA,CAAI,YAAY,IAC/D,EAAK,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY;AAC7C,GAEM,IAA2C;CAC/C,QAAQ;CACR,QAAQ;CACR,UAAU;AACZ,GAEM,IAA0E;CAC9E,YAAY;CACZ,aAAa;CACb,eAAe;CACf,gBAAgB;AAClB,GAQM,KAAiC,EACrC,QACA,QACA,SACA,UAAO,IACP,WAAQ,UACR,WACA,gBACA,gBACA,iBAAc,SACd,eACA,mBAAgB,GAChB,0BAAuB,aACvB,iBACA,uBAAoB,sBACpB,eAAY,IACZ,UACA,iBACI;CACJ,IAAM,IAAK,OAAO,KAAS,WAAW,GAAG,EAAK,MAAM,GAC9C,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK;CACtD,EAAM,gBAAgB,EAAa,EAAK,GAAG,CAAC,CAAG,CAAC;CAEhD,IAAM,IAAY,EAAQ,KAAQ,CAAC,GAC7B,IAAW,IAAO,EAAW,CAAI,IAAI,IACrC,IAAW,QAAQ,EAAG,WAEtB,IAAkC,MAAU,WAAW,EAAE,cAAc,KAAU,SAAS,IAAI,CAAC,GAC/F,IAAY,MAAgB,KAAA,IAAa,IAAa,QAAQ,QAAS,OAAO,KAAgB,WAAW,GAAG,EAAY,MAAM,GAE9H,IAAmB,KAA+C,QAAQ,MAAiB;CAEjG,OACE,kBAAC,QAAD;EACE,WAAW,EAAG,8CAA8C,KAAW,kBAAkB,CAAS;EAClG,OAAO;GAAE,OAAO;GAAI,QAAQ;GAAI,GAAG;EAAM;EAChC;EAHX,UAAA;GAMG,KACC,kBAAC,QAAD;IACE,eAAY;IACZ,WAAU;IACV,OAAO;KACL,SAAS;KACT,YAAY;KACZ,YAAY;KACZ,qBAAqB;KACrB,MAAM;KACN,eAAe;KACf,GAAG;IACL;GACD,CAAA;GAEH,kBAAC,QAAD;IACE,WAAW,EACT,kJACA,EAAY,EACd;IACA,OAAO;KACL;KACA,SAAS;KACT,aAAa,IAAa,IAAI;KAC9B,aAAa,IAAa,KAAA,IAAY;KACtC,aAAa,IAAa,KAAA,IAAY;KACtC,GAAG;IACL;IAEC,UAAA,IACC,kBAAC,OAAD;KACO;KACL,KAAK,KAAO,KAAQ;KACpB,WAAU;KACV,eAAe,EAAa,EAAI;IACjC,CAAA,IAED;GAEE,CAAA;GACL,KACC,kBAAC,QAAD;IACE,WAAW,EACT,0HACA,EAA4B,IAC5B,MAAiB,KAAO,gBAAgB,wCAC1C;IACA,OAAO,EAAE,iBAAiB,EAAkB;IAE3C,UAAA,MAAiB,KAAO,KAAK;GAC1B,CAAA;EAEJ;;AAEV"}

package/dist/components/Badge/index.js

@@ -1,20 +1,15 @@
+import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
-var b = ({ children: o, variant: e = "primary", size: a = "sm", outline: r = !1, className: s = "" }) => {
-  const d = [
-    "badge",
-    e ? `badge-${e}` : "",
-    a ? `badge-${a}` : "",
-    r ? "badge-outline" : "",
-    s
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("div", {
-    className: d,
-    children: o
-  });
-};
-export {
-  b as default
+//#region src/components/Badge/index.tsx
+var n = ({ children: n, variant: r = "primary", size: i = "sm", outline: a = !1, className: o = "" }) => {
+	let s = r ? `badge-${r}` : "", c = i ? `badge-${i}` : "", l = e("badge", s, c, a ? "badge-outline" : "", o);
+	return /* @__PURE__ */ t("div", {
+		className: l,
+		children: n
+	});
 };
+//#endregion
+export { n as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type BadgeProps = {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  outline?: boolean;\n  className?: string;\n};\n\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  className = '',\n}) => {\n  const baseClass = 'badge';\n  const variantClass = variant ? `badge-${variant}` : '';\n  const sizeClass = size ? `badge-${size}` : '';\n  const outlineClass = outline ? 'badge-outline' : '';\n  \n  const badgeClasses = [\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={badgeClasses}>\n      {children}\n    </div>\n  );\n};\n\nexport default Badge; "],"mappings":";;AAUA,IAAM,IAAA,CAA+B,EACnC,UAAA,GACA,SAAA,IAAU,WACV,MAAA,IAAO,MACP,SAAA,IAAU,IACV,WAAA,IAAY,GAAA,MACR;AAMJ,QAAM,IAAe;AAAA,IACnB;AAAA,IALmB,IAAU,SAAS,CAAA,KAAY;AAAA,IAClC,IAAO,SAAS,CAAA,KAAS;AAAA,IACtB,IAAU,kBAAkB;AAAA,IAO/C;AAAA,EACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW;AAAA,IACb,UAAA;AAAA,EACE,CAAA;AAET"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type BadgeProps = {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  outline?: boolean;\n  className?: string;\n};\n\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  className = '',\n}) => {\n  const baseClass = 'badge';\n  const variantClass = variant ? `badge-${variant}` : '';\n  const sizeClass = size ? `badge-${size}` : '';\n  const outlineClass = outline ? 'badge-outline' : '';\n  \n  const badgeClasses = cn(\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    className\n  );\n\n  return (\n    <div className={badgeClasses}>\n      {children}\n    </div>\n  );\n};\n\nexport default Badge; "],"mappings":";;;;AAWA,IAAM,KAA+B,EACnC,aACA,aAAU,WACV,UAAO,MACP,aAAU,IACV,eAAY,SACR;CACJ,IACM,IAAe,IAAU,SAAS,MAAY,IAC9C,IAAY,IAAO,SAAS,MAAS,IAGrC,IAAe,EACnB,SACA,GACA,GALmB,IAAU,kBAAkB,IAO/C,CACF;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW;EACb;CACE,CAAA;AAET"}

package/dist/components/Button/index.js

@@ -1,91 +1,64 @@
-import $, { useCallback as H, useState as E } from "react";
-import { Fragment as J, jsx as p, jsxs as I } from "react/jsx-runtime";
-var K = ({ children: f, variant: a = "primary", size: c = "sm", outline: t = !1, dash: j = !1, soft: s = !1, active: v = !1, disabled: o = !1, wide: m = !1, block: h = !1, square: C = !1, circle: N = !1, leftSection: e, rightSection: l, onClick: i, type: g, className: R = "", states: r, initialStateIndex: V = 0, onStateChange: x }) => {
-  const [B, q] = E(V), [k, L] = E(0), n = r && r.length > 0, b = n ? r[B] : null, W = H(() => {
-    if (n) {
-      const G = k + 1, u = (B + 1) % r.length, D = r[u];
-      L(G), q(u), x && x(D, G, u);
-    }
-    i && i();
-  }, [
-    n,
-    r,
-    B,
-    k,
-    x,
-    i
-  ]), w = b?.variant || a, z = n ? /* @__PURE__ */ I(J, { children: [b?.icon && /* @__PURE__ */ p("span", {
-    className: "mr-1",
-    children: b.icon
-  }), b?.label] }) : f, A = [
-    "btn",
-    w ? `btn-${w}` : "",
-    c ? `btn-${c}` : "",
-    t ? "btn-outline" : "",
-    j ? "btn-dash" : "",
-    s ? "btn-soft" : "",
-    v || n ? "btn-active" : "",
-    m ? "btn-wide" : "",
-    h ? "btn-block" : "",
-    C ? "btn-square" : "",
-    N ? "btn-circle" : "",
-    R
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ I("button", {
-    type: g,
-    className: A,
-    disabled: o,
-    onClick: W,
-    title: n ? `当前状态: ${b?.key} (点击次数: ${k})` : void 0,
-    children: [
-      !n && e && /* @__PURE__ */ p("span", {
-        className: "mr-2",
-        children: e
-      }),
-      z,
-      !n && l && /* @__PURE__ */ p("span", {
-        className: "ml-2",
-        children: l
-      })
-    ]
-  });
-}, M = ({ children: f, vertical: a = !1, className: c = "", rounded: t = "none", radius: j = "full", roundedStyle: s }) => {
-  const v = [
-    "join",
-    a ? "join-vertical" : "join-horizontal",
-    c
-  ].filter(Boolean).join(" "), o = t !== "none" ? "full" : j;
-  return /* @__PURE__ */ p("div", {
-    className: v,
-    children: $.Children.map(f, (m, h) => {
-      if (!$.isValidElement(m)) return m;
-      const C = m, N = C.props.className || "", e = h === 0, l = h === $.Children.count(f) - 1;
-      let i = "";
-      s ? a ? (t === "left" || t === "top") && e && s.top ? i = s.top : (t === "right" || t === "bottom") && l && s.bottom ? i = s.bottom : t === "both" && (e && s.top && (i = s.top), l && s.bottom && (i = s.bottom)) : (t === "left" || t === "top") && e && s.left ? i = s.left : (t === "right" || t === "bottom") && l && s.right ? i = s.right : t === "both" && (e && s.left && (i = s.left), l && s.right && (i = s.right)) : a ? t === "left" || t === "top" ? e && (i = `rounded-t-${o}`) : t === "right" || t === "bottom" ? l && (i = `rounded-b-${o}`) : t === "both" && (e && (i = `rounded-t-${o}`), l && (i = `rounded-b-${o}`)) : t === "left" || t === "top" ? e && (i = `rounded-l-${o}`) : t === "right" || t === "bottom" ? l && (i = `rounded-r-${o}`) : t === "both" && (e && (i = `rounded-l-${o}`), l && (i = `rounded-r-${o}`));
-      const g = `${N} join-item ${i}`.trim();
-      return $.cloneElement(C, { className: g });
-    })
-  });
-}, O = ({ children: f, className: a = "" }) => {
-  const c = [
-    "join-item",
-    "flex",
-    "items-center",
-    "px-4",
-    "bg-base-200",
-    "border",
-    "border-base-300",
-    a
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p("div", {
-    className: c,
-    children: f
-  });
-}, F = K;
-F.Group = M;
-F.GroupSection = O;
-export {
-  F as default
-};
+import { cn as e } from "../../utils/cn.js";
+import t, { useCallback as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Button/index.tsx
+var s = ({ children: t, variant: s = "primary", size: c = "sm", outline: l = !1, dash: u = !1, soft: d = !1, active: f = !1, disabled: p = !1, wide: m = !1, block: h = !1, square: g = !1, circle: _ = !1, leftSection: v, rightSection: y, onClick: b, type: x, className: S = "", states: C, initialStateIndex: w = 0, onStateChange: T }) => {
+	let [E, D] = r(w), [O, k] = r(0), A = C && C.length > 0, j = A ? C[E] : null, M = n(() => {
+		if (A) {
+			let e = O + 1, t = (E + 1) % C.length, n = C[t];
+			k(e), D(t), T && T(n, e, t);
+		}
+		b && b();
+	}, [
+		A,
+		C,
+		E,
+		O,
+		T,
+		b
+	]), N = j?.variant || s, P = A ? /* @__PURE__ */ o(i, { children: [j?.icon && /* @__PURE__ */ a("span", {
+		className: "mr-1",
+		children: j.icon
+	}), j?.label] }) : t, F = N ? `btn-${N}` : "", I = c ? `btn-${c}` : "", L = e("btn", F, I, l ? "btn-outline" : "", u ? "btn-dash" : "", d ? "btn-soft" : "", f || A ? "btn-active" : "", m ? "btn-wide" : "", h ? "btn-block" : "", g ? "btn-square" : "", _ ? "btn-circle" : "", S);
+	return /* @__PURE__ */ o("button", {
+		type: x,
+		className: L,
+		disabled: p,
+		onClick: M,
+		title: A ? `当前状态: ${j?.key} (点击次数: ${O})` : void 0,
+		children: [
+			!A && v && /* @__PURE__ */ a("span", {
+				className: "mr-2",
+				children: v
+			}),
+			P,
+			!A && y && /* @__PURE__ */ a("span", {
+				className: "ml-2",
+				children: y
+			})
+		]
+	});
+}, c = ({ children: n, vertical: r = !1, className: i = "", rounded: o = "none", radius: s = "full", roundedStyle: c }) => {
+	let l = e("join", r ? "join-vertical" : "join-horizontal", i), u = o === "none" ? s : "full";
+	return /* @__PURE__ */ a("div", {
+		className: l,
+		children: t.Children.map(n, (e, i) => {
+			if (!t.isValidElement(e)) return e;
+			let a = e, s = a.props.className || "", l = i === 0, d = i === t.Children.count(n) - 1, f = "";
+			c ? r ? (o === "left" || o === "top") && l && c.top ? f = c.top : (o === "right" || o === "bottom") && d && c.bottom ? f = c.bottom : o === "both" && (l && c.top && (f = c.top), d && c.bottom && (f = c.bottom)) : (o === "left" || o === "top") && l && c.left ? f = c.left : (o === "right" || o === "bottom") && d && c.right ? f = c.right : o === "both" && (l && c.left && (f = c.left), d && c.right && (f = c.right)) : r ? o === "left" || o === "top" ? l && (f = `rounded-t-${u}`) : o === "right" || o === "bottom" ? d && (f = `rounded-b-${u}`) : o === "both" && (l && (f = `rounded-t-${u}`), d && (f = `rounded-b-${u}`)) : o === "left" || o === "top" ? l && (f = `rounded-l-${u}`) : o === "right" || o === "bottom" ? d && (f = `rounded-r-${u}`) : o === "both" && (l && (f = `rounded-l-${u}`), d && (f = `rounded-r-${u}`));
+			let p = `${s} join-item ${f}`.trim();
+			return t.cloneElement(a, { className: p });
+		})
+	});
+}, l = ({ children: t, className: n = "" }) => {
+	let r = e("join-item", "flex", "items-center", "px-4", "bg-base-200", "border", "border-base-300", n);
+	return /* @__PURE__ */ a("div", {
+		className: r,
+		children: t
+	});
+}, u = s;
+u.Group = c, u.GroupSection = l;
+//#endregion
+export { u as default };
 
 //# sourceMappingURL=index.js.map