@neut/ui 0.0.16 → 0.0.18

package/dist/components/questionnaire/questionnaire.utils.js

@@ -0,0 +1,41 @@
+//#region src/components/questionnaire/questionnaire.utils.ts
+function e(e) {
+	return Array.isArray(e) ? e.some((e) => String(e).trim().length > 0) : e != null && String(e).trim().length > 0;
+}
+function t(e) {
+	return e === "letters" ? Array.from({ length: 26 }, (e, t) => String.fromCharCode(65 + t)) : e === "numbers" ? Array.from({ length: 9 }, (e, t) => String(t + 1)) : [];
+}
+function n(e, n) {
+	let r = n === "letters" ? e.toUpperCase() : e;
+	return t(n).includes(r) ? r : null;
+}
+function r(e, t) {
+	return [e, t ? "Enter" : null].filter(Boolean).join(" ") || void 0;
+}
+function i(t) {
+	return t.type === "choice" ? t.element.checked : t.element.hasAttribute("name") && e(t.element.value);
+}
+function a(e) {
+	return e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? !0 : e instanceof HTMLInputElement ? ![
+		"button",
+		"checkbox",
+		"radio",
+		"reset",
+		"submit"
+	].includes(e.type) : e instanceof HTMLElement && e.isContentEditable;
+}
+function o(e) {
+	return e instanceof HTMLInputElement && e.type === "radio";
+}
+function s(e, t) {
+	if (e === t || !e.isConnected || !t.isConnected) return 0;
+	let n = e.compareDocumentPosition(t);
+	return n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+}
+function c(e) {
+	return e.disabled || e.element.disabled;
+}
+//#endregion
+export { s as compareDocumentOrder, e as hasText, c as isAnswerDisabled, i as isAnswerFilled, o as isNativeRadio, a as isTypingElement, r as keyShortcutText, n as normalizeShortcut, t as shortcutAlphabet };
+
+//# sourceMappingURL=questionnaire.utils.js.map

package/dist/components/questionnaire/questionnaire.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire.utils.js","names":["hasText","value","item","shortcutAlphabet","mode","index","normalizeShortcut","normalized","key","keyShortcutText","shortcut","enterEnabled","isAnswerFilled","entry","isTypingElement","element","isNativeRadio","compareDocumentOrder","a","b","position","isAnswerDisabled"],"sources":["../../../src/components/questionnaire/questionnaire.utils.ts"],"sourcesContent":["import type { QuestionnaireShortcutMode } from \"./questionnaire.types\";\n\n/** 字符串/数组是否含有非空白内容(与上游 ce 一致) */\nexport function hasText(value: unknown): boolean {\n  if (Array.isArray(value)) {\n    return value.some((item) => String(item).trim().length > 0);\n  }\n  return value != null && String(value).trim().length > 0;\n}\n\n/** 按模式生成快捷键字母表:letters = A..Z,numbers = 1..9 */\nexport function shortcutAlphabet(\n  mode: QuestionnaireShortcutMode | null,\n): string[] {\n  if (mode === \"letters\") {\n    return Array.from({ length: 26 }, (_, index) =>\n      String.fromCharCode(65 + index),\n    );\n  }\n  if (mode === \"numbers\") {\n    return Array.from({ length: 9 }, (_, index) => String(index + 1));\n  }\n  return [];\n}\n\n/** 把按下的键规范成快捷键(字母大小写无关),不匹配返回 null */\nexport function normalizeShortcut(\n  key: string,\n  mode: QuestionnaireShortcutMode | null,\n): string | null {\n  const normalized = mode === \"letters\" ? key.toUpperCase() : key;\n  return shortcutAlphabet(mode).includes(normalized) ? normalized : null;\n}\n\n/** 拼 aria-keyshortcuts:有启用状态时额外附上 Enter */\nexport function keyShortcutText(\n  shortcut: string | null,\n  enterEnabled: boolean,\n): string | undefined {\n  return (\n    [shortcut, enterEnabled ? \"Enter\" : null].filter(Boolean).join(\" \") ||\n    undefined\n  );\n}\n\n/** 判断答案控件当前是否有值(choice 看 checked,input 看 name+value) */\nexport function isAnswerFilled(entry: {\n  type: \"choice\" | \"input\";\n  element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n}): boolean {\n  if (entry.type === \"choice\") {\n    return (entry.element as HTMLInputElement).checked;\n  }\n  return entry.element.hasAttribute(\"name\") && hasText(entry.element.value);\n}\n\n/** 文本类输入框为空(用于原生校验) */\nexport function isTextInputEmpty(entry: {\n  type: \"choice\" | \"input\";\n  element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n}): boolean {\n  return (\n    entry.type === \"input\" &&\n    [\"email\", \"password\", \"search\", \"tel\", \"text\", \"url\"].includes(\n      entry.element.type,\n    ) &&\n    !hasText(entry.element.value)\n  );\n}\n\n/** 是否为可输入文本的控件(用于决定方向键是否应当导航而非移动焦点) */\nexport function isTypingElement(element: EventTarget | null): boolean {\n  if (element instanceof HTMLTextAreaElement) return true;\n  if (element instanceof HTMLSelectElement) return true;\n  if (element instanceof HTMLInputElement) {\n    return ![\"button\", \"checkbox\", \"radio\", \"reset\", \"submit\"].includes(\n      element.type,\n    );\n  }\n  return element instanceof HTMLElement && element.isContentEditable;\n}\n\nexport function isNativeRadio(element: EventTarget | null): boolean {\n  return element instanceof HTMLInputElement && element.type === \"radio\";\n}\n\n/**\n * 按文档顺序比较两个元素。\n *\n * **只在两个元素都连在文档里时**才比较：`QuestionnaireItem` 是在 ref 里注册的，\n * 而 Solid 的 ref 在节点插入文档**之前**触发，此刻 fieldset 还是分离节点。\n * 分离节点的 `compareDocumentPosition` 返回的是「实现相关」的 FOLLOWING/\n * PRECEDING（jsdom 恒为 FOLLOWING），据此排序会把题目顺序整体颠倒。\n * 这种情况返回 0（视为等价），由调用方回退到注册顺序。\n */\nexport function compareDocumentOrder(a: Element, b: Element): number {\n  if (a === b) return 0;\n  if (!a.isConnected || !b.isConnected) return 0;\n  const position = a.compareDocumentPosition(b);\n  if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;\n  if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;\n  return 0;\n}\n\n/**\n * 答案是否处于禁用态：组件层标记（`disabled` prop）或原生控件自身禁用。\n * 判定被\"状态推导 / 焦点移动 / 校验\"共用，因此集中在这里。\n */\nexport function isAnswerDisabled(entry: {\n  disabled: boolean;\n  element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n}): boolean {\n  return entry.disabled || entry.element.disabled;\n}\n"],"mappings":";AAGA,SAAgBA,EAAQ,GAAyB;CAI/C,OAHI,MAAM,QAAQC,CAAK,IACdA,EAAM,MAAM,MAAS,OAAOC,CAAI,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,IAErDD,KAAS,QAAQ,OAAOA,CAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS;AACxD;AAGA,SAAgBE,EACd,GACU;CASV,OARIC,MAAS,YACJ,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MACpC,OAAO,aAAa,KAAKC,CAAK,CAChC,IAEED,MAAS,YACJ,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAU,OAAOC,IAAQ,CAAC,CAAC,IAE3D,CAAC;AACV;AAGA,SAAgBC,EACd,GACA,GACe;CACf,IAAMC,IAAaH,MAAS,YAAYI,EAAI,YAAY,IAAIA;CAC5D,OAAOL,EAAiBC,CAAI,CAAC,CAAC,SAASG,CAAU,IAAIA,IAAa;AACpE;AAGA,SAAgBE,EACd,GACA,GACoB;CACpB,OACE,CAACC,GAAUC,IAAe,UAAU,IAAI,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAClE,KAAA;AAEJ;AAGA,SAAgBC,EAAe,GAGnB;CAIV,OAHIC,EAAM,SAAS,WACTA,EAAM,QAA6B,UAEtCA,EAAM,QAAQ,aAAa,MAAM,KAAKb,EAAQa,EAAM,QAAQ,KAAK;AAC1E;AAiBA,SAAgBC,EAAgB,GAAsC;CAQpE,OAPIC,aAAmB,uBACnBA,aAAmB,oBAA0B,KAC7CA,aAAmB,mBACd,CAAC;EAAC;EAAU;EAAY;EAAS;EAAS;CAAQ,CAAC,CAAC,SACzDA,EAAQ,IACV,IAEKA,aAAmB,eAAeA,EAAQ;AACnD;AAEA,SAAgBC,EAAc,GAAsC;CAClE,OAAOD,aAAmB,oBAAoBA,EAAQ,SAAS;AACjE;AAWA,SAAgBE,EAAqB,GAAY,GAAoB;CAEnE,IADIC,MAAMC,KACN,CAACD,EAAE,eAAe,CAACC,EAAE,aAAa,OAAO;CAC7C,IAAMC,IAAWF,EAAE,wBAAwBC,CAAC;CAG5C,OAFIC,IAAW,KAAK,8BAAoC,KACpDA,IAAW,KAAK,8BAAoC,IACjD;AACT;AAMA,SAAgBC,EAAiB,GAGrB;CACV,OAAOR,EAAM,YAAYA,EAAM,QAAQ;AACzC"}

