@neut/ui 0.0.12 → 0.0.14

package/dist/components/popover/PopoverHeader/PopoverHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverHeader.js","names":["splitProps","ComponentProps","clsx","PopoverHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/popover/PopoverHeader/PopoverHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ComponentProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function PopoverHeader(props: ComponentProps<\"div\">) {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <div\n      data-slot=\"popover-header\"\n      class={clsx(\"flex flex-col gap-0.5 text-sm\", local.class)}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EAAK,iCAAiCG,EAAMM,KAAK;EAAC,EAAA,GACrDL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/popover/PopoverHeader/index.d.ts

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

package/dist/components/popover/PopoverTitle/PopoverTitle.d.ts

@@ -0,0 +1,2 @@
+import { ComponentProps } from 'solid-js';
+export declare function PopoverTitle(props: ComponentProps<"div">): import("solid-js").JSX.Element;

package/dist/components/popover/PopoverTitle/PopoverTitle.js

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/popover/PopoverTitle/PopoverTitle.tsx
+var a = /*#__PURE__*/ r("<div data-slot=popover-title>");
+function o(r) {
+	let [o, s] = i(r, ["class"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("font-medium", o.class);
+		} }, s), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as PopoverTitle };
+
+//# sourceMappingURL=PopoverTitle.js.map

package/dist/components/popover/PopoverTitle/PopoverTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTitle.js","names":["splitProps","ComponentProps","clsx","PopoverTitle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/popover/PopoverTitle/PopoverTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ComponentProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function PopoverTitle(props: ComponentProps<\"div\">) {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <div\n      data-slot=\"popover-title\"\n      class={clsx(\"font-medium\", local.class)}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAaC,GAA8B;CACzD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EAAK,eAAeG,EAAMM,KAAK;EAAC,EAAA,GACnCL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/popover/PopoverTitle/index.d.ts

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

package/dist/components/popover/PopoverTrigger/PopoverTrigger.d.ts

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

package/dist/components/popover/PopoverTrigger/PopoverTrigger.js

@@ -0,0 +1,35 @@
+import { mergeRefs as e } from "../../../utils/ref.js";
+import { Button as t } from "../../button/Button.js";
+import { usePopoverTrigger as n } from "./usePopoverTrigger.js";
+import { Dynamic as r, createComponent as i, memo as a, mergeProps as o } from "solid-js/web";
+//#region src/components/popover/PopoverTrigger/PopoverTrigger.tsx
+var s = (s) => {
+	let { ctx: c, isDisabled: l, attachListeners: u } = n(() => s);
+	return i(r, o(s, {
+		get component() {
+			return s.component ?? t;
+		},
+		ref(t) {
+			var n = e(c.setReference, s.ref, u);
+			typeof n == "function" && n(t);
+		},
+		get disabled() {
+			return l();
+		},
+		"data-slot": "popover-trigger",
+		"aria-haspopup": "dialog",
+		get "aria-expanded"() {
+			return c.open();
+		},
+		get "aria-controls"() {
+			return a(() => !!c.open())() ? c.contentId : void 0;
+		},
+		get "data-state"() {
+			return c.open() ? "open" : "closed";
+		}
+	}));
+};
+//#endregion
+export { s as PopoverTrigger };
+
+//# sourceMappingURL=PopoverTrigger.js.map

package/dist/components/popover/PopoverTrigger/PopoverTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTrigger.js","names":["ValidComponent","Dynamic","Button","mergeRefs","usePopoverTrigger","PopoverTriggerProps","PopoverTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","setReference","disabled","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state"],"sources":["../../../../src/components/popover/PopoverTrigger/PopoverTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\nimport { usePopoverTrigger } from \"./usePopoverTrigger\";\nimport type { PopoverTriggerProps } from \"./PopoverTrigger.types\";\n\nexport const PopoverTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: PopoverTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = usePopoverTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      disabled={isDisabled()}\n      data-slot=\"popover-trigger\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaM,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBP,QAAwBG,CAAK;CAE1E,OAAAK,EACGX,GAAOY,EACFN,GAAK;EAAA,IACTO,YAAS;GAAA,OAAGP,EAAMO,aAAgCZ;EAAgB;EAAAa,IAAAC,GAAA;GAAA,IAAAC,IAC7Dd,EAAUM,EAAIS,cAAcX,EAAMQ,KAAKJ,CAAe;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IAC5DG,WAAQ;GAAA,OAAET,EAAW;EAAC;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGPD,EAAIY,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAd,EAAIY,KAAK,CAAC,CAAA,CAAA,IAAGZ,EAAIe,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzChB,EAAIY,KAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAGhD"}

package/dist/components/popover/PopoverTrigger/PopoverTrigger.types.d.ts

@@ -0,0 +1,3 @@
+import { ValidComponent } from 'solid-js';
+import { PolymorphicProps } from '../../../types';
+export type PopoverTriggerProps<T extends ValidComponent> = PolymorphicProps<T>;

package/dist/components/popover/PopoverTrigger/index.d.ts

@@ -0,0 +1,4 @@
+export { PopoverTrigger } from './PopoverTrigger';
+export type { PopoverTriggerProps } from './PopoverTrigger.types';
+export { usePopoverTrigger } from './usePopoverTrigger';
+export type { UsePopoverTriggerResult } from './usePopoverTrigger';

