@neut/ui 0.0.16 → 0.0.18

package/dist/components/scroll-area/ScrollBar/useScrollBarInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBarInteraction.js","names":["useScrollBarInteraction","thumbDrag","createThumbDrag","onCleanup","event","vp","viewport","el","track","axis","orientation","target","scrollFromTrackClick","maxScrollOf","isVertical","pageSize","delta","keyboardScrollDelta","scrollSize","max","scrollFromKeyboard","scrollPosOf"],"sources":["../../../../src/components/scroll-area/ScrollBar/useScrollBarInteraction.ts"],"sourcesContent":["/**\n * ScrollBar 的交互逻辑：拖动滑块、点击 track、键盘滚动。\n *\n * 单一职责：绑定/解绑 DOM 事件并把「用户意图」翻译成滚动位置写入，\n * 计算部分委托给 `ScrollBar.utils.ts`；不关心样式、ARIA 与可见性。\n */\n\nimport { type Accessor, onCleanup } from \"solid-js\";\nimport {\n  applyScrollPos,\n  isVertical,\n  keyboardScrollDelta,\n  maxScrollOf,\n  type Orientation,\n  scrollFromKeyboard,\n  scrollFromTrackClick,\n  scrollPosOf,\n} from \"./ScrollBar.utils\";\nimport { createThumbDrag } from \"./scroll-bar.thumb-drag\";\n\ninterface Options {\n  /** track 元素访问器（拖动比例、点击换算都要读它的尺寸） */\n  track: () => HTMLDivElement | undefined;\n  /** 被滚动容器的访问器 */\n  viewport: () => HTMLDivElement | undefined;\n  /** 当前滚动轴 */\n  orientation: Accessor<Orientation>;\n  /** 拖动开始/结束的回调（组件用它维护 dragging 状态） */\n  onDragChange: (dragging: boolean) => void;\n}\n\nexport interface ScrollBarInteraction {\n  onThumbPointerDown: (event: PointerEvent) => void;\n  onTrackPointerDown: (event: PointerEvent) => void;\n  onKeyDown: (event: KeyboardEvent) => void;\n}\n\nexport function useScrollBarInteraction({\n  track,\n  viewport,\n  orientation,\n  onDragChange,\n}: Options): ScrollBarInteraction {\n  // 拖动滑块的会话逻辑在 scroll-bar.thumb-drag：本 hook 只管接线与卸载兜底\n  const thumbDrag = createThumbDrag({\n    track,\n    viewport,\n    orientation,\n    onDragChange,\n  });\n\n  onCleanup(thumbDrag.dispose);\n\n  const onThumbPointerDown = (event: PointerEvent) => thumbDrag.start(event);\n\n  /**\n   * 点击 track：按点击比例平滑滚到对应位置。\n   *\n   * 点击滑块时不会走到这里——滑块自己的 pointerdown handler 会 `stopPropagation()`，\n   * 因此无需再判断 `event.target`（原实现里那条判断在真实 DOM 与 jsdom 中均不可达，\n   * 已用变异测试确认删除后所有用例仍通过）。\n   */\n  const onTrackPointerDown = (event: PointerEvent) => {\n    const vp = viewport();\n    const el = track();\n    if (!vp || !el) return;\n\n    const axis = orientation();\n    const target = scrollFromTrackClick(\n      axis,\n      el.getBoundingClientRect(),\n      event,\n      maxScrollOf(axis, vp),\n    );\n    vp.scrollTo({\n      [isVertical(axis) ? \"top\" : \"left\"]: target,\n      behavior: \"smooth\",\n    });\n  };\n\n  /** 键盘滚动：方向键小步、Page 键翻页、Home/End 到两端 */\n  const onKeyDown = (event: KeyboardEvent) => {\n    const vp = viewport();\n    if (!vp) return;\n\n    const axis = orientation();\n    const pageSize = isVertical(axis) ? vp.clientHeight : vp.clientWidth;\n    const delta = keyboardScrollDelta(event.key, pageSize);\n    if (delta === undefined) return;\n\n    event.preventDefault();\n    const scrollSize = isVertical(axis) ? vp.scrollHeight : vp.scrollWidth;\n    const max = maxScrollOf(axis, vp);\n    applyScrollPos(\n      axis,\n      vp,\n      scrollFromKeyboard(scrollPosOf(axis, vp), delta, max, scrollSize),\n    );\n  };\n\n  return { onThumbPointerDown, onTrackPointerDown, onKeyDown };\n}\n"],"mappings":";;;;AAqCA,SAAgBA,EAAwB,EACtC,UACA,aACA,gBACA,mBACgC;CAEhC,IAAMC,IAAYC,EAAgB;EAChC;EACA;EACA;EACA;CACF,CAAC;CAmDD,OAjDAC,EAAUF,EAAU,OAAO,GAiDpB;EAAE,qBA/CmB,MAAwBA,EAAU,MAAMG,CAAK;EA+C5C,qBAtCD,MAAwB;GAClD,IAAMC,IAAKC,EAAS,GACdC,IAAKC,EAAM;GACjB,IAAI,CAACH,KAAM,CAACE,GAAI;GAEhB,IAAME,IAAOC,EAAY,GACnBC,IAASC,EACbH,GACAF,EAAG,sBAAsB,GACzBH,GACAS,EAAYJ,GAAMJ,CAAE,CACtB;GACA,EAAG,SAAS;KACTS,EAAWL,CAAI,IAAI,QAAQ,SAASE;IACrC,UAAU;GACZ,CAAC;EACH;EAsBiD,YAnB9B,MAAyB;GAC1C,IAAMN,IAAKC,EAAS;GACpB,IAAI,CAACD,GAAI;GAET,IAAMI,IAAOC,EAAY,GACnBK,IAAWD,EAAWL,CAAI,IAAIJ,EAAG,eAAeA,EAAG,aACnDW,IAAQC,EAAoBb,EAAM,KAAKW,CAAQ;GACrD,IAAIC,MAAU,KAAA,GAAW;GAEzB,EAAM,eAAe;GACrB,IAAME,IAAaJ,EAAWL,CAAI,IAAIJ,EAAG,eAAeA,EAAG,aACrDc,IAAMN,EAAYJ,GAAMJ,CAAE;GAChC,EACEI,GACAJ,GACAe,EAAmBC,EAAYZ,GAAMJ,CAAE,GAAGW,GAAOG,GAAKD,CAAU,CAClE;EACF;CAE2D;AAC7D"}

package/dist/components/scroll-arrows/ScrollArrowButton.d.ts

@@ -1,9 +1,10 @@
 import { ScrollArrowButtonProps } from './ScrollArrows.types';
 /**
- * 单个滚动提示箭头：覆盖在列表上/下沿，悬停或按住时用 requestAnimationFrame
- * 持续滚动目标容器，到边界后 scrollTop 不再变化即自动停止。
+ * 单个滚动提示箭头，覆盖在列表上/下沿。
  *
- * 箭头是装饰元素(`aria-hidden`、不可聚焦)，无障碍仍由列表自身的
- * listbox/aria-activedescendant 承担。
+ * **纯装饰层**：`pointer-events-none` + `aria-hidden`，不参与指针命中，也不持有任何
+ * 定时器与 rAF——悬停滚动由 `useHoverScroll` 在滚动容器上按指针坐标驱动
+ * （见 DESIGN.md §3）。因此这里不会出现"箭头显隐 ↔ pointerenter 互相触发"的反馈循环，
+ * 也不会抢走列表首/尾选项的点击。
  */
 export declare function ScrollArrowButton(props: ScrollArrowButtonProps): import('solid-js').JSX.Element;

package/dist/components/scroll-arrows/ScrollArrowButton.js

@@ -1,51 +1,30 @@
 import { clsx as e } from "../../utils/clsx.js";
-import { className as t, createComponent as n, effect as r, insert as i, memo as a, setAttribute as o, template as s, use as c } from "solid-js/web";
-import { Show as l, onCleanup as u } from "solid-js";
-import { ChevronDown as d, ChevronUp as f } from "lucide-solid";
+import { className as t, createComponent as n, effect as r, insert as i, memo as a, setAttribute as o, template as s } from "solid-js/web";
+import { Show as c } from "solid-js";
+import { ChevronDown as l, ChevronUp as u } from "lucide-solid";
 //#region src/components/scroll-arrows/ScrollArrowButton.tsx
