@almanaclabs/blaze-ui 0.3.2 → 0.5.0

package/dist/components/questionnaire/questionnaire-primitive.js

@@ -0,0 +1,353 @@
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { mergeProps as n } from "@base-ui/react/merge-props";
+import { useRender as r } from "@base-ui/react/use-render";
+//#region src/components/questionnaire/questionnaire-primitive.tsx
+var i = e.createContext(null), a = e.createContext(null), o = e.createContext(null);
+function s(t) {
+	let n = e.useContext(i);
+	if (!n) throw Error(`${t} must be used within Questionnaire`);
+	return n;
+}
+function c(t) {
+	let n = e.useContext(a);
+	if (!n) throw Error(`${t} must be used within QuestionnaireItem`);
+	return n;
+}
+function l(t) {
+	let n = e.useContext(o);
+	if (!n) throw Error(`${t} must be used within QuestionnaireChoice`);
+	return n;
+}
+function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts: s, onReset: c, onSubmit: l, onKeyDown: u, ...d }) {
+	let [f, p] = e.useState([]), m = e.useMemo(() => a.filter((e) => !e.disabled).map((e) => e.name), [a]), h = m.length ? m : f, [g, _] = e.useState(n ?? m[0] ?? null), v = r ?? g ?? h[0] ?? null, y = Math.max(0, h.indexOf(v ?? "")), [b, x] = e.useState({}), [S, C] = e.useState({}), w = e.useCallback((e) => {
+		!e || e === v || (r === void 0 && _(e), o?.(e));
+	}, [
+		v,
+		r,
+		o
+	]), T = e.useCallback((e) => (p((t) => t.includes(e) ? t : [...t, e]), () => p((t) => t.filter((t) => t !== e))), []), E = e.useCallback((e, t) => {
+		x((n) => ({
+			...n,
+			[e]: t ? "answered" : "unanswered"
+		}));
+	}, []), D = e.useCallback((e, t, n, r) => {
+		C((i) => {
+			let a = i[e] ?? [], o = r ? n ? [.../* @__PURE__ */ new Set([...a, t])] : [t] : a.filter((e) => e !== t);
+			return E(e, o.length > 0), {
+				...i,
+				[e]: o
+			};
+		});
+	}, [E]), O = e.useCallback(() => {
+		w(h[y - 1]);
+	}, [
+		y,
+		h,
+		w
+	]), k = e.useCallback(() => {
+		if (v) {
+			if (a.find((e) => e.name === v)?.required && b[v] !== "answered") {
+				x((e) => ({
+					...e,
+					[v]: "unanswered"
+				}));
+				return;
+			}
+			w(h[y + 1]);
+		}
+	}, [
+		y,
+		v,
+		a,
+		h,
+		w,
+		b
+	]), A = e.useCallback(() => {
+		v && (x((e) => ({
+			...e,
+			[v]: "skipped"
+		})), w(h[y + 1]));
+	}, [
+		y,
+		v,
+		h,
+		w
+	]), j = e.useMemo(() => ({
+		activeName: v,
+		current: h.length ? y + 1 : 0,
+		first: y === 0,
+		last: y === h.length - 1,
+		total: h.length,
+		shortcuts: s ?? null,
+		itemDefinitions: a,
+		statuses: b,
+		selections: S,
+		registerItem: T,
+		setAnswered: E,
+		setSelection: D,
+		goPrevious: O,
+		goNext: k,
+		skip: A
+	}), [
+		y,
+		v,
+		k,
+		O,
+		a,
+		h.length,
+		T,
+		S,
+		E,
+		D,
+		s,
+		A,
+		b
+	]);
+	return /* @__PURE__ */ t(i.Provider, {
+		value: j,
+		children: /* @__PURE__ */ t("form", {
+			...d,
+			noValidate: !0,
+			onReset: (e) => {
+				c?.(e), !e.defaultPrevented && (x({}), C({}), w(n ?? h[0]));
+			},
+			onSubmit: l,
+			onKeyDown: (e) => {
+				u?.(e), !e.defaultPrevented && (e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), j.last ? e.currentTarget.requestSubmit() : j.goNext());
+			}
+		})
+	});
+}
+function d({ children: e, render: t, ...i }) {
+	let { current: a, first: o, last: c, total: l } = s("QuestionnaireProgress"), u = l ? `Question ${a} of ${l}` : void 0;
+	return r({
+		defaultTagName: "div",
+		props: n({
+			children: e ?? u,
+			role: "progressbar",
+			"aria-label": "Questionnaire progress",
+			"aria-live": "polite",
+			"aria-valuemin": l ? 1 : void 0,
+			"aria-valuemax": l || void 0,
+			"aria-valuenow": l ? a : void 0,
+			"aria-valuetext": u
+		}, i),
+		render: t,
+		state: {
+			current: a,
+			first: o,
+			last: c,
+			total: l
+		}
+	});
+}
+function f({ disabled: n = !1, invalid: r = !1, multiple: i = !1, name: o, onStatusChange: c, required: l = !1, ...u }) {
+	let d = s("QuestionnaireItem"), f = e.useRef(c);
+	e.useLayoutEffect(() => {
+		f.current = c;
+	}, [c]), e.useLayoutEffect(() => d.registerItem(o), [o, d.registerItem]);
+	let p = d.statuses[o] ?? "unanswered", m = d.statuses[o] !== void 0, h = d.activeName === o;
+	e.useEffect(() => f.current?.(p), [p]);
+	let g = e.useMemo(() => ({
+		disabled: n,
+		invalid: r || l && m && p === "unanswered",
+		multiple: i,
+		name: o,
+		required: l,
+		status: p
+	}), [
+		m,
+		n,
+		r,
+		i,
+		o,
+		l,
+		p
+	]);
+	return /* @__PURE__ */ t(a.Provider, {
+		value: g,
+		children: /* @__PURE__ */ t("fieldset", {
+			...u,
+			disabled: n,
+			hidden: !h,
+			inert: !h || void 0,
+			"aria-invalid": g.invalid || void 0,
+			"data-active": h ? "" : void 0,
+			"data-status": p
+		})
+	});
+}
+function p({ render: e, ...t }) {
+	return c("QuestionnaireTitle"), r({
+		defaultTagName: "legend",
+		props: t,
+		render: e,
+		state: { slot: "questionnaire-title" }
+	});
+}
+function m({ render: e, ...t }) {
+	return c("QuestionnaireDescription"), r({
+		defaultTagName: "p",
+		props: t,
+		render: e,
+		state: { slot: "questionnaire-description" }
+	});
+}
+function h(e) {
+	return c("QuestionnaireChoices"), /* @__PURE__ */ t("div", { ...e });
+}
+function g({ checked: n, defaultChecked: r = !1, disabled: i = !1, onChange: a, value: l, ...u }) {
+	let d = s("QuestionnaireChoice"), f = d.setSelection, p = c("QuestionnaireChoice"), m = d.selections[p.name] ?? [], h = n ?? (m.includes(l) || r), g = p.multiple ? "checkbox" : "radio", _ = (d.itemDefinitions.find((e) => e.name === p.name)?.choices?.filter((e) => !e.disabled) ?? []).findIndex((e) => e.value === l), v = _ < 0 || !d.shortcuts ? null : d.shortcuts === "letters" ? String.fromCharCode(65 + _) : String(_ + 1), y = p.disabled || i;
+	e.useLayoutEffect(() => {
+		r && !m.includes(l) && f(p.name, l, p.multiple, !0);
+	}, [
+		r,
+		p.multiple,
+		p.name,
+		m,
+		f,
+		l
+	]);
+	let b = {
+		checked: h,
+		disabled: y,
+		name: p.name,
+		required: p.required && !p.multiple,
+		type: g,
+		value: l,
+		onChange: (e) => {
+			a?.(e), e.defaultPrevented || d.setSelection(p.name, l, p.multiple, e.target.checked);
+		}
+	}, x = e.useMemo(() => ({
+		checked: h,
+		disabled: y,
+		invalid: p.invalid,
+		inputProps: b,
+		shortcut: v,
+		type: g
+	}), [
+		h,
+		y,
+		b,
+		p.invalid,
+		v,
+		g
+	]);
+	return /* @__PURE__ */ t(o.Provider, {
+		value: x,
+		children: /* @__PURE__ */ t("label", {
+			...u,
+			"data-checked": h ? "" : void 0,
+			"data-disabled": y ? "" : void 0,
+			"data-invalid": p.invalid ? "" : void 0,
+			"data-shortcut": v ?? void 0,
+			"data-type": g
+		})
+	});
+}
+function _(e) {
+	let { inputProps: n } = l("QuestionnaireChoiceInput");
+	return /* @__PURE__ */ t("input", {
+		...n,
+		...e
+	});
+}
+function v(e) {
+	return l("QuestionnaireChoiceLabel"), /* @__PURE__ */ t("span", { ...e });
+}
+function y({ children: e, ...n }) {
+	let { shortcut: r } = l("QuestionnaireChoiceShortcut");
+	return /* @__PURE__ */ t("span", {
+		...n,
+		"aria-hidden": !0,
+		hidden: !r,
+		children: e ?? r
+	});
+}
+function b({ onChange: e, ...n }) {
+	let r = s("QuestionnaireInput"), i = c("QuestionnaireInput");
+	return /* @__PURE__ */ t("input", {
+		...n,
+		name: i.name,
+		disabled: i.disabled || n.disabled,
+		"aria-invalid": i.invalid || void 0,
+		onChange: (t) => {
+			e?.(t), t.defaultPrevented || r.setAnswered(i.name, t.target.value.trim().length > 0);
+		}
+	});
+}
+function x({ children: e, ...n }) {
+	let r = c("QuestionnaireError");
+	return /* @__PURE__ */ t("p", {
+		...n,
+		hidden: !r.invalid,
+		role: r.invalid ? "alert" : void 0,
+		children: e ?? (r.required ? "Choose an answer to continue." : "Choose an answer or skip this question.")
+	});
+}
+function S(e) {
+	let n = s("QuestionnairePrevious");
+	return /* @__PURE__ */ t("button", {
+		...e,
+		type: e.type ?? "button",
+		hidden: n.first,
+		"aria-hidden": n.first || void 0,
+		onClick: (t) => {
+			e.onClick?.(t), t.defaultPrevented || n.goPrevious();
+		}
+	});
+}
+function C(e) {
+	let n = s("QuestionnaireSkip");
+	return /* @__PURE__ */ t("button", {
+		...e,
+		type: e.type ?? "button",
+		hidden: n.last,
+		"aria-hidden": n.last || void 0,
+		onClick: (t) => {
+			e.onClick?.(t), t.defaultPrevented || n.skip();
+		}
+	});
+}
+function w(e) {
+	let n = s("QuestionnaireNext");
+	return /* @__PURE__ */ t("button", {
+		...e,
+		type: e.type ?? "button",
+		hidden: n.last,
+		"aria-hidden": n.last || void 0,
+		onClick: (t) => {
+			e.onClick?.(t), t.defaultPrevented || n.goNext();
+		}
+	});
+}
+function T(e) {
+	let n = s("QuestionnaireSubmit");
+	return /* @__PURE__ */ t("button", {
+		...e,
+		type: e.type ?? "submit",
+		hidden: !n.last,
+		"aria-hidden": !n.last || void 0
+	});
+}
+var E = {
+	Root: u,
+	Progress: d,
+	Item: f,
+	Title: p,
+	Description: m,
+	Choices: h,
+	Choice: g,
+	ChoiceInput: _,
+	ChoiceLabel: v,
+	ChoiceShortcut: y,
+	Input: b,
+	Error: x,
+	Previous: S,
+	Skip: C,
+	Next: w,
+	Submit: T
+};
+//#endregion
+export { E as QuestionnairePrimitive };

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

