@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/typeform/RuleGroupEditor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleGroupEditor.mjs","names":[],"sources":["../../../src/pages/typeform/RuleGroupEditor.tsx"],"sourcesContent":["// A reusable editor for a single `RuleGroup`, restyled for a narrow (~300px) side panel.\n// Each condition's controls STACK vertically instead of sitting on one wide row, so the whole\n// thing fits the question inspector's aside. Edits are immutable — every change routes through\n// `onChange` with a fresh RuleGroup. Rule editors may only reference EARLIER questions; the caller\n// supplies that list (via `earlierQuestions`) so this component never has to know the schema.\nimport {Plus, Trash2} from \"lucide-react\";\n\nimport {Button} from \"../../button\";\nimport {Input} from \"../../input\";\nimport {Select, SelectContent, SelectItem, SelectTrigger, SelectValue} from \"../../select\";\nimport {makeCondition} from \"./model\";\nimport type {Condition, ConditionOperator, Question, RuleGroup} from \"./model\";\n\n/** Sentinel Select value — Radix Select forbids empty-string item values. */\nconst NONE = \"__none__\";\n\nconst OPERATORS: {value: ConditionOperator; label: string}[] = [\n\t{value: \"eq\", label: \"is\"},\n\t{value: \"neq\", label: \"is not\"},\n\t{value: \"answered\", label: \"is answered\"},\n\t{value: \"not_answered\", label: \"is not answered\"},\n\t{value: \"includes\", label: \"includes\"},\n\t{value: \"gt\", label: \"greater than\"},\n\t{value: \"lt\", label: \"less than\"},\n];\n\n/** Operators that don't take a compare value. */\nfunction operatorHasValue(op: ConditionOperator): boolean {\n\treturn op !== \"answered\" && op !== \"not_answered\";\n}\n\nexport function RuleGroupEditor({\n\trule,\n\tearlier,\n\tonChange,\n}: {\n\trule: RuleGroup;\n\tearlier: Question[];\n\tonChange: (r: RuleGroup) => void;\n}): JSX.Element {\n\tfunction setCondition(index: number, patch: Partial<Condition>) {\n\t\tonChange({\n\t\t\t...rule,\n\t\t\tconditions: rule.conditions.map((c, i) => (i === index ? {...c, ...patch} : c)),\n\t\t});\n\t}\n\n\tfunction removeCondition(index: number) {\n\t\tonChange({...rule, conditions: rule.conditions.filter((_, i) => i !== index)});\n\t}\n\n\tfunction addCondition() {\n\t\tconst first = earlier[0];\n\t\tif (!first) return;\n\t\tonChange({...rule, conditions: [...rule.conditions, makeCondition(first.id)]});\n\t}\n\n\treturn (\n\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-2 wwc:rounded-md wwc:border wwc:border-border wwc:bg-muted/30 wwc:p-2\">\n\t\t\t{/* Match all | any */}\n\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">Match</span>\n\t\t\t\t<Select value={rule.match} onValueChange={(v) => onChange({...rule, match: v as RuleGroup[\"match\"]})}>\n\t\t\t\t\t<SelectTrigger className=\"wwc:h-7 wwc:w-20\">\n\t\t\t\t\t\t<SelectValue />\n\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t<SelectItem value=\"all\">all</SelectItem>\n\t\t\t\t\t\t<SelectItem value=\"any\">any</SelectItem>\n\t\t\t\t\t</SelectContent>\n\t\t\t\t</Select>\n\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">of:</span>\n\t\t\t</div>\n\n\t\t\t{rule.conditions.map((condition, index) => {\n\t\t\t\tconst ref = earlier.find((q) => q.id === condition.questionId);\n\t\t\t\tconst refIsChoice = ref?.type === \"multiple_choice\";\n\t\t\t\tconst hasValue = operatorHasValue(condition.operator);\n\t\t\t\tconst valueStr = condition.value === undefined ? \"\" : String(condition.value);\n\t\t\t\treturn (\n\t\t\t\t\t// Narrow layout: every control is full-width and stacked, one per line.\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tclassName=\"wwc:flex wwc:flex-col wwc:gap-1.5 wwc:rounded wwc:border wwc:border-border wwc:bg-background wwc:p-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t\t<span className=\"wwc:text-xs wwc:font-medium wwc:text-muted-foreground\">When</span>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\ttooltip=\"Remove condition\"\n\t\t\t\t\t\t\t\taria-label=\"Remove condition\"\n\t\t\t\t\t\t\t\tonClick={() => removeCondition(index)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Trash2 />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Earlier-question reference */}\n\t\t\t\t\t\t<Select value={condition.questionId} onValueChange={(v) => setCondition(index, {questionId: v, value: \"\"})}>\n\t\t\t\t\t\t\t<SelectTrigger className=\"wwc:h-7 wwc:w-full wwc:min-w-0\">\n\t\t\t\t\t\t\t\t<SelectValue placeholder=\"Question\" />\n\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t{earlier.map((q) => (\n\t\t\t\t\t\t\t\t\t<SelectItem key={q.id} value={q.id}>\n\t\t\t\t\t\t\t\t\t\t{q.label || \"Untitled question\"}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t</Select>\n\n\t\t\t\t\t\t{/* Operator */}\n\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\tvalue={condition.operator}\n\t\t\t\t\t\t\tonValueChange={(v) => setCondition(index, {operator: v as ConditionOperator})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SelectTrigger className=\"wwc:h-7 wwc:w-full wwc:min-w-0\">\n\t\t\t\t\t\t\t\t<SelectValue />\n\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t{OPERATORS.map((op) => (\n\t\t\t\t\t\t\t\t\t<SelectItem key={op.value} value={op.value}>\n\t\t\t\t\t\t\t\t\t\t{op.label}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t</Select>\n\n\t\t\t\t\t\t{/* Compare value — hidden for answered / not_answered */}\n\t\t\t\t\t\t{hasValue &&\n\t\t\t\t\t\t\t(refIsChoice ? (\n\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\tvalue={valueStr === \"\" ? NONE : valueStr}\n\t\t\t\t\t\t\t\t\tonValueChange={(v) => setCondition(index, {value: v === NONE ? \"\" : v})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<SelectTrigger className=\"wwc:h-7 wwc:w-full wwc:min-w-0\">\n\t\t\t\t\t\t\t\t\t\t<SelectValue placeholder=\"Value\" />\n\t\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t\t{(ref?.options ?? []).map((opt) => (\n\t\t\t\t\t\t\t\t\t\t\t<SelectItem key={opt.id} value={opt.value}>\n\t\t\t\t\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-full wwc:min-w-0\"\n\t\t\t\t\t\t\t\t\taria-label=\"Compare value\"\n\t\t\t\t\t\t\t\t\tplaceholder=\"Value\"\n\t\t\t\t\t\t\t\t\tvalue={valueStr}\n\t\t\t\t\t\t\t\t\tonChange={(e) => setCondition(index, {value: e.target.value})}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\n\t\t\t<Button\n\t\t\t\tvariant=\"outline\"\n\t\t\t\tsize=\"sm\"\n\t\t\t\tclassName=\"wwc:h-7 wwc:w-full\"\n\t\t\t\tonClick={addCondition}\n\t\t\t\tdisabled={earlier.length === 0}\n\t\t\t>\n\t\t\t\t<Plus />\n\t\t\t\tAdd condition\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/typeform/SignaturePad.d.mts

