@neut/ui 0.0.17 → 0.0.18

package/dist/components/scroll-area/ScrollBar/ScrollBar.utils.d.ts

@@ -0,0 +1,56 @@
+import { ScrollMetrics } from '../ScrollArea/ScrollArea.types';
+/** 滑块最小长度（px），保证任何比例下都点得到 */
+export declare const MIN_THUMB_PX = 20;
+/** track 的内边距（Tailwind `p-px`），由 track 尺寸减去得到内容区 */
+export declare const TRACK_PADDING_PX = 2;
+/** 键盘每按一次的滚动步长（px） */
+export declare const KEYBOARD_STEP_PX = 40;
+export type Orientation = "horizontal" | "vertical";
+export declare function isVertical(orientation: Orientation): boolean;
+/**
+ * 滑块的内联样式：先按比例算出长度并用 `MIN_THUMB_PX` 夹住，
+ * 再按夹住后的可用空间重算位移，保证滑块永远不溢出 track。
+ */
+export declare function computeThumbStyle(orientation: Orientation, metrics: ScrollMetrics, trackSize: number): {
+    height?: string;
+    width?: string;
+    transform: string;
+};
+/** ARIA `aria-valuenow`：0–100 的整数滚动位置 */
+export declare function computeAriaValueNow(metrics: ScrollMetrics): number;
+/** 每次按下/移动时沿当前轴读取指针坐标 */
+export declare function pointerCoord(orientation: Orientation, event: PointerEvent): number;
+/** 当前轴的最大可滚动距离 */
+export declare function maxScrollOf(orientation: Orientation, viewport: HTMLElement): number;
+/** 当前轴的滚动位置 */
+export declare function scrollPosOf(orientation: Orientation, viewport: HTMLElement): number;
+/** 把滚动位置写回当前轴 */
+export declare function applyScrollPos(orientation: Orientation, viewport: HTMLElement, value: number): void;
+/**
+ * 拖动滑块时的「像素位移 → 滚动距离」比例。
+ * 分母是 track 内容区减去滑块长度；为 0（滑块占满 track）时返回 1 以避免除零。
+ */
+export declare function thumbDragRatio(maxScroll: number, trackSize: number, thumbSize: number): number;
+/** 按比例把拖动位移映射成新滚动位置（夹在 [0, maxScroll]） */
+export declare function scrollFromDrag(startScroll: number, deltaPx: number, ratio: number, maxScroll: number): number;
+/**
+ * 点击 track 空白处时的目标滚动位置：按点击点在 track 上的比例换算。
+ * `rect` 尺寸为 0（jsdom 无布局）时返回 0，避免 NaN。
+ */
+export declare function scrollFromTrackClick(orientation: Orientation, rect: {
+    top: number;
+    left: number;
+    height: number;
+    width: number;
+}, event: PointerEvent, maxScroll: number): number;
+/** 键盘按键 → 滚动增量；不可识别的键返回 `undefined`（调用方跳过） */
+export declare function keyboardScrollDelta(key: string, pageSize: number): number | undefined;
+/**
+ * 把键盘增量应用到 [0, max] 区间。
+ * `delta` 为 ±Infinity 时分别落到两端（Home / End 语义）。
+ * 注意：这里用 `scrollSize` 而不是 `max` 作为 End 的目标，保留原有行为
+ * （浏览器会自动夹到最大值）。
+ */
+export declare function scrollFromKeyboard(current: number, delta: number, max: number, scrollSize: number): number;
+/** 可见性：悬停、正在拖动当前轴、或滑块处于按压态 */
+export declare function isScrollBarVisible(hovering: boolean, dragging: "horizontal" | "vertical" | null, orientation: Orientation, active: boolean): boolean;

package/dist/components/scroll-area/ScrollBar/ScrollBar.utils.js

