@neut/ui 0.0.15 → 0.0.17

package/dist/components/select/Select/Select.js

@@ -1,48 +1,51 @@
-import { SelectContext as e } from "./Select.context.js";
-import { createComponent as t } from "solid-js/web";
-import { createMemo as n, createSignal as r, createUniqueId as i } from "solid-js";
-import { createStore as a, produce as o } from "solid-js/store";
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { SelectContext as t } from "./Select.context.js";
+import { createComponent as n } from "solid-js/web";
+import { createMemo as r, createSignal as i, createUniqueId as a } from "solid-js";
+import { createStore as o, produce as s } from "solid-js/store";
 //#region src/components/select/Select/Select.tsx
-function s(s) {
-	let [c, l] = r(s.defaultValue), u = n(() => s.value === void 0 ? c() : s.value), d = (e) => {
-		s.value === void 0 && l(() => e), s.onValueChange?.(e);
-	}, [f, p] = r(s.defaultOpen ?? !1), m = n(() => s.open === void 0 ? f() : s.open), h = n(() => !!s.disabled), g = (e) => {
-		s.open === void 0 && p(e), s.onOpenChange?.(e);
-	}, [_, v] = r(), [y, b] = r(), [x, S] = r(), [C, w] = a([]), T = `select-content-${i()}`, E = (e) => (w(o((t) => t.push(e))), () => w(o((t) => {
+function c(c) {
+	let [l, u] = i(c.defaultValue), d = r(() => c.value === void 0 ? l() : c.value), f = (e) => {
+		c.value === void 0 && u(() => e), c.onValueChange?.(e);
+	}, [p, m] = i(c.defaultOpen ?? !1), h = r(() => c.open === void 0 ? p() : c.open), g = r(() => !!c.disabled), _ = r(() => c.lockScroll ?? !0);
+	e(() => h() && _(), { allowedSelector: "[data-slot=\"select-content\"]" });
+	let v = (e) => {
+		c.open === void 0 && m(e), c.onOpenChange?.(e);
+	}, [y, b] = i(), [x, S] = i(), [C, w] = i(), [T, E] = o([]), D = `select-content-${a()}`, O = (e) => (E(s((t) => t.push(e))), () => E(s((t) => {
 		let n = t.findIndex((t) => t.value === e.value);
 		n !== -1 && t.splice(n, 1);
-	}))), D = () => g(!1), O = () => {
-		g(!1), _()?.focus?.();
-	}, k = {
-		value: u,
-		setValue: d,
-		open: m,
-		setOpen: g,
-		disabled: h,
-		contentId: T,
-		reference: _,
-		setReference: v,
-		floating: y,
-		setFloating: b,
+	}))), k = () => v(!1), A = () => {
+		v(!1), y()?.focus?.();
+	}, j = {
+		value: d,
+		setValue: f,
+		open: h,
+		setOpen: v,
+		disabled: g,
+		contentId: D,
+		reference: y,
+		setReference: b,
+		floating: x,
+		setFloating: S,
 		get items() {
-			return C;
+			return T;
 		},
-		registerItem: E,
-		activeValue: x,
-		setActiveValue: S,
+		registerItem: O,
+		activeValue: C,
+		setActiveValue: w,
 		selectValue: (e) => {
-			d(e), O();
+			f(e), A();
 		},
-		close: D
+		close: k
 	};
-	return t(e.Provider, {
-		value: k,
+	return n(t.Provider, {
+		value: j,
 		get children() {
-			return s.children;
+			return c.children;
 		}
 	});
 }
 //#endregion
-export { s as Select };
+export { c as Select };
 
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["createSignal","createMemo","createUniqueId","JSX","createStore","produce","SelectContext","SelectContextValue","SelectItemMeta","SelectOptionValue","SelectProps","Select","props","T","Element","internalValue","setInternalValue","defaultValue","value","undefined","setValue","v","onValueChange","internalOpen","setInternalOpen","defaultOpen","open","disabled","setOpen","next","onOpenChange","reference","setReference","floating","setFloating","HTMLElement","activeValue","setActiveValue","items","setItems","contentId","registerItem","item","list","push","idx","findIndex","it","splice","close","closeAndFocusTrigger","focus","selectValue","ctx","_$createComponent","Provider","children"],"sources":["../../../../src/components/select/Select/Select.tsx"],"sourcesContent":["import { createSignal, createMemo, createUniqueId, type JSX } from \"solid-js\";\nimport { createStore, produce } from \"solid-js/store\";\nimport { SelectContext } from \"./Select.context\";\nimport type {\n  SelectContextValue,\n  SelectItemMeta,\n  SelectOptionValue,\n  SelectProps,\n} from \"./Select.types\";\n\n/**\n * Select 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。\n * 真正的展示交给 <SelectTrigger>/<SelectValue>/<SelectContent>/<SelectItem>。\n *\n * 泛型 T 约束为 string | number，用于约束 value / defaultValue /\n * onValueChange / SelectItem.value 的类型。\n *\n * @example\n * ```tsx\n * <Select value={fruit()} onValueChange={setFruit}>\n *   <SelectTrigger>\n *     <SelectValue placeholder=\"选择一个水果\" />\n *   </SelectTrigger>\n *   <SelectContent>\n *     <SelectItem value=\"apple\">苹果</SelectItem>\n *   </SelectContent>\n * </Select>\n * ```\n */\nexport function Select<T extends SelectOptionValue = string>(\n  props: SelectProps<T>,\n): JSX.Element {\n  const [internalValue, setInternalValue] = createSignal<T | undefined>(\n    props.defaultValue,\n  );\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (v: T) => {\n    if (props.value === undefined) setInternalValue(() => v);\n    props.onValueChange?.(v);\n  };\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const [reference, setReference] = createSignal<Element>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const [activeValue, setActiveValue] = createSignal<T>();\n  const [items, setItems] = createStore<SelectItemMeta<SelectOptionValue>[]>(\n    [],\n  );\n  const contentId = `select-content-${createUniqueId()}`;\n\n  const registerItem = (item: SelectItemMeta<SelectOptionValue>) => {\n    setItems(produce((list) => list.push(item)));\n    return () =>\n      setItems(\n        produce((list) => {\n          const idx = list.findIndex((it) => it.value === item.value);\n          if (idx !== -1) list.splice(idx, 1);\n        }),\n      );\n  };\n\n  const close = () => setOpen(false);\n\n  const closeAndFocusTrigger = () => {\n    setOpen(false);\n    (reference() as HTMLElement | undefined)?.focus?.();\n  };\n\n  const selectValue = (v: SelectOptionValue) => {\n    setValue(v as T);\n    closeAndFocusTrigger();\n  };\n\n  const ctx: SelectContextValue = {\n    value: value as SelectContextValue[\"value\"],\n    setValue: setValue as SelectContextValue[\"setValue\"],\n    open,\n    setOpen,\n    disabled,\n    contentId,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    get items() {\n      return items;\n    },\n    registerItem,\n    activeValue: activeValue as SelectContextValue[\"activeValue\"],\n    setActiveValue: setActiveValue as SelectContextValue[\"setActiveValue\"],\n    selectValue,\n    close,\n  };\n\n  return (\n    <SelectContext.Provider value={ctx}>\n      {props.children}\n    </SelectContext.Provider>\n  );\n}\n"],"mappings":";;;;;AA6BA,SAAgBW,EACdC,GACa;CACb,IAAM,CAACG,GAAeC,KAAoBhB,EACxCY,EAAMK,YACR,GACMC,IAAQjB,QACZW,EAAMM,UAAUC,KAAAA,IAA0BJ,EAAc,IAA5BH,EAAMM,KACpC,GAEME,KAAYC,MAAS;EAEzBT,AADIA,EAAMM,UAAUC,KAAAA,KAAWH,QAAuBK,CAAC,GACvDT,EAAMU,gBAAgBD,CAAC;CACzB,GAEM,CAACE,GAAcC,KAAmBxB,EACtCY,EAAMa,eAAe,EACvB,GACMC,IAAOzB,QACXW,EAAMc,SAASP,KAAAA,IAAyBI,EAAa,IAA1BX,EAAMc,IACnC,GACMC,IAAW1B,QAAiB,CAAC,CAACW,EAAMe,QAAQ,GAE5CC,KAAWC,MAAkB;EAEjCjB,AADIA,EAAMc,SAASP,KAAAA,KAAWK,EAAgBK,CAAI,GAClDjB,EAAMkB,eAAeD,CAAI;CAC3B,GAEM,CAACE,GAAWC,KAAgBhC,EAAsB,GAClD,CAACiC,GAAUC,KAAelC,EAA0B,GACpD,CAACoC,GAAaC,KAAkBrC,EAAgB,GAChD,CAACsC,GAAOC,KAAYnC,EACxB,CAAA,CACF,GACMoC,IAAY,kBAAkBtC,EAAe,KAE7CuC,KAAgBC,OACpBH,EAASlC,GAASsC,MAASA,EAAKC,KAAKF,CAAI,CAAC,CAAC,SAEzCH,EACElC,GAASsC,MAAS;EAChB,IAAME,IAAMF,EAAKG,WAAWC,MAAOA,EAAG7B,UAAUwB,EAAKxB,KAAK;EAC1D,AAAI2B,MAAQ,MAAIF,EAAKK,OAAOH,GAAK,CAAC;CACpC,CAAC,CACH,IAGEI,UAAcrB,EAAQ,EAAK,GAE3BsB,UAA6B;EAEjC,AADAtB,EAAQ,EAAK,GACb,EAAW,CAAC,EAA8BuB,QAAQ;CACpD,GAOME,IAA0B;EACvBnC;EACGE;EACVM;EACAE;EACAD;EACAa;EACAT;EACAC;EACAC;EACAC;EACA,IAAII,QAAQ;GACV,OAAOA;EACT;EACAG;EACaL;EACGC;EAChBe,cAtBmB/B,MAAyB;GAE5C6B,AADA9B,EAASC,CAAM,GACf6B,EAAqB;EACvB;EAoBED;CACF;CAEA,OAAAK,EACGhD,EAAciD,UAAQ;EAACrC,OAAOmC;EAAG,IAAAG,WAAA;GAAA,OAC/B5C,EAAM4C;EAAQ;CAAA,CAAA;AAGrB"}
+{"version":3,"file":"Select.js","names":["createSignal","createMemo","createUniqueId","JSX","createStore","produce","useScrollLock","SelectContext","SelectContextValue","SelectItemMeta","SelectOptionValue","SelectProps","Select","props","T","Element","internalValue","setInternalValue","defaultValue","value","undefined","setValue","v","onValueChange","internalOpen","setInternalOpen","defaultOpen","open","disabled","lockScroll","allowedSelector","setOpen","next","onOpenChange","reference","setReference","floating","setFloating","HTMLElement","activeValue","setActiveValue","items","setItems","contentId","registerItem","item","list","push","idx","findIndex","it","splice","close","closeAndFocusTrigger","focus","selectValue","ctx","_$createComponent","Provider","children","_$createComponent","Select","internalValue","setInternalValue","createSignal","props","value","createMemo","setValue","v","internalOpen","setInternalOpen","open","disabled","lockScroll","setOpen","next","reference","setReference","floating","setFloating","activeValue","setActiveValue","items","setItems","createStore","contentId","createUniqueId","registerItem","produce","list","item","idx","it","close","closeAndFocusTrigger","ctx","createComponent","SelectContext"],"sources":["../../../../src/components/select/Select/Select.tsx"],"sourcesContent":["import { createSignal, createMemo, createUniqueId, type JSX } from \"solid-js\";\nimport { createStore, produce } from \"solid-js/store\";\nimport { useScrollLock } from \"~/hooks\";\nimport { SelectContext } from \"./Select.context\";\nimport type {\n  SelectContextValue,\n  SelectItemMeta,\n  SelectOptionValue,\n  SelectProps,\n} from \"./Select.types\";\n\n/**\n * Select 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。\n * 真正的展示交给 <SelectTrigger>/<SelectValue>/<SelectContent>/<SelectItem>。\n *\n * 泛型 T 约束为 string | number，用于约束 value / defaultValue /\n * onValueChange / SelectItem.value 的类型。\n *\n * @example\n * ```tsx\n * <Select value={fruit()} onValueChange={setFruit}>\n *   <SelectTrigger>\n *     <SelectValue placeholder=\"选择一个水果\" />\n *   </SelectTrigger>\n *   <SelectContent>\n *     <SelectItem value=\"apple\">苹果</SelectItem>\n *   </SelectContent>\n * </Select>\n * ```\n */\nexport function Select<T extends SelectOptionValue = string>(\n  props: SelectProps<T>,\n): JSX.Element {\n  const [internalValue, setInternalValue] = createSignal<T | undefined>(\n    props.defaultValue,\n  );\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (v: T) => {\n    if (props.value === undefined) setInternalValue(() => v);\n    props.onValueChange?.(v);\n  };\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 面板自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: '[data-slot=\"select-content\"]',\n  });\n\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const [reference, setReference] = createSignal<Element>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const [activeValue, setActiveValue] = createSignal<T>();\n  const [items, setItems] = createStore<SelectItemMeta<SelectOptionValue>[]>(\n    [],\n  );\n  const contentId = `select-content-${createUniqueId()}`;\n\n  const registerItem = (item: SelectItemMeta<SelectOptionValue>) => {\n    setItems(produce((list) => list.push(item)));\n    return () =>\n      setItems(\n        produce((list) => {\n          const idx = list.findIndex((it) => it.value === item.value);\n          if (idx !== -1) list.splice(idx, 1);\n        }),\n      );\n  };\n\n  const close = () => setOpen(false);\n\n  const closeAndFocusTrigger = () => {\n    setOpen(false);\n    (reference() as HTMLElement | undefined)?.focus?.();\n  };\n\n  const selectValue = (v: SelectOptionValue) => {\n    setValue(v as T);\n    closeAndFocusTrigger();\n  };\n\n  const ctx: SelectContextValue = {\n    value: value as SelectContextValue[\"value\"],\n    setValue: setValue as SelectContextValue[\"setValue\"],\n    open,\n    setOpen,\n    disabled,\n    contentId,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    get items() {\n      return items;\n    },\n    registerItem,\n    activeValue: activeValue as SelectContextValue[\"activeValue\"],\n    setActiveValue: setActiveValue as SelectContextValue[\"setActiveValue\"],\n    selectValue,\n    close,\n  };\n\n  return (\n    <SelectContext.Provider value={ctx}>\n      {props.children}\n    </SelectContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AA8BA,SAAgBY,EACdC,GACa;CACb,IAAM,CAACG,GAAeC,KAAoBjB,EACxCa,EAAMK,YACR,GACMC,IAAQlB,QACZY,EAAMM,UAAUC,KAAAA,IAA0BJ,EAAc,IAA5BH,EAAMM,KACpC,GAEME,KAAYC,MAAS;EAEzBT,AADIA,EAAMM,UAAUC,KAAAA,KAAWH,QAAuBK,CAAC,GACvDT,EAAMU,gBAAgBD,CAAC;CACzB,GAEM,CAACE,GAAcC,KAAmBzB,EACtCa,EAAMa,eAAe,EACvB,GACMC,IAAO1B,QACXY,EAAMc,SAASP,KAAAA,IAAyBI,EAAa,IAA1BX,EAAMc,IACnC,GACMC,IAAW3B,QAAiB,CAAC,CAACY,EAAMe,QAAQ,GAC5CC,IAAa5B,QAAiBY,EAAMgB,cAAc,EAAI;CAI5DvB,QAAoBqB,EAAK,KAAKE,EAAW,GAAG,EAC1CC,iBAAiB,iCACnB,CAAC;CAED,IAAMC,KAAWC,MAAkB;EAEjCnB,AADIA,EAAMc,SAASP,KAAAA,KAAWK,EAAgBO,CAAI,GAClDnB,EAAMoB,eAAeD,CAAI;CAC3B,GAEM,CAACE,GAAWC,KAAgBnC,EAAsB,GAClD,CAACoC,GAAUC,KAAerC,EAA0B,GACpD,CAACuC,GAAaC,KAAkBxC,EAAgB,GAChD,CAACyC,GAAOC,KAAYtC,EACxB,CAAA,CACF,GACMuC,IAAY,kBAAkBzC,EAAe,KAE7C0C,KAAgBC,OACpBH,EAASrC,GAASyC,MAASA,EAAKC,KAAKF,CAAI,CAAC,CAAC,SAEzCH,EACErC,GAASyC,MAAS;EAChB,IAAME,IAAMF,EAAKG,WAAWC,MAAOA,EAAG/B,UAAU0B,EAAK1B,KAAK;EAC1D,AAAI6B,MAAQ,MAAIF,EAAKK,OAAOH,GAAK,CAAC;CACpC,CAAC,CACH,IAGEI,UAAcrB,EAAQ,EAAK,GAE3BsB,UAA6B;EAEjC,AADAtB,EAAQ,EAAK,GACb8C,EAAW,CAAC,EAA8BvB,QAAQ;CACpD,GAOME,IAA0B;EACvBrC;EACGE;EACVM;EACAI;EACAH;EACAe;EACAT;EACAC;EACAC;EACAC;EACA,IAAII,QAAQ;GACV,OAAOA;EACT;EACAG;EACaL;EACGC;EAChBe,cAtBmBjC,MAAyB;GAE5C+B,AADAhC,EAASC,CAAM,GACf+B,EAAqB;EACvB;EAoBED;CACF;CAEA,OAAAK,EACGlD,EAAcmD,UAAQ;EAACvC,OAAOqC;EAAG,IAAAG,WAAA;GAAA,OAC/B9C,EAAM8C;EAAQ;CAAA,CAAA;AAGrB"}

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

@@ -19,6 +19,11 @@ export interface SelectProps<T extends SelectOptionValue = string> extends Paren
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     disabled?: boolean;
+    /**
+     * 打开时是否锁定页面滚动，默认 true：锁住文档滚动并拦截浮层之外的
+     * 滚轮/触摸滚动，面板自身仍可滚动。
+     */
+    lockScroll?: boolean;
 }
 export interface SelectContextValue<T extends SelectOptionValue = SelectOptionValue> {
     value: Accessor<T | null | undefined>;

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

@@ -1,2 +1,2 @@
 import { SelectContentProps } from './SelectContent.types';
-export declare function SelectContent(props: SelectContentProps): import("solid-js").JSX.Element;
+export declare function SelectContent(props: SelectContentProps): import('solid-js').JSX.Element;

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

@@ -1,80 +1,85 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import { useSelectContent as t } from "./useSelectContent.js";
-import { Portal as n, createComponent as r, effect as i, insert as a, mergeProps as o, spread as s, style as c, template as l, use as u } from "solid-js/web";
-import { createEffect as d, createMemo as f, onCleanup as p, splitProps as m } from "solid-js";
+import { ScrollArrows as n } from "../../scroll-arrows/ScrollArrows.js";
+import { Portal as r, createComponent as i, effect as a, insert as o, mergeProps as s, spread as c, style as l, template as u, use as d } from "solid-js/web";
+import { createEffect as f, createMemo as p, onCleanup as m, splitProps as h } from "solid-js";
 //#region src/components/select/SelectContent/SelectContent.tsx
-var h = /*#__PURE__*/ l("<div data-slot=select-content style=z-index:1000><div role=listbox>");
-function g(l) {
-	let { ctx: g, pos: _, maxHeight: v, isVisible: y, animationState: b, contentElement: x, setContentElement: S } = t(() => l), [C, w] = m(l, [
+var g = /*#__PURE__*/ u("<div data-slot=select-content style=z-index:1000><div role=listbox>");
+function _(u) {
+	let { ctx: _, pos: v, maxHeight: y, isVisible: b, animationState: x, contentElement: S, setContentElement: C } = t(() => u), [w, T] = h(u, [
 		"placement",
 		"collisionPadding",
 		"class",
 		"style",
 		"children"
-	]), T = f(() => g.items.filter((e) => !e.disabled)), E = (e) => {
-		let t = T();
+	]), E = p(() => _.items.filter((e) => !e.disabled)), D = (e) => {
+		let t = E();
 		if (t.length === 0) return;
-		let n = (t.findIndex((e) => e.value === g.activeValue()) + e + t.length) % t.length;
-		g.setActiveValue(t[n].value);
-	}, D = (e) => {
+		let n = (t.findIndex((e) => e.value === _.activeValue()) + e + t.length) % t.length;
+		_.setActiveValue(t[n].value);
+	}, O = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), E(1);
+				e.preventDefault(), D(1);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), E(-1);
+				e.preventDefault(), D(-1);
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), g.activeValue() !== void 0 && g.selectValue(g.activeValue());
+				e.preventDefault(), _.activeValue() !== void 0 && _.selectValue(_.activeValue());
 				break;
 			case "Escape":
-				e.preventDefault(), g.close();
+				e.preventDefault(), _.close();
 				break;
-			case "Tab": g.setOpen(!1);
+			case "Tab": _.setOpen(!1);
 		}
 	};
-	return d(() => {
-		if (!g.open()) return;
+	return f(() => {
+		if (!_.open()) return;
 		let e = (e) => {
 			let t = e.target;
-			!g.reference()?.contains(t) && !g.floating()?.contains(t) && (g.setOpen(!1), e.stopPropagation());
+			!_.reference()?.contains(t) && !_.floating()?.contains(t) && (_.setOpen(!1), e.stopPropagation());
 		};
-		document.addEventListener("pointerdown", e, { capture: !0 }), p(() => document.removeEventListener("pointerdown", e, { capture: !0 }));
-	}), d(() => {
-		g.open() && (document.addEventListener("keydown", D), p(() => document.removeEventListener("keydown", D)));
-	}), d(() => {
-		let e = g.activeValue(), t = x();
-		!e || !t || t.querySelector(`[data-value="${CSS.escape(String(e))}"]`)?.scrollIntoView({ block: "nearest" });
-	}), r(n, { get children() {
-		var t = h(), n = t.firstChild;
-		return u((e) => {
-			g.setFloating(e), p(() => g.setFloating(void 0));
-		}, t), u(S, n), s(n, o({
+		document.addEventListener("pointerdown", e, { capture: !0 }), m(() => document.removeEventListener("pointerdown", e, { capture: !0 }));
+	}), f(() => {
+		_.open() && (document.addEventListener("keydown", O), m(() => document.removeEventListener("keydown", O)));
+	}), f(() => {
+		let e = _.activeValue(), t = S();
+		e && t && t.querySelector(`[data-value="${CSS.escape(String(e))}"]`)?.scrollIntoView({ block: "nearest" });
+	}), i(r, { get children() {
+		var t = g(), r = t.firstChild;
+		return d((e) => {
+			_.setFloating(e), m(() => _.setFloating(void 0));
+		}, t), d(C, r), c(r, s({
 			get "data-state"() {
-				return b();
+				return x();
 			},
 			get style() {
 				return {
 					position: "relative",
-					width: _.middlewareData().matchWidth?.width ? `${_.middlewareData().matchWidth.width}px` : void 0,
-					"max-height": v() ? `${v()}px` : void 0,
+					width: v.middlewareData().matchWidth?.width ? `${v.middlewareData().matchWidth.width}px` : void 0,
+					"max-height": y() ? `${y()}px` : void 0,
 					overflow: "auto",
-					...typeof C.style == "object" ? C.style : void 0
+					...typeof w.style == "object" ? w.style : void 0
 				};
 			},
 			get class() {
-				return e("min-w-36", "rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", C.class);
+				return e("min-w-36", "no-scrollbar [&::-webkit-scrollbar]:hidden", "rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", w.class);
 			}
-		}, w), !1, !0), a(n, () => C.children), i((e) => c(t, {
-			..._.floatingStyles(),
-			opacity: y() && _.isPositioned() ? 1 : 0,
-			"pointer-events": y() ? "auto" : "none",
-			visibility: y() ? "visible" : "hidden"
+		}, T), !1, !0), o(r, () => w.children), o(t, i(n, {
+			target: S,
+			upClass: "rounded-t-lg",
+			downClass: "rounded-b-lg"
+		}), null), a((e) => l(t, {
+			...v.floatingStyles(),
+			opacity: b() && v.isPositioned() ? 1 : 0,
+			"pointer-events": b() ? "auto" : "none",
+			visibility: b() ? "visible" : "hidden"
 		}, e)), t;
 	} });
 }
 //#endregion
-export { g as SelectContent };
+export { _ as SelectContent };
 
 //# sourceMappingURL=SelectContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.js","names":["onCleanup","splitProps","createMemo","createEffect","Portal","useSelectContent","SelectContentProps","clsx","SelectContent","props","ctx","pos","maxHeight","isVisible","animationState","contentElement","setContentElement","local","rest","enabledItems","items","filter","it","disabled","moveActive","dir","list","length","currentIndex","findIndex","value","activeValue","nextIndex","setActiveValue","onKeyDown","e","KeyboardEvent","key","preventDefault","undefined","selectValue","close","setOpen","open","onPointerDown","PointerEvent","target","Node","reference","contains","floating","stopPropagation","document","addEventListener","capture","removeEventListener","active","el","querySelector","HTMLElement","CSS","escape","String","scrollIntoView","block","_$createComponent","children","_el$","_tmpl$","_el$2","firstChild","_$use","setFloating","_$spread","_$mergeProps","data-state","style","position","width","middlewareData","matchWidth","overflow","class","_$insert","_$effect","_$p","_$style","floatingStyles","opacity","isPositioned","visibility"],"sources":["../../../../src/components/select/SelectContent/SelectContent.tsx"],"sourcesContent":["import { onCleanup, splitProps, createMemo, createEffect } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { useSelectContent } from \"./useSelectContent\";\nimport type { SelectContentProps } from \"./SelectContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectContent(props: SelectContentProps) {\n  const {\n    ctx,\n    pos,\n    maxHeight,\n    isVisible,\n    animationState,\n    contentElement,\n    setContentElement,\n  } = useSelectContent(() => props);\n\n  const [local, rest] = splitProps(props, [\n    \"placement\",\n    \"collisionPadding\",\n    \"class\",\n    \"style\",\n    \"children\",\n  ]);\n\n  const enabledItems = createMemo(() => ctx.items.filter((it) => !it.disabled));\n\n  const moveActive = (dir: 1 | -1) => {\n    const list = enabledItems();\n    if (list.length === 0) return;\n    const currentIndex = list.findIndex((it) => it.value === ctx.activeValue());\n    const nextIndex = (currentIndex + dir + list.length) % list.length;\n    ctx.setActiveValue(list[nextIndex].value);\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        moveActive(1);\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        moveActive(-1);\n        break;\n      case \"Enter\":\n      case \" \":\n        e.preventDefault();\n        if (ctx.activeValue() !== undefined)\n          ctx.selectValue(ctx.activeValue()!);\n        break;\n      case \"Escape\":\n        e.preventDefault();\n        ctx.close();\n        break;\n      case \"Tab\":\n        ctx.setOpen(false);\n        break;\n    }\n  };\n\n  // 点击外部关闭：捕获阶段监听 + stopPropagation，在事件还没下沉到真正的目标\n  // 元素之前就拦截掉，避免点击穿透到浮层下面被盖住的元素（细节见\n  // production-tooltip 那边点击穿透问题的排查记录，这里直接复用同一个模式）。\n  createEffect(() => {\n    if (!ctx.open()) return;\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node;\n      if (\n        !ctx.reference()?.contains(target) &&\n        !ctx.floating()?.contains(target)\n      ) {\n        ctx.setOpen(false);\n        e.stopPropagation();\n      }\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown, { capture: true });\n    onCleanup(() =>\n      document.removeEventListener(\"pointerdown\", onPointerDown, {\n        capture: true,\n      }),\n    );\n  });\n\n  // 打开时把键盘事件绑到 document，这样不需要抢 focus 也能用方向键\n  createEffect(() => {\n    if (!ctx.open()) return;\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  // 高亮项变化时自动滚动到可见区域\n  createEffect(() => {\n    const active = ctx.activeValue();\n    const el = contentElement();\n    if (!active || !el) return;\n    el.querySelector<HTMLElement>(\n      `[data-value=\"${CSS.escape(String(active))}\"]`,\n    )?.scrollIntoView({ block: \"nearest\" });\n  });\n\n  return (\n    <Portal>\n      {/*\n        外层：只负责定位（position:fixed 来自 floatingStyles），不参与动画。\n        它的 transform 专门用来做 translate(x,y) 定位——如果内层的 zoom-in-95\n        动画也放在这一层，两者会互相冲突（细节见 SelectContent.utils.ts 顶部\n        的注释）。\n\n        关闭时不再卸载整个 Portal，而是用 visibility/pointer-events 隐藏：\n        SelectItem 通过 onMount 向 ctx 注册 item 元数据，如果关闭时把子节点\n        卸载掉，ctx.items 会被清空，SelectValue 就无法再用 item.label 渲染\n        已选值。让子节点持续挂载，items 的注册生命周期才和 SelectContent\n        本身一致；隐藏只是视觉/交互上的关闭，不影响数据。\n      */}\n      <div\n        data-slot=\"select-content\"\n        ref={(el) => {\n          ctx.setFloating(el);\n          // 元素卸载时清空 ctx.floating()，避免后续读到已从 DOM 摘除的\n          // 僵尸节点（Solid 的 ref 回调只在创建时触发一次，不会自动在\n          // 卸载时传 undefined）。\n          onCleanup(() => ctx.setFloating(undefined));\n        }}\n        style={{\n          ...pos.floatingStyles(),\n          \"z-index\": 1000,\n          opacity: isVisible() && pos.isPositioned() ? 1 : 0,\n          \"pointer-events\": isVisible() ? \"auto\" : \"none\",\n          visibility: isVisible() ? \"visible\" : \"hidden\",\n        }}\n      >\n        {/*\n            内层：真正的视觉样式 + overflow:auto 滚动 + 进出场动画。\n            position: relative 是为了让它成为内部所有选项的 offsetParent——\n            \"选中项对齐\"这套定位策略要用 offsetTop 算选项在列表里的位置，\n            这个值必须相对\"真正会滚动的这个元素\"才准确，不能让它被外层\n            （不滚动）抢走 offsetParent 的身份。\n          */}\n        <div\n          ref={setContentElement}\n          role=\"listbox\"\n          data-state={animationState()}\n          style={{\n            position: \"relative\",\n            width: pos.middlewareData().matchWidth?.width\n              ? `${pos.middlewareData().matchWidth.width}px`\n              : undefined,\n            \"max-height\": maxHeight() ? `${maxHeight()}px` : undefined,\n            overflow: \"auto\",\n            ...(typeof local.style === \"object\" ? local.style : undefined),\n          }}\n          class={clsx(\n            \"min-w-36\",\n            \"rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100\",\n            // 只保留入场动画，没有退场动画：关闭瞬间外层直接 visibility:hidden，\n            // data-state 也立即切回 closed，没有退场动画阶段，自然不会出现\n            // 选中项变更时\"面板先跳一下再消失\"的问题。duration-100（100ms）\n            // 比默认的 150ms 更短——下拉菜单这种高频交互的组件，动画应该比\n            // tooltip 更快、更利落。\n            \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n            local.class,\n          )}\n          {...rest}\n        >\n          {local.children}\n        </div>\n      </div>\n    </Portal>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SelectContent.js","names":["onCleanup","splitProps","createMemo","createEffect","Portal","useSelectContent","ScrollArrows","SelectContentProps","clsx","SelectContent","props","ctx","pos","maxHeight","isVisible","animationState","contentElement","setContentElement","local","rest","enabledItems","items","filter","it","disabled","moveActive","dir","list","length","currentIndex","findIndex","value","activeValue","nextIndex","setActiveValue","onKeyDown","e","KeyboardEvent","key","preventDefault","undefined","selectValue","close","setOpen","open","onPointerDown","PointerEvent","target","Node","reference","contains","floating","stopPropagation","document","addEventListener","capture","removeEventListener","active","el","querySelector","HTMLElement","CSS","escape","String","scrollIntoView","block","_$createComponent","children","_el$","_tmpl$","_el$2","firstChild","_$use","setFloating","_$spread","_$mergeProps","data-state","style","position","width","middlewareData","matchWidth","overflow","class","_$insert","upClass","downClass","_$effect","_$p","_$style","floatingStyles","opacity","isPositioned","visibility","_$createComponent","_$mergeProps","_$style","_tmpl$","SelectContent","useSelectContent","props","local","rest","splitProps","enabledItems","createMemo","ctx","it","moveActive","list","nextIndex","dir","onKeyDown","createEffect","onPointerDown","target","onCleanup","active","el","contentElement","createComponent","Portal","_el$","_el$2","use","setContentElement","spread","mergeProps","animationState","pos","maxHeight","\"class\"","clsx","insert","ScrollArrows","effect","style","isVisible","_$p"],"sources":["../../../../src/components/select/SelectContent/SelectContent.tsx"],"sourcesContent":["import { onCleanup, splitProps, createMemo, createEffect } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { useSelectContent } from \"./useSelectContent\";\nimport { ScrollArrows } from \"~/components/scroll-arrows\";\nimport type { SelectContentProps } from \"./SelectContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectContent(props: SelectContentProps) {\n  const {\n    ctx,\n    pos,\n    maxHeight,\n    isVisible,\n    animationState,\n    contentElement,\n    setContentElement,\n  } = useSelectContent(() => props);\n\n  const [local, rest] = splitProps(props, [\n    \"placement\",\n    \"collisionPadding\",\n    \"class\",\n    \"style\",\n    \"children\",\n  ]);\n\n  const enabledItems = createMemo(() => ctx.items.filter((it) => !it.disabled));\n\n  const moveActive = (dir: 1 | -1) => {\n    const list = enabledItems();\n    if (list.length === 0) return;\n    const currentIndex = list.findIndex((it) => it.value === ctx.activeValue());\n    const nextIndex = (currentIndex + dir + list.length) % list.length;\n    ctx.setActiveValue(list[nextIndex].value);\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        moveActive(1);\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        moveActive(-1);\n        break;\n      case \"Enter\":\n      case \" \":\n        e.preventDefault();\n        if (ctx.activeValue() !== undefined)\n          ctx.selectValue(ctx.activeValue()!);\n        break;\n      case \"Escape\":\n        e.preventDefault();\n        ctx.close();\n        break;\n      case \"Tab\":\n        ctx.setOpen(false);\n        break;\n    }\n  };\n\n  // 点击外部关闭：捕获阶段监听 + stopPropagation，在事件还没下沉到真正的目标\n  // 元素之前就拦截掉，避免点击穿透到浮层下面被盖住的元素（细节见\n  // production-tooltip 那边点击穿透问题的排查记录，这里直接复用同一个模式）。\n  createEffect(() => {\n    if (!ctx.open()) return;\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node;\n      if (\n        !ctx.reference()?.contains(target) &&\n        !ctx.floating()?.contains(target)\n      ) {\n        ctx.setOpen(false);\n        e.stopPropagation();\n      }\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown, { capture: true });\n    onCleanup(() =>\n      document.removeEventListener(\"pointerdown\", onPointerDown, {\n        capture: true,\n      }),\n    );\n  });\n\n  // 打开时把键盘事件绑到 document，这样不需要抢 focus 也能用方向键\n  createEffect(() => {\n    if (!ctx.open()) return;\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  // 高亮项变化时自动滚动到可见区域\n  createEffect(() => {\n    const active = ctx.activeValue();\n    const el = contentElement();\n    if (!active || !el) return;\n    el.querySelector<HTMLElement>(\n      `[data-value=\"${CSS.escape(String(active))}\"]`,\n    )?.scrollIntoView({ block: \"nearest\" });\n  });\n\n  return (\n    <Portal>\n      {/*\n        外层：只负责定位（position:fixed 来自 floatingStyles），不参与动画。\n        它的 transform 专门用来做 translate(x,y) 定位——如果内层的 zoom-in-95\n        动画也放在这一层，两者会互相冲突（细节见 SelectContent.utils.ts 顶部\n        的注释）。\n\n        关闭时不再卸载整个 Portal，而是用 visibility/pointer-events 隐藏：\n        SelectItem 通过 onMount 向 ctx 注册 item 元数据，如果关闭时把子节点\n        卸载掉，ctx.items 会被清空，SelectValue 就无法再用 item.label 渲染\n        已选值。让子节点持续挂载，items 的注册生命周期才和 SelectContent\n        本身一致；隐藏只是视觉/交互上的关闭，不影响数据。\n      */}\n      <div\n        data-slot=\"select-content\"\n        ref={(el) => {\n          ctx.setFloating(el);\n          // 元素卸载时清空 ctx.floating()，避免后续读到已从 DOM 摘除的\n          // 僵尸节点（Solid 的 ref 回调只在创建时触发一次，不会自动在\n          // 卸载时传 undefined）。\n          onCleanup(() => ctx.setFloating(undefined));\n        }}\n        style={{\n          ...pos.floatingStyles(),\n          \"z-index\": 1000,\n          opacity: isVisible() && pos.isPositioned() ? 1 : 0,\n          \"pointer-events\": isVisible() ? \"auto\" : \"none\",\n          visibility: isVisible() ? \"visible\" : \"hidden\",\n        }}\n      >\n        {/*\n            内层：真正的视觉样式 + overflow:auto 滚动 + 进出场动画。\n            position: relative 是为了让它成为内部所有选项的 offsetParent——\n            \"选中项对齐\"这套定位策略要用 offsetTop 算选项在列表里的位置，\n            这个值必须相对\"真正会滚动的这个元素\"才准确，不能让它被外层\n            （不滚动）抢走 offsetParent 的身份。\n          */}\n        <div\n          ref={setContentElement}\n          role=\"listbox\"\n          data-state={animationState()}\n          style={{\n            position: \"relative\",\n            width: pos.middlewareData().matchWidth?.width\n              ? `${pos.middlewareData().matchWidth.width}px`\n              : undefined,\n            \"max-height\": maxHeight() ? `${maxHeight()}px` : undefined,\n            overflow: \"auto\",\n            ...(typeof local.style === \"object\" ? local.style : undefined),\n          }}\n          class={clsx(\n            \"min-w-36\",\n            \"no-scrollbar [&::-webkit-scrollbar]:hidden\",\n            \"rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100\",\n            // 只保留入场动画，没有退场动画：关闭瞬间外层直接 visibility:hidden，\n            // data-state 也立即切回 closed，没有退场动画阶段，自然不会出现\n            // 选中项变更时\"面板先跳一下再消失\"的问题。duration-100（100ms）\n            // 比默认的 150ms 更短——下拉菜单这种高频交互的组件，动画应该比\n            // tooltip 更快、更利落。\n            \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n            local.class,\n          )}\n          {...rest}\n        >\n          {local.children}\n        </div>\n        <ScrollArrows\n          target={contentElement}\n          upClass=\"rounded-t-lg\"\n          downClass=\"rounded-b-lg\"\n        />\n      </div>\n    </Portal>\n  );\n}\n"],"mappings":"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"}

package/dist/components/select/SelectContent/SelectContent.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.utils.js","names":[],"sources":["../../../../src/components/select/SelectContent/SelectContent.utils.ts"],"sourcesContent":["import {\n  offset,\n  flip,\n  shift,\n  size,\n  hide,\n  containingBlockOffset,\n  type Middleware,\n  type Placement,\n} from \"~/lib\";\nimport { getViewportBoundary } from \"~/lib/positioner/utils/dom\";\nimport type { SelectOptionValue } from \"../Select/Select.types\";\n\n/** 让浮层宽度和 trigger 对齐——不改坐标，只把 reference 宽度透传给上层当 style.width 用 */\nfunction matchReferenceWidth(): Middleware {\n  return {\n    name: \"matchWidth\",\n    fn(state) {\n      return { data: { width: state.rects.reference.width } };\n    },\n  };\n}\n\n/**\n * \"选中项对齐\"：让已选中的那一项精确覆盖在 trigger 上方，这是原生 <select>/\n * shadcn Select 重新打开时的经典效果，和 offset+flip+shift 是完全不同的定位\n * 策略，所以单独写一个 middleware，而不是复用 shift/flip。\n *\n * 核心思路是把\"面板高度、面板位置、列表滚动量\"三者一起算，而不是先假设一个\n * 面板高度、算完位置再回头夹 scrollTop——后者试过两版都有遗留问题（面板和\n * trigger 之间留一截空隙、或者选中项因为 scrollTop 静默越界被推到面板边缘）。\n *\n * 具体算法：选中项\"理应\"贴着 trigger 垂直居中。以这个位置为基准，\n * 分别看\"上方\"和\"下方\"能展开多少：\n * - 上方能展开的量 = min(选中项上方还有多少内容, 视口上方还剩多少空间)\n * - 下方能展开的量 = min(选中项下方还有多少内容, 视口下方还剩多少空间)\n * 面板高度就是\"上方展开量 + 选中项自身高度 + 下方展开量\"，面板顶部位置和\n * 滚动量都由这两个\"展开量\"直接算出来，不需要再额外夹取——因为：\n * - 展开量永远不会超过\"内容还剩多少\"，所以 scrollTop 永远落在合法范围内；\n * - 展开量永远不会超过\"视口还剩多少空间\"，所以面板永远不会超出视口；\n * - 选中项贴 trigger 是这个算法的出发点，天然成立，不需要单独判断\"要不要\n *   贴 trigger\"。\n * 对列表两端的项（第一项/最后一项）会自动退化成正确的行为：比如选中第一项，\n * \"上方还有多少内容\"是 0，上方展开量恒为 0，面板顶部直接落在选中项该在的\n * 位置，不会凭空往上多留空间。\n */\nfunction alignSelectedItem(\n  getValue: () => SelectOptionValue | null | undefined,\n  getScrollElement: () => HTMLElement | undefined,\n): Middleware {\n  return {\n    name: \"itemAlign\",\n    fn(state) {\n      const value = getValue();\n      const scrollEl = getScrollElement();\n      if (value == null || !scrollEl) return {};\n\n      const itemEl = scrollEl.querySelector<HTMLElement>(\n        `[data-value=\"${CSS.escape(String(value))}\"]`,\n      );\n      if (!itemEl) return {};\n\n      const { rects, strategy } = state;\n      const boundary = getViewportBoundary(strategy, 8);\n\n      const itemOffsetTop = itemEl.offsetTop;\n      const itemHeight = itemEl.offsetHeight;\n      const scrollHeight = scrollEl.scrollHeight;\n\n      // 选中项理想情况下应该落在的位置：和 trigger 垂直居中对齐\n      const idealItemTop =\n        rects.reference.y + rects.reference.height / 2 - itemHeight / 2;\n\n      const contentAbove = itemOffsetTop; // 选中项上方还有多少内容（px）\n      const contentBelow = scrollHeight - itemOffsetTop - itemHeight; // 下方还有多少内容\n      const spaceAbove = idealItemTop - boundary.y; // 从理想位置到视口顶部的可用空间\n      const spaceBelow =\n        boundary.y + boundary.height - (idealItemTop + itemHeight); // 到视口底部的可用空间\n\n      const expandAbove = Math.max(0, Math.min(contentAbove, spaceAbove));\n      const expandBelow = Math.max(0, Math.min(contentBelow, spaceBelow));\n\n      const panelTop = idealItemTop - expandAbove;\n      // panelHeight 最终会作为 CSS max-height 写到 scrollEl 上。scrollEl\n      // 有 border（类名里带 border），而 Tailwind preflight 会把 box-sizing\n      // 设为 border-box，此时 max-height 约束的是 border-box 高度；但\n      // scrollHeight 只包含内容 + padding、不包含 border。直接拿\n      // scrollHeight 当 max-height 会让 clientHeight 比 scrollHeight 少\n      // 一个上下 border 的宽度，列表本来刚好能放下时也会多出 1~2px 的\n      // overflow，从而被 overflow:auto 画出一条纵向滚动条。这里把 border\n      // 宽度补回去，保证 border-box 的 max-height 能完整容纳所有内容。\n      const scrollStyle = getComputedStyle(scrollEl);\n      const borderTop = Number.parseFloat(scrollStyle.borderTopWidth) || 0;\n      const borderBottom =\n        Number.parseFloat(scrollStyle.borderBottomWidth) || 0;\n      const panelHeight =\n        expandAbove + itemHeight + expandBelow + borderTop + borderBottom;\n      const scrollTop = contentAbove - expandAbove;\n\n      // scrollTop 是纯 DOM 副作用，不影响坐标计算本身，这里直接设置是安全的。\n      scrollEl.scrollTop = scrollTop;\n\n      return {\n        x: rects.reference.x,\n        y: panelTop,\n        data: { aligned: true, panelHeight },\n      };\n    },\n  };\n}\n\nexport interface BuildSelectMiddlewareOptions {\n  /** 当前是否已经有选中值——决定走\"选中项对齐\"还是普通的贴边下拉 */\n  hasValue: boolean;\n  selectedValue: () => SelectOptionValue | null | undefined;\n  /** 真正会滚动、承载选项列表的那个元素（内层），不是外层的定位容器 */\n  scrollElement: () => HTMLElement | undefined;\n  placement: Placement;\n  collisionPadding: number;\n  onAvailableHeightChange: (availableHeight: number) => void;\n}\n\n/**\n * Select 面板的定位管线，按\"有没有选中值\"分两套配方：\n *\n * - **有选中值**：matchWidth → size（算可用高度，配合 overflow:auto 做滚动——\n *   和 Tooltip 不同，下拉列表内容天然可能很长，滚动是合理需求，不是过度设计）\n *   → itemAlign（核心：选中项盖在 trigger 上）→ shift（只处理横向，纵向已经被\n *   itemAlign 自己夹过了）→ containingBlockOffset。\n * - **没有选中值**（占位符状态）：offset → flip → shift → matchWidth → size\n *   → containingBlockOffset，这是标准的\"贴边下拉\"策略，和 Dropdown 用的是\n *   同一套思路。\n *\n * 顺序不能随便换：size 必须在 shift/itemAlign 之后（要用最终坐标反推可用高度），\n * containingBlockOffset 必须在所有其他 middleware 之后。\n *\n * SelectContent.tsx 里把面板拆成了两层：外层（position:fixed，负责 translate(x,y)\n * 定位）和内层（真正的样式、overflow:auto 滚动、data-state 驱动的进出场动画）。\n * 这不是为了美观随手拆的——同一个元素如果既承担定位用的 transform:translate()，\n * 又承担 zoom-in-95 这类靠 transform:scale() 做的动画，CSS 的 transform 一个\n * 元素只能有一份，动画播放期间会完全接管这个属性，把定位用的 translate(x,y)\n * 整个顶掉，表现为\"入场从视口左上角飞入、退场飞向左上角消失\"这种明显错误的\n * 观感（这正是这个组件早期实现踩过的一个真实 bug）。scrollElement 传的是\n * 内层（真正会滚动的那个），不是 state.elements.floating（外层，它自己不滚动）。\n */\nexport function createSelectMiddleware(\n  options: BuildSelectMiddlewareOptions,\n): Middleware[] {\n  if (options.hasValue) {\n    return [\n      matchReferenceWidth(),\n      // 注意这里没有 size 中间件：alignSelectedItem 自己已经把面板高度、\n      // 位置、滚动量一起算好了（见它的注释），面板高度是通过\n      // middlewareData.itemAlign.panelHeight 传出去的，不需要 size 再用\n      // \"只看视口空间、不看内容长度\"那套算法独立算一遍——两边算出来的值\n      // 一旦不一致，CSS max-height 和定位计算假设的面板高度就会对不上，\n      // 重新引入\"选中项没对齐\"这类问题（这正是这次要修的 bug 的根源）。\n      alignSelectedItem(options.selectedValue, options.scrollElement),\n      shift({\n        padding: options.collisionPadding,\n        mainAxis: false,\n        crossAxis: true,\n      }),\n      hide(),\n      containingBlockOffset(),\n    ];\n  }\n\n  return [\n    offset(4),\n    flip(),\n    shift({ padding: options.collisionPadding }),\n    matchReferenceWidth(),\n    size({\n      padding: options.collisionPadding,\n      apply({ availableHeight }) {\n        options.onAvailableHeightChange(availableHeight);\n      },\n    }),\n    hide(),\n    containingBlockOffset(),\n  ];\n}\n"],"mappings":";;;;;;;;AAcA,SAAS,IAAkC;CACzC,OAAO;EACL,MAAM;EACN,GAAG,GAAO;GACR,OAAO,EAAE,MAAM,EAAE,OAAO,EAAM,MAAM,UAAU,MAAM,EAAE;EACxD;CACF;AACF;AAyBA,SAAS,EACP,GACA,GACY;CACZ,OAAO;EACL,MAAM;EACN,GAAG,GAAO;GACR,IAAM,IAAQ,EAAS,GACjB,IAAW,EAAiB;GAClC,IAAI,KAAS,QAAQ,CAAC,GAAU,OAAO,CAAC;GAExC,IAAM,IAAS,EAAS,cACtB,gBAAgB,IAAI,OAAO,OAAO,CAAK,CAAC,EAAE,GAC5C;GACA,IAAI,CAAC,GAAQ,OAAO,CAAC;GAErB,IAAM,EAAE,UAAO,gBAAa,GACtB,IAAW,EAAoB,GAAU,CAAC,GAE1C,IAAgB,EAAO,WACvB,IAAa,EAAO,cACpB,IAAe,EAAS,cAGxB,IACJ,EAAM,UAAU,IAAI,EAAM,UAAU,SAAS,IAAI,IAAa,GAE1D,IAAe,GACf,IAAe,IAAe,IAAgB,GAC9C,IAAa,IAAe,EAAS,GACrC,IACJ,EAAS,IAAI,EAAS,UAAU,IAAe,IAE3C,IAAc,KAAK,IAAI,GAAG,KAAK,IAAI,GAAc,CAAU,CAAC,GAC5D,IAAc,KAAK,IAAI,GAAG,KAAK,IAAI,GAAc,CAAU,CAAC,GAE5D,IAAW,IAAe,GAS1B,IAAc,iBAAiB,CAAQ,GACvC,IAAY,OAAO,WAAW,EAAY,cAAc,KAAK,GAC7D,IACJ,OAAO,WAAW,EAAY,iBAAiB,KAAK,GAChD,IACJ,IAAc,IAAa,IAAc,IAAY;GAMvD,OAFA,EAAS,YAHS,IAAe,GAK1B;IACL,GAAG,EAAM,UAAU;IACnB,GAAG;IACH,MAAM;KAAE,SAAS;KAAM;IAAY;GACrC;EACF;CACF;AACF;AAoCA,SAAgB,EACd,GACc;CAqBd,OApBI,EAAQ,WACH;EACL,EAAoB;EAOpB,EAAkB,EAAQ,eAAe,EAAQ,aAAa;EAC9D,EAAM;GACJ,SAAS,EAAQ;GACjB,UAAU;GACV,WAAW;EACb,CAAC;EACD,EAAK;EACL,EAAsB;CACxB,IAGK;EACL,EAAO,CAAC;EACR,EAAK;EACL,EAAM,EAAE,SAAS,EAAQ,iBAAiB,CAAC;EAC3C,EAAoB;EACpB,EAAK;GACH,SAAS,EAAQ;GACjB,MAAM,EAAE,sBAAmB;IACzB,EAAQ,wBAAwB,CAAe;GACjD;EACF,CAAC;EACD,EAAK;EACL,EAAsB;CACxB;AACF"}
+{"version":3,"file":"SelectContent.utils.js","names":["matchReferenceWidth","state","alignSelectedItem","value","getValue","scrollEl","getScrollElement","itemEl","boundary","getViewportBoundary","strategy","itemOffsetTop","itemHeight","scrollHeight","idealItemTop","rects","contentAbove","contentBelow","spaceAbove","spaceBelow","expandAbove","expandBelow","panelTop","scrollStyle","borderTop","borderBottom","panelHeight","createSelectMiddleware","options","shift","hide","containingBlockOffset","offset","flip","size","availableHeight"],"sources":["../../../../src/components/select/SelectContent/SelectContent.utils.ts"],"sourcesContent":["import {\n  offset,\n  flip,\n  shift,\n  size,\n  hide,\n  containingBlockOffset,\n  type Middleware,\n  type Placement,\n} from \"~/lib\";\nimport { getViewportBoundary } from \"~/lib/positioner/utils/dom\";\nimport type { SelectOptionValue } from \"../Select/Select.types\";\n\n/** 让浮层宽度和 trigger 对齐——不改坐标，只把 reference 宽度透传给上层当 style.width 用 */\nfunction matchReferenceWidth(): Middleware {\n  return {\n    name: \"matchWidth\",\n    fn(state) {\n      return { data: { width: state.rects.reference.width } };\n    },\n  };\n}\n\n/**\n * \"选中项对齐\"：让已选中的那一项精确覆盖在 trigger 上方，这是原生 <select>/\n * shadcn Select 重新打开时的经典效果，和 offset+flip+shift 是完全不同的定位\n * 策略，所以单独写一个 middleware，而不是复用 shift/flip。\n *\n * 核心思路是把\"面板高度、面板位置、列表滚动量\"三者一起算，而不是先假设一个\n * 面板高度、算完位置再回头夹 scrollTop——后者试过两版都有遗留问题（面板和\n * trigger 之间留一截空隙、或者选中项因为 scrollTop 静默越界被推到面板边缘）。\n *\n * 具体算法：选中项\"理应\"贴着 trigger 垂直居中。以这个位置为基准，\n * 分别看\"上方\"和\"下方\"能展开多少：\n * - 上方能展开的量 = min(选中项上方还有多少内容, 视口上方还剩多少空间)\n * - 下方能展开的量 = min(选中项下方还有多少内容, 视口下方还剩多少空间)\n * 面板高度就是\"上方展开量 + 选中项自身高度 + 下方展开量\"，面板顶部位置和\n * 滚动量都由这两个\"展开量\"直接算出来，不需要再额外夹取——因为：\n * - 展开量永远不会超过\"内容还剩多少\"，所以 scrollTop 永远落在合法范围内；\n * - 展开量永远不会超过\"视口还剩多少空间\"，所以面板永远不会超出视口；\n * - 选中项贴 trigger 是这个算法的出发点，天然成立，不需要单独判断\"要不要\n *   贴 trigger\"。\n * 对列表两端的项（第一项/最后一项）会自动退化成正确的行为：比如选中第一项，\n * \"上方还有多少内容\"是 0，上方展开量恒为 0，面板顶部直接落在选中项该在的\n * 位置，不会凭空往上多留空间。\n */\nfunction alignSelectedItem(\n  getValue: () => SelectOptionValue | null | undefined,\n  getScrollElement: () => HTMLElement | undefined,\n): Middleware {\n  return {\n    name: \"itemAlign\",\n    fn(state) {\n      const value = getValue();\n      const scrollEl = getScrollElement();\n      if (value == null || !scrollEl) return {};\n\n      const itemEl = scrollEl.querySelector<HTMLElement>(\n        `[data-value=\"${CSS.escape(String(value))}\"]`,\n      );\n      if (!itemEl) return {};\n\n      const { rects, strategy } = state;\n      const boundary = getViewportBoundary(strategy, 8);\n\n      const itemOffsetTop = itemEl.offsetTop;\n      const itemHeight = itemEl.offsetHeight;\n      const scrollHeight = scrollEl.scrollHeight;\n\n      // 选中项理想情况下应该落在的位置：和 trigger 垂直居中对齐\n      const idealItemTop =\n        rects.reference.y + rects.reference.height / 2 - itemHeight / 2;\n\n      const contentAbove = itemOffsetTop; // 选中项上方还有多少内容（px）\n      const contentBelow = scrollHeight - itemOffsetTop - itemHeight; // 下方还有多少内容\n      const spaceAbove = idealItemTop - boundary.y; // 从理想位置到视口顶部的可用空间\n      const spaceBelow =\n        boundary.y + boundary.height - (idealItemTop + itemHeight); // 到视口底部的可用空间\n\n      const expandAbove = Math.max(0, Math.min(contentAbove, spaceAbove));\n      const expandBelow = Math.max(0, Math.min(contentBelow, spaceBelow));\n\n      const panelTop = idealItemTop - expandAbove;\n      // panelHeight 最终会作为 CSS max-height 写到 scrollEl 上。scrollEl\n      // 有 border（类名里带 border），而 Tailwind preflight 会把 box-sizing\n      // 设为 border-box，此时 max-height 约束的是 border-box 高度；但\n      // scrollHeight 只包含内容 + padding、不包含 border。直接拿\n      // scrollHeight 当 max-height 会让 clientHeight 比 scrollHeight 少\n      // 一个上下 border 的宽度，列表本来刚好能放下时也会多出 1~2px 的\n      // overflow，从而被 overflow:auto 画出一条纵向滚动条。这里把 border\n      // 宽度补回去，保证 border-box 的 max-height 能完整容纳所有内容。\n      const scrollStyle = getComputedStyle(scrollEl);\n      const borderTop = Number.parseFloat(scrollStyle.borderTopWidth) || 0;\n      const borderBottom =\n        Number.parseFloat(scrollStyle.borderBottomWidth) || 0;\n      const panelHeight =\n        expandAbove + itemHeight + expandBelow + borderTop + borderBottom;\n      const scrollTop = contentAbove - expandAbove;\n\n      // scrollTop 是纯 DOM 副作用，不影响坐标计算本身，这里直接设置是安全的。\n      scrollEl.scrollTop = scrollTop;\n\n      return {\n        x: rects.reference.x,\n        y: panelTop,\n        data: { aligned: true, panelHeight },\n      };\n    },\n  };\n}\n\nexport interface BuildSelectMiddlewareOptions {\n  /** 当前是否已经有选中值——决定走\"选中项对齐\"还是普通的贴边下拉 */\n  hasValue: boolean;\n  selectedValue: () => SelectOptionValue | null | undefined;\n  /** 真正会滚动、承载选项列表的那个元素（内层），不是外层的定位容器 */\n  scrollElement: () => HTMLElement | undefined;\n  placement: Placement;\n  collisionPadding: number;\n  onAvailableHeightChange: (availableHeight: number) => void;\n}\n\n/**\n * Select 面板的定位管线，按\"有没有选中值\"分两套配方：\n *\n * - **有选中值**：matchWidth → size（算可用高度，配合 overflow:auto 做滚动——\n *   和 Tooltip 不同，下拉列表内容天然可能很长，滚动是合理需求，不是过度设计）\n *   → itemAlign（核心：选中项盖在 trigger 上）→ shift（只处理横向，纵向已经被\n *   itemAlign 自己夹过了）→ containingBlockOffset。\n * - **没有选中值**（占位符状态）：offset → flip → shift → matchWidth → size\n *   → containingBlockOffset，这是标准的\"贴边下拉\"策略，和 Dropdown 用的是\n *   同一套思路。\n *\n * 顺序不能随便换：size 必须在 shift/itemAlign 之后（要用最终坐标反推可用高度），\n * containingBlockOffset 必须在所有其他 middleware 之后。\n *\n * SelectContent.tsx 里把面板拆成了两层：外层（position:fixed，负责 translate(x,y)\n * 定位）和内层（真正的样式、overflow:auto 滚动、data-state 驱动的进出场动画）。\n * 这不是为了美观随手拆的——同一个元素如果既承担定位用的 transform:translate()，\n * 又承担 zoom-in-95 这类靠 transform:scale() 做的动画，CSS 的 transform 一个\n * 元素只能有一份，动画播放期间会完全接管这个属性，把定位用的 translate(x,y)\n * 整个顶掉，表现为\"入场从视口左上角飞入、退场飞向左上角消失\"这种明显错误的\n * 观感（这正是这个组件早期实现踩过的一个真实 bug）。scrollElement 传的是\n * 内层（真正会滚动的那个），不是 state.elements.floating（外层，它自己不滚动）。\n */\nexport function createSelectMiddleware(\n  options: BuildSelectMiddlewareOptions,\n): Middleware[] {\n  if (options.hasValue) {\n    return [\n      matchReferenceWidth(),\n      // 注意这里没有 size 中间件：alignSelectedItem 自己已经把面板高度、\n      // 位置、滚动量一起算好了（见它的注释），面板高度是通过\n      // middlewareData.itemAlign.panelHeight 传出去的，不需要 size 再用\n      // \"只看视口空间、不看内容长度\"那套算法独立算一遍——两边算出来的值\n      // 一旦不一致，CSS max-height 和定位计算假设的面板高度就会对不上，\n      // 重新引入\"选中项没对齐\"这类问题（这正是这次要修的 bug 的根源）。\n      alignSelectedItem(options.selectedValue, options.scrollElement),\n      shift({\n        padding: options.collisionPadding,\n        mainAxis: false,\n        crossAxis: true,\n      }),\n      hide(),\n      containingBlockOffset(),\n    ];\n  }\n\n  return [\n    offset(4),\n    flip(),\n    shift({ padding: options.collisionPadding }),\n    matchReferenceWidth(),\n    size({\n      padding: options.collisionPadding,\n      apply({ availableHeight }) {\n        options.onAvailableHeightChange(availableHeight);\n      },\n    }),\n    hide(),\n    containingBlockOffset(),\n  ];\n}\n"],"mappings":";;;;;;;;AAcA,SAASA,IAAkC;CACzC,OAAO;EACL,MAAM;EACN,GAAG,GAAO;GACR,OAAO,EAAE,MAAM,EAAE,OAAOC,EAAM,MAAM,UAAU,MAAM,EAAE;EACxD;CACF;AACF;AAyBA,SAASC,EACP,GACA,GACY;CACZ,OAAO;EACL,MAAM;EACN,GAAG,GAAO;GACR,IAAMC,IAAQC,EAAS,GACjBC,IAAWC,EAAiB;GAClC,IAAIH,KAAS,QAAQ,CAACE,GAAU,OAAO,CAAC;GAExC,IAAME,IAASF,EAAS,cACtB,gBAAgB,IAAI,OAAO,OAAOF,CAAK,CAAC,EAAE,GAC5C;GACA,IAAI,CAACI,GAAQ,OAAO,CAAC;GAErB,IAAM,EAAE,UAAO,gBAAaN,GACtBO,IAAWC,EAAoBC,GAAU,CAAC,GAE1CC,IAAgBJ,EAAO,WACvBK,IAAaL,EAAO,cACpBM,IAAeR,EAAS,cAGxBS,IACJC,EAAM,UAAU,IAAIA,EAAM,UAAU,SAAS,IAAIH,IAAa,GAE1DI,IAAeL,GACfM,IAAeJ,IAAeF,IAAgBC,GAC9CM,IAAaJ,IAAeN,EAAS,GACrCW,IACJX,EAAS,IAAIA,EAAS,UAAUM,IAAeF,IAE3CQ,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIJ,GAAcE,CAAU,CAAC,GAC5DG,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIJ,GAAcE,CAAU,CAAC,GAE5DG,IAAWR,IAAeM,GAS1BG,IAAc,iBAAiBlB,CAAQ,GACvCmB,IAAY,OAAO,WAAWD,EAAY,cAAc,KAAK,GAC7DE,IACJ,OAAO,WAAWF,EAAY,iBAAiB,KAAK,GAChDG,IACJN,IAAcR,IAAaS,IAAcG,IAAYC;GAMvD,OAFA,EAAS,YAHST,IAAeI,GAK1B;IACL,GAAGL,EAAM,UAAU;IACnB,GAAGO;IACH,MAAM;KAAE,SAAS;KAAM;IAAY;GACrC;EACF;CACF;AACF;AAoCA,SAAgBK,EACd,GACc;CAqBd,OApBIC,EAAQ,WACH;EACL5B,EAAoB;EAOpBE,EAAkB0B,EAAQ,eAAeA,EAAQ,aAAa;EAC9DC,EAAM;GACJ,SAASD,EAAQ;GACjB,UAAU;GACV,WAAW;EACb,CAAC;EACDE,EAAK;EACLC,EAAsB;CACxB,IAGK;EACLC,EAAO,CAAC;EACRC,EAAK;EACLJ,EAAM,EAAE,SAASD,EAAQ,iBAAiB,CAAC;EAC3C5B,EAAoB;EACpBkC,EAAK;GACH,SAASN,EAAQ;GACjB,MAAM,EAAE,sBAAmB;IACzB,EAAQ,wBAAwBO,CAAe;GACjD;EACF,CAAC;EACDL,EAAK;EACLC,EAAsB;CACxB;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectContent.js","names":[],"sources":["../../../../src/components/select/SelectContent/useSelectContent.ts"],"sourcesContent":["import { createSignal, createMemo, createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, type Positioner } from \"~/lib\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport { createSelectMiddleware } from \"./SelectContent.utils\";\nimport type { SelectContentProps } from \"./SelectContent.types\";\n\nexport interface UseSelectContentResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  pos: Positioner;\n  /**\n   * 面板应该用的最大高度：有选中值时，直接读 alignSelectedItem 自己算好的\n   * panelHeight（不经过 size 中间件）；没有选中值（占位符状态、走贴边下拉）\n   * 时，用 size 中间件算出来的可用空间。两种场景用的是不同的高度来源，\n   * 统一在这里合并成一个对外的值，展示层不需要关心具体走的是哪一个。\n   */\n  maxHeight: () => number | undefined;\n  /** 综合了 open 状态 + hide 中间件的 referenceHidden 判断 */\n  isVisible: () => boolean;\n  /**\n   * 兼容字段：SelectContent 现在关闭时不再卸载 Portal（为了保住 ctx.items 的\n   * 注册信息），因此 mounted 已不再被展示层用来控制 <Show>。该值目前等价于\n   * isVisible，保留只是为了不破坏已导出的 useSelectContent 返回类型。\n   */\n  mounted: () => boolean;\n  /** 驱动 data-state 的状态，打开时比 isVisible 晚一帧，给\"选中项对齐\"这类\n   * 需要先读到子元素（选项）才能算准位置的定位策略留出时间。 */\n  animationState: () => \"open\" | \"closed\";\n  contentElement: () => HTMLElement | undefined;\n  setContentElement: (el: HTMLElement) => void;\n}\n\nexport function useSelectContent(\n  props: () => SelectContentProps,\n): UseSelectContentResult {\n  const ctx = useSelectContext(\"SelectContent\");\n  const [contentElement, setContentElement] = createSignal<HTMLElement>();\n  const [fallbackMaxHeight, setFallbackMaxHeight] = createSignal<number>();\n\n  const hasValue = createMemo(() => ctx.value() != null);\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () => props().placement ?? \"bottom-start\",\n    strategy: \"fixed\",\n    middleware: () =>\n      createSelectMiddleware({\n        hasValue: hasValue(),\n        selectedValue: ctx.value,\n        scrollElement: contentElement,\n        placement: props().placement ?? \"bottom-start\",\n        collisionPadding: props().collisionPadding ?? 8,\n        onAvailableHeightChange: (availableHeight) => {\n          setFallbackMaxHeight(Math.max(availableHeight, 120));\n        },\n      }),\n  });\n\n  const maxHeight = createMemo(() => {\n    if (hasValue()) {\n      const panelHeight = pos.middlewareData().itemAlign?.panelHeight as\n        | number\n        | undefined;\n      return panelHeight !== undefined ? Math.max(panelHeight, 120) : undefined;\n    }\n    return fallbackMaxHeight();\n  });\n\n  const isVisible = createMemo(\n    () => ctx.open() && !pos.middlewareData().hide?.referenceHidden,\n  );\n\n  // SelectContent 关闭时也不会卸载（为了保住 ctx.items 的注册信息），因此\n  // createPositioner 不会像 Tooltip/Popover 那样在每次打开时重新创建并自动\n  // 算一次位置。这里在每次打开时显式重新计算一次，修复“触发器第一次打开后\n  // 因外部布局变化移动了位置，第二次打开时面板还停留在旧坐标”的问题。\n  createEffect(() => {\n    if (ctx.open()) {\n      pos.update();\n    }\n  });\n\n  // --- 打开时延迟一帧再触发动画 class ---\n  // \"选中项对齐\"策略要读子元素（SelectItem 渲染出来的 <li data-value>）才能\n  // 算出正确的位置，如果动画在这次定位算完之前就开始播放，面板会在动画播到\n  // 一半时才\"跳\"到正确位置——等一帧，给这次定位计算留出时间（细节和\n  // production-tooltip 里箭头位置的处理是同一个道理）。\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  createEffect(() => {\n    if (isVisible()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      setAnimationState(\"closed\");\n    }\n  });\n\n  // SelectContent 关闭时不再卸载子节点（否则 ctx.items 会被清空，SelectValue\n  // 读不到 label），因此 mounted 已经没有\"延迟卸载/立即卸载\"的语义，直接跟\n  // isVisible 保持一致即可。保留该字段只是为了兼容已导出的 useSelectContent\n  // 返回类型；新的展示层逻辑一律使用 isVisible。\n  const mounted = isVisible;\n\n  return {\n    ctx,\n    pos,\n    maxHeight,\n    isVisible,\n    mounted,\n    animationState,\n    contentElement,\n    setContentElement,\n  };\n}\n"],"mappings":";;;;;AA+BA,SAAgB,EACd,GACwB;CACxB,IAAM,IAAM,EAAiB,eAAe,GACtC,CAAC,GAAgB,KAAqB,EAA0B,GAChE,CAAC,GAAmB,KAAwB,EAAqB,GAEjE,IAAW,QAAiB,EAAI,MAAM,KAAK,IAAI,GAE/C,IAAM,EAAiB,EAAI,WAAW,EAAI,UAAU;EACxD,iBAAiB,EAAM,CAAC,CAAC,aAAa;EACtC,UAAU;EACV,kBACE,EAAuB;GACrB,UAAU,EAAS;GACnB,eAAe,EAAI;GACnB,eAAe;GACf,WAAW,EAAM,CAAC,CAAC,aAAa;GAChC,kBAAkB,EAAM,CAAC,CAAC,oBAAoB;GAC9C,0BAA0B,MAAoB;IAC5C,EAAqB,KAAK,IAAI,GAAiB,GAAG,CAAC;GACrD;EACF,CAAC;CACL,CAAC,GAEK,IAAY,QAAiB;EACjC,IAAI,EAAS,GAAG;GACd,IAAM,IAAc,EAAI,eAAe,CAAC,CAAC,WAAW;GAGpD,OAAO,MAAgB,KAAA,IAAyC,KAAA,IAA7B,KAAK,IAAI,GAAa,GAAG;EAC9D;EACA,OAAO,EAAkB;CAC3B,CAAC,GAEK,IAAY,QACV,EAAI,KAAK,KAAK,CAAC,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD;CAMA,QAAmB;EACjB,AAAI,EAAI,KAAK,KACX,EAAI,OAAO;CAEf,CAAC;CAOD,IAAM,CAAC,GAAgB,KAAqB,EAC1C,QACF;CAiBA,OAfA,QAAmB;EACjB,IAAI,EAAU,GAAG;GACf,IAAM,IAAM,4BAA4B,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqB,CAAG,CAAC;EAC3C,OACE,EAAkB,QAAQ;CAE9B,CAAC,GAQM;EACL;EACA;EACA;EACA;EACA,SAAA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"useSelectContent.js","names":["useSelectContent","ctx","useSelectContext","contentElement","setContentElement","createSignal","fallbackMaxHeight","setFallbackMaxHeight","hasValue","createMemo","pos","createPositioner","props","createSelectMiddleware","availableHeight","maxHeight","panelHeight","isVisible","animationState","setAnimationState","createEffect","raf"],"sources":["../../../../src/components/select/SelectContent/useSelectContent.ts"],"sourcesContent":["import { createSignal, createMemo, createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, type Positioner } from \"~/lib\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport { createSelectMiddleware } from \"./SelectContent.utils\";\nimport type { SelectContentProps } from \"./SelectContent.types\";\n\nexport interface UseSelectContentResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  pos: Positioner;\n  /**\n   * 面板应该用的最大高度：有选中值时，直接读 alignSelectedItem 自己算好的\n   * panelHeight（不经过 size 中间件）；没有选中值（占位符状态、走贴边下拉）\n   * 时，用 size 中间件算出来的可用空间。两种场景用的是不同的高度来源，\n   * 统一在这里合并成一个对外的值，展示层不需要关心具体走的是哪一个。\n   */\n  maxHeight: () => number | undefined;\n  /** 综合了 open 状态 + hide 中间件的 referenceHidden 判断 */\n  isVisible: () => boolean;\n  /**\n   * 兼容字段：SelectContent 现在关闭时不再卸载 Portal（为了保住 ctx.items 的\n   * 注册信息），因此 mounted 已不再被展示层用来控制 <Show>。该值目前等价于\n   * isVisible，保留只是为了不破坏已导出的 useSelectContent 返回类型。\n   */\n  mounted: () => boolean;\n  /** 驱动 data-state 的状态，打开时比 isVisible 晚一帧，给\"选中项对齐\"这类\n   * 需要先读到子元素（选项）才能算准位置的定位策略留出时间。 */\n  animationState: () => \"open\" | \"closed\";\n  contentElement: () => HTMLElement | undefined;\n  setContentElement: (el: HTMLElement) => void;\n}\n\nexport function useSelectContent(\n  props: () => SelectContentProps,\n): UseSelectContentResult {\n  const ctx = useSelectContext(\"SelectContent\");\n  const [contentElement, setContentElement] = createSignal<HTMLElement>();\n  const [fallbackMaxHeight, setFallbackMaxHeight] = createSignal<number>();\n\n  const hasValue = createMemo(() => ctx.value() != null);\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () => props().placement ?? \"bottom-start\",\n    strategy: \"fixed\",\n    middleware: () =>\n      createSelectMiddleware({\n        hasValue: hasValue(),\n        selectedValue: ctx.value,\n        scrollElement: contentElement,\n        placement: props().placement ?? \"bottom-start\",\n        collisionPadding: props().collisionPadding ?? 8,\n        onAvailableHeightChange: (availableHeight) => {\n          setFallbackMaxHeight(Math.max(availableHeight, 120));\n        },\n      }),\n  });\n\n  const maxHeight = createMemo(() => {\n    if (hasValue()) {\n      const panelHeight = pos.middlewareData().itemAlign?.panelHeight as\n        | number\n        | undefined;\n      return panelHeight !== undefined ? Math.max(panelHeight, 120) : undefined;\n    }\n    return fallbackMaxHeight();\n  });\n\n  const isVisible = createMemo(\n    () => ctx.open() && !pos.middlewareData().hide?.referenceHidden,\n  );\n\n  // SelectContent 关闭时也不会卸载（为了保住 ctx.items 的注册信息），因此\n  // createPositioner 不会像 Tooltip/Popover 那样在每次打开时重新创建并自动\n  // 算一次位置。这里在每次打开时显式重新计算一次，修复“触发器第一次打开后\n  // 因外部布局变化移动了位置，第二次打开时面板还停留在旧坐标”的问题。\n  createEffect(() => {\n    if (ctx.open()) {\n      pos.update();\n    }\n  });\n\n  // --- 打开时延迟一帧再触发动画 class ---\n  // \"选中项对齐\"策略要读子元素（SelectItem 渲染出来的 <li data-value>）才能\n  // 算出正确的位置，如果动画在这次定位算完之前就开始播放，面板会在动画播到\n  // 一半时才\"跳\"到正确位置——等一帧，给这次定位计算留出时间（细节和\n  // production-tooltip 里箭头位置的处理是同一个道理）。\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  createEffect(() => {\n    if (isVisible()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      setAnimationState(\"closed\");\n    }\n  });\n\n  // SelectContent 关闭时不再卸载子节点（否则 ctx.items 会被清空，SelectValue\n  // 读不到 label），因此 mounted 已经没有\"延迟卸载/立即卸载\"的语义，直接跟\n  // isVisible 保持一致即可。保留该字段只是为了兼容已导出的 useSelectContent\n  // 返回类型；新的展示层逻辑一律使用 isVisible。\n  const mounted = isVisible;\n\n  return {\n    ctx,\n    pos,\n    maxHeight,\n    isVisible,\n    mounted,\n    animationState,\n    contentElement,\n    setContentElement,\n  };\n}\n"],"mappings":";;;;;AA+BA,SAAgBA,EACd,GACwB;CACxB,IAAMC,IAAMC,EAAiB,eAAe,GACtC,CAACC,GAAgBC,KAAqBC,EAA0B,GAChE,CAACC,GAAmBC,KAAwBF,EAAqB,GAEjEG,IAAWC,QAAiBR,EAAI,MAAM,KAAK,IAAI,GAE/CS,IAAMC,EAAiBV,EAAI,WAAWA,EAAI,UAAU;EACxD,iBAAiBW,EAAM,CAAC,CAAC,aAAa;EACtC,UAAU;EACV,kBACEC,EAAuB;GACrB,UAAUL,EAAS;GACnB,eAAeP,EAAI;GACnB,eAAeE;GACf,WAAWS,EAAM,CAAC,CAAC,aAAa;GAChC,kBAAkBA,EAAM,CAAC,CAAC,oBAAoB;GAC9C,0BAA0B,MAAoB;IAC5C,EAAqB,KAAK,IAAIE,GAAiB,GAAG,CAAC;GACrD;EACF,CAAC;CACL,CAAC,GAEKC,IAAYN,QAAiB;EACjC,IAAID,EAAS,GAAG;GACd,IAAMQ,IAAcN,EAAI,eAAe,CAAC,CAAC,WAAW;GAGpD,OAAOM,MAAgB,KAAA,IAAyC,KAAA,IAA7B,KAAK,IAAIA,GAAa,GAAG;EAC9D;EACA,OAAOV,EAAkB;CAC3B,CAAC,GAEKW,IAAYR,QACVR,EAAI,KAAK,KAAK,CAACS,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD;CAMA,QAAmB;EACjB,AAAIT,EAAI,KAAK,KACXS,EAAI,OAAO;CAEf,CAAC;CAOD,IAAM,CAACQ,GAAgBC,KAAqBd,EAC1C,QACF;CAiBA,OAfAe,QAAmB;EACjB,IAAIH,EAAU,GAAG;GACf,IAAMI,IAAM,4BAA4BF,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqBE,CAAG,CAAC;EAC3C,OACE,EAAkB,QAAQ;CAE9B,CAAC,GAQM;EACL;EACA;EACA;EACA;EACA,SAAAJ;EACA;EACA;EACA;CACF;AACF"}

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

@@ -1,2 +1,2 @@
 import { ParentProps } from 'solid-js';
-export declare function SelectGroup(props: ParentProps): import("solid-js").JSX.Element;
+export declare function SelectGroup(props: ParentProps): import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectGroup.js","names":["ParentProps","SelectGroup","props","_el$","_tmpl$","_$insert","children"],"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":["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"}

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

@@ -1,2 +1,2 @@
 import { SelectItemProps } from './SelectItem.types';
-export declare function SelectItem(props: SelectItemProps): import("solid-js").JSX.Element;
+export declare function SelectItem(props: SelectItemProps): import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":["Show","splitProps","onCleanup","useSelectItem","SelectItemProps","clsx","Check","SelectItem","props","isSelected","isActive","select","onMouseEnter","local","rest","attachListeners","el","HTMLDivElement","handleClick","handleMouseEnter","addEventListener","removeEventListener","_el$","_tmpl$","_el$2","firstChild","_$use","_$spread","_$mergeProps","tabIndex","data-value","String","value","aria-selected","aria-disabled","disabled","class","_$insert","children","label","_$createComponent","when","size"],"sources":["../../../../src/components/select/SelectItem/SelectItem.tsx"],"sourcesContent":["import { Show, splitProps, onCleanup } from \"solid-js\";\nimport { useSelectItem } from \"./useSelectItem\";\nimport type { SelectItemProps } from \"./SelectItem.types\";\nimport { clsx } from \"~/utils\";\nimport { Check } from \"lucide-solid\";\n\nexport function SelectItem(props: SelectItemProps) {\n  const { isSelected, isActive, select, onMouseEnter } = useSelectItem(\n    () => props,\n  );\n\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"label\",\n    \"disabled\",\n    \"class\",\n    \"children\",\n  ]);\n\n  // click/mouseenter 走 addEventListener（不是 JSX onClick），和 SelectTrigger\n  // 是同一套约定，不占用 onXxx prop 名，调用方自己传的 onClick 不会被覆盖。\n  const attachListeners = (el: HTMLDivElement) => {\n    const handleClick = () => select();\n    const handleMouseEnter = () => onMouseEnter();\n    el.addEventListener(\"click\", handleClick);\n    el.addEventListener(\"mouseenter\", handleMouseEnter);\n    onCleanup(() => {\n      el.removeEventListener(\"click\", handleClick);\n      el.removeEventListener(\"mouseenter\", handleMouseEnter);\n    });\n  };\n\n  return (\n    <div\n      ref={attachListeners}\n      role=\"option\"\n      tabIndex={isSelected() ? 0 : -1}\n      data-value={String(local.value)}\n      aria-selected={isSelected()}\n      aria-disabled={local.disabled}\n      class={clsx(\n        \"relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-2 pr-6 text-sm outline-none\",\n        isActive() && \"bg-neutral-100 dark:bg-neutral-800\",\n        local.disabled && \"pointer-events-none opacity-50\",\n        local.class,\n      )}\n      {...rest}\n    >\n      {local.children ?? local.label ?? local.value}\n      <span class=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <Show when={isSelected()}>\n          <Check size={14} />\n        </Show>\n      </span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgBO,EAAWC,GAAwB;CACjD,IAAM,EAAEC,eAAYC,aAAUC,WAAQC,oBAAiBT,QAC/CK,CACR,GAEM,CAACK,GAAOC,KAAQb,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX,GAIKO,KAAmBC,MAAuB;EAC9C,IAAME,UAAoBP,EAAO,GAC3BQ,UAAyBP,EAAa;EAG5CV,AAFAc,EAAGI,iBAAiB,SAASF,CAAW,GACxCF,EAAGI,iBAAiB,cAAcD,CAAgB,GAClDjB,QAAgB;GAEdc,AADAA,EAAGK,oBAAoB,SAASH,CAAW,GAC3CF,EAAGK,oBAAoB,cAAcF,CAAgB;EACvD,CAAC;CACH;CAEA,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAmBuB,OAnBvBC,EAESX,GAAeO,CAAA,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAEpBC,WAAQ;IAAA,OAAEpB,EAAW,IAAI,IAAI;GAAE;GAAA,IAAA,eAAA;IAAA,OACnBsB,OAAOlB,EAAMmB,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OAChBvB,EAAW;GAAC;GAAA,IAAA,kBAAA;IAAA,OACZI,EAAMsB;GAAQ;GAAA,IAAA,QAAA;IAAA,OACtB9B,EACL,0GACAK,EAAS,KAAK,sCACdG,EAAMsB,YAAY,kCAClBtB,EAAMuB,KACR;GAAC;EAAA,GACGtB,CAAI,GAAA,IAAA,EAAA,GAAAuB,EAAAf,SAEPT,EAAMyB,YAAYzB,EAAM0B,SAAS1B,EAAMmB,OAAKR,CAAA,GAAAa,EAAAb,GAAAgB,EAE1CxC,GAAI;GAAA,IAACyC,OAAI;IAAA,OAAEhC,EAAW;GAAC;GAAA,IAAA6B,WAAA;IAAA,OAAAE,EACrBlC,GAAK,EAACoC,MAAM,GAAE,CAAA;GAAA;EAAA,CAAA,CAAA,GAAApB;CAAA,EAAA,CAAA;AAKzB"}
+{"version":3,"file":"SelectItem.js","names":["Show","splitProps","onCleanup","useSelectItem","SelectItemProps","clsx","Check","SelectItem","props","isSelected","isActive","select","onMouseEnter","local","rest","attachListeners","el","HTMLDivElement","handleClick","handleMouseEnter","addEventListener","removeEventListener","_el$","_tmpl$","_el$2","firstChild","_$use","_$spread","_$mergeProps","tabIndex","data-value","String","value","aria-selected","aria-disabled","disabled","class","_$insert","children","label","_$createComponent","when","size","_$mergeProps","_$createComponent","_tmpl$","SelectItem","useSelectItem","props","local","rest","splitProps","attachListeners","handleClick","select","handleMouseEnter","onMouseEnter","el","onCleanup","_el$","_el$2","use","spread","mergeProps","isSelected","\"class\"","clsx","isActive","insert","createComponent","Show","Check"],"sources":["../../../../src/components/select/SelectItem/SelectItem.tsx"],"sourcesContent":["import { Show, splitProps, onCleanup } from \"solid-js\";\nimport { useSelectItem } from \"./useSelectItem\";\nimport type { SelectItemProps } from \"./SelectItem.types\";\nimport { clsx } from \"~/utils\";\nimport { Check } from \"lucide-solid\";\n\nexport function SelectItem(props: SelectItemProps) {\n  const { isSelected, isActive, select, onMouseEnter } = useSelectItem(\n    () => props,\n  );\n\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"label\",\n    \"disabled\",\n    \"class\",\n    \"children\",\n  ]);\n\n  // click/mouseenter 走 addEventListener（不是 JSX onClick），和 SelectTrigger\n  // 是同一套约定，不占用 onXxx prop 名，调用方自己传的 onClick 不会被覆盖。\n  const attachListeners = (el: HTMLDivElement) => {\n    const handleClick = () => select();\n    const handleMouseEnter = () => onMouseEnter();\n    el.addEventListener(\"click\", handleClick);\n    el.addEventListener(\"mouseenter\", handleMouseEnter);\n    onCleanup(() => {\n      el.removeEventListener(\"click\", handleClick);\n      el.removeEventListener(\"mouseenter\", handleMouseEnter);\n    });\n  };\n\n  return (\n    <div\n      ref={attachListeners}\n      role=\"option\"\n      tabIndex={isSelected() ? 0 : -1}\n      data-value={String(local.value)}\n      aria-selected={isSelected()}\n      aria-disabled={local.disabled}\n      class={clsx(\n        \"relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-2 pr-6 text-sm outline-none\",\n        isActive() && \"bg-neutral-100 dark:bg-neutral-800\",\n        local.disabled && \"pointer-events-none opacity-50\",\n        local.class,\n      )}\n      {...rest}\n    >\n      {local.children ?? local.label ?? local.value}\n      <span class=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <Show when={isSelected()}>\n          <Check size={14} />\n        </Show>\n      </span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgBO,EAAWC,GAAwB;CACjD,IAAM,EAAEC,eAAYC,aAAUC,WAAQC,oBAAiBT,QAC/CK,CACR,GAEM,CAACK,GAAOC,KAAQb,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX,GAIKO,KAAmBC,MAAuB;EAC9C,IAAME,UAAoBP,EAAO,GAC3BQ,UAAyBP,EAAa;EAG5CV,AAFAc,EAAGI,iBAAiB,SAASF,CAAW,GACxCF,EAAGI,iBAAiB,cAAcD,CAAgB,GAClDjB,QAAgB;GAEdc,AADAA,EAAGK,oBAAoB,SAASH,CAAW,GAC3CF,EAAGK,oBAAoB,cAAcF,CAAgB;EACvD,CAAC;CACH;CAEA,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAmBuB,OAnBvBC,EAESX,GAAeO,CAAA,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAEpBC,WAAQ;IAAA,OAAEpB,EAAW,IAAI,IAAI;GAAE;GAAA,IAAA,eAAA;IAAA,OACnBsB,OAAOlB,EAAMmB,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OAChBvB,EAAW;GAAC;GAAA,IAAA,kBAAA;IAAA,OACZI,EAAMsB;GAAQ;GAAA,IAAA8B,QAAA;IAAA,OACtB5D,EACL,0GACAK,EAAS,KAAK,sCACdG,EAAMsB,YAAY,kCAClBtB,EAAMuB,KACR;GAAC;EAAA,GACGtB,CAAI,GAAA,IAAA,EAAA,GAAAuB,EAAAf,SAEPT,EAAMyB,YAAYzB,EAAM0B,SAAS1B,EAAMmB,OAAKR,CAAA,GAAAa,EAAAb,GAAAgB,EAE1CxC,GAAI;GAAA,IAACyC,OAAI;IAAA,OAAEhC,EAAW;GAAC;GAAA,IAAA6B,WAAA;IAAA,OAAAE,EACrBlC,GAAK,EAACoC,MAAM,GAAE,CAAA;GAAA;EAAA,CAAA,CAAA,GAAApB;CAAA,EAAA,CAAA;AAKzB"}

package/dist/components/select/SelectItem/useSelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectItem.js","names":[],"sources":["../../../../src/components/select/SelectItem/useSelectItem.ts"],"sourcesContent":["import { onMount, onCleanup, createMemo } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectItemProps } from \"./SelectItem.types\";\nimport type { SelectOptionValue } from \"../Select/Select.types\";\n\nexport interface UseSelectItemResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  label: () => string;\n  isSelected: () => boolean;\n  isActive: () => boolean;\n  select: () => void;\n  onMouseEnter: () => void;\n}\n\nexport function useSelectItem<T extends SelectOptionValue = SelectOptionValue>(\n  props: () => SelectItemProps<T>,\n): UseSelectItemResult {\n  const ctx = useSelectContext(\"SelectItem\");\n\n  const label = () => {\n    const p = props();\n    if (p.label) return p.label;\n    return typeof p.children === \"string\" ? p.children : String(p.value);\n  };\n\n  onMount(() => {\n    const p = props();\n    const unregister = ctx.registerItem({\n      value: p.value,\n      label: label(),\n      disabled: p.disabled,\n    });\n    onCleanup(unregister);\n  });\n\n  const isSelected = createMemo(() => ctx.value() === props().value);\n  const isActive = createMemo(() => ctx.activeValue() === props().value);\n\n  const select = () => {\n    if (props().disabled) return;\n    ctx.selectValue(props().value);\n  };\n\n  const onMouseEnter = () => {\n    if (!props().disabled) ctx.setActiveValue(props().value);\n  };\n\n  return { ctx, label, isSelected, isActive, select, onMouseEnter };\n}\n"],"mappings":";;;AAcA,SAAgB,EACd,GACqB;CACrB,IAAM,IAAM,EAAiB,YAAY,GAEnC,UAAc;EAClB,IAAM,IAAI,EAAM;EAEhB,OADI,EAAE,QAAc,EAAE,QACf,OAAO,EAAE,YAAa,WAAW,EAAE,WAAW,OAAO,EAAE,KAAK;CACrE;CAwBA,OAtBA,QAAc;EACZ,IAAM,IAAI,EAAM,GACV,IAAa,EAAI,aAAa;GAClC,OAAO,EAAE;GACT,OAAO,EAAM;GACb,UAAU,EAAE;EACd,CAAC;EACD,EAAU,CAAU;CACtB,CAAC,GAcM;EAAE;EAAK;EAAO,YAZF,QAAiB,EAAI,MAAM,MAAM,EAAM,CAAC,CAAC,KAYvC;EAAY,UAXhB,QAAiB,EAAI,YAAY,MAAM,EAAM,CAAC,CAAC,KAW/B;EAAU,cATtB;GACf,EAAM,CAAC,CAAC,YACZ,EAAI,YAAY,EAAM,CAAC,CAAC,KAAK;EAC/B;EAMmD,oBAJxB;GACzB,AAAK,EAAM,CAAC,CAAC,YAAU,EAAI,eAAe,EAAM,CAAC,CAAC,KAAK;EACzD;CAEgE;AAClE"}
+{"version":3,"file":"useSelectItem.js","names":["useSelectItem","ctx","useSelectContext","label","p","props","onMount","unregister","createMemo"],"sources":["../../../../src/components/select/SelectItem/useSelectItem.ts"],"sourcesContent":["import { onMount, onCleanup, createMemo } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectItemProps } from \"./SelectItem.types\";\nimport type { SelectOptionValue } from \"../Select/Select.types\";\n\nexport interface UseSelectItemResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  label: () => string;\n  isSelected: () => boolean;\n  isActive: () => boolean;\n  select: () => void;\n  onMouseEnter: () => void;\n}\n\nexport function useSelectItem<T extends SelectOptionValue = SelectOptionValue>(\n  props: () => SelectItemProps<T>,\n): UseSelectItemResult {\n  const ctx = useSelectContext(\"SelectItem\");\n\n  const label = () => {\n    const p = props();\n    if (p.label) return p.label;\n    return typeof p.children === \"string\" ? p.children : String(p.value);\n  };\n\n  onMount(() => {\n    const p = props();\n    const unregister = ctx.registerItem({\n      value: p.value,\n      label: label(),\n      disabled: p.disabled,\n    });\n    onCleanup(unregister);\n  });\n\n  const isSelected = createMemo(() => ctx.value() === props().value);\n  const isActive = createMemo(() => ctx.activeValue() === props().value);\n\n  const select = () => {\n    if (props().disabled) return;\n    ctx.selectValue(props().value);\n  };\n\n  const onMouseEnter = () => {\n    if (!props().disabled) ctx.setActiveValue(props().value);\n  };\n\n  return { ctx, label, isSelected, isActive, select, onMouseEnter };\n}\n"],"mappings":";;;AAcA,SAAgBA,EACd,GACqB;CACrB,IAAMC,IAAMC,EAAiB,YAAY,GAEnCC,UAAc;EAClB,IAAMC,IAAIC,EAAM;EAEhB,OADID,EAAE,QAAcA,EAAE,QACf,OAAOA,EAAE,YAAa,WAAWA,EAAE,WAAW,OAAOA,EAAE,KAAK;CACrE;CAwBA,OAtBAE,QAAc;EACZ,IAAMF,IAAIC,EAAM,GACVE,IAAaN,EAAI,aAAa;GAClC,OAAOG,EAAE;GACT,OAAOD,EAAM;GACb,UAAUC,EAAE;EACd,CAAC;EACD,EAAUG,CAAU;CACtB,CAAC,GAcM;EAAE;EAAK;EAAO,YAZFC,QAAiBP,EAAI,MAAM,MAAMI,EAAM,CAAC,CAAC,KAYvC;EAAY,UAXhBG,QAAiBP,EAAI,YAAY,MAAMI,EAAM,CAAC,CAAC,KAW/B;EAAU,cATtB;GACnB,AAAIA,EAAM,CAAC,CAAC,YACZJ,EAAI,YAAYI,EAAM,CAAC,CAAC,KAAK;EAC/B;EAMmD,oBAJxB;GACzB,AAAKA,EAAM,CAAC,CAAC,YAAUJ,EAAI,eAAeI,EAAM,CAAC,CAAC,KAAK;EACzD;CAEgE;AAClE"}

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

@@ -1,2 +1,2 @@
 import { LabelProps } from '../../label';
-export declare function SelectLabel(props: LabelProps): import("solid-js").JSX.Element;
+export declare function SelectLabel(props: LabelProps): import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectLabel.js","names":["Label","LabelProps","clsx","SelectLabel","props","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/select/SelectLabel/SelectLabel.tsx"],"sourcesContent":["import { Label, type LabelProps } from \"~/components/label\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectLabel(props: LabelProps) {\n  return (\n    <Label\n      {...props}\n      class={clsx(\n        \"px-2 py-1.5 text-xs font-medium text-neutral-500\",\n        props.class,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBG,EAAYC,GAAmB;CAC7C,OAAAC,EACGL,GAAKM,EACAF,GAAK,EAAA,IAAA,QAAA;EAAA,OACFF,EACL,oDACAE,EAAMG,KACR;CAAC,EAAA,CAAA,CAAA;AAGP"}
+{"version":3,"file":"SelectLabel.js","names":["Label","LabelProps","clsx","SelectLabel","props","_$createComponent","_$mergeProps","class","_$createComponent","_$mergeProps","SelectLabel","createComponent","Label","mergeProps","props","\"class\"","clsx"],"sources":["../../../../src/components/select/SelectLabel/SelectLabel.tsx"],"sourcesContent":["import { Label, type LabelProps } from \"~/components/label\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectLabel(props: LabelProps) {\n  return (\n    <Label\n      {...props}\n      class={clsx(\n        \"px-2 py-1.5 text-xs font-medium text-neutral-500\",\n        props.class,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBG,EAAYC,GAAmB;CAC7C,OAAAC,EACGL,GAAKM,EACAF,GAAK,EAAA,IAAAW,QAAA;EAAA,OACFb,EACL,oDACAE,EAAMG,KACR;CAAC,EAAA,CAAA,CAAA;AAGP"}

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

@@ -1,2 +1,2 @@
 import { SeparatorProps } from '../../separator';
-export declare function SelectSeparator(props: SeparatorProps): import("solid-js").JSX.Element;
+export declare function SelectSeparator(props: SeparatorProps): import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectSeparator.js","names":["Separator","SeparatorProps","clsx","SelectSeparator","props","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/select/SelectSeparator/SelectSeparator.tsx"],"sourcesContent":["import { Separator, type SeparatorProps } from \"~/components/separator\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectSeparator(props: SeparatorProps) {\n  return <Separator {...props} class={clsx(\"my-1\", props.class)} />;\n}\n"],"mappings":";;;;AAGA,SAAgBG,EAAgBC,GAAuB;CACrD,OAAAC,EAAQL,GAASM,EAAKF,GAAK,EAAA,IAAA,QAAA;EAAA,OAASF,EAAK,QAAQE,EAAMG,KAAK;CAAC,EAAA,CAAA,CAAA;AAC/D"}
+{"version":3,"file":"SelectSeparator.js","names":["Separator","SeparatorProps","clsx","SelectSeparator","props","_$createComponent","_$mergeProps","class","_$createComponent","_$mergeProps","SelectSeparator","createComponent","Separator","mergeProps","props","\"class\"","clsx"],"sources":["../../../../src/components/select/SelectSeparator/SelectSeparator.tsx"],"sourcesContent":["import { Separator, type SeparatorProps } from \"~/components/separator\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectSeparator(props: SeparatorProps) {\n  return <Separator {...props} class={clsx(\"my-1\", props.class)} />;\n}\n"],"mappings":";;;;AAGA,SAAgBG,EAAgBC,GAAuB;CACrD,OAAAC,EAAQL,GAASM,EAAKF,GAAK,EAAA,IAAAW,QAAA;EAAA,OAASb,EAAK,QAAQE,EAAMG,KAAK;CAAC,EAAA,CAAA,CAAA;AAC/D"}

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

