@neut/ui 0.0.16 → 0.0.17

package/dist/components/questionnaire/Questionnaire/Questionnaire.js

@@ -0,0 +1,68 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { QuestionnaireRootContext as t } from "../questionnaire.context.js";
+import { useQuestionnaireRoot as n } from "../useQuestionnaireRoot.js";
+import { createComponent as r, insert as i, mergeProps as a, spread as o, template as s, use as c } from "solid-js/web";
+import { createSignal as l, mergeProps as u, onCleanup as d, splitProps as f } from "solid-js";
+//#region src/components/questionnaire/Questionnaire/Questionnaire.tsx
+var p = /*#__PURE__*/ s("<form>");
+function m(s) {
+	let m = u({ noValidate: !0 }, s), [h, g] = f(m, [
+		"class",
+		"classList",
+		"children",
+		"defaultItem",
+		"item",
+		"items",
+		"onItemChange",
+		"shortcuts",
+		"noValidate",
+		"onReset",
+		"onSubmit"
+	]), [_, v] = l(), { context: y, formProps: b } = n({
+		item: () => h.item,
+		defaultItem: () => h.defaultItem,
+		items: () => h.items,
+		shortcuts: () => h.shortcuts,
+		noValidate: () => h.noValidate,
+		onItemChange: (e) => h.onItemChange?.(e),
+		onReset: (e) => h.onReset?.(e),
+		onSubmit: (e) => h.onSubmit?.(e),
+		formRef: _
+	});
+	return r(t.Provider, {
+		value: y,
+		get children() {
+			var t = p();
+			return c((e) => {
+				v(e), d(() => v(void 0));
+			}, t), o(t, a(g, {
+				get noValidate() {
+					return h.noValidate;
+				},
+				"data-slot": "questionnaire",
+				get "data-shortcuts"() {
+					return b["data-shortcuts"];
+				},
+				get onKeyDown() {
+					return b.onKeyDown;
+				},
+				get onSubmit() {
+					return b.onSubmit;
+				},
+				get onReset() {
+					return b.onReset;
+				},
+				get class() {
+					return e("flex w-full min-w-0 flex-col gap-4", h.class);
+				},
+				get classList() {
+					return h.classList;
+				}
+			}), !1, !0), i(t, () => h.children), t;
+		}
+	});
+}
+//#endregion
+export { m as Questionnaire };
+
+//# sourceMappingURL=Questionnaire.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Questionnaire.js","names":["createSignal","mergeProps","onCleanup","splitProps","clsx","QuestionnaireRootContext","useQuestionnaireRoot","QuestionnaireProps","Questionnaire","props","merged","noValidate","local","rest","form","setForm","HTMLFormElement","context","formProps","item","defaultItem","items","shortcuts","onItemChange","onReset","event","onSubmit","formRef","_$createComponent","Provider","value","children","_el$","_tmpl$","_$use","el","undefined","_$spread","_$mergeProps","data-shortcuts","onKeyDown","class","classList","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","Questionnaire","merged","props","local","rest","splitProps","form","setForm","createSignal","useQuestionnaireRoot","item","event","createComponent","QuestionnaireRootContext","context","_el$","use","el","onCleanup","spread","mergeProps","formProps","\"class\"","clsx","insert"],"sources":["../../../../src/components/questionnaire/Questionnaire/Questionnaire.tsx"],"sourcesContent":["import { createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { QuestionnaireRootContext } from \"../questionnaire.context\";\nimport { useQuestionnaireRoot } from \"../useQuestionnaireRoot\";\nimport type { QuestionnaireProps } from \"../questionnaire.types\";\n\n/** Questionnaire 根:渲染 form,持有进度、激活项、校验与导航状态 */\nexport function Questionnaire(props: QuestionnaireProps) {\n  const merged = mergeProps({ noValidate: true }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"defaultItem\",\n    \"item\",\n    \"items\",\n    \"onItemChange\",\n    \"shortcuts\",\n    \"noValidate\",\n    \"onReset\",\n    \"onSubmit\",\n  ]);\n\n  const [form, setForm] = createSignal<HTMLFormElement>();\n  const { context, formProps } = useQuestionnaireRoot({\n    item: () => local.item,\n    defaultItem: () => local.defaultItem,\n    items: () => local.items,\n    shortcuts: () => local.shortcuts,\n    noValidate: () => local.noValidate,\n    onItemChange: (item) => local.onItemChange?.(item),\n    onReset: (event) => local.onReset?.(event),\n    onSubmit: (event) => local.onSubmit?.(event),\n    formRef: form,\n  });\n\n  return (\n    <QuestionnaireRootContext.Provider value={context}>\n      <form\n        {...rest}\n        ref={(el) => {\n          setForm(el);\n          onCleanup(() => setForm(undefined));\n        }}\n        noValidate={local.noValidate}\n        data-slot=\"questionnaire\"\n        data-shortcuts={formProps[\"data-shortcuts\"]}\n        onKeyDown={formProps.onKeyDown}\n        onSubmit={formProps.onSubmit}\n        onReset={formProps.onReset}\n        class={clsx(\"flex w-full min-w-0 flex-col gap-4\", local.class)}\n        classList={local.classList}\n      >\n        {local.children}\n      </form>\n    </QuestionnaireRootContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgBQ,EAAcC,GAA2B;CACvD,IAAMC,IAAST,EAAW,EAAEU,YAAY,GAAK,GAAGF,CAAK,GAC/C,CAACG,GAAOC,KAAQV,EAAWO,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACI,GAAMC,KAAWf,EAA8B,GAChD,EAAEiB,YAASC,iBAAcZ,EAAqB;EAClDa,YAAYP,EAAMO;EAClBC,mBAAmBR,EAAMQ;EACzBC,aAAaT,EAAMS;EACnBC,iBAAiBV,EAAMU;EACvBX,kBAAkBC,EAAMD;EACxBY,eAAeJ,MAASP,EAAMW,eAAeJ,CAAI;EACjDK,UAAUC,MAAUb,EAAMY,UAAUC,CAAK;EACzCC,WAAWD,MAAUb,EAAMc,WAAWD,CAAK;EAC3CE,SAASb;CACX,CAAC;CAED,OAAAc,EACGvB,EAAyBwB,UAAQ;EAACC,OAAOb;EAAO,IAAAc,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAgB9B,OAhB8BC,GAGvCC,MAAO;IAEXjC,AADAa,EAAQoB,CAAE,GACVjC,QAAgBa,EAAQqB,KAAAA,CAAS,CAAC;GACpC,GAACJ,CAAA,GAAAK,EAAAL,GAAAM,EAJGzB,GAAI;IAAA,IAKRF,aAAU;KAAA,OAAEC,EAAMD;IAAU;IAAA,aAClB;IAAe,IAAA,mBAAA;KAAA,OACTO,EAAU;IAAiB;IAAA,IAC3CsB,YAAS;KAAA,OAAEtB,EAAUsB;IAAS;IAAA,IAC9Bd,WAAQ;KAAA,OAAER,EAAUQ;IAAQ;IAAA,IAC5BF,UAAO;KAAA,OAAEN,EAAUM;IAAO;IAAA,IAAA+C,QAAA;KAAA,OACnBnE,EAAK,sCAAsCQ,EAAM6B,KAAK;IAAC;IAAA,IAC9DC,YAAS;KAAA,OAAE9B,EAAM8B;IAAS;GAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAX,SAEzBpB,EAAMmB,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

