@alexgorbatchev/shadcn 0.0.0-stage → 0.0.16

package/dist/components/questionnaire/index.js

@@ -0,0 +1,747 @@
+import {
+  S,
+  d,
+  f
+} from "../../chunk-z1fy613d.js";
+import {
+  cn2
+} from "../../chunk-cp2m7y7v.js";
+import {
+  buttonVariants2
+} from "../../chunk-73rkr9ct.js";
+
+// node_modules/@shadcn/react/dist/questionnaire/index.js
+import * as p from "react";
+import { jsx } from "react/jsx-runtime";
+"use client";
+var Pe = p.createContext(null);
+var ve = p.createContext(null);
+var Ee = p.createContext(null);
+function ne(e) {
+  let t = p.useContext(ve);
+  if (!t)
+    throw new Error(`${e} must be used within a Questionnaire.Root component.`);
+  return t;
+}
+function be(e) {
+  let t = p.useContext(Pe);
+  if (!t)
+    throw new Error(`${e} must be used within a Questionnaire.Choice component.`);
+  return t;
+}
+function Z(e) {
+  let t = p.useContext(Ee);
+  if (!t)
+    throw new Error(`${e} must be used within a Questionnaire.Item component.`);
+  return t;
+}
+function ce(e) {
+  return Array.isArray(e) ? e.some((t) => String(t).trim().length > 0) : e != null && String(e).trim().length > 0;
+}
+function me(e) {
+  return e === "letters" ? Array.from({ length: 26 }, (t, i) => String.fromCharCode(65 + i)) : e === "numbers" ? Array.from({ length: 9 }, (t, i) => String(i + 1)) : [];
+}
+function He(e, t) {
+  let i = t === "letters" ? e.toUpperCase() : e;
+  return me(t).includes(i) ? i : null;
+}
+function Ie(e, t) {
+  return [e, t ? "Enter" : null].filter(Boolean).join(" ") || undefined;
+}
+function pe(e) {
+  return e.type === "choice" ? e.element.checked : e.element.hasAttribute("name") && ce(e.element.value);
+}
+function $e(e) {
+  return e?.type === "input" && ["email", "password", "search", "tel", "text", "url"].includes(e.element.type) && !ce(e.element.value);
+}
+function he(e) {
+  return e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? true : e instanceof HTMLInputElement ? !["button", "checkbox", "radio", "reset", "submit"].includes(e.type) : e instanceof HTMLElement && e.isContentEditable;
+}
+function le(e) {
+  return e instanceof HTMLInputElement && e.type === "radio";
+}
+function Ke(e, t) {
+  if (e.element === t.element)
+    return 0;
+  let i = e.element.compareDocumentPosition(t.element);
+  return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+}
+function Ue(e, t) {
+  if (e.element === t.element)
+    return 0;
+  let i = e.element.compareDocumentPosition(t.element);
+  return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+}
+function qe({ checked: e, defaultChecked: t = false, disabled: i = false, onChange: a, value: s }) {
+  let { disabled: o, hasInputAnswer: u, invalid: f, multiple: g, name: d, registerAnswerControl: c, registerAnswerSelection: S, required: B, resetVersion: Q, selectedAnswerIds: x, setAnswerDefault: U, setAnswerSelectionFromInteraction: P, shortcutByAnswerId: A, shortcutByChoiceValue: G, status: v, syncControlledAnswerSelection: C } = Z("Questionnaire.Choice"), E = p.useId(), [O, V] = p.useState(null), L = p.useRef(t), N = e !== undefined, D = o || i, M = x.includes(E), y = N ? v === "skipped" ? false : e : M, R = g ? "checkbox" : "radio", w = G?.get(s) ?? A.get(E) ?? null;
+  p.useLayoutEffect(() => S(E, L.current), [E, S]), p.useLayoutEffect(() => U(E, t), [E, t, U]), p.useLayoutEffect(() => {
+    if (O)
+      return c({ disabled: D, element: O, id: E, ownDisabled: i, type: "choice", value: s });
+  }, [E, i, D, O, c, s]), p.useLayoutEffect(() => {
+    N && C(E, e);
+  }, [E, N, e, Q, C]), p.useLayoutEffect(() => {
+    O && (O.defaultChecked = N ? e : t, Q > 0 && (O.checked = y));
+  }, [y, N, e, t, O, Q]);
+  function X(T) {
+    if (a?.(T), !T.defaultPrevented) {
+      if (!N) {
+        P(E, T.target.checked);
+        return;
+      }
+      v === "skipped" && e === T.target.checked && P(E, e);
+    }
+  }
+  let ie = { checked: y, disabled: D, invalid: f, shortcut: w, type: R };
+  return { inputProps: { ref: V, "aria-invalid": f || undefined, "aria-keyshortcuts": Ie(w, !D && y), checked: y, disabled: D, id: E, name: v === "skipped" ? undefined : d, onChange: X, required: B && !g && !u, type: R, value: s }, state: ie };
+}
+function _e({ defaultValue: e, disabled: t = false, onChange: i, ref: a, type: s = "text", value: o }) {
+  let { disabled: u, invalid: f2, name: g, registerAnswerControl: d, registerAnswerSelection: c$1, resetVersion: S, selectedAnswerIds: B, setAnswerDefault: Q, setAnswerSelectionFromInteraction: x, syncControlledAnswerSelection: U } = Z("Questionnaire.Input"), P = p.useId(), A = p.useRef(null), G = p.useRef(ce(e)), v = o !== undefined, C = ce(e), E = ce(o), [O, V] = p.useState(C), L = u || t, N = v ? E : O, D = B.includes(P);
+  p.useLayoutEffect(() => c$1(P, G.current), [P, c$1]), p.useLayoutEffect(() => Q(P, C), [C, P, Q]), p.useLayoutEffect(() => {
+    let w = A.current;
+    if (w)
+      return d({ disabled: L, element: w, id: P, type: "input" });
+  }, [L, P, d]), p.useLayoutEffect(() => {
+    if (v) {
+      U(P, E);
+      return;
+    }
+    S > 0 && (V(C), A.current && (A.current.value = A.current.defaultValue));
+  }, [v, E, o, C, P, S, U]), p.useLayoutEffect(() => {
+    let w = A.current;
+    !w || !v || (w.defaultValue = String(o));
+  }, [v, o]);
+  function M(w) {
+    if (i?.(w), w.defaultPrevented)
+      return;
+    let X = w.target.value.trim().length > 0;
+    v || (V(X), x(P, X));
+  }
+  let y = { disabled: L, filled: N, invalid: f2 }, R = p.useCallback((w) => {
+    A.current = w, f(a)?.(w);
+  }, [a]);
+  return { inputProps: { "aria-invalid": f2 || undefined, "aria-keyshortcuts": Ie(null, !L && N && D), defaultValue: v ? undefined : e, disabled: L, form: D ? undefined : "", id: P, name: D ? g : undefined, onChange: M, ref: R, type: s, value: v ? o : undefined }, state: y };
+}
+function We(e) {
+  return e === undefined ? null : { enabledItems: e.filter((t) => !t.disabled), itemByName: new Map(e.map((t) => [t.name, t])), items: e };
+}
+function we(e, t) {
+  if (!e)
+    return t ?? null;
+  let i = t ? e.itemByName.get(t) : undefined;
+  return i && !i.disabled ? i.name : e.enabledItems[0]?.name ?? null;
+}
+function Ge(e, t) {
+  let i = new Map;
+  if (!e || !t)
+    return i;
+  let a = me(t), s = 0;
+  for (let o of e.choices ?? []) {
+    if (o.disabled)
+      continue;
+    let u = a[s];
+    if (!u)
+      break;
+    i.set(o.value, u), s += 1;
+  }
+  return i;
+}
+function je(e, t) {
+  let i = [], a = new Set;
+  for (let s of e.items) {
+    a.has(s.name) && i.push(`Item name "${s.name}" is defined more than once.`), a.add(s.name);
+    let o = new Set;
+    for (let u of s.choices ?? [])
+      o.has(u.value) && i.push(`Choice value "${u.value}" is defined more than once in item "${s.name}".`), o.add(u.value);
+  }
+  if (t) {
+    let s = e.itemByName.get(t);
+    (!s || s.disabled) && i.push(`defaultItem "${t}" does not identify an enabled item. The first enabled item will be used instead.`);
+  }
+  return i;
+}
+function ze(e, t, i) {
+  let a = [], s = new Map(t.map((o) => [o.name, o]));
+  for (let o of e.items) {
+    let u = s.get(o.name);
+    if (!u) {
+      o.disabled || a.push(`Item "${o.name}" is defined but has no rendered Questionnaire.Item.`);
+      continue;
+    }
+    u.disabled !== !!o.disabled && a.push(`Item "${o.name}" has different disabled values in Root.items and Questionnaire.Item.`), u.required !== !!o.required && a.push(`Item "${o.name}" has different required values in Root.items and Questionnaire.Item.`);
+    let f = o.choices ?? [], g = new Map(f.map((c) => [c.value, c])), d = new Map(u.choices.map((c) => [c.value, c]));
+    for (let c of f) {
+      let S = d.get(c.value);
+      if (!S) {
+        a.push(`Choice "${c.value}" is defined for item "${o.name}" but has no rendered Questionnaire.Choice.`);
+        continue;
+      }
+      S.disabled !== !!c.disabled && a.push(`Choice "${c.value}" in item "${o.name}" has different disabled values in Root.items and Questionnaire.Choice.`);
+    }
+    if (i) {
+      for (let Q of u.choices)
+        g.has(Q.value) || a.push(`Rendered choice "${Q.value}" in item "${o.name}" is missing from Root.items and will not receive a shortcut.`);
+      let c = f.filter((Q) => !Q.disabled).map((Q) => Q.value), S = u.choices.filter((Q) => !Q.disabled).map((Q) => Q.value);
+      c.length > 0 && c.length === S.length && c.every((Q) => S.includes(Q)) && c.some((Q, x) => Q !== S[x]) && a.push(`Choice order for item "${o.name}" differs between Root.items and the rendered Questionnaire.Choice elements.`);
+    }
+  }
+  for (let o of t)
+    !o.disabled && !e.itemByName.has(o.name) && a.push(`Rendered item "${o.name}" is missing from Root.items and is excluded from the questionnaire collection.`);
+  return a;
+}
+function Je({ "aria-describedby": e, "aria-keyshortcuts": t, disabled: i = false, invalid: a = false, multiple: s = false, name: o, onStatusChange: u, ref: f2, required: g = false }) {
+  let { activeItemName: d, domVersion: c$1, first: S, itemDefinitionByName: B, last: Q, nativeValidation: x, registerItem: U, shortcuts: P } = ne("Questionnaire.Item"), [A, G] = p.useState(null), [v, C] = p.useState([]), [E, O] = p.useState(false), [V, L] = p.useState([]), [N, D] = p.useState(false), [M, y] = p.useState(0), [R, w] = p.useState([]), [X, ie] = p.useState([]), T = p.useRef([]), q = p.useRef(s), de = p.useRef(s);
+  q.current = s;
+  let _ = !i && d === o, j = p.useMemo(() => [...v].sort(Ue), [v, c$1]), h = p.useMemo(() => j.filter((r) => !r.disabled), [j]), ge = h.some((r) => V.includes(r.id)), F = N ? "skipped" : ge ? "answered" : "unanswered", re = F === "skipped" && !g, se = i || re || !a && F === "answered", ee = !i && !re && (a || E && !se), Re = h.some((r) => r.type === "input"), Qe = p.useRef(F), Ce = B?.get(o), J = p.useMemo(() => B ? Ge(Ce, P) : null, [Ce, B, P]), ae = p.useMemo(() => {
+    if (J)
+      return new Map;
+    let r = me(P), m = h.filter((l) => l.type === "choice");
+    return new Map(m.slice(0, r.length).map((l, $) => [l.id, r[$]]));
+  }, [h, J, P]), ye = p.useCallback((r) => (C((m) => [...m.filter((l) => l.element !== r.element && l.id !== r.id), r]), () => {
+    C((m) => m.filter((l) => l !== r));
+  }), []);
+  p.useLayoutEffect(() => {
+    Qe.current !== F && (Qe.current = F, u?.(F));
+  }, [u, F]);
+  let n = p.useCallback((r, m) => {
+    L((l) => m ? s ? l.includes(r) ? l : [...l, r] : [r] : l.filter(($) => $ !== r));
+  }, [s]), b = p.useCallback((r, m) => {
+    D(false), n(r, m);
+  }, [n]), k = p.useCallback((r, m) => {
+    m && D(false), n(r, m);
+  }, [n]), Y = p.useCallback((r, m) => (m && (T.current = [...T.current.filter((l) => l !== r), r], L((l) => q.current ? l.includes(r) ? l : [...l, r] : l.length ? l : [r])), () => {
+    T.current = T.current.filter((l) => l !== r), L((l) => l.filter(($) => $ !== r));
+  }), []), xe = p.useCallback((r, m) => {
+    if (m) {
+      T.current = T.current.includes(r) ? T.current : [...T.current, r];
+      return;
+    }
+    T.current = T.current.filter((l) => l !== r);
+  }, []), Me = p.useCallback((r) => (w((m) => m.includes(r) ? m : [...m, r]), () => {
+    w((m) => m.filter((l) => l !== r));
+  }), []), Ae = p.useCallback((r) => (ie((m) => m.includes(r) ? m : [...m, r]), () => {
+    ie((m) => m.filter((l) => l !== r));
+  }), []), Ne = p.useCallback(() => {
+    if (O(true), !se)
+      return false;
+    if (!x)
+      return true;
+    let r = h.find((m) => pe(m) && m.element.willValidate && !m.element.validity.valid);
+    return r ? (r.element.focus(), r.element.reportValidity(), false) : true;
+  }, [h, x, se]), Te = p.useCallback(() => {
+    A?.focus();
+  }, [A]), Le = p.useCallback(() => {
+    let r = A?.querySelector("input[data-filled][name]:not(:disabled)"), m = A?.querySelector("input:not([type=hidden]):not(:disabled), textarea:not(:disabled)");
+    (r ?? m ?? A)?.focus();
+  }, [A]), De = p.useCallback(() => {
+    O(false), D(false), L(s ? [...T.current] : T.current.slice(0, 1)), y((r) => r + 1);
+  }, [s]), Be = p.useCallback(() => {
+    g || (L([]), D(true));
+  }, [g]);
+  p.useLayoutEffect(() => {
+    let r = de.current;
+    de.current = s, !(!r || s) && L((m) => {
+      let l = h.find(($) => m.includes($.id));
+      return l ? [l.id] : [];
+    });
+  }, [h, s]);
+  let Fe = p.useCallback((r) => h.find((m) => m.element === r) ?? null, [h]), Ve = p.useCallback((r) => {
+    if (J) {
+      let l = Array.from(J.entries()).find(([, $]) => $ === r)?.[0];
+      return h.find(($) => $.type === "choice" && $.value === l) ?? null;
+    }
+    let m = Array.from(ae.entries()).find(([, l]) => l === r)?.[0];
+    return h.find((l) => l.id === m) ?? null;
+  }, [h, ae, J]), Oe = p.useCallback((r, m) => {
+    let l = h.findIndex((Qt) => Qt.element === r), $ = l < 0 ? null : h[l] ?? null;
+    if (!h.length || he(r) && !$e($) || l < 0 && r !== A)
+      return false;
+    let oe = l < 0 ? h.find(pe) ?? (m === "next" ? h[0] : h[h.length - 1]) : h[(l + (m === "next" ? 1 : -1) + h.length) % h.length];
+    return !oe || oe.element === r || l >= 0 && le(r) && le(oe.element) ? false : (oe.element.focus(), oe.type === "choice" && le(oe.element) && oe.element.click(), true);
+  }, [h, A]);
+  p.useLayoutEffect(() => {
+    if (A)
+      return U({ choices: j.flatMap((r) => r.type === "choice" ? [{ disabled: r.ownDisabled, value: r.value }] : []), disabled: i, element: A, focus: Te, focusInvalid: Le, getAnswerByElement: Fe, getAnswerByShortcut: Ve, moveAnswerFocus: Oe, name: o, required: g, reset: De, skip: Be, status: F, validate: Ne });
+  }, [j, i, A, Te, Le, Fe, Ve, Oe, o, U, g, De, Be, F, Ne]);
+  let pt = p.useMemo(() => ({ active: _, disabled: i, hasInputAnswer: Re, invalid: ee, multiple: s, name: o, registerAnswerControl: ye, registerAnswerSelection: Y, registerDescription: Me, registerError: Ae, required: g, resetVersion: M, selectedAnswerIds: V, setAnswerDefault: xe, setAnswerSelectionFromInteraction: b, shortcutByAnswerId: ae, shortcutByChoiceValue: J, shortcuts: P, status: F, syncControlledAnswerSelection: k }), [_, i, Re, ee, s, o, ye, Y, Me, Ae, g, M, V, xe, b, ae, J, P, F, k]), ht = p.useCallback((r) => {
+    G(r), f(f2)?.(r);
+  }, [f2]), gt = [...R, ...ee ? X : [], e].filter(Boolean).join(" ") || undefined, Rt = [t, _ ? "Meta+Enter Control+Enter" : undefined, _ && h.length ? "ArrowUp ArrowDown" : undefined, _ && !S ? "ArrowLeft" : undefined, _ && !Q && F !== "unanswered" ? "ArrowRight" : undefined].filter(Boolean).join(" ") || undefined;
+  return { context: pt, itemProps: { "aria-describedby": gt, "aria-invalid": ee || undefined, "aria-keyshortcuts": Rt, disabled: i, hidden: !_, inert: !_, ref: ht, tabIndex: -1 }, state: { active: _, disabled: i, invalid: ee, multiple: s, required: g, status: F } };
+}
+function Xe({ defaultItem: e, item: t, items: i, noValidate: a, onItemChange: s, onReset: o, onSubmit: u, ref: f2, shortcuts: g }) {
+  let d = p.useMemo(() => We(i), [i]), [c$1, S] = p.useState([]), [B, Q] = p.useState(() => we(d, e)), [x, U] = p.useState(null), [P, A] = p.useState(0), G = p.useRef(null), v = t !== undefined, C = v ? t : B, E = p.useRef(C), O = a === false, V = g ?? null, L = p.useRef(new Set);
+  p.useLayoutEffect(() => {
+    if (false)
+      ;
+    if (!d || !x) {
+      L.current.clear();
+      return;
+    }
+    let n = false;
+    return queueMicrotask(() => {
+      if (n)
+        return;
+      let b = [...je(d, e), ...ze(d, c$1, V)], k = new Set(b);
+      k.forEach((Y) => {
+        L.current.has(Y) || console.warn(`[Questionnaire] ${Y}`);
+      }), L.current = k;
+    }), () => {
+      n = true;
+    };
+  }, [d, e, c$1, x, V]), p.useLayoutEffect(() => {
+    if (!x || typeof MutationObserver > "u")
+      return;
+    let n = new MutationObserver(() => {
+      A((b) => b + 1);
+    });
+    return n.observe(x, { childList: true, subtree: true }), () => n.disconnect();
+  }, [x]);
+  let N = p.useMemo(() => c$1.filter((n) => !n.disabled).sort(Ke), [P, c$1]), D = p.useMemo(() => new Map(N.map((n) => [n.name, n])), [N]), M = d?.enabledItems ?? N, y = M.findIndex((n) => n.name === C), R = y < 0 || !C ? null : D.get(C) ?? null, w = C ? d?.itemByName.get(C) : undefined, X = y < 0 ? null : w ? !!w.required : R?.required ?? false, ie = y < 0 ? null : R?.status ?? (C ? "unanswered" : null), T = p.useMemo(() => d ? d.enabledItems.flatMap((n) => {
+    let b = D.get(n.name);
+    return b ? [b] : [];
+  }) : N, [d, D, N]), q = M.length, de = y < 0 ? 0 : y + 1, _ = q > 0 && y === 0, j = q > 0 && y === q - 1, h = p.useCallback((n, b = "item") => {
+    n !== C && (G.current = { name: n, target: b }, v || Q(n), s?.(n));
+  }, [C, v, s]);
+  p.useLayoutEffect(() => {
+    if (q === 0)
+      return;
+    if (y < 0) {
+      if (!v && C === null) {
+        Q(M[0].name);
+        return;
+      }
+      h(M[0].name);
+      return;
+    }
+    let n = G.current, b = E.current !== C;
+    if (E.current = C, !n || n.name !== C) {
+      v && b && (G.current = null, R?.focus());
+      return;
+    }
+    n.target === "invalid" ? R?.focusInvalid() : R?.focus(), G.current = null;
+  }, [R, C, v, y, M, h, q]);
+  let ge = p.useCallback((n) => (S((b) => [...b.filter((k) => k.element !== n.element && k.name !== n.name), n]), () => {
+    S((b) => b.filter((k) => k !== n));
+  }), []), F = p.useCallback(() => {
+    y <= 0 || h(M[y - 1].name);
+  }, [y, M, h]), re = p.useCallback(() => {
+    if (!(!R || y >= q - 1)) {
+      if (!R.validate()) {
+        R.focusInvalid();
+        return;
+      }
+      h(M[y + 1].name);
+    }
+  }, [R, y, M, h, q]), se = p.useCallback(() => {
+    if (R) {
+      if (!R.validate()) {
+        R.focusInvalid();
+        return;
+      }
+      if (j) {
+        x?.requestSubmit();
+        return;
+      }
+      h(M[y + 1].name);
+    }
+  }, [R, y, j, M, x, h]), ee = p.useCallback(() => {
+    if (!(!R || R.required)) {
+      if (R.skip(), !j) {
+        h(M[y + 1].name);
+        return;
+      }
+      queueMicrotask(() => {
+        x?.requestSubmit();
+      });
+    }
+  }, [R, y, j, M, x, h]);
+  function Re(n) {
+    if (o?.(n), n.defaultPrevented)
+      return;
+    for (let k of c$1)
+      k.reset();
+    let b = d ? we(d, e) : N.find((k) => k.name === e)?.name ?? N[0]?.name;
+    b && h(b);
+  }
+  function Qe(n) {
+    let b = T.find((k) => !k.validate());
+    if (b) {
+      n.preventDefault(), h(b.name, "invalid"), b.name === C && (b.focusInvalid(), G.current = null);
+      return;
+    }
+    u?.(n);
+  }
+  function Ce(n) {
+    if (n.defaultPrevented || n.nativeEvent.isComposing || n.keyCode === 229 || !R || !(n.target instanceof Element))
+      return;
+    if (n.key === "Enter" && (n.metaKey || n.ctrlKey) && !n.altKey && !n.shiftKey) {
+      n.preventDefault(), n.repeat || se();
+      return;
+    }
+    if (n.metaKey || n.ctrlKey || n.altKey)
+      return;
+    if ((n.key === "ArrowUp" || n.key === "ArrowDown") && R.moveAnswerFocus(n.target, n.key === "ArrowDown" ? "next" : "previous")) {
+      n.preventDefault();
+      return;
+    }
+    if ((n.key === "ArrowLeft" || n.key === "ArrowRight") && !he(n.target) && !le(n.target)) {
+      if (n.preventDefault(), n.repeat)
+        return;
+      n.key === "ArrowLeft" ? F() : R.status !== "unanswered" && re();
+      return;
+    }
+    if (n.key === "Enter") {
+      let Y = R.getAnswerByElement(n.target);
+      if (!Y)
+        return;
+      n.preventDefault(), !n.repeat && pe(Y) && se();
+      return;
+    }
+    if (!V || he(n.target))
+      return;
+    let b = He(n.key, V), k = b ? R.getAnswerByShortcut(b) : null;
+    k && (n.preventDefault(), !n.repeat && (k.element.focus(), k.type === "choice" && k.element.click()));
+  }
+  let J = { current: de, first: _, last: j, total: q }, ae = p.useMemo(() => ({ ...J, activeItem: R, activeItemName: C, activeItemRequired: X, activeItemStatus: ie, domVersion: P, goNext: re, goPrevious: F, itemDefinitionByName: d?.itemByName ?? null, nativeValidation: O, registerItem: ge, shortcuts: V, skipCurrent: ee }), [R, C, X, ie, d, de, P, _, re, F, j, O, ge, V, ee, q]), ye = p.useCallback((n) => {
+    U(n), f(f2)?.(n);
+  }, [f2]);
+  return { context: ae, rootProps: { "data-shortcuts": V ?? undefined, onKeyDown: Ce, onReset: Re, onSubmit: Qe, ref: ye }, state: J };
+}
+function Ye({ defaultItem: e, item: t, items: i, noValidate: a$1 = true, onItemChange: s, onReset: o, onSubmit: u, ref: f, shortcuts: g, ...d2 }) {
+  let { context: c, rootProps: S2, state: B } = Xe({ defaultItem: e, item: t, items: i, noValidate: a$1, onItemChange: s, onReset: o, onSubmit: u, ref: f, shortcuts: g }), Q = S({ defaultTagName: "form", props: d({ ...S2, noValidate: a$1 }, d2), state: B });
+  return jsx(ve.Provider, { value: c, children: Q });
+}
+function Ze({ children: e, render: t, ...i }) {
+  let { current: a$1, first: s, last: o, total: u } = ne("Questionnaire.Progress"), f = u ? `Question ${a$1} of ${u}` : undefined;
+  return S({ defaultTagName: "div", props: d({ "aria-label": "Questionnaire progress", "aria-live": "polite", "aria-valuemax": u || undefined, "aria-valuemin": u ? 1 : undefined, "aria-valuenow": u ? a$1 : undefined, "aria-valuetext": f, children: e ?? f, role: "progressbar" }, i), render: t, state: { current: a$1, first: s, last: o, total: u } });
+}
+function et({ "aria-describedby": e, "aria-keyshortcuts": t, children: i, disabled: a$1 = false, invalid: s = false, multiple: o = false, name: u, onStatusChange: f, ref: g, required: d2 = false, ...c }) {
+  let { context: S2, itemProps: B, state: Q } = Je({ "aria-describedby": e, "aria-keyshortcuts": t, disabled: a$1, invalid: s, multiple: o, name: u, onStatusChange: f, ref: g, required: d2 }), x = S({ defaultTagName: "fieldset", props: d({ ...B, children: i }, c), state: Q, stateAttributesMapping: { active: (U) => ({ "data-active": U ? "" : undefined }) } });
+  return jsx(Ee.Provider, { value: S2, children: x });
+}
+function tt({ render: e, ...t }) {
+  return Z("Questionnaire.Title"), S({ defaultTagName: "legend", props: t, render: e });
+}
+function nt({ id: e, render: t, ...i }) {
+  let { registerDescription: a$1 } = Z("Questionnaire.Description"), s = p.useId(), o = e ?? s;
+  return p.useLayoutEffect(() => a$1(o), [o, a$1]), S({ defaultTagName: "p", props: d({ id: o }, i), render: t });
+}
+function it({ render: e, ...t }) {
+  let { shortcuts: i } = Z("Questionnaire.Choices");
+  return S({ defaultTagName: "div", props: t, render: e, state: { shortcuts: i } });
+}
+function ot({ checked: e, children: t, defaultChecked: i = false, disabled: a$1 = false, onChange: s, render: o, value: u, ...f }) {
+  let { inputProps: g, state: d2 } = qe({ checked: e, defaultChecked: i, disabled: a$1, onChange: s, value: u }), c = S({ defaultTagName: "label", props: d({ children: t }, f), render: o, state: d2, stateAttributesMapping: { checked: (S) => ({ "data-checked": S ? "" : undefined, "data-unchecked": S ? undefined : "" }) } });
+  return jsx(Pe.Provider, { value: { inputProps: g, state: d2 }, children: c });
+}
+function rt({ render: e, ...t }) {
+  let { inputProps: i, state: a$1 } = be("Questionnaire.ChoiceInput");
+  return S({ defaultTagName: "input", props: d(i, t), render: e, state: a$1, stateAttributesMapping: { checked: (s) => ({ "data-checked": s ? "" : undefined, "data-unchecked": s ? undefined : "" }) } });
+}
+function st({ render: e, ...t }) {
+  return be("Questionnaire.ChoiceLabel"), S({ defaultTagName: "span", props: t, render: e });
+}
+function at({ children: e, render: t, ...i }) {
+  let { state: a$1 } = be("Questionnaire.ChoiceShortcut"), s = { shortcut: a$1.shortcut };
+  return S({ defaultTagName: "span", props: d({ "aria-hidden": true, children: e ?? a$1.shortcut, hidden: a$1.shortcut === null }, i), render: t, state: s });
+}
+function ut({ defaultValue: e, disabled: t = false, onChange: i, ref: a$1, render: s, type: o = "text", value: u, ...f }) {
+  let { inputProps: g, state: d2 } = _e({ defaultValue: e, disabled: t, onChange: i, ref: a$1, type: o, value: u });
+  return S({ defaultTagName: "input", props: d(g, f), render: s, state: d2, stateAttributesMapping: { filled: (c) => ({ "data-empty": c ? undefined : "", "data-filled": c ? "" : undefined }) } });
+}
+function ct({ children: e, id: t, render: i, ...a$1 }) {
+  let { invalid: s, registerError: o, required: u } = Z("Questionnaire.Error"), f = p.useId(), g = t ?? f;
+  return p.useLayoutEffect(() => o(g), [g, o]), S({ defaultTagName: "p", props: d({ children: e ?? (u ? "Choose an answer to continue." : "Choose an answer or skip this question."), hidden: !s, id: g, role: s ? "alert" : undefined }, a$1), render: i, state: { invalid: s } });
+}
+function lt({ children: e, disabled: t = false, onClick: i, render: a, tabIndex: s, type: o = "button", ...u }) {
+  let f = ne("Questionnaire.Previous"), g = f.total > 1 && !f.first;
+  function d(c) {
+    i?.(c), c.defaultPrevented || f.goPrevious();
+  }
+  return Se({ children: e ?? "Previous", disabled: t, onClick: d, props: u, render: a, status: f.activeItemStatus, tabIndex: s, type: o, visible: g });
+}
+function ft({ children: e, disabled: t = false, onClick: i, render: a, tabIndex: s, type: o = "button", ...u }) {
+  let f = ne("Questionnaire.Skip"), g = f.activeItemRequired === false;
+  function d(c) {
+    i?.(c), c.defaultPrevented || f.skipCurrent();
+  }
+  return Se({ children: e ?? "Skip", disabled: t, onClick: d, props: u, render: a, status: f.activeItemStatus, tabIndex: s, type: o, visible: g });
+}
+function dt({ children: e, disabled: t = false, onClick: i, render: a, tabIndex: s, type: o = "button", ...u }) {
+  let f = ne("Questionnaire.Next"), g = f.total > 1 && !f.last;
+  function d(c) {
+    i?.(c), c.defaultPrevented || f.goNext();
+  }
+  return Se({ children: e ?? "Next", disabled: t, onClick: d, props: u, render: a, shortcut: "Enter", status: f.activeItemStatus, tabIndex: s, type: o, visible: g });
+}
+function mt({ children: e, disabled: t = false, render: i, tabIndex: a, type: s = "submit", ...o }) {
+  let u = ne("Questionnaire.Submit"), f = u.total > 0 && u.last;
+  return Se({ children: e ?? "Submit", disabled: t, props: o, render: i, shortcut: "Enter", status: u.activeItemStatus, tabIndex: a, type: s, visible: f });
+}
+function Se({ children: e, disabled: t, onClick: i, props: a$1, render: s, shortcut: o, status: u, tabIndex: f, type: g, visible: d2 }) {
+  let c = d2 && !t ? o ?? null : null, S2 = { disabled: t, shortcut: c, status: u, visible: d2 };
+  return S({ defaultTagName: "button", props: d({ "aria-hidden": !d2 || undefined, "aria-keyshortcuts": c ?? undefined, children: e, disabled: t, hidden: !d2, inert: !d2, onClick: i, tabIndex: d2 ? f : -1, type: g }, a$1), render: s, state: S2, stateAttributesMapping: { visible: (B) => ({ "data-hidden": B ? undefined : "", "data-visible": B ? "" : undefined }) } });
+}
+var zt = { Root: Ye, Progress: Ze, Item: et, Title: tt, Description: nt, Choices: it, Choice: ot, ChoiceInput: rt, ChoiceLabel: st, ChoiceShortcut: at, Input: ut, Error: ct, Previous: lt, Skip: ft, Next: dt, Submit: mt };
+
+// src/components/questionnaire/Questionnaire.tsx
+import { CheckIcon } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Questionnaire({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Root, {
+    "data-density": density,
+    "data-slot": "questionnaire",
+    className: cn2("flex w-full min-w-0 flex-col gap-field-gap", className),
+    ...props
+  });
+}
+function QuestionnaireProgress({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Progress, {
+    "data-density": density,
+    "data-slot": "questionnaire-progress",
+    className: cn2("min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums", className),
+    ...props
+  });
+}
+function QuestionnaireItem({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Item, {
+    "data-density": density,
+    "data-slot": "questionnaire-item",
+    className: cn2("flex min-w-0 flex-col gap-field-gap border-0 p-0 outline-none", className),
+    ...props
+  });
+}
+function QuestionnaireTitle({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Title, {
+    "data-density": density,
+    "data-slot": "questionnaire-title",
+    className: cn2("text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4", className),
+    ...props
+  });
+}
+function QuestionnaireDescription({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Description, {
+    "data-density": density,
+    "data-slot": "questionnaire-description",
+    className: cn2("text-sm text-pretty text-muted-foreground", className),
+    ...props
+  });
+}
+function QuestionnaireChoices({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Choices, {
+    "data-density": density,
+    "data-slot": "questionnaire-choices",
+    className: cn2("group/questionnaire-choices grid min-w-0 gap-control-gap", className),
+    ...props
+  });
+}
+function QuestionnaireChoice({
+  children,
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(zt.Choice, {
+    "data-density": density,
+    "data-slot": "questionnaire-choice",
+    className: cn2("group/questionnaire-choice relative flex min-h-control cursor-pointer items-start gap-control-gap rounded-sm border border-input bg-transparent px-control-x py-1 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-1 has-[>input:focus-visible]:ring-ring data-invalid:border-destructive data-checked:border-primary/40 data-checked:bg-muted motion-reduce:transition-none", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx2(zt.ChoiceInput, {
+        "data-density": density,
+        "data-slot": "questionnaire-choice-input",
+        className: "absolute inset-0 z-10 size-full cursor-pointer opacity-0"
+      }),
+      /* @__PURE__ */ jsxs("span", {
+        "aria-hidden": "true",
+        "data-density": density,
+        "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-sm border border-input 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",
+        children: [
+          /* @__PURE__ */ jsx2("span", {
+            "data-density": density,
+            "data-slot": "questionnaire-choice-indicator-dot",
+            className: "hidden size-2 rounded-full bg-primary-foreground group-data-[type=radio]/questionnaire-choice:group-data-checked/questionnaire-choice:block"
+          }),
+          /* @__PURE__ */ jsx2(CheckIcon, {
+            "data-density": density,
+            "data-slot": "questionnaire-choice-indicator-check",
+            className: "hidden size-3.5 group-data-[type=checkbox]/questionnaire-choice:group-data-checked/questionnaire-choice:block"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx2(zt.ChoiceLabel, {
+        "data-density": density,
+        "data-slot": "questionnaire-choice-label",
+        className: "flex min-w-0 flex-1 flex-col gap-0.5 leading-snug",
+        children
+      }),
+      /* @__PURE__ */ jsx2(zt.ChoiceShortcut, {
+        "data-density": density,
+        "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-sm 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 QuestionnaireChoiceDescription({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2("span", {
+    "data-density": density,
+    "data-slot": "questionnaire-choice-description",
+    className: cn2("text-muted-foreground", className),
+    ...props
+  });
+}
+function QuestionnaireInput({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-density": density,
+    "data-slot": "questionnaire-input-wrapper",
+    className: "group/questionnaire-input relative w-full min-w-0",
+    children: /* @__PURE__ */ jsx2(zt.Input, {
+      "data-density": density,
+      "data-slot": "questionnaire-input",
+      className: cn2("h-control w-full min-w-0 rounded-sm border border-input bg-secondary px-control-x py-1 text-base transition-colors outline-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring 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 motion-reduce:transition-none", "selection:bg-primary selection:text-primary-foreground placeholder:text-faint-foreground", className),
+      ...props
+    })
+  });
+}
+function QuestionnaireError({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Error, {
+    "data-density": density,
+    "data-slot": "questionnaire-error",
+    className: cn2("mt-2 text-sm text-destructive", className),
+    ...props
+  });
+}
+function QuestionnaireActions({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-density": density,
+    "data-slot": "questionnaire-actions",
+    className: cn2("grid min-h-control w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-control-gap", className),
+    ...props
+  });
+}
+function QuestionnairePrevious({
+  children,
+  density,
+  className,
+  size = "default",
+  variant = "outline",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Previous, {
+    "data-density": density,
+    "data-slot": "questionnaire-previous",
+    "data-size": size,
+    "data-variant": variant,
+    className: cn2(buttonVariants2({ size, variant }), "col-start-1 row-start-1 motion-reduce:transition-none justify-self-start", className),
+    ...props,
+    children: children ?? "Previous"
+  });
+}
+function QuestionnaireSkip({
+  children,
+  density,
+  className,
+  size = "default",
+  variant = "outline",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Skip, {
+    "data-density": density,
+    "data-slot": "questionnaire-skip",
+    "data-size": size,
+    "data-variant": variant,
+    className: cn2(buttonVariants2({ size, variant }), "col-start-2 row-start-1 motion-reduce:transition-none justify-self-end", className),
+    ...props,
+    children: children ?? "Skip"
+  });
+}
+function QuestionnaireNext({
+  children,
+  density,
+  className,
+  size = "default",
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Next, {
+    "data-density": density,
+    "data-slot": "questionnaire-next",
+    "data-size": size,
+    "data-variant": variant,
+    className: cn2(buttonVariants2({ size, variant }), "col-start-3 row-start-1 motion-reduce:transition-none justify-self-end", className),
+    ...props,
+    children: children ?? "Next"
+  });
+}
+function QuestionnaireSubmit({
+  children,
+  density,
+  className,
+  size = "default",
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(zt.Submit, {
+    "data-density": density,
+    "data-slot": "questionnaire-submit",
+    "data-size": size,
+    "data-variant": variant,
+    className: cn2(buttonVariants2({ size, variant }), "col-start-3 row-start-1 motion-reduce:transition-none justify-self-end", className),
+    ...props,
+    children: children ?? "Submit"
+  });
+}
+export {
+  Questionnaire,
+  QuestionnaireActions,
+  QuestionnaireChoice,
+  QuestionnaireChoiceDescription,
+  QuestionnaireChoices,
+  QuestionnaireDescription,
+  QuestionnaireError,
+  QuestionnaireInput,
+  QuestionnaireItem,
+  QuestionnaireNext,
+  QuestionnairePrevious,
+  QuestionnaireProgress,
+  QuestionnaireSkip,
+  QuestionnaireSubmit,
+  QuestionnaireTitle
+};