🧱 move components, exports, and index files to examples directory

examples/components/fullNameComponent.js

@@ -0,0 +1,34 @@
+import { style, el, on, S, namespace } from '../exports.js';
+const className= style.host(fullNameComponent).css`
+	:host form{
+		display: flex;
+		flex-flow: column nowrap;
+	}
+`;
+export function fullNameComponent(){
+	const labels= [ "Name", "Surname" ];
+	const name= labels.map(_=> S(""));
+	const full_name= S(()=>
+		name.map(l=> l()).filter(Boolean).join(" ") || "-");
+
+	return el("div", { className }).append(
+		el("h2", "Simple form:"),
+		el("form", { onsubmit: ev=> ev.preventDefault() }).append(
+			...name.map((v, i)=>
+				el("label", labels[i]).append(
+					el("input", { type: "text", name: labels[i], value: v() }, on("change", ev=> v(ev.target.value)))
+				))
+		),
+		el("p").append(
+			el("strong", "Full name"),
+			": ",
+			el("#text", full_name)
+		),
+		namespace("svg").append(
+			el("svg", { viewBox: "0 0 240 80", style: { height: "80px", display: "block" } }).append(
+				//el("style", {  })
+				el("text", { x: 20, y: 35, textContent: "Text" })
+			)
+		)
+	);
+}