@@ -1,4 +1,4 @@
 import { ValidComponent } from 'solid-js';
 import { SelectTriggerProps } from './SelectTrigger.types';
 import { Button } from '../../button';
-export declare const SelectTrigger: <T extends ValidComponent = typeof Button<"button">>(props: SelectTriggerProps<T>) => import("solid-js").JSX.Element;
+export declare const SelectTrigger: <T extends ValidComponent = typeof Button<"button">>(props: SelectTriggerProps<T>) => import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;GAAA,OACrC3B,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":["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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectTrigger.js","names":[],"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,SAAgB,EACd,GACwB;CACxB,IAAM,IAAM,EAAiB,eAAe,GAEtC,UAAmB,EAAI,SAAS,KAAK,CAAC,CAAC,EAAM,CAAC,CAAC,UAE/C,UAAiC;EACjC,EAAW,MACf,EAAI,eACF,EAAI,MAAM,KAAK,EAAI,MAAM,MAAM,MAAO,CAAC,EAAG,QAAQ,CAAC,EAAE,KACvD,GACA,EAAI,QAAQ,EAAI;CAClB;CAsCA,OAAO;EAAE;EAAK;EAAY,kBApCD,MAAgB;GACvC,IAAM,UAAgB;IAChB,EAAW,MACX,EAAI,KAAK,IAAG,EAAI,QAAQ,EAAK,IAC5B,EAAyB;GAChC,GAEM,KAAa,MAAa;IAC9B,IAAI,EAAW,GAAG;IAClB,IAAM,IAAgB;IAEtB,IAAI,CAAC,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAAS,EAAc,GAAG,MAEjE,EAAc,eAAe,GAC7B,EAAyB;KAE3B;IACF;IAEA,AAAI,EAAc,QAAQ,aACxB,EAAc,gBAAgB,GAC9B,EAAI,MAAM;GAEd;GAKA,AAHA,EAAG,iBAAiB,SAAS,CAAO,GACpC,EAAG,iBAAiB,WAAW,CAAS,GAExC,QAAgB;IAEd,AADA,EAAG,oBAAoB,SAAS,CAAO,GACvC,EAAG,oBAAoB,WAAW,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  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"}

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