package/dist/components/questionnaire/questionnaire.validation.d.ts

@@ -0,0 +1,43 @@
+import { QuestionnaireAnswerEntry } from './questionnaire.context';
+import { QuestionnaireItemStatus } from './questionnaire.types';
+/**
+ * 题目校验的判定。
+ *
+ * 单一职责：回答"这一题现在算不算无效""它是否满足要求""哪个原生控件先报错"。
+ * 全部是纯函数——焦点与 `reportValidity` 这类副作用留给调用方，
+ * 因此每条分支都能脱离 DOM 单独断言。
+ */
+/**
+ * 是否展示错误态：
+ * - 禁用的题目永远不报错；
+ * - 已跳过的题目不报错；
+ * - 显式传入的 `invalid` 优先（受控）；
+ * - 否则只在**用户交互过**之后才报错，且满足要求时不报错。
+ *
+ * 注：进入这里时 `skippable` 必为 false（上面的条件已排除），
+ * 表达式里的 `skippable` 是迁移前就有的冗余分支，保留以维持原语义。
+ */
+export declare function resolveItemInvalid(input: {
+    disabled: boolean;
+    invalid: boolean;
+    skippable: boolean;
+    touched: boolean;
+    answeredOk: boolean;
+}): boolean;
+/**
+ * 是否满足要求：
+ * - 禁用视为满足；
+ * - 已跳过且非必填视为满足；
+ * - 否则必须已作答且没有外部传入的 invalid。
+ */
+export declare function isItemSatisfied(input: {
+    disabled: boolean;
+    status: QuestionnaireItemStatus;
+    required: boolean;
+    invalid: boolean;
+}): boolean;
+/**
+ * 找出第一个"有值且原生校验不通过"的答案控件。
+ * 只有它参与原生报错——空控件交给自定义校验，避免必填项的浏览器气泡到处弹。
+ */
+export declare function findNativeInvalidAnswer(answers: readonly QuestionnaireAnswerEntry[]): QuestionnaireAnswerEntry | undefined;

package/dist/components/questionnaire/questionnaire.validation.js

@@ -0,0 +1,17 @@
+import { isAnswerFilled as e } from "./questionnaire.utils.js";
+//#region src/components/questionnaire/questionnaire.validation.ts
+function t(e) {
+	let { disabled: t, invalid: n, skippable: r, touched: i, answeredOk: a } = e;
+	return t || r ? !1 : n ? !0 : i && !(r || !n && a);
+}
+function n(e) {
+	let { disabled: t, status: n, required: r, invalid: i } = e;
+	return t || n === "skipped" && !r ? !0 : !i && n === "answered";
+}
+function r(t) {
+	return t.find((t) => e(t) && t.element.willValidate && !t.element.validity.valid);
+}
+//#endregion
+export { r as findNativeInvalidAnswer, n as isItemSatisfied, t as resolveItemInvalid };
+
+//# sourceMappingURL=questionnaire.validation.js.map