@@ -0,0 +1,61 @@
+function e(e) {
+	return e === "vertical";
+}
+function t(t, n, r) {
+	let i = r - 2, a = Math.max(i * n.thumbRatio, 20), o = Math.max(0, i - a) * n.thumbOffset;
+	return e(t) ? {
+		height: `${a}px`,
+		transform: `translateY(${o}px)`
+	} : {
+		width: `${a}px`,
+		transform: `translateX(${o}px)`
+	};
+}
+function n(e) {
+	return Math.round(e.thumbOffset * 100);
+}
+function r(t, n) {
+	return e(t) ? n.clientY : n.clientX;
+}
+function i(t, n) {
+	return e(t) ? n.scrollHeight - n.clientHeight : n.scrollWidth - n.clientWidth;
+}
+function a(t, n) {
+	return e(t) ? n.scrollTop : n.scrollLeft;
+}
+function o(t, n, r) {
+	e(t) ? n.scrollTop = r : n.scrollLeft = r;
+}
+function s(e, t, n) {
+	let r = t - 2 - n;
+	return r === 0 ? 1 : e / r;
+}
+function c(e, t, n, r) {
+	return Math.max(0, Math.min(r, e + t * n));
+}
+function l(t, n, r, i) {
+	let a = e(t) ? n.height : n.width;
+	return a === 0 ? 0 : (e(t) ? r.clientY - n.top : r.clientX - n.left) / a * i;
+}
+function u(e, t) {
+	return {
+		ArrowDown: 40,
+		ArrowRight: 40,
+		ArrowUp: -40,
+		ArrowLeft: -40,
+		PageDown: t,
+		PageUp: -t,
+		Home: -Infinity,
+		End: Infinity
+	}[e];
+}
+function d(e, t, n, r) {
+	return t === Infinity ? r : t === -Infinity ? 0 : Math.max(0, Math.min(n, e + t));
+}
+function f(e, t, n, r) {
+	return e || t === n || r;
+}
+//#endregion
+export { o as applyScrollPos, n as computeAriaValueNow, t as computeThumbStyle, f as isScrollBarVisible, e as isVertical, u as keyboardScrollDelta, i as maxScrollOf, r as pointerCoord, c as scrollFromDrag, d as scrollFromKeyboard, l as scrollFromTrackClick, a as scrollPosOf, s as thumbDragRatio };
+
+//# sourceMappingURL=ScrollBar.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollBar.utils.js","names":["isVertical","orientation","computeThumbStyle","trackInnerSize","trackSize","thumbSize","metrics","offset","computeAriaValueNow","pointerCoord","event","maxScrollOf","viewport","scrollPosOf","applyScrollPos","value","thumbDragRatio","denominator","maxScroll","scrollFromDrag","startScroll","deltaPx","ratio","scrollFromTrackClick","size","rect","keyboardScrollDelta","pageSize","key","scrollFromKeyboard","delta","scrollSize","max","current","isScrollBarVisible","hovering","dragging","active"],"sources":["../../../../src/components/scroll-area/ScrollBar/ScrollBar.utils.ts"],"sourcesContent":["/**\n * ScrollBar 的纯计算逻辑。\n *\n * 单一职责：只做「几何/数值换算」，不碰 DOM 事件、不持有信号、不渲染。\n * 这样滚动条的核心数学可以脱离 jsdom 的布局限制被直接单测。\n */\n\nimport type { ScrollMetrics } from \"../ScrollArea/ScrollArea.types\";\n\n/** 滑块最小长度（px），保证任何比例下都点得到 */\nexport const MIN_THUMB_PX = 20;\n/** track 的内边距（Tailwind `p-px`），由 track 尺寸减去得到内容区 */\nexport const TRACK_PADDING_PX = 2;\n/** 键盘每按一次的滚动步长（px） */\nexport const KEYBOARD_STEP_PX = 40;\n\nexport type Orientation = \"horizontal\" | \"vertical\";\n\nexport function isVertical(orientation: Orientation): boolean {\n  return orientation === \"vertical\";\n}\n\n/**\n * 滑块的内联样式：先按比例算出长度并用 `MIN_THUMB_PX` 夹住，\n * 再按夹住后的可用空间重算位移，保证滑块永远不溢出 track。\n */\nexport function computeThumbStyle(\n  orientation: Orientation,\n  metrics: ScrollMetrics,\n  trackSize: number,\n): { height?: string; width?: string; transform: string } {\n  const trackInnerSize = trackSize - TRACK_PADDING_PX;\n  const thumbSize = Math.max(trackInnerSize * metrics.thumbRatio, MIN_THUMB_PX);\n  const maxOffset = Math.max(0, trackInnerSize - thumbSize);\n  const offset = maxOffset * metrics.thumbOffset;\n\n  return isVertical(orientation)\n    ? { height: `${thumbSize}px`, transform: `translateY(${offset}px)` }\n    : { width: `${thumbSize}px`, transform: `translateX(${offset}px)` };\n}\n\n/** ARIA `aria-valuenow`：0–100 的整数滚动位置 */\nexport function computeAriaValueNow(metrics: ScrollMetrics): number {\n  return Math.round(metrics.thumbOffset * 100);\n}\n\n/** 每次按下/移动时沿当前轴读取指针坐标 */\nexport function pointerCoord(\n  orientation: Orientation,\n  event: PointerEvent,\n): number {\n  return isVertical(orientation) ? event.clientY : event.clientX;\n}\n\n/** 当前轴的最大可滚动距离 */\nexport function maxScrollOf(\n  orientation: Orientation,\n  viewport: HTMLElement,\n): number {\n  return isVertical(orientation)\n    ? viewport.scrollHeight - viewport.clientHeight\n    : viewport.scrollWidth - viewport.clientWidth;\n}\n\n/** 当前轴的滚动位置 */\nexport function scrollPosOf(\n  orientation: Orientation,\n  viewport: HTMLElement,\n): number {\n  return isVertical(orientation) ? viewport.scrollTop : viewport.scrollLeft;\n}\n\n/** 把滚动位置写回当前轴 */\nexport function applyScrollPos(\n  orientation: Orientation,\n  viewport: HTMLElement,\n  value: number,\n): void {\n  if (isVertical(orientation)) {\n    viewport.scrollTop = value;\n  } else {\n    viewport.scrollLeft = value;\n  }\n}\n\n/**\n * 拖动滑块时的「像素位移 → 滚动距离」比例。\n * 分母是 track 内容区减去滑块长度；为 0（滑块占满 track）时返回 1 以避免除零。\n */\nexport function thumbDragRatio(\n  maxScroll: number,\n  trackSize: number,\n  thumbSize: number,\n): number {\n  const denominator = trackSize - TRACK_PADDING_PX - thumbSize;\n  return denominator === 0 ? 1 : maxScroll / denominator;\n}\n\n/** 按比例把拖动位移映射成新滚动位置（夹在 [0, maxScroll]） */\nexport function scrollFromDrag(\n  startScroll: number,\n  deltaPx: number,\n  ratio: number,\n  maxScroll: number,\n): number {\n  return Math.max(0, Math.min(maxScroll, startScroll + deltaPx * ratio));\n}\n\n/**\n * 点击 track 空白处时的目标滚动位置：按点击点在 track 上的比例换算。\n * `rect` 尺寸为 0（jsdom 无布局）时返回 0，避免 NaN。\n */\nexport function scrollFromTrackClick(\n  orientation: Orientation,\n  rect: { top: number; left: number; height: number; width: number },\n  event: PointerEvent,\n  maxScroll: number,\n): number {\n  const size = isVertical(orientation) ? rect.height : rect.width;\n  if (size === 0) return 0;\n  const offset = isVertical(orientation)\n    ? event.clientY - rect.top\n    : event.clientX - rect.left;\n  return (offset / size) * maxScroll;\n}\n\n/** 键盘按键 → 滚动增量；不可识别的键返回 `undefined`（调用方跳过） */\nexport function keyboardScrollDelta(\n  key: string,\n  pageSize: number,\n): number | undefined {\n  const keyMap: Record<string, number> = {\n    ArrowDown: KEYBOARD_STEP_PX,\n    ArrowRight: KEYBOARD_STEP_PX,\n    ArrowUp: -KEYBOARD_STEP_PX,\n    ArrowLeft: -KEYBOARD_STEP_PX,\n    PageDown: pageSize,\n    PageUp: -pageSize,\n    Home: -Infinity,\n    End: Infinity,\n  };\n  return keyMap[key];\n}\n\n/**\n * 把键盘增量应用到 [0, max] 区间。\n * `delta` 为 ±Infinity 时分别落到两端（Home / End 语义）。\n * 注意：这里用 `scrollSize` 而不是 `max` 作为 End 的目标，保留原有行为\n * （浏览器会自动夹到最大值）。\n */\nexport function scrollFromKeyboard(\n  current: number,\n  delta: number,\n  max: number,\n  scrollSize: number,\n): number {\n  if (delta === Infinity) return scrollSize;\n  if (delta === -Infinity) return 0;\n  return Math.max(0, Math.min(max, current + delta));\n}\n\n/** 可见性：悬停、正在拖动当前轴、或滑块处于按压态 */\nexport function isScrollBarVisible(\n  hovering: boolean,\n  dragging: \"horizontal\" | \"vertical\" | null,\n  orientation: Orientation,\n  active: boolean,\n): boolean {\n  return hovering || dragging === orientation || active;\n}\n"],"mappings":"AAkBA,SAAgBA,EAAW,GAAmC;CAC5D,OAAOC,MAAgB;AACzB;AAMA,SAAgBC,EACd,GACA,GACA,GACwD;CACxD,IAAMC,IAAiBC,IAAA,GACjBC,IAAY,KAAK,IAAIF,IAAiBG,EAAQ,YAAA,EAAwB,GAEtEC,IADY,KAAK,IAAI,GAAGJ,IAAiBE,CAChC,IAAYC,EAAQ;CAEnC,OAAON,EAAWC,CAAW,IACzB;EAAE,QAAQ,GAAGI,EAAU;EAAK,WAAW,cAAcE,EAAO;CAAK,IACjE;EAAE,OAAO,GAAGF,EAAU;EAAK,WAAW,cAAcE,EAAO;CAAK;AACtE;AAGA,SAAgBC,EAAoB,GAAgC;CAClE,OAAO,KAAK,MAAMF,EAAQ,cAAc,GAAG;AAC7C;AAGA,SAAgBG,EACd,GACA,GACQ;CACR,OAAOT,EAAWC,CAAW,IAAIS,EAAM,UAAUA,EAAM;AACzD;AAGA,SAAgBC,EACd,GACA,GACQ;CACR,OAAOX,EAAWC,CAAW,IACzBW,EAAS,eAAeA,EAAS,eACjCA,EAAS,cAAcA,EAAS;AACtC;AAGA,SAAgBC,EACd,GACA,GACQ;CACR,OAAOb,EAAWC,CAAW,IAAIW,EAAS,YAAYA,EAAS;AACjE;AAGA,SAAgBE,EACd,GACA,GACA,GACM;CACN,AAAId,EAAWC,CAAW,IACxB,EAAS,YAAYc,IAErB,EAAS,aAAaA;AAE1B;AAMA,SAAgBC,EACd,GACA,GACA,GACQ;CACR,IAAMC,IAAcb,IAAA,IAA+BC;CACnD,OAAOY,MAAgB,IAAI,IAAIC,IAAYD;AAC7C;AAGA,SAAgBE,EACd,GACA,GACA,GACA,GACQ;CACR,OAAO,KAAK,IAAI,GAAG,KAAK,IAAID,GAAWE,IAAcC,IAAUC,CAAK,CAAC;AACvE;AAMA,SAAgBC,EACd,GACA,GACA,GACA,GACQ;CACR,IAAMC,IAAOxB,EAAWC,CAAW,IAAIwB,EAAK,SAASA,EAAK;CAK1D,OAJID,MAAS,IAAU,KACRxB,EAAWC,CAAW,IACjCS,EAAM,UAAUe,EAAK,MACrBf,EAAM,UAAUe,EAAK,QACRD,IAAQN;AAC3B;AAGA,SAAgBQ,EACd,GACA,GACoB;CAWpB,OAAO;EATL,WAAA;EACA,YAAA;EACA,SAAS;EACT,WAAW;EACX,UAAUC;EACV,QAAQ,CAACA;EACT,MAAM;EACN,KAAK;CAEA,EAAOC;AAChB;AAQA,SAAgBC,EACd,GACA,GACA,GACA,GACQ;CAGR,OAFIC,MAAU,WAAiBC,IAC3BD,MAAU,YAAkB,IACzB,KAAK,IAAI,GAAG,KAAK,IAAIE,GAAKC,IAAUH,CAAK,CAAC;AACnD;AAGA,SAAgBI,EACd,GACA,GACA,GACA,GACS;CACT,OAAOC,KAAYC,MAAanC,KAAeoC;AACjD"}