@@ -0,0 +1,11 @@
+//#region src/pages/typeform/SignaturePad.d.ts
+export interface SignaturePadProps {
+  /** Current signature as a PNG data URL (or undefined for a blank pad). */
+  value?: string;
+  onChange: (value: string) => void;
+  disabled?: boolean;
+  id?: string;
+}
+export declare function SignaturePad({ value, onChange, disabled, id }: SignaturePadProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=SignaturePad.d.mts.map

package/dist/pages/typeform/SignaturePad.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignaturePad.d.mts","names":[],"sources":["../../../src/pages/typeform/SignaturePad.tsx"],"mappings":";iBASiB;;EAEhB;EACA,WAAW;EACX;EACA;;wBAGe,eAAc,OAAO,UAAU,UAAU,MAAK,gDAAiB,IAAA"}

package/dist/pages/typeform/SignaturePad.mjs

@@ -0,0 +1,111 @@
+import { Button } from "../../button.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Eraser } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/typeform/SignaturePad.tsx
+function SignaturePad({ value, onChange, disabled, id }) {
+	const canvasRef = useRef(null);
+	const drawingRef = useRef(false);
+	const lastEmittedRef = useRef(void 0);
+	const [hasInk, setHasInk] = useState(Boolean(value));
+	useEffect(() => {
+		const canvas = canvasRef.current;
+		if (!canvas) return;
+		const rect = canvas.getBoundingClientRect();
+		canvas.width = rect.width || 600;
+		canvas.height = rect.height || 160;
+	}, []);
+	useEffect(() => {
+		if (value === lastEmittedRef.current) return;
+		const canvas = canvasRef.current;
+		const ctx = canvas?.getContext("2d");
+		if (!canvas || !ctx) return;
+		ctx.clearRect(0, 0, canvas.width, canvas.height);
+		if (value) {
+			const img = new Image();
+			img.onload = () => ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+			img.src = value;
+			setHasInk(true);
+		} else setHasInk(false);
+	}, [value]);
+	function pointFromEvent(e) {
+		const canvas = canvasRef.current;
+		const rect = canvas.getBoundingClientRect();
+		const scaleX = canvas.width / rect.width;
+		const scaleY = canvas.height / rect.height;
+		return {
+			x: (e.clientX - rect.left) * scaleX,
+			y: (e.clientY - rect.top) * scaleY
+		};
+	}
+	function handlePointerDown(e) {
+		if (disabled) return;
+		const canvas = canvasRef.current;
+		const ctx = canvas?.getContext("2d");
+		if (!canvas || !ctx) return;
+		drawingRef.current = true;
+		canvas.setPointerCapture(e.pointerId);
+		const { x, y } = pointFromEvent(e);
+		ctx.lineWidth = 2;
+		ctx.lineCap = "round";
+		ctx.lineJoin = "round";
+		ctx.strokeStyle = "currentColor";
+		ctx.beginPath();
+		ctx.moveTo(x, y);
+	}
+	function handlePointerMove(e) {
+		if (!drawingRef.current || disabled) return;
+		const ctx = canvasRef.current?.getContext("2d");
+		if (!ctx) return;
+		const { x, y } = pointFromEvent(e);
+		ctx.lineTo(x, y);
+		ctx.stroke();
+		setHasInk(true);
+	}
+	function endStroke() {
+		if (!drawingRef.current) return;
+		drawingRef.current = false;
+		const canvas = canvasRef.current;
+		if (!canvas) return;
+		const data = canvas.toDataURL();
+		lastEmittedRef.current = data;
+		onChange(data);
+	}
+	function clear() {
+		const canvas = canvasRef.current;
+		const ctx = canvas?.getContext("2d");
+		if (!canvas || !ctx) return;
+		ctx.clearRect(0, 0, canvas.width, canvas.height);
+		setHasInk(false);
+		lastEmittedRef.current = "";
+		onChange("");
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("wwc:flex wwc:flex-col wwc:gap-2", disabled && "wwc:opacity-60"),
+		children: [/* @__PURE__ */ jsx("canvas", {
+			id,
+			ref: canvasRef,
+			className: cn("wwc:h-40 wwc:w-full wwc:rounded-md wwc:border wwc:border-border wwc:bg-card wwc:text-foreground wwc:touch-none", disabled ? "wwc:cursor-not-allowed" : "wwc:cursor-crosshair"),
+			onPointerDown: handlePointerDown,
+			onPointerMove: handlePointerMove,
+			onPointerUp: endStroke,
+			onPointerLeave: endStroke,
+			onPointerCancel: endStroke
+		}), /* @__PURE__ */ jsx("div", {
+			className: "wwc:flex wwc:justify-end",
+			children: /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				disabled: disabled || !hasInk,
+				onClick: clear,
+				children: [/* @__PURE__ */ jsx(Eraser, {}), "Clear"]
+			})
+		})]
+	});
+}
+//#endregion
+export { SignaturePad };
+
+//# sourceMappingURL=SignaturePad.mjs.map