package/dist/components/questionnaire/Questionnaire/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import { QuestionnaireChoicesProps } from '../questionnaire.types';
+/** 底部操作区:Previous 左对齐,Skip/Next/Submit 右对齐 */
+export declare function QuestionnaireActions(props: QuestionnaireChoicesProps): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireActions/QuestionnaireActions.js

@@ -0,0 +1,24 @@
+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/questionnaire/QuestionnaireActions/QuestionnaireActions.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "questionnaire-actions",
+			get class() {
+				return e("grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as QuestionnaireActions };
+
+//# sourceMappingURL=QuestionnaireActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireActions.js","names":["splitProps","clsx","QuestionnaireChoicesProps","QuestionnaireActions","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","QuestionnaireActions","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireActions/QuestionnaireActions.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { QuestionnaireChoicesProps } from \"../questionnaire.types\";\n\n/** 底部操作区:Previous 左对齐,Skip/Next/Submit 右对齐 */\nexport function QuestionnaireActions(props: QuestionnaireChoicesProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"questionnaire-actions\"\n      class={clsx(\n        \"grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBG,EAAqBC,GAAkC;CACrE,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQ8B,OAR9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAuB,IAAAiB,QAAA;IAAA,OAC1BtB,EACL,0FACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/questionnaire/QuestionnaireActions/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import { QuestionnaireChoiceProps } from '../questionnaire.types';
+/** 固定选项:原生 radio/checkbox(视觉隐藏) + 自绘指示器 + 文字 + 快捷键徽标 */
+export declare function QuestionnaireChoice(props: QuestionnaireChoiceProps): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireChoice/QuestionnaireChoice.js

@@ -0,0 +1,99 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireItemContext as t } from "../questionnaire.context.js";
+import { useQuestionnaireChoice as n } from "./useQuestionnaireChoice.js";
+import { addEventListener as r, className as i, createComponent as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, template as d, use as f } from "solid-js/web";
+import { Show as p, splitProps as m } from "solid-js";
+import { Check as h } from "lucide-solid";
+//#region src/components/questionnaire/QuestionnaireChoice/QuestionnaireChoice.tsx
+var g = /*#__PURE__*/ d("<label><input data-slot=questionnaire-choice-input class=\"absolute inset-0 z-10 size-full cursor-pointer opacity-0\"><span aria-hidden=true data-slot=questionnaire-choice-indicator></span><span data-slot=questionnaire-choice-content class=\"flex min-w-0 flex-1 flex-col gap-0.5 leading-snug\">"), _ = /*#__PURE__*/ d("<span data-slot=questionnaire-choice-indicator-dot class=\"size-2 rounded-full bg-primary-foreground\">"), v = /*#__PURE__*/ d("<span aria-hidden=true data-slot=questionnaire-shortcut class=\"pointer-events-none ms-auto inline-flex size-5 shrink-0 translate-y-[calc(var(--spacing)*0.45)] items-center justify-center rounded-md border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground\">"), y = "group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-sm text-start transition-colors outline-none select-none hover:bg-muted/50 data-[checked]:border-primary/40 data-[checked]:bg-muted data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[invalid]:border-destructive has-[:focus-visible]:border-ring has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-ring/50 dark:bg-input/20 dark:data-[checked]:bg-muted";
+function b(d) {
+	let b = t("QuestionnaireChoice"), [x, S] = m(d, [
+		"value",
+		"checked",
+		"defaultChecked",
+		"disabled",
+		"onChange",
+		"class",
+		"classList",
+		"children"
+	]), C = n({
+		value: x.value,
+		checked: () => x.checked,
+		defaultChecked: () => x.defaultChecked ?? !1,
+		disabled: () => !!x.disabled,
+		onChange: (e) => x.onChange?.(e)
+	}), w = () => C.checkedResolved();
+	return (() => {
+		var t = g(), n = t.firstChild, d = n.nextSibling, m = d.nextSibling;
+		u(t, c(S, {
+			"data-slot": "questionnaire-choice",
+			get "data-checked"() {
+				return w() ? "" : void 0;
+			},
+			get "data-unchecked"() {
+				return w() ? void 0 : "";
+			},
+			get "data-disabled"() {
+				return C.isDisabled() ? "" : void 0;
+			},
+			get "data-invalid"() {
+				return b.invalid() ? "" : void 0;
+			},
+			get "data-type"() {
+				return C.type();
+			},
+			get "data-shortcut"() {
+				return C.shortcut() ?? void 0;
+			},
+			get class() {
+				return e(y, x.class);
+			},
+			get classList() {
+				return x.classList;
+			}
+		}), !1, !0), r(n, "change", C.handleChange);
+		var T = C.setInput;
+		return typeof T == "function" ? f(T, n) : C.setInput = n, s(d, a(p, {
+			get when() {
+				return w();
+			},
+			get children() {
+				return a(p, {
+					get when() {
+						return C.type() === "checkbox";
+					},
+					get fallback() {
+						return _();
+					},
+					get children() {
+						return a(h, { class: "size-3.5" });
+					}
+				});
+			}
+		})), s(m, () => x.children), s(t, a(p, {
+			get when() {
+				return C.shortcut();
+			},
+			children: (e) => (() => {
+				var t = v();
+				return s(t, e), t;
+			})()
+		}), null), o((t) => {
+			var r = C.id, a = C.type(), o = C.name(), s = C.isDisabled(), c = C.required(), u = b.invalid() || void 0, f = C.ariaKeyShortcuts(), p = e("pointer-events-none relative flex size-4 shrink-0 translate-y-[calc(var(--spacing)*0.45)] items-center justify-center border group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5", C.type() === "radio" ? "rounded-full" : "rounded-[4px]", w() ? "border-primary bg-primary text-primary-foreground" : "border-input dark:bg-input/30");
+			return r !== t.e && l(n, "id", t.e = r), a !== t.t && l(n, "type", t.t = a), o !== t.a && l(n, "name", t.a = o), s !== t.o && (n.disabled = t.o = s), c !== t.i && (n.required = t.i = c), u !== t.n && l(n, "aria-invalid", t.n = u), f !== t.s && l(n, "aria-keyshortcuts", t.s = f), p !== t.h && i(d, t.h = p), t;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0
+		}), o(() => n.value = x.value), o(() => n.checked = w()), t;
+	})();
+}
+//#endregion
+export { b as QuestionnaireChoice };
+
+//# sourceMappingURL=QuestionnaireChoice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireChoice.js","names":["Show","splitProps","Check","clsx","useQuestionnaireItemContext","useQuestionnaireChoice","QuestionnaireChoiceProps","labelClasses","shortcutClasses","QuestionnaireChoice","props","item","local","rest","choice","value","checked","defaultChecked","disabled","onChange","event","checkedResolved","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_$spread","_$mergeProps","data-checked","undefined","data-unchecked","data-disabled","isDisabled","data-invalid","invalid","data-type","type","data-shortcut","shortcut","class","classList","_$addEventListener","handleChange","_ref$","setInput","_$use","_$insert","_$createComponent","when","children","fallback","_tmpl$2","_el$6","_tmpl$3","_$effect","_p$","_v$","id","_v$2","_v$3","name","_v$4","_v$5","required","_v$6","_v$7","ariaKeyShortcuts","_v$8","e","_$setAttribute","t","a","o","i","n","s","h","_$className","_$mergeProps","_$use","_$createComponent","_$setAttribute","_$className","_tmpl$","_tmpl$2","_tmpl$3","labelClasses","QuestionnaireChoice","item","useQuestionnaireItemContext","local","rest","splitProps","props","choice","useQuestionnaireChoice","event","checked","_el$","_el$2","_el$3","_el$4","spread","mergeProps","\"class\"","clsx","addEventListener","_ref$","use","insert","createComponent","Show","Check","_el$6","shortcut","effect","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_v$8","_p$","setAttribute","className"],"sources":["../../../../src/components/questionnaire/QuestionnaireChoice/QuestionnaireChoice.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport { useQuestionnaireChoice } from \"./useQuestionnaireChoice\";\nimport type { QuestionnaireChoiceProps } from \"../questionnaire.types\";\n\n// 类名来自 shadcn base/nova 的 cn-questionnaire-choice 等 token(见 style-nova.css)\nconst labelClasses =\n  \"group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-sm text-start transition-colors outline-none select-none hover:bg-muted/50 data-[checked]:border-primary/40 data-[checked]:bg-muted data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[invalid]:border-destructive has-[:focus-visible]:border-ring has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-ring/50 dark:bg-input/20 dark:data-[checked]:bg-muted\";\n\nconst shortcutClasses =\n  \"pointer-events-none ms-auto inline-flex size-5 shrink-0 translate-y-[calc(var(--spacing)*0.45)] items-center justify-center rounded-md border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground\";\n\n/** 固定选项:原生 radio/checkbox(视觉隐藏) + 自绘指示器 + 文字 + 快捷键徽标 */\nexport function QuestionnaireChoice(props: QuestionnaireChoiceProps) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireChoice\");\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"checked\",\n    \"defaultChecked\",\n    \"disabled\",\n    \"onChange\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const choice = useQuestionnaireChoice({\n    value: local.value,\n    checked: () => local.checked,\n    defaultChecked: () => local.defaultChecked ?? false,\n    disabled: () => !!local.disabled,\n    onChange: (event) => local.onChange?.(event),\n  });\n\n  const checked = () => choice.checkedResolved();\n\n  return (\n    <label\n      {...rest}\n      data-slot=\"questionnaire-choice\"\n      data-checked={checked() ? \"\" : undefined}\n      data-unchecked={checked() ? undefined : \"\"}\n      data-disabled={choice.isDisabled() ? \"\" : undefined}\n      data-invalid={item.invalid() ? \"\" : undefined}\n      data-type={choice.type()}\n      data-shortcut={choice.shortcut() ?? undefined}\n      class={clsx(labelClasses, local.class)}\n      classList={local.classList}\n    >\n      <input\n        ref={choice.setInput}\n        id={choice.id}\n        type={choice.type()}\n        name={choice.name()}\n        value={local.value}\n        checked={checked()}\n        disabled={choice.isDisabled()}\n        required={choice.required()}\n        aria-invalid={item.invalid() || undefined}\n        aria-keyshortcuts={choice.ariaKeyShortcuts()}\n        onChange={choice.handleChange}\n        data-slot=\"questionnaire-choice-input\"\n        class=\"absolute inset-0 z-10 size-full cursor-pointer opacity-0\"\n      />\n      <span\n        aria-hidden=\"true\"\n        data-slot=\"questionnaire-choice-indicator\"\n        class={clsx(\n          \"pointer-events-none relative flex size-4 shrink-0 translate-y-[calc(var(--spacing)*0.45)] items-center justify-center border group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5\",\n          choice.type() === \"radio\" ? \"rounded-full\" : \"rounded-[4px]\",\n          checked()\n            ? \"border-primary bg-primary text-primary-foreground\"\n            : \"border-input dark:bg-input/30\",\n        )}\n      >\n        <Show when={checked()}>\n          <Show\n            when={choice.type() === \"checkbox\"}\n            fallback={\n              <span\n                data-slot=\"questionnaire-choice-indicator-dot\"\n                class=\"size-2 rounded-full bg-primary-foreground\"\n              />\n            }\n          >\n            <Check class=\"size-3.5\" />\n          </Show>\n        </Show>\n      </span>\n      <span\n        data-slot=\"questionnaire-choice-content\"\n        class=\"flex min-w-0 flex-1 flex-col gap-0.5 leading-snug\"\n      >\n        {local.children}\n      </span>\n      <Show when={choice.shortcut()}>\n        {(shortcut) => (\n          <span\n            aria-hidden=\"true\"\n            data-slot=\"questionnaire-shortcut\"\n            class={shortcutClasses}\n          >\n            {shortcut()}\n          </span>\n        )}\n      </Show>\n    </label>\n  );\n}\n"],"mappings":"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"}

package/dist/components/questionnaire/QuestionnaireChoice/index.d.ts

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

package/dist/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.d.ts

@@ -0,0 +1,38 @@
+import { Accessor } from 'solid-js';
+interface Options {
+    value: string;
+    checked?: Accessor<boolean | undefined>;
+    defaultChecked?: Accessor<boolean>;
+    disabled?: Accessor<boolean>;
+    onChange?: (event: Event) => void;
+}
+/**
+ * 固定选项的状态:选中由 Item 的选中集合驱动(受控时用 checked),
+ * 同时把 input 注册成 Item 的 answer control,以便校验与快捷键。
+ */
+export declare function useQuestionnaireChoice(options: Options): {
+    id: string;
+    setInput: import('solid-js').Setter<HTMLInputElement | undefined>;
+    type: () => "checkbox" | "radio";
+    isDisabled: () => boolean;
+    shortcut: () => string | null;
+    checkedResolved: () => boolean;
+    handleChange: (event: Event) => void;
+    invalid: Accessor<boolean>;
+    required: () => boolean;
+    name: () => string | undefined;
+    ariaKeyShortcuts: () => string | undefined;
+    inputProps: () => {
+        "aria-keyshortcuts": string | undefined;
+        "aria-invalid": true | undefined;
+        checked: boolean;
+        disabled: boolean;
+        id: string;
+        name: string | undefined;
+        onChange: (event: Event) => void;
+        required: boolean;
+        type: string;
+        value: string;
+    };
+};
+export {};

package/dist/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.js

@@ -0,0 +1,67 @@
+import { useQuestionnaireItemContext as e } from "../questionnaire.context.js";
+import { keyShortcutText as t } from "../questionnaire.utils.js";
+import { createEffect as n, createSignal as r, createUniqueId as i, onCleanup as a } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.ts
+function o(o) {
+	let s = e("QuestionnaireChoice"), c = i(), [l, u] = r(), d = () => s.disabled() || !!o.disabled?.(), f = () => s.multiple() ? "checkbox" : "radio", p = () => s.shortcutByChoiceValue()?.get(o.value) ?? s.shortcutByAnswerId().get(c) ?? null;
+	a(s.registerAnswerSelection(c, !!o.defaultChecked?.())), n(() => s.setAnswerDefault(c, !!o.defaultChecked?.())), n(() => {
+		let e = l();
+		if (!e) return;
+		let t = s.registerAnswerControl({
+			id: c,
+			element: e,
+			type: "choice",
+			value: o.value,
+			disabled: d(),
+			ownDisabled: !!o.disabled?.()
+		});
+		a(t);
+	});
+	let m = () => {
+		let e = o.checked?.();
+		return e === void 0 ? s.selectedAnswerIds().includes(c) : s.status() !== "skipped" && e;
+	};
+	n(() => {
+		let e = l(), t = o.checked?.();
+		s.resetVersion(), e && t !== void 0 && s.syncControlledAnswerSelection(c, t), e && (e.checked = m());
+	});
+	let h = (e) => {
+		let t = e.target;
+		if (o.onChange?.(e), e.defaultPrevented) return;
+		let n = o.checked?.();
+		if (n === void 0) {
+			s.setAnswerSelectionFromInteraction(c, t.checked);
+			return;
+		}
+		s.status() === "skipped" && n === t.checked && s.setAnswerSelectionFromInteraction(c, n);
+	};
+	return {
+		id: c,
+		setInput: u,
+		type: f,
+		isDisabled: d,
+		shortcut: p,
+		checkedResolved: m,
+		handleChange: h,
+		invalid: s.invalid,
+		required: () => s.required() && !s.multiple() && !s.hasInputAnswer(),
+		name: () => s.status() === "skipped" ? void 0 : s.name,
+		ariaKeyShortcuts: () => t(p(), !d() && m()),
+		inputProps: () => ({
+			"aria-keyshortcuts": t(p(), !d() && m()),
+			"aria-invalid": s.invalid() || void 0,
+			checked: m(),
+			disabled: d(),
+			id: c,
+			name: s.status() === "skipped" ? void 0 : s.name,
+			onChange: h,
+			required: s.required() && !s.multiple() && !s.hasInputAnswer(),
+			type: f(),
+			value: o.value
+		})
+	};
+}
+//#endregion
+export { o as useQuestionnaireChoice };
+
+//# sourceMappingURL=useQuestionnaireChoice.js.map

package/dist/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionnaireChoice.js","names":["useQuestionnaireChoice","item","useQuestionnaireItemContext","id","createUniqueId","input","setInput","createSignal","isDisabled","options","type","shortcut","onCleanup","createEffect","element","unregister","checkedResolved","controlled","handleChange","target","event","keyShortcutText"],"sources":["../../../../src/components/questionnaire/QuestionnaireChoice/useQuestionnaireChoice.ts"],"sourcesContent":["import {\n  createEffect,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type Accessor,\n} from \"solid-js\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport { keyShortcutText } from \"../questionnaire.utils\";\n\ninterface Options {\n  value: string;\n  checked?: Accessor<boolean | undefined>;\n  defaultChecked?: Accessor<boolean>;\n  disabled?: Accessor<boolean>;\n  onChange?: (event: Event) => void;\n}\n\n/**\n * 固定选项的状态:选中由 Item 的选中集合驱动(受控时用 checked),\n * 同时把 input 注册成 Item 的 answer control,以便校验与快捷键。\n */\nexport function useQuestionnaireChoice(options: Options) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireChoice\");\n  const id = createUniqueId();\n  const [input, setInput] = createSignal<HTMLInputElement>();\n\n  const isDisabled = () => item.disabled() || !!options.disabled?.();\n  const type = () => (item.multiple() ? \"checkbox\" : \"radio\");\n  const shortcut = () =>\n    item.shortcutByChoiceValue()?.get(options.value) ??\n    item.shortcutByAnswerId().get(id) ??\n    null;\n\n  onCleanup(item.registerAnswerSelection(id, !!options.defaultChecked?.()));\n  createEffect(() => item.setAnswerDefault(id, !!options.defaultChecked?.()));\n\n  createEffect(() => {\n    const element = input();\n    if (!element) return;\n    const unregister = item.registerAnswerControl({\n      id,\n      element,\n      type: \"choice\",\n      value: options.value,\n      disabled: isDisabled(),\n      ownDisabled: !!options.disabled?.(),\n    });\n    onCleanup(unregister);\n  });\n\n  const checkedResolved = () => {\n    const controlled = options.checked?.();\n    if (controlled !== undefined) {\n      return item.status() === \"skipped\" ? false : controlled;\n    }\n    return item.selectedAnswerIds().includes(id);\n  };\n\n  // 受控同步 + reset 后强制同步 DOM checked\n  createEffect(() => {\n    const element = input();\n    const controlled = options.checked?.();\n    item.resetVersion();\n    if (element && controlled !== undefined) {\n      item.syncControlledAnswerSelection(id, controlled);\n    }\n    if (element) element.checked = checkedResolved();\n  });\n\n  const handleChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    options.onChange?.(event);\n    if (event.defaultPrevented) return;\n    const controlled = options.checked?.();\n    if (controlled === undefined) {\n      item.setAnswerSelectionFromInteraction(id, target.checked);\n      return;\n    }\n    if (item.status() === \"skipped\" && controlled === target.checked) {\n      item.setAnswerSelectionFromInteraction(id, controlled);\n    }\n  };\n\n  return {\n    id,\n    setInput,\n    type,\n    isDisabled,\n    shortcut,\n    checkedResolved,\n    handleChange,\n    invalid: item.invalid,\n    required: () =>\n      item.required() && !item.multiple() && !item.hasInputAnswer(),\n    name: () => (item.status() === \"skipped\" ? undefined : item.name),\n    ariaKeyShortcuts: () =>\n      keyShortcutText(shortcut(), !isDisabled() && checkedResolved()),\n    inputProps: () => ({\n      \"aria-keyshortcuts\": keyShortcutText(\n        shortcut(),\n        !isDisabled() && checkedResolved(),\n      ),\n      \"aria-invalid\": item.invalid() || undefined,\n      checked: checkedResolved(),\n      disabled: isDisabled(),\n      id,\n      name: item.status() === \"skipped\" ? undefined : item.name,\n      onChange: handleChange,\n      required: item.required() && !item.multiple() && !item.hasInputAnswer(),\n      type: type(),\n      value: options.value,\n    }),\n  };\n}\n"],"mappings":";;;;AAsBA,SAAgBA,EAAuB,GAAkB;CACvD,IAAMC,IAAOC,EAA4B,qBAAqB,GACxDC,IAAKC,EAAe,GACpB,CAACC,GAAOC,KAAYC,EAA+B,GAEnDC,UAAmBP,EAAK,SAAS,KAAK,CAAC,CAACQ,EAAQ,WAAW,GAC3DC,UAAcT,EAAK,SAAS,IAAI,aAAa,SAC7CU,UACJV,EAAK,sBAAsB,CAAC,EAAE,IAAIQ,EAAQ,KAAK,KAC/CR,EAAK,mBAAmB,CAAC,CAAC,IAAIE,CAAE,KAChC;CAKF,AAHAS,EAAUX,EAAK,wBAAwBE,GAAI,CAAC,CAACM,EAAQ,iBAAiB,CAAC,CAAC,GACxEI,QAAmBZ,EAAK,iBAAiBE,GAAI,CAAC,CAACM,EAAQ,iBAAiB,CAAC,CAAC,GAE1EI,QAAmB;EACjB,IAAMC,IAAUT,EAAM;EACtB,IAAI,CAACS,GAAS;EACd,IAAMC,IAAad,EAAK,sBAAsB;GAC5C;GACA;GACA,MAAM;GACN,OAAOQ,EAAQ;GACf,UAAUD,EAAW;GACrB,aAAa,CAAC,CAACC,EAAQ,WAAW;EACpC,CAAC;EACD,EAAUM,CAAU;CACtB,CAAC;CAED,IAAMC,UAAwB;EAC5B,IAAMC,IAAaR,EAAQ,UAAU;EAIrC,OAHIQ,MAAe,KAAA,IAGZhB,EAAK,kBAAkB,CAAC,CAAC,SAASE,CAAE,IAFlCF,EAAK,OAAO,MAAM,aAAoBgB;CAGjD;CAGA,QAAmB;EACjB,IAAMH,IAAUT,EAAM,GAChBY,IAAaR,EAAQ,UAAU;EAKrC,AAJAR,EAAK,aAAa,GACda,KAAWG,MAAe,KAAA,KAC5BhB,EAAK,8BAA8BE,GAAIc,CAAU,GAE/CH,MAAS,EAAQ,UAAUE,EAAgB;CACjD,CAAC;CAED,IAAME,KAAgB,MAAiB;EACrC,IAAMC,IAASC,EAAM;EAErB,IADAX,EAAQ,WAAWW,CAAK,GACpBA,EAAM,kBAAkB;EAC5B,IAAMH,IAAaR,EAAQ,UAAU;EACrC,IAAIQ,MAAe,KAAA,GAAW;GAC5B,EAAK,kCAAkCd,GAAIgB,EAAO,OAAO;GACzD;EACF;EACA,AAAIlB,EAAK,OAAO,MAAM,aAAagB,MAAeE,EAAO,WACvDlB,EAAK,kCAAkCE,GAAIc,CAAU;CAEzD;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SAAShB,EAAK;EACd,gBACEA,EAAK,SAAS,KAAK,CAACA,EAAK,SAAS,KAAK,CAACA,EAAK,eAAe;EAC9D,YAAaA,EAAK,OAAO,MAAM,YAAY,KAAA,IAAYA,EAAK;EAC5D,wBACEoB,EAAgBV,EAAS,GAAG,CAACH,EAAW,KAAKQ,EAAgB,CAAC;EAChE,mBAAmB;GACjB,qBAAqBK,EACnBV,EAAS,GACT,CAACH,EAAW,KAAKQ,EAAgB,CACnC;GACA,gBAAgBf,EAAK,QAAQ,KAAK,KAAA;GAClC,SAASe,EAAgB;GACzB,UAAUR,EAAW;GACrB;GACA,MAAMP,EAAK,OAAO,MAAM,YAAY,KAAA,IAAYA,EAAK;GACrD,UAAUiB;GACV,UAAUjB,EAAK,SAAS,KAAK,CAACA,EAAK,SAAS,KAAK,CAACA,EAAK,eAAe;GACtE,MAAMS,EAAK;GACX,OAAOD,EAAQ;EACjB;CACF;AACF"}

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