package/dist/components/scroll-area/ScrollBar/scroll-bar.thumb-drag.d.ts

@@ -0,0 +1,25 @@
+import { Accessor } from 'solid-js';
+import { Orientation } from './ScrollBar.utils';
+export interface ThumbDragContext {
+    /** track 元素（拖动比例、点击换算都要读它的尺寸） */
+    track: () => HTMLDivElement | undefined;
+    /** 被滚动容器 */
+    viewport: () => HTMLDivElement | undefined;
+    orientation: Accessor<Orientation>;
+    /** 拖动开始/结束（组件用它维护 active 高亮） */
+    onDragChange: (dragging: boolean) => void;
+}
+export interface ThumbDragSession {
+    /** 开始一次拖动；viewport / track / thumb 缺一不可，前置条件不足时什么都不做 */
+    start: (event: PointerEvent) => void;
+    /** 结束并解绑（组件卸载时兜底调用） */
+    dispose: () => void;
+}
+/**
+ * 拖动滑块的一次会话。
+ *
+ * 单一职责：把指针位移按「滚动距离 / 可用轨道长度」的比例映射成滚动位置。
+ * 监听挂在 window 上（指针移出 track 也继续跟手），结束后统一解绑；
+ * 具体的比例与坐标换算委托给 `ScrollBar.utils`。
+ */
+export declare function createThumbDrag(ctx: ThumbDragContext): ThumbDragSession;