package/dist/components/questionnaire/questionnaire.validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire.validation.js","names":["resolveItemInvalid","input","disabled","skippable","invalid","touched","answeredOk","isItemSatisfied","status","required","findNativeInvalidAnswer","answers","isAnswerFilled","entry"],"sources":["../../../src/components/questionnaire/questionnaire.validation.ts"],"sourcesContent":["import type { QuestionnaireAnswerEntry } from \"./questionnaire.context\";\nimport type { QuestionnaireItemStatus } from \"./questionnaire.types\";\nimport { isAnswerFilled } from \"./questionnaire.utils\";\n\n/**\n * 题目校验的判定。\n *\n * 单一职责：回答\"这一题现在算不算无效\"\"它是否满足要求\"\"哪个原生控件先报错\"。\n * 全部是纯函数——焦点与 `reportValidity` 这类副作用留给调用方，\n * 因此每条分支都能脱离 DOM 单独断言。\n */\n\n/**\n * 是否展示错误态：\n * - 禁用的题目永远不报错；\n * - 已跳过的题目不报错；\n * - 显式传入的 `invalid` 优先（受控）；\n * - 否则只在**用户交互过**之后才报错，且满足要求时不报错。\n *\n * 注：进入这里时 `skippable` 必为 false（上面的条件已排除），\n * 表达式里的 `skippable` 是迁移前就有的冗余分支，保留以维持原语义。\n */\nexport function resolveItemInvalid(input: {\n  disabled: boolean;\n  invalid: boolean;\n  skippable: boolean;\n  touched: boolean;\n  answeredOk: boolean;\n}): boolean {\n  const { disabled, invalid, skippable, touched, answeredOk } = input;\n  if (disabled || skippable) return false;\n  if (invalid) return true;\n  return touched && !(skippable || (!invalid && answeredOk));\n}\n\n/**\n * 是否满足要求：\n * - 禁用视为满足；\n * - 已跳过且非必填视为满足；\n * - 否则必须已作答且没有外部传入的 invalid。\n */\nexport function isItemSatisfied(input: {\n  disabled: boolean;\n  status: QuestionnaireItemStatus;\n  required: boolean;\n  invalid: boolean;\n}): boolean {\n  const { disabled, status, required, invalid } = input;\n  if (disabled) return true;\n  if (status === \"skipped\" && !required) return true;\n  return !invalid && status === \"answered\";\n}\n\n/**\n * 找出第一个\"有值且原生校验不通过\"的答案控件。\n * 只有它参与原生报错——空控件交给自定义校验，避免必填项的浏览器气泡到处弹。\n */\nexport function findNativeInvalidAnswer(\n  answers: readonly QuestionnaireAnswerEntry[],\n): QuestionnaireAnswerEntry | undefined {\n  return answers.find(\n    (entry) =>\n      isAnswerFilled(entry) &&\n      entry.element.willValidate &&\n      !entry.element.validity.valid,\n  );\n}\n"],"mappings":";;AAsBA,SAAgBA,EAAmB,GAMvB;CACV,IAAM,EAAE,aAAU,YAAS,cAAW,YAAS,kBAAeC;CAG9D,OAFIC,KAAYC,IAAkB,KAC9BC,IAAgB,KACbC,KAAW,EAAEF,KAAc,CAACC,KAAWE;AAChD;AAQA,SAAgBC,EAAgB,GAKpB;CACV,IAAM,EAAE,aAAU,WAAQ,aAAU,eAAYN;CAGhD,OAFIC,KACAM,MAAW,aAAa,CAACC,IAAiB,KACvC,CAACL,KAAWI,MAAW;AAChC;AAMA,SAAgBE,EACd,GACsC;CACtC,OAAOC,EAAQ,MACZ,MACCC,EAAeC,CAAK,KACpBA,EAAM,QAAQ,gBACd,CAACA,EAAM,QAAQ,SAAS,KAC5B;AACF"}

package/dist/components/questionnaire/useQuestionnaireItem.d.ts

@@ -0,0 +1,32 @@
+import { Accessor } from 'solid-js';
+import { QuestionnaireItemContextValue } from './questionnaire.context';
+interface Options {
+    name: string;
+    required: Accessor<boolean>;
+    multiple: Accessor<boolean>;
+    disabled: Accessor<boolean>;
+    invalid: Accessor<boolean>;
+}
+export interface QuestionnaireItemDomProps {
+    "aria-describedby": string | undefined;
+    "aria-invalid": boolean | undefined;
+    "aria-keyshortcuts": string | undefined;
+    disabled: boolean;
+    hidden: boolean;
+    inert: boolean;
+    tabIndex: number;
+}
+export interface UseQuestionnaireItemResult {
+    context: QuestionnaireItemContextValue;
+    /** 反应式:每次读取都根据当前 active/invalid 重新计算 */
+    itemProps: () => QuestionnaireItemDomProps;
+    describedBy: () => string | undefined;
+    keyshortcuts: () => string | undefined;
+    /** 在 fieldset 的 ref 里调用:登记 DOM 元素并把句柄注册到 Root */
+    registerElement: (element: HTMLElement) => () => void;
+}
+/**
+ * 单个题目的状态:答案注册与选中、跳过、校验、快捷键,以及给 Root 的句柄。
+ */
+export declare function useQuestionnaireItem(options: Options): UseQuestionnaireItemResult;
+export {};

package/dist/components/questionnaire/useQuestionnaireItem.js