@@ -1 +1 @@
-{"version":3,"file":"questionnaire.d.ts","sourceRoot":"","sources":["../../../src/components/questionnaire/questionnaire.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"questionnaire.d.ts","sourceRoot":"","sources":["../../../src/components/questionnaire/questionnaire.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAGlE,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAGjE,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,qBAQ1D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,QAAQ,CAAC,qBAW9D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,qBAW1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,KAAK,CAAC,qBAW3D;AAED,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,WAAW,CAAC,qBAQjE;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,OAAO,CAAC,qBAW7D;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,MAAM,CAAC,qBAyC5D;AAED,iBAAS,8BAA8B,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAQ9B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,KAAK,CAAC,qBAiB3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,KAAK,CAAC,qBAQ3D;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,OAAqB,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,QAAQ,CAAC,GAC7D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,qBAgB9D;AAED,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,IAAW,EACX,OAAqB,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,qBAgB9D;AAED,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,IAAW,EACX,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,qBAgB9D;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,MAAM,CAAC,GAC3D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,qBAgB9D;AAED,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,8BAA8B,EAC9B,oBAAoB,EACpB,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}

package/dist/components/questionnaire/questionnaire.js

@@ -0,0 +1,169 @@
+import { cn as e } from "../../lib/utils.js";
+import { buttonVariants as t } from "../button/button.js";
+import { QuestionnairePrimitive as n } from "./questionnaire-primitive.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { IconCheck as a } from "@tabler/icons-react";
+//#region src/components/questionnaire/questionnaire.tsx
+function o({ className: t, ...i }) {
+	return /* @__PURE__ */ r(n.Root, {
+		"data-slot": "questionnaire",
+		className: e("flex w-full min-w-0 flex-col gap-4", t),
+		...i
+	});
+}
+function s({ className: t, ...i }) {
+	return /* @__PURE__ */ r(n.Progress, {
+		"data-slot": "questionnaire-progress",
+		className: e("min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums", t),
+		...i
+	});
+}
+function c({ className: t, ...i }) {
+	return /* @__PURE__ */ r(n.Item, {
+		"data-slot": "questionnaire-item",
+		className: e("flex min-w-0 flex-col gap-4 border-0 p-0 outline-none", t),
+		...i
+	});
+}
+function l({ className: t, ...i }) {
+	return /* @__PURE__ */ r(n.Title, {
+		"data-slot": "questionnaire-title",
+		className: e("font-heading text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4", t),
+		...i
+	});
+}
+function u({ className: t, ...i }) {
+	return /* @__PURE__ */ r(n.Description, {
+		"data-slot": "questionnaire-description",
+		className: e("text-sm text-pretty text-muted-foreground", t),
+		...i
+	});
+}
+function d({ className: t, ...i }) {
+	return /* @__PURE__ */ r(n.Choices, {
+		"data-slot": "questionnaire-choices",
+		className: e("group/questionnaire-choices grid min-w-0 gap-2", t),
+		...i
+	});
+}
+function f({ children: t, className: o, ...s }) {
+	return /* @__PURE__ */ i(n.Choice, {
+		"data-slot": "questionnaire-choice",
+		className: e("type-body 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-start transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", o),
+		...s,
+		children: [
+			/* @__PURE__ */ r(n.ChoiceInput, {
+				"data-slot": "questionnaire-choice-input",
+				className: "absolute inset-0 z-10 size-full cursor-pointer opacity-0"
+			}),
+			/* @__PURE__ */ i("span", {
+				"aria-hidden": "true",
+				"data-slot": "questionnaire-choice-indicator",
+				className: "pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[4px] border border-input [--icon-stroke-width:var(--icon-stroke-14)] group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:bg-input/30 dark:group-data-checked/questionnaire-choice:bg-primary",
+				children: [/* @__PURE__ */ r("span", {
+					"data-slot": "questionnaire-choice-indicator-dot",
+					className: "hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
+				}), /* @__PURE__ */ r(a, {
+					"data-slot": "questionnaire-choice-indicator-check",
+					className: "hidden size-3.5 group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
+				})]
+			}),
+			/* @__PURE__ */ r(n.ChoiceLabel, {
+				"data-slot": "questionnaire-choice-label",
+				className: "flex min-w-0 flex-1 flex-col gap-0.5 leading-snug",
+				children: t
+			}),
+			/* @__PURE__ */ r(n.ChoiceShortcut, {
+				"data-slot": "questionnaire-choice-shortcut",
+				className: "pointer-events-none ms-auto hidden size-5 shrink-0 translate-y-[--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 group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex"
+			})
+		]
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "questionnaire-choice-description",
+		className: e("text-muted-foreground", t),
+		...n
+	});
+}
+function m({ className: t, ...i }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "questionnaire-input-wrapper",
+		className: "group/questionnaire-input relative w-full min-w-0",
+		children: /* @__PURE__ */ r(n.Input, {
+			"data-slot": "questionnaire-input",
+			className: e("h-8 min-h-11 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-[color,box-shadow,background-color] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 sm:min-h-0 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground", t),
+			...i
+		})
+	});
+}
+function h({ className: t, ...i }) {
+	return /* @__PURE__ */ r(n.Error, {
+		"data-slot": "questionnaire-error",
+		className: e("mt-2 text-sm text-destructive", t),
+		...i
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "questionnaire-actions",
+		className: e("grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8", t),
+		...n
+	});
+}
+function _({ children: i, className: a, size: o = "md", variant: s = "secondary", ...c }) {
+	return /* @__PURE__ */ r(n.Previous, {
+		"data-slot": "questionnaire-previous",
+		"data-size": o,
+		"data-variant": s,
+		className: e(t({
+			size: o,
+			variant: s
+		}), "col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0", a),
+		...c,
+		children: i ?? "Previous"
+	});
+}
+function v({ children: i, className: a, size: o = "md", variant: s = "secondary", ...c }) {
+	return /* @__PURE__ */ r(n.Skip, {
+		"data-slot": "questionnaire-skip",
+		"data-size": o,
+		"data-variant": s,
+		className: e(t({
+			size: o,
+			variant: s
+		}), "col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0", a),
+		...c,
+		children: i ?? "Skip"
+	});
+}
+function y({ children: i, className: a, size: o = "md", variant: s = "primary", ...c }) {
+	return /* @__PURE__ */ r(n.Next, {
+		"data-slot": "questionnaire-next",
+		"data-size": o,
+		"data-variant": s,
+		className: e(t({
+			size: o,
+			variant: s
+		}), "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", a),
+		...c,
+		children: i ?? "Next"
+	});
+}
+function b({ children: i, className: a, size: o = "md", variant: s = "primary", ...c }) {
+	return /* @__PURE__ */ r(n.Submit, {
+		"data-slot": "questionnaire-submit",
+		"data-size": o,
+		"data-variant": s,
+		className: e(t({
+			size: o,
+			variant: s
+		}), "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", a),
+		...c,
+		children: i ?? "Submit"
+	});
+}
+//#endregion
+export { o as Questionnaire, g as QuestionnaireActions, f as QuestionnaireChoice, p as QuestionnaireChoiceDescription, d as QuestionnaireChoices, u as QuestionnaireDescription, h as QuestionnaireError, m as QuestionnaireInput, c as QuestionnaireItem, y as QuestionnaireNext, _ as QuestionnairePrevious, s as QuestionnaireProgress, v as QuestionnaireSkip, b as QuestionnaireSubmit, l as QuestionnaireTitle };

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