-var p = /*#__PURE__*/ s("<div aria-hidden=true data-slot=scroll-arrow>");
-function m(s) {
-	let m, h = () => {
-		m !== void 0 && (cancelAnimationFrame(m), m = void 0);
-	}, g = () => {
-		let e = s.target();
-		if (!e) {
-			h();
-			return;
-		}
-		let t = Math.max(4, e.clientHeight / 24), n = e.scrollTop;
-		if (e.scrollTop = n + (s.direction === "down" ? t : -t), e.scrollTop === n) {
-			h();
-			return;
-		}
-		m = requestAnimationFrame(g);
-	}, _ = () => {
-		h(), m = requestAnimationFrame(g);
-	}, v = (e) => {
-		e.addEventListener("pointerenter", _), e.addEventListener("pointerdown", _), e.addEventListener("pointerleave", h), e.addEventListener("pointerup", h), e.addEventListener("pointercancel", h), u(() => {
-			h(), e.removeEventListener("pointerenter", _), e.removeEventListener("pointerdown", _), e.removeEventListener("pointerleave", h), e.removeEventListener("pointerup", h), e.removeEventListener("pointercancel", h);
-		});
-	};
-	return n(l, {
+var d = /*#__PURE__*/ s("<div aria-hidden=true data-slot=scroll-arrow>");
+function f(s) {
+	return n(c, {
 		get when() {
 			return s.visible;
 		},
 		get children() {
-			var l = p();
-			return c(v, l), i(l, (() => {
+			var c = d();
+			return i(c, (() => {
 				var e = a(() => s.direction === "down");
-				return () => e() ? n(d, {}) : n(f, {});
+				return () => e() ? n(l, {}) : n(u, {});
 			})()), r((n) => {
-				var r = s.direction, i = e("absolute inset-x-0 z-10 flex h-6 cursor-default items-center justify-center bg-popover text-muted-foreground select-none [&_svg]:size-4", s.direction === "down" ? "bottom-0" : "top-0", s.class);
-				return r !== n.e && o(l, "data-direction", n.e = r), i !== n.t && t(l, n.t = i), n;
+				var r = s.direction, i = e("pointer-events-none absolute inset-x-0 z-10 flex h-6 select-none items-center justify-center bg-popover text-muted-foreground [&_svg]:size-4", s.direction === "down" ? "bottom-0" : "top-0", s.class);
+				return r !== n.e && o(c, "data-direction", n.e = r), i !== n.t && t(c, n.t = i), n;
 			}, {
 				e: void 0,
 				t: void 0
-			}), l;
+			}), c;
 		}
 	});
 }
 //#endregion
-export { m as ScrollArrowButton };
+export { f as ScrollArrowButton };
 
 //# sourceMappingURL=ScrollArrowButton.js.map

package/dist/components/scroll-arrows/ScrollArrowButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArrowButton.js","names":["Show","onCleanup","ChevronDown","ChevronUp","clsx","ScrollArrowButtonProps","ScrollArrowButton","props","frame","stop","undefined","cancelAnimationFrame","loop","el","target","step","Math","max","clientHeight","before","scrollTop","direction","requestAnimationFrame","start","attach","HTMLDivElement","addEventListener","removeEventListener","_$createComponent","when","visible","children","_el$","_tmpl$","_$use","_$insert","_c$","_$memo","_$effect","_p$","_v$","_v$2","class","e","_$setAttribute","t","_$className","_$createComponent","_$memo","_$setAttribute","_$className","_tmpl$","ScrollArrowButton","frame","stop","loop","el","props","step","before","start","attach","onCleanup","createComponent","Show","_el$","use","insert","_c$","memo","ChevronDown","ChevronUp","effect","_v$","_v$2","clsx","_p$","setAttribute","className"],"sources":["../../../src/components/scroll-arrows/ScrollArrowButton.tsx"],"sourcesContent":["import { Show, onCleanup } from \"solid-js\";\nimport { ChevronDown, ChevronUp } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport type { ScrollArrowButtonProps } from \"./ScrollArrows.types\";\n\n/**\n * 单个滚动提示箭头：覆盖在列表上/下沿，悬停或按住时用 requestAnimationFrame\n * 持续滚动目标容器，到边界后 scrollTop 不再变化即自动停止。\n *\n * 箭头是装饰元素(`aria-hidden`、不可聚焦)，无障碍仍由列表自身的\n * listbox/aria-activedescendant 承担。\n */\nexport function ScrollArrowButton(props: ScrollArrowButtonProps) {\n  let frame: number | undefined;\n\n  const stop = () => {\n    if (frame !== undefined) {\n      cancelAnimationFrame(frame);\n      frame = undefined;\n    }\n  };\n\n  const loop = () => {\n    const el = props.target();\n    if (!el) {\n      stop();\n      return;\n    }\n    // 每帧约滚动 1/24 高度，连续但不至于过快\n    const step = Math.max(4, el.clientHeight / 24);\n    const before = el.scrollTop;\n    el.scrollTop = before + (props.direction === \"down\" ? step : -step);\n    if (el.scrollTop === before) {\n      stop();\n      return;\n    }\n    frame = requestAnimationFrame(loop);\n  };\n\n  const start = () => {\n    stop();\n    frame = requestAnimationFrame(loop);\n  };\n\n  const attach = (el: HTMLDivElement) => {\n    el.addEventListener(\"pointerenter\", start);\n    el.addEventListener(\"pointerdown\", start);\n    el.addEventListener(\"pointerleave\", stop);\n    el.addEventListener(\"pointerup\", stop);\n    el.addEventListener(\"pointercancel\", stop);\n    onCleanup(() => {\n      stop();\n      el.removeEventListener(\"pointerenter\", start);\n      el.removeEventListener(\"pointerdown\", start);\n      el.removeEventListener(\"pointerleave\", stop);\n      el.removeEventListener(\"pointerup\", stop);\n      el.removeEventListener(\"pointercancel\", stop);\n    });\n  };\n\n  return (\n    <Show when={props.visible}>\n      <div\n        ref={attach}\n        aria-hidden=\"true\"\n        data-slot=\"scroll-arrow\"\n        data-direction={props.direction}\n        class={clsx(\n          \"absolute inset-x-0 z-10 flex h-6 cursor-default items-center justify-center bg-popover text-muted-foreground select-none [&_svg]:size-4\",\n          props.direction === \"down\" ? \"bottom-0\" : \"top-0\",\n          props.class,\n        )}\n      >\n        {props.direction === \"down\" ? <ChevronDown /> : <ChevronUp />}\n      </div>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAgBM,EAAkBC,GAA+B;CAC/D,IAAIC,GAEEC,UAAa;EACjB,AAAID,MAAUE,KAAAA,MACZC,qBAAqBH,CAAK,GAC1BA,IAAQE,KAAAA;CAEZ,GAEME,UAAa;EACjB,IAAMC,IAAKN,EAAMO,OAAO;EACxB,IAAI,CAACD,GAAI;GACPJ,EAAK;GACL;EACF;EAEA,IAAMM,IAAOC,KAAKC,IAAI,GAAGJ,EAAGK,eAAe,EAAE,GACvCC,IAASN,EAAGO;EAElB,IADAP,EAAGO,YAAYD,KAAUZ,EAAMc,cAAc,SAASN,IAAO,CAACA,IAC1DF,EAAGO,cAAcD,GAAQ;GAC3BV,EAAK;GACL;EACF;EACAD,IAAQc,sBAAsBV,CAAI;CACpC,GAEMW,UAAc;EAElBf,AADAC,EAAK,GACLD,IAAQc,sBAAsBV,CAAI;CACpC,GAEMY,KAAUX,MAAuB;EAMrCZ,AALAY,EAAGa,iBAAiB,gBAAgBH,CAAK,GACzCV,EAAGa,iBAAiB,eAAeH,CAAK,GACxCV,EAAGa,iBAAiB,gBAAgBjB,CAAI,GACxCI,EAAGa,iBAAiB,aAAajB,CAAI,GACrCI,EAAGa,iBAAiB,iBAAiBjB,CAAI,GACzCR,QAAgB;GAMdY,AALAJ,EAAK,GACLI,EAAGc,oBAAoB,gBAAgBJ,CAAK,GAC5CV,EAAGc,oBAAoB,eAAeJ,CAAK,GAC3CV,EAAGc,oBAAoB,gBAAgBlB,CAAI,GAC3CI,EAAGc,oBAAoB,aAAalB,CAAI,GACxCI,EAAGc,oBAAoB,iBAAiBlB,CAAI;EAC9C,CAAC;CACH;CAEA,OAAAmB,EACG5B,GAAI;EAAA,IAAC6B,OAAI;GAAA,OAAEtB,EAAMuB;EAAO;EAAA,IAAAC,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAUpB,OAVoBC,EAEhBV,GAAMQ,CAAA,GAAAG,EAAAH,UAAA;IAAA,IAAAI,IAAAC,QAUV9B,EAAMc,cAAc,MAAM;IAAA,aAA1Be,EAAA,IAAAR,EAA8B1B,GAAW,CAAA,CAAA,IAAA0B,EAAOzB,GAAS,CAAA,CAAA;GAAG,EAAA,CAAA,CAAA,GAAAmC,GAAAC,MAAA;IAAA,IAAAC,IAP7CjC,EAAMc,WAASoB,IACxBrC,EACL,2IACAG,EAAMc,cAAc,SAAS,aAAa,SAC1Cd,EAAMmC,KACR;IAAC,OAAAF,MAAAD,EAAAI,KAAAC,EAAAZ,GAAA,kBAAAO,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAd,GAAAO,EAAAM,IAAAJ,CAAA,GAAAF;GAAA,GAAA;IAAAI,GAAAjC,KAAAA;IAAAmC,GAAAnC,KAAAA;GAAA,CAAA,GAAAsB;EAAA;CAAA,CAAA;AAMT"}
+{"version":3,"file":"ScrollArrowButton.js","names":["Show","ChevronDown","ChevronUp","clsx","ScrollArrowButtonProps","ScrollArrowButton","props","_$createComponent","when","visible","children","_el$","_tmpl$","_$insert","_c$","_$memo","direction","_$effect","_p$","_v$","_v$2","class","e","_$setAttribute","t","_$className","undefined","_$createComponent","_$memo","_$setAttribute","_$className","_tmpl$","ScrollArrowButton","createComponent","Show","props","_el$","insert","_c$","memo","ChevronDown","ChevronUp","effect","_v$","_v$2","clsx","_p$","setAttribute","className"],"sources":["../../../src/components/scroll-arrows/ScrollArrowButton.tsx"],"sourcesContent":["import { Show } from \"solid-js\";\nimport { ChevronDown, ChevronUp } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport type { ScrollArrowButtonProps } from \"./ScrollArrows.types\";\n\n/**\n * 单个滚动提示箭头，覆盖在列表上/下沿。\n *\n * **纯装饰层**：`pointer-events-none` + `aria-hidden`，不参与指针命中，也不持有任何\n * 定时器与 rAF——悬停滚动由 `useHoverScroll` 在滚动容器上按指针坐标驱动\n * （见 DESIGN.md §3）。因此这里不会出现\"箭头显隐 ↔ pointerenter 互相触发\"的反馈循环，\n * 也不会抢走列表首/尾选项的点击。\n */\nexport function ScrollArrowButton(props: ScrollArrowButtonProps) {\n  return (\n    <Show when={props.visible}>\n      <div\n        aria-hidden=\"true\"\n        data-slot=\"scroll-arrow\"\n        data-direction={props.direction}\n        class={clsx(\n          \"pointer-events-none absolute inset-x-0 z-10 flex h-6 select-none items-center justify-center bg-popover text-muted-foreground [&_svg]:size-4\",\n          props.direction === \"down\" ? \"bottom-0\" : \"top-0\",\n          props.class,\n        )}\n      >\n        {props.direction === \"down\" ? <ChevronDown /> : <ChevronUp />}\n      </div>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgBK,EAAkBC,GAA+B;CAC/D,OAAAC,EACGP,GAAI;EAAA,IAACQ,OAAI;GAAA,OAAEF,EAAMG;EAAO;EAAA,IAAAC,WAAA;GAAA,IAAAC,IAAAC,EAAA;GASpB,OAToBC,EAAAF,UAAA;IAAA,IAAAG,IAAAC,QAWpBT,EAAMU,cAAc,MAAM;IAAA,aAA1BF,EAAA,IAAAP,EAA8BN,GAAW,CAAA,CAAA,IAAAM,EAAOL,GAAS,CAAA,CAAA;GAAG,EAAA,CAAA,CAAA,GAAAe,GAAAC,MAAA;IAAA,IAAAC,IAP7Cb,EAAMU,WAASI,IACxBjB,EACL,gJACAG,EAAMU,cAAc,SAAS,aAAa,SAC1CV,EAAMe,KACR;IAAC,OAAAF,MAAAD,EAAAI,KAAAC,EAAAZ,GAAA,kBAAAO,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAd,GAAAO,EAAAM,IAAAJ,CAAA,GAAAF;GAAA,GAAA;IAAAI,GAAAI,KAAAA;IAAAF,GAAAE,KAAAA;GAAA,CAAA,GAAAf;EAAA;CAAA,CAAA;AAMT"}

package/dist/components/scroll-arrows/ScrollArrows.d.ts

@@ -2,7 +2,11 @@ import { JSX } from 'solid-js';
 import { ScrollArrowsProps } from './ScrollArrows.types';
 /**
  * 列表/菜单弹层通用的滚动提示：隐藏原生滚动条后，在上/下沿叠加箭头，
- * 提示该方向还有内容；悬停或按住箭头会持续滚动，到边界后箭头自动隐藏。
- * 放在滚动容器(定位祖先)内部即可，需要容器自身是定位元素。
+ * 提示该方向还有内容。放在滚动容器(定位祖先)内部即可，需要容器自身是定位元素。
+ *
+ * - 箭头本身始终是**装饰层**（`pointer-events-none`）：不抢边缘列表项的点击；
+ * - 悬停滚动默认开启，但由 `useHoverScroll` 在滚动容器上按指针坐标驱动，
+ *   因此"箭头显隐"与"是否继续滚动"互不依赖（见 DESIGN.md §3）；
+ * - 需要纯装饰时传 `hoverScroll={false}`。
  */
 export declare function ScrollArrows(props: ScrollArrowsProps): JSX.Element;

package/dist/components/scroll-arrows/ScrollArrows.js

@@ -1,35 +1,35 @@
 import { clsx as e } from "../../utils/clsx.js";
 import { useScrollEdges as t } from "../../hooks/useScrollEdges.js";
 import { ScrollArrowButton as n } from "./ScrollArrowButton.js";
-import { createComponent as r } from "solid-js/web";
+import { useHoverScroll as r } from "./useHoverScroll.js";
+import { createComponent as i } from "solid-js/web";
 //#region src/components/scroll-arrows/ScrollArrows.tsx
-function i(i) {
-	let { canScrollUp: a, canScrollDown: o } = t(() => i.target());
-	return [r(n, {
+function a(a) {
+	let { canScrollUp: o, canScrollDown: s } = t(() => a.target());
+	return r({
+		target: () => a.target(),
+		canScrollUp: o,
+		canScrollDown: s,
+		enabled: () => a.hoverScroll ?? !0
+	}), [i(n, {
 		direction: "up",
 		get visible() {
-			return a();
-		},
-		get target() {
-			return i.target;
+			return o();
 		},
 		get class() {
-			return e(i.class, i.upClass);
+			return e(a.class, a.upClass);
 		}
-	}), r(n, {
+	}), i(n, {
 		direction: "down",
 		get visible() {
-			return o();
-		},
-		get target() {
-			return i.target;
+			return s();
 		},
 		get class() {
-			return e(i.class, i.downClass);
+			return e(a.class, a.downClass);
 		}
 	})];
 }
 //#endregion
-export { i as ScrollArrows };
+export { a as ScrollArrows };
 
 //# sourceMappingURL=ScrollArrows.js.map

package/dist/components/scroll-arrows/ScrollArrows.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArrows.js","names":["JSX","clsx","useScrollEdges","ScrollArrowButton","ScrollArrowsProps","ScrollArrows","props","Element","canScrollUp","canScrollDown","target","_$createComponent","direction","visible","class","upClass","downClass","_$createComponent","ScrollArrows","useScrollEdges","props","createComponent","ScrollArrowButton","canScrollUp","\"class\"","clsx","canScrollDown"],"sources":["../../../src/components/scroll-arrows/ScrollArrows.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useScrollEdges } from \"~/hooks\";\nimport { ScrollArrowButton } from \"./ScrollArrowButton\";\nimport type { ScrollArrowsProps } from \"./ScrollArrows.types\";\n\n/**\n * 列表/菜单弹层通用的滚动提示：隐藏原生滚动条后，在上/下沿叠加箭头，\n * 提示该方向还有内容；悬停或按住箭头会持续滚动，到边界后箭头自动隐藏。\n * 放在滚动容器(定位祖先)内部即可，需要容器自身是定位元素。\n */\nexport function ScrollArrows(props: ScrollArrowsProps): JSX.Element {\n  const { canScrollUp, canScrollDown } = useScrollEdges(() => props.target());\n\n  return (\n    <>\n      <ScrollArrowButton\n        direction=\"up\"\n        visible={canScrollUp()}\n        target={props.target}\n        class={clsx(props.class, props.upClass)}\n      />\n      <ScrollArrowButton\n        direction=\"down\"\n        visible={canScrollDown()}\n        target={props.target}\n        class={clsx(props.class, props.downClass)}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;AAWA,SAAgBK,EAAaC,GAAuC;CAClE,IAAM,EAAEE,gBAAaC,qBAAkBP,QAAqBI,EAAMI,OAAO,CAAC;CAE1E,OAAA,CAAAC,EAEKR,GAAiB;EAChBS,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEL,EAAY;EAAC;EAAA,IACtBE,SAAM;GAAA,OAAEJ,EAAMI;EAAM;EAAA,IAAAc,QAAA;GAAA,OACbvB,EAAKK,EAAMQ,OAAOR,EAAMS,OAAO;EAAC;CAAA,CAAA,GAAAJ,EAExCR,GAAiB;EAChBS,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEJ,EAAc;EAAC;EAAA,IACxBC,SAAM;GAAA,OAAEJ,EAAMI;EAAM;EAAA,IAAAc,QAAA;GAAA,OACbvB,EAAKK,EAAMQ,OAAOR,EAAMU,SAAS;EAAC;CAAA,CAAA,CAAA;AAIjD"}
+{"version":3,"file":"ScrollArrows.js","names":["JSX","clsx","useScrollEdges","ScrollArrowButton","useHoverScroll","ScrollArrowsProps","ScrollArrows","props","Element","canScrollUp","canScrollDown","target","enabled","hoverScroll","_$createComponent","direction","visible","class","upClass","downClass","_$createComponent","ScrollArrows","useScrollEdges","props","useHoverScroll","createComponent","ScrollArrowButton","canScrollUp","\"class\"","clsx","canScrollDown"],"sources":["../../../src/components/scroll-arrows/ScrollArrows.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useScrollEdges } from \"~/hooks\";\nimport { ScrollArrowButton } from \"./ScrollArrowButton\";\nimport { useHoverScroll } from \"./useHoverScroll\";\nimport type { ScrollArrowsProps } from \"./ScrollArrows.types\";\n\n/**\n * 列表/菜单弹层通用的滚动提示：隐藏原生滚动条后，在上/下沿叠加箭头，\n * 提示该方向还有内容。放在滚动容器(定位祖先)内部即可，需要容器自身是定位元素。\n *\n * - 箭头本身始终是**装饰层**（`pointer-events-none`）：不抢边缘列表项的点击；\n * - 悬停滚动默认开启，但由 `useHoverScroll` 在滚动容器上按指针坐标驱动，\n *   因此\"箭头显隐\"与\"是否继续滚动\"互不依赖（见 DESIGN.md §3）；\n * - 需要纯装饰时传 `hoverScroll={false}`。\n */\nexport function ScrollArrows(props: ScrollArrowsProps): JSX.Element {\n  const { canScrollUp, canScrollDown } = useScrollEdges(() => props.target());\n\n  useHoverScroll({\n    target: () => props.target(),\n    canScrollUp,\n    canScrollDown,\n    enabled: () => props.hoverScroll ?? true,\n  });\n\n  return (\n    <>\n      <ScrollArrowButton\n        direction=\"up\"\n        visible={canScrollUp()}\n        class={clsx(props.class, props.upClass)}\n      />\n      <ScrollArrowButton\n        direction=\"down\"\n        visible={canScrollDown()}\n        class={clsx(props.class, props.downClass)}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;AAgBA,SAAgBM,EAAaC,GAAuC;CAClE,IAAM,EAAEE,gBAAaC,qBAAkBR,QAAqBK,EAAMI,OAAO,CAAC;CAS1E,OAPAP,EAAe;EACbO,cAAcJ,EAAMI,OAAO;EAC3BF;EACAC;EACAE,eAAeL,EAAMM,eAAe;CACtC,CAAC,GAED,CAAAC,EAEKX,GAAiB;EAChBY,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEP,EAAY;EAAC;EAAA,IAAAmB,QAAA;GAAA,OACf3B,EAAKM,EAAMU,OAAOV,EAAMW,OAAO;EAAC;CAAA,CAAA,GAAAJ,EAExCX,GAAiB;EAChBY,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEN,EAAc;EAAC;EAAA,IAAAkB,QAAA;GAAA,OACjB3B,EAAKM,EAAMU,OAAOV,EAAMY,SAAS;EAAC;CAAA,CAAA,CAAA;AAIjD"}

package/dist/components/scroll-arrows/ScrollArrows.types.d.ts

@@ -1,7 +1,15 @@
 import { Accessor } from 'solid-js';
 export interface ScrollArrowsProps {
-    /** 滚动容器 accessor；组件内部据此计算上下边缘状态 */
+    /** 滚动容器 accessor；组件内部据此计算上下边缘状态并驱动悬停滚动 */
     target: Accessor<HTMLElement | undefined>;
+    /**
+     * 指针停在滚动容器上/下边缘带时是否持续滚动，默认 **true**。
+     *
+     * 注意：悬停滚动是在**容器**上按指针坐标驱动的（箭头本身始终
+     * `pointer-events-none`），因此不会抢走边缘列表项的点击；
+     * 指针按下、滚轮、键盘、离开容器都会立即停止。
+     */
+    hoverScroll?: boolean;
     /** 两个箭头共用的额外 class */
     class?: string;
     /** 顶部箭头额外 class(圆角等) */
@@ -12,6 +20,5 @@ export interface ScrollArrowsProps {
 export interface ScrollArrowButtonProps {
     direction: "up" | "down";
     visible: boolean;
-    target: Accessor<HTMLElement | undefined>;
     class?: string;
 }

package/dist/components/scroll-arrows/useHoverScroll.d.ts

@@ -0,0 +1,29 @@
+import { Accessor } from 'solid-js';
+/** 悬停到边缘带后、开始持续滚动前的停留时间（ms）：避免只是掠过就滚起来 */
+export declare const HOVER_SCROLL_DELAY = 150;
+/**
+ * 边缘判定带高度（px），与箭头高度一致（`h-6` = 24px）。
+ * 改箭头高度时这里也要跟着改。
+ */
+export declare const HOVER_BAND_PX = 24;
+export interface UseHoverScrollOptions {
+    /** 滚动容器 */
+    target: Accessor<HTMLElement | undefined>;
+    /** 上方 / 下方是否还有内容（与箭头的显隐同源，来自 `useScrollEdges`） */
+    canScrollUp: Accessor<boolean>;
+    canScrollDown: Accessor<boolean>;
+    /** 是否启用 */
+    enabled: Accessor<boolean>;
+}
+/**
+ * 悬停在滚动容器的上/下边缘带时持续滚动。
+ *
+ * 为什么监听**容器**而不是箭头：箭头是 `pointer-events-none` 的装饰层（见 DESIGN.md §2），
+ * 一旦让它参与指针命中，就会抢走列表首/尾选项的点击。改为在容器上按指针坐标判断
+ * "是否停在边缘带内"，于是：
+ * - 不需要箭头命中指针，边缘点击照常落到列表项上；
+ * - 滚动由指针位置驱动，与箭头是否可见无关，**结构上消除**了
+ *   "箭头显隐 ↔ pointerenter 互相触发" 的反馈循环；
+ * - 指针按下 / 滚轮 / 键盘随时夺回控制权。
+ */
+export declare function useHoverScroll(options: UseHoverScrollOptions): void;

package/dist/components/scroll-arrows/useHoverScroll.js

@@ -0,0 +1,39 @@
+import { createEffect as e, onCleanup as t } from "solid-js";
+function n(n) {
+	let r, i, a, o = () => {
+		r !== void 0 && (cancelAnimationFrame(r), r = void 0), a = void 0;
+	}, s = () => {
+		i !== void 0 && (clearTimeout(i), i = void 0), o();
+	};
+	t(s), e(() => {
+		let e = n.target(), c = n.enabled();
+		if (!e || !c) return;
+		let l = () => {
+			r = void 0;
+			let t = a;
+			if (t === void 0) return;
+			let n = Math.max(4, e.clientHeight / 24), i = e.scrollTop;
+			if (e.scrollTop = i + (t === "down" ? n : -n), e.scrollTop === i) {
+				o();
+				return;
+			}
+			r = requestAnimationFrame(l);
+		}, u = (e) => {
+			o(), a = e, r = requestAnimationFrame(l);
+		}, d = (e) => {
+			a !== e && (i !== void 0 && (clearTimeout(i), i = void 0), o(), i = window.setTimeout(() => {
+				i = void 0, u(e);
+			}, 150));
+		}, f = (t) => {
+			let r = e.getBoundingClientRect(), i = t.clientY - r.top, a = r.bottom - t.clientY;
+			i <= 24 && n.canScrollUp() ? d("up") : a <= 24 && n.canScrollDown() ? d("down") : s();
+		};
+		e.addEventListener("pointermove", f), e.addEventListener("pointerleave", s), e.addEventListener("pointerdown", s), e.addEventListener("touchstart", s, { passive: !0 }), e.addEventListener("wheel", s, { passive: !0 }), e.addEventListener("keydown", s), t(() => {
+			s(), e.removeEventListener("pointermove", f), e.removeEventListener("pointerleave", s), e.removeEventListener("pointerdown", s), e.removeEventListener("touchstart", s), e.removeEventListener("wheel", s), e.removeEventListener("keydown", s);
+		});
+	});
+}
+//#endregion
+export { n as useHoverScroll };
+
+//# sourceMappingURL=useHoverScroll.js.map

package/dist/components/scroll-arrows/useHoverScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverScroll.js","names":["useHoverScroll","frame","timer","direction","stopLoop","stop","onCleanup","createEffect","element","options","enabled","loop","current","step","before","start","next","schedule","onPointerMove","rect","fromTop","event","fromBottom"],"sources":["../../../src/components/scroll-arrows/useHoverScroll.ts"],"sourcesContent":["import { createEffect, onCleanup, type Accessor } from \"solid-js\";\n\n/** 悬停到边缘带后、开始持续滚动前的停留时间（ms）：避免只是掠过就滚起来 */\nexport const HOVER_SCROLL_DELAY = 150;\n/**\n * 边缘判定带高度（px），与箭头高度一致（`h-6` = 24px）。\n * 改箭头高度时这里也要跟着改。\n */\nexport const HOVER_BAND_PX = 24;\n\nexport interface UseHoverScrollOptions {\n  /** 滚动容器 */\n  target: Accessor<HTMLElement | undefined>;\n  /** 上方 / 下方是否还有内容（与箭头的显隐同源，来自 `useScrollEdges`） */\n  canScrollUp: Accessor<boolean>;\n  canScrollDown: Accessor<boolean>;\n  /** 是否启用 */\n  enabled: Accessor<boolean>;\n}\n\n/**\n * 悬停在滚动容器的上/下边缘带时持续滚动。\n *\n * 为什么监听**容器**而不是箭头：箭头是 `pointer-events-none` 的装饰层（见 DESIGN.md §2），\n * 一旦让它参与指针命中，就会抢走列表首/尾选项的点击。改为在容器上按指针坐标判断\n * \"是否停在边缘带内\"，于是：\n * - 不需要箭头命中指针，边缘点击照常落到列表项上；\n * - 滚动由指针位置驱动，与箭头是否可见无关，**结构上消除**了\n *   \"箭头显隐 ↔ pointerenter 互相触发\" 的反馈循环；\n * - 指针按下 / 滚轮 / 键盘随时夺回控制权。\n */\nexport function useHoverScroll(options: UseHoverScrollOptions): void {\n  let frame: number | undefined;\n  let timer: number | undefined;\n  let direction: \"up\" | \"down\" | undefined;\n\n  const stopLoop = () => {\n    if (frame !== undefined) {\n      cancelAnimationFrame(frame);\n      frame = undefined;\n    }\n    direction = undefined;\n  };\n\n  const stop = () => {\n    if (timer !== undefined) {\n      clearTimeout(timer);\n      timer = undefined;\n    }\n    stopLoop();\n  };\n\n  onCleanup(stop);\n\n  createEffect(() => {\n    const element = options.target();\n    const enabled = options.enabled();\n    if (!element || !enabled) return;\n\n    const loop = () => {\n      frame = undefined;\n      // 每次循环都重新确认方向仍然有效（指针可能已离开，或内容已到边界）\n      const current = direction;\n      if (current === undefined) return;\n\n      const step = Math.max(4, element.clientHeight / 24);\n      const before = element.scrollTop;\n      element.scrollTop = before + (current === \"down\" ? step : -step);\n      // 到边界（或内容放得下）时 scrollTop 不再变化 → 停止\n      if (element.scrollTop === before) {\n        stopLoop();\n        return;\n      }\n      frame = requestAnimationFrame(loop);\n    };\n\n    const start = (next: \"up\" | \"down\") => {\n      stopLoop();\n      direction = next;\n      frame = requestAnimationFrame(loop);\n    };\n\n    /** 进入边缘带：停留一段时间后才开始滚动；期间指针一动就重新计时 */\n    const schedule = (next: \"up\" | \"down\") => {\n      if (direction === next) return;\n      if (timer !== undefined) {\n        clearTimeout(timer);\n        timer = undefined;\n      }\n      stopLoop();\n      timer = window.setTimeout(() => {\n        timer = undefined;\n        start(next);\n      }, HOVER_SCROLL_DELAY);\n    };\n\n    const onPointerMove = (event: PointerEvent) => {\n      const rect = element.getBoundingClientRect();\n      const fromTop = event.clientY - rect.top;\n      const fromBottom = rect.bottom - event.clientY;\n\n      if (fromTop <= HOVER_BAND_PX && options.canScrollUp()) schedule(\"up\");\n      else if (fromBottom <= HOVER_BAND_PX && options.canScrollDown())\n        schedule(\"down\");\n      else stop();\n    };\n\n    element.addEventListener(\"pointermove\", onPointerMove);\n    element.addEventListener(\"pointerleave\", stop);\n    // 按下即停：否则指针下的选项会在按下与抬起之间继续移动，导致点不中\n    element.addEventListener(\"pointerdown\", stop);\n    element.addEventListener(\"touchstart\", stop, { passive: true });\n    element.addEventListener(\"wheel\", stop, { passive: true });\n    element.addEventListener(\"keydown\", stop);\n    onCleanup(() => {\n      stop();\n      element.removeEventListener(\"pointermove\", onPointerMove);\n      element.removeEventListener(\"pointerleave\", stop);\n      element.removeEventListener(\"pointerdown\", stop);\n      element.removeEventListener(\"touchstart\", stop);\n      element.removeEventListener(\"wheel\", stop);\n      element.removeEventListener(\"keydown\", stop);\n    });\n  });\n}\n"],"mappings":";AA+BA,SAAgBA,EAAe,GAAsC;CACnE,IAAIC,GACAC,GACAC,GAEEC,UAAiB;EAKrB,AAJIH,MAAU,KAAA,MACZ,qBAAqBA,CAAK,GAC1B,IAAQ,KAAA,IAEV,IAAY,KAAA;CACd,GAEMI,UAAa;EAKjB,AAJIH,MAAU,KAAA,MACZ,aAAaA,CAAK,GAClB,IAAQ,KAAA,IAEVE,EAAS;CACX;CAIA,AAFAE,EAAUD,CAAI,GAEdE,QAAmB;EACjB,IAAMC,IAAUC,EAAQ,OAAO,GACzBC,IAAUD,EAAQ,QAAQ;EAChC,IAAI,CAACD,KAAW,CAACE,GAAS;EAE1B,IAAMC,UAAa;GACjB,IAAQ,KAAA;GAER,IAAMC,IAAUT;GAChB,IAAIS,MAAY,KAAA,GAAW;GAE3B,IAAMC,IAAO,KAAK,IAAI,GAAGL,EAAQ,eAAe,EAAE,GAC5CM,IAASN,EAAQ;GAGvB,IAFA,EAAQ,YAAYM,KAAUF,MAAY,SAASC,IAAO,CAACA,IAEvDL,EAAQ,cAAcM,GAAQ;IAChC,EAAS;IACT;GACF;GACA,IAAQ,sBAAsBH,CAAI;EACpC,GAEMI,KAAS,MAAwB;GAGrC,AAFAX,EAAS,GACT,IAAYY,GACZ,IAAQ,sBAAsBL,CAAI;EACpC,GAGMM,KAAY,MAAwB;GACxC,AAAId,MAAca,MACdd,MAAU,KAAA,MACZ,aAAaA,CAAK,GAClB,IAAQ,KAAA,IAEVE,EAAS,GACT,IAAQ,OAAO,iBAAiB;IAE9B,AADA,IAAQ,KAAA,GACRW,EAAMC,CAAI;GACZ,GAAA,GAAqB;EACvB,GAEME,KAAiB,MAAwB;GAC7C,IAAMC,IAAOX,EAAQ,sBAAsB,GACrCY,IAAUC,EAAM,UAAUF,EAAK,KAC/BG,IAAaH,EAAK,SAASE,EAAM;GAEvC,AAAID,KAAA,MAA4BX,EAAQ,YAAY,IAAGQ,EAAS,IAAI,IAC3DK,KAAA,MAA+Bb,EAAQ,cAAc,IAC5DQ,EAAS,MAAM,IACZZ,EAAK;EACZ;EASA,AAPAG,EAAQ,iBAAiB,eAAeU,CAAa,GACrDV,EAAQ,iBAAiB,gBAAgBH,CAAI,GAE7CG,EAAQ,iBAAiB,eAAeH,CAAI,GAC5CG,EAAQ,iBAAiB,cAAcH,GAAM,EAAE,SAAS,GAAK,CAAC,GAC9DG,EAAQ,iBAAiB,SAASH,GAAM,EAAE,SAAS,GAAK,CAAC,GACzDG,EAAQ,iBAAiB,WAAWH,CAAI,GACxCC,QAAgB;GAOd,AANAD,EAAK,GACLG,EAAQ,oBAAoB,eAAeU,CAAa,GACxDV,EAAQ,oBAAoB,gBAAgBH,CAAI,GAChDG,EAAQ,oBAAoB,eAAeH,CAAI,GAC/CG,EAAQ,oBAAoB,cAAcH,CAAI,GAC9CG,EAAQ,oBAAoB,SAASH,CAAI,GACzCG,EAAQ,oBAAoB,WAAWH,CAAI;EAC7C,CAAC;CACH,CAAC;AACH"}

package/dist/components/select/SelectContent/useSelectContent.js

@@ -1,10 +1,10 @@
-import { useSelectContext as e } from "../Select/Select.context.js";
-import { createPositioner as t } from "../../../lib/positioner/create-positioner.js";
+import { createPositioner as e } from "../../../lib/positioner/create-positioner.js";
+import { useSelectContext as t } from "../Select/Select.context.js";
 import { createSelectMiddleware as n } from "./SelectContent.utils.js";
 import { createEffect as r, createMemo as i, createSignal as a, onCleanup as o } from "solid-js";
 //#region src/components/select/SelectContent/useSelectContent.ts
 function s(s) {
-	let c = e("SelectContent"), [l, u] = a(), [d, f] = a(), p = i(() => c.value() != null), m = t(c.reference, c.floating, {
+	let c = t("SelectContent"), [l, u] = a(), [d, f] = a(), p = i(() => c.value() != null), m = e(c.reference, c.floating, {
 		placement: () => s().placement ?? "bottom-start",
 		strategy: "fixed",
 		middleware: () => n({

package/dist/components/select/SelectGroup/SelectGroup.d.ts

@@ -1,2 +1,8 @@
-import { ParentProps } from 'solid-js';
-export declare function SelectGroup(props: ParentProps): import('solid-js').JSX.Element;
+import { SelectGroupProps } from './SelectGroup.types';
+/**
+ * SelectGroup：把若干 SelectItem 包成 role="group" 的 li。
+ *
+ * 必须像同目录的其它部件一样透传 `class` / `classList` 与其余属性：
+ * 此前实现只渲染 `{props.children}`，调用方传的 class、data-* 全被静默丢弃。
+ */
+export declare function SelectGroup(props: SelectGroupProps): import('solid-js').JSX.Element;

package/dist/components/select/SelectGroup/SelectGroup.js

@@ -1,13 +1,27 @@
-import { insert as e, template as t } from "solid-js/web";
+import { clsx as e } from "../../../utils/clsx.js";
+import { insert as t, mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
 //#region src/components/select/SelectGroup/SelectGroup.tsx
-var n = /*#__PURE__*/ t("<li role=group>");
-function r(t) {
+var o = /*#__PURE__*/ i("<li data-slot=select-group role=group>");
+function s(i) {
+	let [s, c] = a(i, [
+		"class",
+		"classList",
+		"children"
+	]);
 	return (() => {
-		var r = n();
-		return e(r, () => t.children), r;
+		var i = o();
+		return r(i, n({
+			get class() {
+				return e(s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !0), t(i, () => s.children), i;
 	})();
 }
 //#endregion
-export { r as SelectGroup };
+export { s as SelectGroup };
 
 //# sourceMappingURL=SelectGroup.js.map

package/dist/components/select/SelectGroup/SelectGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectGroup.js","names":["ParentProps","SelectGroup","props","_el$","_tmpl$","_$insert","children","_tmpl$","SelectGroup","_el$","insert","props"],"sources":["../../../../src/components/select/SelectGroup/SelectGroup.tsx"],"sourcesContent":["import type { ParentProps } from \"solid-js\";\n\nexport function SelectGroup(props: ParentProps) {\n  return <li role=\"group\">{props.children}</li>;\n}\n"],"mappings":";;;AAEA,SAAgBC,EAAYC,GAAoB;CAC9C,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAAuC,OAAvCC,EAAAF,SAAyBD,EAAMI,QAAQ,GAAAH;CAAA,EAAA,CAAA;AACzC"}
+{"version":3,"file":"SelectGroup.js","names":["splitProps","SelectGroupProps","clsx","SelectGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$insert","children","_$mergeProps","_tmpl$","SelectGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","insert"],"sources":["../../../../src/components/select/SelectGroup/SelectGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SelectGroupProps } from \"./SelectGroup.types\";\nimport { clsx } from \"~/utils\";\n\n/**\n * SelectGroup：把若干 SelectItem 包成 role=\"group\" 的 li。\n *\n * 必须像同目录的其它部件一样透传 `class` / `classList` 与其余属性：\n * 此前实现只渲染 `{props.children}`，调用方传的 class、data-* 全被静默丢弃。\n */\nexport function SelectGroup(props: SelectGroupProps) {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <li\n      data-slot=\"select-group\"\n      role=\"group\"\n      class={clsx(local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      {local.children}\n    </li>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgBG,EAAYC,GAAyB;CACnD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQmB,OARnBC,EAAAF,GAAAG,EAAA;GAAA,IAAAe,QAAA;IAAA,OAIWvB,EAAKG,EAAMM,KAAK;GAAC;GAAA,IACxBC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAO,EAAAN,SAETF,EAAMS,QAAQ,GAAAP;CAAA,EAAA,CAAA;AAGrB"}

package/dist/components/select/SelectGroup/SelectGroup.types.d.ts

@@ -0,0 +1,9 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/**
+ * SelectGroup 是一个容器部件：除 BaseProps（class / classList / style / dir）
+ * 外还要接受 children 与任意透传属性（如 data-*）。
+ */
+export type SelectGroupProps = BaseProps & ParentProps & {
+    [key: `data-${string}`]: unknown;
+};

package/dist/components/select/SelectGroup/index.d.ts

@@ -1 +1,2 @@
 export { SelectGroup } from './SelectGroup';
+export type { SelectGroupProps } from './SelectGroup.types';

package/dist/components/select/SelectTrigger/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","names":["ValidComponent","Dynamic","useSelectTrigger","SelectTriggerProps","clsx","mergeRefs","Button","ChevronDown","SelectTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","disabled","icon","iconPosition","component","variant","ref","r$","_ref$","setReference","role","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-disabled","class","_$createComponent","_$mergeProps","_$memo","SelectTrigger","useSelectTrigger","props","createComponent","Dynamic","mergeProps","isDisabled","ChevronDown","Button","_ref$","mergeRefs","ctx","attachListeners","r$","memo","\"class\"","clsx"],"sources":["../../../../src/components/select/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { useSelectTrigger } from \"./useSelectTrigger\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { Button } from \"~/components/button\";\nimport { ChevronDown } from \"lucide-solid\";\n\nexport const SelectTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: SelectTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = useSelectTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      disabled={isDisabled()}\n      icon={<ChevronDown />}\n      iconPosition=\"right\"\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      variant={props.variant ?? \"outline\"}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-disabled={isDisabled() ? \"\" : undefined}\n      class={clsx(\"justify-between\", props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAQA,IAAaQ,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBX,QAAuBO,CAAK;CAEzE,OAAAK,EACGb,GAAOc,EACFN,GAAK;EAAA,IACTO,WAAQ;GAAA,OAAEJ,EAAW;EAAC;EAAA,IACtBK,OAAI;GAAA,OAAAH,EAAGP,GAAW,CAAA,CAAA;EAAA;EAClBW,cAAY;EAAA,IACZC,YAAS;GAAA,OAAGV,EAAMU,aAAgCb;EAAgB;EAAA,IAClEc,UAAO;GAAA,OAAEX,EAAMW,WAAW;EAAS;EAAAC,IAAAC,GAAA;GAAA,IAAAC,IAC9BlB,EAAUM,EAAIa,cAAcf,EAAMY,KAAKR,CAAe;GAAC,OAAAU,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAC5DG,MAAI;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAEWd,EAAIgB,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAlB,EAAIgB,KAAK,CAAC,CAAA,CAAA,IAAGhB,EAAImB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCpB,EAAIgB,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,kBAAA;GAAA,OAC3Bf,EAAW,IAAI,KAAKmB,KAAAA;EAAS;EAAA,IAAAsB,QAAA;GAAA,OACrCjD,EAAK,mBAAmBK,EAAMyB,KAAK;EAAC;CAAA,CAAA,CAAA;AAGjD"}
+{"version":3,"file":"SelectTrigger.js","names":["ValidComponent","Dynamic","useSelectTrigger","SelectTriggerProps","clsx","mergeRefs","Button","ChevronDown","SelectTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","disabled","icon","iconPosition","component","variant","ref","r$","_ref$","setReference","role","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-disabled","class","_$createComponent","_$mergeProps","_$memo","SelectTrigger","useSelectTrigger","props","createComponent","Dynamic","mergeProps","isDisabled","ChevronDown","Button","_ref$","mergeRefs","ctx","attachListeners","r$","memo","\"class\"","clsx"],"sources":["../../../../src/components/select/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["// classlist-opt-out: Dynamic 的 component 是 Button（子组件会自己处理 classList），实际不丢\nimport type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { useSelectTrigger } from \"./useSelectTrigger\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { Button } from \"~/components/button\";\nimport { ChevronDown } from \"lucide-solid\";\n\nexport const SelectTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: SelectTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = useSelectTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      disabled={isDisabled()}\n      icon={<ChevronDown />}\n      iconPosition=\"right\"\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      variant={props.variant ?? \"outline\"}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-disabled={isDisabled() ? \"\" : undefined}\n      class={clsx(\"justify-between\", props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AASA,IAAaQ,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBX,QAAuBO,CAAK;CAEzE,OAAAK,EACGb,GAAOc,EACFN,GAAK;EAAA,IACTO,WAAQ;GAAA,OAAEJ,EAAW;EAAC;EAAA,IACtBK,OAAI;GAAA,OAAAH,EAAGP,GAAW,CAAA,CAAA;EAAA;EAClBW,cAAY;EAAA,IACZC,YAAS;GAAA,OAAGV,EAAMU,aAAgCb;EAAgB;EAAA,IAClEc,UAAO;GAAA,OAAEX,EAAMW,WAAW;EAAS;EAAAC,IAAAC,GAAA;GAAA,IAAAC,IAC9BlB,EAAUM,EAAIa,cAAcf,EAAMY,KAAKR,CAAe;GAAC,OAAAU,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAC5DG,MAAI;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAEWd,EAAIgB,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAlB,EAAIgB,KAAK,CAAC,CAAA,CAAA,IAAGhB,EAAImB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCpB,EAAIgB,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,kBAAA;GAAA,OAC3Bf,EAAW,IAAI,KAAKmB,KAAAA;EAAS;EAAA,IAAAsB,QAAA;GAAA,OACrCjD,EAAK,mBAAmBK,EAAMyB,KAAK;EAAC;CAAA,CAAA,CAAA;AAGjD"}

package/dist/components/select/SelectTrigger/useSelectTrigger.js

@@ -3,7 +3,7 @@ import { onCleanup as t } from "solid-js";
 //#region src/components/select/SelectTrigger/useSelectTrigger.ts
 function n(n) {
 	let r = e("SelectTrigger"), i = () => r.disabled() || !!n().disabled, a = () => {
-		i() || (r.setActiveValue(r.value() ?? r.items.find((e) => !e.disabled)?.value), r.setOpen(!0));
+		r.setActiveValue(r.value() ?? r.items.find((e) => !e.disabled)?.value), r.setOpen(!0);
 	};
 	return {
 		ctx: r,

package/dist/components/select/SelectTrigger/useSelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectTrigger.js","names":["useSelectTrigger","ctx","useSelectContext","isDisabled","props","openAndHighlightSelected","it","onClick","onKeyDown","keyboardEvent","el","onCleanup"],"sources":["../../../../src/components/select/SelectTrigger/useSelectTrigger.ts"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\n\nexport interface UseSelectTriggerResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关下拉相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方可以在 <SelectTrigger onClick={...}> 上自由传自己的原生事件处理，\n   * 两者是完全独立的两套机制，互不覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function useSelectTrigger<T extends ValidComponent>(\n  props: () => SelectTriggerProps<T>,\n): UseSelectTriggerResult {\n  const ctx = useSelectContext(\"SelectTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  const openAndHighlightSelected = () => {\n    if (isDisabled()) return;\n    ctx.setActiveValue(\n      ctx.value() ?? ctx.items.find((it) => !it.disabled)?.value,\n    );\n    ctx.setOpen(true);\n  };\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      if (ctx.open()) ctx.setOpen(false);\n      else openAndHighlightSelected();\n    };\n\n    const onKeyDown = (e: Event) => {\n      if (isDisabled()) return;\n      const keyboardEvent = e as KeyboardEvent;\n\n      if (!ctx.open()) {\n        if (\n          [\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(keyboardEvent.key)\n        ) {\n          keyboardEvent.preventDefault();\n          openAndHighlightSelected();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.close();\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAgBA,SAAgBA,EACd,GACwB;CACxB,IAAMC,IAAMC,EAAiB,eAAe,GAEtCC,UAAmBF,EAAI,SAAS,KAAK,CAAC,CAACG,EAAM,CAAC,CAAC,UAE/CC,UAAiC;EACrC,AAAIF,EAAW,MACfF,EAAI,eACFA,EAAI,MAAM,KAAKA,EAAI,MAAM,MAAM,MAAO,CAACK,EAAG,QAAQ,CAAC,EAAE,KACvD,GACAL,EAAI,QAAQ,EAAI;CAClB;CAsCA,OAAO;EAAE;EAAK;EAAY,kBApCD,MAAgB;GACvC,IAAMM,UAAgB;IACpB,AAAIJ,EAAW,MACXF,EAAI,KAAK,IAAGA,EAAI,QAAQ,EAAK,IAC5BI,EAAyB;GAChC,GAEMG,KAAa,MAAa;IAC9B,IAAIL,EAAW,GAAG;IAClB,IAAMM,IAAgB;IAEtB,IAAI,CAACR,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAASQ,EAAc,GAAG,MAEjEA,EAAc,eAAe,GAC7BJ,EAAyB;KAE3B;IACF;IAEA,AAAII,EAAc,QAAQ,aACxBA,EAAc,gBAAgB,GAC9BR,EAAI,MAAM;GAEd;GAKA,AAHAS,EAAG,iBAAiB,SAASH,CAAO,GACpCG,EAAG,iBAAiB,WAAWF,CAAS,GAExCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASH,CAAO,GACvCG,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE0C;AAC5C"}
+{"version":3,"file":"useSelectTrigger.js","names":["useSelectTrigger","ctx","useSelectContext","isDisabled","props","openAndHighlightSelected","it","onClick","onKeyDown","keyboardEvent","el","onCleanup"],"sources":["../../../../src/components/select/SelectTrigger/useSelectTrigger.ts"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\n\nexport interface UseSelectTriggerResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关下拉相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方可以在 <SelectTrigger onClick={...}> 上自由传自己的原生事件处理，\n   * 两者是完全独立的两套机制，互不覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function useSelectTrigger<T extends ValidComponent>(\n  props: () => SelectTriggerProps<T>,\n): UseSelectTriggerResult {\n  const ctx = useSelectContext(\"SelectTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  // 注意：本函数假定调用方已判定过 isDisabled()。\n  // 它的两个调用点（onClick / onKeyDown）都在入口处守卫，且各自还有别的分支要处理，\n  // 因此禁用判定放在入口；这里不再重复判定（重复的那份永远不可达）。\n  const openAndHighlightSelected = () => {\n    ctx.setActiveValue(\n      ctx.value() ?? ctx.items.find((it) => !it.disabled)?.value,\n    );\n    ctx.setOpen(true);\n  };\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      if (ctx.open()) ctx.setOpen(false);\n      else openAndHighlightSelected();\n    };\n\n    const onKeyDown = (e: Event) => {\n      if (isDisabled()) return;\n      const keyboardEvent = e as KeyboardEvent;\n\n      if (!ctx.open()) {\n        if (\n          [\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(keyboardEvent.key)\n        ) {\n          keyboardEvent.preventDefault();\n          openAndHighlightSelected();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.close();\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAgBA,SAAgBA,EACd,GACwB;CACxB,IAAMC,IAAMC,EAAiB,eAAe,GAEtCC,UAAmBF,EAAI,SAAS,KAAK,CAAC,CAACG,EAAM,CAAC,CAAC,UAK/CC,UAAiC;EAIrC,AAHAJ,EAAI,eACFA,EAAI,MAAM,KAAKA,EAAI,MAAM,MAAM,MAAO,CAACK,EAAG,QAAQ,CAAC,EAAE,KACvD,GACAL,EAAI,QAAQ,EAAI;CAClB;CAsCA,OAAO;EAAE;EAAK;EAAY,kBApCD,MAAgB;GACvC,IAAMM,UAAgB;IACpB,AAAIJ,EAAW,MACXF,EAAI,KAAK,IAAGA,EAAI,QAAQ,EAAK,IAC5BI,EAAyB;GAChC,GAEMG,KAAa,MAAa;IAC9B,IAAIL,EAAW,GAAG;IAClB,IAAMM,IAAgB;IAEtB,IAAI,CAACR,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAASQ,EAAc,GAAG,MAEjEA,EAAc,eAAe,GAC7BJ,EAAyB;KAE3B;IACF;IAEA,AAAII,EAAc,QAAQ,aACxBA,EAAc,gBAAgB,GAC9BR,EAAI,MAAM;GAEd;GAKA,AAHAS,EAAG,iBAAiB,SAASH,CAAO,GACpCG,EAAG,iBAAiB,WAAWF,CAAS,GAExCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASH,CAAO,GACvCG,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE0C;AAC5C"}

package/dist/components/separator/Separator.js

@@ -23,6 +23,9 @@ var s = /*#__PURE__*/ i("<div data-slot=separator>"), c = (i) => {
 			},
 			get class() {
 				return e(t, l.class);
+			},
+			get classList() {
+				return l.classList;
 			}
 		}, u), !1, !1), i;
 	})();

package/dist/components/separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","names":["mergeProps","splitProps","clsx","classes","SeparatorProps","Separator","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-horizontal","undefined","data-vertical","class","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Separator","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../src/components/separator/Separator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Separator.styles\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = (props: SeparatorProps) => {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      data-slot=\"separator\"\n      data-orientation={local.orientation}\n      data-horizontal={local.orientation === \"horizontal\" ? \"\" : undefined}\n      data-vertical={local.orientation === \"vertical\" ? \"\" : undefined}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;sDAKaK,KAAaC,MAA0B;CAClD,IAAMC,IAASP,EAAW,EAAEQ,aAAa,aAAa,GAAYF,CAAK,GACjE,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMF;GAAW;GAAA,IAAA,oBAAA;IAAA,OAClBE,EAAMF,gBAAgB,eAAe,KAAKU,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACrDR,EAAMF,gBAAgB,aAAa,KAAKU,KAAAA;GAAS;GAAA,IAAAgB,QAAA;IAAA,OACzDhC,EAAKC,GAASO,EAAMU,KAAK;GAAC;EAAA,GAC7BT,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Separator.js","names":["mergeProps","splitProps","clsx","classes","SeparatorProps","Separator","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-horizontal","undefined","data-vertical","class","classList","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Separator","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../src/components/separator/Separator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Separator.styles\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = (props: SeparatorProps) => {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      data-slot=\"separator\"\n      data-orientation={local.orientation}\n      data-horizontal={local.orientation === \"horizontal\" ? \"\" : undefined}\n      data-vertical={local.orientation === \"vertical\" ? \"\" : undefined}\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;sDAKaK,KAAaC,MAA0B;CAClD,IAAMC,IAASP,EAAW,EAAEQ,aAAa,aAAa,GAAYF,CAAK,GACjE,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMF;GAAW;GAAA,IAAA,oBAAA;IAAA,OAClBE,EAAMF,gBAAgB,eAAe,KAAKU,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACrDR,EAAMF,gBAAgB,aAAa,KAAKU,KAAAA;GAAS;GAAA,IAAAiB,QAAA;IAAA,OACzDjC,EAAKC,GAASO,EAAMU,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEX,EAAMW;GAAS;EAAA,GACtBV,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sheet/Sheet/Sheet.d.ts

@@ -0,0 +1,6 @@
+import { SheetProps } from '../sheet.types';
+/**
+ * Sheet 根:复用 Dialog 的滚动锁定、受控/非受控、动画挂载逻辑,
+ * 只把 `data-slot` 换成 sheet。
+ */
+export declare function Sheet(props: SheetProps): import('solid-js').JSX.Element;

package/dist/components/sheet/Sheet/Sheet.js

@@ -0,0 +1,10 @@
+import { Dialog as e } from "../../dialog/Dialog/Dialog.js";
+import { createComponent as t, mergeProps as n } from "solid-js/web";
+//#region src/components/sheet/Sheet/Sheet.tsx
+function r(r) {
+	return t(e, n(r, { "data-slot": "sheet" }));
+}
+//#endregion
+export { r as Sheet };
+
+//# sourceMappingURL=Sheet.js.map

package/dist/components/sheet/Sheet/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","names":["Dialog","SheetProps","Sheet","props","_$createComponent","_$mergeProps","_$createComponent","_$mergeProps","Sheet","createComponent","Dialog","mergeProps","props"],"sources":["../../../../src/components/sheet/Sheet/Sheet.tsx"],"sourcesContent":["import { Dialog } from \"~/components/dialog\";\nimport type { SheetProps } from \"../sheet.types\";\n\n/**\n * Sheet 根:复用 Dialog 的滚动锁定、受控/非受控、动画挂载逻辑,\n * 只把 `data-slot` 换成 sheet。\n */\nexport function Sheet(props: SheetProps) {\n  return <Dialog {...props} data-slot=\"sheet\" />;\n}\n"],"mappings":";;;AAOA,SAAgBE,EAAMC,GAAmB;CACvC,OAAAC,EAAQJ,GAAMK,EAAKF,GAAK,EAAA,aAAA,QAAA,CAAA,CAAA;AAC1B"}

package/dist/components/sheet/Sheet/index.d.ts

@@ -0,0 +1 @@
+export { Sheet } from './Sheet';

package/dist/components/sheet/SheetClose/SheetClose.d.ts

@@ -0,0 +1,6 @@
+import { SheetCloseProps } from '../sheet.types';
+/**
+ * 关闭 Sheet。复用 Dialog 的 context,默认渲染一个 X 图标按钮;
+ * 传 children 时渲染为普通按钮(如 footer 里的 "Cancel")。
+ */
+export declare const SheetClose: (props: SheetCloseProps) => import('solid-js').JSX.Element;

package/dist/components/sheet/SheetClose/SheetClose.js

@@ -0,0 +1,40 @@
+import { callEventHandler as e } from "../../../utils/call-event-handler.js";
+import { useDialogContext as t } from "../../dialog/Dialog/Dialog.context.js";
+import { Button as n } from "../../button/Button.js";
+import { createComponent as r, memo as i, mergeProps as a } from "solid-js/web";
+import { Show as o, mergeProps as s } from "solid-js";
+import { X as c } from "lucide-solid";
+//#region src/components/sheet/SheetClose/SheetClose.tsx
+var l = (l) => {
+	let { setOpen: u } = t(), d = s({
+		variant: "ghost",
+		size: "sm"
+	}, l), f = (t) => {
+		u(!1), e(d.onClick, t);
+	};
+	return r(o, {
+		get when() {
+			return i(() => !d.icon)() && !d.children;
+		},
+		get fallback() {
+			return r(n, a(d, {
+				"data-slot": "sheet-close",
+				onClick: f
+			}));
+		},
+		get children() {
+			return r(n, a(d, {
+				"data-slot": "sheet-close",
+				get icon() {
+					return r(c, {});
+				},
+				"aria-label": "Close",
+				onClick: f
+			}));
+		}
+	});
+};
+//#endregion
+export { l as SheetClose };
+
+//# sourceMappingURL=SheetClose.js.map

package/dist/components/sheet/SheetClose/SheetClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetClose.js","names":["Show","mergeProps","X","Button","callEventHandler","useDialogContext","SheetCloseProps","SheetClose","props","setOpen","merged","variant","size","const","handleClick","event","MouseEvent","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","mergeProps","_$createComponent","_$memo","_$mergeProps","mergeProps$1","SheetClose","useDialogContext","merged","props","handleClick","setOpen","callEventHandler","event","createComponent","Show","memo","Button","mergeProps","X"],"sources":["../../../../src/components/sheet/SheetClose/SheetClose.tsx"],"sourcesContent":["import { Show, mergeProps } from \"solid-js\";\nimport { X } from \"lucide-solid\";\nimport { Button } from \"~/components/button\";\nimport { callEventHandler } from \"~/utils\";\nimport { useDialogContext } from \"~/components/dialog\";\nimport type { SheetCloseProps } from \"../sheet.types\";\n\n/**\n * 关闭 Sheet。复用 Dialog 的 context,默认渲染一个 X 图标按钮;\n * 传 children 时渲染为普通按钮(如 footer 里的 \"Cancel\")。\n */\nexport const SheetClose = (props: SheetCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps({ variant: \"ghost\", size: \"sm\" } as const, props);\n\n  const handleClick = (event: MouseEvent) => {\n    setOpen(false);\n    // 透传事件（此前 `merged.onClick?.()` 会让用户回调收到 undefined）\n    callEventHandler(merged.onClick, event);\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"sheet-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"sheet-close\"\n        icon={<X />}\n        aria-label=\"Close\"\n        onClick={handleClick}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;AAWA,IAAaO,KAAcC,MAA2B;CACpD,IAAM,EAAEC,eAAYJ,EAAiB,GAE/BK,IAAST,EAAW;EAAEU,SAAS;EAASC,MAAM;CAAK,GAAYJ,CAAK,GAEpEM,KAAeC,MAAsB;EAGzCX,AAFAK,EAAQ,EAAK,GAEbL,EAAiBM,EAAOO,SAASF,CAAK;CACxC;CAEA,OAAAG,EACGlB,GAAI;EAAA,IACHmB,OAAI;GAAA,OAAEC,QAAA,CAACV,EAAOW,IAAI,CAAA,CAAA,KAAI,CAACX,EAAOY;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLf,GAAMqB,EAAKd,GAAM;IAAA,aAAA;IAA0BO,SAASH;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAQ,WAAA;GAAA,OAAAJ,EAGjEf,GAAMqB,EACDd,GAAM;IAAA,aAAA;IAAA,IAEVW,OAAI;KAAA,OAAAH,EAAGhB,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;IAERe,SAASH;GAAW,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5B"}

package/dist/components/sheet/SheetClose/index.d.ts

@@ -0,0 +1 @@
+export { SheetClose } from './SheetClose';

package/dist/components/sheet/SheetContent/SheetContent.d.ts

@@ -0,0 +1,6 @@
+import { SheetContentProps } from '../sheet.types';
+/**
+ * Sheet 面板:复用 DialogSurface(Portal/Overlay/滚动锁定/挂载动画/ARIA),
+ * 通过 `data-side` + 方向类实现贴边与滑入滑出。
+ */
+export declare const SheetContent: (props: SheetContentProps) => import('solid-js').JSX.Element;