@@ -0,0 +1,103 @@
+import { useQuestionnaireRootContext as e } from "./questionnaire.context.js";
+import { buildDescribedBy as t, buildItemKeyshortcuts as n, createIdRegistry as r } from "./questionnaire.aria.js";
+import { createAnswerBookkeeping as i } from "./questionnaire.answers.js";
+import { focusItem as a, moveAnswerFocus as o } from "./questionnaire.focus.js";
+import { buildShortcutByAnswerId as s, buildShortcutByChoiceValue as c, findAnswerByShortcut as l } from "./questionnaire.shortcuts.js";
+import { findNativeInvalidAnswer as u, isItemSatisfied as d, resolveItemInvalid as f } from "./questionnaire.validation.js";
+import { createMemo as p, createSignal as m } from "solid-js";
+//#region src/components/questionnaire/useQuestionnaireItem.ts
+function h(h) {
+	let g = e("QuestionnaireItem"), [_, v] = m(), y = i({
+		multiple: h.multiple,
+		required: h.required
+	}), { answers: b, selections: x, touched: S, resetVersion: C, status: w, skippable: T, answeredOk: E, hasInputAnswer: D, registerAnswerControl: O, registerAnswerSelection: k, setAnswerDefault: A, setAnswerSelectionFromInteraction: j, syncControlledAnswerSelection: M, getAnswerByElement: N } = y, P = r(), F = r(), I = p(() => g.activeItemName() === h.name), L = p(() => f({
+		disabled: h.disabled(),
+		invalid: h.invalid(),
+		skippable: T(),
+		touched: S(),
+		answeredOk: E()
+	})), R = () => a(_()), z = () => {
+		if (y.markTouched(), !d({
+			disabled: h.disabled(),
+			status: w(),
+			required: h.required(),
+			invalid: h.invalid()
+		})) return !1;
+		if (!g.nativeValidation()) return !0;
+		let e = u(b());
+		return !e || (e.element.focus(), e.element.reportValidity(), !1);
+	}, B = p(() => c(g.itemDefinitions()?.get(h.name), g.shortcuts())), V = p(() => s(b(), B() !== null, g.shortcuts())), H = (e) => l(e, {
+		byChoiceValue: B(),
+		byAnswerId: V(),
+		answers: b()
+	}), U = (e, t) => o({
+		scope: _(),
+		target: e,
+		direction: t,
+		answers: b()
+	}), W = () => t(P.ids(), F.ids(), L()), G = () => n({
+		active: I(),
+		hasAnswers: b().length > 0,
+		first: g.state().first,
+		last: g.state().last,
+		status: w()
+	});
+	return {
+		context: {
+			name: h.name,
+			active: I,
+			disabled: h.disabled,
+			invalid: L,
+			multiple: h.multiple,
+			required: h.required,
+			status: w,
+			hasInputAnswer: D,
+			selectedAnswerIds: x,
+			resetVersion: C,
+			shortcutByAnswerId: V,
+			shortcutByChoiceValue: B,
+			shortcuts: g.shortcuts,
+			registerAnswerControl: O,
+			registerAnswerSelection: k,
+			registerDescription: P.register,
+			registerError: F.register,
+			setAnswerDefault: A,
+			setAnswerSelectionFromInteraction: j,
+			syncControlledAnswerSelection: M
+		},
+		itemProps: () => ({
+			"aria-describedby": W(),
+			"aria-invalid": L() || void 0,
+			"aria-keyshortcuts": G(),
+			disabled: h.disabled(),
+			hidden: !I(),
+			inert: !I(),
+			tabIndex: -1
+		}),
+		registerElement: (e) => {
+			v(e);
+			let t = {
+				name: h.name,
+				element: e,
+				disabled: h.disabled,
+				required: h.required,
+				status: w,
+				validate: z,
+				focus: R,
+				focusInvalid: R,
+				skip: y.skip,
+				reset: y.reset,
+				getAnswerByElement: N,
+				getAnswerByShortcut: H,
+				moveAnswerFocus: U
+			};
+			return g.registerItem(t);
+		},
+		describedBy: W,
+		keyshortcuts: G
+	};
+}
+//#endregion
+export { h as useQuestionnaireItem };
+
+//# sourceMappingURL=useQuestionnaireItem.js.map