@@ -0,0 +1,26 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Radio as n } from "@base-ui/react/radio";
+import { RadioGroup as r } from "@base-ui/react/radio-group";
+//#region src/components/radio-group/radio-group.tsx
+function i({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r, {
+		"data-slot": "radio-group",
+		className: e("grid w-full gap-2", n),
+		...i
+	});
+}
+function a({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "radio-group-item",
+		className: e("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 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 group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", r),
+		...i,
+		children: /* @__PURE__ */ t(n.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ t("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
+		})
+	});
+}
+//#endregion
+export { i as RadioGroup, a as RadioGroupItem };

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

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { ScrollArea as r } from "@base-ui/react/scroll-area";
+//#region src/components/scroll-area/scroll-area.tsx
+function i({ className: i, children: o, ...s }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "scroll-area",
+		className: e("relative", i),
+		...s,
+		children: [
+			/* @__PURE__ */ t(r.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+				children: o
+			}),
+			/* @__PURE__ */ t(a, {}),
+			/* @__PURE__ */ t(r.Corner, {})
+		]
+	});
+}
+function a({ className: n, orientation: i = "vertical", ...a }) {
+	return /* @__PURE__ */ t(r.Scrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		"data-orientation": i,
+		orientation: i,
+		className: e("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", n),
+		...a,
+		children: /* @__PURE__ */ t(r.Thumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-border"
+		})
+	});
+}
+//#endregion
+export { i as ScrollArea, a as ScrollBar };

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

