@neut/ui 0.0.16 → 0.0.18

package/dist/components/checkbox/Checkbox/Checkbox.js

@@ -1,15 +1,15 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import { classes as t } from "./Checkbox.styles.js";
 import { CheckboxIndicator as n } from "../CheckboxIndicator/CheckboxIndicator.js";
-import { createComponent as r, delegateEvents as i, effect as a, insert as o, mergeProps as s, setAttribute as c, spread as l, template as u } from "solid-js/web";
-import { createMemo as d, createSignal as f, createUniqueId as p, mergeProps as m, splitProps as h } from "solid-js";
+import { createComponent as r, delegateEvents as i, effect as a, insert as o, mergeProps as s, setAttribute as c, spread as l, template as u, use as d } from "solid-js/web";
+import { createMemo as f, createSignal as p, createUniqueId as m, mergeProps as h, splitProps as g } from "solid-js";
 //#region src/components/checkbox/Checkbox/Checkbox.tsx
-var g = /*#__PURE__*/ u("<span data-slot=checkbox role=checkbox tabindex=0>"), _ = /*#__PURE__*/ u("<input type=checkbox tabindex=-1 aria-hidden=true class=sr-only>"), v = (i) => {
-	let u = p(), v = m({
+var _ = /*#__PURE__*/ u("<span data-slot=checkbox role=checkbox tabindex=0>"), v = /*#__PURE__*/ u("<input type=checkbox tabindex=-1 aria-hidden=true class=sr-only>"), y = (i) => {
+	let u = m(), y = h({
 		id: u,
 		name: u,
 		defaultChecked: !1
-	}, i), [y, b] = h(v, [
+	}, i), [b, x] = g(y, [
 		"name",
 		"id",
 		"checked",
@@ -18,49 +18,56 @@ var g = /*#__PURE__*/ u("<span data-slot=checkbox role=checkbox tabindex=0>"), _
 		"disabled",
 		"class",
 		"classList"
-	]), [x, S] = f(y.defaultChecked), C = d(() => y.checked ?? x()), w = () => {
-		if (y.disabled) return;
-		let e = !C();
-		S(e), y.onChange?.(e);
-	};
+	]), [S, C] = p(b.defaultChecked), w = f(() => b.checked ?? S()), T, E = () => {
+		b.disabled || D() || T?.click();
+	}, D = () => !!T?.id && !!document.querySelector(`label[for="${CSS.escape(T.id)}"]`);
 	return [(() => {
-		var i = g();
-		return i.$$click = w, l(i, s({
+		var i = _();
+		return i.$$click = E, l(i, s({
 			get "aria-checked"() {
-				return C();
+				return w();
 			},
 			get "aria-disabled"() {
-				return y.disabled;
+				return b.disabled;
 			},
 			get "data-disabled"() {
-				return y.disabled;
+				return b.disabled;
 			},
 			get "data-checked"() {
-				return C();
+				return w();
 			},
 			get "aria-labelledby"() {
-				return y.id;
+				return b.id;
 			},
 			get class() {
-				return e(t, y.class);
+				return e(t, b.class);
+			},
+			get classList() {
+				return b.classList;
 			}
-		}, b), !1, !0), o(i, r(n, { get checked() {
-			return C();
+		}, x), !1, !0), o(i, r(n, { get checked() {
+			return w();
 		} })), i;
 	})(), (() => {
-		var e = _();
-		return a((t) => {
-			var n = y.id, r = y.name, i = y.disabled;
+		var e = v();
+		return e.addEventListener("change", (e) => {
+			if (b.disabled) return;
+			let t = e.currentTarget.checked;
+			C(t), b.onChange?.(t);
+		}), d((e) => {
+			T = e;
+		}, e), a((t) => {
+			var n = b.id, r = b.name, i = b.disabled;
 			return n !== t.e && c(e, "id", t.e = n), r !== t.t && c(e, "name", t.t = r), i !== t.a && (e.disabled = t.a = i), t;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0
-		}), a(() => e.checked = C()), e;
+		}), a(() => e.checked = w()), e;
 	})()];
 };
 i(["click"]);
 //#endregion
-export { v as Checkbox };
+export { y as Checkbox };
 
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["createMemo","createSignal","createUniqueId","mergeProps","splitProps","CheckboxProps","clsx","classes","CheckboxIndicator","Checkbox","props","defaultID","merged","id","name","defaultChecked","const","local","others","internalChecked","setInternalChecked","checked","handleClick","disabled","newChecked","onChange","_el$","_tmpl$","$$click","_$spread","_$mergeProps","aria-checked","aria-disabled","data-disabled","data-checked","aria-labelledby","class","_$insert","_$createComponent","_el$2","_tmpl$2","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","undefined","_$delegateEvents","mergeProps","_$mergeProps","_$createComponent","_$setAttribute","_$delegateEvents","mergeProps$1","_tmpl$","_tmpl$2","Checkbox","defaultID","createUniqueId","merged","props","local","others","splitProps","internalChecked","setInternalChecked","createSignal","checked","createMemo","handleClick","newChecked","_el$","spread","mergeProps","\"class\"","clsx","classes","insert","createComponent","CheckboxIndicator","_el$2","effect","_v$","_v$2","_v$3","_p$","setAttribute","delegateEvents"],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { CheckboxProps } from \"./Checkbox.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Checkbox.styles\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const defaultID = createUniqueId();\n  const merged = mergeProps(\n    { id: defaultID, name: defaultID, defaultChecked: false } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"name\",\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onChange\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked,\n  );\n\n  const checked = createMemo(() => local.checked ?? internalChecked());\n\n  const handleClick = () => {\n    if (local.disabled) return;\n\n    const newChecked = !checked();\n    setInternalChecked(newChecked);\n    local.onChange?.(newChecked);\n  };\n\n  return (\n    <>\n      <span\n        data-slot=\"checkbox\"\n        role=\"checkbox\"\n        tabIndex={0}\n        aria-checked={checked()}\n        aria-disabled={local.disabled}\n        data-disabled={local.disabled}\n        data-checked={checked()}\n        aria-labelledby={local.id}\n        class={clsx(classes, local.class)}\n        onClick={handleClick}\n        {...others}\n      >\n        <CheckboxIndicator checked={checked()} />\n      </span>\n      <input\n        id={local.id}\n        type=\"checkbox\"\n        checked={checked()}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={local.name}\n        class=\"sr-only\"\n        disabled={local.disabled}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;wKAYaS,KAAYC,MAAyB;CAChD,IAAMC,IAAYT,EAAe,GAC3BU,IAAST,EACb;EAAEU,IAAIF;EAAWG,MAAMH;EAAWI,gBAAgB;CAAM,GACxDL,CACF,GAEM,CAACO,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ,GAEK,CAACO,GAAiBC,KAAsBnB,EAC5CgB,EAAMF,cACR,GAEMM,IAAUrB,QAAiBiB,EAAMI,WAAWF,EAAgB,CAAC,GAE7DG,UAAoB;EACxB,IAAIL,EAAMM,UAAU;EAEpB,IAAMC,IAAa,CAACH,EAAQ;EAE5BJ,AADAG,EAAmBI,CAAU,GAC7BP,EAAMQ,WAAWD,CAAU;CAC7B;CAEA,OAAA,QAAA;EAAA,IAAAE,IAAAC,EAAA;EAe2C,OAf3CD,EAAAE,UAYeN,GAAWO,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;IAAA,OANNT,EAAQ;GAAC;GAAA,IAAA,kBAAA;IAAA,OACRJ,EAAMM;GAAQ;GAAA,IAAA,kBAAA;IAAA,OACdN,EAAMM;GAAQ;GAAA,IAAA,iBAAA;IAAA,OACfF,EAAQ;GAAC;GAAA,IAAA,oBAAA;IAAA,OACNJ,EAAMJ;GAAE;GAAA,IAAAiE,QAAA;IAAA,OAClBxE,EAAKC,GAASU,EAAMmB,KAAK;GAAC;EAAA,GAE7BlB,CAAM,GAAA,IAAA,EAAA,GAAAmB,EAAAX,GAAAY,EAET9B,GAAiB,EAAA,IAACa,UAAO;GAAA,OAAEA,EAAQ;EAAC,EAAA,CAAA,CAAA,GAAAK;CAAA,EAAA,CAAA,UAAA;EAAA,IAAAa,IAAAC,EAAA;EAKnB,OALmBC,GAAAC,MAAA;GAAA,IAAAC,IAGjC1B,EAAMJ,IAAE+B,IAKN3B,EAAMH,MAAI+B,IAEN5B,EAAMM;GAAQ,OAAAoB,MAAAD,EAAAI,KAAAC,EAAAR,GAAA,MAAAG,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAD,EAAAR,GAAA,QAAAG,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAO,MAAAV,EAAAhB,WAAAmB,EAAAO,IAAAJ,IAAAH;EAAA,GAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAT,QAAAF,EAAAlB,UALfA,EAAQ,CAAC,GAAAkB;CAAA,EAAA,CAAA,CAAA;AAS1B;AAAEY,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"Checkbox.js","names":["createMemo","createSignal","createUniqueId","mergeProps","splitProps","CheckboxProps","clsx","classes","CheckboxIndicator","Checkbox","props","defaultID","merged","id","name","defaultChecked","const","local","others","internalChecked","setInternalChecked","checked","inputRef","HTMLInputElement","handleClick","disabled","hasLabelPointingAtInput","click","document","querySelector","CSS","escape","_el$","_tmpl$","$$click","_$spread","_$mergeProps","aria-checked","aria-disabled","data-disabled","data-checked","aria-labelledby","class","classList","_$insert","_$createComponent","_el$2","_tmpl$2","addEventListener","event","next","currentTarget","onChange","_$use","el","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","undefined","_$delegateEvents","mergeProps","_$mergeProps","_$createComponent","_$setAttribute","_$delegateEvents","mergeProps$1","_tmpl$","_tmpl$2","Checkbox","defaultID","createUniqueId","merged","props","local","others","splitProps","internalChecked","setInternalChecked","createSignal","checked","createMemo","inputRef","handleClick","hasLabelPointingAtInput","_el$","spread","mergeProps","\"class\"","clsx","classes","insert","createComponent","CheckboxIndicator","_el$2","next","event","use","el","effect","_v$","_v$2","_v$3","_p$","setAttribute","delegateEvents"],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { CheckboxProps } from \"./Checkbox.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Checkbox.styles\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const defaultID = createUniqueId();\n  const merged = mergeProps(\n    { id: defaultID, name: defaultID, defaultChecked: false } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"name\",\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onChange\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked,\n  );\n\n  const checked = createMemo(() => local.checked ?? internalChecked());\n\n  let inputRef: HTMLInputElement | undefined;\n\n  /**\n   * 可见控件（span）的点击只是\"代理\"：真正承载状态的是隐藏 input。\n   * 统一从 input 走一遍原生点击，这样用户点 span、点 label（原生转发到 input）\n   * 两条路径完全一致，不会各改一次状态导致净变化为 0、onChange 触发两次。\n   */\n  const handleClick = () => {\n    if (local.disabled) return;\n    // 若存在某个 <label> 的 control 正是我们的隐藏 input，浏览器已经会为\n    // 每次 label 点击转发一次原生点击；此时 span 再代理就会把同一个 input\n    // 点两遍（状态翻两次回到原值、onChange 也触发两次）。\n    // 注意 span 通常是 label 的**兄弟**节点，不能用 closest(\"label\") 判断。\n    if (hasLabelPointingAtInput()) return;\n    inputRef?.click();\n  };\n\n  /** 页面里是否有 label 通过 for/id 指向我们的隐藏 input（原生会代为转发点击） */\n  const hasLabelPointingAtInput = () =>\n    !!inputRef?.id &&\n    !!document.querySelector(`label[for=\"${CSS.escape(inputRef.id)}\"]`);\n\n  return (\n    <>\n      <span\n        data-slot=\"checkbox\"\n        role=\"checkbox\"\n        tabIndex={0}\n        aria-checked={checked()}\n        aria-disabled={local.disabled}\n        data-disabled={local.disabled}\n        data-checked={checked()}\n        aria-labelledby={local.id}\n        class={clsx(classes, local.class)}\n        classList={local.classList}\n        onClick={handleClick}\n        {...others}\n      >\n        <CheckboxIndicator checked={checked()} />\n      </span>\n      <input\n        ref={(el) => {\n          inputRef = el;\n        }}\n        id={local.id}\n        type=\"checkbox\"\n        checked={checked()}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={local.name}\n        class=\"sr-only\"\n        disabled={local.disabled}\n        // 隐藏 input 是表单语义与 `<label for>` 原生转发的落点，\n        // 它的变化必须回写到组件状态，否则会出现\n        // 「可见 span 显示已勾选、input.checked 仍是 false」的脱节\n        // （表单提交拿不到值，label 的转发也会被下一次点击翻回去）。\n        // 隐藏 input 是唯一的变更入口：用户点 span 会转发到这里，\n        // `<label for>` 的原生转发也落在这里，因此不会双触发\n        onChange={(event) => {\n          if (local.disabled) return;\n          const next = event.currentTarget.checked;\n          setInternalChecked(next);\n          local.onChange?.(next);\n        }}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;wKAYaS,KAAYC,MAAyB;CAChD,IAAMC,IAAYT,EAAe,GAC3BU,IAAST,EACb;EAAEU,IAAIF;EAAWG,MAAMH;EAAWI,gBAAgB;CAAM,GACxDL,CACF,GAEM,CAACO,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ,GAEK,CAACO,GAAiBC,KAAsBnB,EAC5CgB,EAAMF,cACR,GAEMM,IAAUrB,QAAiBiB,EAAMI,WAAWF,EAAgB,CAAC,GAE/DG,GAOEE,UAAoB;EACxB,AAAIP,EAAMQ,YAKNC,EAAwB,KAC5BJ,GAAUK,MAAM;CAClB,GAGMD,UACJ,CAAC,CAACJ,GAAUT,MACZ,CAAC,CAACe,SAASC,cAAc,cAAcC,IAAIC,OAAOT,EAAST,EAAE,EAAC,GAAI;CAEpE,OAAA,QAAA;EAAA,IAAAmB,IAAAC,EAAA;EAgB2C,OAhB3CD,EAAAE,UAaeV,GAAWW,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;IAAA,OAPNf,EAAQ;GAAC;GAAA,IAAA,kBAAA;IAAA,OACRJ,EAAMQ;GAAQ;GAAA,IAAA,kBAAA;IAAA,OACdR,EAAMQ;GAAQ;GAAA,IAAA,iBAAA;IAAA,OACfJ,EAAQ;GAAC;GAAA,IAAA,oBAAA;IAAA,OACNJ,EAAMJ;GAAE;GAAA,IAAAgF,QAAA;IAAA,OAClBvF,EAAKC,GAASU,EAAMyB,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAE1B,EAAM0B;GAAS;EAAA,GAEtBzB,CAAM,GAAA,IAAA,EAAA,GAAA0B,EAAAZ,GAAAa,EAETrC,GAAiB,EAAA,IAACa,UAAO;GAAA,OAAEA,EAAQ;EAAC,EAAA,CAAA,CAAA,GAAAW;CAAA,EAAA,CAAA,UAAA;EAAA,IAAAc,IAAAC,EAAA;EAQnB,OARmBD,EAAAE,iBAAA,WAoB1BC,MAAU;GACnB,IAAIhC,EAAMQ,UAAU;GACpB,IAAMyB,IAAOD,EAAME,cAAc9B;GAEjCJ,AADAG,EAAmB8B,CAAI,GACvBjC,EAAMmC,WAAWF,CAAI;EACvB,CAAC,GAAAG,GAtBKC,MAAO;GACXhC,IAAWgC;EACb,GAACR,CAAA,GAAAS,GAAAC,MAAA;GAAA,IAAAC,IACGxC,EAAMJ,IAAE6C,IAKNzC,EAAMH,MAAI6C,IAEN1C,EAAMQ;GAAQ,OAAAgC,MAAAD,EAAAI,KAAAC,EAAAf,GAAA,MAAAU,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAD,EAAAf,GAAA,QAAAU,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAO,MAAAjB,EAAArB,WAAA+B,EAAAO,IAAAJ,IAAAH;EAAA,GAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAT,QAAAT,EAAAzB,UALfA,EAAQ,CAAC,GAAAyB;CAAA,EAAA,CAAA,CAAA;AAqB1B;AAAEmB,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/collapsible/Collapsible/Collapsible.context.js

@@ -2,7 +2,7 @@ import { createContext as e, useContext as t } from "solid-js";
 //#region src/components/collapsible/Collapsible/Collapsible.context.ts
 var n = e(), r = () => {
 	let e = t(n);
-	if (!e) throw Error("useCollapsibleContext must be used within a CollapsibleProvider");
+	if (!e) throw Error("useCollapsibleContext 必须用在 <Collapsible> 内部");
 	return e;
 };
 //#endregion

package/dist/components/collapsible/Collapsible/Collapsible.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.context.js","names":["CollapsibleContext","createContext","useCollapsibleContext","ctx","useContext"],"sources":["../../../../src/components/collapsible/Collapsible/Collapsible.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface CollapsibleContextValue {\n  open: Accessor<boolean>;\n  setInternalOpen: Setter<boolean>;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const CollapsibleContext = createContext<CollapsibleContextValue>();\n\nexport const useCollapsibleContext = () => {\n  const ctx = useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(\n      \"useCollapsibleContext must be used within a CollapsibleProvider\",\n    );\n  }\n  return ctx;\n};\n"],"mappings":";;AAaA,IAAaA,IAAqBC,EAAuC,GAE5DC,UAA8B;CACzC,IAAMC,IAAMC,EAAWJ,CAAkB;CACzC,IAAI,CAACG,GACH,MAAU,MACR,iEACF;CAEF,OAAOA;AACT"}
+{"version":3,"file":"Collapsible.context.js","names":["CollapsibleContext","createContext","useCollapsibleContext","ctx","useContext"],"sources":["../../../../src/components/collapsible/Collapsible/Collapsible.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface CollapsibleContextValue {\n  open: Accessor<boolean>;\n  setInternalOpen: Setter<boolean>;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const CollapsibleContext = createContext<CollapsibleContextValue>();\n\nexport const useCollapsibleContext = () => {\n  const ctx = useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(\"useCollapsibleContext 必须用在 <Collapsible> 内部\");\n  }\n  return ctx;\n};\n"],"mappings":";;AAaA,IAAaA,IAAqBC,EAAuC,GAE5DC,UAA8B;CACzC,IAAMC,IAAMC,EAAWJ,CAAkB;CACzC,IAAI,CAACG,GACH,MAAU,MAAM,6CAA6C;CAE/D,OAAOA;AACT"}

package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.js

@@ -1,24 +1,25 @@
-import { Button as e } from "../../button/Button.js";
-import { useCollapsibleContext as t } from "../Collapsible/Collapsible.context.js";
-import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { callEventHandler as e } from "../../../utils/call-event-handler.js";
+import { Button as t } from "../../button/Button.js";
+import { useCollapsibleContext as n } from "../Collapsible/Collapsible.context.js";
+import { createComponent as r, mergeProps as i } from "solid-js/web";
 //#region src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx
-var i = (i) => {
-	let { onOpenChange: a, open: o, setInternalOpen: s } = t();
-	return n(e, r(i, {
+var a = (a) => {
+	let { onOpenChange: o, open: s, setInternalOpen: c } = n();
+	return r(t, i(a, {
 		"data-slot": "collapsible-trigger",
 		get "data-panel-open"() {
-			return o();
+			return s();
 		},
 		get "aria-expanded"() {
-			return o();
+			return s();
 		},
-		onClick: () => {
-			let e = !o();
-			s(e), a?.(e), i.onClick?.();
+		onClick: (t) => {
+			let n = !s();
+			c(n), o?.(n), e(a.onClick, t);
 		}
 	}));
 };
 //#endregion
-export { i as CollapsibleTrigger };
+export { a as CollapsibleTrigger };
 
 //# sourceMappingURL=CollapsibleTrigger.js.map

package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTrigger.js","names":["useCollapsibleContext","CollapsibleTriggerProps","Button","CollapsibleTrigger","props","onOpenChange","open","setInternalOpen","handleClick","next","onClick","_$createComponent","_$mergeProps","data-panel-open","aria-expanded","_$createComponent","_$mergeProps","CollapsibleTrigger","useCollapsibleContext","createComponent","Button","mergeProps","props","open","next","setInternalOpen","onOpenChange"],"sources":["../../../../src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx"],"sourcesContent":["import { useCollapsibleContext } from \"../Collapsible\";\nimport type { CollapsibleTriggerProps } from \"./CollapsibleTrigger.types\";\nimport { Button } from \"~/components/button\";\n\nexport const CollapsibleTrigger = (props: CollapsibleTriggerProps) => {\n  const { onOpenChange, open, setInternalOpen } = useCollapsibleContext();\n\n  const handleClick = () => {\n    const next = !open();\n    setInternalOpen(next);\n    onOpenChange?.(next);\n    props.onClick?.();\n  };\n\n  return (\n    <Button\n      {...props}\n      data-slot=\"collapsible-trigger\"\n      data-panel-open={open()}\n      aria-expanded={open()}\n      onClick={handleClick}\n    />\n  );\n};\n"],"mappings":";;;;AAIA,IAAaG,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBP,EAAsB;CAStE,OAAAW,EACGT,GAAMU,EACDR,GAAK;EAAA,aAAA;EAAA,IAAA,oBAAA;GAAA,OAEQE,EAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACRA,EAAK;EAAC;EACrBI,eAbsB;GACxB,IAAMD,IAAO,CAACH,EAAK;GAGnBF,AAFAG,EAAgBE,CAAI,GACpBJ,IAAeI,CAAI,GACnBL,EAAMM,UAAU;EAClB;CAQwB,CAAA,CAAA;AAG1B"}
+{"version":3,"file":"CollapsibleTrigger.js","names":["useCollapsibleContext","CollapsibleTriggerProps","Button","callEventHandler","CollapsibleTrigger","props","onOpenChange","open","setInternalOpen","handleClick","event","MouseEvent","next","onClick","_$createComponent","_$mergeProps","data-panel-open","aria-expanded","_$createComponent","_$mergeProps","CollapsibleTrigger","useCollapsibleContext","createComponent","Button","mergeProps","props","open","next","setInternalOpen","onOpenChange","callEventHandler","event"],"sources":["../../../../src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx"],"sourcesContent":["import { useCollapsibleContext } from \"../Collapsible\";\nimport type { CollapsibleTriggerProps } from \"./CollapsibleTrigger.types\";\nimport { Button } from \"~/components/button\";\nimport { callEventHandler } from \"~/utils\";\n\nexport const CollapsibleTrigger = (props: CollapsibleTriggerProps) => {\n  const { onOpenChange, open, setInternalOpen } = useCollapsibleContext();\n\n  const handleClick = (event: MouseEvent) => {\n    const next = !open();\n    setInternalOpen(next);\n    onOpenChange?.(next);\n    // 必须把事件透传给用户的 onClick（此前是 `props.onClick?.()`——用户回调\n    // 收到的是 undefined，而且数组/绑定形式根本不会被调用）\n    callEventHandler(props.onClick, event);\n  };\n\n  return (\n    <Button\n      {...props}\n      data-slot=\"collapsible-trigger\"\n      data-panel-open={open()}\n      aria-expanded={open()}\n      onClick={handleClick}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBR,EAAsB;CAWtE,OAAAc,EACGZ,GAAMa,EACDV,GAAK;EAAA,aAAA;EAAA,IAAA,oBAAA;GAAA,OAEQE,EAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACRA,EAAK;EAAC;EACrBM,UAfiBH,MAAsB;GACzC,IAAME,IAAO,CAACL,EAAK;GAKnBJ,AAJAK,EAAgBI,CAAI,GACpBN,IAAeM,CAAI,GAGnBT,EAAiBE,EAAMQ,SAASH,CAAK;EACvC;CAQwB,CAAA,CAAA;AAG1B"}

package/dist/components/combobox/Combobox/Combobox.js

@@ -1,63 +1,63 @@
-import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
-import { ComboboxContext as t } from "./Combobox.context.js";
-import { createComponent as n } from "solid-js/web";
-import { createMemo as r, createSignal as i, createUniqueId as a } from "solid-js";
+import { createChangeEventDetails as e } from "../../../utils/create-change-event-details.js";
+import { useScrollLock as t } from "../../../hooks/useScrollLock.js";
+import { ComboboxContext as n } from "./Combobox.context.js";
+import { createComponent as r } from "solid-js/web";
+import { createMemo as i, createSignal as a, createUniqueId as o } from "solid-js";
 //#region src/components/combobox/Combobox/Combobox.tsx
-var o = (e) => String(e);
-function s(s) {
-	let c = r(() => s.items), l = r(() => s.itemToStringValue ?? o), u = s.value === void 0 ? s.defaultValue : s.value, [d, f] = i(u == null || Array.isArray(u) ? "" : l()(u)), [p, m] = i(""), [h, g] = i(s.defaultValue), _ = r(() => s.value === void 0 ? h() : s.value), v = (e) => {
-		s.value === void 0 && g(e), s.onValueChange?.(e);
-	}, [y, b] = i(s.defaultOpen ?? !1), x = r(() => s.open === void 0 ? y() : s.open), S = r(() => !!s.disabled), C = r(() => s.lockScroll ?? !0);
-	e(() => x() && C(), { allowedSelector: "[data-slot=\"combobox-content\"]" });
-	let w = r(() => !!s.multiple), T = (e) => {
-		s.open === void 0 && b(e), s.onOpenChange?.(e);
-	}, [E, D] = i(-1), [O, k] = i(), [A, j] = i(), M = `combobox-content-${a()}`, N = r(() => c().some((e) => e && typeof e == "object" && Array.isArray(e.items))), P = r(() => {
-		let e = p().toLowerCase().trim();
-		return e ? c().filter((t) => l()(t).toLowerCase().includes(e)) : c();
-	}), F = r(() => {
-		let e = _();
+var s = (e) => String(e);
+function c(c) {
+	let l = i(() => c.items), u = i(() => c.itemToStringValue ?? s), d = c.value === void 0 ? c.defaultValue : c.value, [f, p] = a(d == null || Array.isArray(d) ? "" : u()(d)), [m, h] = a(""), [g, _] = a(c.defaultValue), v = i(() => c.value === void 0 ? g() : c.value), y = (t, n = "none", r) => {
+		let i = e(n, r, k());
+		return c.onValueChange?.(t, i), !i.isCanceled && (c.value === void 0 && _(t), !0);
+	}, [b, x] = a(c.defaultOpen ?? !1), S = i(() => c.open === void 0 ? b() : c.open), C = i(() => !!c.disabled), w = i(() => c.lockScroll ?? !0);
+	t(() => S() && w(), { allowedSelector: "[data-slot=\"combobox-content\"]" });
+	let T = i(() => !!c.multiple), E = (t, n = "none", r) => {
+		let i = e(n, r, k());
+		c.onOpenChange?.(t, i), !i.isCanceled && c.open === void 0 && x(t);
+	}, [D, O] = a(-1), [k, A] = a(), [j, M] = a(), N = `combobox-content-${o()}`, P = `combobox-list-${o()}`, F = (e) => `${P}-option-${String(e)}`, I = i(() => l().some((e) => e && typeof e == "object" && Array.isArray(e.items))), L = i(() => {
+		let e = m().toLowerCase().trim();
+		return e ? l().filter((t) => u()(t).toLowerCase().includes(e)) : l();
+	}), R = i(() => {
+		let e = v();
 		return e == null ? [] : Array.isArray(e) ? e : [e];
-	}), I = (e) => F().some((t) => t === e), L = () => T(!1), R = {
-		items: c,
-		filteredItems: P,
-		isGrouped: N,
-		inputValue: d,
-		setInputValue: f,
-		filterValue: p,
-		setFilterValue: m,
-		open: x,
-		setOpen: T,
-		disabled: S,
-		multiple: w,
-		value: _,
-		setValue: v,
-		selectItem: (e) => {
-			if (!S()) {
-				if (s.multiple) {
-					let t = F(), n = I(e) ? t.filter((t) => t !== e) : [...t, e];
-					v(n), f(""), m("");
-				} else v(e), f(l()(e)), m(""), L();
-			}
+	}), z = (e) => R().some((t) => t === e), B = (e = "none", t) => E(!1, e, t), V = {
+		items: l,
+		filteredItems: L,
+		isGrouped: I,
+		inputValue: f,
+		setInputValue: p,
+		filterValue: m,
+		setFilterValue: h,
+		open: S,
+		setOpen: E,
+		disabled: C,
+		multiple: T,
+		value: v,
+		setValue: y,
+		selectItem: (e, t) => {
+			C() || y(c.multiple ? z(e) ? R().filter((t) => t !== e) : [...R(), e] : e, "item-press", t) && (c.multiple ? (p(""), h("")) : (p(u()(e)), h(""), B("item-press", t)));
 		},
-		isSelected: I,
-		itemToStringValue: (e) => l()(e),
-		activeIndex: E,
-		setActiveIndex: D,
-		reference: O,
-		setReference: k,
-		floating: A,
-		setFloating: j,
-		contentId: M,
-		close: L
+		isSelected: z,
+		itemToStringValue: (e) => u()(e),
+		activeIndex: D,
+		setActiveIndex: O,
+		reference: k,
+		setReference: A,
+		floating: j,
+		setFloating: M,
+		contentId: N,
+		listId: P,
+		optionId: F,
+		close: B
 	};
-	return n(t.Provider, {
-		value: R,
+	return r(n.Provider, {
+		value: V,
 		get children() {
-			return s.children;
+			return c.children;
 		}
 	});
 }
 //#endregion
-export { s as Combobox };
+export { c as Combobox };
 
 //# sourceMappingURL=Combobox.js.map

package/dist/components/combobox/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["createMemo","createSignal","createUniqueId","JSX","useScrollLock","ComboboxContext","ComboboxContextValue","ComboboxProps","DEFAULT_ITEM_TO_STRING","item","String","Combobox","props","T","Element","items","itemToStringValue","initialValue","value","undefined","defaultValue","inputValue","setInputValue","Array","isArray","filterValue","setFilterValue","internalValue","setInternalValue","setValue","next","onValueChange","internalOpen","setInternalOpen","defaultOpen","open","disabled","lockScroll","allowedSelector","multiple","setOpen","onOpenChange","activeIndex","setActiveIndex","reference","setReference","HTMLElement","floating","setFloating","contentId","isGrouped","some","filteredItems","query","toLowerCase","trim","filter","includes","selectedItems","current","isSelected","selected","close","selectItem","ctx","_$createComponent","Provider","children","_$createComponent","DEFAULT_ITEM_TO_STRING","item","Combobox","items","createMemo","props","itemToStringValue","initialValue","inputValue","setInputValue","createSignal","filterValue","setFilterValue","internalValue","setInternalValue","value","setValue","next","internalOpen","setInternalOpen","open","disabled","lockScroll","multiple","setOpen","activeIndex","setActiveIndex","reference","setReference","floating","setFloating","contentId","createUniqueId","isGrouped","filteredItems","query","selectedItems","current","isSelected","selected","close","ctx","createComponent","ComboboxContext"],"sources":["../../../../src/components/combobox/Combobox/Combobox.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { ComboboxContext } from \"./Combobox.context\";\nimport type { ComboboxContextValue, ComboboxProps } from \"./Combobox.types\";\n\nconst DEFAULT_ITEM_TO_STRING = (item: any) => String(item);\n\nexport function Combobox<T = any>(props: ComboboxProps<T>): JSX.Element {\n  const items = createMemo(() => props.items);\n  const itemToStringValue = createMemo(\n    () => props.itemToStringValue ?? DEFAULT_ITEM_TO_STRING,\n  );\n\n  const initialValue =\n    props.value !== undefined ? props.value : props.defaultValue;\n  const [inputValue, setInputValue] = createSignal(\n    initialValue == null || Array.isArray(initialValue)\n      ? \"\"\n      : itemToStringValue()(initialValue as T),\n  );\n  const [filterValue, setFilterValue] = createSignal(\"\");\n  const [internalValue, setInternalValue] = createSignal<\n    T | T[] | null | undefined\n  >(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (next: T | T[] | null) => {\n    if (props.value === undefined) setInternalValue(next as any);\n    props.onValueChange?.(next);\n  };\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 面板自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: '[data-slot=\"combobox-content\"]',\n  });\n\n  const multiple = createMemo(() => !!props.multiple);\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const [activeIndex, setActiveIndex] = createSignal(-1);\n  const [reference, setReference] = createSignal<HTMLElement>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const contentId = `combobox-content-${createUniqueId()}`;\n\n  const isGrouped = createMemo(() =>\n    items().some(\n      (item) =>\n        item && typeof item === \"object\" && Array.isArray((item as any).items),\n    ),\n  );\n\n  const filteredItems = createMemo(() => {\n    const query = filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      itemToStringValue()(item).toLowerCase().includes(query),\n    );\n  });\n\n  const selectedItems = createMemo(() => {\n    const current = value();\n    if (current == null) return [] as T[];\n    return Array.isArray(current) ? current : [current];\n  });\n\n  const isSelected = (item: T) =>\n    selectedItems().some((selected) => selected === item);\n\n  const close = () => setOpen(false);\n\n  const selectItem = (item: T) => {\n    if (disabled()) return;\n    if (props.multiple) {\n      const current = selectedItems();\n      const next = isSelected(item)\n        ? current.filter((selected) => selected !== item)\n        : [...current, item];\n      setValue(next);\n      setInputValue(\"\");\n      setFilterValue(\"\");\n    } else {\n      setValue(item);\n      setInputValue(itemToStringValue()(item));\n      setFilterValue(\"\");\n      close();\n    }\n  };\n\n  const ctx: ComboboxContextValue<T> = {\n    items,\n    filteredItems,\n    isGrouped,\n    inputValue,\n    setInputValue,\n    filterValue,\n    setFilterValue,\n    open,\n    setOpen,\n    disabled,\n    multiple,\n    value,\n    setValue,\n    selectItem,\n    isSelected,\n    itemToStringValue: (item) => itemToStringValue()(item),\n    activeIndex,\n    setActiveIndex,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    contentId,\n    close,\n  };\n\n  return (\n    <ComboboxContext.Provider value={ctx}>\n      {props.children}\n    </ComboboxContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":["createMemo","createSignal","createUniqueId","JSX","useScrollLock","createChangeEventDetails","ComboboxContext","ComboboxContextValue","ComboboxOpenChangeReason","ComboboxProps","ComboboxValueChangeReason","DEFAULT_ITEM_TO_STRING","item","String","Combobox","props","T","Element","items","itemToStringValue","initialValue","value","undefined","defaultValue","inputValue","setInputValue","Array","isArray","filterValue","setFilterValue","internalValue","setInternalValue","setValue","next","reason","event","Event","details","reference","onValueChange","isCanceled","internalOpen","setInternalOpen","defaultOpen","open","disabled","lockScroll","allowedSelector","multiple","setOpen","onOpenChange","activeIndex","setActiveIndex","setReference","HTMLElement","floating","setFloating","contentId","listId","optionId","isGrouped","some","filteredItems","query","toLowerCase","trim","filter","includes","selectedItems","current","isSelected","selected","close","selectItem","applied","ctx","_$createComponent","Provider","children","_$createComponent","DEFAULT_ITEM_TO_STRING","item","Combobox","items","createMemo","props","itemToStringValue","initialValue","inputValue","setInputValue","createSignal","filterValue","setFilterValue","internalValue","setInternalValue","value","setValue","details","createChangeEventDetails","reason","event","reference","next","internalOpen","setInternalOpen","open","disabled","lockScroll","multiple","setOpen","activeIndex","setActiveIndex","setReference","floating","setFloating","contentId","createUniqueId","listId","optionId","isGrouped","filteredItems","query","selectedItems","current","isSelected","selected","close","ctx","createComponent","ComboboxContext"],"sources":["../../../../src/components/combobox/Combobox/Combobox.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { createChangeEventDetails } from \"~/utils\";\nimport { ComboboxContext } from \"./Combobox.context\";\nimport type {\n  ComboboxContextValue,\n  ComboboxOpenChangeReason,\n  ComboboxProps,\n  ComboboxValueChangeReason,\n} from \"./Combobox.types\";\n\nconst DEFAULT_ITEM_TO_STRING = (item: any) => String(item);\n\nexport function Combobox<T = any>(props: ComboboxProps<T>): JSX.Element {\n  const items = createMemo(() => props.items);\n  const itemToStringValue = createMemo(\n    () => props.itemToStringValue ?? DEFAULT_ITEM_TO_STRING,\n  );\n\n  const initialValue =\n    props.value !== undefined ? props.value : props.defaultValue;\n  const [inputValue, setInputValue] = createSignal(\n    initialValue == null || Array.isArray(initialValue)\n      ? \"\"\n      : itemToStringValue()(initialValue as T),\n  );\n  const [filterValue, setFilterValue] = createSignal(\"\");\n  const [internalValue, setInternalValue] = createSignal<\n    T | T[] | null | undefined\n  >(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (\n    next: T | T[] | null,\n    reason: ComboboxValueChangeReason = \"none\",\n    event?: Event,\n  ): boolean => {\n    const details = createChangeEventDetails(reason, event, reference());\n    // 先回调再落状态：调用方可以在 details.cancel() 里否决本次变更\n    props.onValueChange?.(next, details);\n    if (details.isCanceled) return false;\n    if (props.value === undefined) setInternalValue(next as any);\n    return true;\n  };\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 面板自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: '[data-slot=\"combobox-content\"]',\n  });\n\n  const multiple = createMemo(() => !!props.multiple);\n  const setOpen = (\n    next: boolean,\n    reason: ComboboxOpenChangeReason = \"none\",\n    event?: Event,\n  ) => {\n    const details = createChangeEventDetails(reason, event, reference());\n    props.onOpenChange?.(next, details);\n    if (details.isCanceled) return;\n    if (props.open === undefined) setInternalOpen(next);\n  };\n\n  const [activeIndex, setActiveIndex] = createSignal(-1);\n  const [reference, setReference] = createSignal<HTMLElement>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const contentId = `combobox-content-${createUniqueId()}`;\n  const listId = `combobox-list-${createUniqueId()}`;\n  // 选项 id 由 listId + 值派生：aria-activedescendant 需要能指向当前高亮项\n  const optionId = (value: unknown) => `${listId}-option-${String(value)}`;\n\n  const isGrouped = createMemo(() =>\n    items().some(\n      (item) =>\n        item && typeof item === \"object\" && Array.isArray((item as any).items),\n    ),\n  );\n\n  const filteredItems = createMemo(() => {\n    const query = filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      itemToStringValue()(item).toLowerCase().includes(query),\n    );\n  });\n\n  const selectedItems = createMemo(() => {\n    const current = value();\n    if (current == null) return [] as T[];\n    return Array.isArray(current) ? current : [current];\n  });\n\n  const isSelected = (item: T) =>\n    selectedItems().some((selected) => selected === item);\n\n  const close = (reason: ComboboxOpenChangeReason = \"none\", event?: Event) =>\n    setOpen(false, reason, event);\n\n  const selectItem = (item: T, event?: Event) => {\n    if (disabled()) return;\n    const applied = setValue(\n      props.multiple\n        ? isSelected(item)\n          ? selectedItems().filter((selected) => selected !== item)\n          : [...selectedItems(), item]\n        : item,\n      \"item-press\",\n      event,\n    );\n    // 值变更被 cancel() 时，输入框的展示与关闭也不该跟着变，\n    // 否则会出现\"值没改但输入框被回填/面板被关掉\"的不一致状态\n    if (!applied) return;\n    if (props.multiple) {\n      setInputValue(\"\");\n      setFilterValue(\"\");\n    } else {\n      setInputValue(itemToStringValue()(item));\n      setFilterValue(\"\");\n      close(\"item-press\", event);\n    }\n  };\n\n  const ctx: ComboboxContextValue<T> = {\n    items,\n    filteredItems,\n    isGrouped,\n    inputValue,\n    setInputValue,\n    filterValue,\n    setFilterValue,\n    open,\n    setOpen,\n    disabled,\n    multiple,\n    value,\n    setValue,\n    selectItem,\n    isSelected,\n    itemToStringValue: (item) => itemToStringValue()(item),\n    activeIndex,\n    setActiveIndex,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    contentId,\n    listId,\n    optionId,\n    close,\n  };\n\n  return (\n    <ComboboxContext.Provider value={ctx}>\n      {props.children}\n    </ComboboxContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/combobox/Combobox/Combobox.types.d.ts

@@ -1,9 +1,14 @@
 import { Accessor, ParentProps } from 'solid-js';
+import { ChangeEventDetails } from '../../../utils';
+/** 值变更的触发来源（对齐 Base UI 的 reason 取值风格） */
+export type ComboboxValueChangeReason = "item-press" | "trigger-press" | "clear-press" | "input-change" | "chip-remove" | "none";
+/** 开合变更的触发来源 */
+export type ComboboxOpenChangeReason = "trigger-press" | "input-focus" | "input-change" | "item-press" | "clear-press" | "escape-key" | "outside-press" | "none";
 export interface ComboboxProps<T = any> extends ParentProps {
     items: T[];
     value?: T | T[] | null;
     defaultValue?: T | T[];
-    onValueChange?: (value: T | T[] | null) => void;
+    onValueChange?: (value: T | T[] | null, details: ChangeEventDetails<ComboboxValueChangeReason>) => void;
     multiple?: boolean;
     disabled?: boolean;
     /**
@@ -15,7 +20,7 @@ export interface ComboboxProps<T = any> extends ParentProps {
     itemToStringValue?: (item: T) => string;
     open?: boolean;
     defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: (open: boolean, details: ChangeEventDetails<ComboboxOpenChangeReason>) => void;
 }
 export interface ComboboxContextValue<T = any> {
     items: Accessor<T[]>;
@@ -26,12 +31,12 @@ export interface ComboboxContextValue<T = any> {
     filterValue: Accessor<string>;
     setFilterValue: (value: string) => void;
     open: Accessor<boolean>;
-    setOpen: (open: boolean) => void;
+    setOpen: (open: boolean, reason?: ComboboxOpenChangeReason, event?: Event) => void;
     disabled: Accessor<boolean>;
     multiple: Accessor<boolean>;
     value: Accessor<T | T[] | null | undefined>;
-    setValue: (value: T | T[] | null) => void;
-    selectItem: (item: T) => void;
+    setValue: (value: T | T[] | null, reason?: ComboboxValueChangeReason, event?: Event) => void;
+    selectItem: (item: T, event?: Event) => void;
     isSelected: (item: T) => boolean;
     itemToStringValue: (item: T) => string;
     activeIndex: Accessor<number>;
@@ -41,5 +46,9 @@ export interface ComboboxContextValue<T = any> {
     floating: Accessor<HTMLElement | undefined>;
     setFloating: (el: HTMLElement | undefined) => void;
     contentId: string;
-    close: () => void;
+    /** listbox 元素的 id，供输入框的 aria-controls 指向 */
+    listId: string;
+    /** 某一项对应的 option 元素 id，供 aria-activedescendant 指向 */
+    optionId: (value: unknown) => string;
+    close: (reason?: ComboboxOpenChangeReason, event?: Event) => void;
 }

package/dist/components/combobox/ComboboxChipsInput/ComboboxChipsInput.js

@@ -7,9 +7,13 @@ function c(r) {
 	let o = t("ComboboxChipsInput");
 	return (() => {
 		var t = s();
-		return t.addEventListener("focus", () => o.setOpen(!0)), t.$$input = (e) => {
+		return t.$$keydown = (e) => {
+			if (e.key !== "Backspace" || o.inputValue() !== "") return;
+			let t = o.value();
+			Array.isArray(t) && t.length !== 0 && (e.preventDefault(), o.setValue(t.slice(0, -1)));
+		}, t.addEventListener("focus", () => o.setOpen(!0, "input-focus")), t.$$input = (e) => {
 			let t = e.currentTarget.value;
-			o.setInputValue(t), o.setFilterValue(t), o.setOpen(!0);
+			o.setInputValue(t), o.setFilterValue(t), o.setOpen(!0, "input-change");
 		}, i((i) => {
 			var s = e("min-w-16 flex-1 bg-transparent outline-none", r.class), c = r.placeholder, l = o.disabled();
 			return s !== i.e && n(t, i.e = s), c !== i.t && a(t, "placeholder", i.t = c), l !== i.a && (t.disabled = i.a = l), i;
@@ -20,7 +24,7 @@ function c(r) {
 		}), i(() => t.value = o.inputValue()), t;
 	})();
 }
-r(["input"]);
+r(["input", "keydown"]);
 //#endregion
 export { c as ComboboxChipsInput };
 

package/dist/components/combobox/ComboboxChipsInput/ComboboxChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxChipsInput.js","names":["clsx","useComboboxContext","ComboboxChipsInput","props","placeholder","class","ctx","_el$","_tmpl$","addEventListener","setOpen","$$input","e","next","currentTarget","value","setInputValue","setFilterValue","_$effect","_p$","_v$","_v$2","_v$3","disabled","_$className","t","_$setAttribute","a","undefined","inputValue","_$delegateEvents","_$className","_$setAttribute","_$delegateEvents","_tmpl$","ComboboxChipsInput","ctx","useComboboxContext","_el$","next","effect","_v$","clsx","props","_v$2","_v$3","_p$","className","setAttribute","delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxChipsInput/ComboboxChipsInput.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChipsInput(props: {\n  placeholder?: string;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChipsInput\");\n  return (\n    <input\n      data-slot=\"combobox-chip-input\"\n      class={clsx(\"min-w-16 flex-1 bg-transparent outline-none\", props.class)}\n      placeholder={props.placeholder}\n      disabled={ctx.disabled()}\n      value={ctx.inputValue()}\n      onInput={(e) => {\n        const next = e.currentTarget.value;\n        ctx.setInputValue(next);\n        ctx.setFilterValue(next);\n        ctx.setOpen(true);\n      }}\n      onFocus={() => ctx.setOpen(true)}\n    />\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgBE,EAAmBC,GAGhC;CACD,IAAMG,IAAML,EAAmB,oBAAoB;CACnD,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAM2B,OAN3BD,EAAAE,iBAAA,eAamBH,EAAII,QAAQ,EAAI,CAAC,GAAAH,EAAAI,WANtBC,MAAM;GACd,IAAMC,IAAOD,EAAEE,cAAcC;GAG7BT,AAFAA,EAAIU,cAAcH,CAAI,GACtBP,EAAIW,eAAeJ,CAAI,GACvBP,EAAII,QAAQ,EAAI;EAClB,GAACQ,GAAAC,MAAA;GAAA,IAAAC,IATMpB,EAAK,+CAA+CG,EAAME,KAAK,GAACgB,IAC1DlB,EAAMC,aAAWkB,IACpBhB,EAAIiB,SAAS;GAAC,OAAAH,MAAAD,EAAAP,KAAAY,EAAAjB,GAAAY,EAAAP,IAAAQ,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAnB,GAAA,eAAAY,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAQ,MAAApB,EAAAgB,WAAAJ,EAAAQ,IAAAL,IAAAH;EAAA,GAAA;GAAAP,GAAAgB,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAV,QAAAX,EAAAQ,QACjBT,EAAIuB,WAAW,CAAC,GAAAtB;CAAA,EAAA,CAAA;AAU7B;AAACuB,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"ComboboxChipsInput.js","names":["clsx","useComboboxContext","ComboboxChipsInput","props","placeholder","class","ctx","_el$","_tmpl$","$$keydown","e","key","inputValue","current","value","Array","isArray","length","preventDefault","setValue","slice","addEventListener","setOpen","$$input","next","currentTarget","setInputValue","setFilterValue","_$effect","_p$","_v$","_v$2","_v$3","disabled","_$className","t","_$setAttribute","a","undefined","_$delegateEvents","_$className","_$setAttribute","_$delegateEvents","_tmpl$","ComboboxChipsInput","ctx","useComboboxContext","_el$","current","next","effect","_v$","clsx","props","_v$2","_v$3","_p$","className","setAttribute","delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxChipsInput/ComboboxChipsInput.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChipsInput(props: {\n  placeholder?: string;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChipsInput\");\n  return (\n    <input\n      data-slot=\"combobox-chip-input\"\n      class={clsx(\"min-w-16 flex-1 bg-transparent outline-none\", props.class)}\n      placeholder={props.placeholder}\n      disabled={ctx.disabled()}\n      value={ctx.inputValue()}\n      onInput={(e) => {\n        const next = e.currentTarget.value;\n        ctx.setInputValue(next);\n        ctx.setFilterValue(next);\n        ctx.setOpen(true, \"input-change\");\n      }}\n      onFocus={() => ctx.setOpen(true, \"input-focus\")}\n      onKeyDown={(e) => {\n        // 输入框为空时按 Backspace 删除最后一颗 chip（chips 模式的常见约定）\n        if (e.key !== \"Backspace\") return;\n        if (ctx.inputValue() !== \"\") return;\n        const current = ctx.value();\n        if (!Array.isArray(current) || current.length === 0) return;\n        e.preventDefault();\n        ctx.setValue(current.slice(0, -1) as never);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgBE,EAAmBC,GAGhC;CACD,IAAMG,IAAML,EAAmB,oBAAoB;CACnD,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAM2B,OAN3BD,EAAAE,aAcgBC,MAAM;GAGhB,IADIA,EAAEC,QAAQ,eACVL,EAAIM,WAAW,MAAM,IAAI;GAC7B,IAAMC,IAAUP,EAAIQ,MAAM;GAC1B,AAAKC,MAAMC,QAAQH,CAAO,KAAKA,EAAQI,WAAW,MAClDP,EAAEQ,eAAe,GACjBZ,EAAIa,SAASN,EAAQO,MAAM,GAAG,EAAE,CAAU;EAC5C,GAACb,EAAAc,iBAAA,eATcf,EAAIgB,QAAQ,IAAM,aAAa,CAAC,GAAAf,EAAAgB,WANrCb,MAAM;GACd,IAAMc,IAAOd,EAAEe,cAAcX;GAG7BR,AAFAA,EAAIoB,cAAcF,CAAI,GACtBlB,EAAIqB,eAAeH,CAAI,GACvBlB,EAAIgB,QAAQ,IAAM,cAAc;EAClC,GAACM,GAAAC,MAAA;GAAA,IAAAC,IATM9B,EAAK,+CAA+CG,EAAME,KAAK,GAAC0B,IAC1D5B,EAAMC,aAAW4B,IACpB1B,EAAI2B,SAAS;GAAC,OAAAH,MAAAD,EAAAnB,KAAAwB,EAAA3B,GAAAsB,EAAAnB,IAAAoB,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAA7B,GAAA,eAAAsB,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAQ,MAAA9B,EAAA0B,WAAAJ,EAAAQ,IAAAL,IAAAH;EAAA,GAAA;GAAAnB,GAAA4B,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAV,QAAArB,EAAAO,QACjBR,EAAIM,WAAW,CAAC,GAAAL;CAAA,EAAA,CAAA;AAmB7B;AAACgC,EAAA,CAAA,SAAA,SAAA,CAAA"}

package/dist/components/combobox/ComboboxClear/ComboboxClear.js

@@ -17,7 +17,7 @@ function i(i) {
 			return i.class;
 		},
 		onClick: () => {
-			a.setValue(null), a.setInputValue(""), a.setFilterValue(""), a.setOpen(!1);
+			a.setValue(null), a.setInputValue(""), a.setFilterValue(""), a.setOpen(!1, "clear-press");
 		},
 		get icon() {
 			return n(r, { class: "\"pointer-events-none" });

package/dist/components/combobox/ComboboxClear/ComboboxClear.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxClear.js","names":["X","useComboboxContext","InputGroupButton","ComboboxClear","props","disabled","class","ctx","_$createComponent","variant","size","onClick","setValue","setInputValue","setFilterValue","setOpen","icon","_$createComponent","ComboboxClear","ctx","useComboboxContext","createComponent","InputGroupButton","props","\"class\"","X"],"sources":["../../../../src/components/combobox/ComboboxClear/ComboboxClear.tsx"],"sourcesContent":["import { X } from \"lucide-solid\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxClear(props: { disabled?: boolean; class?: string }) {\n  const ctx = useComboboxContext(\"ComboboxClear\");\n  return (\n    <InputGroupButton\n      variant=\"ghost\"\n      size=\"xs\"\n      data-slot=\"combobox-clear\"\n      aria-label=\"Clear\"\n      disabled={ctx.disabled() || props.disabled}\n      class={props.class}\n      onClick={() => {\n        ctx.setValue(null);\n        ctx.setInputValue(\"\");\n        ctx.setFilterValue(\"\");\n        ctx.setOpen(false);\n      }}\n      icon={<X class='\"pointer-events-none' />}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA+C;CAC3E,IAAMG,IAAMN,EAAmB,eAAe;CAC9C,OAAAO,EACGN,GAAgB;EACfO,SAAO;EACPC,MAAI;EAAA,aAAA;EAAA,cAAA;EAAA,IAGJL,WAAQ;GAAA,OAAEE,EAAIF,SAAS,KAAKD,EAAMC;EAAQ;EAAA,IAAAmB,QAAA;GAAA,OACnCpB,EAAME;EAAK;EAClBK,eAAe;GAIbJ,AAHAA,EAAIK,SAAS,IAAI,GACjBL,EAAIM,cAAc,EAAE,GACpBN,EAAIO,eAAe,EAAE,GACrBP,EAAIQ,QAAQ,EAAK;EACnB;EAAC,IACDC,OAAI;GAAA,OAAAR,EAAGR,GAAC,EAAAwB,OAAA,wBAAA,CAAA;EAAA;CAAA,CAAA;AAGd"}
+{"version":3,"file":"ComboboxClear.js","names":["X","useComboboxContext","InputGroupButton","ComboboxClear","props","disabled","class","ctx","_$createComponent","variant","size","onClick","setValue","setInputValue","setFilterValue","setOpen","icon","_$createComponent","ComboboxClear","ctx","useComboboxContext","createComponent","InputGroupButton","props","\"class\"","X"],"sources":["../../../../src/components/combobox/ComboboxClear/ComboboxClear.tsx"],"sourcesContent":["import { X } from \"lucide-solid\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxClear(props: { disabled?: boolean; class?: string }) {\n  const ctx = useComboboxContext(\"ComboboxClear\");\n  return (\n    <InputGroupButton\n      variant=\"ghost\"\n      size=\"xs\"\n      data-slot=\"combobox-clear\"\n      aria-label=\"Clear\"\n      disabled={ctx.disabled() || props.disabled}\n      class={props.class}\n      onClick={() => {\n        ctx.setValue(null);\n        ctx.setInputValue(\"\");\n        ctx.setFilterValue(\"\");\n        ctx.setOpen(false, \"clear-press\");\n      }}\n      icon={<X class='\"pointer-events-none' />}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA+C;CAC3E,IAAMG,IAAMN,EAAmB,eAAe;CAC9C,OAAAO,EACGN,GAAgB;EACfO,SAAO;EACPC,MAAI;EAAA,aAAA;EAAA,cAAA;EAAA,IAGJL,WAAQ;GAAA,OAAEE,EAAIF,SAAS,KAAKD,EAAMC;EAAQ;EAAA,IAAAmB,QAAA;GAAA,OACnCpB,EAAME;EAAK;EAClBK,eAAe;GAIbJ,AAHAA,EAAIK,SAAS,IAAI,GACjBL,EAAIM,cAAc,EAAE,GACpBN,EAAIO,eAAe,EAAE,GACrBP,EAAIQ,QAAQ,IAAO,aAAa;EAClC;EAAC,IACDC,OAAI;GAAA,OAAAR,EAAGR,GAAC,EAAAwB,OAAA,wBAAA,CAAA;EAAA;CAAA,CAAA;AAGd"}

package/dist/components/combobox/ComboboxInput/ComboboxInput.js

@@ -13,18 +13,23 @@ function f(f) {
 		p.open() && g && _ && _.focus();
 	});
 	let v = () => {
+		let e = p.filteredItems()[p.activeIndex()];
+		return e === void 0 ? void 0 : p.optionId(e);
+	}, y = () => {
 		let e = p.value();
 		return e == null ? !1 : Array.isArray(e) ? e.length > 0 : e !== "";
-	}, y = (e) => {
+	}, b = (e) => {
 		if (h()) return;
 		let t = p.filteredItems();
-		if (e.key === "ArrowDown") e.preventDefault(), p.setOpen(!0), p.setActiveIndex(t.length === 0 ? -1 : (p.activeIndex() + 1) % t.length);
-		else if (e.key === "ArrowUp") e.preventDefault(), p.setOpen(!0), p.setActiveIndex(t.length === 0 ? -1 : (p.activeIndex() - 1 + t.length) % t.length);
+		if (e.key === "ArrowDown") e.preventDefault(), p.setOpen(!0, "input-change", e), p.setActiveIndex(t.length === 0 ? -1 : (p.activeIndex() + 1) % t.length);
+		else if (e.key === "ArrowUp") e.preventDefault(), p.setOpen(!0, "input-change", e), p.setActiveIndex(t.length === 0 ? -1 : p.activeIndex() <= 0 ? t.length - 1 : p.activeIndex() - 1);
+		else if (e.key === "Home") e.preventDefault(), p.setOpen(!0, "input-change", e), p.setActiveIndex(t.length === 0 ? -1 : 0);
+		else if (e.key === "End") e.preventDefault(), p.setOpen(!0, "input-change", e), p.setActiveIndex(t.length === 0 ? -1 : t.length - 1);
 		else if (e.key === "Enter" && p.open()) {
 			e.preventDefault();
 			let t = p.filteredItems()[p.activeIndex()];
-			t !== void 0 && p.selectItem(t);
-		} else e.key === "Escape" && p.open() && (e.preventDefault(), p.close());
+			t !== void 0 && p.selectItem(t, e);
+		} else e.key === "Escape" && p.open() && (e.preventDefault(), p.close("escape-key", e));
 	};
 	return o(n, {
 		ref: (e) => {
@@ -41,6 +46,17 @@ function f(f) {
 					ref: (e) => {
 						_ = e;
 					},
+					role: "combobox",
+					get "aria-expanded"() {
+						return p.open();
+					},
+					get "aria-controls"() {
+						return s(() => !!p.open())() ? p.listId : void 0;
+					},
+					"aria-autocomplete": "list",
+					get "aria-activedescendant"() {
+						return v();
+					},
 					get placeholder() {
 						return m.placeholder;
 					},
@@ -55,18 +71,18 @@ function f(f) {
 					},
 					onInput: (e) => {
 						let t = String(e);
-						p.setInputValue(t), p.setFilterValue(t), p.setOpen(!0), !p.multiple() && t.trim() === "" && (p.setValue(null), p.setFilterValue(""));
+						p.setInputValue(t), p.setFilterValue(t), p.setOpen(!0, "input-change"), !p.multiple() && t.trim() === "" && (p.setValue(null), p.setFilterValue(""));
 					},
-					onFocus: () => p.setOpen(!0),
-					onClick: () => p.setOpen(!0),
-					onKeyDown: y
+					onFocus: () => p.setOpen(!0, "input-focus"),
+					onClick: () => p.setOpen(!0, "trigger-press"),
+					onKeyDown: b
 				}),
 				o(r, {
 					align: "inline-end",
 					get children() {
 						return o(c, {
 							get when() {
-								return s(() => !!(m.showClear && v()))() && !h();
+								return s(() => !!(m.showClear && y()))() && !h();
 							},
 							get children() {
 								return o(a, {});