package/dist/components/questionnaire/useQuestionnaireItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionnaireItem.js","names":["moveAnswerFocus","moveAnswerFocusInItem","useQuestionnaireItem","root","useQuestionnaireRootContext","element","setElement","createSignal","book","createAnswerBookkeeping","options","descriptions","createIdRegistry","errors","active","createMemo","invalid","resolveItemInvalid","skippable","touched","answeredOk","focus","focusItem","validate","isItemSatisfied","status","answer","findNativeInvalidAnswer","answers","shortcutByChoiceValue","buildShortcutByChoiceValue","shortcutByAnswerId","buildShortcutByAnswerId","getAnswerByShortcut","findAnswerByShortcut","shortcut","moveAnswerFocus$1","moveAnswerFocus","describedBy","buildDescribedBy","keyshortcuts","buildItemKeyshortcuts","selections","target","handle"],"sources":["../../../src/components/questionnaire/useQuestionnaireItem.ts"],"sourcesContent":["import { createMemo, createSignal, type Accessor } from \"solid-js\";\nimport {\n  useQuestionnaireRootContext,\n  type QuestionnaireItemContextValue,\n  type QuestionnaireItemHandle,\n} from \"./questionnaire.context\";\nimport {\n  buildDescribedBy,\n  buildItemKeyshortcuts,\n  createIdRegistry,\n} from \"./questionnaire.aria\";\nimport { createAnswerBookkeeping } from \"./questionnaire.answers\";\nimport {\n  focusItem,\n  moveAnswerFocus as moveAnswerFocusInItem,\n} from \"./questionnaire.focus\";\nimport {\n  buildShortcutByAnswerId,\n  buildShortcutByChoiceValue,\n  findAnswerByShortcut,\n} from \"./questionnaire.shortcuts\";\nimport {\n  findNativeInvalidAnswer,\n  isItemSatisfied,\n  resolveItemInvalid,\n} from \"./questionnaire.validation\";\n\ninterface Options {\n  name: string;\n  required: Accessor<boolean>;\n  multiple: Accessor<boolean>;\n  disabled: Accessor<boolean>;\n  invalid: Accessor<boolean>;\n}\n\nexport interface QuestionnaireItemDomProps {\n  \"aria-describedby\": string | undefined;\n  \"aria-invalid\": boolean | undefined;\n  \"aria-keyshortcuts\": string | undefined;\n  disabled: boolean;\n  hidden: boolean;\n  inert: boolean;\n  tabIndex: number;\n}\n\nexport interface UseQuestionnaireItemResult {\n  context: QuestionnaireItemContextValue;\n  /** 反应式:每次读取都根据当前 active/invalid 重新计算 */\n  itemProps: () => QuestionnaireItemDomProps;\n  describedBy: () => string | undefined;\n  keyshortcuts: () => string | undefined;\n  /** 在 fieldset 的 ref 里调用:登记 DOM 元素并把句柄注册到 Root */\n  registerElement: (element: HTMLElement) => () => void;\n}\n\n/**\n * 单个题目的状态:答案注册与选中、跳过、校验、快捷键,以及给 Root 的句柄。\n */\nexport function useQuestionnaireItem(\n  options: Options,\n): UseQuestionnaireItemResult {\n  const root = useQuestionnaireRootContext(\"QuestionnaireItem\");\n\n  const [element, setElement] = createSignal<HTMLElement>();\n\n  const book = createAnswerBookkeeping({\n    multiple: options.multiple,\n    required: options.required,\n  });\n  const {\n    answers,\n    selections,\n    touched,\n    resetVersion,\n    status,\n    skippable,\n    answeredOk,\n    hasInputAnswer,\n    registerAnswerControl,\n    registerAnswerSelection,\n    setAnswerDefault,\n    setAnswerSelectionFromInteraction,\n    syncControlledAnswerSelection,\n    getAnswerByElement,\n  } = book;\n\n  const descriptions = createIdRegistry();\n  const errors = createIdRegistry();\n\n  const active = createMemo(() => root.activeItemName() === options.name);\n\n  const invalid = createMemo(() =>\n    resolveItemInvalid({\n      disabled: options.disabled(),\n      invalid: options.invalid(),\n      skippable: skippable(),\n      touched: touched(),\n      answeredOk: answeredOk(),\n    }),\n  );\n\n  const focus = () => focusItem(element());\n\n  const validate = () => {\n    book.markTouched();\n    const satisfied = isItemSatisfied({\n      disabled: options.disabled(),\n      status: status(),\n      required: options.required(),\n      invalid: options.invalid(),\n    });\n    if (!satisfied) return false;\n    if (!root.nativeValidation()) return true;\n\n    const answer = findNativeInvalidAnswer(answers());\n    if (!answer) return true;\n    answer.element.focus();\n    answer.element.reportValidity();\n    return false;\n  };\n\n  const shortcutByChoiceValue = createMemo(() =>\n    buildShortcutByChoiceValue(\n      root.itemDefinitions()?.get(options.name),\n      root.shortcuts(),\n    ),\n  );\n\n  const shortcutByAnswerId = createMemo(() =>\n    buildShortcutByAnswerId(\n      answers(),\n      shortcutByChoiceValue() !== null,\n      root.shortcuts(),\n    ),\n  );\n\n  const getAnswerByShortcut = (shortcut: string) =>\n    findAnswerByShortcut(shortcut, {\n      byChoiceValue: shortcutByChoiceValue(),\n      byAnswerId: shortcutByAnswerId(),\n      answers: answers(),\n    });\n\n  const moveAnswerFocus = (target: Element, direction: \"next\" | \"previous\") =>\n    moveAnswerFocusInItem({\n      scope: element(),\n      target,\n      direction,\n      answers: answers(),\n    });\n\n  const describedBy = () =>\n    buildDescribedBy(descriptions.ids(), errors.ids(), invalid());\n\n  const keyshortcuts = () =>\n    buildItemKeyshortcuts({\n      active: active(),\n      hasAnswers: answers().length > 0,\n      first: root.state().first,\n      last: root.state().last,\n      status: status(),\n    });\n\n  const context: QuestionnaireItemContextValue = {\n    name: options.name,\n    active,\n    disabled: options.disabled,\n    invalid,\n    multiple: options.multiple,\n    required: options.required,\n    status,\n    hasInputAnswer,\n    selectedAnswerIds: selections,\n    resetVersion,\n    shortcutByAnswerId,\n    shortcutByChoiceValue,\n    shortcuts: root.shortcuts,\n    registerAnswerControl,\n    registerAnswerSelection,\n    registerDescription: descriptions.register,\n    registerError: errors.register,\n    setAnswerDefault,\n    setAnswerSelectionFromInteraction,\n    syncControlledAnswerSelection,\n  };\n\n  const registerElement = (target: HTMLElement) => {\n    setElement(target);\n    const handle: QuestionnaireItemHandle = {\n      name: options.name,\n      element: target,\n      disabled: options.disabled,\n      required: options.required,\n      status,\n      validate,\n      focus,\n      focusInvalid: focus,\n      skip: book.skip,\n      reset: book.reset,\n      getAnswerByElement,\n      getAnswerByShortcut,\n      moveAnswerFocus,\n    };\n    return root.registerItem(handle);\n  };\n\n  return {\n    context,\n    itemProps: () => ({\n      \"aria-describedby\": describedBy(),\n      \"aria-invalid\": invalid() || undefined,\n      \"aria-keyshortcuts\": keyshortcuts(),\n      disabled: options.disabled(),\n      hidden: !active(),\n      inert: !active(),\n      tabIndex: -1,\n    }),\n    registerElement,\n    describedBy,\n    keyshortcuts,\n  };\n}\n"],"mappings":"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"}

package/dist/components/questionnaire/useQuestionnaireRoot.d.ts