package/dist/pages/typeform/SignaturePad.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignaturePad.mjs","names":[],"sources":["../../../src/pages/typeform/SignaturePad.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\n// Fill-time signature capture. An HTML <canvas> drawn on with pointer events (mouse + touch), a\n// \"Clear\" button, and round-tripping through a data-URL string so it can be persisted like any other\n// answer. Standalone + frozen prop contract so the RJSF widget can wrap it.\nimport {Eraser} from \"lucide-react\";\nimport {useEffect, useRef, useState} from \"react\";\n\nimport {Button} from \"../../button\";\n\nexport interface SignaturePadProps {\n\t/** Current signature as a PNG data URL (or undefined for a blank pad). */\n\tvalue?: string;\n\tonChange: (value: string) => void;\n\tdisabled?: boolean;\n\tid?: string;\n}\n\nexport function SignaturePad({value, onChange, disabled, id}: SignaturePadProps) {\n\tconst canvasRef = useRef<HTMLCanvasElement | null>(null);\n\tconst drawingRef = useRef(false);\n\t// The data URL we last emitted — lets us ignore our own value echo when re-hydrating the canvas.\n\tconst lastEmittedRef = useRef<string | undefined>(undefined);\n\tconst [hasInk, setHasInk] = useState<boolean>(Boolean(value));\n\n\t// Size the backing store to the element's box exactly once (a canvas's pixel dims are separate\n\t// from its CSS box), then paint any incoming value.\n\tuseEffect(() => {\n\t\tconst canvas = canvasRef.current;\n\t\tif (!canvas) return;\n\t\tconst rect = canvas.getBoundingClientRect();\n\t\tcanvas.width = rect.width || 600;\n\t\tcanvas.height = rect.height || 160;\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\t// Re-hydrate the canvas whenever the value changes from the outside (not from our own stroke).\n\tuseEffect(() => {\n\t\tif (value === lastEmittedRef.current) return;\n\t\tconst canvas = canvasRef.current;\n\t\tconst ctx = canvas?.getContext(\"2d\");\n\t\tif (!canvas || !ctx) return;\n\t\tctx.clearRect(0, 0, canvas.width, canvas.height);\n\t\tif (value) {\n\t\t\tconst img = new Image();\n\t\t\timg.onload = () => ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\n\t\t\timg.src = value;\n\t\t\tsetHasInk(true);\n\t\t} else {\n\t\t\tsetHasInk(false);\n\t\t}\n\t}, [value]);\n\n\tfunction pointFromEvent(e: React.PointerEvent<HTMLCanvasElement>) {\n\t\tconst canvas = canvasRef.current!;\n\t\tconst rect = canvas.getBoundingClientRect();\n\t\tconst scaleX = canvas.width / rect.width;\n\t\tconst scaleY = canvas.height / rect.height;\n\t\treturn {x: (e.clientX - rect.left) * scaleX, y: (e.clientY - rect.top) * scaleY};\n\t}\n\n\tfunction handlePointerDown(e: React.PointerEvent<HTMLCanvasElement>) {\n\t\tif (disabled) return;\n\t\tconst canvas = canvasRef.current;\n\t\tconst ctx = canvas?.getContext(\"2d\");\n\t\tif (!canvas || !ctx) return;\n\t\tdrawingRef.current = true;\n\t\tcanvas.setPointerCapture(e.pointerId);\n\t\tconst {x, y} = pointFromEvent(e);\n\t\tctx.lineWidth = 2;\n\t\tctx.lineCap = \"round\";\n\t\tctx.lineJoin = \"round\";\n\t\tctx.strokeStyle = \"currentColor\";\n\t\tctx.beginPath();\n\t\tctx.moveTo(x, y);\n\t}\n\n\tfunction handlePointerMove(e: React.PointerEvent<HTMLCanvasElement>) {\n\t\tif (!drawingRef.current || disabled) return;\n\t\tconst ctx = canvasRef.current?.getContext(\"2d\");\n\t\tif (!ctx) return;\n\t\tconst {x, y} = pointFromEvent(e);\n\t\tctx.lineTo(x, y);\n\t\tctx.stroke();\n\t\tsetHasInk(true);\n\t}\n\n\tfunction endStroke() {\n\t\tif (!drawingRef.current) return;\n\t\tdrawingRef.current = false;\n\t\tconst canvas = canvasRef.current;\n\t\tif (!canvas) return;\n\t\tconst data = canvas.toDataURL();\n\t\tlastEmittedRef.current = data;\n\t\tonChange(data);\n\t}\n\n\tfunction clear() {\n\t\tconst canvas = canvasRef.current;\n\t\tconst ctx = canvas?.getContext(\"2d\");\n\t\tif (!canvas || !ctx) return;\n\t\tctx.clearRect(0, 0, canvas.width, canvas.height);\n\t\tsetHasInk(false);\n\t\tlastEmittedRef.current = \"\";\n\t\tonChange(\"\");\n\t}\n\n\treturn (\n\t\t<div className={cn(\"wwc:flex wwc:flex-col wwc:gap-2\", disabled && \"wwc:opacity-60\")}>\n\t\t\t<canvas\n\t\t\t\tid={id}\n\t\t\t\tref={canvasRef}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:h-40 wwc:w-full wwc:rounded-md wwc:border wwc:border-border wwc:bg-card wwc:text-foreground wwc:touch-none\",\n\t\t\t\t\tdisabled ? \"wwc:cursor-not-allowed\" : \"wwc:cursor-crosshair\",\n\t\t\t\t)}\n\t\t\t\tonPointerDown={handlePointerDown}\n\t\t\t\tonPointerMove={handlePointerMove}\n\t\t\t\tonPointerUp={endStroke}\n\t\t\t\tonPointerLeave={endStroke}\n\t\t\t\tonPointerCancel={endStroke}\n\t\t\t/>\n\t\t\t<div className=\"wwc:flex wwc:justify-end\">\n\t\t\t\t<Button type=\"button\" variant=\"outline\" size=\"sm\" disabled={disabled || !hasInk} onClick={clear}>\n\t\t\t\t\t<Eraser />\n\t\t\t\t\tClear\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/typeform/TableInput.d.mts