@@ -1,2 +1,2 @@
 import { SelectValueProps } from './SelectValue.types';
-export declare function SelectValue(props: SelectValueProps): import("solid-js").JSX.Element;
+export declare function SelectValue(props: SelectValueProps): import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectValue.js","names":["createMemo","useSelectContext","SelectValueProps","clsx","SelectValue","props","ctx","label","v","value","undefined","items","find","it","_el$","_tmpl$","_$insert","placeholder","_$effect","_$className","class"],"sources":["../../../../src/components/select/SelectValue/SelectValue.tsx"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectValueProps } from \"./SelectValue.types\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectValue(props: SelectValueProps) {\n  const ctx = useSelectContext(\"SelectValue\");\n\n  const label = createMemo(() => {\n    const v = ctx.value();\n    if (v === undefined || v === null) return undefined;\n    return ctx.items.find((it) => it.value === v)?.label ?? v;\n  });\n\n  return (\n    <span class={clsx(!label() && \"text-neutral-500\", props.class)}>\n      {label() ?? props.placeholder ?? \"\"}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgBI,EAAYC,GAAyB;CACnD,IAAMC,IAAML,EAAiB,aAAa,GAEpCM,IAAQP,QAAiB;EAC7B,IAAMQ,IAAIF,EAAIG,MAAM;EAChBD,SAAyB,MAC7B,OAAOF,EAAIK,MAAMC,MAAMC,MAAOA,EAAGJ,UAAUD,CAAC,CAAC,EAAED,SAASC;CAC1D,CAAC;CAED,cAAA;EAAA,IAAAM,IAAAC,EAAA;EACgE,OADhEC,EAAAF,SAEKP,EAAM,KAAKF,EAAMY,eAAe,EAAE,GAAAC,QAAAC,EAAAL,GADxBX,EAAK,CAACI,EAAM,KAAK,oBAAoBF,EAAMe,KAAK,CAAC,CAAA,GAAAN;CAAA,EAAA,CAAA;AAIlE"}
+{"version":3,"file":"SelectValue.js","names":["createMemo","useSelectContext","SelectValueProps","clsx","SelectValue","props","ctx","label","v","value","undefined","items","find","it","_el$","_tmpl$","_$insert","placeholder","_$effect","_$className","class","_$className","_tmpl$","SelectValue","ctx","useSelectContext","label","createMemo","v","it","_el$","insert","props","effect","className","clsx"],"sources":["../../../../src/components/select/SelectValue/SelectValue.tsx"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectValueProps } from \"./SelectValue.types\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectValue(props: SelectValueProps) {\n  const ctx = useSelectContext(\"SelectValue\");\n\n  const label = createMemo(() => {\n    const v = ctx.value();\n    if (v === undefined || v === null) return undefined;\n    return ctx.items.find((it) => it.value === v)?.label ?? v;\n  });\n\n  return (\n    <span class={clsx(!label() && \"text-neutral-500\", props.class)}>\n      {label() ?? props.placeholder ?? \"\"}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgBI,EAAYC,GAAyB;CACnD,IAAMC,IAAML,EAAiB,aAAa,GAEpCM,IAAQP,QAAiB;EAC7B,IAAMQ,IAAIF,EAAIG,MAAM;EACpB,IAAID,KAAyB,MAC7B,OAAOF,EAAIK,MAAMC,MAAMC,MAAOA,EAAGJ,UAAUD,CAAC,CAAC,EAAED,SAASC;CAC1D,CAAC;CAED,cAAA;EAAA,IAAAM,IAAAC,EAAA;EACgE,OADhEC,EAAAF,SAEKP,EAAM,KAAKF,EAAMY,eAAe,EAAE,GAAAC,QAAAC,EAAAL,GADxBX,EAAK,CAACI,EAAM,KAAK,oBAAoBF,EAAMe,KAAK,CAAC,CAAA,GAAAN;CAAA,EAAA,CAAA;AAIlE"}

package/dist/components/separator/Separator.d.ts

@@ -1,2 +1,2 @@
 import { SeparatorProps } from './Separator.types';
-export declare const Separator: (props: SeparatorProps) => import("solid-js").JSX.Element;
+export declare const Separator: (props: SeparatorProps) => import('solid-js').JSX.Element;