@@ -0,0 +1,30 @@
+import { Accessor } from 'solid-js';
+import { QuestionnaireRootContextValue } from './questionnaire.context';
+import { QuestionnaireItemDefinition, QuestionnaireShortcutMode } from './questionnaire.types';
+interface Options {
+    item: Accessor<string | undefined>;
+    defaultItem: Accessor<string | undefined>;
+    items: Accessor<readonly QuestionnaireItemDefinition[] | undefined>;
+    shortcuts: Accessor<QuestionnaireShortcutMode | undefined>;
+    noValidate: Accessor<boolean | undefined>;
+    onItemChange: (item: string) => void;
+    onReset?: (event: Event) => void;
+    onSubmit?: (event: SubmitEvent) => void;
+    formRef: Accessor<HTMLFormElement | undefined>;
+}
+/**
+ * Questionnaire 根状态机:
+ * - 注册各 Item(按 DOM 顺序排序),维护激活项与进度;
+ * - 导航(上一题/下一题/跳过/提交)与校验;
+ * - 键盘:Mod+Enter 提交、上下箭头在答案间移动、左右箭头切题、方向键/Esc/快捷键。
+ */
+export declare function useQuestionnaireRoot(options: Options): {
+    context: QuestionnaireRootContextValue;
+    formProps: {
+        "data-shortcuts": string | undefined;
+        onKeyDown: (event: KeyboardEvent) => void;
+        onSubmit: (event: SubmitEvent) => void;
+        onReset: (event: Event) => void;
+    };
+};
+export {};

package/dist/components/questionnaire/useQuestionnaireRoot.js

@@ -0,0 +1,123 @@
+import { createDomVersionWatcher as e } from "./questionnaire.dom-watch.js";
+import { createItemView as t, resolveActiveName as n } from "./questionnaire.item-view.js";
+import { handleQuestionnaireKeyDown as r } from "./questionnaire.keys.js";
+import { createItemRegistry as i } from "./questionnaire.registry.js";
+import { createEffect as a, createSignal as o } from "solid-js";
+//#region src/components/questionnaire/useQuestionnaireRoot.ts
+function s(s) {
+	let c = i(), l = e(s.formRef), [u, d] = o(null), f = null, p = t({
+		registered: c.items,
+		domVersion: l,
+		controlledItem: s.item,
+		internalName: u,
+		definitions: s.items
+	}), { enabled: m, activeName: h, activeItem: g, total: _, index: v, first: y, last: b } = p, { current: x, itemDefinitions: S } = p, C = () => n({
+		enabled: m(),
+		controlledItem: s.item(),
+		defaultItem: s.defaultItem()
+	});
+	a(() => {
+		if (s.item() !== void 0) return;
+		let e = m(), t = h();
+		if (t && e.some((e) => e.name === t)) return;
+		let n = C();
+		n !== t && d(n);
+	});
+	let w = c.register, T = (e, t = "item") => {
+		if (e) {
+			if (e === h()) {
+				t === "invalid" && g()?.focusInvalid();
+				return;
+			}
+			f = {
+				name: e,
+				target: t
+			}, s.item() === void 0 && d(e), s.onItemChange?.(e);
+		}
+	}, E = () => s.formRef()?.requestSubmit(), D = () => {
+		let e = g();
+		if (!e) return;
+		if (!e.validate()) {
+			e.focusInvalid();
+			return;
+		}
+		let t = m(), n = t.indexOf(e);
+		n < 0 || n >= t.length - 1 || T(t[n + 1].name);
+	}, O = () => {
+		let e = m(), t = v();
+		t <= 0 || T(e[t - 1].name);
+	}, k = () => {
+		let e = g();
+		if (!e || e.required()) return;
+		if (e.skip(), b()) {
+			queueMicrotask(E);
+			return;
+		}
+		let t = m(), n = t.indexOf(e);
+		T(t[n + 1].name);
+	}, A = () => {
+		b() ? E() : D();
+	};
+	return a(() => {
+		let e = h();
+		if (!f || f.name !== e) return;
+		let t = f.target;
+		f = null;
+		let n = m().find((t) => t.name === e);
+		n && queueMicrotask(() => {
+			t === "invalid" ? n.focusInvalid() : n.focus();
+		});
+	}), {
+		context: {
+			state: () => ({
+				current: x(),
+				first: y(),
+				last: b(),
+				total: _()
+			}),
+			activeItemName: h,
+			activeItemRequired: () => g()?.required() ?? null,
+			activeItemStatus: () => g()?.status() ?? null,
+			shortcuts: () => s.shortcuts() ?? null,
+			nativeValidation: () => s.noValidate() === !1,
+			itemDefinitions: S,
+			registerItem: w,
+			goNext: D,
+			goPrevious: O,
+			skipCurrent: k,
+			requestSubmit: E
+		},
+		formProps: {
+			"data-shortcuts": s.shortcuts(),
+			onKeyDown: (e) => {
+				let t = g();
+				t && r(e, {
+					item: t,
+					status: () => t.status(),
+					shortcuts: s.shortcuts() ?? null,
+					goNext: D,
+					goPrevious: O,
+					submitOrNext: A
+				});
+			},
+			onSubmit: (e) => {
+				let t = m().find((e) => !e.validate());
+				if (t) {
+					e.preventDefault(), T(t.name, "invalid");
+					return;
+				}
+				s.onSubmit?.(e);
+			},
+			onReset: (e) => {
+				if (s.onReset?.(e), !e.defaultPrevented) {
+					for (let e of m()) e.reset();
+					T(C());
+				}
+			}
+		}
+	};
+}
+//#endregion
+export { s as useQuestionnaireRoot };
+
+//# sourceMappingURL=useQuestionnaireRoot.js.map