package/dist/components/scroll-area/ScrollBar/scroll-bar.thumb-drag.js

@@ -0,0 +1,26 @@
+import { applyScrollPos as e, isVertical as t, maxScrollOf as n, pointerCoord as r, scrollFromDrag as i, scrollPosOf as a, thumbDragRatio as o } from "./ScrollBar.utils.js";
+//#region src/components/scroll-area/ScrollBar/scroll-bar.thumb-drag.ts
+function s(s) {
+	let c = null;
+	return {
+		start: (l) => {
+			l.preventDefault(), l.stopPropagation();
+			let u = s.viewport(), d = s.track(), f = l.currentTarget;
+			if (!u || !d || !f) return;
+			let p = s.orientation(), m = t(p), h = r(p, l), g = a(p, u), _ = n(p, u), v = m ? d.clientHeight : d.clientWidth, y = m ? f.clientHeight : f.clientWidth, b = o(_, v, y), x = (t) => {
+				let n = r(p, t) - h;
+				e(p, u, i(g, n, b, _));
+			}, S = () => c?.();
+			c = () => {
+				window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", S), c = null, s.onDragChange(!1);
+			}, s.onDragChange(!0), window.addEventListener("pointermove", x), window.addEventListener("pointerup", S);
+		},
+		dispose() {
+			c?.();
+		}
+	};
+}
+//#endregion
+export { s as createThumbDrag };
+
+//# sourceMappingURL=scroll-bar.thumb-drag.js.map