@@ -0,0 +1,15 @@
+import { CellType, TableColumn, TableRow } from "./model.mjs";
+//#region src/pages/typeform/TableInput.d.ts
+export interface TableInputProps {
+  rows: TableRow[];
+  columns: TableColumn[];
+  /** Uniform cell type for `matrix`; ignored when a column carries its own `type` (gas_test_table). */
+  cellType?: CellType;
+  /** Nested by row then column: `{ [rowId]: { [colId]: cellValue } }`. */
+  value?: Record<string, Record<string, unknown>>;
+  onChange: (value: Record<string, Record<string, unknown>>) => void;
+  disabled?: boolean;
+}
+export declare function TableInput({ rows, columns, cellType, value, onChange, disabled }: TableInputProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=TableInput.d.mts.map

package/dist/pages/typeform/TableInput.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableInput.d.mts","names":[],"sources":["../../../src/pages/typeform/TableInput.tsx"],"mappings":";;iBAUiB;EAChB,MAAM;EACN,SAAS;;EAET,WAAW;;EAEX,QAAQ,eAAe;EACvB,WAAW,OAAO,eAAe;EACjC;;wBAGe,aAAY,MAAM,SAAS,UAAU,OAAO,UAAU,YAAW,8CAAe,IAAA"}

package/dist/pages/typeform/TableInput.mjs

@@ -0,0 +1,73 @@
+import { Input } from "../../input.mjs";
+import { ToggleGroup, ToggleGroupItem } from "../../toggle-group.mjs";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../table.mjs";
+import { RatingInput } from "./RatingInput.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/typeform/TableInput.tsx
+function TableInput({ rows, columns, cellType, value, onChange, disabled }) {
+	function setCell(rowId, colId, cellValue) {
+		const current = value ?? {};
+		onChange({
+			...current,
+			[rowId]: {
+				...current[rowId] ?? {},
+				[colId]: cellValue
+			}
+		});
+	}
+	function renderCell(rowId, column) {
+		const type = column.type ?? cellType ?? "text";
+		const cellValue = value?.[rowId]?.[column.id];
+		const cellId = `${rowId}-${column.id}`;
+		switch (type) {
+			case "yes_no": return /* @__PURE__ */ jsxs(ToggleGroup, {
+				type: "single",
+				size: "sm",
+				variant: "outline",
+				disabled,
+				value: typeof cellValue === "string" ? cellValue : "",
+				onValueChange: (next) => {
+					setCell(rowId, column.id, next);
+				},
+				className: "wwc:justify-start",
+				children: [/* @__PURE__ */ jsx(ToggleGroupItem, {
+					value: "yes",
+					"aria-label": "Yes",
+					children: "Yes"
+				}), /* @__PURE__ */ jsx(ToggleGroupItem, {
+					value: "no",
+					"aria-label": "No",
+					children: "No"
+				})]
+			});
+			case "number": return /* @__PURE__ */ jsx(Input, {
+				id: cellId,
+				type: "number",
+				disabled,
+				value: typeof cellValue === "number" || typeof cellValue === "string" ? String(cellValue) : "",
+				onChange: (e) => setCell(rowId, column.id, e.target.value === "" ? "" : Number(e.target.value))
+			});
+			case "rating": return /* @__PURE__ */ jsx(RatingInput, {
+				id: cellId,
+				disabled,
+				value: typeof cellValue === "number" ? cellValue : void 0,
+				onChange: (n) => setCell(rowId, column.id, n)
+			});
+			default: return /* @__PURE__ */ jsx(Input, {
+				id: cellId,
+				type: "text",
+				disabled,
+				value: typeof cellValue === "string" ? cellValue : "",
+				onChange: (e) => setCell(rowId, column.id, e.target.value)
+			});
+		}
+	}
+	return /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [/* @__PURE__ */ jsx(TableHead, {}), columns.map((col) => /* @__PURE__ */ jsx(TableHead, { children: col.label }, col.id))] }) }), /* @__PURE__ */ jsx(TableBody, { children: rows.map((row) => /* @__PURE__ */ jsxs(TableRow, { children: [/* @__PURE__ */ jsx(TableCell, {
+		className: "wwc:font-medium wwc:text-foreground",
+		children: row.label
+	}), columns.map((col) => /* @__PURE__ */ jsx(TableCell, { children: renderCell(row.id, col) }, col.id))] }, row.id)) })] });
+}
+//#endregion
+export { TableInput };
+
+//# sourceMappingURL=TableInput.mjs.map