package/dist/components/questionnaire/useQuestionnaireRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionnaireRoot.js","names":["useQuestionnaireRoot","registry","createItemRegistry","domVersion","createDomVersionWatcher","options","internalName","setInternalName","createSignal","pendingFocus","view","createItemView","resolveName","resolveActiveName","enabled","list","name","activeName","entry","next","registerItem","navigate","target","activeItem","requestSubmit","goNext","item","position","goPrevious","index","skipCurrent","last","submitOrNext","createEffect","handle","current","first","total","handleQuestionnaireKeyDown","event","invalid"],"sources":["../../../src/components/questionnaire/useQuestionnaireRoot.ts"],"sourcesContent":["import { createEffect, createSignal, type Accessor } from \"solid-js\";\nimport type { QuestionnaireRootContextValue } from \"./questionnaire.context\";\nimport type {\n  QuestionnaireItemDefinition,\n  QuestionnaireShortcutMode,\n} from \"./questionnaire.types\";\nimport { createDomVersionWatcher } from \"./questionnaire.dom-watch\";\nimport { createItemView, resolveActiveName } from \"./questionnaire.item-view\";\nimport { handleQuestionnaireKeyDown } from \"./questionnaire.keys\";\nimport { createItemRegistry } from \"./questionnaire.registry\";\n\ninterface Options {\n  item: Accessor<string | undefined>;\n  defaultItem: Accessor<string | undefined>;\n  items: Accessor<readonly QuestionnaireItemDefinition[] | undefined>;\n  shortcuts: Accessor<QuestionnaireShortcutMode | undefined>;\n  noValidate: Accessor<boolean | undefined>;\n  onItemChange: (item: string) => void;\n  onReset?: (event: Event) => void;\n  onSubmit?: (event: SubmitEvent) => void;\n  formRef: Accessor<HTMLFormElement | undefined>;\n}\n\n/**\n * Questionnaire 根状态机:\n * - 注册各 Item(按 DOM 顺序排序),维护激活项与进度;\n * - 导航(上一题/下一题/跳过/提交)与校验;\n * - 键盘:Mod+Enter 提交、上下箭头在答案间移动、左右箭头切题、方向键/Esc/快捷键。\n */\nexport function useQuestionnaireRoot(options: Options): {\n  context: QuestionnaireRootContextValue;\n  formProps: {\n    \"data-shortcuts\": string | undefined;\n    onKeyDown: (event: KeyboardEvent) => void;\n    onSubmit: (event: SubmitEvent) => void;\n    onReset: (event: Event) => void;\n  };\n} {\n  const registry = createItemRegistry();\n  const domVersion = createDomVersionWatcher(options.formRef);\n  const [internalName, setInternalName] = createSignal<string | null>(null);\n  let pendingFocus: { name: string; target: \"item\" | \"invalid\" } | null = null;\n\n  const view = createItemView({\n    registered: registry.items,\n    domVersion,\n    controlledItem: options.item,\n    internalName,\n    definitions: options.items,\n  });\n  const { enabled, activeName, activeItem, total, index, first, last } = view;\n  const { current, itemDefinitions } = view;\n\n  const resolveName = () =>\n    resolveActiveName({\n      enabled: enabled(),\n      controlledItem: options.item(),\n      defaultItem: options.defaultItem(),\n    });\n\n  // 激活项不可用时回退到定义/第一个可用项\n  createEffect(() => {\n    if (options.item() !== undefined) return;\n    const list = enabled();\n    const name = activeName();\n    if (name && list.some((entry) => entry.name === name)) return;\n    const next = resolveName();\n    if (next !== name) setInternalName(next);\n  });\n\n  const registerItem = registry.register;\n\n  const navigate = (\n    name: string | null,\n    target: \"item\" | \"invalid\" = \"item\",\n  ) => {\n    if (!name) return;\n    if (name === activeName()) {\n      if (target === \"invalid\") activeItem()?.focusInvalid();\n      return;\n    }\n    pendingFocus = { name, target };\n    if (options.item() === undefined) setInternalName(name);\n    options.onItemChange?.(name);\n  };\n\n  const requestSubmit = () => options.formRef()?.requestSubmit();\n\n  const goNext = () => {\n    const item = activeItem();\n    if (!item) return;\n    if (!item.validate()) {\n      item.focusInvalid();\n      return;\n    }\n    const list = enabled();\n    const position = list.indexOf(item);\n    if (position < 0 || position >= list.length - 1) return;\n    navigate(list[position + 1]!.name);\n  };\n\n  const goPrevious = () => {\n    const list = enabled();\n    const position = index();\n    if (position <= 0) return;\n    navigate(list[position - 1]!.name);\n  };\n\n  const skipCurrent = () => {\n    const item = activeItem();\n    if (!item || item.required()) return;\n    item.skip();\n    if (last()) {\n      queueMicrotask(requestSubmit);\n      return;\n    }\n    const list = enabled();\n    const position = list.indexOf(item);\n    // 走到这里说明 last() 为 false，即 position 必然小于末位；\n    // 且 position 与 item-view 的 index() 同源于 enabled()，因此下一项一定存在\n    navigate(list[position + 1].name);\n  };\n\n  const submitOrNext = () => {\n    if (last()) requestSubmit();\n    else goNext();\n  };\n\n  const handleSubmit = (event: SubmitEvent) => {\n    const invalid = enabled().find((item) => !item.validate());\n    if (invalid) {\n      event.preventDefault();\n      navigate(invalid.name, \"invalid\");\n      return;\n    }\n    options.onSubmit?.(event);\n  };\n\n  const handleReset = (event: Event) => {\n    options.onReset?.(event);\n    if (event.defaultPrevented) return;\n    for (const item of enabled()) item.reset();\n    navigate(resolveName());\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    const item = activeItem();\n    if (!item) return;\n\n    handleQuestionnaireKeyDown(event, {\n      item,\n      status: () => item.status(),\n      shortcuts: options.shortcuts() ?? null,\n      goNext,\n      goPrevious,\n      submitOrNext,\n    });\n  };\n\n  // 导航后聚焦新激活项(或它的首个答案控件)\n  createEffect(() => {\n    const name = activeName();\n    if (!pendingFocus || pendingFocus.name !== name) return;\n    const target = pendingFocus.target;\n    pendingFocus = null;\n    const handle = enabled().find((item) => item.name === name);\n    if (!handle) return;\n    queueMicrotask(() => {\n      if (target === \"invalid\") handle.focusInvalid();\n      else handle.focus();\n    });\n  });\n\n  const context: QuestionnaireRootContextValue = {\n    state: () => ({\n      current: current(),\n      first: first(),\n      last: last(),\n      total: total(),\n    }),\n    activeItemName: activeName,\n    activeItemRequired: () => activeItem()?.required() ?? null,\n    activeItemStatus: () => activeItem()?.status() ?? null,\n    shortcuts: () => options.shortcuts() ?? null,\n    nativeValidation: () => options.noValidate() === false,\n    itemDefinitions,\n    registerItem,\n    goNext,\n    goPrevious,\n    skipCurrent,\n    requestSubmit,\n  };\n\n  return {\n    context,\n    formProps: {\n      \"data-shortcuts\": options.shortcuts(),\n      onKeyDown: handleKeyDown,\n      onSubmit: handleSubmit,\n      onReset: handleReset,\n    },\n  };\n}\n"],"mappings":"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"}

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