package/dist/components/scroll-area/ScrollBar/scroll-bar.thumb-drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-bar.thumb-drag.js","names":["createThumbDrag","detach","event","vp","ctx","track","thumb","axis","vertical","isVertical","startPointer","pointerCoord","startScroll","scrollPosOf","maxScroll","maxScrollOf","trackSize","thumbSize","ratio","thumbDragRatio","onMove","delta","moveEvent","scrollFromDrag","onUp"],"sources":["../../../../src/components/scroll-area/ScrollBar/scroll-bar.thumb-drag.ts"],"sourcesContent":["import type { Accessor } from \"solid-js\";\nimport {\n  applyScrollPos,\n  isVertical,\n  maxScrollOf,\n  type Orientation,\n  pointerCoord,\n  scrollFromDrag,\n  scrollPosOf,\n  thumbDragRatio,\n} from \"./ScrollBar.utils\";\n\nexport interface ThumbDragContext {\n  /** track 元素（拖动比例、点击换算都要读它的尺寸） */\n  track: () => HTMLDivElement | undefined;\n  /** 被滚动容器 */\n  viewport: () => HTMLDivElement | undefined;\n  orientation: Accessor<Orientation>;\n  /** 拖动开始/结束（组件用它维护 active 高亮） */\n  onDragChange: (dragging: boolean) => void;\n}\n\nexport interface ThumbDragSession {\n  /** 开始一次拖动；viewport / track / thumb 缺一不可，前置条件不足时什么都不做 */\n  start: (event: PointerEvent) => void;\n  /** 结束并解绑（组件卸载时兜底调用） */\n  dispose: () => void;\n}\n\n/**\n * 拖动滑块的一次会话。\n *\n * 单一职责：把指针位移按「滚动距离 / 可用轨道长度」的比例映射成滚动位置。\n * 监听挂在 window 上（指针移出 track 也继续跟手），结束后统一解绑；\n * 具体的比例与坐标换算委托给 `ScrollBar.utils`。\n */\nexport function createThumbDrag(ctx: ThumbDragContext): ThumbDragSession {\n  /** 拖动期间挂到 window 上的解绑函数，用于卸载兜底 */\n  let detach: (() => void) | null = null;\n\n  const start = (event: PointerEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const vp = ctx.viewport();\n    const track = ctx.track();\n    const thumb = event.currentTarget as HTMLDivElement | null;\n    if (!vp || !track || !thumb) return;\n\n    const axis = ctx.orientation();\n    const vertical = isVertical(axis);\n    const startPointer = pointerCoord(axis, event);\n    const startScroll = scrollPosOf(axis, vp);\n    const maxScroll = maxScrollOf(axis, vp);\n    const trackSize = vertical ? track.clientHeight : track.clientWidth;\n    const thumbSize = vertical ? thumb.clientHeight : thumb.clientWidth;\n    const ratio = thumbDragRatio(maxScroll, trackSize, thumbSize);\n\n    const onMove = (moveEvent: PointerEvent) => {\n      const delta = pointerCoord(axis, moveEvent) - startPointer;\n      applyScrollPos(\n        axis,\n        vp,\n        scrollFromDrag(startScroll, delta, ratio, maxScroll),\n      );\n    };\n\n    const onUp = () => detach?.();\n\n    detach = () => {\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n      detach = null;\n      ctx.onDragChange(false);\n    };\n\n    ctx.onDragChange(true);\n    window.addEventListener(\"pointermove\", onMove);\n    window.addEventListener(\"pointerup\", onUp);\n  };\n\n  return {\n    start,\n    dispose() {\n      detach?.();\n    },\n  };\n}\n"],"mappings":";;AAoCA,SAAgBA,EAAgB,GAAyC;CAEvE,IAAIC,IAA8B;CA2ClC,OAAO;EACL,QA1Ca,MAAwB;GAErC,AADAC,EAAM,eAAe,GACrBA,EAAM,gBAAgB;GAEtB,IAAMC,IAAKC,EAAI,SAAS,GAClBC,IAAQD,EAAI,MAAM,GAClBE,IAAQJ,EAAM;GACpB,IAAI,CAACC,KAAM,CAACE,KAAS,CAACC,GAAO;GAE7B,IAAMC,IAAOH,EAAI,YAAY,GACvBI,IAAWC,EAAWF,CAAI,GAC1BG,IAAeC,EAAaJ,GAAML,CAAK,GACvCU,IAAcC,EAAYN,GAAMJ,CAAE,GAClCW,IAAYC,EAAYR,GAAMJ,CAAE,GAChCa,IAAYR,IAAWH,EAAM,eAAeA,EAAM,aAClDY,IAAYT,IAAWF,EAAM,eAAeA,EAAM,aAClDY,IAAQC,EAAeL,GAAWE,GAAWC,CAAS,GAEtDG,KAAU,MAA4B;IAC1C,IAAMC,IAAQV,EAAaJ,GAAMe,CAAS,IAAIZ;IAC9C,EACEH,GACAJ,GACAoB,EAAeX,GAAaS,GAAOH,GAAOJ,CAAS,CACrD;GACF,GAEMU,UAAavB,IAAS;GAW5B,AATA,UAAe;IAIb,AAHA,OAAO,oBAAoB,eAAemB,CAAM,GAChD,OAAO,oBAAoB,aAAaI,CAAI,GAC5C,IAAS,MACTpB,EAAI,aAAa,EAAK;GACxB,GAEAA,EAAI,aAAa,EAAI,GACrB,OAAO,iBAAiB,eAAegB,CAAM,GAC7C,OAAO,iBAAiB,aAAaI,CAAI;EAC3C;EAIE,UAAU;GACR,IAAS;EACX;CACF;AACF"}

package/dist/components/scroll-area/ScrollBar/useScrollBarInteraction.d.ts

@@ -0,0 +1,19 @@
+import { Accessor } from 'solid-js';
+import { Orientation } from './ScrollBar.utils';
+interface Options {
+    /** track 元素访问器（拖动比例、点击换算都要读它的尺寸） */
+    track: () => HTMLDivElement | undefined;
+    /** 被滚动容器的访问器 */
+    viewport: () => HTMLDivElement | undefined;
+    /** 当前滚动轴 */
+    orientation: Accessor<Orientation>;
+    /** 拖动开始/结束的回调（组件用它维护 dragging 状态） */
+    onDragChange: (dragging: boolean) => void;
+}
+export interface ScrollBarInteraction {
+    onThumbPointerDown: (event: PointerEvent) => void;
+    onTrackPointerDown: (event: PointerEvent) => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+}
+export declare function useScrollBarInteraction({ track, viewport, orientation, onDragChange, }: Options): ScrollBarInteraction;
+export {};

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