package/dist/pages/typeform/TableInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableInput.mjs","names":[],"sources":["../../../src/pages/typeform/TableInput.tsx"],"sourcesContent":["// Fill-time renderer for grid answers: `matrix` (one uniform cell type) and `gas_test_table`\n// (per-column cell types). Renders a real <Table>: a header of column labels, then one row per\n// `rows[]` with its label and a cell per column. Value is nested `{ [rowId]: { [colId]: cellValue } }`\n// written immutably on each edit. Standalone + frozen prop contract so the RJSF widget can wrap it.\nimport {Input} from \"../../input\";\nimport {Table, TableBody, TableCell, TableHead, TableHeader, TableRow} from \"../../table\";\nimport {ToggleGroup, ToggleGroupItem} from \"../../toggle-group\";\nimport type {CellType, TableColumn, TableRow as TableRowModel} from \"./model\";\nimport {RatingInput} from \"./RatingInput\";\n\nexport interface TableInputProps {\n\trows: TableRowModel[];\n\tcolumns: TableColumn[];\n\t/** Uniform cell type for `matrix`; ignored when a column carries its own `type` (gas_test_table). */\n\tcellType?: CellType;\n\t/** Nested by row then column: `{ [rowId]: { [colId]: cellValue } }`. */\n\tvalue?: Record<string, Record<string, unknown>>;\n\tonChange: (value: Record<string, Record<string, unknown>>) => void;\n\tdisabled?: boolean;\n}\n\nexport function TableInput({rows, columns, cellType, value, onChange, disabled}: TableInputProps) {\n\tfunction setCell(rowId: string, colId: string, cellValue: unknown) {\n\t\tconst current = value ?? {};\n\t\tonChange({\n\t\t\t...current,\n\t\t\t[rowId]: {...(current[rowId] ?? {}), [colId]: cellValue},\n\t\t});\n\t}\n\n\tfunction renderCell(rowId: string, column: TableColumn) {\n\t\tconst type: CellType = column.type ?? cellType ?? \"text\";\n\t\tconst cellValue = value?.[rowId]?.[column.id];\n\t\tconst cellId = `${rowId}-${column.id}`;\n\n\t\tswitch (type) {\n\t\t\tcase \"yes_no\":\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroup\n\t\t\t\t\t\ttype=\"single\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tvalue={typeof cellValue === \"string\" ? cellValue : \"\"}\n\t\t\t\t\t\tonValueChange={(next) => {\n\t\t\t\t\t\t\t// Radix emits \"\" when the active item is pressed again — keep that as a clear.\n\t\t\t\t\t\t\tsetCell(rowId, column.id, next);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName=\"wwc:justify-start\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupItem value=\"yes\" aria-label=\"Yes\">\n\t\t\t\t\t\t\tYes\n\t\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t\t<ToggleGroupItem value=\"no\" aria-label=\"No\">\n\t\t\t\t\t\t\tNo\n\t\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t</ToggleGroup>\n\t\t\t\t);\n\t\t\tcase \"number\":\n\t\t\t\treturn (\n\t\t\t\t\t<Input\n\t\t\t\t\t\tid={cellId}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tvalue={typeof cellValue === \"number\" || typeof cellValue === \"string\" ? String(cellValue) : \"\"}\n\t\t\t\t\t\tonChange={(e) => setCell(rowId, column.id, e.target.value === \"\" ? \"\" : Number(e.target.value))}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\tcase \"rating\":\n\t\t\t\treturn (\n\t\t\t\t\t<RatingInput\n\t\t\t\t\t\tid={cellId}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tvalue={typeof cellValue === \"number\" ? cellValue : undefined}\n\t\t\t\t\t\tonChange={(n) => setCell(rowId, column.id, n)}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\tcase \"text\":\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<Input\n\t\t\t\t\t\tid={cellId}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tvalue={typeof cellValue === \"string\" ? cellValue : \"\"}\n\t\t\t\t\t\tonChange={(e) => setCell(rowId, column.id, e.target.value)}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t}\n\t}\n\n\treturn (\n\t\t<Table>\n\t\t\t<TableHeader>\n\t\t\t\t<TableRow>\n\t\t\t\t\t<TableHead />\n\t\t\t\t\t{columns.map((col) => (\n\t\t\t\t\t\t<TableHead key={col.id}>{col.label}</TableHead>\n\t\t\t\t\t))}\n\t\t\t\t</TableRow>\n\t\t\t</TableHeader>\n\t\t\t<TableBody>\n\t\t\t\t{rows.map((row) => (\n\t\t\t\t\t<TableRow key={row.id}>\n\t\t\t\t\t\t<TableCell className=\"wwc:font-medium wwc:text-foreground\">{row.label}</TableCell>\n\t\t\t\t\t\t{columns.map((col) => (\n\t\t\t\t\t\t\t<TableCell key={col.id}>{renderCell(row.id, col)}</TableCell>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TableRow>\n\t\t\t\t))}\n\t\t\t</TableBody>\n\t\t</Table>\n\t);\n}\n"],"mappings":";;;;;;AAqBA,SAAgB,WAAW,EAAC,MAAM,SAAS,UAAU,OAAO,UAAU,YAA4B;CACjG,SAAS,QAAQ,OAAe,OAAe,WAAoB;EAClE,MAAM,UAAU,SAAS,CAAC;EAC1B,SAAS;GACR,GAAG;IACF,QAAQ;IAAC,GAAI,QAAQ,UAAU,CAAC;KAAK,QAAQ;GAAS;EACxD,CAAC;CACF;CAEA,SAAS,WAAW,OAAe,QAAqB;EACvD,MAAM,OAAiB,OAAO,QAAQ,YAAY;EAClD,MAAM,YAAY,QAAQ,MAAM,GAAG,OAAO;EAC1C,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO;EAElC,QAAQ,MAAR;GACC,KAAK,UACJ,OACC,qBAAC,aAAD;IACC,MAAK;IACL,MAAK;IACL,SAAQ;IACE;IACV,OAAO,OAAO,cAAc,WAAW,YAAY;IACnD,gBAAgB,SAAS;KAExB,QAAQ,OAAO,OAAO,IAAI,IAAI;IAC/B;IACA,WAAU;IAVX,UAAA,CAYC,oBAAC,iBAAD;KAAiB,OAAM;KAAM,cAAW;KAAM,UAAA;IAE7B,CAAA,GACjB,oBAAC,iBAAD;KAAiB,OAAM;KAAK,cAAW;KAAK,UAAA;IAE3B,CAAA,CACL;;GAEf,KAAK,UACJ,OACC,oBAAC,OAAD;IACC,IAAI;IACJ,MAAK;IACK;IACV,OAAO,OAAO,cAAc,YAAY,OAAO,cAAc,WAAW,OAAO,SAAS,IAAI;IAC5F,WAAW,MAAM,QAAQ,OAAO,OAAO,IAAI,EAAE,OAAO,UAAU,KAAK,KAAK,OAAO,EAAE,OAAO,KAAK,CAAC;GAC9F,CAAA;GAEH,KAAK,UACJ,OACC,oBAAC,aAAD;IACC,IAAI;IACM;IACV,OAAO,OAAO,cAAc,WAAW,YAAY,KAAA;IACnD,WAAW,MAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;GAC5C,CAAA;GAGH,SACC,OACC,oBAAC,OAAD;IACC,IAAI;IACJ,MAAK;IACK;IACV,OAAO,OAAO,cAAc,WAAW,YAAY;IACnD,WAAW,MAAM,QAAQ,OAAO,OAAO,IAAI,EAAE,OAAO,KAAK;GACzD,CAAA;EAEJ;CACD;CAEA,OACC,qBAAC,OAAD,EAAA,UAAA,CACC,oBAAC,aAAD,EAAA,UACC,qBAAC,UAAD,EAAA,UAAA,CACC,oBAAC,WAAD,CAAY,CAAA,GACX,QAAQ,KAAK,QACb,oBAAC,WAAD,EAAA,UAAyB,IAAI,MAAiB,GAA9B,IAAI,EAA0B,CAC9C,CACQ,EAAA,CAAA,EACE,CAAA,GACb,oBAAC,WAAD,EAAA,UACE,KAAK,KAAK,QACV,qBAAC,UAAD,EAAA,UAAA,CACC,oBAAC,WAAD;EAAW,WAAU;EAAuC,UAAA,IAAI;CAAiB,CAAA,GAChF,QAAQ,KAAK,QACb,oBAAC,WAAD,EAAA,UAAyB,WAAW,IAAI,IAAI,GAAG,EAAa,GAA5C,IAAI,EAAwC,CAC5D,CACQ,EAAA,GALK,IAAI,EAKT,CACV,EACS,CAAA,CACL,EAAA,CAAA;AAET"}

package/dist/pages/typeform/WorkspaceScreen.d.mts