package/dist/components/popover/PopoverTrigger/usePopoverTrigger.d.ts

@@ -0,0 +1,14 @@
+import { usePopoverContext } from '../Popover/Popover.context';
+import { PopoverTriggerProps } from './PopoverTrigger.types';
+import { ValidComponent } from 'solid-js';
+export interface UsePopoverTriggerResult {
+    ctx: ReturnType<typeof usePopoverContext>;
+    isDisabled: () => boolean;
+    /**
+     * 把开关浮层相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。
+     * 使用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——
+     * 调用方自己传的 onClick 不会被覆盖。
+     */
+    attachListeners: (el: Element) => void;
+}
+export declare function usePopoverTrigger<T extends ValidComponent>(props: () => PopoverTriggerProps<T>): UsePopoverTriggerResult;

package/dist/components/popover/PopoverTrigger/usePopoverTrigger.js

@@ -0,0 +1,35 @@
+import { usePopoverContext as e } from "../Popover/Popover.context.js";
+import { onCleanup as t } from "solid-js";
+//#region src/components/popover/PopoverTrigger/usePopoverTrigger.ts
+function n(n) {
+	let r = e("PopoverTrigger"), i = () => r.disabled() || !!n().disabled;
+	return {
+		ctx: r,
+		isDisabled: i,
+		attachListeners: (e) => {
+			let n = () => {
+				i() || r.togglePopover();
+			}, a = (e) => {
+				if (i()) return;
+				let t = e;
+				if (!r.open()) {
+					[
+						"ArrowDown",
+						"ArrowUp",
+						"Enter",
+						" "
+					].includes(t.key) && (t.preventDefault(), r.openPopover());
+					return;
+				}
+				t.key === "Escape" && (t.stopPropagation(), r.closePopover());
+			};
+			e.addEventListener("click", n), e.addEventListener("keydown", a), t(() => {
+				e.removeEventListener("click", n), e.removeEventListener("keydown", a);
+			});
+		}
+	};
+}
+//#endregion
+export { n as usePopoverTrigger };
+
+//# sourceMappingURL=usePopoverTrigger.js.map

package/dist/components/popover/PopoverTrigger/usePopoverTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverTrigger.js","names":[],"sources":["../../../../src/components/popover/PopoverTrigger/usePopoverTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { usePopoverContext } from \"../Popover/Popover.context\";\nimport type { PopoverTriggerProps } from \"./PopoverTrigger.types\";\nimport type { ValidComponent } from \"solid-js\";\n\nexport interface UsePopoverTriggerResult {\n  ctx: ReturnType<typeof usePopoverContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关浮层相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 使用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方自己传的 onClick 不会被覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function usePopoverTrigger<T extends ValidComponent>(\n  props: () => PopoverTriggerProps<T>,\n): UsePopoverTriggerResult {\n  const ctx = usePopoverContext(\"PopoverTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      ctx.togglePopover();\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          ctx.openPopover();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.closePopover();\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,GACyB;CACzB,IAAM,IAAM,EAAkB,gBAAgB,GAExC,UAAmB,EAAI,SAAS,KAAK,CAAC,CAAC,EAAM,CAAC,CAAC;CAqCrD,OAAO;EAAE;EAAK;EAAY,kBAnCD,MAAgB;GACvC,IAAM,UAAgB;IAChB,EAAW,KACf,EAAI,cAAc;GACpB,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,EAAI,YAAY;KAElB;IACF;IAEA,AAAI,EAAc,QAAQ,aACxB,EAAc,gBAAgB,GAC9B,EAAI,aAAa;GAErB;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"}

package/dist/components/popover/index.d.ts

@@ -0,0 +1,9 @@
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverContextValue } from './Popover';
+export { PopoverTrigger } from './PopoverTrigger';
+export type { PopoverTriggerProps } from './PopoverTrigger';
+export { PopoverContent } from './PopoverContent';
+export type { PopoverContentProps, PopoverSide } from './PopoverContent';
+export { PopoverHeader } from './PopoverHeader';
+export { PopoverTitle } from './PopoverTitle';
+export { PopoverDescription } from './PopoverDescription';

package/dist/components/popover/index.js

@@ -0,0 +1,7 @@
+import { Popover as e } from "./Popover/Popover.js";
+import { PopoverTrigger as t } from "./PopoverTrigger/PopoverTrigger.js";
+import { PopoverContent as n } from "./PopoverContent/PopoverContent.js";
+import { PopoverHeader as r } from "./PopoverHeader/PopoverHeader.js";
+import { PopoverTitle as i } from "./PopoverTitle/PopoverTitle.js";
+import { PopoverDescription as a } from "./PopoverDescription/PopoverDescription.js";
+export { e as Popover, n as PopoverContent, a as PopoverDescription, r as PopoverHeader, i as PopoverTitle, t as PopoverTrigger };

package/dist/components/radio-group/RadioGroup/RadioGroup.context.d.ts

@@ -0,0 +1,3 @@
+import { RadioGroupContextValue } from './RadioGroup.types';
+export declare const RadioGroupContext: import('solid-js').Context<RadioGroupContextValue | undefined>;
+export declare function useRadioGroupContext(component: string): RadioGroupContextValue;

