@neut/ui 0.0.17 → 0.0.18

package/dist/components/carousel/Carousel/useKeyboardNavigation.js

@@ -1,12 +1,13 @@
 import { createEffect as e, onCleanup as t } from "solid-js";
 //#region src/components/carousel/Carousel/useKeyboardNavigation.ts
-function n(n, r, i, a) {
-	let o = (e) => {
+function n(n) {
+	let { orientation: r, scrollPrev: i, scrollNext: a } = n, o = (e) => {
 		let t = r() === "horizontal";
-		t && e.key === "ArrowLeft" || !t && e.key === "ArrowUp" ? (e.preventDefault(), i()) : t && e.key === "ArrowRight" || !t && e.key === "ArrowDown" ? (e.preventDefault(), a()) : (e.key === "Home" || e.key === "End") && e.preventDefault();
+		t && e.key === "ArrowLeft" || !t && e.key === "ArrowUp" ? (e.preventDefault(), i()) : t && e.key === "ArrowRight" || !t && e.key === "ArrowDown" ? (e.preventDefault(), a()) : e.key === "Home" ? (e.preventDefault(), n.scrollToStart()) : e.key === "End" && (e.preventDefault(), n.scrollToEnd());
 	};
 	e(() => {
-		n?.addEventListener("keydown", o), t(() => n?.removeEventListener("keydown", o));
+		let e = n.ref();
+		e && (e.addEventListener("keydown", o), t(() => e.removeEventListener("keydown", o)));
 	});
 }
 //#endregion

package/dist/components/carousel/Carousel/useKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","names":["useKeyboardNavigation","handleKeyDown","isH","orientation","scrollPrev","scrollNext","ref","onCleanup"],"sources":["../../../../src/components/carousel/Carousel/useKeyboardNavigation.ts"],"sourcesContent":["import { type Accessor, createEffect, onCleanup } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\nexport function useKeyboardNavigation(\n  ref: HTMLElement | undefined,\n  orientation: Accessor<Orientation>,\n  scrollPrev: () => void,\n  scrollNext: () => void,\n) {\n  const handleKeyDown = (e: KeyboardEvent) => {\n    const isH = orientation() === \"horizontal\";\n    if ((isH && e.key === \"ArrowLeft\") || (!isH && e.key === \"ArrowUp\")) {\n      e.preventDefault();\n      scrollPrev();\n    } else if (\n      (isH && e.key === \"ArrowRight\") ||\n      (!isH && e.key === \"ArrowDown\")\n    ) {\n      e.preventDefault();\n      scrollNext();\n    } else if (e.key === \"Home\") {\n      e.preventDefault();\n      // handled externally via scrollTo(0)\n    } else if (e.key === \"End\") {\n      e.preventDefault();\n      // handled externally\n    }\n  };\n\n  createEffect(() => {\n    ref?.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => ref?.removeEventListener(\"keydown\", handleKeyDown));\n  });\n}\n"],"mappings":";;AAGA,SAAgBA,EACd,GACA,GACA,GACA,GACA;CACA,IAAMC,KAAiB,MAAqB;EAC1C,IAAMC,IAAMC,EAAY,MAAM;EAC9B,AAAKD,KAAO,EAAE,QAAQ,eAAiB,CAACA,KAAO,EAAE,QAAQ,aACvD,EAAE,eAAe,GACjBE,EAAW,KAEVF,KAAO,EAAE,QAAQ,gBACjB,CAACA,KAAO,EAAE,QAAQ,eAEnB,EAAE,eAAe,GACjBG,EAAW,MACF,EAAE,QAAQ,UAGV,EAAE,QAAQ,UAFnB,EAAE,eAAe;CAMrB;CAEA,QAAmB;EAEjB,AADAC,GAAK,iBAAiB,WAAWL,CAAa,GAC9CM,QAAgBD,GAAK,oBAAoB,WAAWL,CAAa,CAAC;CACpE,CAAC;AACH"}
+{"version":3,"file":"useKeyboardNavigation.js","names":["useKeyboardNavigation","options","handleKeyDown","isH","orientation","scrollPrev","scrollNext","element","onCleanup"],"sources":["../../../../src/components/carousel/Carousel/useKeyboardNavigation.ts"],"sourcesContent":["import { type Accessor, createEffect, onCleanup } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\nexport interface KeyboardNavigationOptions {\n  /** 根元素 accessor：必须响应式，否则 ref 回调赋值后监听器不会补挂 */\n  ref: Accessor<HTMLElement | undefined>;\n  orientation: Accessor<Orientation>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  /** Home / End 跳到第一张 / 最后一张 */\n  scrollToStart: () => void;\n  scrollToEnd: () => void;\n}\n\nexport function useKeyboardNavigation(options: KeyboardNavigationOptions) {\n  const { orientation, scrollPrev, scrollNext } = options;\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    const isH = orientation() === \"horizontal\";\n    if ((isH && e.key === \"ArrowLeft\") || (!isH && e.key === \"ArrowUp\")) {\n      e.preventDefault();\n      scrollPrev();\n    } else if (\n      (isH && e.key === \"ArrowRight\") ||\n      (!isH && e.key === \"ArrowDown\")\n    ) {\n      e.preventDefault();\n      scrollNext();\n    } else if (e.key === \"Home\") {\n      e.preventDefault();\n      options.scrollToStart();\n    } else if (e.key === \"End\") {\n      e.preventDefault();\n      options.scrollToEnd();\n    }\n  };\n\n  createEffect(() => {\n    const element = options.ref();\n    if (!element) return;\n    element.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => element.removeEventListener(\"keydown\", handleKeyDown));\n  });\n}\n"],"mappings":";;AAcA,SAAgBA,EAAsB,GAAoC;CACxE,IAAM,EAAE,gBAAa,eAAY,kBAAeC,GAE1CC,KAAiB,MAAqB;EAC1C,IAAMC,IAAMC,EAAY,MAAM;EAC9B,AAAKD,KAAO,EAAE,QAAQ,eAAiB,CAACA,KAAO,EAAE,QAAQ,aACvD,EAAE,eAAe,GACjBE,EAAW,KAEVF,KAAO,EAAE,QAAQ,gBACjB,CAACA,KAAO,EAAE,QAAQ,eAEnB,EAAE,eAAe,GACjBG,EAAW,KACF,EAAE,QAAQ,UACnB,EAAE,eAAe,GACjBL,EAAQ,cAAc,KACb,EAAE,QAAQ,UACnB,EAAE,eAAe,GACjBA,EAAQ,YAAY;CAExB;CAEA,QAAmB;EACjB,IAAMM,IAAUN,EAAQ,IAAI;EAC5B,AAAKM,MACLA,EAAQ,iBAAiB,WAAWL,CAAa,GACjDM,QAAgBD,EAAQ,oBAAoB,WAAWL,CAAa,CAAC;CACvE,CAAC;AACH"}

package/dist/components/carousel/CarouselContent/CarouselContent.js

@@ -19,10 +19,15 @@ var c = /*#__PURE__*/ a("<div class=overflow-hidden aria-live=polite aria-atomic
 			get class() {
 				return e("flex transition-transform duration-500 ease-out", f() === "horizontal" ? "-ml-4" : "-mt-4 flex-col", g.class);
 			},
-			get style() {
-				return { transform: v() };
+			get classList() {
+				return g.classList;
 			}
-		}, _), !1, !1), t;
+		}, _, { get style() {
+			return {
+				..._.style,
+				transform: v()
+			};
+		} }), !1, !1), t;
 	})();
 };
 //#endregion

