dishui 0.0.79 → 0.0.80

package/dist/components/Input/index.js

@@ -1,34 +1,44 @@
-import { useRef as e, useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+/* empty css      */
+import { useId as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/Input/index.tsx
-var i = ({ placeholder: i, value: a, onChange: o, type: s = "text", variant: c, size: l = "sm", disabled: u = !1, required: d = !1, label: f, labelPosition: p = "inline", leftSection: m, rightSection: h, pattern: g, className: _ = "", validator: v = !1, validatorHint: y, validationRules: b = [] }) => {
-	let [x, S] = t(!1), [C, w] = t(""), [T, E] = t(null), [D, O] = t(!1), [k, A] = t([]), j = e(null), M = s === "password" && x ? "text" : s, N = (e) => {
+var a = ({ placeholder: a, value: o, onChange: s, type: c = "text", variant: l, size: u = "sm", disabled: d = !1, required: f = !1, label: p, labelPosition: m = "inline", leftSection: h, rightSection: g, pattern: _, className: v = "", validator: y = !1, validatorHint: b, validationRules: x = [], id: S, readOnly: C, ...w }) => {
+	let T = e(), E = S || T, [D, O] = n(!1), [k, A] = n(""), [j, M] = n(null), [N, P] = n(!1), [F, I] = n([]), L = t(null), R = c === "password" && D ? "text" : c, z = (e) => {
 		let t = e.target.value;
-		if (s === "password" && t.length > (a || "").length) {
-			let e = t.slice((a || "").length);
-			w(e), setTimeout(() => {
-				w("");
+		if (c === "password" && t.length > (o || "").length) {
+			let e = t.slice((o || "").length);
+			A(e), setTimeout(() => {
+				A("");
 			}, 1e3);
 		}
-		v && j.current && P(t), o && o(e);
-	}, P = (e) => {
-		if (!j.current) return;
-		let t = j.current.checkValidity(), n = [];
-		b.length > 0 && b.forEach((t) => {
+		y && L.current && B(t), s && s(e);
+	}, B = (e) => {
+		if (!L.current) return;
+		let t = L.current.checkValidity(), n = [];
+		x.length > 0 && x.forEach((t) => {
 			t.pattern.test(e) || n.push(t.message);
-		}), A(n), E(t && n.length === 0);
-	}, F = () => {
-		S(!x);
-	}, I = () => {
-		v && !T && O(!0);
-	}, L = () => {
-		O(!1);
-	}, R = "";
-	v && T !== null && (R = T ? "input-success" : "input-error");
-	let z = "input", B = c && !R ? `input-${c}` : "", V = l ? `input-${l}` : "", H = v ? "validator" : "", U = s === "password" && /* @__PURE__ */ n("span", {
+		}), I(n), M(t && n.length === 0);
+	}, V = () => {
+		O(!D);
+	}, H = () => {
+		y && !j && P(!0);
+	}, U = () => {
+		P(!1);
+	}, W = "";
+	y && j !== null && (W = j ? "input-success" : "input-error");
+	let G = {
+		...w,
+		id: E,
+		readOnly: C,
+		"aria-invalid": w["aria-invalid"] ?? (y && j === !1 ? !0 : void 0)
+	}, K = "input dishui-input", q = l && !W ? `input-${l}` : "", J = u ? `input-${u}` : "", Y = y ? "validator" : "", X = c === "password" && /* @__PURE__ */ r("button", {
+		type: "button",
+		disabled: d,
+		"aria-label": D ? "Hide password" : "Show password",
+		"aria-pressed": D,
 		className: "cursor-pointer opacity-70 hover:opacity-100",
-		onClick: F,
-		children: x ? /* @__PURE__ */ r("svg", {
+		onClick: V,
+		children: D ? /* @__PURE__ */ i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			className: "h-5 w-5",
 			viewBox: "0 0 24 24",
@@ -36,62 +46,68 @@ var i = ({ placeholder: i, value: a, onChange: o, type: s = "text", variant: c,
 			stroke: "currentColor",
 			strokeWidth: "2",
 			children: [
-				/* @__PURE__ */ n("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
-				/* @__PURE__ */ n("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
-				/* @__PURE__ */ n("path", { d: "M1 1l22 22" }),
-				/* @__PURE__ */ n("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" })
+				/* @__PURE__ */ r("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+				/* @__PURE__ */ r("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
+				/* @__PURE__ */ r("path", { d: "M1 1l22 22" }),
+				/* @__PURE__ */ r("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" })
 			]
-		}) : /* @__PURE__ */ r("svg", {
+		}) : /* @__PURE__ */ i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			className: "h-5 w-5",
 			viewBox: "0 0 24 24",
 			fill: "none",
 			stroke: "currentColor",
 			strokeWidth: "2",
-			children: [/* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ n("circle", {
+			children: [/* @__PURE__ */ r("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ r("circle", {
 				cx: "12",
 				cy: "12",
 				r: "3"
 			})]
 		})
-	}), W = /* @__PURE__ */ n("div", {
+	}), Z = /* @__PURE__ */ r("div", {
 		className: "validation-tooltip",
-		children: k.length > 0 ? /* @__PURE__ */ n("ul", {
+		children: F.length > 0 ? /* @__PURE__ */ r("ul", {
 			className: "text-xs list-disc pl-4 py-1",
-			children: k.map((e, t) => /* @__PURE__ */ n("li", { children: e }, t))
-		}) : y ? /* @__PURE__ */ n("p", {
+			children: F.map((e, t) => /* @__PURE__ */ r("li", { children: e }, t))
+		}) : b ? /* @__PURE__ */ r("p", {
 			className: "text-xs py-1",
-			children: y
+			children: b
 		}) : null
 	});
-	return f || m || h || s === "password" ? f && p === "top" ? /* @__PURE__ */ r("div", {
-		className: `relative w-full ${_}`,
-		onMouseEnter: I,
-		onMouseLeave: L,
+	return p || h || g || c === "password" ? p && m === "top" ? /* @__PURE__ */ i("div", {
+		className: `relative w-full ${v}`,
+		onMouseEnter: H,
+		onMouseLeave: U,
 		children: [
-			/* @__PURE__ */ n("span", {
+			/* @__PURE__ */ r("label", {
+				htmlFor: E,
 				className: "text-sm font-medium mb-1 block",
-				children: f
+				children: p
 			}),
-			/* @__PURE__ */ r("label", {
-				className: `${z} ${B} ${V} ${H} ${R} w-full flex items-center gap-2`,
+			/* @__PURE__ */ i("label", {
+				className: `${K} ${q} ${J} ${Y} ${W} w-full flex items-center gap-2`,
 				children: [
-					m && /* @__PURE__ */ n("span", { children: m }),
-					/* @__PURE__ */ n("input", {
-						ref: j,
-						type: M,
-						placeholder: i,
-						value: a,
-						onChange: N,
-						disabled: u,
-						required: d,
+					h && /* @__PURE__ */ r("span", { children: h }),
+					/* @__PURE__ */ r("input", {
+						...G,
+						ref: L,
+						type: R,
+						placeholder: a,
+						value: o,
+						onChange: z,
+						disabled: d,
+						required: f,
 						className: "grow",
-						pattern: g
+						pattern: _
 					}),
-					s === "password" ? /* @__PURE__ */ n("span", {
+					c === "password" ? /* @__PURE__ */ r("button", {
+						type: "button",
+						disabled: d,
+						"aria-label": D ? "Hide password" : "Show password",
+						"aria-pressed": D,
 						className: "cursor-pointer opacity-70 hover:opacity-100",
-						onClick: F,
-						children: x ? /* @__PURE__ */ r("svg", {
+						onClick: V,
+						children: D ? /* @__PURE__ */ i("svg", {
 							xmlns: "http://www.w3.org/2000/svg",
 							className: "h-5 w-5",
 							viewBox: "0 0 24 24",
@@ -99,101 +115,103 @@ var i = ({ placeholder: i, value: a, onChange: o, type: s = "text", variant: c,
 							stroke: "currentColor",
 							strokeWidth: "2",
 							children: [
-								/* @__PURE__ */ n("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
-								/* @__PURE__ */ n("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
-								/* @__PURE__ */ n("path", { d: "M1 1l22 22" }),
-								/* @__PURE__ */ n("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" })
+								/* @__PURE__ */ r("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+								/* @__PURE__ */ r("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
+								/* @__PURE__ */ r("path", { d: "M1 1l22 22" }),
+								/* @__PURE__ */ r("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" })
 							]
-						}) : /* @__PURE__ */ r("svg", {
+						}) : /* @__PURE__ */ i("svg", {
 							xmlns: "http://www.w3.org/2000/svg",
 							className: "h-5 w-5",
 							viewBox: "0 0 24 24",
 							fill: "none",
 							stroke: "currentColor",
 							strokeWidth: "2",
-							children: [/* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ n("circle", {
+							children: [/* @__PURE__ */ r("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ r("circle", {
 								cx: "12",
 								cy: "12",
 								r: "3"
 							})]
 						})
-					}) : h ? /* @__PURE__ */ n("span", { children: h }) : null
+					}) : g ? /* @__PURE__ */ r("span", { children: g }) : null
 				]
 			}),
-			v && y && !D && /* @__PURE__ */ n("p", {
+			y && b && !N && /* @__PURE__ */ r("p", {
 				className: "validator-hint text-xs mt-1 opacity-70",
-				children: y
+				children: b
 			}),
-			D && v && !T && /* @__PURE__ */ n("div", {
+			N && y && !j && /* @__PURE__ */ r("div", {
 				className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1",
-				children: W
+				children: Z
 			})
 		]
-	}) : /* @__PURE__ */ r("div", {
-		className: `relative w-full ${_}`,
-		onMouseEnter: I,
-		onMouseLeave: L,
+	}) : /* @__PURE__ */ i("div", {
+		className: `relative w-full ${v}`,
+		onMouseEnter: H,
+		onMouseLeave: U,
 		children: [
-			/* @__PURE__ */ r("label", {
-				className: `${z} ${B} ${V} ${H} ${R} w-full flex items-center gap-2`,
+			/* @__PURE__ */ i("label", {
+				className: `${K} ${q} ${J} ${Y} ${W} w-full flex items-center gap-2`,
 				children: [
-					m && /* @__PURE__ */ n("span", { children: m }),
-					f && /* @__PURE__ */ n("span", { children: f }),
-					/* @__PURE__ */ n("input", {
-						ref: j,
-						type: M,
-						placeholder: i,
-						value: a,
-						onChange: N,
-						disabled: u,
-						required: d,
+					h && /* @__PURE__ */ r("span", { children: h }),
+					p && /* @__PURE__ */ r("span", { children: p }),
+					/* @__PURE__ */ r("input", {
+						...G,
+						ref: L,
+						type: R,
+						placeholder: a,
+						value: o,
+						onChange: z,
+						disabled: d,
+						required: f,
 						className: "grow",
-						pattern: g
+						pattern: _
 					}),
-					s === "password" && C && /* @__PURE__ */ n("span", {
+					c === "password" && k && /* @__PURE__ */ r("span", {
 						className: "password-recent absolute right-10 font-mono",
-						children: C
+						children: k
 					}),
-					s === "password" ? /* @__PURE__ */ n("span", { children: U }) : h ? /* @__PURE__ */ n("span", { children: h }) : null
+					c === "password" ? /* @__PURE__ */ r("span", { children: X }) : g ? /* @__PURE__ */ r("span", { children: g }) : null
 				]
 			}),
-			v && y && !D && /* @__PURE__ */ n("p", {
+			y && b && !N && /* @__PURE__ */ r("p", {
 				className: "validator-hint text-xs mt-1 opacity-70",
-				children: y
+				children: b
 			}),
-			D && v && !T && /* @__PURE__ */ n("div", {
+			N && y && !j && /* @__PURE__ */ r("div", {
 				className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1",
-				children: W
+				children: Z
 			})
 		]
-	}) : /* @__PURE__ */ r("div", {
-		className: `relative w-full ${_}`,
-		onMouseEnter: I,
-		onMouseLeave: L,
+	}) : /* @__PURE__ */ i("div", {
+		className: `relative w-full ${v}`,
+		onMouseEnter: H,
+		onMouseLeave: U,
 		children: [
-			/* @__PURE__ */ n("input", {
-				ref: j,
-				type: M,
-				placeholder: i,
-				value: a,
-				onChange: N,
-				disabled: u,
-				required: d,
-				className: `${z} ${B} ${V} ${H} ${R} w-full`,
-				pattern: g
+			/* @__PURE__ */ r("input", {
+				...G,
+				ref: L,
+				type: R,
+				placeholder: a,
+				value: o,
+				onChange: z,
+				disabled: d,
+				required: f,
+				className: `${K} ${q} ${J} ${Y} ${W} w-full`,
+				pattern: _
 			}),
-			v && y && !D && /* @__PURE__ */ n("p", {
+			y && b && !N && /* @__PURE__ */ r("p", {
 				className: "validator-hint text-xs mt-1 opacity-70",
-				children: y
+				children: b
 			}),
-			D && v && !T && /* @__PURE__ */ n("div", {
+			N && y && !j && /* @__PURE__ */ r("div", {
 				className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1",
-				children: W
+				children: Z
 			})
 		]
 	});
 };
 //#endregion
-export { i as default };
+export { a as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nexport type InputProps = {\n  placeholder?: string;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  type?: string;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  disabled?: boolean;\n  required?: boolean;\n  label?: string;\n  labelPosition?: 'inline' | 'top';\n  leftSection?: React.ReactNode;\n  rightSection?: React.ReactNode;\n  pattern?: string;\n  className?: string;\n  validator?: boolean;\n  validatorHint?: string;\n  validationRules?: {\n    pattern: RegExp;\n    message: string;\n  }[];\n};\n\nconst Input = ({\n  placeholder,\n  value,\n  onChange,\n  type = 'text',\n  variant,\n  size = 'sm',\n  disabled = false,\n  required = false,\n  label,\n  labelPosition = 'inline',\n  leftSection,\n  rightSection,\n  pattern,\n  className = '',\n  validator = false,\n  validatorHint,\n  validationRules = [],\n}: InputProps) => {\n  // 密码显示/隐藏状态\n  const [showPassword, setShowPassword] = useState(false);\n  // 追踪最近输入的字符\n  const [recentInput, setRecentInput] = useState('');\n  // 表单验证状态\n  const [isValid, setIsValid] = useState<boolean | null>(null);\n  // 显示验证提示\n  const [showValidationHint, setShowValidationHint] = useState(false);\n  // 验证失败的规则消息\n  const [failedRules, setFailedRules] = useState<string[]>([]);\n  \n  // 输入框引用，用于焦点和验证\n  const inputRef = useRef<HTMLInputElement>(null);\n  \n  // 确定实际使用的输入类型\n  const actualType = type === 'password' && showPassword ? 'text' : type;\n  \n  // 处理输入变化，包括密码字符延迟遮罩和验证\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    \n    // 处理密码输入的特殊效果\n    if (type === 'password' && newValue.length > (value || '').length) {\n      // 获取新输入的字符\n      const newChar = newValue.slice((value || '').length);\n      setRecentInput(newChar);\n      \n      // 设置定时器延迟清除最近输入的字符\n      setTimeout(() => {\n        setRecentInput('');\n      }, 1000); // 1秒后隐藏\n    }\n    \n    // 验证输入\n    if (validator && inputRef.current) {\n      validateInput(newValue);\n    }\n    \n    // 调用原始的onChange处理函数\n    if (onChange) {\n      onChange(e);\n    }\n  };\n  \n  // 验证输入值\n  const validateInput = (inputValue: string) => {\n    if (!inputRef.current) return;\n    \n    // 使用HTML5自带的验证\n    const isNativeValid = inputRef.current.checkValidity();\n    \n    // 检查自定义验证规则\n    const failedMessages: string[] = [];\n    \n    if (validationRules.length > 0) {\n      validationRules.forEach(rule => {\n        if (!rule.pattern.test(inputValue)) {\n          failedMessages.push(rule.message);\n        }\n      });\n    }\n    \n    setFailedRules(failedMessages);\n    setIsValid(isNativeValid && failedMessages.length === 0);\n  };\n  \n  // 切换密码显示/隐藏\n  const togglePasswordVisibility = () => {\n    setShowPassword(!showPassword);\n  };\n  \n  // 鼠标悬停事件处理\n  const handleMouseEnter = () => {\n    if (validator && !isValid) {\n      setShowValidationHint(true);\n    }\n  };\n  \n  const handleMouseLeave = () => {\n    setShowValidationHint(false);\n  };\n  \n  // 验证状态相关的类名\n  let validationStateClass = '';\n  if (validator && isValid !== null) {\n    validationStateClass = isValid ? 'input-success' : 'input-error';\n  }\n  \n  const baseClass = 'input';\n  const variantClass = variant && !validationStateClass ? `input-${variant}` : '';\n  const sizeClass = size ? `input-${size}` : '';\n  const validatorClass = validator ? 'validator' : '';\n  \n\n  // 密码可见性切换按钮\n  const passwordToggle = type === 'password' && (\n    <span \n      className=\"cursor-pointer opacity-70 hover:opacity-100\"\n      onClick={togglePasswordVisibility}\n    >\n      {showPassword ? (\n        // 眼睛关闭图标\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n          <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n          <path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n          <path d=\"M1 1l22 22\" />\n          <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n        </svg>\n      ) : (\n        // 眼睛打开图标\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n          <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n          <circle cx=\"12\" cy=\"12\" r=\"3\" />\n        </svg>\n      )}\n    </span>\n  );\n  \n  // 构建验证提示悬浮框\n  const validationTooltip = (\n    <div className=\"validation-tooltip\">\n      {failedRules.length > 0 ? (\n        <ul className=\"text-xs list-disc pl-4 py-1\">\n          {failedRules.map((rule, index) => (\n            <li key={index}>{rule}</li>\n          ))}\n        </ul>\n      ) : validatorHint ? (\n        <p className=\"text-xs py-1\">{validatorHint}</p>\n      ) : null}\n    </div>\n  );\n\n  // 如果有label，则使用label作为容器\n  if (label || leftSection || rightSection || type === 'password') {\n    // labelPosition === 'top': label above the input field\n    if (label && labelPosition === 'top') {\n      return (\n        <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n          <span className=\"text-sm font-medium mb-1 block\">{label}</span>\n          <label className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full flex items-center gap-2`}>\n            {leftSection && <span>{leftSection}</span>}\n            <input\n              ref={inputRef}\n              type={actualType}\n              placeholder={placeholder}\n              value={value}\n              onChange={handleInputChange}\n              disabled={disabled}\n              required={required}\n              className=\"grow\"\n              pattern={pattern}\n            />\n            {type === 'password' ? (\n              <span className=\"cursor-pointer opacity-70 hover:opacity-100\" onClick={togglePasswordVisibility}>\n                {showPassword ? (\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n                    <path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n                    <path d=\"M1 1l22 22\" />\n                    <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n                  </svg>\n                ) : (\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n                    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n                  </svg>\n                )}\n              </span>\n            ) : rightSection ? (\n              <span>{rightSection}</span>\n            ) : null}\n          </label>\n          {validator && validatorHint && !showValidationHint && (\n            <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n          )}\n          {showValidationHint && validator && !isValid && (\n            <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n              {validationTooltip}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    // Default: inline label\n    return (\n      <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n        <label className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full flex items-center gap-2`}>\n          {leftSection && <span>{leftSection}</span>}\n          {label && <span>{label}</span>}\n          <input\n            ref={inputRef}\n            type={actualType}\n            placeholder={placeholder}\n            value={value}\n            onChange={handleInputChange}\n            disabled={disabled}\n            required={required}\n            className=\"grow\"\n            pattern={pattern}\n          />\n          {/* 显示最近输入的字符，仅针对密码字段 */}\n          {type === 'password' && recentInput && (\n            <span className=\"password-recent absolute right-10 font-mono\">\n              {recentInput}\n            </span>\n          )}\n          {/* 加入密码切换按钮或其他右侧元素 */}\n          {type === 'password' ? (\n            <span>{passwordToggle}</span>\n          ) : rightSection ? (\n            <span>{rightSection}</span>\n          ) : null}\n        </label>\n        {validator && validatorHint && !showValidationHint && (\n          <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n        )}\n        {showValidationHint && validator && !isValid && (\n          <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n            {validationTooltip}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // 如果没有label，则直接返回input\n  return (\n    <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <input\n        ref={inputRef}\n        type={actualType}\n        placeholder={placeholder}\n        value={value}\n        onChange={handleInputChange}\n        disabled={disabled}\n        required={required}\n        className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full`}\n        pattern={pattern}\n      />\n      {validator && validatorHint && !showValidationHint && (\n        <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n      )}\n      {showValidationHint && validator && !isValid && (\n        <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n          {validationTooltip}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Input; "],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["import React, { useState, useRef, useId } from 'react';\nimport './Input.css';\n\nexport type InputProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'id' | 'name' | 'readOnly' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid'> & {\n  placeholder?: string;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  type?: string;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  disabled?: boolean;\n  required?: boolean;\n  label?: string;\n  labelPosition?: 'inline' | 'top';\n  leftSection?: React.ReactNode;\n  rightSection?: React.ReactNode;\n  pattern?: string;\n  className?: string;\n  validator?: boolean;\n  validatorHint?: string;\n  validationRules?: {\n    pattern: RegExp;\n    message: string;\n  }[];\n};\n\nconst Input = ({\n  placeholder,\n  value,\n  onChange,\n  type = 'text',\n  variant,\n  size = 'sm',\n  disabled = false,\n  required = false,\n  label,\n  labelPosition = 'inline',\n  leftSection,\n  rightSection,\n  pattern,\n  className = '',\n  validator = false,\n  validatorHint,\n  validationRules = [],\n  id,\n  readOnly,\n  ...inputAttributes\n}: InputProps) => {\n  const generatedId = useId();\n  const fieldId = id || generatedId;\n\n  // 密码显示/隐藏状态\n  const [showPassword, setShowPassword] = useState(false);\n  // 追踪最近输入的字符\n  const [recentInput, setRecentInput] = useState('');\n  // 表单验证状态\n  const [isValid, setIsValid] = useState<boolean | null>(null);\n  // 显示验证提示\n  const [showValidationHint, setShowValidationHint] = useState(false);\n  // 验证失败的规则消息\n  const [failedRules, setFailedRules] = useState<string[]>([]);\n  \n  // 输入框引用，用于焦点和验证\n  const inputRef = useRef<HTMLInputElement>(null);\n  \n  // 确定实际使用的输入类型\n  const actualType = type === 'password' && showPassword ? 'text' : type;\n  \n  // 处理输入变化，包括密码字符延迟遮罩和验证\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    \n    // 处理密码输入的特殊效果\n    if (type === 'password' && newValue.length > (value || '').length) {\n      // 获取新输入的字符\n      const newChar = newValue.slice((value || '').length);\n      setRecentInput(newChar);\n      \n      // 设置定时器延迟清除最近输入的字符\n      setTimeout(() => {\n        setRecentInput('');\n      }, 1000); // 1秒后隐藏\n    }\n    \n    // 验证输入\n    if (validator && inputRef.current) {\n      validateInput(newValue);\n    }\n    \n    // 调用原始的onChange处理函数\n    if (onChange) {\n      onChange(e);\n    }\n  };\n  \n  // 验证输入值\n  const validateInput = (inputValue: string) => {\n    if (!inputRef.current) return;\n    \n    // 使用HTML5自带的验证\n    const isNativeValid = inputRef.current.checkValidity();\n    \n    // 检查自定义验证规则\n    const failedMessages: string[] = [];\n    \n    if (validationRules.length > 0) {\n      validationRules.forEach(rule => {\n        if (!rule.pattern.test(inputValue)) {\n          failedMessages.push(rule.message);\n        }\n      });\n    }\n    \n    setFailedRules(failedMessages);\n    setIsValid(isNativeValid && failedMessages.length === 0);\n  };\n  \n  // 切换密码显示/隐藏\n  const togglePasswordVisibility = () => {\n    setShowPassword(!showPassword);\n  };\n  \n  // 鼠标悬停事件处理\n  const handleMouseEnter = () => {\n    if (validator && !isValid) {\n      setShowValidationHint(true);\n    }\n  };\n  \n  const handleMouseLeave = () => {\n    setShowValidationHint(false);\n  };\n  \n  // 验证状态相关的类名\n  let validationStateClass = '';\n  if (validator && isValid !== null) {\n    validationStateClass = isValid ? 'input-success' : 'input-error';\n  }\n  \n  const fieldAttributes = {\n    ...inputAttributes,\n    id: fieldId,\n    readOnly,\n    'aria-invalid': inputAttributes['aria-invalid'] ?? (validator && isValid === false ? true : undefined),\n  };\n  const baseClass = 'input dishui-input';\n  const variantClass = variant && !validationStateClass ? `input-${variant}` : '';\n  const sizeClass = size ? `input-${size}` : '';\n  const validatorClass = validator ? 'validator' : '';\n  \n\n  // 密码可见性切换按钮\n  const passwordToggle = type === 'password' && (\n    <button\n      type=\"button\"\n      disabled={disabled}\n      aria-label={showPassword ? 'Hide password' : 'Show password'}\n      aria-pressed={showPassword}\n      className=\"cursor-pointer opacity-70 hover:opacity-100\"\n      onClick={togglePasswordVisibility}\n    >\n      {showPassword ? (\n        // 眼睛关闭图标\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n          <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n          <path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n          <path d=\"M1 1l22 22\" />\n          <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n        </svg>\n      ) : (\n        // 眼睛打开图标\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n          <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n          <circle cx=\"12\" cy=\"12\" r=\"3\" />\n        </svg>\n      )}\n    </button>\n  );\n  \n  // 构建验证提示悬浮框\n  const validationTooltip = (\n    <div className=\"validation-tooltip\">\n      {failedRules.length > 0 ? (\n        <ul className=\"text-xs list-disc pl-4 py-1\">\n          {failedRules.map((rule, index) => (\n            <li key={index}>{rule}</li>\n          ))}\n        </ul>\n      ) : validatorHint ? (\n        <p className=\"text-xs py-1\">{validatorHint}</p>\n      ) : null}\n    </div>\n  );\n\n  // 如果有label，则使用label作为容器\n  if (label || leftSection || rightSection || type === 'password') {\n    // labelPosition === 'top': label above the input field\n    if (label && labelPosition === 'top') {\n      return (\n        <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n          <label htmlFor={fieldId} className=\"text-sm font-medium mb-1 block\">{label}</label>\n          <label className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full flex items-center gap-2`}>\n            {leftSection && <span>{leftSection}</span>}\n            <input\n              {...fieldAttributes}\n              ref={inputRef}\n              type={actualType}\n              placeholder={placeholder}\n              value={value}\n              onChange={handleInputChange}\n              disabled={disabled}\n              required={required}\n              className=\"grow\"\n              pattern={pattern}\n            />\n            {type === 'password' ? (\n              <button type=\"button\" disabled={disabled} aria-label={showPassword ? 'Hide password' : 'Show password'} aria-pressed={showPassword} className=\"cursor-pointer opacity-70 hover:opacity-100\" onClick={togglePasswordVisibility}>\n                {showPassword ? (\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n                    <path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n                    <path d=\"M1 1l22 22\" />\n                    <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n                  </svg>\n                ) : (\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n                    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n                  </svg>\n                )}\n              </button>\n            ) : rightSection ? (\n              <span>{rightSection}</span>\n            ) : null}\n          </label>\n          {validator && validatorHint && !showValidationHint && (\n            <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n          )}\n          {showValidationHint && validator && !isValid && (\n            <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n              {validationTooltip}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    // Default: inline label\n    return (\n      <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n        <label className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full flex items-center gap-2`}>\n          {leftSection && <span>{leftSection}</span>}\n          {label && <span>{label}</span>}\n          <input\n            {...fieldAttributes}\n            ref={inputRef}\n            type={actualType}\n            placeholder={placeholder}\n            value={value}\n            onChange={handleInputChange}\n            disabled={disabled}\n            required={required}\n            className=\"grow\"\n            pattern={pattern}\n          />\n          {/* 显示最近输入的字符，仅针对密码字段 */}\n          {type === 'password' && recentInput && (\n            <span className=\"password-recent absolute right-10 font-mono\">\n              {recentInput}\n            </span>\n          )}\n          {/* 加入密码切换按钮或其他右侧元素 */}\n          {type === 'password' ? (\n            <span>{passwordToggle}</span>\n          ) : rightSection ? (\n            <span>{rightSection}</span>\n          ) : null}\n        </label>\n        {validator && validatorHint && !showValidationHint && (\n          <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n        )}\n        {showValidationHint && validator && !isValid && (\n          <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n            {validationTooltip}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // 如果没有label，则直接返回input\n  return (\n    <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <input\n        {...fieldAttributes}\n        ref={inputRef}\n        type={actualType}\n        placeholder={placeholder}\n        value={value}\n        onChange={handleInputChange}\n        disabled={disabled}\n        required={required}\n        className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full`}\n        pattern={pattern}\n      />\n      {validator && validatorHint && !showValidationHint && (\n        <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n      )}\n      {showValidationHint && validator && !isValid && (\n        <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n          {validationTooltip}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Input; "],"mappings":"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"}

package/dist/components/Label/index.js

@@ -23,7 +23,7 @@ var a = ({ children: a, variant: o = "neutral", size: s = "sm", outline: c = !1,
 		md: "text-base",
 		lg: "text-lg",
 		xl: "text-xl"
-	}, ee = F[s] || F.md, I = c || l || u, L = I ? "badge" : "label dark:text-white", R = !I && o ? `text-${o}` : "", z = c ? "badge-outline" : "", B = l ? "badge-dash" : "", V = u ? "badge-soft" : "", H = I && o && o !== "neutral" ? `badge-${o}` : "", U = e(L, R, ee, z, B, V, H, d ? "font-bold" : "", f ? "italic" : "", p ? "underline" : "", m ? "truncate" : "", D), W = (e) => {
+	}, ee = F[s] || F.md, I = c || l || u, L = I ? "badge" : e("label min-w-0 dark:text-white", !m && "whitespace-normal wrap-anywhere"), R = !I && o ? `text-${o}` : "", z = c ? "badge-outline" : "", B = l ? "badge-dash" : "", V = u ? "badge-soft" : "", H = I && o && o !== "neutral" ? `badge-${o}` : "", U = e(L, R, ee, z, B, V, H, d ? "font-bold" : "", f ? "italic" : "", p ? "underline" : "", m ? "truncate" : "", D), W = (e) => {
 		N("clicked"), b?.(e);
 	}, G = (e) => {
 		N("doubleClicked"), x?.(e);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, DragEvent } from 'react';\nimport { cn } from '../../utils/cn';\n\n// 扩展LabelState类型为字符串，允许用户定义任意状态\nexport type LabelState = string;\n\nexport type LabelStyleConfig = {\n  [key: string]: {\n    className?: string;\n    style?: React.CSSProperties;\n  }\n};\n\nexport type LabelProps = {\n  children: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  outline?: boolean;\n  dash?: boolean;\n  soft?: boolean;\n  bold?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  ellipsis?: boolean;\n  maxWidth?: string;\n  stateTimeout?: number;\n  styleConfig?: LabelStyleConfig;\n  // 新增属性：用户自定义状态\n  state?: LabelState;\n  // 新增属性：状态变化回调\n  onStateChange?: (newState: LabelState) => void;\n  onClick?: (e: React.MouseEvent) => void;\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  onDragStart?: (e: DragEvent<HTMLSpanElement>) => void;\n  onDragEnd?: (e: DragEvent<HTMLSpanElement>) => void;\n  draggable?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst Label = ({\n  children,\n  variant = 'neutral',\n  size = 'sm',\n  outline = false,\n  dash = false,\n  soft = false,\n  bold = false,\n  italic = false,\n  underline = false,\n  ellipsis = false,\n  maxWidth,\n  stateTimeout,\n  styleConfig = {},\n  // 使用用户传入的状态，默认为'default'\n  state: userState,\n  onStateChange,\n  onClick,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n  onDragStart,\n  onDragEnd,\n  draggable = false,\n  className = '',\n  style = {},\n}: LabelProps) => {\n  // 当用户传入state时使用用户的状态，否则内部管理状态\n  const [internalState, setInternalState] = useState<LabelState>('default');\n  const state = userState !== undefined ? userState : internalState;\n  \n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  \n  // 更新状态的函数，同时执行回调\n  const updateState = (newState: LabelState) => {\n    if (userState === undefined) {\n      setInternalState(newState);\n    }\n    onStateChange?.(newState);\n    resetStateTimeout(newState);\n  };\n  \n  // 重置状态计时器\n  const resetStateTimeout = (currentState: LabelState = state) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n    \n    if (stateTimeout && currentState !== 'default' && userState === undefined) {\n      timeoutRef.current = setTimeout(() => {\n        setInternalState('default');\n        onStateChange?.('default');\n      }, stateTimeout);\n    }\n  };\n  \n  // 当状态变化或stateTimeout变化时重置计时器\n  useEffect(() => {\n    resetStateTimeout();\n    \n    // 清除计时器\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, [state, stateTimeout, userState]);\n  \n  // 尺寸类映射\n  const sizeClassMap = {\n    'xs': 'text-xs',\n    'sm': 'text-sm',\n    'md': 'text-base',\n    'lg': 'text-lg',\n    'xl': 'text-xl',\n  };\n  const sizeClass = sizeClassMap[size] || sizeClassMap.md;\n  \n  // 样式类（依托 daisyUI badge 的 outline/dash/soft 外观，保证与主题联动）\n  const decorated = outline || dash || soft;\n  // 基础类：普通文本 label；带装饰时用 badge 充当“标签”容器\n  //（装饰态不叠加 text-${variant}/dark:text-white，避免与 badge 自身前景色冲突）\n  const baseClass = decorated ? 'badge' : 'label dark:text-white';\n  const variantClass = !decorated && variant ? `text-${variant}` : '';\n  const outlineClass = outline ? 'badge-outline' : '';\n  const dashClass = dash ? 'badge-dash' : '';\n  const softClass = soft ? 'badge-soft' : '';\n  // 为带装饰的标签补上色调变体（badge-${variant}），让边框/底色跟随 variant\n  const badgeVariantClass = decorated && variant && variant !== 'neutral' ? `badge-${variant}` : '';\n  const boldClass = bold ? 'font-bold' : '';\n  const italicClass = italic ? 'italic' : '';\n  const underlineClass = underline ? 'underline' : '';\n  const ellipsisClass = ellipsis ? 'truncate' : '';\n  \n  // 组合所有类名\n  const labelClasses = cn(\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    dashClass,\n    softClass,\n    badgeVariantClass,\n    boldClass,\n    italicClass,\n    underlineClass,\n    ellipsisClass,\n    className\n  );\n  \n  // 处理事件\n  const handleClick = (e: React.MouseEvent) => {\n    updateState('clicked');\n    onClick?.(e);\n  };\n  \n  const handleDoubleClick = (e: React.MouseEvent) => {\n    updateState('doubleClicked');\n    onDoubleClick?.(e);\n  };\n  \n  const handleMouseEnter = (e: React.MouseEvent) => {\n    updateState('hover');\n    onMouseEnter?.(e);\n  };\n  \n  const handleMouseLeave = (e: React.MouseEvent) => {\n    updateState('default');\n    onMouseLeave?.(e);\n  };\n  \n  const handleDragStart = (e: DragEvent<HTMLSpanElement>) => {\n    updateState('dragging');\n    onDragStart?.(e);\n  };\n  \n  const handleDragEnd = (e: DragEvent<HTMLSpanElement>) => {\n    updateState('default');\n    onDragEnd?.(e);\n  };\n  \n  // 获取当前状态的自定义样式和类\n  const stateStyle = styleConfig[state]?.style || {};\n  const stateClassName = styleConfig[state]?.className || '';\n  \n  // 合并样式\n  const combinedStyle = {\n    ...style,\n    ...stateStyle,\n    ...(maxWidth ? { maxWidth } : {}),\n    ...(ellipsis ? { display: 'inline-block', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } : {})\n  };\n  \n  // 最终类名\n  const finalClassName = cn(labelClasses, stateClassName);\n  \n  return (\n    <span\n      className={finalClassName}\n      style={combinedStyle}\n      onClick={handleClick}\n      onDoubleClick={handleDoubleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      draggable={draggable}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport default Label; "],"mappings":";;;;AA0CA,IAAM,KAAS,EACb,aACA,aAAU,WACV,UAAO,MACP,aAAU,IACV,UAAO,IACP,UAAO,IACP,UAAO,IACP,YAAS,IACT,eAAY,IACZ,cAAW,IACX,aACA,iBACA,iBAAc,CAAC,GAEf,OAAO,GACP,kBACA,YACA,kBACA,iBACA,iBACA,gBACA,cACA,eAAY,IACZ,eAAY,IACZ,WAAQ,CAAC,QACO;CAEhB,IAAM,CAAC,GAAe,KAAoB,EAAqB,SAAS,GAClE,IAAQ,MAAc,KAAA,IAAwB,IAAZ,GAElC,IAAa,EAA6C,IAAI,GAG9D,KAAe,MAAyB;EAK5C,AAJI,MAAc,KAAA,KAChB,EAAiB,CAAQ,GAE3B,IAAgB,CAAQ,GACxB,EAAkB,CAAQ;CAC5B,GAGM,KAAqB,IAA2B,MAAU;EAM9D,AALA,AAEE,EAAW,aADX,aAAa,EAAW,OAAO,GACV,OAGnB,KAAgB,MAAiB,aAAa,MAAc,KAAA,MAC9D,EAAW,UAAU,iBAAiB;GAEpC,AADA,EAAiB,SAAS,GAC1B,IAAgB,SAAS;EAC3B,GAAG,CAAY;CAEnB;CAGA,SACE,EAAkB,SAGL;EACX,AAAI,EAAW,WACb,aAAa,EAAW,OAAO;CAEnC,IACC;EAAC;EAAO;EAAc;CAAS,CAAC;CAGnC,IAAM,IAAe;EACnB,IAAM;EACN,IAAM;EACN,IAAM;EACN,IAAM;EACN,IAAM;CACR,GACM,KAAY,EAAa,MAAS,EAAa,IAG/C,IAAY,KAAW,KAAQ,GAG/B,IAAY,IAAY,UAAU,yBAClC,IAAe,CAAC,KAAa,IAAU,QAAQ,MAAY,IAC3D,IAAe,IAAU,kBAAkB,IAC3C,IAAY,IAAO,eAAe,IAClC,IAAY,IAAO,eAAe,IAElC,IAAoB,KAAa,KAAW,MAAY,YAAY,SAAS,MAAY,IAOzF,IAAe,EACnB,GACA,GACA,IACA,GACA,GACA,GACA,GAbgB,IAAO,cAAc,IACnB,IAAS,WAAW,IACjB,IAAY,cAAc,IAC3B,IAAW,aAAa,IAe5C,CACF,GAGM,KAAe,MAAwB;EAE3C,AADA,EAAY,SAAS,GACrB,IAAU,CAAC;CACb,GAEM,KAAqB,MAAwB;EAEjD,AADA,EAAY,eAAe,GAC3B,IAAgB,CAAC;CACnB,GAEM,KAAoB,MAAwB;EAEhD,AADA,EAAY,OAAO,GACnB,IAAe,CAAC;CAClB,GAEM,KAAoB,MAAwB;EAEhD,AADA,EAAY,SAAS,GACrB,IAAe,CAAC;CAClB,GAEM,KAAmB,MAAkC;EAEzD,AADA,EAAY,UAAU,GACtB,IAAc,CAAC;CACjB,GAEM,KAAiB,MAAkC;EAEvD,AADA,EAAY,SAAS,GACrB,IAAY,CAAC;CACf,GAGM,IAAa,EAAY,EAAM,EAAE,SAAS,CAAC,GAC3C,IAAiB,EAAY,EAAM,EAAE,aAAa,IAGlD,IAAgB;EACpB,GAAG;EACH,GAAG;EACH,GAAI,IAAW,EAAE,YAAS,IAAI,CAAC;EAC/B,GAAI,IAAW;GAAE,SAAS;GAAgB,UAAU;GAAU,cAAc;GAAY,YAAY;EAAS,IAAI,CAAC;CACpH,GAGM,IAAiB,EAAG,GAAc,CAAc;CAEtD,OACE,kBAAC,QAAD;EACE,WAAW;EACX,OAAO;EACP,SAAS;EACT,eAAe;EACf,cAAc;EACd,cAAc;EACd,aAAa;EACb,WAAW;EACA;EAEV;CACG,CAAA;AAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, DragEvent } from 'react';\nimport { cn } from '../../utils/cn';\n\n// 扩展LabelState类型为字符串，允许用户定义任意状态\nexport type LabelState = string;\n\nexport type LabelStyleConfig = {\n  [key: string]: {\n    className?: string;\n    style?: React.CSSProperties;\n  }\n};\n\nexport type LabelProps = {\n  children: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  outline?: boolean;\n  dash?: boolean;\n  soft?: boolean;\n  bold?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  ellipsis?: boolean;\n  maxWidth?: string;\n  stateTimeout?: number;\n  styleConfig?: LabelStyleConfig;\n  // 新增属性：用户自定义状态\n  state?: LabelState;\n  // 新增属性：状态变化回调\n  onStateChange?: (newState: LabelState) => void;\n  onClick?: (e: React.MouseEvent) => void;\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  onDragStart?: (e: DragEvent<HTMLSpanElement>) => void;\n  onDragEnd?: (e: DragEvent<HTMLSpanElement>) => void;\n  draggable?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst Label = ({\n  children,\n  variant = 'neutral',\n  size = 'sm',\n  outline = false,\n  dash = false,\n  soft = false,\n  bold = false,\n  italic = false,\n  underline = false,\n  ellipsis = false,\n  maxWidth,\n  stateTimeout,\n  styleConfig = {},\n  // 使用用户传入的状态，默认为'default'\n  state: userState,\n  onStateChange,\n  onClick,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n  onDragStart,\n  onDragEnd,\n  draggable = false,\n  className = '',\n  style = {},\n}: LabelProps) => {\n  // 当用户传入state时使用用户的状态，否则内部管理状态\n  const [internalState, setInternalState] = useState<LabelState>('default');\n  const state = userState !== undefined ? userState : internalState;\n  \n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  \n  // 更新状态的函数，同时执行回调\n  const updateState = (newState: LabelState) => {\n    if (userState === undefined) {\n      setInternalState(newState);\n    }\n    onStateChange?.(newState);\n    resetStateTimeout(newState);\n  };\n  \n  // 重置状态计时器\n  const resetStateTimeout = (currentState: LabelState = state) => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n    \n    if (stateTimeout && currentState !== 'default' && userState === undefined) {\n      timeoutRef.current = setTimeout(() => {\n        setInternalState('default');\n        onStateChange?.('default');\n      }, stateTimeout);\n    }\n  };\n  \n  // 当状态变化或stateTimeout变化时重置计时器\n  useEffect(() => {\n    resetStateTimeout();\n    \n    // 清除计时器\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, [state, stateTimeout, userState]);\n  \n  // 尺寸类映射\n  const sizeClassMap = {\n    'xs': 'text-xs',\n    'sm': 'text-sm',\n    'md': 'text-base',\n    'lg': 'text-lg',\n    'xl': 'text-xl',\n  };\n  const sizeClass = sizeClassMap[size] || sizeClassMap.md;\n  \n  // 样式类（依托 daisyUI badge 的 outline/dash/soft 外观，保证与主题联动）\n  const decorated = outline || dash || soft;\n  // 基础类：普通文本 label；带装饰时用 badge 充当“标签”容器\n  //（装饰态不叠加 text-${variant}/dark:text-white，避免与 badge 自身前景色冲突）\n  const baseClass = decorated ? 'badge' : cn('label min-w-0 dark:text-white', !ellipsis && 'whitespace-normal wrap-anywhere');\n  const variantClass = !decorated && variant ? `text-${variant}` : '';\n  const outlineClass = outline ? 'badge-outline' : '';\n  const dashClass = dash ? 'badge-dash' : '';\n  const softClass = soft ? 'badge-soft' : '';\n  // 为带装饰的标签补上色调变体（badge-${variant}），让边框/底色跟随 variant\n  const badgeVariantClass = decorated && variant && variant !== 'neutral' ? `badge-${variant}` : '';\n  const boldClass = bold ? 'font-bold' : '';\n  const italicClass = italic ? 'italic' : '';\n  const underlineClass = underline ? 'underline' : '';\n  const ellipsisClass = ellipsis ? 'truncate' : '';\n  \n  // 组合所有类名\n  const labelClasses = cn(\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    dashClass,\n    softClass,\n    badgeVariantClass,\n    boldClass,\n    italicClass,\n    underlineClass,\n    ellipsisClass,\n    className\n  );\n  \n  // 处理事件\n  const handleClick = (e: React.MouseEvent) => {\n    updateState('clicked');\n    onClick?.(e);\n  };\n  \n  const handleDoubleClick = (e: React.MouseEvent) => {\n    updateState('doubleClicked');\n    onDoubleClick?.(e);\n  };\n  \n  const handleMouseEnter = (e: React.MouseEvent) => {\n    updateState('hover');\n    onMouseEnter?.(e);\n  };\n  \n  const handleMouseLeave = (e: React.MouseEvent) => {\n    updateState('default');\n    onMouseLeave?.(e);\n  };\n  \n  const handleDragStart = (e: DragEvent<HTMLSpanElement>) => {\n    updateState('dragging');\n    onDragStart?.(e);\n  };\n  \n  const handleDragEnd = (e: DragEvent<HTMLSpanElement>) => {\n    updateState('default');\n    onDragEnd?.(e);\n  };\n  \n  // 获取当前状态的自定义样式和类\n  const stateStyle = styleConfig[state]?.style || {};\n  const stateClassName = styleConfig[state]?.className || '';\n  \n  // 合并样式\n  const combinedStyle = {\n    ...style,\n    ...stateStyle,\n    ...(maxWidth ? { maxWidth } : {}),\n    ...(ellipsis ? { display: 'inline-block', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } : {})\n  };\n  \n  // 最终类名\n  const finalClassName = cn(labelClasses, stateClassName);\n  \n  return (\n    <span\n      className={finalClassName}\n      style={combinedStyle}\n      onClick={handleClick}\n      onDoubleClick={handleDoubleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      draggable={draggable}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport default Label; "],"mappings":";;;;AA0CA,IAAM,KAAS,EACb,aACA,aAAU,WACV,UAAO,MACP,aAAU,IACV,UAAO,IACP,UAAO,IACP,UAAO,IACP,YAAS,IACT,eAAY,IACZ,cAAW,IACX,aACA,iBACA,iBAAc,CAAC,GAEf,OAAO,GACP,kBACA,YACA,kBACA,iBACA,iBACA,gBACA,cACA,eAAY,IACZ,eAAY,IACZ,WAAQ,CAAC,QACO;CAEhB,IAAM,CAAC,GAAe,KAAoB,EAAqB,SAAS,GAClE,IAAQ,MAAc,KAAA,IAAwB,IAAZ,GAElC,IAAa,EAA6C,IAAI,GAG9D,KAAe,MAAyB;EAK5C,AAJI,MAAc,KAAA,KAChB,EAAiB,CAAQ,GAE3B,IAAgB,CAAQ,GACxB,EAAkB,CAAQ;CAC5B,GAGM,KAAqB,IAA2B,MAAU;EAM9D,AALA,AAEE,EAAW,aADX,aAAa,EAAW,OAAO,GACV,OAGnB,KAAgB,MAAiB,aAAa,MAAc,KAAA,MAC9D,EAAW,UAAU,iBAAiB;GAEpC,AADA,EAAiB,SAAS,GAC1B,IAAgB,SAAS;EAC3B,GAAG,CAAY;CAEnB;CAGA,SACE,EAAkB,SAGL;EACX,AAAI,EAAW,WACb,aAAa,EAAW,OAAO;CAEnC,IACC;EAAC;EAAO;EAAc;CAAS,CAAC;CAGnC,IAAM,IAAe;EACnB,IAAM;EACN,IAAM;EACN,IAAM;EACN,IAAM;EACN,IAAM;CACR,GACM,KAAY,EAAa,MAAS,EAAa,IAG/C,IAAY,KAAW,KAAQ,GAG/B,IAAY,IAAY,UAAU,EAAG,iCAAiC,CAAC,KAAY,iCAAiC,GACpH,IAAe,CAAC,KAAa,IAAU,QAAQ,MAAY,IAC3D,IAAe,IAAU,kBAAkB,IAC3C,IAAY,IAAO,eAAe,IAClC,IAAY,IAAO,eAAe,IAElC,IAAoB,KAAa,KAAW,MAAY,YAAY,SAAS,MAAY,IAOzF,IAAe,EACnB,GACA,GACA,IACA,GACA,GACA,GACA,GAbgB,IAAO,cAAc,IACnB,IAAS,WAAW,IACjB,IAAY,cAAc,IAC3B,IAAW,aAAa,IAe5C,CACF,GAGM,KAAe,MAAwB;EAE3C,AADA,EAAY,SAAS,GACrB,IAAU,CAAC;CACb,GAEM,KAAqB,MAAwB;EAEjD,AADA,EAAY,eAAe,GAC3B,IAAgB,CAAC;CACnB,GAEM,KAAoB,MAAwB;EAEhD,AADA,EAAY,OAAO,GACnB,IAAe,CAAC;CAClB,GAEM,KAAoB,MAAwB;EAEhD,AADA,EAAY,SAAS,GACrB,IAAe,CAAC;CAClB,GAEM,KAAmB,MAAkC;EAEzD,AADA,EAAY,UAAU,GACtB,IAAc,CAAC;CACjB,GAEM,KAAiB,MAAkC;EAEvD,AADA,EAAY,SAAS,GACrB,IAAY,CAAC;CACf,GAGM,IAAa,EAAY,EAAM,EAAE,SAAS,CAAC,GAC3C,IAAiB,EAAY,EAAM,EAAE,aAAa,IAGlD,IAAgB;EACpB,GAAG;EACH,GAAG;EACH,GAAI,IAAW,EAAE,YAAS,IAAI,CAAC;EAC/B,GAAI,IAAW;GAAE,SAAS;GAAgB,UAAU;GAAU,cAAc;GAAY,YAAY;EAAS,IAAI,CAAC;CACpH,GAGM,IAAiB,EAAG,GAAc,CAAc;CAEtD,OACE,kBAAC,QAAD;EACE,WAAW;EACX,OAAO;EACP,SAAS;EACT,eAAe;EACf,cAAc;EACd,cAAc;EACd,aAAa;EACb,WAAW;EACA;EAEV;CACG,CAAA;AAEV"}

package/dist/components/NavigationList/index.js

@@ -1,48 +1,79 @@
 import e from "../Button/index.js";
 /* empty css               */
-import { useId as t, useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useId as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/NavigationList/index.tsx
-function a({ items: a, value: o, onValueChange: s, root: c, defaultExpanded: l = !0, "aria-label": u }) {
-	let [d, f] = n(l), p = t(), m = (t) => /* @__PURE__ */ i(e, {
+function s({ items: s, value: c, onValueChange: l, root: u, defaultExpanded: d = !0, "aria-label": f }) {
+	let [p, m] = i(d), h = t(), g = r(null), _ = r(null), v = r(null), y = r(!1), b = !u || p;
+	n(() => {
+		let e = g.current, t = _.current;
+		if (!e || !t) return;
+		!b && e.contains(document.activeElement) && v.current?.querySelector("[aria-expanded]")?.focus();
+		let n = () => {
+			e.style.height = `${b ? t.getBoundingClientRect().height : 0}px`;
+		};
+		y.current ? n() : (e.style.transition = "none", n(), e.offsetHeight, e.style.removeProperty("transition"), y.current = !0);
+		let r = new ResizeObserver(n);
+		return r.observe(t), () => r.disconnect();
+	}, [b]);
+	let x = (t) => /* @__PURE__ */ o(e, {
 		type: "button",
 		variant: "ghost",
 		className: "blade-navigation-list__item",
-		"aria-pressed": o === t.value,
-		onClick: () => s(t.value),
-		children: [/* @__PURE__ */ r("span", {
+		"aria-pressed": c === t.value,
+		onClick: () => l(t.value),
+		children: [/* @__PURE__ */ a("span", {
 			className: "blade-navigation-list__label",
 			children: t.label
-		}), t.count !== void 0 && /* @__PURE__ */ r("span", {
+		}), t.count !== void 0 && /* @__PURE__ */ a("span", {
 			className: "blade-navigation-list__count",
 			children: t.count
 		})]
 	});
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "blade-navigation-list",
 		role: "group",
-		"aria-label": u,
-		children: [c && /* @__PURE__ */ i("div", {
+		"aria-label": f,
+		children: [u && /* @__PURE__ */ o("div", {
+			ref: v,
 			className: "blade-navigation-list__root",
-			children: [/* @__PURE__ */ r(e, {
+			children: [/* @__PURE__ */ a(e, {
 				type: "button",
 				variant: "ghost",
 				size: "xs",
-				"aria-label": `${d ? "折叠" : "展开"}${u}`,
-				"aria-expanded": d,
-				"aria-controls": p,
-				onClick: () => f((e) => !e),
-				children: d ? "−" : "+"
-			}), m(c)]
-		}), /* @__PURE__ */ r("ul", {
-			id: p,
-			hidden: !!c && !d,
-			className: c ? "blade-navigation-list__children" : void 0,
-			children: a.map((e) => /* @__PURE__ */ r("li", { children: m(e) }, e.value))
+				className: "blade-navigation-list__disclosure",
+				"aria-label": `${p ? "折叠" : "展开"}${f}`,
+				"aria-expanded": p,
+				"aria-controls": h,
+				onClick: () => m((e) => !e),
+				children: /* @__PURE__ */ a("svg", {
+					className: "blade-navigation-list__chevron",
+					"data-expanded": p,
+					width: "14",
+					height: "14",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ a("path", { d: "m6 3 5 5-5 5" })
+				})
+			}), x(u)]
+		}), /* @__PURE__ */ a("div", {
+			id: h,
+			ref: g,
+			className: "blade-navigation-list__panel",
+			inert: !b,
+			"aria-hidden": !b || void 0,
+			children: /* @__PURE__ */ a("ul", {
+				ref: _,
+				className: u ? "blade-navigation-list__children" : void 0,
+				children: s.map((e) => /* @__PURE__ */ a("li", { children: x(e) }, e.value))
+			})
 		})]
 	});
 }
 //#endregion
-export { a as default };
+export { s as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/NavigationList/index.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport Button from '../Button';\nimport './NavigationList.css';\n\nexport type NavigationListItem = {\n    value: string;\n    label: React.ReactNode;\n    count?: React.ReactNode;\n};\n\nexport type NavigationListProps = {\n    'aria-label': string;\n    items: readonly NavigationListItem[];\n    value: string;\n    onValueChange: (value: string) => void;\n    /** Optional selectable parent with a separate disclosure control. */\n    root?: NavigationListItem;\n    defaultExpanded?: boolean;\n};\n\n/** A single-level navigation/filter list with native keyboard-operable controls. */\nexport default function NavigationList({ items, value, onValueChange, root, defaultExpanded = true, 'aria-label': label }: NavigationListProps) {\n    const [expanded, setExpanded] = useState(defaultExpanded);\n    const id = useId();\n    const itemButton = (item: NavigationListItem) => <Button type=\"button\" variant=\"ghost\" className=\"blade-navigation-list__item\" aria-pressed={value === item.value} onClick={() => onValueChange(item.value)}>\n        <span className=\"blade-navigation-list__label\">{item.label}</span>\n        {item.count !== undefined && <span className=\"blade-navigation-list__count\">{item.count}</span>}\n    </Button>;\n    return <div className=\"blade-navigation-list\" role=\"group\" aria-label={label}>\n        {root && <div className=\"blade-navigation-list__root\">\n            <Button type=\"button\" variant=\"ghost\" size=\"xs\" aria-label={`${expanded ? '折叠' : '展开'}${label}`} aria-expanded={expanded} aria-controls={id} onClick={() => setExpanded(current => !current)}>{expanded ? '−' : '+'}</Button>\n            {itemButton(root)}\n        </div>}\n        <ul id={id} hidden={!!root && !expanded} className={root ? 'blade-navigation-list__children' : undefined}>\n            {items.map(item => <li key={item.value}>{itemButton(item)}</li>)}\n        </ul>\n    </div>;\n}\n"],"mappings":";;;;;AAqBA,SAAwB,EAAe,EAAE,UAAO,UAAO,kBAAe,SAAM,qBAAkB,IAAM,cAAc,KAA8B;CAC5I,IAAM,CAAC,GAAU,KAAe,EAAS,CAAe,GAClD,IAAK,EAAM,GACX,KAAc,MAA6B,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAQ,WAAU;EAA8B,gBAAc,MAAU,EAAK;EAAO,eAAe,EAAc,EAAK,KAAK;EAAzJ,UAAA,CAC7C,kBAAC,QAAD;GAAM,WAAU;GAAgC,UAAA,EAAK;EAAY,CAAA,GAChE,EAAK,UAAU,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAU;GAAgC,UAAA,EAAK;EAAY,CAAA,CAC1F;;CACR,OAAO,kBAAC,OAAD;EAAK,WAAU;EAAwB,MAAK;EAAQ,cAAY;EAAhE,UAAA,CACF,KAAQ,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACL,kBAAC,GAAD;IAAQ,MAAK;IAAS,SAAQ;IAAQ,MAAK;IAAK,cAAY,GAAG,IAAW,OAAO,OAAO;IAAS,iBAAe;IAAU,iBAAe;IAAI,eAAe,GAAY,MAAW,CAAC,CAAO;IAAI,UAAA,IAAW,MAAM;GAAY,CAAA,GAC3N,EAAW,CAAI,CACf;EACL,CAAA,GAAA,kBAAC,MAAD;GAAQ;GAAI,QAAQ,CAAC,CAAC,KAAQ,CAAC;GAAU,WAAW,IAAO,oCAAoC,KAAA;GAC1F,UAAA,EAAM,KAAI,MAAQ,kBAAC,MAAD,EAAA,UAAsB,EAAW,CAAI,EAAM,GAAlC,EAAK,KAA6B,CAAC;EAC/D,CAAA,CACH;;AACT"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/NavigationList/index.tsx"],"sourcesContent":["import React, { useId, useLayoutEffect, useRef, useState } from 'react';\nimport Button from '../Button';\nimport './NavigationList.css';\n\nexport type NavigationListItem = {\n    value: string;\n    label: React.ReactNode;\n    count?: React.ReactNode;\n};\n\nexport type NavigationListProps = {\n    'aria-label': string;\n    items: readonly NavigationListItem[];\n    value: string;\n    onValueChange: (value: string) => void;\n    /** Optional selectable parent with a separate disclosure control. */\n    root?: NavigationListItem;\n    defaultExpanded?: boolean;\n};\n\n/** A single-level navigation/filter list with native keyboard-operable controls. */\nexport default function NavigationList({ items, value, onValueChange, root, defaultExpanded = true, 'aria-label': label }: NavigationListProps) {\n    const [expanded, setExpanded] = useState(defaultExpanded);\n    const id = useId();\n    const panelRef = useRef<HTMLDivElement>(null);\n    const listRef = useRef<HTMLUListElement>(null);\n    const rootRef = useRef<HTMLDivElement>(null);\n    const initialized = useRef(false);\n    const open = !root || expanded;\n\n    useLayoutEffect(() => {\n        const panel = panelRef.current;\n        const list = listRef.current;\n        if (!panel || !list) return;\n        if (!open && panel.contains(document.activeElement)) {\n            rootRef.current?.querySelector<HTMLButtonElement>('[aria-expanded]')?.focus();\n        }\n        const updateHeight = () => {\n            panel.style.height = `${open ? list.getBoundingClientRect().height : 0}px`;\n        };\n        // Initialize without an entrance animation, including defaultExpanded=false.\n        if (!initialized.current) {\n            panel.style.transition = 'none';\n            updateHeight();\n            void panel.offsetHeight;\n            panel.style.removeProperty('transition');\n            initialized.current = true;\n        } else {\n            updateHeight();\n        }\n        // Observe the natural content, not the animated wrapper, to avoid feedback loops.\n        const observer = new ResizeObserver(updateHeight);\n        observer.observe(list);\n        return () => observer.disconnect();\n    }, [open]);\n    const itemButton = (item: NavigationListItem) => <Button type=\"button\" variant=\"ghost\" className=\"blade-navigation-list__item\" aria-pressed={value === item.value} onClick={() => onValueChange(item.value)}>\n        <span className=\"blade-navigation-list__label\">{item.label}</span>\n        {item.count !== undefined && <span className=\"blade-navigation-list__count\">{item.count}</span>}\n    </Button>;\n    return <div className=\"blade-navigation-list\" role=\"group\" aria-label={label}>\n        {root && <div ref={rootRef} className=\"blade-navigation-list__root\">\n            <Button type=\"button\" variant=\"ghost\" size=\"xs\" className=\"blade-navigation-list__disclosure\" aria-label={`${expanded ? '折叠' : '展开'}${label}`} aria-expanded={expanded} aria-controls={id} onClick={() => setExpanded(current => !current)}><svg className=\"blade-navigation-list__chevron\" data-expanded={expanded} width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" aria-hidden=\"true\"><path d=\"m6 3 5 5-5 5\" /></svg></Button>\n            {itemButton(root)}\n        </div>}\n        <div id={id} ref={panelRef} className=\"blade-navigation-list__panel\" inert={!open} aria-hidden={!open || undefined}>\n            <ul ref={listRef} className={root ? 'blade-navigation-list__children' : undefined}>\n                {items.map(item => <li key={item.value}>{itemButton(item)}</li>)}\n            </ul>\n        </div>\n    </div>;\n}\n"],"mappings":";;;;;AAqBA,SAAwB,EAAe,EAAE,UAAO,UAAO,kBAAe,SAAM,qBAAkB,IAAM,cAAc,KAA8B;CAC5I,IAAM,CAAC,GAAU,KAAe,EAAS,CAAe,GAClD,IAAK,EAAM,GACX,IAAW,EAAuB,IAAI,GACtC,IAAU,EAAyB,IAAI,GACvC,IAAU,EAAuB,IAAI,GACrC,IAAc,EAAO,EAAK,GAC1B,IAAO,CAAC,KAAQ;CAEtB,QAAsB;EAClB,IAAM,IAAQ,EAAS,SACjB,IAAO,EAAQ;EACrB,IAAI,CAAC,KAAS,CAAC,GAAM;EACrB,AAAI,CAAC,KAAQ,EAAM,SAAS,SAAS,aAAa,KAC9C,EAAQ,SAAS,cAAiC,iBAAiB,CAAC,EAAE,MAAM;EAEhF,IAAM,UAAqB;GACvB,EAAM,MAAM,SAAS,GAAG,IAAO,EAAK,sBAAsB,CAAC,CAAC,SAAS,EAAE;EAC3E;EAEA,AAAK,EAAY,UAOb,EAAa,KANb,EAAM,MAAM,aAAa,QACzB,EAAa,GACb,EAAW,cACX,EAAM,MAAM,eAAe,YAAY,GACvC,EAAY,UAAU;EAK1B,IAAM,IAAW,IAAI,eAAe,CAAY;EAEhD,OADA,EAAS,QAAQ,CAAI,SACR,EAAS,WAAW;CACrC,GAAG,CAAC,CAAI,CAAC;CACT,IAAM,KAAc,MAA6B,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAQ,WAAU;EAA8B,gBAAc,MAAU,EAAK;EAAO,eAAe,EAAc,EAAK,KAAK;EAAzJ,UAAA,CAC7C,kBAAC,QAAD;GAAM,WAAU;GAAgC,UAAA,EAAK;EAAY,CAAA,GAChE,EAAK,UAAU,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAU;GAAgC,UAAA,EAAK;EAAY,CAAA,CAC1F;;CACR,OAAO,kBAAC,OAAD;EAAK,WAAU;EAAwB,MAAK;EAAQ,cAAY;EAAhE,UAAA,CACF,KAAQ,kBAAC,OAAD;GAAK,KAAK;GAAS,WAAU;GAA7B,UAAA,CACL,kBAAC,GAAD;IAAQ,MAAK;IAAS,SAAQ;IAAQ,MAAK;IAAK,WAAU;IAAoC,cAAY,GAAG,IAAW,OAAO,OAAO;IAAS,iBAAe;IAAU,iBAAe;IAAI,eAAe,GAAY,MAAW,CAAC,CAAO;IAAG,UAAA,kBAAC,OAAD;KAAK,WAAU;KAAiC,iBAAe;KAAU,OAAM;KAAK,QAAO;KAAK,SAAQ;KAAY,MAAK;KAAO,QAAO;KAAe,aAAY;KAAM,eAAY;KAAO,UAAA,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;IAAM,CAAA;GAAS,CAAA,GAC7c,EAAW,CAAI,CACf;EACL,CAAA,GAAA,kBAAC,OAAD;GAAS;GAAI,KAAK;GAAU,WAAU;GAA+B,OAAO,CAAC;GAAM,eAAa,CAAC,KAAQ,KAAA;GACrG,UAAA,kBAAC,MAAD;IAAI,KAAK;IAAS,WAAW,IAAO,oCAAoC,KAAA;IACnE,UAAA,EAAM,KAAI,MAAQ,kBAAC,MAAD,EAAA,UAAsB,EAAW,CAAI,EAAM,GAAlC,EAAK,KAA6B,CAAC;GAC/D,CAAA;EACH,CAAA,CACJ;;AACT"}