package/dist/components/radio-group/RadioGroup/RadioGroup.context.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/radio-group/RadioGroup/RadioGroup.context.ts
+var n = e();
+function r(e) {
+	let r = t(n);
+	if (!r) throw Error(`<${e}> 必须渲染在 <RadioGroup> 内部`);
+	return r;
+}
+//#endregion
+export { n as RadioGroupContext, r as useRadioGroupContext };
+
+//# sourceMappingURL=RadioGroup.context.js.map

package/dist/components/radio-group/RadioGroup/RadioGroup.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.context.js","names":[],"sources":["../../../../src/components/radio-group/RadioGroup/RadioGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { RadioGroupContextValue } from \"./RadioGroup.types\";\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>();\n\nexport function useRadioGroupContext(\n  component: string,\n): RadioGroupContextValue {\n  const ctx = useContext(RadioGroupContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <RadioGroup> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAa,IAAoB,EAAsC;AAEvE,SAAgB,EACd,GACwB;CACxB,IAAM,IAAM,EAAW,CAAiB;CACxC,IAAI,CAAC,GACH,MAAU,MAAM,IAAI,EAAU,wBAAwB;CAExD,OAAO;AACT"}

package/dist/components/radio-group/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'solid-js';
+import { RadioGroupProps } from './RadioGroup.types';
+/**
+ * RadioGroup 根组件：渲染一个 <div role="radiogroup">，并向下提供选中值、
+ * 禁用状态和 item 注册方法。选中值支持受控（value）和非受控（defaultValue）。
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup defaultValue="comfortable">
+ *   <RadioGroupItem value="default" />
+ *   <RadioGroupItem value="comfortable" />
+ * </RadioGroup>
+ * ```
+ */
+export declare function RadioGroup(props: RadioGroupProps): JSX.Element;

package/dist/components/radio-group/RadioGroup/RadioGroup.js

@@ -0,0 +1,56 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { RadioGroupContext as t } from "./RadioGroup.context.js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { createMemo as s, createSignal as c, splitProps as l } from "solid-js";
+//#region src/components/radio-group/RadioGroup/RadioGroup.tsx
+var u = /*#__PURE__*/ o("<div role=radiogroup data-slot=radio-group>");
+function d(o) {
+	let [d, f] = l(o, [
+		"value",
+		"defaultValue",
+		"onValueChange",
+		"disabled",
+		"name",
+		"class",
+		"classList",
+		"style",
+		"dir",
+		"children"
+	]), [p, m] = c(d.defaultValue), h = s(() => d.value === void 0 ? p() : d.value), g = s(() => !!d.disabled), _ = /* @__PURE__ */ new Map(), v = {
+		value: h,
+		setValue: (e) => {
+			d.value === void 0 && m(e), d.onValueChange?.(e);
+		},
+		disabled: g,
+		name: d.name,
+		registerItem: (e, t) => (_.set(e, t), () => {
+			_.get(e) === t && _.delete(e);
+		}),
+		focusItem: (e) => {
+			_.get(e)?.focus();
+		}
+	};
+	return (() => {
+		var o = u();
+		return a(o, i({
+			get class() {
+				return e("grid w-full gap-2", d.class);
+			},
+			get style() {
+				return d.style;
+			},
+			get dir() {
+				return d.dir;
+			}
+		}, f), !1, !0), r(o, n(t.Provider, {
+			value: v,
+			get children() {
+				return d.children;
+			}
+		})), o;
+	})();
+}
+//#endregion
+export { d as RadioGroup };
+
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/radio-group/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":["createMemo","createSignal","splitProps","JSX","clsx","RadioGroupContext","RadioGroupContextValue","RadioGroupProps","RadioGroup","props","Element","local","rest","internalValue","setInternalValue","defaultValue","value","undefined","disabled","itemElements","Map","HTMLElement","setValue","next","onValueChange","registerItem","itemValue","element","set","get","delete","focusItem","focus","ctx","name","_el$","_tmpl$","_$spread","_$mergeProps","class","style","dir","_$insert","_$createComponent","Provider","children"],"sources":["../../../../src/components/radio-group/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { createMemo, createSignal, splitProps, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { RadioGroupContext } from \"./RadioGroup.context\";\nimport type {\n  RadioGroupContextValue,\n  RadioGroupProps,\n} from \"./RadioGroup.types\";\n\n/**\n * RadioGroup 根组件：渲染一个 <div role=\"radiogroup\">，并向下提供选中值、\n * 禁用状态和 item 注册方法。选中值支持受控（value）和非受控（defaultValue）。\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"comfortable\">\n *   <RadioGroupItem value=\"default\" />\n *   <RadioGroupItem value=\"comfortable\" />\n * </RadioGroup>\n * ```\n */\nexport function RadioGroup(props: RadioGroupProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"disabled\",\n    \"name\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"dir\",\n    \"children\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal(local.defaultValue);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n  const disabled = createMemo(() => !!local.disabled);\n\n  const itemElements = new Map<string, HTMLElement>();\n\n  const setValue = (next: string) => {\n    if (local.value === undefined) setInternalValue(next);\n    local.onValueChange?.(next);\n  };\n\n  const registerItem = (itemValue: string, element: HTMLElement) => {\n    itemElements.set(itemValue, element);\n    return () => {\n      if (itemElements.get(itemValue) === element) {\n        itemElements.delete(itemValue);\n      }\n    };\n  };\n\n  const focusItem = (itemValue: string) => {\n    itemElements.get(itemValue)?.focus();\n  };\n\n  const ctx: RadioGroupContextValue = {\n    value,\n    setValue,\n    disabled,\n    name: local.name,\n    registerItem,\n    focusItem,\n  };\n\n  return (\n    <div\n      role=\"radiogroup\"\n      data-slot=\"radio-group\"\n      class={clsx(\"grid w-full gap-2\", local.class)}\n      style={local.style}\n      dir={local.dir}\n      {...rest}\n    >\n      <RadioGroupContext.Provider value={ctx}>\n        {local.children}\n      </RadioGroupContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAoBA,SAAgBQ,EAAWC,GAAqC;CAC9D,IAAM,CAACE,GAAOC,KAAQV,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACI,GAAeC,KAAoBb,EAAaU,EAAMI,YAAY,GACnEC,IAAQhB,QACZW,EAAMK,UAAUC,KAAAA,IAA0BJ,EAAc,IAA5BF,EAAMK,KACpC,GACME,IAAWlB,QAAiB,CAAC,CAACW,EAAMO,QAAQ,GAE5CC,oBAAe,IAAIC,IAAyB,GAoB5Ca,IAA8B;EAClCjB;EACAM,WApBgBC,MAAiB;GAEjCZ,AADIA,EAAMK,UAAUC,KAAAA,KAAWH,EAAiBS,CAAI,GACpDZ,EAAMa,gBAAgBD,CAAI;EAC5B;EAkBEL;EACAgB,MAAMvB,EAAMuB;EACZT,eAlBoBC,GAAmBC,OACvCR,EAAaS,IAAIF,GAAWC,CAAO,SACtB;GACX,AAAIR,EAAaU,IAAIH,CAAS,MAAMC,KAClCR,EAAaW,OAAOJ,CAAS;EAEjC;EAaAK,YAViBL,MAAsB;GACvCP,EAAaU,IAAIH,CAAS,CAAC,EAAEM,MAAM;EACrC;CASA;CAEA,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAUqB,OAVrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,QAAA;IAAA,OAIWlC,EAAK,qBAAqBO,EAAM4B,KAAK;GAAC;GAAA,IAC7CC,QAAK;IAAA,OAAE7B,EAAM6B;GAAK;GAAA,IAClBC,MAAG;IAAA,OAAE9B,EAAM8B;GAAG;EAAA,GACV7B,CAAI,GAAA,IAAA,EAAA,GAAA8B,EAAAP,GAAAQ,EAEPtC,EAAkBuC,UAAQ;GAAC5B,OAAOiB;GAAG,IAAAY,WAAA;IAAA,OACnClC,EAAMkC;GAAQ;EAAA,CAAA,CAAA,GAAAV;CAAA,EAAA,CAAA;AAIvB"}