@@ -1,10 +1,11 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { ControlSize } from '../../lib/control-size';
 import * as React from 'react';
 declare const Select: typeof SelectPrimitive.Root;
 declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): React.JSX.Element;
 declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React.JSX.Element;
 declare function SelectTrigger({ className, size, children, 'aria-label': ariaLabel, ...props }: SelectPrimitive.Trigger.Props & {
-    size?: 'sm' | 'default';
+    size?: ControlSize;
 }): React.JSX.Element;
 declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>): React.JSX.Element;
 declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAKjE,QAAA,MAAM,MAAM,6BAAuB,CAAA;AAEnC,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAQxE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,YAAY,EAAE,SAA8B,EAC5C,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,qBAoBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,IAAI,CACF,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACzE,qBA2BF;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,qBAQlC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAsB5B;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,qBAQjC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,aAAa,CAAC,qBAa5D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,eAAe,CAAC,qBAa9D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAI5E,QAAA,MAAM,MAAM,6BAAuB,CAAA;AAEnC,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAWxE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAW,EACX,QAAQ,EACR,YAAY,EAAE,SAA8B,EAC5C,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACjC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,qBA6BA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,IAAI,CACF,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACzE,qBA2BF;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,qBAQlC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAsB5B;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,qBAQjC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,aAAa,CAAC,qBAa5D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,eAAe,CAAC,qBAa9D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}