@@ -36,6 +36,9 @@ function d(o) {
 			get class() {
 				return e("grid w-full gap-2", d.class);
 			},
+			get classList() {
+				return d.classList;
+			},
 			get style() {
 				return d.style;
 			},

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

@@ -1 +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","_$mergeProps","_$createComponent","_tmpl$","RadioGroup","local","rest","splitProps","props","internalValue","setInternalValue","createSignal","value","createMemo","disabled","itemElements","ctx","next","itemValue","element","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","RadioGroupContext"],"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,IAAA8B,QAAA;IAAA,OAIWhE,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"}
+{"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","classList","style","dir","_$insert","_$createComponent","Provider","children","_$mergeProps","_$createComponent","_tmpl$","RadioGroup","local","rest","splitProps","props","internalValue","setInternalValue","createSignal","value","createMemo","disabled","itemElements","ctx","next","itemValue","element","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","RadioGroupContext"],"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      classList={local.classList}\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;EAWqB,OAXrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA+B,QAAA;IAAA,OAIWjE,EAAK,qBAAqBO,EAAM4B,KAAK;GAAC;GAAA,IAC7CC,YAAS;IAAA,OAAE7B,EAAM6B;GAAS;GAAA,IAC1BC,QAAK;IAAA,OAAE9B,EAAM8B;GAAK;GAAA,IAClBC,MAAG;IAAA,OAAE/B,EAAM+B;GAAG;EAAA,GACV9B,CAAI,GAAA,IAAA,EAAA,GAAA+B,EAAAR,GAAAS,EAEPvC,EAAkBwC,UAAQ;GAAC7B,OAAOiB;GAAG,IAAAa,WAAA;IAAA,OACnCnC,EAAMmC;GAAQ;EAAA,CAAA,CAAA,GAAAX;CAAA,EAAA,CAAA;AAIvB"}

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

@@ -63,6 +63,9 @@ function m(o) {
 			},
 			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);
+			},
+			get classList() {
+				return h.classList;
 			}
 		}, g), !1, !0), r(t, n(c, {
 			get when() {

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

@@ -1 +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$","_$mergeProps","_$createComponent","_tmpl$","_tmpl$2","RadioGroupItem","ctx","useRadioGroupContext","local","rest","splitProps","props","checked","createMemo","isDisabled","select","unregister","attachListeners","onClick","onKeyDown","e","group","el","values","item","value","nextValue","onCleanup","_el$","use","spread","mergeProps","\"class\"","clsx","insert","createComponent","Show"],"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;EACnB,AAAIF,EAAW,KACfL,EAAIQ,SAASP,EAAMG,KAAK;CAC1B,GAEIK,GAEEC,KAAmBC,MAA0B;EACjD,IAAME,UAAgBN,EAAO,GACvBO,KAAaC,MAAqB;GACtC,IAAIV,GAAW,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,IAAAsC,QAAA;IAAA,OACP9F,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"}
+{"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","classList","_$insert","_$createComponent","when","children","_tmpl$","_$mergeProps","_$createComponent","_tmpl$","_tmpl$2","RadioGroupItem","ctx","useRadioGroupContext","local","rest","splitProps","props","checked","createMemo","isDisabled","select","unregister","attachListeners","onClick","onKeyDown","e","group","el","values","item","value","nextValue","onCleanup","_el$","use","spread","mergeProps","\"class\"","clsx","insert","createComponent","Show"],"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      classList={local.classList}\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;EACnB,AAAIF,EAAW,KACfL,EAAIQ,SAASP,EAAMG,KAAK;CAC1B,GAEIK,GAEEC,KAAmBC,MAA0B;EACjD,IAAME,UAAgBN,EAAO,GACvBO,KAAaC,MAAqB;GACtC,IAAIV,GAAW,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;EAwByB,OAxBzBC,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,IAAAuC,QAAA;IAAA,OACP/F,EACL,uKACA,6EACA,mDACA,iIACA,kGACA,yHACAM,EAAMmD,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEpD,EAAMoD;GAAS;EAAA,GACtBnD,CAAI,GAAA,IAAA,EAAA,GAAAoD,EAAAZ,GAAAa,EAEPhE,GAAI;GAAA,IAACiE,OAAI;IAAA,OAAErD,EAAQ;GAAC;GAAA,IAAAsD,WAAA;IAAA,OAAAC,EAAA;GAAA;EAAA,CAAA,CAAA,GAAAhB;CAAA,EAAA,CAAA;AAQ3B"}

package/dist/components/resizable/ResizableHandle/ResizableHandle.d.ts

@@ -0,0 +1,6 @@
+import { ResizableHandleProps } from '../resizable.types';
+/**
+ * 两个面板之间的分隔条:支持拖拽、方向键、Home/End、Enter/Space 折叠。
+ * 默认只有 1px 可见线,靠 `::after` 扩大命中区域;`withHandle` 时显示抓手。
+ */
+export declare function ResizableHandle(props: ResizableHandleProps): import('solid-js').JSX.Element;