dishui 0.0.64 → 0.0.66

package/dist/components/Card/index.js

@@ -1,47 +1,181 @@
+import { cn as e } from "../../utils/cn.js";
 import "react";
-import { jsx as r } from "react/jsx-runtime";
-var x = ({ children: s, variant: a, bordered: e = !1, dash: d = !1, side: n = !1, imageFull: c = !1, compact: i = !1, hover: u = !0, glass: f = !0, size: l = "sm", className: t = "" }) => {
-  const m = "card", C = f && !a ? "glass shadow-lg" : "", h = a ? `bg-${a} text-${a}-content shadow-md` : "", g = e ? "card-bordered" : "", v = d ? "card-dash" : "", w = n ? "card-side" : "", B = c ? "image-full" : "", j = i ? "card-compact" : "", p = u ? "hover:shadow-xl transition-shadow duration-300" : "", b = l ? `card-${l}` : "";
-  return t.includes("w-") || t.match(/max-w-|min-w-/), /* @__PURE__ */ r("div", {
-    className: [
-      m,
-      "",
-      C,
-      h,
-      g,
-      v,
-      w,
-      B,
-      j,
-      p,
-      b,
-      t
-    ].filter(Boolean).join(" "),
-    children: s
-  });
-}, y = ({ children: s, className: a = "" }) => /* @__PURE__ */ r("h2", {
-  className: ["card-title", a].filter(Boolean).join(" "),
-  children: s
-}), $ = ({ children: s, className: a = "" }) => /* @__PURE__ */ r("div", {
-  className: ["card-body", a].filter(Boolean).join(" "),
-  children: s
-}), F = ({ children: s, className: a = "", justify: e = "end" }) => /* @__PURE__ */ r("div", {
-  className: [
-    "card-actions",
-    e ? `justify-${e}` : "",
-    a
-  ].filter(Boolean).join(" "),
-  children: s
-}), N = ({ children: s, className: a = "" }) => /* @__PURE__ */ r("figure", {
-  className: ["figure", a].filter(Boolean).join(" "),
-  children: s
-}), o = x;
-o.Title = y;
-o.Body = $;
-o.Actions = F;
-o.Figure = N;
-export {
-  o as default
-};
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/Card/index.tsx
+var r = ({ children: n, variant: r, bordered: i = !1, dash: a = !1, side: o = !1, imageFull: s = !1, compact: c = !1, hover: l = !0, glass: u = !0, size: d = "sm", className: f = "" }) => {
+	let p = u && !r ? "glass shadow-lg" : "", m = r ? `bg-${r} text-${r}-content shadow-md` : "", h = i ? "card-bordered" : "", g = a ? "card-dash" : "", _ = o ? "card-side" : "", v = s ? "image-full" : "", y = c ? "card-compact" : "", b = l ? "hover:shadow-xl transition-shadow duration-300" : "", x = d ? `card-${d}` : "";
+	f.includes("w-") || f.match(/max-w-|min-w-/);
+	let S = e("card", "", p, m, h, g, _, v, y, b, x, f);
+	return /* @__PURE__ */ t("div", {
+		className: S,
+		children: n
+	});
+}, i = ({ children: n, className: r = "" }) => {
+	let i = e("card-title", r);
+	return /* @__PURE__ */ t("h2", {
+		className: i,
+		children: n
+	});
+}, a = ({ children: n, className: r = "" }) => {
+	let i = e("card-body", r);
+	return /* @__PURE__ */ t("div", {
+		className: i,
+		children: n
+	});
+}, o = ({ children: n, className: r = "", justify: i = "end" }) => {
+	let a = e("card-actions", i && `justify-${i}`, r);
+	return /* @__PURE__ */ t("div", {
+		className: a,
+		children: n
+	});
+}, s = {
+	cover: "[&>img]:object-cover",
+	contain: "[&>img]:object-contain",
+	fill: "[&>img]:object-fill"
+}, c = (e) => typeof e == "number" ? `${e}px` : e, l = ({ children: n, className: r = "", fit: i = "cover", fill: a = !1, height: o }) => {
+	let l = e("figure", s[i], a && "w-full h-full [&>img]:h-full [&>img]:w-full", o !== void 0 && "w-full [&>img]:h-full [&>img]:w-full", r);
+	return /* @__PURE__ */ t("figure", {
+		className: l,
+		style: o === void 0 ? void 0 : { height: c(o) },
+		children: n
+	});
+}, u = ({ variant: t, bordered: n = !1, glass: r = !0, className: i = "" }) => {
+	let a = r && !t ? "glass shadow-lg" : "", o = t ? `bg-${t} text-${t}-content shadow-md` : "";
+	return e("card", a, o, n && "card-bordered", i);
+}, d = ({ className: r }) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	className: e("h-4 w-4", r),
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	children: [/* @__PURE__ */ t("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9"
+	}), /* @__PURE__ */ t("path", {
+		strokeLinecap: "round",
+		d: "M12 7v5l3 2"
+	})]
+}), f = ({ icon: r, title: i, description: a, layout: o = "vertical", iconShape: s, children: c, variant: l, bordered: d, glass: f = !0, className: p = "", onClick: m }) => {
+	let h = r && /* @__PURE__ */ t("span", {
+		className: e("flex shrink-0 items-center justify-center bg-primary/10 text-primary", o === "vertical" ? "size-16" : "size-12", (s ?? (o === "vertical" ? "circle" : "square")) === "circle" ? "rounded-full" : "rounded-xl"),
+		children: r
+	});
+	return /* @__PURE__ */ t("div", {
+		className: u({
+			variant: l,
+			bordered: d,
+			glass: f,
+			className: p
+		}),
+		onClick: m,
+		children: o === "horizontal" ? /* @__PURE__ */ n("div", {
+			className: "card-body flex-row items-center gap-4",
+			children: [h, /* @__PURE__ */ n("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ t("h3", {
+						className: "font-semibold text-base-content",
+						children: i
+					}),
+					a && /* @__PURE__ */ t("p", {
+						className: "mt-0.5 text-sm text-base-content/70",
+						children: a
+					}),
+					c
+				]
+			})]
+		}) : /* @__PURE__ */ n("div", {
+			className: "card-body items-center gap-3 text-center",
+			children: [
+				h,
+				/* @__PURE__ */ t("h3", {
+					className: "text-lg font-bold text-base-content",
+					children: i
+				}),
+				a && /* @__PURE__ */ t("p", {
+					className: "text-sm leading-relaxed text-base-content/70",
+					children: a
+				}),
+				c
+			]
+		})
+	});
+}, p = ({ children: r, author: i, avatar: a, date: o, quoteMark: s = !0, divider: c = !0, variant: l, bordered: f, glass: p = !0, className: m = "", onClick: h }) => /* @__PURE__ */ n("div", {
+	className: e(u({
+		variant: l,
+		bordered: f,
+		glass: p,
+		className: m
+	}), "relative overflow-hidden"),
+	onClick: h,
+	children: [s && /* @__PURE__ */ t("span", {
+		"aria-hidden": "true",
+		className: "pointer-events-none absolute right-5 top-2 select-none font-serif text-6xl leading-none text-primary/25",
+		children: "”"
+	}), /* @__PURE__ */ n("div", {
+		className: "card-body gap-0 p-6",
+		children: [/* @__PURE__ */ t("div", {
+			className: "relative z-10 text-lg text-base-content",
+			children: r
+		}), /* @__PURE__ */ n("div", {
+			className: e("mt-4 flex items-center justify-between gap-3", c && "border-t border-base-300 pt-3.5"),
+			children: [/* @__PURE__ */ n("div", {
+				className: "flex min-w-0 items-center gap-2.5",
+				children: [a && /* @__PURE__ */ t("span", {
+					className: "size-8 shrink-0 overflow-hidden rounded-full",
+					children: a
+				}), i && /* @__PURE__ */ t("span", {
+					className: "truncate text-sm font-medium text-primary",
+					children: i
+				})]
+			}), o && /* @__PURE__ */ n("span", {
+				className: "flex shrink-0 items-center gap-1.5 text-sm text-base-content/55",
+				children: [/* @__PURE__ */ t(d, {}), o]
+			})]
+		})]
+	})]
+}), m = ({ title: e, badge: r, children: i, footerLeft: a, footerRight: o, variant: s, bordered: c, glass: l = !0, className: d = "", onClick: f }) => /* @__PURE__ */ t("div", {
+	className: u({
+		variant: s,
+		bordered: c,
+		glass: l,
+		className: d
+	}),
+	onClick: f,
+	children: /* @__PURE__ */ n("div", {
+		className: "card-body gap-2.5 p-6",
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ t("h3", {
+					className: "min-w-0 flex-1 truncate text-lg font-bold text-base-content",
+					children: e
+				}), r && /* @__PURE__ */ t("span", {
+					className: "shrink-0",
+					children: r
+				})]
+			}),
+			i && /* @__PURE__ */ t("div", {
+				className: "text-sm text-base-content/75",
+				children: i
+			}),
+			(a || o) && /* @__PURE__ */ n("div", {
+				className: "mt-1.5 flex items-center justify-between gap-3 text-sm text-base-content/55",
+				children: [/* @__PURE__ */ t("span", {
+					className: "min-w-0 truncate",
+					children: a
+				}), /* @__PURE__ */ t("span", {
+					className: "shrink-0",
+					children: o
+				})]
+			})
+		]
+	})
+}), h = r;
+h.Title = i, h.Body = a, h.Actions = o, h.Figure = l, h.Feature = f, h.Quote = p, h.Meta = m;
+//#endregion
+export { h as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type CardProps = {\n  children: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  bordered?: boolean;\n  dash?: boolean;\n  side?: boolean;\n  imageFull?: boolean;\n  compact?: boolean;\n  hover?: boolean;\n  glass?: boolean; // 毛玻璃效果\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  className?: string;\n};\n\nconst Card = ({\n  children,\n  variant,\n  bordered = false,\n  dash = false,\n  side = false,\n  imageFull = false,\n  compact = false,\n  hover = true, // 默认启用 hover 效果\n  glass = true, // 默认启用毛玻璃效果\n  size = 'sm',\n  className = '',\n}: CardProps) => {\n  const baseClass = 'card';\n\n  // 默认样式：如果没有指定 variant，则应用毛玻璃效果和阴影\n  // 同时添加边界样式 (border + shadow)\n  const defaultStyles = glass && !variant ? 'glass shadow-lg' : '';\n\n  // 如果指定了 variant，使用该 variant 的背景色，并添加阴影\n  const variantClass = variant ? `bg-${variant} text-${variant}-content shadow-md` : '';\n\n  const borderedClass = bordered ? 'card-bordered' : '';\n  const dashClass = dash ? 'card-dash' : '';\n  const sideClass = side ? 'card-side' : '';\n  const imageFullClass = imageFull ? 'image-full' : '';\n  const compactClass = compact ? 'card-compact' : '';\n  const hoverClass = hover ? 'hover:shadow-xl transition-shadow duration-300' : '';\n  const sizeClass = size ? `card-${size}` : '';\n\n  // 宽度策略：\n  // 1. 如果用户指定了 w-/max-w-/min-w-，则完全使用用户的设置\n  // 2. 否则不设置固定宽度，让 Card 自然适应父容器（Grid 中自动填充，Flex 中根据内容）\n  const hasWidthClass = className.includes('w-') || className.match(/max-w-|min-w-/);\n  const widthClass = ''; // 不设置默认宽度，让布局决定\n\n  const cardClasses = [\n    baseClass,\n    widthClass,\n    defaultStyles,\n    variantClass,\n    borderedClass,\n    dashClass,\n    sideClass,\n    imageFullClass,\n    compactClass,\n    hoverClass,\n    sizeClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={cardClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Title 组件\nexport type CardTitleProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardTitle = ({\n  children,\n  className = '',\n}: CardTitleProps) => {\n  const titleClasses = [\n    'card-title',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <h2 className={titleClasses}>\n      {children}\n    </h2>\n  );\n};\n\n// Card.Body 组件\nexport type CardBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardBody = ({\n  children,\n  className = '',\n}: CardBodyProps) => {\n  const bodyClasses = [\n    'card-body',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={bodyClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Actions 组件\nexport type CardActionsProps = {\n  children: React.ReactNode;\n  className?: string;\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n};\n\nconst CardActions = ({\n  children,\n  className = '',\n  justify = 'end',\n}: CardActionsProps) => {\n  const actionsClasses = [\n    'card-actions',\n    justify ? `justify-${justify}` : '',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={actionsClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Figure 组件\nexport type CardFigureProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardFigure = ({\n  children,\n  className = '',\n}: CardFigureProps) => {\n  const figureClasses = [\n    'figure',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <figure className={figureClasses}>\n      {children}\n    </figure>\n  );\n};\n\n// 扩展Card组件，添加子组件\ninterface CardCompound extends React.FC<CardProps> {\n  Title: React.FC<CardTitleProps>;\n  Body: React.FC<CardBodyProps>;\n  Actions: React.FC<CardActionsProps>;\n  Figure: React.FC<CardFigureProps>;\n}\n\nconst CardWithCompounds = Card as CardCompound;\nCardWithCompounds.Title = CardTitle;\nCardWithCompounds.Body = CardBody;\nCardWithCompounds.Actions = CardActions;\nCardWithCompounds.Figure = CardFigure;\n\nexport default CardWithCompounds; "],"mappings":";;AAgBA,IAAM,IAAA,CAAQ,EACZ,UAAA,GACA,SAAA,GACA,UAAA,IAAW,IACX,MAAA,IAAO,IACP,MAAA,IAAO,IACP,WAAA,IAAY,IACZ,SAAA,IAAU,IACV,OAAA,IAAQ,IACR,OAAA,IAAQ,IACR,MAAA,IAAO,MACP,WAAA,IAAY,GAAA,MACG;AACf,QAAM,IAAY,QAIZ,IAAgB,KAAS,CAAC,IAAU,oBAAoB,IAGxD,IAAe,IAAU,MAAM,CAAA,SAAgB,CAAA,uBAA8B,IAE7E,IAAgB,IAAW,kBAAkB,IAC7C,IAAY,IAAO,cAAc,IACjC,IAAY,IAAO,cAAc,IACjC,IAAiB,IAAY,eAAe,IAC5C,IAAe,IAAU,iBAAiB,IAC1C,IAAa,IAAQ,mDAAmD,IACxE,IAAY,IAAO,QAAQ,CAAA,KAAS;AAKpB,SAAA,EAAU,SAAS,IAAI,KAAK,EAAU,MAAM,eAAe,GAmB/E,gBAAA,EAAC,OAAD;AAAA,IAAK,WAhBa;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGL;AAAA,IACb,UAAA;AAAA,EACE,CAAA;AAET,GAQM,IAAA,CAAa,EACjB,UAAA,GACA,WAAA,IAAY,GAAA,MAQV,gBAAA,EAAC,MAAD;AAAA,EAAI,WANe,CACnB,cACA,CACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGN;AAAA,EACZ,UAAA;AACC,CAAA,GAUF,IAAA,CAAY,EAChB,UAAA,GACA,WAAA,IAAY,GAAA,MAQV,gBAAA,EAAC,OAAD;AAAA,EAAK,WANa,CAClB,aACA,CACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGL;AAAA,EACb,UAAA;AACE,CAAA,GAWH,IAAA,CAAe,EACnB,UAAA,GACA,WAAA,IAAY,IACZ,SAAA,IAAU,MAAA,MASR,gBAAA,EAAC,OAAD;AAAA,EAAK,WAPgB;AAAA,IACrB;AAAA,IACA,IAAU,WAAW,CAAA,KAAY;AAAA,IACjC;AAAA,EACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGL;AAAA,EACb,UAAA;AACE,CAAA,GAUH,IAAA,CAAc,EAClB,UAAA,GACA,WAAA,IAAY,GAAA,MAQV,gBAAA,EAAC,UAAD;AAAA,EAAQ,WANY,CACpB,UACA,CACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAGF;AAAA,EAChB,UAAA;AACK,CAAA,GAYN,IAAoB;AAC1B,EAAkB,QAAQ;AAC1B,EAAkB,OAAO;AACzB,EAAkB,UAAU;AAC5B,EAAkB,SAAS"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type CardProps = {\n  children: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  bordered?: boolean;\n  dash?: boolean;\n  side?: boolean;\n  imageFull?: boolean;\n  compact?: boolean;\n  hover?: boolean;\n  glass?: boolean; // 毛玻璃效果\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  className?: string;\n};\n\nconst Card = ({\n  children,\n  variant,\n  bordered = false,\n  dash = false,\n  side = false,\n  imageFull = false,\n  compact = false,\n  hover = true, // 默认启用 hover 效果\n  glass = true, // 默认启用毛玻璃效果\n  size = 'sm',\n  className = '',\n}: CardProps) => {\n  const baseClass = 'card';\n\n  // 默认样式：如果没有指定 variant，则应用毛玻璃效果和阴影\n  // 同时添加边界样式 (border + shadow)\n  const defaultStyles = glass && !variant ? 'glass shadow-lg' : '';\n\n  // 如果指定了 variant，使用该 variant 的背景色，并添加阴影\n  const variantClass = variant ? `bg-${variant} text-${variant}-content shadow-md` : '';\n\n  const borderedClass = bordered ? 'card-bordered' : '';\n  const dashClass = dash ? 'card-dash' : '';\n  const sideClass = side ? 'card-side' : '';\n  const imageFullClass = imageFull ? 'image-full' : '';\n  const compactClass = compact ? 'card-compact' : '';\n  const hoverClass = hover ? 'hover:shadow-xl transition-shadow duration-300' : '';\n  const sizeClass = size ? `card-${size}` : '';\n\n  // 宽度策略：\n  // 1. 如果用户指定了 w-/max-w-/min-w-，则完全使用用户的设置\n  // 2. 否则不设置固定宽度，让 Card 自然适应父容器（Grid 中自动填充，Flex 中根据内容）\n  const hasWidthClass = className.includes('w-') || className.match(/max-w-|min-w-/);\n  const widthClass = ''; // 不设置默认宽度，让布局决定\n\n  const cardClasses = cn(\n    baseClass,\n    widthClass,\n    defaultStyles,\n    variantClass,\n    borderedClass,\n    dashClass,\n    sideClass,\n    imageFullClass,\n    compactClass,\n    hoverClass,\n    sizeClass,\n    className\n  );\n\n  return (\n    <div className={cardClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Title 组件\nexport type CardTitleProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardTitle = ({\n  children,\n  className = '',\n}: CardTitleProps) => {\n  const titleClasses = cn('card-title', className);\n\n  return (\n    <h2 className={titleClasses}>\n      {children}\n    </h2>\n  );\n};\n\n// Card.Body 组件\nexport type CardBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst CardBody = ({\n  children,\n  className = '',\n}: CardBodyProps) => {\n  const bodyClasses = cn('card-body', className);\n\n  return (\n    <div className={bodyClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Actions 组件\nexport type CardActionsProps = {\n  children: React.ReactNode;\n  className?: string;\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n};\n\nconst CardActions = ({\n  children,\n  className = '',\n  justify = 'end',\n}: CardActionsProps) => {\n  const actionsClasses = cn(\n    'card-actions',\n    justify && `justify-${justify}`,\n    className\n  );\n\n  return (\n    <div className={actionsClasses}>\n      {children}\n    </div>\n  );\n};\n\n// Card.Figure 组件\nexport type CardFigureProps = {\n  children: React.ReactNode;\n  className?: string;\n  /**\n   * 图片填充方式（作用于内部 <img>）：\n   * - `cover`   等比裁切填满（默认，“撑满”）\n   * - `contain` 等比完整展示，可能留白\n   * - `fill`    拉伸填满（不保持比例）\n   */\n  fit?: 'cover' | 'contain' | 'fill';\n  /** 图片撑满整个 figure（w/h 100%）。card-side 时建议开启。 */\n  fill?: boolean;\n  /** 指定 figure 高度（数字按 px，支持 \"16rem\"/\"50%\" 等）；内部图片自动填满该高度 */\n  height?: number | string;\n};\n\nconst FIT_CLASS: Record<NonNullable<CardFigureProps['fit']>, string> = {\n  cover: '[&>img]:object-cover',\n  contain: '[&>img]:object-contain',\n  fill: '[&>img]:object-fill',\n};\n\nconst toCssSize = (value: number | string | undefined): string | undefined =>\n  typeof value === 'number' ? `${value}px` : value;\n\nconst CardFigure = ({\n  children,\n  className = '',\n  fit = 'cover',\n  fill = false,\n  height,\n}: CardFigureProps) => {\n  const figureClasses = cn(\n    'figure',\n    FIT_CLASS[fit],\n    // 撑满：figure 与内部 img 都占满可用空间\n    fill && 'w-full h-full [&>img]:h-full [&>img]:w-full',\n    // 指定高度：figure 定高，内部图片自动填满\n    height !== undefined && 'w-full [&>img]:h-full [&>img]:w-full',\n    className\n  );\n\n  return (\n    <figure className={figureClasses} style={height !== undefined ? { height: toCssSize(height) } : undefined}>\n      {children}\n    </figure>\n  );\n};\n\n// ─── 内部工具：复用基础 Card 的类名拼装逻辑 ──────────────────\n\ninterface CardClassOptions {\n    variant?: CardProps['variant'];\n    bordered?: boolean;\n    glass?: boolean;\n    className?: string;\n}\n\nconst buildCardClasses = ({ variant, bordered = false, glass = true, className = '' }: CardClassOptions) => {\n    const defaultStyles = glass && !variant ? 'glass shadow-lg' : '';\n    const variantClass = variant ? `bg-${variant} text-${variant}-content shadow-md` : '';\n    return cn('card', defaultStyles, variantClass, bordered && 'card-bordered', className);\n};\n\nconst ClockGlyph: React.FC<{ className?: string }> = ({ className }) => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className={cn('h-4 w-4', className)} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n        <circle cx=\"12\" cy=\"12\" r=\"9\" />\n        <path strokeLinecap=\"round\" d=\"M12 7v5l3 2\" />\n    </svg>\n);\n\n// ─── Card.Feature：特性卡（图标 + 标题 + 描述） ───────────────\n\nexport type CardFeatureProps = {\n    /** Icon node (usually a lucide / inline svg), rendered inside a tinted container. */\n    icon?: React.ReactNode;\n    /** Feature title. */\n    title: React.ReactNode;\n    /** Feature description rendered under the title. */\n    description?: React.ReactNode;\n    /** `vertical` centers everything with the icon on top; `horizontal` puts the icon at the left. */\n    layout?: 'vertical' | 'horizontal';\n    /** Icon container shape. Defaults to `circle` (vertical) / `square` (horizontal). */\n    iconShape?: 'circle' | 'square';\n    /** Extra content rendered under the description. */\n    children?: React.ReactNode;\n    /** Color variant (daisyUI). */\n    variant?: CardProps['variant'];\n    /** Show a border. */\n    bordered?: boolean;\n    /** Disable the default glass background. */\n    glass?: boolean;\n    /** Extra class names on the card. */\n    className?: string;\n    /** Click handler. */\n    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst CardFeature: React.FC<CardFeatureProps> = ({\n    icon,\n    title,\n    description,\n    layout = 'vertical',\n    iconShape,\n    children,\n    variant,\n    bordered,\n    glass = true,\n    className = '',\n    onClick,\n}) => {\n    const shape = iconShape ?? (layout === 'vertical' ? 'circle' : 'square');\n    const iconBox = icon && (\n        <span\n            className={cn(\n                'flex shrink-0 items-center justify-center bg-primary/10 text-primary',\n                layout === 'vertical' ? 'size-16' : 'size-12',\n                shape === 'circle' ? 'rounded-full' : 'rounded-xl',\n            )}\n        >\n            {icon}\n        </span>\n    );\n\n    return (\n        <div\n            className={buildCardClasses({ variant, bordered, glass, className })}\n            onClick={onClick}\n        >\n            {layout === 'horizontal' ? (\n                <div className=\"card-body flex-row items-center gap-4\">\n                    {iconBox}\n                    <div className=\"min-w-0 flex-1\">\n                        <h3 className=\"font-semibold text-base-content\">{title}</h3>\n                        {description && (\n                            <p className=\"mt-0.5 text-sm text-base-content/70\">{description}</p>\n                        )}\n                        {children}\n                    </div>\n                </div>\n            ) : (\n                <div className=\"card-body items-center gap-3 text-center\">\n                    {iconBox}\n                    <h3 className=\"text-lg font-bold text-base-content\">{title}</h3>\n                    {description && (\n                        <p className=\"text-sm leading-relaxed text-base-content/70\">{description}</p>\n                    )}\n                    {children}\n                </div>\n            )}\n        </div>\n    );\n};\n\n// ─── Card.Quote：引用卡（引用文本 + 作者 / 日期 + 装饰引号） ──\n\nexport type CardQuoteProps = {\n    /** The quoted text. */\n    children: React.ReactNode;\n    /** Author name (rendered in primary color). */\n    author?: React.ReactNode;\n    /** Avatar node (e.g. an `<img>` or initial circle) shown before the author. */\n    avatar?: React.ReactNode;\n    /** Date string/node rendered at the right side of the footer. */\n    date?: React.ReactNode;\n    /** Hide the decorative quote glyph in the top-right corner. */\n    quoteMark?: boolean;\n    /** Hide the divider between quote and footer. */\n    divider?: boolean;\n    /** Color variant (daisyUI). */\n    variant?: CardProps['variant'];\n    /** Show a border. */\n    bordered?: boolean;\n    /** Disable the default glass background. */\n    glass?: boolean;\n    /** Extra class names on the card. */\n    className?: string;\n    /** Click handler. */\n    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst CardQuote: React.FC<CardQuoteProps> = ({\n    children,\n    author,\n    avatar,\n    date,\n    quoteMark = true,\n    divider = true,\n    variant,\n    bordered,\n    glass = true,\n    className = '',\n    onClick,\n}) => (\n    <div\n        className={cn(\n            buildCardClasses({ variant, bordered, glass, className }),\n            'relative overflow-hidden',\n        )}\n        onClick={onClick}\n    >\n        {quoteMark && (\n            <span\n                aria-hidden=\"true\"\n                className=\"pointer-events-none absolute right-5 top-2 select-none font-serif text-6xl leading-none text-primary/25\"\n            >\n                ”\n            </span>\n        )}\n        <div className=\"card-body gap-0 p-6\">\n            <div className=\"relative z-10 text-lg text-base-content\">{children}</div>\n            <div\n                className={cn(\n                    'mt-4 flex items-center justify-between gap-3',\n                    divider && 'border-t border-base-300 pt-3.5',\n                )}\n            >\n                <div className=\"flex min-w-0 items-center gap-2.5\">\n                    {avatar && <span className=\"size-8 shrink-0 overflow-hidden rounded-full\">{avatar}</span>}\n                    {author && (\n                        <span className=\"truncate text-sm font-medium text-primary\">{author}</span>\n                    )}\n                </div>\n                {date && (\n                    <span className=\"flex shrink-0 items-center gap-1.5 text-sm text-base-content/55\">\n                        <ClockGlyph />\n                        {date}\n                    </span>\n                )}\n            </div>\n        </div>\n    </div>\n);\n\n// ─── Card.Meta：元信息卡（标题 + 徽章 + 描述 + 左右页脚） ────\n\nexport type CardMetaProps = {\n    /** Card title (top-left). */\n    title: React.ReactNode;\n    /** Badge / tag node (top-right, e.g. a visibility badge). */\n    badge?: React.ReactNode;\n    /** Body content under the title row. */\n    children?: React.ReactNode;\n    /** Footer left slot (e.g. `@author`). */\n    footerLeft?: React.ReactNode;\n    /** Footer right slot (e.g. a date). */\n    footerRight?: React.ReactNode;\n    /** Color variant (daisyUI). */\n    variant?: CardProps['variant'];\n    /** Show a border. */\n    bordered?: boolean;\n    /** Disable the default glass background. */\n    glass?: boolean;\n    /** Extra class names on the card. */\n    className?: string;\n    /** Click handler. */\n    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst CardMeta: React.FC<CardMetaProps> = ({\n    title,\n    badge,\n    children,\n    footerLeft,\n    footerRight,\n    variant,\n    bordered,\n    glass = true,\n    className = '',\n    onClick,\n}) => (\n    <div\n        className={buildCardClasses({ variant, bordered, glass, className })}\n        onClick={onClick}\n    >\n        <div className=\"card-body gap-2.5 p-6\">\n            <div className=\"flex items-center justify-between gap-3\">\n                <h3 className=\"min-w-0 flex-1 truncate text-lg font-bold text-base-content\">{title}</h3>\n                {badge && <span className=\"shrink-0\">{badge}</span>}\n            </div>\n            {children && <div className=\"text-sm text-base-content/75\">{children}</div>}\n            {(footerLeft || footerRight) && (\n                <div className=\"mt-1.5 flex items-center justify-between gap-3 text-sm text-base-content/55\">\n                    <span className=\"min-w-0 truncate\">{footerLeft}</span>\n                    <span className=\"shrink-0\">{footerRight}</span>\n                </div>\n            )}\n        </div>\n    </div>\n);\n\n// 扩展Card组件，添加子组件\ninterface CardCompound extends React.FC<CardProps> {\n    Title: React.FC<CardTitleProps>;\n    Body: React.FC<CardBodyProps>;\n    Actions: React.FC<CardActionsProps>;\n    Figure: React.FC<CardFigureProps>;\n    /** 特性卡：图标 + 标题 + 描述（垂直居中 / 横向两种布局） */\n    Feature: React.FC<CardFeatureProps>;\n    /** 引用卡：引用文本 + 作者头像 / 日期 + 装饰引号 */\n    Quote: React.FC<CardQuoteProps>;\n    /** 元信息卡：标题 + 徽章 + 描述 + 左右页脚 */\n    Meta: React.FC<CardMetaProps>;\n}\n\nconst CardWithCompounds = Card as CardCompound;\nCardWithCompounds.Title = CardTitle;\nCardWithCompounds.Body = CardBody;\nCardWithCompounds.Actions = CardActions;\nCardWithCompounds.Figure = CardFigure;\nCardWithCompounds.Feature = CardFeature;\nCardWithCompounds.Quote = CardQuote;\nCardWithCompounds.Meta = CardMeta;\n\nexport default CardWithCompounds; "],"mappings":"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"}

package/dist/components/Chart/Chart.js

@@ -1,29 +1,29 @@
-import n from "react";
+import e from "react";
 import { jsx as t } from "react/jsx-runtime";
-import { Chart as m } from "@tanstack/react-charts/tooltip";
-var v = n.forwardRef(function({ height: e = 360, className: a = "", style: o, empty: l = !1, emptyContent: i = "No chart data", definition: s, ...r }, d) {
-  const f = typeof e == "number" ? Math.max(1, e - 26) : void 0;
-  return /* @__PURE__ */ t("div", {
-    ref: d,
-    className: `relative w-full overflow-hidden rounded-xl border border-base-300 bg-base-100 p-3 ${a}`,
-    style: {
-      height: e,
-      ...o
-    },
-    ...r,
-    children: l ? /* @__PURE__ */ t("div", {
-      className: "flex h-full items-center justify-center p-6 text-sm text-base-content/50",
-      children: i
-    }) : /* @__PURE__ */ t(m, {
-      definition: s,
-      ariaLabel: r["aria-label"] || "Chart",
-      height: f,
-      style: typeof e == "string" ? { height: "100%" } : void 0
-    })
-  });
+import { Chart as n } from "@tanstack/react-charts/tooltip";
+//#region src/components/Chart/Chart.tsx
+var r = e.forwardRef(function({ height: e = 360, className: r = "", style: i, empty: a = !1, emptyContent: o = "No chart data", definition: s, ...c }, l) {
+	let u = typeof e == "number" ? Math.max(1, e - 26) : void 0;
+	return /* @__PURE__ */ t("div", {
+		ref: l,
+		className: `relative w-full overflow-hidden rounded-xl border border-base-300 bg-base-100 p-3 ${r}`,
+		style: {
+			height: e,
+			...i
+		},
+		...c,
+		children: a ? /* @__PURE__ */ t("div", {
+			className: "flex h-full items-center justify-center p-6 text-sm text-base-content/50",
+			children: o
+		}) : /* @__PURE__ */ t(n, {
+			definition: s,
+			ariaLabel: c["aria-label"] || "Chart",
+			height: u,
+			style: typeof e == "string" ? { height: "100%" } : void 0
+		})
+	});
 });
-export {
-  v as default
-};
+//#endregion
+export { r as default };
 
 //# sourceMappingURL=Chart.js.map

package/dist/components/Chart/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":[],"sources":["../../../src/components/Chart/Chart.tsx"],"sourcesContent":["import React from 'react';\nimport { Chart as TanStackChart } from '@tanstack/react-charts/tooltip';\nimport type { DomChartDefinition } from '@tanstack/charts';\n\nexport interface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** TanStack Charts declarative chart definition. */\n  definition: DomChartDefinition<any, any, any>;\n\n  /** Wrapper height. TanStack Charts fills the available space. */\n  height?: number | string;\n  /** Additional wrapper class name. */\n  className?: string;\n  /** Additional wrapper style. */\n  style?: React.CSSProperties;\n  /** Optional empty state controlled by the caller. */\n  empty?: boolean;\n  emptyContent?: React.ReactNode;\n}\n\nconst Chart = React.forwardRef<HTMLDivElement, ChartProps>(function Chart({\n  height = 360,\n  className = '',\n  style,\n  empty = false,\n  emptyContent = 'No chart data',\n  definition,\n  ...wrapperProps\n}, ref) {\n  const numericChartHeight = typeof height === 'number' ? Math.max(1, height - 26) : undefined;\n\n  return (\n    <div\n      ref={ref}\n      className={`relative w-full overflow-hidden rounded-xl border border-base-300 bg-base-100 p-3 ${className}`}\n      style={{ height, ...style }}\n      {...wrapperProps}\n    >\n      {empty ? (\n        <div className=\"flex h-full items-center justify-center p-6 text-sm text-base-content/50\">\n          {emptyContent}\n        </div>\n      ) : (\n        <TanStackChart\n          definition={definition}\n          ariaLabel={wrapperProps['aria-label'] || 'Chart'}\n          height={numericChartHeight}\n          style={typeof height === 'string' ? { height: '100%' } : undefined}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default Chart;\n"],"mappings":";;;AAmBA,IAAM,IAAQ,EAAM,WAAuC,SAAe,EACxE,QAAA,IAAS,KACT,WAAA,IAAY,IACZ,OAAA,GACA,OAAA,IAAQ,IACR,cAAA,IAAe,iBACf,YAAA,GACA,GAAG,EAAA,GACF,GAAK;AACN,QAAM,IAAqB,OAAO,KAAW,WAAW,KAAK,IAAI,GAAG,IAAS,EAAE,IAAI;AAEnF,SACE,gBAAA,EAAC,OAAD;AAAA,IACO,KAAA;AAAA,IACL,WAAW,qFAAqF,CAAA;AAAA,IAChG,OAAO;AAAA,MAAE,QAAA;AAAA,MAAQ,GAAG;AAAA,IAAM;AAAA,IAC1B,GAAI;AAAA,cAEH,IACC,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBACZ;AAAA,IACE,CAAA,IAEL,gBAAA,EAAC,GAAD;AAAA,MACc,YAAA;AAAA,MACZ,WAAW,EAAa,YAAA,KAAiB;AAAA,MACzC,QAAQ;AAAA,MACR,OAAO,OAAO,KAAW,WAAW,EAAE,QAAQ,OAAO,IAAI;AAAA,IAC1D,CAAA;AAAA,EAEA,CAAA;AAET,CAAC"}
+{"version":3,"file":"Chart.js","names":[],"sources":["../../../src/components/Chart/Chart.tsx"],"sourcesContent":["import React from 'react';\nimport { Chart as TanStackChart } from '@tanstack/react-charts/tooltip';\nimport type { DomChartDefinition } from '@tanstack/charts';\n\nexport interface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** TanStack Charts declarative chart definition. */\n  definition: DomChartDefinition<any, any, any>;\n\n  /** Wrapper height. TanStack Charts fills the available space. */\n  height?: number | string;\n  /** Additional wrapper class name. */\n  className?: string;\n  /** Additional wrapper style. */\n  style?: React.CSSProperties;\n  /** Optional empty state controlled by the caller. */\n  empty?: boolean;\n  emptyContent?: React.ReactNode;\n}\n\nconst Chart = React.forwardRef<HTMLDivElement, ChartProps>(function Chart({\n  height = 360,\n  className = '',\n  style,\n  empty = false,\n  emptyContent = 'No chart data',\n  definition,\n  ...wrapperProps\n}, ref) {\n  const numericChartHeight = typeof height === 'number' ? Math.max(1, height - 26) : undefined;\n\n  return (\n    <div\n      ref={ref}\n      className={`relative w-full overflow-hidden rounded-xl border border-base-300 bg-base-100 p-3 ${className}`}\n      style={{ height, ...style }}\n      {...wrapperProps}\n    >\n      {empty ? (\n        <div className=\"flex h-full items-center justify-center p-6 text-sm text-base-content/50\">\n          {emptyContent}\n        </div>\n      ) : (\n        <TanStackChart\n          definition={definition}\n          ariaLabel={wrapperProps['aria-label'] || 'Chart'}\n          height={numericChartHeight}\n          style={typeof height === 'string' ? { height: '100%' } : undefined}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default Chart;\n"],"mappings":";;;;AAmBA,IAAM,IAAQ,EAAM,WAAuC,SAAe,EACxE,YAAS,KACT,eAAY,IACZ,UACA,WAAQ,IACR,kBAAe,iBACf,eACA,GAAG,KACF,GAAK;CACN,IAAM,IAAqB,OAAO,KAAW,WAAW,KAAK,IAAI,GAAG,IAAS,EAAE,IAAI,KAAA;CAEnF,OACE,kBAAC,OAAD;EACO;EACL,WAAW,qFAAqF;EAChG,OAAO;GAAE;GAAQ,GAAG;EAAM;EAC1B,GAAI;EAEH,UAAA,IACC,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,IAEL,kBAAC,GAAD;GACc;GACZ,WAAW,EAAa,iBAAiB;GACzC,QAAQ;GACR,OAAO,OAAO,KAAW,WAAW,EAAE,QAAQ,OAAO,IAAI,KAAA;EAC1D,CAAA;CAEA,CAAA;AAET,CAAC"}

package/dist/components/Checkbox/index.js

@@ -1,66 +1,60 @@
-import { useCallback as g, useEffect as y, useRef as v } from "react";
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-var S = {
-  default: "",
-  primary: "checkbox-primary",
-  secondary: "checkbox-secondary",
-  accent: "checkbox-accent",
-  info: "checkbox-info",
-  success: "checkbox-success",
-  warning: "checkbox-warning",
-  error: "checkbox-error"
-}, j = {
-  xs: "checkbox-xs",
-  sm: "checkbox-sm",
-  md: "checkbox-md",
-  lg: "checkbox-lg"
-}, N = ({ checked: l, defaultChecked: x, onChange: t, label: e, labelPosition: a = "right", variant: f = "default", size: u = "sm", disabled: s = !1, indeterminate: c = !1, name: k, value: d, className: r = "", style: m, id: p }) => {
-  const o = v(null);
-  y(() => {
-    o.current && (o.current.indeterminate = c);
-  }, [c]);
-  const b = g((h) => {
-    t?.(h.target.checked, h);
-  }, [t]), i = /* @__PURE__ */ n("input", {
-    ref: o,
-    id: p,
-    type: "checkbox",
-    className: [
-      "checkbox",
-      S[f],
-      j[u],
-      r && !e ? r : ""
-    ].filter(Boolean).join(" "),
-    checked: l,
-    defaultChecked: x,
-    onChange: b,
-    disabled: s,
-    name: k,
-    value: d,
-    "aria-checked": c ? "mixed" : void 0
-  });
-  return e == null || e === "" ? i : /* @__PURE__ */ C("label", {
-    className: [
-      "label cursor-pointer inline-flex items-center gap-2 w-fit",
-      s ? "opacity-50 cursor-not-allowed" : "",
-      r
-    ].filter(Boolean).join(" "),
-    style: m,
-    children: [
-      a === "left" && /* @__PURE__ */ n("span", {
-        className: "label-text",
-        children: e
-      }),
-      i,
-      a === "right" && /* @__PURE__ */ n("span", {
-        className: "label-text",
-        children: e
-      })
-    ]
-  });
-};
-export {
-  N as default
+import { cn as e } from "../../utils/cn.js";
+import { useCallback as t, useEffect as n, useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Checkbox/index.tsx
+var o = {
+	default: "",
+	primary: "checkbox-primary",
+	secondary: "checkbox-secondary",
+	accent: "checkbox-accent",
+	info: "checkbox-info",
+	success: "checkbox-success",
+	warning: "checkbox-warning",
+	error: "checkbox-error"
+}, s = {
+	xs: "checkbox-xs",
+	sm: "checkbox-sm",
+	md: "checkbox-md",
+	lg: "checkbox-lg"
+}, c = ({ checked: c, defaultChecked: l, onChange: u, label: d, labelPosition: f = "right", variant: p = "default", size: m = "sm", disabled: h = !1, indeterminate: g = !1, name: _, value: v, className: y = "", style: b, id: x }) => {
+	let S = r(null);
+	n(() => {
+		S.current && (S.current.indeterminate = g);
+	}, [g]);
+	let C = t((e) => {
+		u?.(e.target.checked, e);
+	}, [u]), w = e("checkbox", o[p], s[m], y && !d ? y : ""), T = /* @__PURE__ */ i("input", {
+		ref: S,
+		id: x,
+		type: "checkbox",
+		className: w,
+		checked: c,
+		defaultChecked: l,
+		onChange: C,
+		disabled: h,
+		name: _,
+		value: v,
+		"aria-checked": g ? "mixed" : void 0
+	});
+	if (d == null || d === "") return T;
+	let E = e("label cursor-pointer inline-flex items-center gap-2 w-fit", h && "opacity-50 cursor-not-allowed", y);
+	return /* @__PURE__ */ a("label", {
+		className: E,
+		style: b,
+		children: [
+			f === "left" && /* @__PURE__ */ i("span", {
+				className: "label-text",
+				children: d
+			}),
+			T,
+			f === "right" && /* @__PURE__ */ i("span", {
+				className: "label-text",
+				children: d
+			})
+		]
+	});
 };
+//#endregion
+export { c as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\n\nexport type CheckboxProps = {\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Uncontrolled initial checked state. */\n  defaultChecked?: boolean;\n  /** Change handler; receives the new checked value. */\n  onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Optional label rendered next to the box. */\n  label?: React.ReactNode;\n  /** Label position relative to the box. */\n  labelPosition?: 'right' | 'left';\n  /** Color variant (daisyUI). */\n  variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  /** Size. */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Indeterminate (partial) state; overrides the visual check mark. */\n  indeterminate?: boolean;\n  /** Native name attribute (useful in forms). */\n  name?: string;\n  /** Native value attribute. */\n  value?: string;\n  /** Extra class names applied to the wrapping label element. */\n  className?: string;\n  /** Inline styles applied to the wrapping label element. */\n  style?: React.CSSProperties;\n  /** id forwarded to the input. */\n  id?: string;\n};\n\nconst VARIANT_CLASS: Record<NonNullable<CheckboxProps['variant']>, string> = {\n  default: '',\n  primary: 'checkbox-primary',\n  secondary: 'checkbox-secondary',\n  accent: 'checkbox-accent',\n  info: 'checkbox-info',\n  success: 'checkbox-success',\n  warning: 'checkbox-warning',\n  error: 'checkbox-error',\n};\n\nconst SIZE_CLASS: Record<NonNullable<CheckboxProps['size']>, string> = {\n  xs: 'checkbox-xs',\n  sm: 'checkbox-sm',\n  md: 'checkbox-md',\n  lg: 'checkbox-lg',\n};\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  label,\n  labelPosition = 'right',\n  variant = 'default',\n  size = 'sm',\n  disabled = false,\n  indeterminate = false,\n  name,\n  value,\n  className = '',\n  style,\n  id,\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // The `indeterminate` visual state can only be set imperatively on the DOM node.\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e.target.checked, e);\n    },\n    [onChange],\n  );\n\n  const inputClasses = [\n    'checkbox',\n    VARIANT_CLASS[variant],\n    SIZE_CLASS[size],\n    // If there is no label, allow className to style the input directly.\n    className && !label ? className : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const input = (\n    <input\n      ref={inputRef}\n      id={id}\n      type=\"checkbox\"\n      className={inputClasses}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onChange={handleChange}\n      disabled={disabled}\n      name={name}\n      value={value}\n      aria-checked={indeterminate ? 'mixed' : undefined}\n    />\n  );\n\n  // No label → return the bare input.\n  if (label === undefined || label === null || label === '') {\n    return input;\n  }\n\n  const labelClasses = [\n    'label cursor-pointer inline-flex items-center gap-2 w-fit',\n    disabled ? 'opacity-50 cursor-not-allowed' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <label className={labelClasses} style={style}>\n      {labelPosition === 'left' && <span className=\"label-text\">{label}</span>}\n      {input}\n      {labelPosition === 'right' && <span className=\"label-text\">{label}</span>}\n    </label>\n  );\n};\n\nexport default Checkbox;\n"],"mappings":";;AAiCA,IAAM,IAAuE;AAAA,EAC3E,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAEM,IAAiE;AAAA,EACrE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEM,IAAA,CAAqC,EACzC,SAAA,GACA,gBAAA,GACA,UAAA,GACA,OAAA,GACA,eAAA,IAAgB,SAChB,SAAA,IAAU,WACV,MAAA,IAAO,MACP,UAAA,IAAW,IACX,eAAA,IAAgB,IAChB,MAAA,GACA,OAAA,GACA,WAAA,IAAY,IACZ,OAAA,GACA,IAAA,EAAA,MACI;AACJ,QAAM,IAAW,EAAyB,IAAI;AAG9C,EAAA,EAAA,MAAgB;AACd,IAAI,EAAS,YACX,EAAS,QAAQ,gBAAgB;AAAA,EAErC,GAAG,CAAC,CAAa,CAAC;AAElB,QAAM,IAAe,EAAA,CAClB,MAA2C;AAC1C,IAAA,IAAW,EAAE,OAAO,SAAS,CAAC;AAAA,EAChC,GACA,CAAC,CAAQ,CACX,GAYM,IACJ,gBAAA,EAAC,SAAD;AAAA,IACE,KAAK;AAAA,IACD,IAAA;AAAA,IACJ,MAAK;AAAA,IACL,WAfiB;AAAA,MACnB;AAAA,MACA,EAAc,CAAA;AAAA,MACd,EAAW,CAAA;AAAA,MAEX,KAAa,CAAC,IAAQ,IAAY;AAAA,IACpC,EACG,OAAO,OAAO,EACd,KAAK,GAOO;AAAA,IACF,SAAA;AAAA,IACO,gBAAA;AAAA,IAChB,UAAU;AAAA,IACA,UAAA;AAAA,IACJ,MAAA;AAAA,IACC,OAAA;AAAA,IACP,gBAAc,IAAgB,UAAU;AAAA,EACzC,CAAA;AAIH,SAA2B,KAAU,QAAQ,MAAU,KAC9C,IAYP,gBAAA,EAAC,SAAD;AAAA,IAAO,WATY;AAAA,MACnB;AAAA,MACA,IAAW,kCAAkC;AAAA,MAC7C;AAAA,IACF,EACG,OAAO,OAAO,EACd,KAAK,GAGY;AAAA,IAAqB,OAAA;AAAA,cAAvC;AAAA,MACG,MAAkB,UAAU,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,kBAAc;AAAA,MAAY,CAAA;AAAA,MACtE;AAAA,MACA,MAAkB,WAAW,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,kBAAc;AAAA,MAAY,CAAA;AAAA,IACnE;AAAA;AAEX"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type CheckboxProps = {\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Uncontrolled initial checked state. */\n  defaultChecked?: boolean;\n  /** Change handler; receives the new checked value. */\n  onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Optional label rendered next to the box. */\n  label?: React.ReactNode;\n  /** Label position relative to the box. */\n  labelPosition?: 'right' | 'left';\n  /** Color variant (daisyUI). */\n  variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  /** Size. */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Indeterminate (partial) state; overrides the visual check mark. */\n  indeterminate?: boolean;\n  /** Native name attribute (useful in forms). */\n  name?: string;\n  /** Native value attribute. */\n  value?: string;\n  /** Extra class names applied to the wrapping label element. */\n  className?: string;\n  /** Inline styles applied to the wrapping label element. */\n  style?: React.CSSProperties;\n  /** id forwarded to the input. */\n  id?: string;\n};\n\nconst VARIANT_CLASS: Record<NonNullable<CheckboxProps['variant']>, string> = {\n  default: '',\n  primary: 'checkbox-primary',\n  secondary: 'checkbox-secondary',\n  accent: 'checkbox-accent',\n  info: 'checkbox-info',\n  success: 'checkbox-success',\n  warning: 'checkbox-warning',\n  error: 'checkbox-error',\n};\n\nconst SIZE_CLASS: Record<NonNullable<CheckboxProps['size']>, string> = {\n  xs: 'checkbox-xs',\n  sm: 'checkbox-sm',\n  md: 'checkbox-md',\n  lg: 'checkbox-lg',\n};\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  label,\n  labelPosition = 'right',\n  variant = 'default',\n  size = 'sm',\n  disabled = false,\n  indeterminate = false,\n  name,\n  value,\n  className = '',\n  style,\n  id,\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // The `indeterminate` visual state can only be set imperatively on the DOM node.\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e.target.checked, e);\n    },\n    [onChange],\n  );\n\n  const inputClasses = cn(\n    'checkbox',\n    VARIANT_CLASS[variant],\n    SIZE_CLASS[size],\n    // If there is no label, allow className to style the input directly.\n    className && !label ? className : '',\n  );\n\n  const input = (\n    <input\n      ref={inputRef}\n      id={id}\n      type=\"checkbox\"\n      className={inputClasses}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onChange={handleChange}\n      disabled={disabled}\n      name={name}\n      value={value}\n      aria-checked={indeterminate ? 'mixed' : undefined}\n    />\n  );\n\n  // No label → return the bare input.\n  if (label === undefined || label === null || label === '') {\n    return input;\n  }\n\n  const labelClasses = cn(\n    'label cursor-pointer inline-flex items-center gap-2 w-fit',\n    disabled && 'opacity-50 cursor-not-allowed',\n    className,\n  );\n\n  return (\n    <label className={labelClasses} style={style}>\n      {labelPosition === 'left' && <span className=\"label-text\">{label}</span>}\n      {input}\n      {labelPosition === 'right' && <span className=\"label-text\">{label}</span>}\n    </label>\n  );\n};\n\nexport default Checkbox;\n"],"mappings":";;;;AAkCA,IAAM,IAAuE;CAC3E,SAAS;CACT,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAEM,IAAiE;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,KAAqC,EACzC,YACA,mBACA,aACA,UACA,mBAAgB,SAChB,aAAU,WACV,UAAO,MACP,cAAW,IACX,mBAAgB,IAChB,SACA,UACA,eAAY,IACZ,UACA,YACI;CACJ,IAAM,IAAW,EAAyB,IAAI;CAG9C,QAAgB;EACd,AAAI,EAAS,YACX,EAAS,QAAQ,gBAAgB;CAErC,GAAG,CAAC,CAAa,CAAC;CAElB,IAAM,IAAe,GAClB,MAA2C;EAC1C,IAAW,EAAE,OAAO,SAAS,CAAC;CAChC,GACA,CAAC,CAAQ,CACX,GAEM,IAAe,EACnB,YACA,EAAc,IACd,EAAW,IAEX,KAAa,CAAC,IAAQ,IAAY,EACpC,GAEM,IACJ,kBAAC,SAAD;EACE,KAAK;EACD;EACJ,MAAK;EACL,WAAW;EACF;EACO;EAChB,UAAU;EACA;EACJ;EACC;EACP,gBAAc,IAAgB,UAAU,KAAA;CACzC,CAAA;CAIH,IAAI,KAAiC,QAAQ,MAAU,IACrD,OAAO;CAGT,IAAM,IAAe,EACnB,6DACA,KAAY,iCACZ,CACF;CAEA,OACE,kBAAC,SAAD;EAAO,WAAW;EAAqB;EAAvC,UAAA;GACG,MAAkB,UAAU,kBAAC,QAAD;IAAM,WAAU;IAAc,UAAA;GAAY,CAAA;GACtE;GACA,MAAkB,WAAW,kBAAC,QAAD;IAAM,WAAU;IAAc,UAAA;GAAY,CAAA;EACnE;;AAEX"}

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

@@ -0,0 +1,44 @@
+import React from 'react';
+export type ChoicePickerOption = {
+    /** Value submitted for this option. */
+    value: string | number;
+    /** Display label. */
+    label: React.ReactNode;
+    /** Disable this option only. */
+    disabled?: boolean;
+};
+export type ChoicePickerVariant = 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type ChoicePickerProps = {
+    /** Available options. */
+    options: ChoicePickerOption[];
+    /** Controlled selected value. */
+    value?: string | number;
+    /** Uncontrolled initial value. */
+    defaultValue?: string | number;
+    /** Change handler with the selected value. */
+    onChange?: (value: string | number) => void;
+    /** `list` renders radio rows; `chip` renders a button group. */
+    appearance?: 'list' | 'chip';
+    /** Layout of list rows or chip wrapping. */
+    orientation?: 'vertical' | 'horizontal';
+    /** Color variant. */
+    variant?: ChoicePickerVariant;
+    /** Size (daisyUI). */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Disable the whole group. */
+    disabled?: boolean;
+    /** Optional group label rendered above the options. */
+    label?: React.ReactNode;
+    /** Native name attribute for the radios. */
+    name?: string;
+    /** Extra class names on the wrapper. */
+    className?: string;
+    /** Inline styles on the wrapper. */
+    style?: React.CSSProperties;
+};
+/**
+ * ChoicePicker —— A2UI 交互组件（v0.9）：单选项组。
+ * `list` 外观为 radio 行（daisyUI radio），`chip` 外观为按钮组（daisyUI btn）。
+ */
+declare const ChoicePicker: React.FC<ChoicePickerProps>;
+export default ChoicePicker;