package/dist/components/radio-group/RadioGroup/RadioGroup.types.d.ts

@@ -0,0 +1,22 @@
+import { Accessor, ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+export interface RadioGroupProps extends BaseProps, ParentProps {
+    /** 受控选中值；不传则内部自管理（非受控模式） */
+    value?: string;
+    /** 非受控模式下的初始选中值 */
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    /** 原生 radio input 的 name，便于表单提交 */
+    name?: string;
+}
+export interface RadioGroupContextValue {
+    value: Accessor<string | undefined>;
+    setValue: (value: string) => void;
+    disabled: Accessor<boolean>;
+    name?: string;
+    /** RadioGroupItem 挂载时注册自己的 DOM 元素，返回取消注册函数 */
+    registerItem: (value: string, element: HTMLElement) => () => void;
+    /** 把焦点移动到指定 value 的 item 上 */
+    focusItem: (value: string) => void;
+}

package/dist/components/radio-group/RadioGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { RadioGroup } from './RadioGroup';
+export { RadioGroupContext, useRadioGroupContext } from './RadioGroup.context';
+export type { RadioGroupProps, RadioGroupContextValue, } from './RadioGroup.types';

package/dist/components/radio-group/RadioGroupItem/RadioGroupItem.d.ts

@@ -0,0 +1,6 @@
+import { RadioGroupItemProps } from './RadioGroupItem.types';
+/**
+ * RadioGroupItem：一个 role="radio" 的按钮。选中时内部渲染指示圆点。
+ * 通过 context 读取 RadioGroup 的选中值和禁用状态，支持受控/非受控。
+ */
+export declare function RadioGroupItem(props: RadioGroupItemProps): import("solid-js").JSX.Element;

package/dist/components/radio-group/RadioGroupItem/RadioGroupItem.js

@@ -0,0 +1,80 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useRadioGroupContext as t } from "../RadioGroup/RadioGroup.context.js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o, use as s } from "solid-js/web";
+import { Show as c, createMemo as l, onCleanup as u, splitProps as d } from "solid-js";
+//#region src/components/radio-group/RadioGroupItem/RadioGroupItem.tsx
+var f = /*#__PURE__*/ o("<span data-slot=radio-group-indicator class=\"size-2 rounded-full bg-primary-foreground\">"), p = /*#__PURE__*/ o("<button type=button role=radio data-slot=radio-group-item>");
+function m(o) {
+	let m = t("RadioGroupItem"), [h, g] = d(o, [
+		"value",
+		"disabled",
+		"class",
+		"classList",
+		"style",
+		"dir",
+		"children"
+	]), _ = l(() => m.value() === h.value), v = () => m.disabled() || !!h.disabled, y = () => {
+		v() || m.setValue(h.value);
+	}, b, x = (e) => {
+		let t = () => y(), n = (t) => {
+			if (!v()) {
+				if (t.key === "Enter" || t.key === " ") {
+					t.preventDefault(), y();
+					return;
+				}
+				if ([
+					"ArrowDown",
+					"ArrowRight",
+					"ArrowUp",
+					"ArrowLeft"
+				].includes(t.key)) {
+					t.preventDefault();
+					let n = e.closest("[data-slot=\"radio-group\"]"), r = Array.from(n?.querySelectorAll("[data-slot=\"radio-group-item\"]") ?? []).map((e) => e.dataset.value).filter((e) => e !== void 0);
+					if (r.length === 0) return;
+					let i = r[(r.indexOf(h.value) + (t.key === "ArrowDown" || t.key === "ArrowRight" ? 1 : -1) + r.length) % r.length];
+					m.setValue(i), m.focusItem(i);
+				}
+			}
+		};
+		e.addEventListener("click", t), e.addEventListener("keydown", n), b = m.registerItem(h.value, e), u(() => {
+			e.removeEventListener("click", t), e.removeEventListener("keydown", n), b?.();
+		});
+	};
+	return (() => {
+		var t = p();
+		return s(x, t), a(t, i({
+			get "aria-checked"() {
+				return _();
+			},
+			get "data-value"() {
+				return h.value;
+			},
+			get "data-checked"() {
+				return _() ? "" : void 0;
+			},
+			get disabled() {
+				return v();
+			},
+			get style() {
+				return h.style;
+			},
+			get dir() {
+				return h.dir;
+			},
+			get class() {
+				return e("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 items-center justify-center rounded-full border border-input outline-none transition-colors", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:cursor-not-allowed disabled:opacity-50", "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary", "dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", "data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", h.class);
+			}
+		}, g), !1, !0), r(t, n(c, {
+			get when() {
+				return _();
+			},
+			get children() {
+				return f();
+			}
+		})), t;
+	})();
+}
+//#endregion
+export { m as RadioGroupItem };
+
+//# sourceMappingURL=RadioGroupItem.js.map

package/dist/components/radio-group/RadioGroupItem/RadioGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupItem.js","names":["Show","createMemo","onCleanup","splitProps","clsx","useRadioGroupContext","RadioGroupItemProps","RadioGroupItem","props","ctx","local","rest","checked","value","isDisabled","disabled","select","setValue","unregister","attachListeners","el","HTMLButtonElement","onClick","onKeyDown","e","KeyboardEvent","key","preventDefault","includes","group","closest","HTMLElement","values","Array","from","querySelectorAll","map","item","dataset","filter","undefined","length","currentIndex","indexOf","direction","nextIndex","nextValue","focusItem","addEventListener","registerItem","removeEventListener","_el$","_tmpl$2","_$use","_$spread","_$mergeProps","aria-checked","data-value","data-checked","style","dir","class","_$insert","_$createComponent","when","children","_tmpl$"],"sources":["../../../../src/components/radio-group/RadioGroupItem/RadioGroupItem.tsx"],"sourcesContent":["import { Show, createMemo, onCleanup, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useRadioGroupContext } from \"../RadioGroup\";\nimport type { RadioGroupItemProps } from \"./RadioGroupItem.types\";\n\n/**\n * RadioGroupItem：一个 role=\"radio\" 的按钮。选中时内部渲染指示圆点。\n * 通过 context 读取 RadioGroup 的选中值和禁用状态，支持受控/非受控。\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const ctx = useRadioGroupContext(\"RadioGroupItem\");\n\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"dir\",\n    \"children\",\n  ]);\n\n  const checked = createMemo(() => ctx.value() === local.value);\n  const isDisabled = () => ctx.disabled() || !!local.disabled;\n\n  const select = () => {\n    if (isDisabled()) return;\n    ctx.setValue(local.value);\n  };\n\n  let unregister: (() => void) | undefined;\n\n  const attachListeners = (el: HTMLButtonElement) => {\n    const onClick = () => select();\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (isDisabled()) return;\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        select();\n        return;\n      }\n\n      if ([\"ArrowDown\", \"ArrowRight\", \"ArrowUp\", \"ArrowLeft\"].includes(e.key)) {\n        e.preventDefault();\n        const group = el.closest<HTMLElement>('[data-slot=\"radio-group\"]');\n        const values = Array.from(\n          group?.querySelectorAll<HTMLElement>(\n            '[data-slot=\"radio-group-item\"]',\n          ) ?? [],\n        )\n          .map((item) => item.dataset.value)\n          .filter((value): value is string => value !== undefined);\n        if (values.length === 0) return;\n        const currentIndex = values.indexOf(local.value);\n        const direction =\n          e.key === \"ArrowDown\" || e.key === \"ArrowRight\" ? 1 : -1;\n        const nextIndex =\n          (currentIndex + direction + values.length) % values.length;\n        const nextValue = values[nextIndex];\n        ctx.setValue(nextValue);\n        ctx.focusItem(nextValue);\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n    unregister = ctx.registerItem(local.value, el);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      unregister?.();\n    });\n  };\n\n  return (\n    <button\n      ref={attachListeners}\n      type=\"button\"\n      role=\"radio\"\n      aria-checked={checked()}\n      data-slot=\"radio-group-item\"\n      data-value={local.value}\n      data-checked={checked() ? \"\" : undefined}\n      disabled={isDisabled()}\n      style={local.style}\n      dir={local.dir}\n      class={clsx(\n        \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 items-center justify-center rounded-full border border-input outline-none transition-colors\",\n        \"focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary\",\n        \"dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        \"data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n        local.class,\n      )}\n      {...rest}\n    >\n      <Show when={checked()}>\n        <span\n          data-slot=\"radio-group-indicator\"\n          class=\"size-2 rounded-full bg-primary-foreground\"\n        />\n      </Show>\n    </button>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBO,EAAeC,GAA4B;CACzD,IAAMC,IAAMJ,EAAqB,gBAAgB,GAE3C,CAACK,GAAOC,KAAQR,EAAWK,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKI,IAAUX,QAAiBQ,EAAII,MAAM,MAAMH,EAAMG,KAAK,GACtDC,UAAmBL,EAAIM,SAAS,KAAK,CAAC,CAACL,EAAMK,UAE7CC,UAAe;EACfF,EAAW,KACfL,EAAIQ,SAASP,EAAMG,KAAK;CAC1B,GAEIK,GAEEC,KAAmBC,MAA0B;EACjD,IAAME,UAAgBN,EAAO,GACvBO,KAAaC,MAAqB;GAClCV,OAAW,GACf;QAAIU,EAAEE,QAAQ,WAAWF,EAAEE,QAAQ,KAAK;KAEtCV,AADAQ,EAAEG,eAAe,GACjBX,EAAO;KACP;IACF;IAEA,IAAI;KAAC;KAAa;KAAc;KAAW;IAAW,CAAC,CAACY,SAASJ,EAAEE,GAAG,GAAG;KACvEF,EAAEG,eAAe;KACjB,IAAME,IAAQT,EAAGU,QAAqB,6BAA2B,GAC3DE,IAASC,MAAMC,KACnBL,GAAOM,iBACL,kCACF,KAAK,CAAA,CACP,CAAC,CACEC,KAAKC,MAASA,EAAKC,QAAQzB,KAAK,CAAC,CACjC0B,QAAQ1B,MAA2BA,MAAU2B,KAAAA,CAAS;KACzD,IAAIR,EAAOS,WAAW,GAAG;KAMzB,IAAMK,IAAYd,GALGA,EAAOW,QAAQjC,EAAMG,KAIvC6B,KAFDlB,EAAEE,QAAQ,eAAeF,EAAEE,QAAQ,eAAe,IAAI,MAE1BM,EAAOS,UAAUT,EAAOS;KAGtDhC,AADAA,EAAIQ,SAAS6B,CAAS,GACtBrC,EAAIsC,UAAUD,CAAS;IACzB;GArBA;EAsBF;EAMA5C,AAJAkB,EAAG4B,iBAAiB,SAAS1B,CAAO,GACpCF,EAAG4B,iBAAiB,WAAWzB,CAAS,GACxCL,IAAaT,EAAIwC,aAAavC,EAAMG,OAAOO,CAAE,GAE7ClB,QAAgB;GAGdgB,AAFAE,EAAG8B,oBAAoB,SAAS5B,CAAO,GACvCF,EAAG8B,oBAAoB,WAAW3B,CAAS,GAC3CL,IAAa;EACf,CAAC;CACH;CAEA,cAAA;EAAA,IAAAiC,IAAAC,EAAA;EAuByB,OAvBzBC,EAESlC,GAAegC,CAAA,GAAAG,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGN3C,EAAQ;GAAC;GAAA,IAAA,eAAA;IAAA,OAEXF,EAAMG;GAAK;GAAA,IAAA,iBAAA;IAAA,OACTD,EAAQ,IAAI,KAAK4B,KAAAA;GAAS;GAAA,IACxCzB,WAAQ;IAAA,OAAED,EAAW;GAAC;GAAA,IACtB6C,QAAK;IAAA,OAAEjD,EAAMiD;GAAK;GAAA,IAClBC,MAAG;IAAA,OAAElD,EAAMkD;GAAG;GAAA,IAAA,QAAA;IAAA,OACPxD,EACL,uKACA,6EACA,mDACA,iIACA,kGACA,yHACAM,EAAMmD,KACR;GAAC;EAAA,GACGlD,CAAI,GAAA,IAAA,EAAA,GAAAmD,EAAAX,GAAAY,EAEP/D,GAAI;GAAA,IAACgE,OAAI;IAAA,OAAEpD,EAAQ;GAAC;GAAA,IAAAqD,WAAA;IAAA,OAAAC,EAAA;GAAA;EAAA,CAAA,CAAA,GAAAf;CAAA,EAAA,CAAA;AAQ3B"}