@@ -0,0 +1,20 @@
+//#region src/pages/typeform/WorkspaceScreen.d.ts
+export interface SavedFormMeta {
+  id: string;
+  title: string;
+  questionCount: number;
+  responses: number;
+  updated: string;
+}
+export interface WorkspaceScreenProps {
+  forms: SavedFormMeta[];
+  onCreate: () => void;
+  onOpen: (id: string) => void;
+  /** Heading shown above the list (default "My workspace"). */
+  title?: string;
+  /** Show the AI template-suggestion cards (default true). */
+  showSuggestions?: boolean;
+}
+export declare function WorkspaceScreen({ forms, onCreate, onOpen, title, showSuggestions }: WorkspaceScreenProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=WorkspaceScreen.d.mts.map

package/dist/pages/typeform/WorkspaceScreen.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceScreen.d.mts","names":[],"sources":["../../../src/pages/typeform/WorkspaceScreen.tsx"],"mappings":";iBAaiB;EAChB;EACA;EACA;EACA;EACA;;iBAGgB;EAChB,OAAO;EACP;EACA,SAAS;;EAET;;EAEA;;wBA8Ce,kBACf,OACA,UACA,QACA,OACA,mBACE,mDAAoB,IAAA"}

package/dist/pages/typeform/WorkspaceScreen.mjs

@@ -0,0 +1,158 @@
+import { Badge } from "../../badge.mjs";
+import { Button } from "../../button.mjs";
+import { Card, CardContent } from "../../card.mjs";
+import { Separator } from "../../separator.mjs";
+import { DataTable, DataTableColumnHeader } from "../../data-table.mjs";
+import { FileText, MoreHorizontal, Plus, Sparkles } from "lucide-react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/typeform/WorkspaceScreen.tsx
+const TEMPLATE_SUGGESTIONS = [
+	"Usability test — evaluate ease of use through specific tasks.",
+	"Satisfaction survey — measure overall satisfaction with the product.",
+	"Open feedback — short, open-ended questions on the experience."
+];
+const COLUMNS = [
+	{
+		accessorKey: "title",
+		header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+			column,
+			title: "Name"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsxs("span", {
+			className: "wwc:flex wwc:items-center wwc:gap-2 wwc:font-medium",
+			children: [/* @__PURE__ */ jsx(FileText, { className: "wwc:size-4 wwc:shrink-0 wwc:text-muted-foreground" }), row.original.title]
+		})
+	},
+	{
+		accessorKey: "questionCount",
+		header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+			column,
+			title: "Questions"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+			className: "wwc:tabular-nums wwc:text-muted-foreground",
+			children: row.original.questionCount
+		})
+	},
+	{
+		accessorKey: "responses",
+		header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+			column,
+			title: "Responses"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+			className: "wwc:tabular-nums wwc:text-muted-foreground",
+			children: row.original.responses
+		})
+	},
+	{
+		accessorKey: "updated",
+		header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+			column,
+			title: "Updated"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+			className: "wwc:text-muted-foreground",
+			children: row.original.updated
+		})
+	},
+	{
+		id: "actions",
+		enableHiding: false,
+		cell: () => /* @__PURE__ */ jsx(Button, {
+			icon: true,
+			size: "sm",
+			variant: "ghost",
+			"aria-label": "Form options",
+			onClick: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "wwc:size-3.5" })
+		})
+	}
+];
+function WorkspaceScreen({ forms, onCreate, onOpen, title = "My workspace", showSuggestions = true }) {
+	const [dismissed, setDismissed] = useState([]);
+	const suggestions = showSuggestions ? TEMPLATE_SUGGESTIONS.map((s, i) => ({
+		s,
+		i
+	})).filter(({ i }) => !dismissed.includes(i)) : [];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-auto wwc:bg-background",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-row wwc:flex-wrap wwc:items-center wwc:gap-3 wwc:px-8 wwc:pt-7 wwc:pb-3",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "wwc:text-xl wwc:font-semibold wwc:tracking-tight wwc:text-foreground",
+					children: title
+				}), /* @__PURE__ */ jsxs(Badge, {
+					variant: "secondary",
+					className: "wwc:tabular-nums",
+					children: [
+						forms.length,
+						" ",
+						forms.length === 1 ? "form" : "forms"
+					]
+				})]
+			}),
+			suggestions.length > 0 ? /* @__PURE__ */ jsxs("div", {
+				className: "wwc:px-8 wwc:pb-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:mb-2 wwc:flex wwc:items-center wwc:gap-2 wwc:text-xs wwc:font-medium wwc:text-muted-foreground",
+						children: [/* @__PURE__ */ jsx(Sparkles, { className: "wwc:size-3.5" }), "Start faster with a template"]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "wwc:grid wwc:grid-cols-1 wwc:gap-3 wwc:md:grid-cols-3",
+						children: suggestions.map(({ s, i }) => /* @__PURE__ */ jsx(Card, {
+							className: "wwc:border wwc:border-border wwc:shadow-none",
+							children: /* @__PURE__ */ jsxs(CardContent, {
+								className: "wwc:flex wwc:flex-col wwc:gap-3 wwc:p-4",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:text-foreground",
+									children: s
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:gap-2",
+									children: [/* @__PURE__ */ jsx(Button, {
+										size: "sm",
+										variant: "outline",
+										onClick: onCreate,
+										children: "Use this form"
+									}), /* @__PURE__ */ jsx(Button, {
+										size: "sm",
+										variant: "ghost",
+										className: "wwc:text-muted-foreground",
+										onClick: () => setDismissed((d) => [...d, i]),
+										children: "Dismiss"
+									})]
+								})]
+							})
+						}, i))
+					}),
+					/* @__PURE__ */ jsx(Separator, { className: "wwc:mt-5" })
+				]
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:px-8 wwc:pb-6",
+				children: /* @__PURE__ */ jsx(DataTable, {
+					columns: COLUMNS,
+					data: forms,
+					searchKey: "title",
+					searchPlaceholder: "Search forms…",
+					showColumnToggle: true,
+					recordLabel: "form",
+					onRowActivate: (row) => onOpen(row.original.id),
+					getRowAriaLabel: (row) => `Open ${row.original.title}`,
+					emptyMessage: "No forms yet. Create your first form to get started.",
+					toolbarExtra: /* @__PURE__ */ jsxs(Button, {
+						onClick: onCreate,
+						children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), "Create a new form"]
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { WorkspaceScreen };
+
+//# sourceMappingURL=WorkspaceScreen.mjs.map

package/dist/pages/typeform/WorkspaceScreen.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceScreen.mjs","names":[],"sources":["../../../src/pages/typeform/WorkspaceScreen.tsx"],"sourcesContent":["// Workspace / forms dashboard — the entry point. Lists the user's forms (Core DataTable with\n// sortable columns) and starts a new one.\nimport type {ColumnDef} from \"@tanstack/react-table\";\n\nimport {FileText, MoreHorizontal, Plus, Sparkles} from \"lucide-react\";\nimport {useState} from \"react\";\n\nimport {Badge} from \"../../badge\";\nimport {Button} from \"../../button\";\nimport {Card, CardContent} from \"../../card\";\nimport {DataTable, DataTableColumnHeader} from \"../../data-table\";\nimport {Separator} from \"../../separator\";\n\nexport interface SavedFormMeta {\n\tid: string;\n\ttitle: string;\n\tquestionCount: number;\n\tresponses: number;\n\tupdated: string;\n}\n\nexport interface WorkspaceScreenProps {\n\tforms: SavedFormMeta[];\n\tonCreate: () => void;\n\tonOpen: (id: string) => void;\n\t/** Heading shown above the list (default \"My workspace\"). */\n\ttitle?: string;\n\t/** Show the AI template-suggestion cards (default true). */\n\tshowSuggestions?: boolean;\n}\n\nconst TEMPLATE_SUGGESTIONS = [\n\t\"Usability test — evaluate ease of use through specific tasks.\",\n\t\"Satisfaction survey — measure overall satisfaction with the product.\",\n\t\"Open feedback — short, open-ended questions on the experience.\",\n];\n\nconst COLUMNS: ColumnDef<SavedFormMeta>[] = [\n\t{\n\t\taccessorKey: \"title\",\n\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Name\" />,\n\t\tcell: ({row}) => (\n\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:font-medium\">\n\t\t\t\t<FileText className=\"wwc:size-4 wwc:shrink-0 wwc:text-muted-foreground\" />\n\t\t\t\t{row.original.title}\n\t\t\t</span>\n\t\t),\n\t},\n\t{\n\t\taccessorKey: \"questionCount\",\n\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Questions\" />,\n\t\tcell: ({row}) => <span className=\"wwc:tabular-nums wwc:text-muted-foreground\">{row.original.questionCount}</span>,\n\t},\n\t{\n\t\taccessorKey: \"responses\",\n\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Responses\" />,\n\t\tcell: ({row}) => <span className=\"wwc:tabular-nums wwc:text-muted-foreground\">{row.original.responses}</span>,\n\t},\n\t{\n\t\taccessorKey: \"updated\",\n\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Updated\" />,\n\t\tcell: ({row}) => <span className=\"wwc:text-muted-foreground\">{row.original.updated}</span>,\n\t},\n\t{\n\t\tid: \"actions\",\n\t\tenableHiding: false,\n\t\tcell: () => (\n\t\t\t<Button icon size=\"sm\" variant=\"ghost\" aria-label=\"Form options\" onClick={(e) => e.stopPropagation()}>\n\t\t\t\t<MoreHorizontal className=\"wwc:size-3.5\" />\n\t\t\t</Button>\n\t\t),\n\t},\n];\n\nexport function WorkspaceScreen({\n\tforms,\n\tonCreate,\n\tonOpen,\n\ttitle = \"My workspace\",\n\tshowSuggestions = true,\n}: WorkspaceScreenProps) {\n\tconst [dismissed, setDismissed] = useState<number[]>([]);\n\tconst suggestions = showSuggestions\n\t\t? TEMPLATE_SUGGESTIONS.map((s, i) => ({s, i})).filter(({i}) => !dismissed.includes(i))\n\t\t: [];\n\n\treturn (\n\t\t<div className=\"wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-auto wwc:bg-background\">\n\t\t\t{/* Heading */}\n\t\t\t<div className=\"wwc:flex wwc:flex-row wwc:flex-wrap wwc:items-center wwc:gap-3 wwc:px-8 wwc:pt-7 wwc:pb-3\">\n\t\t\t\t<h1 className=\"wwc:text-xl wwc:font-semibold wwc:tracking-tight wwc:text-foreground\">{title}</h1>\n\t\t\t\t<Badge variant=\"secondary\" className=\"wwc:tabular-nums\">\n\t\t\t\t\t{forms.length} {forms.length === 1 ? \"form\" : \"forms\"}\n\t\t\t\t</Badge>\n\t\t\t</div>\n\n\t\t\t{/* AI template suggestions */}\n\t\t\t{suggestions.length > 0 ? (\n\t\t\t\t<div className=\"wwc:px-8 wwc:pb-4\">\n\t\t\t\t\t<div className=\"wwc:mb-2 wwc:flex wwc:items-center wwc:gap-2 wwc:text-xs wwc:font-medium wwc:text-muted-foreground\">\n\t\t\t\t\t\t<Sparkles className=\"wwc:size-3.5\" />\n\t\t\t\t\t\tStart faster with a template\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"wwc:grid wwc:grid-cols-1 wwc:gap-3 wwc:md:grid-cols-3\">\n\t\t\t\t\t\t{suggestions.map(({s, i}) => (\n\t\t\t\t\t\t\t<Card key={i} className=\"wwc:border wwc:border-border wwc:shadow-none\">\n\t\t\t\t\t\t\t\t<CardContent className=\"wwc:flex wwc:flex-col wwc:gap-3 wwc:p-4\">\n\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-foreground\">{s}</p>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t<Button size=\"sm\" variant=\"outline\" onClick={onCreate}>\n\t\t\t\t\t\t\t\t\t\t\tUse this form\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => setDismissed((d) => [...d, i])}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tDismiss\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<Separator className=\"wwc:mt-5\" />\n\t\t\t\t</div>\n\t\t\t) : null}\n\n\t\t\t{/* Forms table */}\n\t\t\t<div className=\"wwc:px-8 wwc:pb-6\">\n\t\t\t\t<DataTable\n\t\t\t\t\tcolumns={COLUMNS}\n\t\t\t\t\tdata={forms}\n\t\t\t\t\tsearchKey=\"title\"\n\t\t\t\t\tsearchPlaceholder=\"Search forms…\"\n\t\t\t\t\tshowColumnToggle\n\t\t\t\t\trecordLabel=\"form\"\n\t\t\t\t\tonRowActivate={(row) => onOpen(row.original.id)}\n\t\t\t\t\tgetRowAriaLabel={(row) => `Open ${row.original.title}`}\n\t\t\t\t\temptyMessage=\"No forms yet. Create your first form to get started.\"\n\t\t\t\t\ttoolbarExtra={\n\t\t\t\t\t\t<Button onClick={onCreate}>\n\t\t\t\t\t\t\t<Plus className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\tCreate a new form\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/typeform/coreRjsfTheme.d.mts

@@ -0,0 +1,4 @@
+//#region src/pages/typeform/coreRjsfTheme.d.ts
+export declare const CoreForm: import("react").ComponentType<import("@rjsf/core").FormProps<any, any, any>>;
+//#endregion
+//# sourceMappingURL=coreRjsfTheme.d.mts.map

package/dist/pages/typeform/coreRjsfTheme.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coreRjsfTheme.d.mts","names":[],"sources":["../../../src/pages/typeform/coreRjsfTheme.tsx"],"mappings":";qBA6Ma,0BAAQ,mCAAA"}

package/dist/pages/typeform/coreRjsfTheme.mjs

@@ -0,0 +1,142 @@
+import { Button } from "../../button.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.mjs";
+import { Label } from "../../label.mjs";
+import { Input } from "../../input.mjs";
+import { Textarea } from "../../textarea.mjs";
+import { Checkbox } from "../../checkbox.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getSubmitButtonOptions } from "@rjsf/utils";
+import { withTheme } from "@rjsf/core";
+//#region src/pages/typeform/coreRjsfTheme.tsx
+function CoreBaseInput(props) {
+	const { id, value, type, placeholder, disabled, readonly, autofocus, onChange, onBlur, onFocus, options, schema, rawErrors } = props;
+	const isNumeric = schema.type === "number" || schema.type === "integer";
+	return /* @__PURE__ */ jsx(Input, {
+		id,
+		type,
+		value: value ?? "",
+		placeholder,
+		disabled: disabled || readonly,
+		autoFocus: autofocus,
+		"aria-invalid": rawErrors && rawErrors.length > 0 ? true : void 0,
+		onChange: (e) => {
+			const raw = e.target.value;
+			if (raw === "") {
+				onChange(options.emptyValue);
+				return;
+			}
+			onChange(isNumeric ? Number(raw) : raw);
+		},
+		onBlur: (e) => onBlur(id, e.target.value),
+		onFocus: (e) => onFocus(id, e.target.value)
+	});
+}
+function CoreSelectWidget(props) {
+	const { id, value, disabled, readonly, onChange, onBlur, onFocus, options, placeholder, rawErrors } = props;
+	const enumOptions = options.enumOptions ?? [];
+	return /* @__PURE__ */ jsxs(Select, {
+		value: value ?? "",
+		disabled: disabled || readonly,
+		onValueChange: (v) => onChange(v === "" ? options.emptyValue : v),
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			id,
+			"aria-invalid": rawErrors && rawErrors.length > 0 ? true : void 0,
+			onBlur: () => onBlur(id, value),
+			onFocus: () => onFocus(id, value),
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+		}), /* @__PURE__ */ jsx(SelectContent, { children: enumOptions.map((opt) => /* @__PURE__ */ jsx(SelectItem, {
+			value: String(opt.value),
+			children: opt.label
+		}, String(opt.value))) })]
+	});
+}
+function CoreTextareaWidget(props) {
+	const { id, value, placeholder, disabled, readonly, autofocus, onChange, onBlur, onFocus, options, rawErrors } = props;
+	return /* @__PURE__ */ jsx(Textarea, {
+		id,
+		value: value ?? "",
+		placeholder,
+		disabled: disabled || readonly,
+		autoFocus: autofocus,
+		rows: typeof options.rows === "number" ? options.rows : void 0,
+		"aria-invalid": rawErrors && rawErrors.length > 0 ? true : void 0,
+		onChange: (e) => onChange(e.target.value === "" ? options.emptyValue : e.target.value),
+		onBlur: (e) => onBlur(id, e.target.value),
+		onFocus: (e) => onFocus(id, e.target.value)
+	});
+}
+function CoreCheckboxWidget(props) {
+	const { id, value, disabled, readonly, onChange, onBlur, onFocus, label } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:items-center wwc:gap-2",
+		children: [/* @__PURE__ */ jsx(Checkbox, {
+			id,
+			checked: value ?? false,
+			disabled: disabled || readonly,
+			onCheckedChange: (checked) => onChange(checked === true),
+			onBlur: () => onBlur(id, value),
+			onFocus: () => onFocus(id, value)
+		}), label ? /* @__PURE__ */ jsx(Label, {
+			htmlFor: id,
+			className: "wwc:font-normal",
+			children: label
+		}) : null]
+	});
+}
+const widgets = {
+	TextWidget: CoreBaseInput,
+	SelectWidget: CoreSelectWidget,
+	TextareaWidget: CoreTextareaWidget,
+	CheckboxWidget: CoreCheckboxWidget
+};
+function CoreFieldTemplate(props) {
+	const { id, label, required, children, description, rawErrors, schema } = props;
+	const isBoolean = schema.type === "boolean";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-2",
+		children: [
+			!isBoolean && label ? /* @__PURE__ */ jsx(Label, {
+				htmlFor: id,
+				required,
+				children: label
+			}) : null,
+			children,
+			description,
+			rawErrors && rawErrors.length > 0 ? /* @__PURE__ */ jsx("ul", {
+				className: "wwc:space-y-1",
+				children: rawErrors.map((error) => /* @__PURE__ */ jsx("li", {
+					className: "wwc:text-sm wwc:text-destructive",
+					children: error
+				}, error))
+			}) : null
+		]
+	});
+}
+function CoreObjectFieldTemplate(props) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "wwc:flex wwc:flex-col wwc:gap-5",
+		children: props.properties.map((prop) => prop.content)
+	});
+}
+function CoreSubmitButton(props) {
+	const options = getSubmitButtonOptions(props.uiSchema);
+	if (options.norender) return null;
+	return /* @__PURE__ */ jsx(Button, {
+		type: "submit",
+		...options.props,
+		children: options.submitText || "Submit"
+	});
+}
+const CoreForm = withTheme({
+	widgets,
+	templates: {
+		FieldTemplate: CoreFieldTemplate,
+		ObjectFieldTemplate: CoreObjectFieldTemplate,
+		ButtonTemplates: { SubmitButton: CoreSubmitButton },
+		BaseInputTemplate: CoreBaseInput
+	}
+});
+//#endregion
+export { CoreForm };
+
+//# sourceMappingURL=coreRjsfTheme.mjs.map