package/dist/components/carousel/CarouselContent/CarouselContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselContent.js","names":["splitProps","clsx","useCarouselContext","CarouselContentProps","useItemSizeMeasure","CarouselContent","props","viewportRef","HTMLDivElement","trackRef","currentIndex","orientation","itemSize","setItemSize","setViewportSize","local","rest","translate","offset","_el$","_tmpl$","_el$2","firstChild","_ref$","_$use","_ref$2","_$spread","_$mergeProps","class","style","transform","_$use","_$mergeProps","_tmpl$","CarouselContent","viewportRef","trackRef","useCarouselContext","local","rest","splitProps","props","orientation","setItemSize","setViewportSize","translate","offset","currentIndex","itemSize","_el$","_el$2","_ref$","use","_ref$2","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/carousel/CarouselContent/CarouselContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselContentProps } from \"./CarouselContent.types\";\nimport { useItemSizeMeasure } from \"./useItemSizeMeasure\";\n\nexport const CarouselContent = (props: CarouselContentProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n  let trackRef: HTMLDivElement | undefined;\n\n  const { currentIndex, orientation, itemSize, setItemSize, setViewportSize } =\n    useCarouselContext();\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  useItemSizeMeasure(\n    () => viewportRef,\n    () => trackRef,\n    orientation,\n    setItemSize,\n    setViewportSize,\n  );\n\n  const translate = () => {\n    const offset = currentIndex() * itemSize();\n    return orientation() === \"horizontal\"\n      ? `translate3d(-${offset}px, 0, 0)`\n      : `translate3d(0, -${offset}px, 0)`;\n  };\n\n  return (\n    <div\n      ref={viewportRef}\n      class=\"overflow-hidden\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      data-slot=\"carousel-content\"\n    >\n      <div\n        ref={trackRef}\n        class={clsx(\n          \"flex transition-transform duration-500 ease-out\",\n          orientation() === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          local.class,\n        )}\n        style={{ transform: translate() }}\n        {...rest}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;0HAMaK,KAAmBC,MAAgC;CAC9D,IAAIC,GACAE,GAEE,EAAEC,iBAAcC,gBAAaC,aAAUC,gBAAaC,uBACxDZ,EAAmB,GACf,CAACa,GAAOC,KAAQhB,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9DF,QACQG,SACAE,GACNE,GACAE,GACAC,CACF;CAEA,IAAMG,UAAkB;EACtB,IAAMC,IAASR,EAAa,IAAIE,EAAS;EACzC,OAAOD,EAAY,MAAM,eACrB,gBAAgBO,EAAM,aACtB,mBAAmBA,EAAM;CAC/B;CAEA,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAEShB;EAAW,OAAAgB,KAAA,aAAAC,EAAAD,GAAAJ,CAAA,IAAXZ,IAAWY;EAAA,IAAAM,IAOThB;EAOG,OAPK,OAAAgB,KAAA,aAAAD,EAAAC,GAAAJ,CAAA,IAARZ,IAAQY,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAA6B,QAAA;IAAA,OACNvD,EACL,mDACAU,EAAY,MAAM,eAAe,UAAU,kBAC3CI,EAAMa,KACR;GAAC;GAAA,IACDC,QAAK;IAAA,OAAE,EAAEC,WAAWb,EAAU,EAAE;GAAC;EAAA,GAC7BD,CAAI,GAAA,IAAA,EAAA,GAAAG;CAAA,EAAA,CAAA;AAIhB"}
+{"version":3,"file":"CarouselContent.js","names":["splitProps","clsx","useCarouselContext","CarouselContentProps","useItemSizeMeasure","CarouselContent","props","viewportRef","HTMLDivElement","trackRef","currentIndex","orientation","itemSize","setItemSize","setViewportSize","local","rest","translate","offset","_el$","_tmpl$","_el$2","firstChild","_ref$","_$use","_ref$2","_$spread","_$mergeProps","class","classList","style","Record","transform","_$use","_$mergeProps","_tmpl$","CarouselContent","viewportRef","trackRef","useCarouselContext","local","rest","splitProps","props","orientation","setItemSize","setViewportSize","translate","offset","currentIndex","itemSize","_el$","_el$2","_ref$","use","_ref$2","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/carousel/CarouselContent/CarouselContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselContentProps } from \"./CarouselContent.types\";\nimport { useItemSizeMeasure } from \"./useItemSizeMeasure\";\n\nexport const CarouselContent = (props: CarouselContentProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n  let trackRef: HTMLDivElement | undefined;\n\n  const { currentIndex, orientation, itemSize, setItemSize, setViewportSize } =\n    useCarouselContext();\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  useItemSizeMeasure(\n    () => viewportRef,\n    () => trackRef,\n    orientation,\n    setItemSize,\n    setViewportSize,\n  );\n\n  const translate = () => {\n    const offset = currentIndex() * itemSize();\n    return orientation() === \"horizontal\"\n      ? `translate3d(-${offset}px, 0, 0)`\n      : `translate3d(0, -${offset}px, 0)`;\n  };\n\n  return (\n    <div\n      ref={viewportRef}\n      class=\"overflow-hidden\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      data-slot=\"carousel-content\"\n    >\n      <div\n        ref={trackRef}\n        class={clsx(\n          \"flex transition-transform duration-500 ease-out\",\n          orientation() === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          local.class,\n        )}\n        classList={local.classList}\n        {...rest}\n        // transform 由内部提供：用户的 style 必须**合并**而不是覆盖，\n        // 否则轮播会因为没有 transform 而完全不再位移。\n        // 因此这里放在 spread **之后**，让内部 transform 胜出。\n        style={{\n          ...(rest.style as Record<string, string>),\n          transform: translate(),\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;0HAMaK,KAAmBC,MAAgC;CAC9D,IAAIC,GACAE,GAEE,EAAEC,iBAAcC,gBAAaC,aAAUC,gBAAaC,uBACxDZ,EAAmB,GACf,CAACa,GAAOC,KAAQhB,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9DF,QACQG,SACAE,GACNE,GACAE,GACAC,CACF;CAEA,IAAMG,UAAkB;EACtB,IAAMC,IAASR,EAAa,IAAIE,EAAS;EACzC,OAAOD,EAAY,MAAM,eACrB,gBAAgBO,EAAM,aACtB,mBAAmBA,EAAM;CAC/B;CAEA,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAEShB;EAAW,OAAAgB,KAAA,aAAAC,EAAAD,GAAAJ,CAAA,IAAXZ,IAAWY;EAAA,IAAAM,IAOThB;EAcJ,OAdY,OAAAgB,KAAA,aAAAD,EAAAC,GAAAJ,CAAA,IAARZ,IAAQY,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAA+B,QAAA;IAAA,OACNzD,EACL,mDACAU,EAAY,MAAM,eAAe,UAAU,kBAC3CI,EAAMa,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEd,EAAMc;GAAS;EAAA,GACtBb,GAAI,EAAA,IAIRc,QAAK;GAAA,OAAE;IACL,GAAId,EAAKc;IACTE,WAAWf,EAAU;GACvB;EAAC,EAAA,CAAA,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAIT"}

package/dist/components/carousel/CarouselNext/CarouselNext.js

@@ -1,31 +1,44 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { Button as t } from "../../button/Button.js";
-import { useCarouselContext as n } from "../Carousel/Carousel.context.js";
-import { createComponent as r, mergeProps as i } from "solid-js/web";
-import { mergeProps as a, splitProps as o } from "solid-js";
-import { ChevronRight as s } from "lucide-solid";
+import { callEventHandler as t } from "../../../utils/call-event-handler.js";
+import { Button as n } from "../../button/Button.js";
+import { useCarouselContext as r } from "../Carousel/Carousel.context.js";
+import { createComponent as i, mergeProps as a } from "solid-js/web";
+import { mergeProps as o, splitProps as s } from "solid-js";
+import { ChevronRight as c } from "lucide-solid";
 //#region src/components/carousel/CarouselNext/CarouselNext.tsx
-var c = (c) => {
-	let { scrollNext: l, canScrollNext: u, orientation: d } = n(), f = a({
+var l = (l) => {
+	let { scrollNext: u, canScrollNext: d, orientation: f } = r(), p = o({
 		variant: "outline",
 		size: "sm"
-	}, c), [p, m] = o(f, ["class", "classList"]);
-	return r(t, i({
+	}, l), [m, h] = s(p, [
+		"class",
+		"classList",
+		"onClick",
+		"aria-label"
+	]);
+	return i(n, a({
 		"data-slot": "carousel-next",
 		get class() {
-			return e("absolute touch-manipulation rounded-full", d() === "horizontal" && "active:data-[slot=carousel-next]:translate-y-[calc(-50%+1px)]", d() === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", p.class);
+			return e("absolute touch-manipulation rounded-full", f() === "horizontal" && "active:data-[slot=carousel-next]:translate-y-[calc(-50%+1px)]", f() === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", m.class);
+		},
+		get classList() {
+			return m.classList;
+		},
+		get "aria-label"() {
+			return m["aria-label"] ?? "Next slide";
 		},
-		"aria-label": "Next slide",
 		get disabled() {
-			return !u();
+			return !d();
+		},
+		onClick: (e) => {
+			t(m.onClick, e), !e.defaultPrevented && u();
 		},
-		onClick: l,
 		get icon() {
-			return r(s, { class: "cn-rtl-flip" });
+			return i(c, { class: "cn-rtl-flip" });
 		}
-	}, m));
+	}, h));
 };
 //#endregion
-export { c as CarouselNext };
+export { l as CarouselNext };
 
 //# sourceMappingURL=CarouselNext.js.map

package/dist/components/carousel/CarouselNext/CarouselNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselNext.js","names":["ChevronRight","mergeProps","splitProps","Button","clsx","useCarouselContext","CarouselNextProps","CarouselNext","props","scrollNext","canScrollNext","orientation","merged","variant","size","const","local","others","_$createComponent","_$mergeProps","class","disabled","onClick","icon","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","CarouselNext","useCarouselContext","merged","props","local","others","splitProps","createComponent","Button","mergeProps","\"class\"","clsx","orientation","canScrollNext","scrollNext","ChevronRight"],"sources":["../../../../src/components/carousel/CarouselNext/CarouselNext.tsx"],"sourcesContent":["import { ChevronRight } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselNextProps } from \"./CarouselNext.types\";\n\nexport const CarouselNext = (props: CarouselNextProps) => {\n  const { scrollNext, canScrollNext, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\"class\", \"classList\"]);\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-next]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      aria-label=\"Next slide\"\n      disabled={!canScrollNext()}\n      onClick={scrollNext}\n      icon={<ChevronRight class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaO,KAAgBC,MAA6B;CACxD,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,EAAmB,GAChEO,IAASX,EAAW;EAAEY,SAAS;EAAWC,MAAM;CAAK,GAAYN,CAAK,GACtE,CAACQ,GAAOC,KAAUf,EAAWU,GAAQ,CAAC,SAAS,WAAW,CAAC;CAEjE,OAAAM,EACGf,GAAMgB,EAAA;EAAA,aAAA;EAAA,IAAAmB,QAAA;GAAA,OAEElC,EACL,4CACAO,EAAY,MAAM,gBAChB,iEACFA,EAAY,MAAM,eACd,uCACA,kDACJK,EAAMI,KACR;EAAC;EAAA,cAAA;EAAA,IAEDC,WAAQ;GAAA,OAAE,CAACX,EAAc;EAAC;EAC1BY,SAASb;EAAU,IACnBc,OAAI;GAAA,OAAAL,EAAGlB,GAAY,EAAAsC,OAAA,cAAA,CAAA;EAAA;CAAA,GACfrB,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"CarouselNext.js","names":["ChevronRight","mergeProps","splitProps","Button","MouseEventHandler","callEventHandler","clsx","useCarouselContext","CarouselNextProps","CarouselNext","props","scrollNext","canScrollNext","orientation","merged","variant","size","const","local","others","handleClick","event","onClick","defaultPrevented","_$createComponent","_$mergeProps","class","classList","aria-label","disabled","icon","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","CarouselNext","useCarouselContext","merged","props","local","others","splitProps","createComponent","Button","mergeProps","\"class\"","clsx","orientation","canScrollNext","callEventHandler","event","scrollNext","ChevronRight"],"sources":["../../../../src/components/carousel/CarouselNext/CarouselNext.tsx"],"sourcesContent":["import { ChevronRight } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport type { MouseEventHandler } from \"~/types\";\nimport { callEventHandler, clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselNextProps } from \"./CarouselNext.types\";\n\nexport const CarouselNext = (props: CarouselNextProps) => {\n  const { scrollNext, canScrollNext, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"class\",\n    \"classList\",\n    \"onClick\",\n    \"aria-label\",\n  ]);\n\n  /**\n   * 先调用调用方的 onClick（支持 Solid 的 [handler, data] 形式），\n   * 再执行内部翻页——否则用户传 onClick 会把翻页整个替换掉\n   * （AGENTS.md：暴露事件 prop 时应在内部调用用户回调）。\n   */\n  const handleClick: MouseEventHandler<\"button\"> = (event) => {\n    // event 在类型上已必填（Solid 的点击事件一定有事件对象），\n    // 因此不再需要 `if (!event) return` 这种永远不成立的守卫。\n    callEventHandler(local.onClick, event);\n    if (event.defaultPrevented) return;\n    scrollNext();\n  };\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-next]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      classList={local.classList}\n      aria-label={local[\"aria-label\"] ?? \"Next slide\"}\n      disabled={!canScrollNext()}\n      onClick={handleClick}\n      icon={<ChevronRight class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaS,KAAgBC,MAA6B;CACxD,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,EAAmB,GAChEO,IAASb,EAAW;EAAEc,SAAS;EAAWC,MAAM;CAAK,GAAYN,CAAK,GACtE,CAACQ,GAAOC,KAAUjB,EAAWY,GAAQ;EACzC;EACA;EACA;EACA;CAAY,CACb;CAeD,OAAAU,EACGrB,GAAMsB,EAAA;EAAA,aAAA;EAAA,IAAAoB,QAAA;GAAA,OAEEvC,EACL,4CACAO,EAAY,MAAM,gBAChB,iEACFA,EAAY,MAAM,eACd,uCACA,kDACJK,EAAMQ,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAET,EAAMS;EAAS;EAAA,IAAA,eAAA;GAAA,OACdT,EAAM,iBAAiB;EAAY;EAAA,IAC/CW,WAAQ;GAAA,OAAE,CAACjB,EAAc;EAAC;EAC1BU,UAvB8CD,MAAU;GAI1D,AADAhB,EAAiBa,EAAMI,SAASD,CAAK,GACjCA,GAAME,oBACVZ,EAAW;EACb;EAiBwB,IACpBmB,OAAI;GAAA,OAAAN,EAAGxB,GAAY,EAAA6C,OAAA,cAAA,CAAA;EAAA;CAAA,GACf1B,CAAM,CAAA;AAGhB"}

package/dist/components/carousel/CarouselPrevious/CarouselPrevious.js

@@ -1,31 +1,44 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { Button as t } from "../../button/Button.js";
-import { useCarouselContext as n } from "../Carousel/Carousel.context.js";
-import { createComponent as r, mergeProps as i } from "solid-js/web";
-import { mergeProps as a, splitProps as o } from "solid-js";
-import { ChevronLeft as s } from "lucide-solid";
+import { callEventHandler as t } from "../../../utils/call-event-handler.js";
+import { Button as n } from "../../button/Button.js";
+import { useCarouselContext as r } from "../Carousel/Carousel.context.js";
+import { createComponent as i, mergeProps as a } from "solid-js/web";
+import { mergeProps as o, splitProps as s } from "solid-js";
+import { ChevronLeft as c } from "lucide-solid";
 //#region src/components/carousel/CarouselPrevious/CarouselPrevious.tsx
-var c = (c) => {
-	let { scrollPrev: l, canScrollPrev: u, orientation: d } = n(), f = a({
+var l = (l) => {
+	let { scrollPrev: u, canScrollPrev: d, orientation: f } = r(), p = o({
 		variant: "outline",
 		size: "sm"
-	}, c), [p, m] = o(f, ["class", "classList"]);
-	return r(t, i({
+	}, l), [m, h] = s(p, [
+		"class",
+		"classList",
+		"onClick",
+		"aria-label"
+	]);
+	return i(n, a({
 		"data-slot": "carousel-previous",
 		get class() {
-			return e("absolute touch-manipulation rounded-full", d() === "horizontal" && "active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]", d() === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", p.class);
+			return e("absolute touch-manipulation rounded-full", f() === "horizontal" && "active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]", f() === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", m.class);
+		},
+		get classList() {
+			return m.classList;
 		},
 		get disabled() {
-			return !u();
+			return !d();
+		},
+		onClick: (e) => {
+			t(m.onClick, e), !e.defaultPrevented && u();
+		},
+		get "aria-label"() {
+			return m["aria-label"] ?? "Previous slide";
 		},
-		onClick: l,
-		"aria-label": "Previous slide",
 		get icon() {
-			return r(s, { class: "cn-rtl-flip" });
+			return i(c, { class: "cn-rtl-flip" });
 		}
-	}, m));
+	}, h));
 };
 //#endregion
-export { c as CarouselPrevious };
+export { l as CarouselPrevious };
 
 //# sourceMappingURL=CarouselPrevious.js.map

package/dist/components/carousel/CarouselPrevious/CarouselPrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselPrevious.js","names":["ChevronLeft","mergeProps","splitProps","Button","clsx","useCarouselContext","CarouselPreviousProps","CarouselPrevious","props","scrollPrev","canScrollPrev","orientation","merged","variant","size","const","local","others","_$createComponent","_$mergeProps","class","disabled","onClick","icon","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","CarouselPrevious","useCarouselContext","merged","props","local","others","splitProps","createComponent","Button","mergeProps","\"class\"","clsx","orientation","canScrollPrev","scrollPrev","ChevronLeft"],"sources":["../../../../src/components/carousel/CarouselPrevious/CarouselPrevious.tsx"],"sourcesContent":["import { ChevronLeft } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselPreviousProps } from \"./CarouselPrevious.types\";\n\nexport const CarouselPrevious = (props: CarouselPreviousProps) => {\n  const { scrollPrev, canScrollPrev, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\"class\", \"classList\"]);\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      disabled={!canScrollPrev()}\n      onClick={scrollPrev}\n      aria-label=\"Previous slide\"\n      icon={<ChevronLeft class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaO,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,EAAmB,GAChEO,IAASX,EAAW;EAAEY,SAAS;EAAWC,MAAM;CAAK,GAAYN,CAAK,GACtE,CAACQ,GAAOC,KAAUf,EAAWU,GAAQ,CAAC,SAAS,WAAW,CAAC;CAEjE,OAAAM,EACGf,GAAMgB,EAAA;EAAA,aAAA;EAAA,IAAAmB,QAAA;GAAA,OAEElC,EACL,4CACAO,EAAY,MAAM,gBAChB,qEACFA,EAAY,MAAM,eACd,sCACA,+CACJK,EAAMI,KACR;EAAC;EAAA,IACDC,WAAQ;GAAA,OAAE,CAACX,EAAc;EAAC;EAC1BY,SAASb;EAAU,cAAA;EAAA,IAEnBc,OAAI;GAAA,OAAAL,EAAGlB,GAAW,EAAAsC,OAAA,cAAA,CAAA;EAAA;CAAA,GACdrB,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"CarouselPrevious.js","names":["ChevronLeft","mergeProps","splitProps","Button","MouseEventHandler","callEventHandler","clsx","useCarouselContext","CarouselPreviousProps","CarouselPrevious","props","scrollPrev","canScrollPrev","orientation","merged","variant","size","const","local","others","handleClick","event","onClick","defaultPrevented","_$createComponent","_$mergeProps","class","classList","disabled","aria-label","icon","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","CarouselPrevious","useCarouselContext","merged","props","local","others","splitProps","createComponent","Button","mergeProps","\"class\"","clsx","orientation","canScrollPrev","callEventHandler","event","scrollPrev","ChevronLeft"],"sources":["../../../../src/components/carousel/CarouselPrevious/CarouselPrevious.tsx"],"sourcesContent":["import { ChevronLeft } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport type { MouseEventHandler } from \"~/types\";\nimport { callEventHandler, clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselPreviousProps } from \"./CarouselPrevious.types\";\n\nexport const CarouselPrevious = (props: CarouselPreviousProps) => {\n  const { scrollPrev, canScrollPrev, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"class\",\n    \"classList\",\n    \"onClick\",\n    \"aria-label\",\n  ]);\n\n  /**\n   * 先调用调用方的 onClick（支持 Solid 的 [handler, data] 形式），\n   * 再执行内部翻页——否则用户传 onClick 会把翻页整个替换掉\n   * （AGENTS.md：暴露事件 prop 时应在内部调用用户回调）。\n   */\n  const handleClick: MouseEventHandler<\"button\"> = (event) => {\n    // event 在类型上已必填（Solid 的点击事件一定有事件对象），\n    // 因此不再需要 `if (!event) return` 这种永远不成立的守卫。\n    callEventHandler(local.onClick, event);\n    if (event.defaultPrevented) return;\n    scrollPrev();\n  };\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      classList={local.classList}\n      disabled={!canScrollPrev()}\n      onClick={handleClick}\n      aria-label={local[\"aria-label\"] ?? \"Previous slide\"}\n      icon={<ChevronLeft class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaS,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,EAAmB,GAChEO,IAASb,EAAW;EAAEc,SAAS;EAAWC,MAAM;CAAK,GAAYN,CAAK,GACtE,CAACQ,GAAOC,KAAUjB,EAAWY,GAAQ;EACzC;EACA;EACA;EACA;CAAY,CACb;CAeD,OAAAU,EACGrB,GAAMsB,EAAA;EAAA,aAAA;EAAA,IAAAoB,QAAA;GAAA,OAEEvC,EACL,4CACAO,EAAY,MAAM,gBAChB,qEACFA,EAAY,MAAM,eACd,sCACA,+CACJK,EAAMQ,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAET,EAAMS;EAAS;EAAA,IAC1BC,WAAQ;GAAA,OAAE,CAAChB,EAAc;EAAC;EAC1BU,UAtB8CD,MAAU;GAI1D,AADAhB,EAAiBa,EAAMI,SAASD,CAAK,GACjCA,GAAME,oBACVZ,EAAW;EACb;EAgBwB,IAAA,eAAA;GAAA,OACRO,EAAM,iBAAiB;EAAgB;EAAA,IACnDY,OAAI;GAAA,OAAAN,EAAGxB,GAAW,EAAA6C,OAAA,cAAA,CAAA;EAAA;CAAA,GACd1B,CAAM,CAAA;AAGhB"}

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