package/dist/components/radio-group/RadioGroupItem/RadioGroupItem.types.d.ts

@@ -0,0 +1,9 @@
+import { BaseProps } from '../../../types';
+export interface RadioGroupItemProps extends BaseProps {
+    /** 当前 radio 的值，必须与 RadioGroup 的 value 进行比较 */
+    value: string;
+    disabled?: boolean;
+    id?: string;
+    /** 透传给原生 button 的其余属性，例如 aria-invalid、dir 等 */
+    [key: string]: any;
+}

package/dist/components/radio-group/RadioGroupItem/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroupItem } from './RadioGroupItem';
+export type { RadioGroupItemProps } from './RadioGroupItem.types';

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,4 @@
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps, RadioGroupContextValue } from './RadioGroup';
+export { RadioGroupItem } from './RadioGroupItem';
+export type { RadioGroupItemProps } from './RadioGroupItem';

package/dist/components/radio-group/index.js

@@ -0,0 +1,3 @@
+import { RadioGroup as e } from "./RadioGroup/RadioGroup.js";
+import { RadioGroupItem as t } from "./RadioGroupItem/RadioGroupItem.js";
+export { e as RadioGroup, t as RadioGroupItem };

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

@@ -1,3 +1,3 @@
-import { SelectContextValue } from './Select.types';
-export declare const SelectContext: import('solid-js').Context<SelectContextValue | undefined>;
-export declare function useSelectContext(component: string): SelectContextValue;
+import { SelectContextValue, SelectOptionValue } from './Select.types';
+export declare const SelectContext: import('solid-js').Context<SelectContextValue<SelectOptionValue> | undefined>;
+export declare function useSelectContext(component: string): SelectContextValue<SelectOptionValue>;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.context.js","names":[],"sources":["../../../../src/components/select/Select/Select.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { SelectContextValue } from \"./Select.types\";\n\nexport const SelectContext = createContext<SelectContextValue>();\n\nexport function useSelectContext(component: string): SelectContextValue {\n  const ctx = useContext(SelectContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <Select> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAa,IAAgB,EAAkC;AAE/D,SAAgB,EAAiB,GAAuC;CACtE,IAAM,IAAM,EAAW,CAAa;CACpC,IAAI,CAAC,GACH,MAAU,MAAM,IAAI,EAAU,oBAAoB;CAEpD,OAAO;AACT"}
+{"version":3,"file":"Select.context.js","names":[],"sources":["../../../../src/components/select/Select/Select.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { SelectContextValue, SelectOptionValue } from \"./Select.types\";\n\nexport const SelectContext = createContext<SelectContextValue>();\n\nexport function useSelectContext(\n  component: string,\n): SelectContextValue<SelectOptionValue> {\n  const ctx = useContext(SelectContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <Select> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAa,IAAgB,EAAkC;AAE/D,SAAgB,EACd,GACuC;CACvC,IAAM,IAAM,EAAW,CAAa;CACpC,IAAI,CAAC,GACH,MAAU,MAAM,IAAI,EAAU,oBAAoB;CAEpD,OAAO;AACT"}

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

@@ -1,9 +1,12 @@
 import { JSX } from 'solid-js';
-import { SelectProps } from './Select.types';
+import { SelectOptionValue, SelectProps } from './Select.types';
 /**
  * Select 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。
  * 真正的展示交给 <SelectTrigger>/<SelectValue>/<SelectContent>/<SelectItem>。
  *
+ * 泛型 T 约束为 string | number，用于约束 value / defaultValue /
+ * onValueChange / SelectItem.value 的类型。
+ *
  * @example
  * ```tsx
  * <Select value={fruit()} onValueChange={setFruit}>
@@ -16,4 +19,4 @@ import { SelectProps } from './Select.types';
  * </Select>
  * ```
  */
-export declare function Select(props: SelectProps): JSX.Element;
+export declare function Select<T extends SelectOptionValue = string>(props: SelectProps<T>): JSX.Element;

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

@@ -5,7 +5,7 @@ import { createStore as a, produce as o } 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);
+		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) => {

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","SelectProps","Select","props","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  SelectProps,\n} from \"./Select.types\";\n\n/**\n * Select 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。\n * 真正的展示交给 <SelectTrigger>/<SelectValue>/<SelectContent>/<SelectItem>。\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(props: SelectProps): JSX.Element {\n  const [internalValue, setInternalValue] = createSignal(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (v: string) => {\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<string>();\n  const [items, setItems] = createStore<SelectItemMeta[]>([]);\n  const contentId = `select-content-${createUniqueId()}`;\n\n  const registerItem = (item: SelectItemMeta) => {\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: string) => {\n    setValue(v);\n    closeAndFocusTrigger();\n  };\n\n  const ctx: SelectContextValue = {\n    value,\n    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,\n    setActiveValue,\n    selectValue,\n    close,\n  };\n\n  return (\n    <SelectContext.Provider value={ctx}>\n      {props.children}\n    </SelectContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAyBA,SAAgBU,EAAOC,GAAiC;CACtD,IAAM,CAACE,GAAeC,KAAoBd,EAAaW,EAAMI,YAAY,GACnEC,IAAQf,QACZU,EAAMK,UAAUC,KAAAA,IAA0BJ,EAAc,IAA5BF,EAAMK,KACpC,GAEME,KAAYC,MAAc;EAE9BR,AADIA,EAAMK,UAAUC,KAAAA,KAAWH,EAAiBK,CAAC,GACjDR,EAAMS,gBAAgBD,CAAC;CACzB,GAEM,CAACE,GAAcC,KAAmBtB,EACtCW,EAAMY,eAAe,EACvB,GACMC,IAAOvB,QACXU,EAAMa,SAASP,KAAAA,IAAyBI,EAAa,IAA1BV,EAAMa,IACnC,GACMC,IAAWxB,QAAiB,CAAC,CAACU,EAAMc,QAAQ,GAE5CC,KAAWC,MAAkB;EAEjChB,AADIA,EAAMa,SAASP,KAAAA,KAAWK,EAAgBK,CAAI,GAClDhB,EAAMiB,eAAeD,CAAI;CAC3B,GAEM,CAACE,GAAWC,KAAgB9B,EAAsB,GAClD,CAAC+B,GAAUC,KAAehC,EAA0B,GACpD,CAACkC,GAAaC,KAAkBnC,EAAqB,GACrD,CAACoC,GAAOC,KAAYjC,EAA8B,CAAA,CAAE,GACpDkC,IAAY,kBAAkBpC,EAAe,KAE7CqC,KAAgBC,OACpBH,EAAShC,GAASoC,MAASA,EAAKC,KAAKF,CAAI,CAAC,CAAC,SAEzCH,EACEhC,GAASoC,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;EAC9BnC;EACAE;EACAM;EACAE;EACAD;EACAa;EACAT;EACAC;EACAC;EACAC;EACA,IAAII,QAAQ;GACV,OAAOA;EACT;EACAG;EACAL;EACAC;EACAe,cAtBmB/B,MAAc;GAEjC6B,AADA9B,EAASC,CAAC,GACV6B,EAAqB;EACvB;EAoBED;CACF;CAEA,OAAAK,EACG9C,EAAc+C,UAAQ;EAACrC,OAAOmC;EAAG,IAAAG,WAAA;GAAA,OAC/B3C,EAAM2C;EAAQ;CAAA,CAAA;AAGrB"}
+{"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"}

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