@@ -0,0 +1,3 @@
+import { QuestionnaireChoicesProps } from '../questionnaire.types';
+/** 选项容器:grid 布局,携带当前快捷键模式供子项使用 */
+export declare function QuestionnaireChoices(props: QuestionnaireChoicesProps): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireChoices/QuestionnaireChoices.js

@@ -0,0 +1,28 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireItemContext as t } from "../questionnaire.context.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireChoices/QuestionnaireChoices.tsx
+var o = /*#__PURE__*/ i("<div>");
+function s(i) {
+	let s = t("QuestionnaireChoices"), [c, l] = a(i, ["class", "classList"]);
+	return (() => {
+		var t = o();
+		return r(t, n(l, {
+			"data-slot": "questionnaire-choices",
+			get "data-shortcuts"() {
+				return s.shortcuts() ?? void 0;
+			},
+			get class() {
+				return e("grid min-w-0 gap-2", c.class);
+			},
+			get classList() {
+				return c.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { s as QuestionnaireChoices };
+
+//# sourceMappingURL=QuestionnaireChoices.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireChoices.js","names":["splitProps","clsx","useQuestionnaireItemContext","QuestionnaireChoicesProps","QuestionnaireChoices","props","item","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-shortcuts","shortcuts","undefined","class","classList","_$mergeProps","_tmpl$","QuestionnaireChoices","item","useQuestionnaireItemContext","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireChoices/QuestionnaireChoices.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport type { QuestionnaireChoicesProps } from \"../questionnaire.types\";\n\n/** 选项容器:grid 布局,携带当前快捷键模式供子项使用 */\nexport function QuestionnaireChoices(props: QuestionnaireChoicesProps) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireChoices\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"questionnaire-choices\"\n      data-shortcuts={item.shortcuts() ?? undefined}\n      class={clsx(\"grid min-w-0 gap-2\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBI,EAAqBC,GAAkC;CACrE,IAAMC,IAAOJ,EAA4B,sBAAsB,GACzD,CAACK,GAAOC,KAAQR,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAM8B,OAN9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAuB,IAAA,mBAAA;IAAA,OACjBF,EAAKQ,UAAU,KAAKC,KAAAA;GAAS;GAAA,IAAAe,QAAA;IAAA,OACtC7B,EAAK,sBAAsBM,EAAMS,KAAK;GAAC;GAAA,IAC9CC,YAAS;IAAA,OAAEV,EAAMU;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAR;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/questionnaire/QuestionnaireChoices/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { ValidComponent } from 'solid-js';
+import { QuestionnaireDescriptionProps } from '../questionnaire.types';
+/** 题目描述(p);id 注册给 Item,用于 fieldset 的 aria-describedby */
+export declare function QuestionnaireDescription<T extends ValidComponent = "p">(props: QuestionnaireDescriptionProps<T>): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireDescription/QuestionnaireDescription.js

@@ -0,0 +1,30 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireItemContext as t } from "../questionnaire.context.js";
+import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/web";
+import { createUniqueId as a, onCleanup as o, onMount as s, splitProps as c } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireDescription/QuestionnaireDescription.tsx
+function l(l) {
+	let u = t("QuestionnaireDescription"), [d, f] = c(l, [
+		"id",
+		"class",
+		"classList",
+		"component"
+	]), p = d.id ?? a();
+	return s(() => o(u.registerDescription(p))), r(n, i(f, {
+		get component() {
+			return d.component ?? "p";
+		},
+		id: p,
+		"data-slot": "questionnaire-description",
+		get class() {
+			return e("text-sm text-muted-foreground text-pretty", d.class);
+		},
+		get classList() {
+			return d.classList;
+		}
+	}));
+}
+//#endregion
+export { l as QuestionnaireDescription };
+
+//# sourceMappingURL=QuestionnaireDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireDescription.js","names":["createUniqueId","onCleanup","onMount","splitProps","ValidComponent","Dynamic","clsx","useQuestionnaireItemContext","QuestionnaireDescriptionProps","QuestionnaireDescription","props","T","item","local","rest","id","registerDescription","_$createComponent","_$mergeProps","component","class","classList","_$createComponent","_$mergeProps","QuestionnaireDescription","item","useQuestionnaireItemContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireDescription/QuestionnaireDescription.tsx"],"sourcesContent":["import {\n  createUniqueId,\n  onCleanup,\n  onMount,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport type { QuestionnaireDescriptionProps } from \"../questionnaire.types\";\n\n/** 题目描述(p);id 注册给 Item,用于 fieldset 的 aria-describedby */\nexport function QuestionnaireDescription<T extends ValidComponent = \"p\">(\n  props: QuestionnaireDescriptionProps<T>,\n) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireDescription\");\n  const [local, rest] = splitProps(props, [\n    \"id\",\n    \"class\",\n    \"classList\",\n    \"component\",\n  ]);\n  const id = local.id ?? createUniqueId();\n  onMount(() => onCleanup(item.registerDescription(id)));\n\n  return (\n    <Dynamic\n      {...rest}\n      component={(local.component as ValidComponent) ?? \"p\"}\n      id={id}\n      data-slot=\"questionnaire-description\"\n      class={clsx(\"text-sm text-muted-foreground text-pretty\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgBS,EACdC,GACA;CACA,IAAME,IAAOL,EAA4B,0BAA0B,GAC7D,CAACM,GAAOC,KAAQX,EAAWO,GAAO;EACtC;EACA;EACA;EACA;CAAW,CACZ,GACKK,IAAKF,EAAME,MAAMf,EAAe;CAGtC,OAFAE,QAAcD,EAAUW,EAAKI,oBAAoBD,CAAE,CAAC,CAAC,GAErDE,EACGZ,GAAOa,EACFJ,GAAI;EAAA,IACRK,YAAS;GAAA,OAAGN,EAAMM,aAAgC;EAAG;EACjDJ;EAAE,aAAA;EAAA,IAAAuB,QAAA;GAAA,OAEChC,EAAK,6CAA6CO,EAAMO,KAAK;EAAC;EAAA,IACrEC,YAAS;GAAA,OAAER,EAAMQ;EAAS;CAAA,CAAA,CAAA;AAGhC"}

package/dist/components/questionnaire/QuestionnaireDescription/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { ValidComponent } from 'solid-js';
+import { QuestionnaireErrorProps } from '../questionnaire.types';
+/** 校验错误提示(p);invalid 时显示并挂 role="alert",id 注册给 Item */
+export declare function QuestionnaireError<T extends ValidComponent = "p">(props: QuestionnaireErrorProps<T>): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireError/QuestionnaireError.js

@@ -0,0 +1,43 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireItemContext as t } from "../questionnaire.context.js";
+import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/web";
+import { createUniqueId as a, onCleanup as o, onMount as s, splitProps as c } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireError/QuestionnaireError.tsx
+function l(l) {
+	let u = t("QuestionnaireError"), [d, f] = c(l, [
+		"id",
+		"class",
+		"classList",
+		"component",
+		"children"
+	]), p = d.id ?? a();
+	return s(() => o(u.registerError(p))), r(n, i(f, {
+		get component() {
+			return d.component ?? "p";
+		},
+		id: p,
+		get role() {
+			return u.invalid() ? "alert" : void 0;
+		},
+		get hidden() {
+			return !u.invalid();
+		},
+		"data-slot": "questionnaire-error",
+		get "data-invalid"() {
+			return u.invalid() ? "" : void 0;
+		},
+		get class() {
+			return e("mt-2 text-sm text-destructive", d.class);
+		},
+		get classList() {
+			return d.classList;
+		},
+		get children() {
+			return d.children ?? (u.required() ? "Choose an answer to continue." : "Choose an answer or skip this question.");
+		}
+	}));
+}
+//#endregion
+export { l as QuestionnaireError };
+
+//# sourceMappingURL=QuestionnaireError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireError.js","names":["createUniqueId","onCleanup","onMount","splitProps","ValidComponent","Dynamic","clsx","useQuestionnaireItemContext","QuestionnaireErrorProps","QuestionnaireError","props","T","item","local","rest","id","registerError","_$createComponent","_$mergeProps","component","role","invalid","undefined","hidden","data-invalid","class","classList","children","required","_$createComponent","_$mergeProps","QuestionnaireError","item","useQuestionnaireItemContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireError/QuestionnaireError.tsx"],"sourcesContent":["import {\n  createUniqueId,\n  onCleanup,\n  onMount,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport type { QuestionnaireErrorProps } from \"../questionnaire.types\";\n\n/** 校验错误提示(p);invalid 时显示并挂 role=\"alert\",id 注册给 Item */\nexport function QuestionnaireError<T extends ValidComponent = \"p\">(\n  props: QuestionnaireErrorProps<T>,\n) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireError\");\n  const [local, rest] = splitProps(props, [\n    \"id\",\n    \"class\",\n    \"classList\",\n    \"component\",\n    \"children\",\n  ]);\n  const id = local.id ?? createUniqueId();\n  onMount(() => onCleanup(item.registerError(id)));\n\n  return (\n    <Dynamic\n      {...rest}\n      component={(local.component as ValidComponent) ?? \"p\"}\n      id={id}\n      role={item.invalid() ? \"alert\" : undefined}\n      hidden={!item.invalid()}\n      data-slot=\"questionnaire-error\"\n      data-invalid={item.invalid() ? \"\" : undefined}\n      class={clsx(\"mt-2 text-sm text-destructive\", local.class)}\n      classList={local.classList}\n    >\n      {local.children ??\n        (item.required()\n          ? \"Choose an answer to continue.\"\n          : \"Choose an answer or skip this question.\")}\n    </Dynamic>\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgBS,EACdC,GACA;CACA,IAAME,IAAOL,EAA4B,oBAAoB,GACvD,CAACM,GAAOC,KAAQX,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX,GACKK,IAAKF,EAAME,MAAMf,EAAe;CAGtC,OAFAE,QAAcD,EAAUW,EAAKI,cAAcD,CAAE,CAAC,CAAC,GAE/CE,EACGZ,GAAOa,EACFJ,GAAI;EAAA,IACRK,YAAS;GAAA,OAAGN,EAAMM,aAAgC;EAAG;EACjDJ;EAAE,IACNK,OAAI;GAAA,OAAER,EAAKS,QAAQ,IAAI,UAAUC,KAAAA;EAAS;EAAA,IAC1CC,SAAM;GAAA,OAAE,CAACX,EAAKS,QAAQ;EAAC;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAETT,EAAKS,QAAQ,IAAI,KAAKC,KAAAA;EAAS;EAAA,IAAAuB,QAAA;GAAA,OACtCvC,EAAK,iCAAiCO,EAAMY,KAAK;EAAC;EAAA,IACzDC,YAAS;GAAA,OAAEb,EAAMa;EAAS;EAAA,IAAAC,WAAA;GAAA,OAEzBd,EAAMc,aACJf,EAAKgB,SAAS,IACX,kCACA;EAA0C;CAAA,CAAA,CAAA;AAGtD"}

package/dist/components/questionnaire/QuestionnaireError/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import { QuestionnaireInputProps } from '../questionnaire.types';
+/** 自由作答输入(需有可见 label、aria-label 或 aria-labelledby 提供可访问名称) */
+export declare function QuestionnaireInput(props: QuestionnaireInputProps): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireInput/QuestionnaireInput.js

@@ -0,0 +1,78 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireInput as t } from "./useQuestionnaireInput.js";
+import { memo as n, mergeProps as r, spread as i, template as a, use as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireInput/QuestionnaireInput.tsx
+var c = /*#__PURE__*/ a("<div data-slot=questionnaire-input-wrapper class=\"group/questionnaire-input relative min-w-0\"><input>"), l = "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base outline-none transition-[color,box-shadow,background-color] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 md:text-sm dark:bg-input/30";
+function u(a) {
+	let [u, d] = s(a, [
+		"type",
+		"defaultValue",
+		"value",
+		"disabled",
+		"onChange",
+		"class",
+		"classList"
+	]), f = t({
+		type: () => u.type ?? "text",
+		defaultValue: () => u.defaultValue,
+		value: () => u.value,
+		disabled: () => u.disabled,
+		onChange: (e) => u.onChange?.(e)
+	});
+	return (() => {
+		var t = c(), a = t.firstChild;
+		return o((e) => {
+			f.setInput(e), !f.controlled() && u.defaultValue !== void 0 && (e.defaultValue = u.defaultValue);
+		}, a), i(a, r(d, {
+			get id() {
+				return f.id;
+			},
+			get type() {
+				return u.type ?? "text";
+			},
+			get name() {
+				return f.name();
+			},
+			get form() {
+				return f.formValue();
+			},
+			get value() {
+				return n(() => !!f.controlled())() ? u.value : void 0;
+			},
+			get disabled() {
+				return f.isDisabled();
+			},
+			get "aria-invalid"() {
+				return f.invalid() || void 0;
+			},
+			get "aria-keyshortcuts"() {
+				return f.ariaKeyShortcuts();
+			},
+			onChange: (e) => f.inputProps().onChange(e),
+			"data-slot": "questionnaire-input",
+			get "data-filled"() {
+				return f.filled() ? "" : void 0;
+			},
+			get "data-empty"() {
+				return f.filled() ? void 0 : "";
+			},
+			get "data-disabled"() {
+				return f.isDisabled() ? "" : void 0;
+			},
+			get "data-invalid"() {
+				return f.invalid() ? "" : void 0;
+			},
+			get class() {
+				return e(l, u.class);
+			},
+			get classList() {
+				return u.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { u as QuestionnaireInput };
+
+//# sourceMappingURL=QuestionnaireInput.js.map