@@ -0,0 +1,37 @@
+import { applyScrollPos as e, isVertical as t, keyboardScrollDelta as n, maxScrollOf as r, scrollFromKeyboard as i, scrollFromTrackClick as a, scrollPosOf as o } from "./ScrollBar.utils.js";
+import { createThumbDrag as s } from "./scroll-bar.thumb-drag.js";
+import { onCleanup as c } from "solid-js";
+//#region src/components/scroll-area/ScrollBar/useScrollBarInteraction.ts
+function l({ track: l, viewport: u, orientation: d, onDragChange: f }) {
+	let p = s({
+		track: l,
+		viewport: u,
+		orientation: d,
+		onDragChange: f
+	});
+	return c(p.dispose), {
+		onThumbPointerDown: (e) => p.start(e),
+		onTrackPointerDown: (e) => {
+			let n = u(), i = l();
+			if (!n || !i) return;
+			let o = d(), s = a(o, i.getBoundingClientRect(), e, r(o, n));
+			n.scrollTo({
+				[t(o) ? "top" : "left"]: s,
+				behavior: "smooth"
+			});
+		},
+		onKeyDown: (a) => {
+			let s = u();
+			if (!s) return;
+			let c = d(), l = t(c) ? s.clientHeight : s.clientWidth, f = n(a.key, l);
+			if (f === void 0) return;
+			a.preventDefault();
+			let p = t(c) ? s.scrollHeight : s.scrollWidth, m = r(c, s);
+			e(c, s, i(o(c, s), f, m, p));
+		}
+	};
+}
+//#endregion
+export { l as useScrollBarInteraction };
+
+//# sourceMappingURL=useScrollBarInteraction.js.map

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,12 +1,10 @@
 import { ScrollArrowButtonProps } from './ScrollArrows.types';
 /**
- * 单个滚动提示箭头,覆盖在列表上/下沿。
+ * 单个滚动提示箭头，覆盖在列表上/下沿。
  *
- * 默认是**装饰性**的(`interactive=false`):`pointer-events-none`,不参与指针命中,
- * 因此不会挡住列表项、也不会出现"箭头显隐 → pointerenter → 自动滚动"的互相触发。
- *
- * `interactive` 为 true 时,悬停(短暂停留后)或按住会用 requestAnimationFrame 持续
- * 滚动目标容器,并在以下任一情况停止:指针离开/抬起/取消、方向已到边界、
- * 或箭头本身变为不可见(退出时不再继续滚动)。
+ * **纯装饰层**：`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,60 +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>"), m = 150;
-function h(s) {
-	let h, g, _ = () => {
-		g !== void 0 && (window.clearTimeout(g), g = void 0), h !== void 0 && (cancelAnimationFrame(h), h = void 0);
-	}, v = () => {
-		if (!s.visible) {
-			_();
-			return;
-		}
-		let e = s.target();
-		if (!e) {
-			_();
-			return;
-		}
-		let t = Math.max(4, e.clientHeight / 24), n = e.scrollTop;
-		if (e.scrollTop = n + (s.direction === "down" ? t : -t), e.scrollTop === n) {
-			_();
-			return;
-		}
-		h = requestAnimationFrame(v);
-	}, y = () => {
-		_(), h = requestAnimationFrame(v);
-	}, b = () => {
-		_(), g = window.setTimeout(() => {
-			g = void 0, y();
-		}, m);
-	}, x = (e) => {
-		s.interactive && (e.addEventListener("pointerenter", b), e.addEventListener("pointerdown", y), e.addEventListener("pointerleave", _), e.addEventListener("pointerup", _), e.addEventListener("pointercancel", _), u(() => {
-			_(), e.removeEventListener("pointerenter", b), e.removeEventListener("pointerdown", y), e.removeEventListener("pointerleave", _), e.removeEventListener("pointerup", _), e.removeEventListener("pointercancel", _);
-		}));
-	};
-	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(x, 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 = s.interactive ? "" : void 0, a = e("absolute inset-x-0 z-10 flex h-6 select-none items-center justify-center bg-popover text-muted-foreground [&_svg]:size-4", s.interactive ? "cursor-default" : "pointer-events-none", s.direction === "down" ? "bottom-0" : "top-0", s.class);
-				return r !== n.e && o(l, "data-direction", n.e = r), i !== n.t && o(l, "data-interactive", n.t = i), a !== n.a && t(l, n.a = a), 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,
-				a: void 0
-			}), l;
+				t: void 0
+			}), c;
 		}
 	});
 }
 //#endregion
-export { h 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","HOVER_SCROLL_DELAY","ScrollArrowButton","props","frame","enterTimer","stop","undefined","window","clearTimeout","cancelAnimationFrame","loop","visible","el","target","step","Math","max","clientHeight","before","scrollTop","direction","requestAnimationFrame","start","startDelayed","setTimeout","attach","HTMLDivElement","interactive","addEventListener","removeEventListener","_$createComponent","when","children","_el$","_tmpl$","_$use","_$insert","_c$","_$memo","_$effect","_p$","_v$","_v$2","_v$3","class","e","_$setAttribute","t","a","_$className","_$createComponent","_$memo","_$setAttribute","_$className","_tmpl$","HOVER_SCROLL_DELAY","ScrollArrowButton","frame","enterTimer","stop","loop","props","el","step","before","start","startDelayed","attach","onCleanup","createComponent","Show","_el$","use","insert","_c$","memo","ChevronDown","ChevronUp","effect","_v$","_v$2","_v$3","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/** 悬停/按住开始滚动前的停留时间,避免只是掠过或点击边缘时误触发 */\nconst HOVER_SCROLL_DELAY = 150;\n\n/**\n * 单个滚动提示箭头,覆盖在列表上/下沿。\n *\n * 默认是**装饰性**的(`interactive=false`):`pointer-events-none`,不参与指针命中,\n * 因此不会挡住列表项、也不会出现\"箭头显隐 → pointerenter → 自动滚动\"的互相触发。\n *\n * `interactive` 为 true 时,悬停(短暂停留后)或按住会用 requestAnimationFrame 持续\n * 滚动目标容器,并在以下任一情况停止:指针离开/抬起/取消、方向已到边界、\n * 或箭头本身变为不可见(退出时不再继续滚动)。\n */\nexport function ScrollArrowButton(props: ScrollArrowButtonProps) {\n  let frame: number | undefined;\n  let enterTimer: number | undefined;\n\n  const stop = () => {\n    if (enterTimer !== undefined) {\n      window.clearTimeout(enterTimer);\n      enterTimer = undefined;\n    }\n    if (frame !== undefined) {\n      cancelAnimationFrame(frame);\n      frame = undefined;\n    }\n  };\n\n  const loop = () => {\n    // 箭头被隐藏(到达边界/列表变短)时立即停止,避免\"不可见却持续滚动\"\n    if (!props.visible) {\n      stop();\n      return;\n    }\n    const el = props.target();\n    if (!el) {\n      stop();\n      return;\n    }\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 startDelayed = () => {\n    stop();\n    enterTimer = window.setTimeout(() => {\n      enterTimer = undefined;\n      start();\n    }, HOVER_SCROLL_DELAY);\n  };\n\n  const attach = (el: HTMLDivElement) => {\n    if (!props.interactive) return;\n    el.addEventListener(\"pointerenter\", startDelayed);\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\", startDelayed);\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        data-interactive={props.interactive ? \"\" : undefined}\n        class={clsx(\n          \"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.interactive ? \"cursor-default\" : \"pointer-events-none\",\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":";;;;;0EAMMM,IAAqB;AAY3B,SAAgBC,EAAkBC,GAA+B;CAC/D,IAAIC,GACAC,GAEEC,UAAa;EAKjB,AAJID,MAAeE,KAAAA,MACjBC,OAAOC,aAAaJ,CAAU,GAC9BA,IAAaE,KAAAA,IAEXH,MAAUG,KAAAA,MACZG,qBAAqBN,CAAK,GAC1BA,IAAQG,KAAAA;CAEZ,GAEMI,UAAa;EAEjB,IAAI,CAACR,EAAMS,SAAS;GAClBN,EAAK;GACL;EACF;EACA,IAAMO,IAAKV,EAAMW,OAAO;EACxB,IAAI,CAACD,GAAI;GACPP,EAAK;GACL;EACF;EACA,IAAMS,IAAOC,KAAKC,IAAI,GAAGJ,EAAGK,eAAe,EAAE,GACvCC,IAASN,EAAGO;EAElB,IADAP,EAAGO,YAAYD,KAAUhB,EAAMkB,cAAc,SAASN,IAAO,CAACA,IAC1DF,EAAGO,cAAcD,GAAQ;GAC3Bb,EAAK;GACL;EACF;EACAF,IAAQkB,sBAAsBX,CAAI;CACpC,GAEMY,UAAc;EAElBnB,AADAE,EAAK,GACLF,IAAQkB,sBAAsBX,CAAI;CACpC,GAEMa,UAAqB;EAEzBnB,AADAC,EAAK,GACLD,IAAaG,OAAOiB,iBAAiB;GAEnCF,AADAlB,IAAaE,KAAAA,GACbgB,EAAM;EACR,GAAGtB,CAAkB;CACvB,GAEMyB,KAAUb,MAAuB;EACrC,AAAKV,EAAMyB,gBACXf,EAAGgB,iBAAiB,gBAAgBL,CAAY,GAChDX,EAAGgB,iBAAiB,eAAeN,CAAK,GACxCV,EAAGgB,iBAAiB,gBAAgBvB,CAAI,GACxCO,EAAGgB,iBAAiB,aAAavB,CAAI,GACrCO,EAAGgB,iBAAiB,iBAAiBvB,CAAI,GACzCV,QAAgB;GAMdiB,AALAP,EAAK,GACLO,EAAGiB,oBAAoB,gBAAgBN,CAAY,GACnDX,EAAGiB,oBAAoB,eAAeP,CAAK,GAC3CV,EAAGiB,oBAAoB,gBAAgBxB,CAAI,GAC3CO,EAAGiB,oBAAoB,aAAaxB,CAAI,GACxCO,EAAGiB,oBAAoB,iBAAiBxB,CAAI;EAC9C,CAAC;CACH;CAEA,OAAAyB,EACGpC,GAAI;EAAA,IAACqC,OAAI;GAAA,OAAE7B,EAAMS;EAAO;EAAA,IAAAqB,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAYpB,OAZoBC,EAEhBV,GAAMQ,CAAA,GAAAG,EAAAH,UAAA;IAAA,IAAAI,IAAAC,QAYVpC,EAAMkB,cAAc,MAAM;IAAA,aAA1BiB,EAAA,IAAAP,EAA8BlC,GAAW,CAAA,CAAA,IAAAkC,EAAOjC,GAAS,CAAA,CAAA;GAAG,EAAA,CAAA,CAAA,GAAA0C,GAAAC,MAAA;IAAA,IAAAC,IAT7CvC,EAAMkB,WAASsB,IACbxC,EAAMyB,cAAc,KAAKrB,KAAAA,GAASqC,IAC7C7C,EACL,4HACAI,EAAMyB,cAAc,mBAAmB,uBACvCzB,EAAMkB,cAAc,SAAS,aAAa,SAC1ClB,EAAM0C,KACR;IAAC,OAAAH,MAAAD,EAAAK,KAAAC,EAAAb,GAAA,kBAAAO,EAAAK,IAAAJ,CAAA,GAAAC,MAAAF,EAAAO,KAAAD,EAAAb,GAAA,oBAAAO,EAAAO,IAAAL,CAAA,GAAAC,MAAAH,EAAAQ,KAAAC,EAAAhB,GAAAO,EAAAQ,IAAAL,CAAA,GAAAH;GAAA,GAAA;IAAAK,GAAAvC,KAAAA;IAAAyC,GAAAzC,KAAAA;IAAA0C,GAAA1C,KAAAA;GAAA,CAAA,GAAA2B;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

@@ -4,8 +4,9 @@ import { ScrollArrowsProps } from './ScrollArrows.types';
  * 列表/菜单弹层通用的滚动提示：隐藏原生滚动条后，在上/下沿叠加箭头，
  * 提示该方向还有内容。放在滚动容器(定位祖先)内部即可，需要容器自身是定位元素。
  *
- * 默认箭头**不可交互**(`pointer-events-none`)：避免覆盖列表边缘时抢走指针、
- * 以及"箭头显隐 ↔ 悬停自动滚动"互相触发导致列表持续滚动/闪动。
- * 需要悬停滚动时显式传 `interactive`。
+ * - 箭头本身始终是**装饰层**（`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,41 +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 interactive() {
-			return !!i.interactive;
-		},
-		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 interactive() {
-			return !!i.interactive;
-		},
-		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","interactive","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 * 默认箭头**不可交互**(`pointer-events-none`)：避免覆盖列表边缘时抢走指针、\n * 以及\"箭头显隐 ↔ 悬停自动滚动\"互相触发导致列表持续滚动/闪动。\n * 需要悬停滚动时显式传 `interactive`。\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        interactive={!!props.interactive}\n        target={props.target}\n        class={clsx(props.class, props.upClass)}\n      />\n      <ScrollArrowButton\n        direction=\"down\"\n        visible={canScrollDown()}\n        interactive={!!props.interactive}\n        target={props.target}\n        class={clsx(props.class, props.downClass)}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;AAcA,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,IACtBM,cAAW;GAAA,OAAE,CAAC,CAACR,EAAMQ;EAAW;EAAA,IAChCJ,SAAM;GAAA,OAAEJ,EAAMI;EAAM;EAAA,IAAAe,QAAA;GAAA,OACbxB,EAAKK,EAAMS,OAAOT,EAAMU,OAAO;EAAC;CAAA,CAAA,GAAAL,EAExCR,GAAiB;EAChBS,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEJ,EAAc;EAAC;EAAA,IACxBK,cAAW;GAAA,OAAE,CAAC,CAACR,EAAMQ;EAAW;EAAA,IAChCJ,SAAM;GAAA,OAAEJ,EAAMI;EAAM;EAAA,IAAAe,QAAA;GAAA,OACbxB,EAAKK,EAAMS,OAAOT,EAAMW,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,13 +1,15 @@
 import { Accessor } from 'solid-js';
 export interface ScrollArrowsProps {
-    /** 滚动容器 accessor；组件内部据此计算上下边缘状态 */
+    /** 滚动容器 accessor；组件内部据此计算上下边缘状态并驱动悬停滚动 */
     target: Accessor<HTMLElement | undefined>;
     /**
-     * 箭头是否可交互(悬停/按住持续滚动)。默认 false:
-     * 箭头只是**装饰性提示**(pointer-events-none),不拦截指针、不会与滚动互相触发。
-     * 开启后箭头会覆盖列表边缘并参与指针命中,请确保列表项不依赖该区域点击。
+     * 指针停在滚动容器上/下边缘带时是否持续滚动，默认 **true**。
+     *
+     * 注意：悬停滚动是在**容器**上按指针坐标驱动的（箭头本身始终
+     * `pointer-events-none`），因此不会抢走边缘列表项的点击；
+     * 指针按下、滚轮、键盘、离开容器都会立即停止。
      */
-    interactive?: boolean;
+    hoverScroll?: boolean;
     /** 两个箭头共用的额外 class */
     class?: string;
     /** 顶部箭头额外 class(圆角等) */
@@ -18,7 +20,5 @@ export interface ScrollArrowsProps {
 export interface ScrollArrowButtonProps {
     direction: "up" | "down";
     visible: boolean;
-    interactive: 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({