@@ -1,24 +1,28 @@
 import { Accessor, ParentProps } from 'solid-js';
-export interface SelectItemMeta {
-    value: string;
+export type SelectOptionValue = string | number;
+export interface SelectItemMeta<T extends SelectOptionValue = SelectOptionValue> {
+    value: T;
     label: string;
     disabled?: boolean;
 }
-export interface SelectProps extends ParentProps {
-    /** 受控选中值；不传则内部自管理（非受控模式） */
-    value?: string;
+export interface SelectProps<T extends SelectOptionValue = string> extends ParentProps {
+    /**
+     * 受控选中值；传入 null 表示受控模式下清空已选值。
+     * 不传（undefined）则内部自管理（非受控模式）。
+     */
+    value?: T | null;
     /** 非受控模式下的初始选中值 */
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
+    defaultValue?: T;
+    onValueChange?: (value: T) => void;
     /** 受控 open 状态；不传则内部自管理 */
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     disabled?: boolean;
 }
-export interface SelectContextValue {
-    value: Accessor<string | undefined>;
-    setValue: (v: string) => void;
+export interface SelectContextValue<T extends SelectOptionValue = SelectOptionValue> {
+    value: Accessor<T | null | undefined>;
+    setValue: (v: T) => void;
     open: Accessor<boolean>;
     setOpen: (v: boolean) => void;
     disabled: Accessor<boolean>;
@@ -28,14 +32,14 @@ export interface SelectContextValue {
     floating: Accessor<HTMLElement | undefined>;
     setFloating: (el: HTMLElement | undefined) => void;
     /** 已注册的选项列表（响应式 store），SelectContent/SelectValue 都要读 */
-    items: SelectItemMeta[];
+    items: SelectItemMeta<T>[];
     /** SelectItem 挂载时注册自己，返回取消注册函数（卸载时调用） */
-    registerItem: (item: SelectItemMeta) => () => void;
+    registerItem: (item: SelectItemMeta<T>) => () => void;
     /** 键盘/鼠标悬停高亮的项 */
-    activeValue: Accessor<string | undefined>;
-    setActiveValue: (v: string | undefined) => void;
+    activeValue: Accessor<T | undefined>;
+    setActiveValue: (v: T | undefined) => void;
     /** 选中某项后调用：设值、关闭、把 focus 还给 trigger */
-    selectValue: (v: string) => void;
+    selectValue: (v: T) => void;
     /** 单纯关闭（不选择任何值），键盘 Esc / 点击外部时用 */
     close: () => void;
 }

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

@@ -1,3 +1,3 @@
 export { Select } from './Select';
 export { SelectContext, useSelectContext } from './Select.context';
-export type { SelectProps, SelectContextValue, SelectItemMeta, } from './Select.types';
+export type { SelectOptionValue, SelectProps, SelectContextValue, SelectItemMeta, } from './Select.types';

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

@@ -3,7 +3,7 @@ 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";
 //#region src/components/select/SelectContent/SelectContent.tsx
-var h = /*#__PURE__*/ l("<div style=z-index:1000><div role=listbox>");
+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, [
 		"placement",
@@ -45,7 +45,7 @@ function g(l) {
 		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(e)}"]`)?.scrollIntoView({ block: "nearest" });
+		!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) => {