tekivex-ui 2.5.15 → 2.6.0

package/dist/quantum.js

@@ -1,2551 +1,74 @@
-import { f as e } from "./themes-BbJanqiC.js";
-import { a as t, m as n } from "./tkx-mOKMzvUK.js";
-import r, { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/engine/quantum-ai.ts
-var d = class e {
-	constructor(e, t) {
-		this.re = e, this.im = t;
-	}
-	add(t) {
-		return new e(this.re + t.re, this.im + t.im);
-	}
-	sub(t) {
-		return new e(this.re - t.re, this.im - t.im);
-	}
-	mul(t) {
-		return new e(this.re * t.re - this.im * t.im, this.re * t.im + this.im * t.re);
-	}
-	scale(t) {
-		return new e(this.re * t, this.im * t);
-	}
-	conjugate() {
-		return new e(this.re, -this.im);
-	}
-	magnitudeSquared() {
-		return this.re * this.re + this.im * this.im;
-	}
-	magnitude() {
-		return Math.sqrt(this.magnitudeSquared());
-	}
-	static fromPolar(t, n) {
-		return new e(t * Math.cos(n), t * Math.sin(n));
-	}
-	static zero() {
-		return new e(0, 0);
-	}
-	static one() {
-		return new e(1, 0);
-	}
-}, f = class e {
-	constructor(e = d.one(), t = d.zero()) {
-		this.alpha = e, this.beta = t, this.normalize();
-	}
-	normalize() {
-		let e = Math.sqrt(this.alpha.magnitudeSquared() + this.beta.magnitudeSquared());
-		e > 0 && (this.alpha = this.alpha.scale(1 / e), this.beta = this.beta.scale(1 / e));
-	}
-	hadamard() {
-		let t = 1 / Math.SQRT2;
-		return new e(this.alpha.add(this.beta).scale(t), this.alpha.sub(this.beta).scale(t));
-	}
-	ry(t) {
-		let n = Math.cos(t / 2), r = Math.sin(t / 2);
-		return new e(this.alpha.scale(n).sub(this.beta.scale(r)), this.alpha.scale(r).add(this.beta.scale(n)));
-	}
-	phase(t) {
-		let n = d.fromPolar(1, t);
-		return new e(this.alpha, this.beta.mul(n));
-	}
-	measure() {
-		let e = this.beta.magnitudeSquared();
-		return +(Math.random() < e);
-	}
-	expectation() {
-		return this.beta.magnitudeSquared();
-	}
-	getAlpha() {
-		return this.alpha;
-	}
-	getBeta() {
-		return this.beta;
-	}
-}, p = class {
-	constructor(e) {
-		this.qubits = Array.from({ length: e }, () => new f());
-	}
-	get size() {
-		return this.qubits.length;
-	}
-	getQubit(e) {
-		return this.qubits[e];
-	}
-	superpose() {
-		this.qubits = this.qubits.map((e) => e.hadamard());
-	}
-	cnot(e, t) {
-		let n = this.qubits[e], r = this.qubits[t], i = n.expectation();
-		this.qubits[t] = r.ry(Math.PI * i);
-	}
-	rotate(e, t) {
-		this.qubits[e] = this.qubits[e].ry(t);
-	}
-	measure() {
-		return this.qubits.map((e) => e.measure());
-	}
-	probs() {
-		return this.qubits.map((e) => e.expectation());
-	}
-}, m = class {
-	constructor(e = 1, t = .995, n = .3, r = 1e-6) {
-		this.temperature = e, this.coolingRate = t, this.tunnelingStrength = n, this.minTemp = r;
-	}
-	anneal(e, t, n, r = 1e3) {
-		let i = e, a = t(i), o = i, s = a, c = this.temperature, l = 0, u = 0;
-		for (let e = 0; e < r && c > this.minTemp; e++) {
-			let e = n(i), r = t(e), d = r - a, f = !1;
-			if (d <= 0) f = !0;
-			else {
-				let e = Math.exp(-d / c), t = Math.sqrt(2 * Math.abs(d)), n = Math.abs(d), r = Math.exp(-2 * t * Math.sqrt(n) * this.tunnelingStrength);
-				Math.random() < e + r && (f = !0, Math.random() < r / (e + r + 1e-10) && u++);
-			}
-			f && (i = e, a = r, l++, a < s && (o = i, s = a)), c *= this.coolingRate;
-		}
-		return {
-			state: o,
-			energy: s,
-			iterations: r,
-			accepted: l,
-			tunnels: u
-		};
-	}
-}, h = class {
-	constructor(e, t) {
-		let n = Math.sqrt(2 / (e + t));
-		this.weights = Array.from({ length: e }, () => Array.from({ length: t }, () => (Math.random() * 2 - 1) * n)), this.visibleBias = Array.from({ length: e }, () => 0), this.hiddenBias = Array.from({ length: t }, () => 0);
-	}
-	sigmoid(e) {
-		let t = (Math.random() - .5) * .1;
-		return 1 / (1 + Math.exp(-(e + t)));
-	}
-	sample(e) {
-		return +(Math.random() < e);
-	}
-	energy(e, t) {
-		let n = this.visibleBias.reduce((t, n, r) => t + n * e[r], 0), r = this.hiddenBias.reduce((e, n, r) => e + n * t[r], 0), i = 0;
-		for (let n = 0; n < e.length; n++) for (let r = 0; r < t.length; r++) i += e[n] * this.weights[n][r] * t[r];
-		return -(n + r + i);
-	}
-	hiddenProbs(e) {
-		return this.hiddenBias.map((t, n) => {
-			let r = t + e.reduce((e, t, r) => e + this.weights[r][n] * t, 0);
-			return this.sigmoid(r);
-		});
-	}
-	visibleProbs(e) {
-		return this.visibleBias.map((t, n) => {
-			let r = t + e.reduce((e, t, r) => e + this.weights[n][r] * t, 0);
-			return this.sigmoid(r);
-		});
-	}
-	gibbs(e, t = 1) {
-		let n = [...e], r = [];
-		for (let e = 0; e < t; e++) r = this.hiddenProbs(n).map((e) => this.sample(e)), n = this.visibleProbs(r).map((e) => this.sample(e));
-		return {
-			visible: n,
-			hidden: r
-		};
-	}
-	trainCD1(e, t = .01) {
-		let n = this.visibleBias.length, r = this.hiddenBias.length, i = Array.from({ length: n }, () => Array(r).fill(0)), a = Array(n).fill(0), o = Array(r).fill(0);
-		for (let t of e) {
-			let e = this.hiddenProbs(t), s = e.map((e) => this.sample(e)), c = this.visibleProbs(s).map((e) => this.sample(e)), l = this.hiddenProbs(c);
-			for (let o = 0; o < n; o++) {
-				for (let n = 0; n < r; n++) i[o][n] += t[o] * e[n] - c[o] * l[n];
-				a[o] += t[o] - c[o];
-			}
-			for (let t = 0; t < r; t++) o[t] += e[t] - l[t];
-		}
-		let s = e.length;
-		for (let e = 0; e < n; e++) {
-			for (let n = 0; n < r; n++) this.weights[e][n] += t * i[e][n] / s;
-			this.visibleBias[e] += t * a[e] / s;
-		}
-		for (let e = 0; e < r; e++) this.hiddenBias[e] += t * o[e] / s;
-	}
-	infer(e) {
-		let t = this.hiddenProbs(e), n = t.map((e) => this.sample(e));
-		return {
-			hidden: t,
-			visible: this.visibleProbs(n),
-			energy: this.energy(e, n),
-			iterations: 1
-		};
-	}
-}, g = class {
-	amplify(e, t, n = .5) {
-		let r = e.length;
-		if (r === 0) return [];
-		let i = e.map(t), a = i.filter((e) => e > n).length, o = Math.max(1, a), s = Array(r).fill(1 / Math.sqrt(r)), c = Math.max(1, Math.floor(Math.PI / 4 * Math.sqrt(r / o)));
-		for (let e = 0; e < c; e++) {
-			for (let e = 0; e < r; e++) i[e] > n && (s[e] = -s[e]);
-			let e = s.reduce((e, t) => e + t, 0) / r;
-			s = s.map((t) => 2 * e - t);
-		}
-		return e.map((e, t) => ({
-			index: t,
-			amplitude: s[t],
-			probability: s[t] * s[t],
-			classicalSimilarity: i[t],
-			combined: s[t] * s[t] * .6 + i[t] * .4
-		})).sort((e, t) => t.combined - e.combined);
-	}
-}, _ = [
-	{
-		keywords: [
-			"email",
-			"e-mail",
-			"mail"
-		],
-		type: "email",
-		validations: [
-			{
-				rule: "required",
-				message: "Email is required"
-			},
-			{
-				rule: "pattern",
-				value: "^[^@]+@[^@]+\\.[^@]+$",
-				message: "Enter a valid email address"
-			},
-			{
-				rule: "maxLength",
-				value: 254,
-				message: "Email too long"
-			}
-		],
-		placeholder: "you@example.com",
-		label: "Email Address",
-		confidence: .98
-	},
-	{
-		keywords: [
-			"password",
-			"passwd",
-			"pwd",
-			"pass"
-		],
-		type: "password",
-		validations: [
-			{
-				rule: "required",
-				message: "Password is required"
-			},
-			{
-				rule: "minLength",
-				value: 8,
-				message: "Password must be at least 8 characters"
-			},
-			{
-				rule: "pattern",
-				value: "(?=.*[A-Z])(?=.*[0-9])",
-				message: "Include uppercase and a number"
-			}
-		],
-		placeholder: "••••••••",
-		label: "Password",
-		confidence: .97
-	},
-	{
-		keywords: [
-			"confirm_password",
-			"confirmpassword",
-			"confirm_pass",
-			"repassword",
-			"password2",
-			"repeat_password"
-		],
-		type: "password",
-		validations: [{
-			rule: "required",
-			message: "Please confirm your password"
-		}, {
-			rule: "match",
-			value: "password",
-			message: "Passwords do not match"
-		}],
-		placeholder: "••••••••",
-		label: "Confirm Password",
-		confidence: .95
-	},
-	{
-		keywords: [
-			"phone",
-			"mobile",
-			"cell",
-			"tel",
-			"telephone",
-			"contact_number"
-		],
-		type: "tel",
-		validations: [{
-			rule: "pattern",
-			value: "^[+]?[(]?[0-9]{3}[)]?[-\\s.]?[0-9]{3}[-\\s.]?[0-9]{4,6}$",
-			message: "Enter a valid phone number"
-		}],
-		placeholder: "+1 (555) 000-0000",
-		label: "Phone Number",
-		confidence: .93
-	},
-	{
-		keywords: ["age"],
-		type: "number",
-		validations: [
-			{
-				rule: "min",
-				value: 0,
-				message: "Age cannot be negative"
-			},
-			{
-				rule: "max",
-				value: 150,
-				message: "Enter a valid age"
-			},
-			{
-				rule: "integer",
-				message: "Age must be a whole number"
-			}
-		],
-		placeholder: "25",
-		label: "Age",
-		confidence: .9
-	},
-	{
-		keywords: [
-			"price",
-			"amount",
-			"cost",
-			"fee",
-			"payment",
-			"salary",
-			"wage",
-			"total"
-		],
-		type: "number",
-		validations: [{
-			rule: "min",
-			value: 0,
-			message: "Amount cannot be negative"
-		}, {
-			rule: "pattern",
-			value: "^\\d+(\\.\\d{1,2})?$",
-			message: "Enter a valid amount (e.g. 9.99)"
-		}],
-		placeholder: "0.00",
-		label: "Amount",
-		confidence: .88
-	},
-	{
-		keywords: [
-			"url",
-			"website",
-			"site",
-			"link",
-			"homepage",
-			"web"
-		],
-		type: "url",
-		validations: [{
-			rule: "pattern",
-			value: "https?://.+",
-			message: "Enter a valid URL starting with http:// or https://"
-		}],
-		placeholder: "https://example.com",
-		label: "Website URL",
-		confidence: .92
-	},
-	{
-		keywords: [
-			"zip",
-			"zipcode",
-			"postal",
-			"postcode",
-			"pin_code"
-		],
-		type: "text",
-		validations: [{
-			rule: "pattern",
-			value: "^[0-9]{5}(-[0-9]{4})?$",
-			message: "Enter a valid ZIP code (e.g. 12345)"
-		}],
-		placeholder: "12345",
-		label: "ZIP / Postal Code",
-		confidence: .91
-	},
-	{
-		keywords: [
-			"date",
-			"dob",
-			"birthday",
-			"birth_date",
-			"birthdate",
-			"born"
-		],
-		type: "date",
-		validations: [{
-			rule: "required",
-			message: "Date is required"
-		}],
-		placeholder: "YYYY-MM-DD",
-		label: "Date of Birth",
-		confidence: .89
-	},
-	{
-		keywords: [
-			"first_name",
-			"firstname",
-			"fname",
-			"given_name"
-		],
-		type: "text",
-		validations: [{
-			rule: "minLength",
-			value: 2,
-			message: "First name too short"
-		}, {
-			rule: "maxLength",
-			value: 50,
-			message: "First name too long"
-		}],
-		placeholder: "Jane",
-		label: "First Name",
-		confidence: .9
-	},
-	{
-		keywords: [
-			"last_name",
-			"lastname",
-			"lname",
-			"surname",
-			"family_name"
-		],
-		type: "text",
-		validations: [{
-			rule: "minLength",
-			value: 2,
-			message: "Last name too short"
-		}, {
-			rule: "maxLength",
-			value: 50,
-			message: "Last name too long"
-		}],
-		placeholder: "Doe",
-		label: "Last Name",
-		confidence: .9
-	},
-	{
-		keywords: [
-			"name",
-			"full_name",
-			"fullname",
-			"display_name"
-		],
-		type: "text",
-		validations: [{
-			rule: "minLength",
-			value: 2,
-			message: "Name too short"
-		}, {
-			rule: "maxLength",
-			value: 100,
-			message: "Name too long"
-		}],
-		placeholder: "Jane Doe",
-		label: "Full Name",
-		confidence: .85
-	},
-	{
-		keywords: [
-			"username",
-			"user_name",
-			"handle",
-			"login",
-			"loginname"
-		],
-		type: "text",
-		validations: [
-			{
-				rule: "minLength",
-				value: 3,
-				message: "Username must be at least 3 characters"
-			},
-			{
-				rule: "maxLength",
-				value: 32,
-				message: "Username too long"
-			},
-			{
-				rule: "pattern",
-				value: "^[a-zA-Z0-9_.-]+$",
-				message: "Only letters, numbers, _, - and . allowed"
-			}
-		],
-		placeholder: "cooluser42",
-		label: "Username",
-		confidence: .94
-	},
-	{
-		keywords: [
-			"bio",
-			"biography",
-			"about",
-			"description",
-			"summary",
-			"details"
-		],
-		type: "textarea",
-		validations: [{
-			rule: "maxLength",
-			value: 500,
-			message: "Bio must be under 500 characters"
-		}],
-		placeholder: "Tell us about yourself...",
-		label: "Bio",
-		confidence: .87
-	},
-	{
-		keywords: [
-			"message",
-			"comment",
-			"feedback",
-			"note",
-			"notes",
-			"remarks",
-			"body"
-		],
-		type: "textarea",
-		validations: [{
-			rule: "minLength",
-			value: 10,
-			message: "Message too short"
-		}, {
-			rule: "maxLength",
-			value: 2e3,
-			message: "Message too long"
-		}],
-		placeholder: "Write your message here...",
-		label: "Message",
-		confidence: .86
-	},
-	{
-		keywords: [
-			"search",
-			"query",
-			"q",
-			"keyword",
-			"find"
-		],
-		type: "search",
-		validations: [],
-		placeholder: "Search...",
-		label: "Search",
-		confidence: .9
-	},
-	{
-		keywords: [
-			"otp",
-			"one_time_password",
-			"verification_code",
-			"pin",
-			"code"
-		],
-		type: "text",
-		validations: [
-			{
-				rule: "minLength",
-				value: 4,
-				message: "Code too short"
-			},
-			{
-				rule: "maxLength",
-				value: 8,
-				message: "Code too long"
-			},
-			{
-				rule: "pattern",
-				value: "^[0-9]+$",
-				message: "Code must be numeric"
-			}
-		],
-		placeholder: "123456",
-		label: "Verification Code",
-		confidence: .92
-	},
-	{
-		keywords: [
-			"color",
-			"colour",
-			"hex_color",
-			"brand_color"
-		],
-		type: "color",
-		validations: [],
-		placeholder: "#3b82f6",
-		label: "Color",
-		confidence: .95
-	},
-	{
-		keywords: [
-			"address",
-			"street",
-			"street_address",
-			"addr"
-		],
-		type: "text",
-		validations: [{
-			rule: "maxLength",
-			value: 200,
-			message: "Address too long"
-		}],
-		placeholder: "123 Main Street",
-		label: "Street Address",
-		confidence: .87
-	},
-	{
-		keywords: [
-			"city",
-			"town",
-			"municipality"
-		],
-		type: "text",
-		validations: [{
-			rule: "maxLength",
-			value: 100,
-			message: "City name too long"
-		}],
-		placeholder: "San Francisco",
-		label: "City",
-		confidence: .89
-	},
-	{
-		keywords: [
-			"country",
-			"nation",
-			"country_code"
-		],
-		type: "text",
-		validations: [],
-		placeholder: "United States",
-		label: "Country",
-		confidence: .88
-	},
-	{
-		keywords: [
-			"company",
-			"organization",
-			"org",
-			"employer",
-			"company_name"
-		],
-		type: "text",
-		validations: [{
-			rule: "maxLength",
-			value: 200,
-			message: "Company name too long"
-		}],
-		placeholder: "Acme Inc.",
-		label: "Company",
-		confidence: .87
-	}
-];
-function v(e) {
-	let t = e.toLowerCase().replace(/[\s-]/g, "_"), n = new g().amplify(_, (e) => {
-		let n = 0;
-		for (let r of e.keywords) t === r ? n = Math.max(n, 1) : t.includes(r) || r.includes(t) ? n = Math.max(n, .8) : r.split("_").some((e) => t.includes(e)) && (n = Math.max(n, .5));
-		return n;
-	}, .3);
-	if (n.length > 0 && n[0].combined > .1) {
-		let e = _[n[0].index];
-		return {
-			type: e.type,
-			validations: e.validations,
-			placeholder: e.placeholder,
-			confidence: Math.min(e.confidence * n[0].combined * 2, .99),
-			label: e.label
-		};
-	}
-	return {
-		type: "text",
-		validations: [{
-			rule: "maxLength",
-			value: 255,
-			message: "Input too long"
-		}],
-		placeholder: e.replace(/_/g, " "),
-		confidence: .3,
-		label: e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase())
-	};
-}
-function y(e, t, n) {
-	let r = t / 100, i = n / 100, a = r * Math.min(i, 1 - i), o = (t) => {
-		let n = (t + e / 30) % 12, r = i - a * Math.max(Math.min(n - 3, 9 - n, 1), -1);
-		return Math.round(255 * r).toString(16).padStart(2, "0");
-	};
-	return `#${o(0)}${o(8)}${o(4)}`;
-}
-function b(e) {
-	let t = e.replace("#", ""), n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t;
-	return [
-		parseInt(n.slice(0, 2), 16),
-		parseInt(n.slice(2, 4), 16),
-		parseInt(n.slice(4, 6), 16)
-	];
-}
-function x(e) {
-	let [t, n, r] = b(e).map((e) => {
-		let t = e / 255;
-		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
-	});
-	return .2126 * t + .7152 * n + .0722 * r;
-}
-function S(e, t) {
-	let n = x(e), r = x(t), i = Math.max(n, r), a = Math.min(n, r);
-	return (i + .05) / (a + .05);
-}
-function C(e, t) {
-	let n = (e) => y(e.h, e.s, e.l), r = t ? e.text.l - 20 : e.text.l + 15;
-	return {
-		primary: n(e.primary),
-		secondary: n(e.secondary),
-		background: n(e.bg),
-		surface: n(e.surface),
-		text: n(e.text),
-		textMuted: y(e.text.h, Math.max(0, e.text.s - 10), Math.max(20, Math.min(85, r))),
-		border: n(e.border),
-		error: t ? "#f87171" : "#dc2626",
-		warning: t ? "#fbbf24" : "#d97706",
-		success: t ? "#34d399" : "#059669",
-		accent: n(e.accent)
-	};
-}
-function w(e, t) {
-	let n = 0, r = (e) => y(e.h, e.s, e.l), i = r(e.text), a = r(e.bg), o = r(e.surface), s = r(e.primary), c = S(i, a), l = S(i, o), u = S(s, a);
-	c < 4.5 && (n += (4.5 - c) * 10), l < 4.5 && (n += (4.5 - l) * 8), u < 3 && (n += (3 - u) * 5);
-	let d = Math.abs((e.secondary.h - e.primary.h + 360) % 360 - 137.508);
-	n += d * .05;
-	let f = Math.abs((e.accent.h - e.primary.h + 360) % 360 - 120);
-	n += f * .03;
-	let p = (e.primary.s + e.secondary.s) / 2;
-	p < 20 && (n += (20 - p) * .5), p > 90 && (n += (p - 90) * .5);
-	let m = e.bg.l;
-	t ? (m > 25 && (n += (m - 25) * 2), m < 3 && (n += (3 - m) * 2), e.text.l < 70 && (n += (70 - e.text.l) * 1.5)) : (m < 90 && (n += (90 - m) * 2), m > 100 && (n += (m - 100) * 2), e.text.l > 30 && (n += (e.text.l - 30) * 1.5));
-	let h = Math.abs(e.surface.l - e.bg.l);
-	return h < 2 && (n += (2 - h) * 2), h > 12 && (n += (h - 12) * 1), n;
-}
-function T(e, t, n) {
-	return Math.max(t, Math.min(n, e));
-}
-function E(e, t, n = 800) {
-	let r = t ? {
-		primary: {
-			h: e,
-			s: 70,
-			l: 55
-		},
-		secondary: {
-			h: (e + 137.5) % 360,
-			s: 65,
-			l: 50
-		},
-		bg: {
-			h: e,
-			s: 10,
-			l: 8
-		},
-		surface: {
-			h: e,
-			s: 10,
-			l: 13
-		},
-		text: {
-			h: e,
-			s: 15,
-			l: 90
-		},
-		border: {
-			h: e,
-			s: 15,
-			l: 22
-		},
-		accent: {
-			h: (e + 120) % 360,
-			s: 75,
-			l: 60
-		}
-	} : {
-		primary: {
-			h: e,
-			s: 65,
-			l: 40
-		},
-		secondary: {
-			h: (e + 137.5) % 360,
-			s: 55,
-			l: 38
-		},
-		bg: {
-			h: e,
-			s: 15,
-			l: 97
-		},
-		surface: {
-			h: e,
-			s: 12,
-			l: 100
-		},
-		text: {
-			h: e,
-			s: 15,
-			l: 12
-		},
-		border: {
-			h: e,
-			s: 12,
-			l: 85
-		},
-		accent: {
-			h: (e + 120) % 360,
-			s: 70,
-			l: 42
-		}
-	};
-	return C(new m(1.5, .994, .35, 1e-5).anneal(r, (e) => w(e, t), (e) => {
-		let t = [
-			"primary",
-			"secondary",
-			"bg",
-			"surface",
-			"text",
-			"border",
-			"accent"
-		], n = t[Math.floor(Math.random() * t.length)], r = [
-			"h",
-			"s",
-			"l"
-		], i = r[Math.floor(Math.random() * r.length)], a = (Math.random() - .5) * (i === "h" ? 30 : 15), o = {
-			...e,
-			[n]: { ...e[n] }
-		};
-		return i === "h" ? o[n] = {
-			...o[n],
-			h: (e[n].h + a + 360) % 360
-		} : i === "s" ? o[n] = {
-			...o[n],
-			s: T(e[n].s + a, 0, 100)
-		} : o[n] = {
-			...o[n],
-			l: T(e[n].l + a, 0, 100)
-		}, o;
-	}, n).state, t);
-}
-var D = {
-	qubit() {
-		return new f();
-	},
-	register(e) {
-		return new p(e);
-	},
-	annealer(e, t, n) {
-		return new m(e, t, n);
-	},
-	qbm(e, t) {
-		return new h(e, t);
-	},
-	amplifier() {
-		return new g();
-	},
-	inferField: v,
-	optimizeTheme: E,
-	contrast: S,
-	hslToHex: y
-};
-//#endregion
-//#region src/components/TkxQuantumForm.tsx
-function O(e, t, n, r) {
-	let i = n.trim();
-	switch (e) {
-		case "required": return i !== "";
-		case "email":
-		case "pattern":
-			if (typeof t == "string") try {
-				return i === "" || new RegExp(t).test(i);
-			} catch {
-				return !0;
-			}
-			return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i);
-		case "phone": return i === "" || /^\+?[\d\s\-()]{7,15}$/.test(i);
-		case "url": return i === "" || /^https?:\/\/.+/.test(i);
-		case "minLength":
-		case "min": {
-			let e = Number(t ?? 0);
-			return i === "" || (isNaN(Number(i)) ? i.length >= e : Number(i) >= e);
-		}
-		case "maxLength":
-		case "max": {
-			let e = Number(t ?? Infinity);
-			return i === "" || (isNaN(Number(i)) ? i.length <= e : Number(i) <= e);
-		}
-		case "integer": return i === "" || /^\d+$/.test(i);
-		case "alphanumeric": return i === "" || /^[a-zA-Z0-9]+$/.test(i);
-		case "match": return i === (r[typeof t == "string" ? t : "password"] ?? "");
-		default: return !0;
-	}
-}
-function k({ phase: e, collapsed: t, primaryColor: n, borderColor: r }) {
-	let i = t ? 0 : e, a = t ? 0 : e * 1.618, o = 12 + 10 * Math.sin(i) * Math.cos(a), s = 12 - 10 * Math.cos(i);
-	return /* @__PURE__ */ u("svg", {
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		"aria-hidden": "true",
-		style: {
-			flexShrink: 0,
-			opacity: t ? .4 : 1,
-			transition: "opacity 0.6s"
-		},
-		children: [
-			/* @__PURE__ */ l("circle", {
-				cx: 12,
-				cy: 12,
-				r: 10,
-				fill: "none",
-				stroke: r,
-				strokeWidth: "0.8"
-			}),
-			/* @__PURE__ */ l("ellipse", {
-				cx: 12,
-				cy: 12,
-				rx: 10,
-				ry: 10 * .3,
-				fill: "none",
-				stroke: r,
-				strokeWidth: "0.5",
-				strokeDasharray: "2 2"
-			}),
-			/* @__PURE__ */ l("line", {
-				x1: 12,
-				y1: 2,
-				x2: 12,
-				y2: 22,
-				stroke: r,
-				strokeWidth: "0.5"
-			}),
-			/* @__PURE__ */ l("line", {
-				x1: 12,
-				y1: 12,
-				x2: o,
-				y2: s,
-				stroke: n,
-				strokeWidth: "1.5",
-				style: { transition: t ? "all 0.6s ease-out" : "none" }
-			}),
-			/* @__PURE__ */ l("circle", {
-				cx: o,
-				cy: s,
-				r: "2",
-				fill: n,
-				style: { transition: t ? "all 0.6s ease-out" : "none" }
-			})
-		]
-	});
-}
-function A({ confidence: e, theme: t }) {
-	let n = Math.round(e * 100), r = n >= 80 ? t.success : n >= 60 ? t.warning : t.danger;
-	return /* @__PURE__ */ u("span", {
-		style: {
-			display: "inline-flex",
-			alignItems: "center",
-			gap: "2px",
-			fontSize: "10px",
-			fontWeight: 600,
-			padding: "1px 5px",
-			borderRadius: "999px",
-			backgroundColor: `${r}22`,
-			color: r,
-			border: `1px solid ${r}44`,
-			marginLeft: "6px",
-			verticalAlign: "middle",
-			letterSpacing: "0.03em"
-		},
-		children: [
-			"⚛ ",
-			n,
-			"%"
-		]
-	});
-}
-function j({ config: e, intel: t, qubitPhase: r, value: i, error: a, touched: o, showConfidence: s, showQuantumState: c, collapsed: d, onChange: f, onBlur: p, theme: m, mounted: h, index: g }) {
-	let _ = e.type ?? t.type, v = e.label ?? t.label, y = e.placeholder ?? t.placeholder, b = e.required === void 0 ? t.validations.some((e) => e.rule === "required") : e.required, x = n(v), S = _ === "textarea", C = o && a !== "", w = `qf-${e.name}`, T = {
-		width: "100%",
-		padding: "9px 12px",
-		border: `1.5px solid ${C ? m.danger : m.border}`,
-		borderRadius: "8px",
-		backgroundColor: m.surface,
-		color: m.text,
-		fontSize: "14px",
-		fontFamily: "inherit",
-		outline: "none",
-		boxSizing: "border-box",
-		transition: "border-color 0.15s, box-shadow 0.15s",
-		resize: S ? "vertical" : void 0,
-		minHeight: S ? "80px" : void 0
-	};
-	return /* @__PURE__ */ u("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			gap: "4px",
-			opacity: +!!h,
-			transform: h ? "scaleY(1)" : "scaleY(0.92)",
-			transition: `opacity 0.35s ease ${g * 60}ms, transform 0.35s ease ${g * 60}ms`,
-			transformOrigin: "top"
-		},
-		children: [
-			/* @__PURE__ */ u("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: "4px"
-				},
-				children: [
-					c && /* @__PURE__ */ l(k, {
-						phase: r,
-						collapsed: d,
-						primaryColor: m.primary,
-						borderColor: m.border
-					}),
-					/* @__PURE__ */ u("label", {
-						htmlFor: w,
-						style: {
-							fontSize: "13px",
-							fontWeight: 500,
-							color: m.text,
-							cursor: "pointer"
-						},
-						children: [x, b && /* @__PURE__ */ l("span", {
-							"aria-hidden": "true",
-							style: {
-								color: m.danger,
-								marginLeft: "3px"
-							},
-							children: "*"
-						})]
-					}),
-					s && /* @__PURE__ */ l(A, {
-						confidence: t.confidence,
-						theme: m
-					})
-				]
-			}),
-			S ? /* @__PURE__ */ l("textarea", {
-				id: w,
-				value: i,
-				onChange: (e) => f(e.target.value),
-				onBlur: p,
-				placeholder: y,
-				"aria-invalid": C,
-				"aria-required": b,
-				style: T
-			}) : /* @__PURE__ */ l("input", {
-				id: w,
-				type: _,
-				value: i,
-				onChange: (e) => f(e.target.value),
-				onBlur: p,
-				placeholder: y,
-				"aria-invalid": C,
-				"aria-required": b,
-				style: T
-			}),
-			C && /* @__PURE__ */ u("span", {
-				role: "alert",
-				style: {
-					fontSize: "12px",
-					color: m.danger,
-					display: "flex",
-					alignItems: "center",
-					gap: "4px"
-				},
-				children: [/* @__PURE__ */ l("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 24 24",
-					fill: "currentColor",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ l("path", { d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" })
-				}), n(a)]
-			})
-		]
-	});
-}
-function M(e) {
-	let t = 2166136261;
-	for (let n = 0; n < e.length; n++) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619) >>> 0;
-	return (t & 65535) / 65535 * Math.PI * 2;
-}
-function N({ fields: r, onSubmit: o, submitLabel: d = "Submit", layout: f = "vertical", showConfidence: p = !0, showQuantumState: m = !1 }) {
-	let h = e(), g = r.map((e) => v(e.name)), [_, y] = s(() => Object.fromEntries(r.map((e) => [e.name, ""]))), [b, x] = s({}), [S, C] = s({}), [w, T] = s(!1), [E, D] = s(!1), [k, A] = s(!1);
-	a(() => {
-		let e = requestAnimationFrame(() => D(!0));
-		return () => cancelAnimationFrame(e);
-	}, []);
-	let N = i((e, t) => {
-		let n = r.find((t) => t.name === e), i = g[r.findIndex((t) => t.name === e)];
-		if (!n || !i) return "";
-		let a = t[e] ?? "";
-		for (let { rule: e, value: r, message: o } of i.validations) if (!(e === "required" && n.required === !1) && !O(e, r, a, t)) return o;
-		return "";
-	}, [r]), P = i((e) => {
-		let t = {};
-		for (let n of r) {
-			let r = N(n.name, e);
-			r && (t[n.name] = r);
-		}
-		return t;
-	}, [r, N]), F = i((e, t) => {
-		y((n) => {
-			let i = {
-				...n,
-				[e]: t
-			};
-			if (S[e] && (x((t) => ({
-				...t,
-				[e]: N(e, i)
-			})), e === "password")) {
-				let e = r.find((e) => [
-					"confirmpassword",
-					"confirm_password",
-					"passwordconfirm"
-				].includes(e.name.toLowerCase().replace(/[\s_-]/g, "")))?.name;
-				e && S[e] && x((t) => ({
-					...t,
-					[e]: N(e, i)
-				}));
-			}
-			return i;
-		}), A(!0);
-	}, [
-		r,
-		S,
-		N
-	]), I = i((e) => {
-		C((t) => ({
-			...t,
-			[e]: !0
-		})), x((t) => ({
-			...t,
-			[e]: N(e, _)
-		}));
-	}, [_, N]), L = i(async (e) => {
-		e.preventDefault(), C(Object.fromEntries(r.map((e) => [e.name, !0])));
-		let t = P(_);
-		if (x(t), !(Object.keys(t).length > 0)) {
-			T(!0);
-			try {
-				await o(_);
-			} finally {
-				T(!1);
-			}
-		}
-	}, [
-		r,
-		_,
-		P,
-		o
-	]), R = g.length > 0 ? Math.round(g.reduce((e, t) => e + t.confidence, 0) / g.length * 100) : 0, z = R >= 80 ? h.success : R >= 60 ? h.warning : h.danger, B = f === "horizontal";
-	return /* @__PURE__ */ u("form", {
-		onSubmit: L,
-		noValidate: !0,
-		className: t("w-full"),
-		style: {
-			backgroundColor: h.surface,
-			border: `1px solid ${h.border}`,
-			borderRadius: "12px",
-			padding: "24px",
-			position: "relative",
-			boxSizing: "border-box"
-		},
-		children: [
-			/* @__PURE__ */ l("span", {
-				"aria-label": "Powered by Quantum AI",
-				style: {
-					position: "absolute",
-					top: "16px",
-					right: "16px",
-					fontSize: "10px",
-					fontWeight: 700,
-					padding: "3px 8px",
-					borderRadius: "999px",
-					backgroundColor: `${h.primary}20`,
-					color: h.primary,
-					border: `1px solid ${h.primary}44`,
-					letterSpacing: "0.04em",
-					userSelect: "none"
-				},
-				children: "⚛ Quantum AI"
-			}),
-			p && /* @__PURE__ */ u("div", {
-				style: {
-					marginBottom: "20px",
-					paddingRight: "100px"
-				},
-				children: [/* @__PURE__ */ u("div", {
-					style: {
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "space-between",
-						marginBottom: "4px"
-					},
-					children: [/* @__PURE__ */ l("span", {
-						style: {
-							fontSize: "11px",
-							color: h.textMuted,
-							fontWeight: 500
-						},
-						children: "Form Intelligence Confidence"
-					}), /* @__PURE__ */ u("span", {
-						style: {
-							fontSize: "11px",
-							fontWeight: 700,
-							color: z
-						},
-						children: [R, "%"]
-					})]
-				}), /* @__PURE__ */ l("div", {
-					style: {
-						height: "4px",
-						borderRadius: "4px",
-						backgroundColor: h.border,
-						overflow: "hidden"
-					},
-					children: /* @__PURE__ */ l("div", { style: {
-						height: "100%",
-						width: `${R}%`,
-						backgroundColor: z,
-						borderRadius: "4px",
-						transition: "width 0.8s ease"
-					} })
-				})]
-			}),
-			/* @__PURE__ */ l("div", {
-				style: {
-					display: "grid",
-					gridTemplateColumns: B ? "repeat(auto-fill, minmax(260px, 1fr))" : "1fr",
-					gap: "16px",
-					marginBottom: "20px"
-				},
-				children: r.map((e, t) => /* @__PURE__ */ l(j, {
-					config: e,
-					intel: g[t],
-					qubitPhase: M(e.name),
-					value: _[e.name] ?? "",
-					error: b[e.name] ?? "",
-					touched: S[e.name] ?? !1,
-					showConfidence: p,
-					showQuantumState: m,
-					collapsed: k,
-					onChange: (t) => F(e.name, t),
-					onBlur: () => I(e.name),
-					theme: h,
-					mounted: E,
-					index: t
-				}, e.name))
-			}),
-			/* @__PURE__ */ l("button", {
-				type: "submit",
-				disabled: w,
-				style: {
-					width: "100%",
-					padding: "10px 20px",
-					borderRadius: "8px",
-					border: "none",
-					backgroundColor: w ? `${h.primary}88` : h.primary,
-					color: h.bg,
-					fontSize: "14px",
-					fontWeight: 700,
-					fontFamily: "inherit",
-					cursor: w ? "not-allowed" : "pointer",
-					transition: "background-color 0.15s, opacity 0.15s",
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					gap: "8px"
-				},
-				children: w ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("svg", {
-					width: "14",
-					height: "14",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2.5",
-					style: { animation: "qf-spin 0.8s linear infinite" },
-					"aria-hidden": "true",
-					children: [/* @__PURE__ */ l("circle", {
-						cx: "12",
-						cy: "12",
-						r: "10",
-						strokeOpacity: "0.25"
-					}), /* @__PURE__ */ l("path", { d: "M12 2a10 10 0 0 1 10 10" })]
-				}), "Processing…"] }) : n(d)
-			}),
-			/* @__PURE__ */ l("style", { children: "@keyframes qf-spin { to { transform: rotate(360deg); } }" })
-		]
-	});
-}
-N.displayName = "TkxQuantumForm";
-//#endregion
-//#region src/components/TkxThemeBuilder.tsx
-function P(e) {
-	return e ? {
-		primary: "#00f5d4",
-		secondary: "#7b2ff7",
-		background: "#0a0a0f",
-		surface: "#12121a",
-		text: "#e8e8f4",
-		textMuted: "#8888aa",
-		border: "#2a2a3e",
-		error: "#f87171",
-		warning: "#fbbf24",
-		success: "#34d399",
-		accent: "#ff6b6b"
-	} : {
-		primary: "#0d7c5f",
-		secondary: "#6930c3",
-		background: "#f8f6f1",
-		surface: "#ffffff",
-		text: "#1a1815",
-		textMuted: "#6b6560",
-		border: "#ddd8cc",
-		error: "#dc2626",
-		warning: "#d97706",
-		success: "#059669",
-		accent: "#e05a00"
-	};
-}
-function F({ points: e, primary: t }) {
-	if (e.length < 2) return /* @__PURE__ */ l("div", {
-		style: {
-			height: 48,
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			color: "#888",
-			fontSize: 12
-		},
-		children: "Waiting for data..."
-	});
-	let n = Math.max(...e.map((e) => e.energy)), r = Math.min(...e.map((e) => e.energy)), i = n - r || 1, a = e[e.length - 1].iteration || 1;
-	return /* @__PURE__ */ u("svg", {
-		width: 280,
-		height: 48,
-		style: { display: "block" },
-		children: [
-			/* @__PURE__ */ l("polyline", {
-				points: e.map((e) => {
-					let t = e.iteration / a * 280, n = 48 - (e.energy - r) / i * 44 - 2;
-					return `${t.toFixed(1)},${n.toFixed(1)}`;
-				}).join(" "),
-				fill: "none",
-				stroke: t,
-				strokeWidth: 1.5,
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				opacity: .9
-			}),
-			/* @__PURE__ */ u("text", {
-				x: 2,
-				y: 10,
-				fontSize: 9,
-				fill: "#888",
-				children: ["E=", n.toFixed(1)]
-			}),
-			/* @__PURE__ */ u("text", {
-				x: 2,
-				y: 46,
-				fontSize: 9,
-				fill: "#888",
-				children: ["E=", r.toFixed(1)]
-			})
-		]
-	});
-}
-function I({ label: e, value: t, onChange: n, text: r, border: i }) {
-	return /* @__PURE__ */ u("div", {
-		style: {
-			display: "flex",
-			alignItems: "center",
-			gap: 8,
-			marginBottom: 6
-		},
-		children: [
-			/* @__PURE__ */ l("input", {
-				type: "color",
-				value: t,
-				onChange: (e) => n(e.target.value),
-				style: {
-					width: 32,
-					height: 32,
-					border: `1px solid ${i}`,
-					borderRadius: 6,
-					padding: 2,
-					cursor: "pointer",
-					background: "transparent"
-				}
-			}),
-			/* @__PURE__ */ l("div", { style: {
-				width: 60,
-				height: 28,
-				borderRadius: 6,
-				background: t,
-				border: `1px solid ${i}`
-			} }),
-			/* @__PURE__ */ l("span", {
-				style: {
-					flex: 1,
-					fontSize: 13,
-					color: r,
-					fontFamily: "monospace"
-				},
-				children: e
-			}),
-			/* @__PURE__ */ l("code", {
-				style: {
-					fontSize: 12,
-					color: r,
-					opacity: .7,
-					fontFamily: "monospace"
-				},
-				children: t
-			})
-		]
-	});
-}
-function L({ label: e, ratio: t }) {
-	let n = t >= 4.5, r = t >= 4.5, i = t >= 7;
-	return /* @__PURE__ */ u("div", {
-		style: {
-			display: "flex",
-			alignItems: "center",
-			gap: 6,
-			marginBottom: 4
-		},
-		children: [
-			/* @__PURE__ */ l("span", {
-				style: {
-					fontSize: 11,
-					opacity: .8,
-					minWidth: 140
-				},
-				children: e
-			}),
-			/* @__PURE__ */ u("span", {
-				style: {
-					fontSize: 12,
-					fontWeight: 600
-				},
-				children: [t.toFixed(2), ":1"]
-			}),
-			/* @__PURE__ */ l("span", {
-				style: {
-					fontSize: 11,
-					color: r ? "#22c55e" : "#ef4444"
-				},
-				children: r ? "✓ AA" : "✗ AA"
-			}),
-			/* @__PURE__ */ l("span", {
-				style: {
-					fontSize: 11,
-					color: i ? "#22c55e" : "#888"
-				},
-				children: i ? "✓ AAA" : "— AAA"
-			}),
-			/* @__PURE__ */ l("span", {
-				style: { fontSize: 13 },
-				children: n ? "✅" : "❌"
-			})
-		]
-	});
-}
-function R({ onThemeChange: n, initialHue: r = 210, initialMode: a = "dark" }) {
-	let c = e(), [d, f] = s(a), [p, m] = s(r), [h, g] = s(() => P(a === "dark")), [_, v] = s(!1), [y, b] = s([]), [x, S] = s(!1), C = o(null), w = d === "dark", T = i((e, t) => {
-		g((r) => {
-			let i = {
-				...r,
-				[e]: t
-			};
-			return n?.(i), i;
-		});
-	}, [n]), E = i(() => {
-		if (_) return;
-		v(!0), b([]);
-		let e = 0, t = [], r = () => {
-			e += 60, D.optimizeTheme(p, w, e);
-			let i = e / 600, a = 50 * (1 - i) + 2, o = (Math.random() - .5) * 8 * (1 - i * .8);
-			if (t.push({
-				iteration: e,
-				energy: Math.max(0, a + o)
-			}), b([...t]), e < 600) C.current = window.setTimeout(r, 40);
-			else {
-				let e = D.optimizeTheme(p, w, 1e3);
-				g(e), n?.(e), v(!1);
-			}
-		};
-		C.current = window.setTimeout(r, 16);
-	}, [
-		p,
-		w,
-		_,
-		n
-	]), O = i(() => {
-		let e = d === "dark" ? "light" : "dark";
-		f(e);
-		let t = P(e === "dark");
-		g(t), n?.(t);
-	}, [d, n]), k = i(() => {
-		let e = `export const myTheme = {\n${Object.entries(h).map(([e, t]) => `  ${e}: '${t}',`).join("\n")}\n};`;
-		typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(e).then(() => {
-			S(!0), setTimeout(() => S(!1), 2e3);
-		});
-	}, [h]), A = [
-		{
-			label: "Text on Background",
-			fg: h.text,
-			bg: h.background
-		},
-		{
-			label: "Text on Surface",
-			fg: h.text,
-			bg: h.surface
-		},
-		{
-			label: "Primary on Background",
-			fg: h.primary,
-			bg: h.background
-		},
-		{
-			label: "TextMuted on Background",
-			fg: h.textMuted,
-			bg: h.background
-		}
-	], j = "linear-gradient(to right," + [
-		"hsl(0,80%,55%)",
-		"hsl(30,80%,55%)",
-		"hsl(60,80%,55%)",
-		"hsl(90,80%,55%)",
-		"hsl(120,80%,55%)",
-		"hsl(150,80%,55%)",
-		"hsl(180,80%,55%)",
-		"hsl(210,80%,55%)",
-		"hsl(240,80%,55%)",
-		"hsl(270,80%,55%)",
-		"hsl(300,80%,55%)",
-		"hsl(330,80%,55%)",
-		"hsl(360,80%,55%)"
-	].join(",") + ")", M = {
-		fontFamily: "system-ui, -apple-system, sans-serif",
-		background: h.background,
-		color: h.text,
-		border: `1px solid ${h.border}`,
-		borderRadius: 12,
-		padding: 20,
-		maxWidth: 900,
-		display: "grid",
-		gridTemplateColumns: "1fr 1fr",
-		gap: 20
-	}, N = {
-		background: h.surface,
-		border: `1px solid ${h.border}`,
-		borderRadius: 8,
-		padding: 16
-	}, R = {
-		fontSize: 13,
-		fontWeight: 700,
-		textTransform: "uppercase",
-		letterSpacing: "0.08em",
-		color: h.primary,
-		marginBottom: 12,
-		marginTop: 0
-	}, z = {
-		padding: "8px 16px",
-		borderRadius: 8,
-		border: "none",
-		cursor: "pointer",
-		fontWeight: 600,
-		fontSize: 13,
-		transition: "opacity 0.15s"
-	}, B = t;
-	return /* @__PURE__ */ u("div", {
-		style: M,
-		children: [
-			/* @__PURE__ */ u("div", {
-				style: {
-					display: "flex",
-					flexDirection: "column",
-					gap: 16
-				},
-				children: [
-					/* @__PURE__ */ u("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "space-between",
-							gridColumn: "1/-1"
-						},
-						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
-							style: {
-								margin: 0,
-								fontSize: 18,
-								fontWeight: 700
-							},
-							children: "Theme Builder"
-						}), /* @__PURE__ */ l("p", {
-							style: {
-								margin: "2px 0 0",
-								fontSize: 12,
-								color: h.textMuted
-							},
-							children: "Quantum-powered color optimization"
-						})] }), /* @__PURE__ */ l("button", {
-							onClick: O,
-							style: {
-								...z,
-								background: h.surface,
-								color: h.text,
-								border: `1px solid ${h.border}`
-							},
-							children: w ? "☀ Light" : "🌙 Dark"
-						})]
-					}),
-					/* @__PURE__ */ u("div", {
-						style: N,
-						children: [/* @__PURE__ */ l("p", {
-							style: R,
-							children: "Base Hue"
-						}), /* @__PURE__ */ u("div", {
-							style: {
-								display: "flex",
-								alignItems: "center",
-								gap: 10
-							},
-							children: [
-								/* @__PURE__ */ l("div", { style: {
-									width: 24,
-									height: 24,
-									borderRadius: "50%",
-									background: `hsl(${p},70%,55%)`,
-									border: `2px solid ${h.border}`,
-									flexShrink: 0
-								} }),
-								/* @__PURE__ */ l("input", {
-									type: "range",
-									min: 0,
-									max: 360,
-									value: p,
-									onChange: (e) => m(Number(e.target.value)),
-									style: {
-										flex: 1,
-										height: 16,
-										borderRadius: 8,
-										background: j,
-										outline: "none",
-										border: "none",
-										cursor: "pointer",
-										appearance: "none",
-										WebkitAppearance: "none"
-									}
-								}),
-								/* @__PURE__ */ u("span", {
-									style: {
-										fontSize: 13,
-										fontFamily: "monospace",
-										minWidth: 32
-									},
-									children: [p, "°"]
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ u("div", {
-						style: N,
-						children: [/* @__PURE__ */ u("div", {
-							style: {
-								display: "flex",
-								alignItems: "center",
-								gap: 8,
-								marginBottom: 10
-							},
-							children: [/* @__PURE__ */ l("button", {
-								onClick: E,
-								disabled: _,
-								style: {
-									...z,
-									background: _ ? h.border : h.primary,
-									color: w ? "#000" : "#fff",
-									opacity: _ ? .7 : 1,
-									flex: 1
-								},
-								children: _ ? "⟳ Optimizing..." : "⚛ Generate with Quantum Annealing"
-							}), /* @__PURE__ */ l("div", {
-								style: {
-									padding: "3px 8px",
-									background: h.primary + "22",
-									border: `1px solid ${h.primary}44`,
-									borderRadius: 20,
-									fontSize: 10,
-									color: h.primary,
-									fontWeight: 700,
-									whiteSpace: "nowrap"
-								},
-								children: "⚛ Quantum Annealing"
-							})]
-						}), (_ || y.length > 0) && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-							style: {
-								fontSize: 11,
-								color: h.textMuted,
-								margin: "0 0 4px"
-							},
-							children: "Energy landscape (lower = better palette)"
-						}), /* @__PURE__ */ l(F, {
-							points: y,
-							primary: h.primary
-						})] })]
-					}),
-					/* @__PURE__ */ u("div", {
-						style: N,
-						children: [/* @__PURE__ */ l("p", {
-							style: R,
-							children: "Color Tokens"
-						}), Object.keys(h).map((e) => /* @__PURE__ */ l(I, {
-							label: e,
-							value: h[e],
-							onChange: (t) => T(e, t),
-							text: h.text,
-							border: h.border
-						}, e))]
-					}),
-					/* @__PURE__ */ l("button", {
-						onClick: k,
-						style: {
-							...z,
-							background: h.accent,
-							color: "#fff",
-							width: "100%"
-						},
-						children: x ? "✓ Copied to Clipboard!" : "⬇ Export Theme"
-					})
-				]
-			}),
-			/* @__PURE__ */ u("div", {
-				style: {
-					display: "flex",
-					flexDirection: "column",
-					gap: 16
-				},
-				children: [
-					/* @__PURE__ */ u("div", {
-						style: N,
-						children: [
-							/* @__PURE__ */ l("p", {
-								style: R,
-								children: "Live Preview"
-							}),
-							/* @__PURE__ */ u("div", {
-								style: { marginBottom: 12 },
-								children: [/* @__PURE__ */ l("p", {
-									style: {
-										fontSize: 11,
-										color: h.textMuted,
-										margin: "0 0 6px"
-									},
-									children: "Buttons"
-								}), /* @__PURE__ */ u("div", {
-									style: {
-										display: "flex",
-										gap: 8,
-										flexWrap: "wrap"
-									},
-									children: [
-										/* @__PURE__ */ l("button", {
-											style: {
-												padding: "8px 16px",
-												borderRadius: 8,
-												border: "none",
-												background: h.primary,
-												color: w ? "#000" : "#fff",
-												fontWeight: 600,
-												fontSize: 13,
-												cursor: "pointer"
-											},
-											children: "Primary"
-										}),
-										/* @__PURE__ */ l("button", {
-											style: {
-												padding: "8px 16px",
-												borderRadius: 8,
-												border: "none",
-												background: h.secondary,
-												color: "#fff",
-												fontWeight: 600,
-												fontSize: 13,
-												cursor: "pointer"
-											},
-											children: "Secondary"
-										}),
-										/* @__PURE__ */ l("button", {
-											style: {
-												padding: "8px 16px",
-												borderRadius: 8,
-												border: `1px solid ${h.border}`,
-												background: "transparent",
-												color: h.text,
-												fontWeight: 600,
-												fontSize: 13,
-												cursor: "pointer"
-											},
-											children: "Outline"
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ u("div", {
-								style: { marginBottom: 12 },
-								children: [/* @__PURE__ */ l("p", {
-									style: {
-										fontSize: 11,
-										color: h.textMuted,
-										margin: "0 0 6px"
-									},
-									children: "Card"
-								}), /* @__PURE__ */ u("div", {
-									style: {
-										background: h.surface,
-										border: `1px solid ${h.border}`,
-										borderRadius: 8,
-										padding: 12
-									},
-									children: [
-										/* @__PURE__ */ l("div", {
-											style: {
-												fontSize: 14,
-												fontWeight: 700,
-												marginBottom: 4
-											},
-											children: "Card Title"
-										}),
-										/* @__PURE__ */ l("div", {
-											style: {
-												fontSize: 12,
-												color: h.textMuted,
-												lineHeight: 1.4
-											},
-											children: "Sample card with surface background and muted text content."
-										}),
-										/* @__PURE__ */ u("div", {
-											style: {
-												marginTop: 8,
-												display: "flex",
-												gap: 6
-											},
-											children: [/* @__PURE__ */ l("span", {
-												style: {
-													padding: "2px 8px",
-													borderRadius: 20,
-													background: h.primary + "33",
-													color: h.primary,
-													fontSize: 11,
-													fontWeight: 600
-												},
-												children: "Tag"
-											}), /* @__PURE__ */ l("span", {
-												style: {
-													padding: "2px 8px",
-													borderRadius: 20,
-													background: h.accent + "33",
-													color: h.accent,
-													fontSize: 11,
-													fontWeight: 600
-												},
-												children: "Accent"
-											})]
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ u("div", {
-								style: { marginBottom: 12 },
-								children: [/* @__PURE__ */ l("p", {
-									style: {
-										fontSize: 11,
-										color: h.textMuted,
-										margin: "0 0 6px"
-									},
-									children: "Input"
-								}), /* @__PURE__ */ l("input", {
-									type: "text",
-									placeholder: "Type something...",
-									readOnly: !0,
-									style: {
-										width: "100%",
-										padding: "8px 12px",
-										borderRadius: 8,
-										border: `1px solid ${h.border}`,
-										background: h.background,
-										color: h.text,
-										fontSize: 13,
-										outline: "none",
-										boxSizing: "border-box"
-									}
-								})]
-							}),
-							/* @__PURE__ */ u("div", {
-								style: { marginBottom: 12 },
-								children: [/* @__PURE__ */ l("p", {
-									style: {
-										fontSize: 11,
-										color: h.textMuted,
-										margin: "0 0 6px"
-									},
-									children: "Progress"
-								}), /* @__PURE__ */ l("div", {
-									style: {
-										height: 8,
-										borderRadius: 4,
-										background: h.border,
-										overflow: "hidden"
-									},
-									children: /* @__PURE__ */ l("div", { style: {
-										height: "100%",
-										width: "68%",
-										background: `linear-gradient(to right, ${h.primary}, ${h.accent})`,
-										borderRadius: 4,
-										transition: "width 0.4s ease"
-									} })
-								})]
-							}),
-							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-								style: {
-									fontSize: 11,
-									color: h.textMuted,
-									margin: "0 0 6px"
-								},
-								children: "Status Badges"
-							}), /* @__PURE__ */ l("div", {
-								style: {
-									display: "flex",
-									gap: 6,
-									flexWrap: "wrap"
-								},
-								children: [
-									{
-										label: "Error",
-										color: h.error
-									},
-									{
-										label: "Warning",
-										color: h.warning
-									},
-									{
-										label: "Success",
-										color: h.success
-									}
-								].map(({ label: e, color: t }) => /* @__PURE__ */ l("span", {
-									style: {
-										padding: "3px 10px",
-										borderRadius: 4,
-										background: t + "22",
-										color: t,
-										border: `1px solid ${t}44`,
-										fontSize: 11,
-										fontWeight: 700
-									},
-									children: e
-								}, e))
-							})] })
-						]
-					}),
-					/* @__PURE__ */ u("div", {
-						style: N,
-						children: [
-							/* @__PURE__ */ l("p", {
-								style: R,
-								children: "WCAG Contrast Check"
-							}),
-							A.map((e) => /* @__PURE__ */ l(L, {
-								label: e.label,
-								ratio: D.contrast(e.fg, e.bg)
-							}, e.label)),
-							/* @__PURE__ */ l("p", {
-								style: {
-									fontSize: 10,
-									color: h.textMuted,
-									marginTop: 8,
-									marginBottom: 0
-								},
-								children: "AA requires 4.5:1 (normal text). AAA requires 7:1."
-							})
-						]
-					}),
-					/* @__PURE__ */ u("div", {
-						style: N,
-						children: [/* @__PURE__ */ l("p", {
-							style: R,
-							children: "Color Palette"
-						}), /* @__PURE__ */ l("div", {
-							style: {
-								display: "flex",
-								gap: 4,
-								flexWrap: "wrap"
-							},
-							children: Object.entries(h).map(([e, t]) => /* @__PURE__ */ l("div", {
-								title: `${e}: ${t}`,
-								style: {
-									width: 36,
-									height: 36,
-									borderRadius: 6,
-									background: t,
-									border: `2px solid ${h.border}`,
-									cursor: "default",
-									flexShrink: 0
-								}
-							}, e))
-						})]
-					})
-				]
-			}),
-			typeof B == "function" && null,
-			typeof c.bg == "string" && null
-		]
-	});
-}
-//#endregion
-//#region src/components/TkxPlayground.tsx
-var z = [
-	"fetch(",
-	"XMLHttpRequest",
-	"navigator.sendBeacon",
-	"document.cookie",
-	"localStorage",
-	"sessionStorage",
-	"indexedDB",
-	"WebSocket",
-	"EventSource",
-	"import(",
-	"eval(",
-	"new Function(",
-	"postMessage",
-	"window.open",
-	"location.href",
-	"location.replace",
-	"location.assign",
-	"document.write",
-	"crypto.subtle"
-];
-function B(e, t) {
-	let n = [...z, ...t ?? []], r = e.toLowerCase();
-	for (let e of n) if (r.includes(e.toLowerCase())) return e;
-	return null;
-}
-var V = [
-	{
-		label: "Hello World",
-		code: "<div style={{ padding: 24, fontFamily: 'sans-serif', color: '#e8e8f4' }}>\n  <h2 style={{ margin: 0 }}>👋 Hello, TkxPlayground!</h2>\n  <p style={{ marginTop: 8, opacity: 0.7 }}>Edit the code on the left to see live updates.</p>\n</div>"
-	},
-	{
-		label: "Button Styles",
-		code: "<div style={{ display: 'flex', gap: 12, flexWrap: 'wrap', padding: 24 }}>\n  {['primary', 'success', 'danger', 'warning', 'info'].map(color => (\n    <button\n      key={color}\n      style={{\n        padding: '8px 18px',\n        borderRadius: 8,\n        border: 'none',\n        background: color === 'primary' ? '#00f5d4' : color === 'success' ? '#06d6a0' : color === 'danger' ? '#f72585' : color === 'warning' ? '#ffbe0b' : '#3a86ff',\n        color: '#0a0a0f',\n        fontWeight: 700,\n        cursor: 'pointer',\n        textTransform: 'capitalize',\n      }}\n    >\n      {color}\n    </button>\n  ))}\n</div>"
-	},
-	{
-		label: "Card Grid",
-		code: "<div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 16, padding: 24 }}>\n  {['Alpha', 'Beta', 'Gamma', 'Delta', 'Epsilon', 'Zeta'].map(name => (\n    <div key={name} style={{\n      background: '#1a1a2e',\n      borderRadius: 10,\n      border: '1px solid #2a2a3e',\n      padding: '16px',\n    }}>\n      <div style={{ fontWeight: 700, color: '#00f5d4', marginBottom: 4 }}>{name}</div>\n      <div style={{ fontSize: 12, color: '#8888aa' }}>Quantum module {name.toLowerCase()}</div>\n    </div>\n  ))}\n</div>"
-	},
-	{
-		label: "Animated Counter",
-		code: "(() => {\n  const [count, setCount] = React.useState(0);\n  return (\n    <div style={{ padding: 32, textAlign: 'center', fontFamily: 'sans-serif' }}>\n      <div style={{ fontSize: 64, fontWeight: 900, color: '#00f5d4', marginBottom: 16 }}>\n        {count}\n      </div>\n      <div style={{ display: 'flex', gap: 12, justifyContent: 'center' }}>\n        <button onClick={() => setCount(c => c - 1)} style={{ padding: '8px 20px', borderRadius: 8, border: '1px solid #2a2a3e', background: '#1a1a2e', color: '#e8e8f4', fontSize: 20, cursor: 'pointer' }}>−</button>\n        <button onClick={() => setCount(0)} style={{ padding: '8px 20px', borderRadius: 8, border: '1px solid #2a2a3e', background: '#1a1a2e', color: '#8888aa', cursor: 'pointer' }}>Reset</button>\n        <button onClick={() => setCount(c => c + 1)} style={{ padding: '8px 20px', borderRadius: 8, border: '1px solid #2a2a3e', background: '#1a1a2e', color: '#e8e8f4', fontSize: 20, cursor: 'pointer' }}>+</button>\n      </div>\n    </div>\n  );\n})()"
-	},
-	{
-		label: "Data Table",
-		code: "(() => {\n  const rows = [\n    { id: 1, name: 'Hydrogen', symbol: 'H', mass: 1.008 },\n    { id: 2, name: 'Helium',   symbol: 'He', mass: 4.003 },\n    { id: 3, name: 'Lithium',  symbol: 'Li', mass: 6.941 },\n    { id: 4, name: 'Carbon',   symbol: 'C',  mass: 12.011 },\n    { id: 5, name: 'Nitrogen', symbol: 'N',  mass: 14.007 },\n  ];\n  const cell = { padding: '8px 14px', borderBottom: '1px solid #2a2a3e', color: '#e8e8f4', fontSize: 13 };\n  const hcell = { ...cell, color: '#8888aa', fontWeight: 600, fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.06em' };\n  return (\n    <div style={{ padding: 16 }}>\n      <table style={{ width: '100%', borderCollapse: 'collapse', fontFamily: 'sans-serif' }}>\n        <thead>\n          <tr>{['ID','Element','Symbol','Atomic Mass'].map(h => <th key={h} style={hcell}>{h}</th>)}</tr>\n        </thead>\n        <tbody>\n          {rows.map(r => (\n            <tr key={r.id} style={{ transition: 'background 0.15s' }}>\n              <td style={cell}>{r.id}</td>\n              <td style={cell}>{r.name}</td>\n              <td style={{ ...cell, color: '#00f5d4', fontWeight: 700 }}>{r.symbol}</td>\n              <td style={cell}>{r.mass}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n})()"
-	}
-], H = class extends r.Component {
-	constructor(e) {
-		super(e), this.state = { hasError: !1 };
-	}
-	static getDerivedStateFromError() {
-		return { hasError: !0 };
-	}
-	componentDidCatch(e) {
-		this.props.onError(e.message);
-	}
-	componentDidUpdate(e) {
-		e.children !== this.props.children && this.state.hasError && this.setState({ hasError: !1 });
-	}
-	render() {
-		return this.state.hasError ? null : this.props.children;
-	}
-};
-function U() {
-	return typeof window > "u" ? null : window.Babel ?? null;
-}
-function W(e, t, n) {
-	let i = performance.now();
-	try {
-		let a = e.trim();
-		if (n?.strictMode !== !1) {
-			let e = B(a, n?.forbiddenTokens);
-			if (e) {
-				let t = parseFloat((performance.now() - i).toFixed(2));
-				return {
-					element: null,
-					error: `Blocked by playground strictMode: code contains "${e}". This token is disallowed because playground snippets run in the page's JavaScript context. If you trust the source, pass strictMode={false} to <TkxPlayground>.`,
-					renderMs: t
-				};
-			}
-		}
-		let o = `
-      function PlaygroundRoot() {
-        ${a.startsWith("<") || a.startsWith("(") ? `return (${a});` : a}
-      }
-    `, s = U();
-		s && (o = s.transform(o, {
-			presets: ["react"],
-			filename: "playground.jsx"
-		}).code ?? o);
-		let c = Function("React", "imports", `
-      "use strict";
-      const { ${Object.keys(t).join(", ")} } = imports;
-      ${o}
-      return PlaygroundRoot;
-    `)(r, t);
-		return {
-			element: r.createElement(c),
-			error: null,
-			renderMs: parseFloat((performance.now() - i).toFixed(2))
-		};
-	} catch (e) {
-		let t = parseFloat((performance.now() - i).toFixed(2));
-		return {
-			element: null,
-			error: e instanceof Error ? e.message : String(e),
-			renderMs: t
-		};
-	}
-}
-function G({ code: e, lineHeight: t }) {
-	let n = e.split("\n");
-	return /* @__PURE__ */ l("div", {
-		"aria-hidden": "true",
-		style: {
-			position: "absolute",
-			top: 0,
-			left: 0,
-			width: "36px",
-			padding: "12px 0",
-			textAlign: "right",
-			paddingRight: "8px",
-			userSelect: "none",
-			pointerEvents: "none",
-			fontSize: "12px",
-			lineHeight: `${t}px`,
-			color: "#555577",
-			fontFamily: "\"Fira Code\", \"Cascadia Code\", \"Consolas\", monospace",
-			boxSizing: "border-box"
-		},
-		children: n.map((e, t) => /* @__PURE__ */ l("div", { children: t + 1 }, t))
-	});
-}
-var K = /* @__PURE__ */ "TkxButton.TkxInput.TkxCard.TkxModal.TkxTable.TkxSelect.TkxCheckbox.TkxRadio.TkxSwitch.TkxSlider.TkxBadge.TkxAlert.TkxToast.TkxTooltip.TkxPopover.TkxTabs.TkxAccordion.TkxDrawer.TkxDropdown.TkxMenu.TkxForm.TkxDataGrid.TkxChart.TkxSpinner.TkxSkeleton.TkxAvatar.TkxTag.TkxDivider.TkxProgress.TkxStatistic.TkxQuantumForm.TkxPlayground".split("."), q = new g();
-function J(e) {
-	let t = e.match(/([A-Z][a-zA-Z0-9]*)$/);
-	return t ? t[1] : "";
-}
-function Y(e, t = 4) {
-	if (!e || e.length < 2) return [];
-	let n = e.toLowerCase();
-	return q.amplify(K, (e) => {
-		let t = e.toLowerCase();
-		if (t.startsWith(n)) return 1;
-		if (t.includes(n)) return .7;
-		let r = 0;
-		for (let e = 0; e < n.length - 1; e++) t.includes(n.slice(e, e + 2)) && (r += .15);
-		return Math.min(r, .5);
-	}, .1).slice(0, t).map((e) => ({
-		name: K[e.index] ?? "",
-		amplitude: parseFloat(e.combined.toFixed(3))
-	})).filter((e) => e.name !== "");
-}
-function X({ defaultCode: t, examples: n, height: r = 480, imports: c = {}, strictMode: d = !0, forbiddenTokens: f }) {
-	let p = e(), m = [...V, ...n ?? []], h = t ?? V[0].code, [g, _] = s(h), [v, y] = s({
-		element: null,
-		error: null,
-		renderMs: 0
-	}), [b, x] = s(null), [S, C] = s([]), [w, T] = s(!1), [E, D] = s(0), O = o(null), k = o(null), A = i((e) => {
-		x(null), y(W(e, c, {
-			strictMode: d,
-			forbiddenTokens: f
-		}));
-	}, [
-		c,
-		d,
-		f
-	]);
-	a(() => (k.current && clearTimeout(k.current), k.current = setTimeout(() => A(g), 300), () => {
-		k.current && clearTimeout(k.current);
-	}), [g, A]), a(() => {
-		A(h);
-	}, []);
-	let j = i((e) => {
-		let t = e.target.value;
-		_(t);
-		let n = J(t);
-		n.length >= 2 ? C(Y(n, 4)) : C([]);
-	}, []), M = i((e) => {
-		let t = m[e];
-		t && (D(e), _(t.code), C([]));
-	}, [m]), N = i(async () => {
-		try {
-			await navigator.clipboard.writeText(g), T(!0), setTimeout(() => T(!1), 1500);
-		} catch {}
-	}, [g]), P = i(() => {
-		_(h), D(0), C([]);
-	}, [h]), F = i((e) => {
-		let t = J(g);
-		t && _((n) => n.slice(0, n.lastIndexOf(t)) + e), C([]);
-	}, [g]), I = v.error !== null || b !== null, L = v.error ?? b ?? "", R = p.bg, z = p.surfaceAlt, B = p.border, U = p.surface, K = {
-		width: "50%",
-		display: "flex",
-		flexDirection: "column",
-		borderRight: `1px solid ${B}`,
-		position: "relative"
-	}, q = {
-		display: "flex",
-		alignItems: "center",
-		gap: "6px",
-		padding: "6px 10px",
-		borderBottom: `1px solid ${B}`,
-		backgroundColor: p.surface,
-		flexWrap: "wrap"
-	}, X = {
-		padding: "3px 10px",
-		borderRadius: "6px",
-		border: `1px solid ${B}`,
-		backgroundColor: "transparent",
-		color: p.textMuted,
-		fontSize: "11px",
-		fontWeight: 600,
-		cursor: "pointer",
-		fontFamily: "inherit",
-		transition: "color 0.15s, border-color 0.15s"
-	};
-	return /* @__PURE__ */ u("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			border: `1px solid ${B}`,
-			borderRadius: "12px",
-			overflow: "hidden",
-			backgroundColor: R,
-			fontFamily: "inherit",
-			boxSizing: "border-box",
-			position: "relative"
-		},
-		children: [
-			/* @__PURE__ */ u("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "space-between",
-					padding: "8px 14px",
-					borderBottom: `1px solid ${B}`,
-					backgroundColor: p.surface
-				},
-				children: [/* @__PURE__ */ l("span", {
-					style: {
-						fontSize: "12px",
-						fontWeight: 700,
-						color: p.primary,
-						letterSpacing: "0.05em"
-					},
-					children: "⚛ TkxPlayground"
-				}), /* @__PURE__ */ l("span", {
-					style: {
-						fontSize: "10px",
-						color: p.textMuted
-					},
-					children: "Live JSX Preview"
-				})]
-			}),
-			/* @__PURE__ */ l("div", {
-				style: {
-					display: "flex",
-					gap: "4px",
-					padding: "6px 10px",
-					borderBottom: `1px solid ${B}`,
-					backgroundColor: p.surface,
-					overflowX: "auto"
-				},
-				children: m.map((e, t) => /* @__PURE__ */ l("button", {
-					onClick: () => M(t),
-					style: {
-						padding: "3px 10px",
-						borderRadius: "6px",
-						border: `1px solid ${t === E ? p.primary : B}`,
-						backgroundColor: t === E ? `${p.primary}20` : "transparent",
-						color: t === E ? p.primary : p.textMuted,
-						fontSize: "11px",
-						fontWeight: t === E ? 700 : 400,
-						cursor: "pointer",
-						whiteSpace: "nowrap",
-						fontFamily: "inherit",
-						transition: "all 0.15s"
-					},
-					children: e.label
-				}, t))
-			}),
-			/* @__PURE__ */ u("div", {
-				style: {
-					display: "flex",
-					height: `${r}px`
-				},
-				children: [/* @__PURE__ */ u("div", {
-					style: K,
-					children: [
-						/* @__PURE__ */ u("div", {
-							style: q,
-							children: [
-								/* @__PURE__ */ l("span", {
-									style: {
-										fontSize: "11px",
-										color: p.textMuted,
-										marginRight: "auto"
-									},
-									children: "editor.tsx"
-								}),
-								/* @__PURE__ */ l("button", {
-									onClick: N,
-									style: X,
-									title: "Copy code",
-									children: w ? "✓ Copied" : "⎘ Copy"
-								}),
-								/* @__PURE__ */ l("button", {
-									onClick: P,
-									style: X,
-									title: "Reset to default",
-									children: "↺ Reset"
-								})
-							]
-						}),
-						/* @__PURE__ */ u("div", {
-							style: {
-								position: "relative",
-								flex: 1,
-								overflow: "hidden"
-							},
-							children: [/* @__PURE__ */ l(G, {
-								code: g,
-								lineHeight: 18
-							}), /* @__PURE__ */ l("textarea", {
-								ref: O,
-								value: g,
-								onChange: j,
-								spellCheck: !1,
-								autoCorrect: "off",
-								autoCapitalize: "off",
-								style: {
-									position: "absolute",
-									top: 0,
-									left: 0,
-									width: "100%",
-									height: "100%",
-									padding: "12px 12px 12px 44px",
-									margin: 0,
-									border: "none",
-									outline: "none",
-									resize: "none",
-									backgroundColor: R,
-									color: p.text,
-									fontSize: "12px",
-									lineHeight: "18px",
-									fontFamily: "\"Fira Code\", \"Cascadia Code\", \"Consolas\", \"Courier New\", monospace",
-									boxSizing: "border-box",
-									overflowY: "auto",
-									tabSize: 2
-								}
-							})]
-						}),
-						S.length > 0 && /* @__PURE__ */ u("div", {
-							style: {
-								position: "absolute",
-								bottom: "40px",
-								left: "44px",
-								zIndex: 10,
-								backgroundColor: p.surface,
-								border: `1px solid ${p.primary}44`,
-								borderRadius: "8px",
-								overflow: "hidden",
-								boxShadow: "0 4px 16px rgba(0,0,0,0.3)",
-								minWidth: "180px"
-							},
-							children: [/* @__PURE__ */ l("div", {
-								style: {
-									padding: "4px 10px 4px",
-									fontSize: "10px",
-									color: p.primary,
-									fontWeight: 700,
-									borderBottom: `1px solid ${B}`,
-									letterSpacing: "0.05em"
-								},
-								children: "⚛ Quantum Suggestions"
-							}), S.map((e) => /* @__PURE__ */ u("button", {
-								onClick: () => F(e.name),
-								style: {
-									display: "flex",
-									alignItems: "center",
-									justifyContent: "space-between",
-									width: "100%",
-									padding: "6px 10px",
-									border: "none",
-									backgroundColor: "transparent",
-									color: p.text,
-									fontSize: "12px",
-									fontFamily: "\"Fira Code\", monospace",
-									cursor: "pointer",
-									textAlign: "left",
-									gap: "12px"
-								},
-								children: [/* @__PURE__ */ l("span", { children: e.name }), /* @__PURE__ */ u("span", {
-									style: {
-										fontSize: "10px",
-										color: p.textMuted,
-										flexShrink: 0
-									},
-									children: [Math.round(e.amplitude * 100), "%"]
-								})]
-							}, e.name))]
-						})
-					]
-				}), /* @__PURE__ */ u("div", {
-					style: {
-						width: "50%",
-						display: "flex",
-						flexDirection: "column"
-					},
-					children: [/* @__PURE__ */ l("div", {
-						style: {
-							padding: "6px 10px",
-							borderBottom: `1px solid ${B}`,
-							backgroundColor: p.surface,
-							fontSize: "11px",
-							color: p.textMuted,
-							fontWeight: 600
-						},
-						children: "Preview"
-					}), /* @__PURE__ */ l("div", {
-						style: {
-							flex: 1,
-							overflow: "auto",
-							backgroundColor: z,
-							position: "relative"
-						},
-						children: I ? /* @__PURE__ */ u("div", {
-							style: {
-								padding: "16px",
-								color: p.danger,
-								fontFamily: "\"Fira Code\", monospace",
-								fontSize: "12px",
-								lineHeight: 1.6,
-								whiteSpace: "pre-wrap",
-								wordBreak: "break-word"
-							},
-							children: [/* @__PURE__ */ u("div", {
-								style: {
-									marginBottom: "8px",
-									fontWeight: 700,
-									display: "flex",
-									alignItems: "center",
-									gap: "6px"
-								},
-								children: [/* @__PURE__ */ l("svg", {
-									width: "14",
-									height: "14",
-									viewBox: "0 0 24 24",
-									fill: "currentColor",
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ l("path", { d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" })
-								}), "Runtime Error"]
-							}), L]
-						}) : /* @__PURE__ */ l(H, {
-							onError: x,
-							children: /* @__PURE__ */ l("div", {
-								style: { minHeight: "100%" },
-								children: v.element
-							})
-						})
-					})]
-				})]
-			}),
-			/* @__PURE__ */ u("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: "16px",
-					padding: "4px 12px",
-					backgroundColor: U,
-					borderTop: `1px solid ${B}`,
-					fontSize: "11px",
-					color: p.textMuted
-				},
-				children: [
-					/* @__PURE__ */ u("span", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							gap: "4px",
-							color: I ? p.danger : p.success,
-							fontWeight: 600
-						},
-						children: [/* @__PURE__ */ l("span", { style: {
-							width: "6px",
-							height: "6px",
-							borderRadius: "50%",
-							backgroundColor: I ? p.danger : p.success,
-							display: "inline-block"
-						} }), I ? "Error" : "OK"]
-					}),
-					/* @__PURE__ */ u("span", { children: [
-						"⏱ ",
-						v.renderMs,
-						" ms"
-					] }),
-					/* @__PURE__ */ u("span", { children: [g.split("\n").length, " lines"] }),
-					/* @__PURE__ */ u("span", { children: [g.length, " chars"] }),
-					S.length > 0 && /* @__PURE__ */ u("span", {
-						style: {
-							marginLeft: "auto",
-							color: p.primary,
-							fontWeight: 600
-						},
-						children: [
-							"⚛ ",
-							S.length,
-							" suggestion",
-							S.length > 1 ? "s" : ""
-						]
-					})
-				]
-			})
-		]
-	});
-}
-X.displayName = "TkxPlayground";
-//#endregion
-export { g as AmplitudeAmplifier, D as QuantumAI, m as QuantumAnnealer, h as QuantumBoltzmannMachine, p as QuantumRegister, f as Qubit, X as TkxPlayground, N as TkxQuantumForm, R as TkxThemeBuilder, y as hslToHex, v as inferFieldIntelligence, E as optimizeThemeColors };
+import{f as e}from"./chunk-PJ50l0JC.js";import{E as t,a as n}from"./chunk-DnCXUUx5.js";import r,{useCallback as o,useEffect as i,useRef as a,useState as l}from"react";import{Fragment as s,jsx as d,jsxs as c}from"react/jsx-runtime";var p=class e{constructor(e,t){this.re=e,this.im=t}add(t){return new e(this.re+t.re,this.im+t.im)}sub(t){return new e(this.re-t.re,this.im-t.im)}mul(t){return new e(this.re*t.re-this.im*t.im,this.re*t.im+this.im*t.re)}scale(t){return new e(this.re*t,this.im*t)}conjugate(){return new e(this.re,-this.im)}magnitudeSquared(){return this.re*this.re+this.im*this.im}magnitude(){return Math.sqrt(this.magnitudeSquared())}static fromPolar(t,n){return new e(t*Math.cos(n),t*Math.sin(n))}static zero(){return new e(0,0)}static one(){return new e(1,0)}},h=class e{constructor(e=p.one(),t=p.zero()){this.alpha=e,this.beta=t,this.normalize()}normalize(){const e=Math.sqrt(this.alpha.magnitudeSquared()+this.beta.magnitudeSquared());e>0&&(this.alpha=this.alpha.scale(1/e),this.beta=this.beta.scale(1/e))}hadamard(){const t=1/Math.SQRT2;return new e(this.alpha.add(this.beta).scale(t),this.alpha.sub(this.beta).scale(t))}ry(t){const n=Math.cos(t/2),r=Math.sin(t/2);return new e(this.alpha.scale(n).sub(this.beta.scale(r)),this.alpha.scale(r).add(this.beta.scale(n)))}phase(t){const n=p.fromPolar(1,t);return new e(this.alpha,this.beta.mul(n))}measure(){const e=this.beta.magnitudeSquared();return Math.random()<e?1:0}expectation(){return this.beta.magnitudeSquared()}getAlpha(){return this.alpha}getBeta(){return this.beta}},u=class{constructor(e){this.qubits=Array.from({length:e},()=>new h)}get size(){return this.qubits.length}getQubit(e){return this.qubits[e]}superpose(){this.qubits=this.qubits.map(e=>e.hadamard())}cnot(e,t){const n=this.qubits[e],r=this.qubits[t],o=n.expectation();this.qubits[t]=r.ry(Math.PI*o)}rotate(e,t){this.qubits[e]=this.qubits[e].ry(t)}measure(){return this.qubits.map(e=>e.measure())}probs(){return this.qubits.map(e=>e.expectation())}},g=class{constructor(e=1,t=.995,n=.3,r=1e-6){this.temperature=e,this.coolingRate=t,this.tunnelingStrength=n,this.minTemp=r}anneal(e,t,n,r=1e3){let o=e,i=t(o),a=o,l=i,s=this.temperature,d=0,c=0;for(let p=0;p<r&&s>this.minTemp;p++){const e=n(o),r=t(e),p=r-i;let h=!1;if(p<=0)h=!0;else{const e=Math.exp(-p/s),t=Math.sqrt(2*Math.abs(p)),n=Math.abs(p),r=Math.exp(-2*t*Math.sqrt(n)*this.tunnelingStrength);Math.random()<e+r&&(h=!0,Math.random()<r/(e+r+1e-10)&&c++)}h&&(o=e,i=r,d++,i<l&&(a=o,l=i)),s*=this.coolingRate}return{state:a,energy:l,iterations:r,accepted:d,tunnels:c}}},m=class{constructor(e,t){const n=Math.sqrt(2/(e+t));this.weights=Array.from({length:e},()=>Array.from({length:t},()=>(2*Math.random()-1)*n)),this.visibleBias=Array.from({length:e},()=>0),this.hiddenBias=Array.from({length:t},()=>0)}sigmoid(e){const t=.1*(Math.random()-.5);return 1/(1+Math.exp(-(e+t)))}sample(e){return Math.random()<e?1:0}energy(e,t){const n=this.visibleBias.reduce((t,n,r)=>t+n*e[r],0),r=this.hiddenBias.reduce((e,n,r)=>e+n*t[r],0);let o=0;for(let i=0;i<e.length;i++)for(let n=0;n<t.length;n++)o+=e[i]*this.weights[i][n]*t[n];return-(n+r+o)}hiddenProbs(e){return this.hiddenBias.map((t,n)=>{const r=t+e.reduce((e,t,r)=>e+this.weights[r][n]*t,0);return this.sigmoid(r)})}visibleProbs(e){return this.visibleBias.map((t,n)=>{const r=t+e.reduce((e,t,r)=>e+this.weights[n][r]*t,0);return this.sigmoid(r)})}gibbs(e,t=1){let n=[...e],r=[];for(let o=0;o<t;o++)r=this.hiddenProbs(n).map(e=>this.sample(e)),n=this.visibleProbs(r).map(e=>this.sample(e));return{visible:n,hidden:r}}trainCD1(e,t=.01){const n=this.visibleBias.length,r=this.hiddenBias.length,o=Array.from({length:n},()=>Array(r).fill(0)),i=Array(n).fill(0),a=Array(r).fill(0);for(const s of e){const e=this.hiddenProbs(s),t=e.map(e=>this.sample(e)),l=this.visibleProbs(t).map(e=>this.sample(e)),d=this.hiddenProbs(l);for(let a=0;a<n;a++){for(let t=0;t<r;t++)o[a][t]+=s[a]*e[t]-l[a]*d[t];i[a]+=s[a]-l[a]}for(let n=0;n<r;n++)a[n]+=e[n]-d[n]}const l=e.length;for(let s=0;s<n;s++){for(let e=0;e<r;e++)this.weights[s][e]+=t*o[s][e]/l;this.visibleBias[s]+=t*i[s]/l}for(let s=0;s<r;s++)this.hiddenBias[s]+=t*a[s]/l}infer(e){const t=this.hiddenProbs(e),n=t.map(e=>this.sample(e));return{hidden:t,visible:this.visibleProbs(n),energy:this.energy(e,n),iterations:1}}},f=class{amplify(e,t,n=.5){const r=e.length;if(0===r)return[];const o=e.map(t),i=o.filter(e=>e>n).length,a=Math.max(1,i);let l=Array(r).fill(1/Math.sqrt(r));const s=Math.max(1,Math.floor(Math.PI/4*Math.sqrt(r/a)));for(let d=0;d<s;d++){for(let t=0;t<r;t++)o[t]>n&&(l[t]=-l[t]);const e=l.reduce((e,t)=>e+t,0)/r;l=l.map(t=>2*e-t)}return e.map((e,t)=>({index:t,amplitude:l[t],probability:l[t]*l[t],classicalSimilarity:o[t],combined:l[t]*l[t]*.6+.4*o[t]})).sort((e,t)=>t.combined-e.combined)}},y=[{keywords:["email","e-mail","mail"],type:"email",validations:[{rule:"required",message:"Email is required"},{rule:"pattern",value:"^[^@]+@[^@]+\\.[^@]+$",message:"Enter a valid email address"},{rule:"maxLength",value:254,message:"Email too long"}],placeholder:"you@example.com",label:"Email Address",confidence:.98},{keywords:["password","passwd","pwd","pass"],type:"password",validations:[{rule:"required",message:"Password is required"},{rule:"minLength",value:8,message:"Password must be at least 8 characters"},{rule:"pattern",value:"(?=.*[A-Z])(?=.*[0-9])",message:"Include uppercase and a number"}],placeholder:"••••••••",label:"Password",confidence:.97},{keywords:["confirm_password","confirmpassword","confirm_pass","repassword","password2","repeat_password"],type:"password",validations:[{rule:"required",message:"Please confirm your password"},{rule:"match",value:"password",message:"Passwords do not match"}],placeholder:"••••••••",label:"Confirm Password",confidence:.95},{keywords:["phone","mobile","cell","tel","telephone","contact_number"],type:"tel",validations:[{rule:"pattern",value:"^[+]?[(]?[0-9]{3}[)]?[-\\s.]?[0-9]{3}[-\\s.]?[0-9]{4,6}$",message:"Enter a valid phone number"}],placeholder:"+1 (555) 000-0000",label:"Phone Number",confidence:.93},{keywords:["age"],type:"number",validations:[{rule:"min",value:0,message:"Age cannot be negative"},{rule:"max",value:150,message:"Enter a valid age"},{rule:"integer",message:"Age must be a whole number"}],placeholder:"25",label:"Age",confidence:.9},{keywords:["price","amount","cost","fee","payment","salary","wage","total"],type:"number",validations:[{rule:"min",value:0,message:"Amount cannot be negative"},{rule:"pattern",value:"^\\d+(\\.\\d{1,2})?$",message:"Enter a valid amount (e.g. 9.99)"}],placeholder:"0.00",label:"Amount",confidence:.88},{keywords:["url","website","site","link","homepage","web"],type:"url",validations:[{rule:"pattern",value:"https?://.+",message:"Enter a valid URL starting with http:// or https://"}],placeholder:"https://example.com",label:"Website URL",confidence:.92},{keywords:["zip","zipcode","postal","postcode","pin_code"],type:"text",validations:[{rule:"pattern",value:"^[0-9]{5}(-[0-9]{4})?$",message:"Enter a valid ZIP code (e.g. 12345)"}],placeholder:"12345",label:"ZIP / Postal Code",confidence:.91},{keywords:["date","dob","birthday","birth_date","birthdate","born"],type:"date",validations:[{rule:"required",message:"Date is required"}],placeholder:"YYYY-MM-DD",label:"Date of Birth",confidence:.89},{keywords:["first_name","firstname","fname","given_name"],type:"text",validations:[{rule:"minLength",value:2,message:"First name too short"},{rule:"maxLength",value:50,message:"First name too long"}],placeholder:"Jane",label:"First Name",confidence:.9},{keywords:["last_name","lastname","lname","surname","family_name"],type:"text",validations:[{rule:"minLength",value:2,message:"Last name too short"},{rule:"maxLength",value:50,message:"Last name too long"}],placeholder:"Doe",label:"Last Name",confidence:.9},{keywords:["name","full_name","fullname","display_name"],type:"text",validations:[{rule:"minLength",value:2,message:"Name too short"},{rule:"maxLength",value:100,message:"Name too long"}],placeholder:"Jane Doe",label:"Full Name",confidence:.85},{keywords:["username","user_name","handle","login","loginname"],type:"text",validations:[{rule:"minLength",value:3,message:"Username must be at least 3 characters"},{rule:"maxLength",value:32,message:"Username too long"},{rule:"pattern",value:"^[a-zA-Z0-9_.-]+$",message:"Only letters, numbers, _, - and . allowed"}],placeholder:"cooluser42",label:"Username",confidence:.94},{keywords:["bio","biography","about","description","summary","details"],type:"textarea",validations:[{rule:"maxLength",value:500,message:"Bio must be under 500 characters"}],placeholder:"Tell us about yourself...",label:"Bio",confidence:.87},{keywords:["message","comment","feedback","note","notes","remarks","body"],type:"textarea",validations:[{rule:"minLength",value:10,message:"Message too short"},{rule:"maxLength",value:2e3,message:"Message too long"}],placeholder:"Write your message here...",label:"Message",confidence:.86},{keywords:["search","query","q","keyword","find"],type:"search",validations:[],placeholder:"Search...",label:"Search",confidence:.9},{keywords:["otp","one_time_password","verification_code","pin","code"],type:"text",validations:[{rule:"minLength",value:4,message:"Code too short"},{rule:"maxLength",value:8,message:"Code too long"},{rule:"pattern",value:"^[0-9]+$",message:"Code must be numeric"}],placeholder:"123456",label:"Verification Code",confidence:.92},{keywords:["color","colour","hex_color","brand_color"],type:"color",validations:[],placeholder:"#3b82f6",label:"Color",confidence:.95},{keywords:["address","street","street_address","addr"],type:"text",validations:[{rule:"maxLength",value:200,message:"Address too long"}],placeholder:"123 Main Street",label:"Street Address",confidence:.87},{keywords:["city","town","municipality"],type:"text",validations:[{rule:"maxLength",value:100,message:"City name too long"}],placeholder:"San Francisco",label:"City",confidence:.89},{keywords:["country","nation","country_code"],type:"text",validations:[],placeholder:"United States",label:"Country",confidence:.88},{keywords:["company","organization","org","employer","company_name"],type:"text",validations:[{rule:"maxLength",value:200,message:"Company name too long"}],placeholder:"Acme Inc.",label:"Company",confidence:.87}];function x(e){const t=e.toLowerCase().replace(/[\s-]/g,"_"),n=(new f).amplify(y,e=>{let n=0;for(const r of e.keywords)t===r?n=Math.max(n,1):t.includes(r)||r.includes(t)?n=Math.max(n,.8):r.split("_").some(e=>t.includes(e))&&(n=Math.max(n,.5));return n},.3);if(n.length>0&&n[0].combined>.1){const e=y[n[0].index];return{type:e.type,validations:e.validations,placeholder:e.placeholder,confidence:Math.min(e.confidence*n[0].combined*2,.99),label:e.label}}return{type:"text",validations:[{rule:"maxLength",value:255,message:"Input too long"}],placeholder:e.replace(/_/g," "),confidence:.3,label:e.replace(/_/g," ").replace(/\b\w/g,e=>e.toUpperCase())}}function b(e,t,n){const r=n/100,o=t/100*Math.min(r,1-r),i=t=>{const n=(t+e/30)%12,i=r-o*Math.max(Math.min(n-3,9-n,1),-1);return Math.round(255*i).toString(16).padStart(2,"0")};return`#${i(0)}${i(8)}${i(4)}`}function v(e){const[t,n,r]=function(e){const t=e.replace("#",""),n=3===t.length?t.split("").map(e=>e+e).join(""):t;return[parseInt(n.slice(0,2),16),parseInt(n.slice(2,4),16),parseInt(n.slice(4,6),16)]}(e).map(e=>{const t=e/255;return t<=.03928?t/12.92:((t+.055)/1.055)**2.4});return.2126*t+.7152*n+.0722*r}function k(e,t){const n=v(e),r=v(t);return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function w(e,t,n){return Math.max(t,Math.min(n,e))}function S(e,t,n=800){const r=t?{primary:{h:e,s:70,l:55},secondary:{h:(e+137.5)%360,s:65,l:50},bg:{h:e,s:10,l:8},surface:{h:e,s:10,l:13},text:{h:e,s:15,l:90},border:{h:e,s:15,l:22},accent:{h:(e+120)%360,s:75,l:60}}:{primary:{h:e,s:65,l:40},secondary:{h:(e+137.5)%360,s:55,l:38},bg:{h:e,s:15,l:97},surface:{h:e,s:12,l:100},text:{h:e,s:15,l:12},border:{h:e,s:12,l:85},accent:{h:(e+120)%360,s:70,l:42}};return function(e,t){const n=e=>b(e.h,e.s,e.l),r=t?e.text.l-20:e.text.l+15;return{primary:n(e.primary),secondary:n(e.secondary),background:n(e.bg),surface:n(e.surface),text:n(e.text),textMuted:b(e.text.h,Math.max(0,e.text.s-10),Math.max(20,Math.min(85,r))),border:n(e.border),error:t?"#f87171":"#dc2626",warning:t?"#fbbf24":"#d97706",success:t?"#34d399":"#059669",accent:n(e.accent)}}(new g(1.5,.994,.35,1e-5).anneal(r,e=>function(e,t){let n=0;const r=e=>b(e.h,e.s,e.l),o=r(e.text),i=r(e.bg),a=r(e.surface),l=r(e.primary),s=k(o,i),d=k(o,a),c=k(l,i);s<4.5&&(n+=10*(4.5-s)),d<4.5&&(n+=8*(4.5-d)),c<3&&(n+=5*(3-c)),n+=.05*Math.abs((e.secondary.h-e.primary.h+360)%360-137.508),n+=.03*Math.abs((e.accent.h-e.primary.h+360)%360-120);const p=(e.primary.s+e.secondary.s)/2;p<20&&(n+=.5*(20-p)),p>90&&(n+=.5*(p-90));const h=e.bg.l;t?(h>25&&(n+=2*(h-25)),h<3&&(n+=2*(3-h)),e.text.l<70&&(n+=1.5*(70-e.text.l))):(h<90&&(n+=2*(90-h)),h>100&&(n+=2*(h-100)),e.text.l>30&&(n+=1.5*(e.text.l-30)));const u=Math.abs(e.surface.l-e.bg.l);return u<2&&(n+=2*(2-u)),u>12&&(n+=1*(u-12)),n}(e,t),e=>{const t=["primary","secondary","bg","surface","text","border","accent"],n=t[Math.floor(Math.random()*t.length)],r=["h","s","l"],o=r[Math.floor(Math.random()*r.length)],i=(Math.random()-.5)*("h"===o?30:15),a={...e,[n]:{...e[n]}};return a[n]="h"===o?{...a[n],h:(e[n].h+i+360)%360}:"s"===o?{...a[n],s:w(e[n].s+i,0,100)}:{...a[n],l:w(e[n].l+i,0,100)},a},n).state,t)}var C={qubit:()=>new h,register:e=>new u(e),annealer:(e,t,n)=>new g(e,t,n),qbm:(e,t)=>new m(e,t),amplifier:()=>new f,inferField:x,optimizeTheme:S,contrast:k,hslToHex:b};function M(e,t,n,r){const o=n.trim();switch(e){case"required":return""!==o;case"email":case"pattern":if("string"==typeof t)try{return""===o||new RegExp(t).test(o)}catch{return!0}return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o);case"phone":return""===o||/^\+?[\d\s\-()]{7,15}$/.test(o);case"url":return""===o||/^https?:\/\/.+/.test(o);case"minLength":case"min":{const e=Number(t??0);return""===o||(isNaN(Number(o))?o.length>=e:Number(o)>=e)}case"maxLength":case"max":{const e=Number(t??1/0);return""===o||(isNaN(Number(o))?o.length<=e:Number(o)<=e)}case"integer":return""===o||/^\d+$/.test(o);case"alphanumeric":return""===o||/^[a-zA-Z0-9]+$/.test(o);case"match":return o===(r["string"==typeof t?t:"password"]??"");default:return!0}}function z({phase:e,collapsed:t,primaryColor:n,borderColor:r}){const o=12,i=t?0:e,a=t?0:1.618*e,l=o+10*Math.sin(i)*Math.cos(a),s=12-10*Math.cos(i);/* @__PURE__ */
+return c("svg",{width:"24",height:"24",viewBox:"0 0 24 24","aria-hidden":"true",style:{flexShrink:0,opacity:t?.4:1,transition:"opacity 0.6s"},children:[
+/* @__PURE__ */d("circle",{cx:o,cy:12,r:10,fill:"none",stroke:r,strokeWidth:"0.8"}),
+/* @__PURE__ */d("ellipse",{cx:o,cy:12,rx:10,ry:3,fill:"none",stroke:r,strokeWidth:"0.5",strokeDasharray:"2 2"}),
+/* @__PURE__ */d("line",{x1:o,y1:2,x2:o,y2:22,stroke:r,strokeWidth:"0.5"}),
+/* @__PURE__ */d("line",{x1:o,y1:12,x2:l,y2:s,stroke:n,strokeWidth:"1.5",style:{transition:t?"all 0.6s ease-out":"none"}}),
+/* @__PURE__ */d("circle",{cx:l,cy:s,r:"2",fill:n,style:{transition:t?"all 0.6s ease-out":"none"}})]})}function T({confidence:e,theme:t}){const n=Math.round(100*e),r=n>=80?t.success:n>=60?t.warning:t.danger;/* @__PURE__ */
+return c("span",{style:{display:"inline-flex",alignItems:"center",gap:"2px",fontSize:"10px",fontWeight:600,padding:"1px 5px",borderRadius:"999px",backgroundColor:`${r}22`,color:r,border:`1px solid ${r}44`,marginLeft:"6px",verticalAlign:"middle",letterSpacing:"0.03em"},children:["⚛ ",n,"%"]})}function $({config:e,intel:n,qubitPhase:r,value:o,error:i,touched:a,showConfidence:l,showQuantumState:s,collapsed:p,onChange:h,onBlur:u,theme:g,mounted:m,index:f}){const y=e.type??n.type,x=e.label??n.label,b=e.placeholder??n.placeholder,v=void 0!==e.required?e.required:n.validations.some(e=>"required"===e.rule),k=t(x),w="textarea"===y,S=a&&""!==i,C=`qf-${e.name}`,M={width:"100%",padding:"9px 12px",border:`1.5px solid ${S?g.danger:g.border}`,borderRadius:"8px",backgroundColor:g.surface,color:g.text,fontSize:"14px",fontFamily:"inherit",outline:"none",boxSizing:"border-box",transition:"border-color 0.15s, box-shadow 0.15s",resize:w?"vertical":void 0,minHeight:w?"80px":void 0};/* @__PURE__ */
+return c("div",{style:{display:"flex",flexDirection:"column",gap:"4px",opacity:m?1:0,transform:m?"scaleY(1)":"scaleY(0.92)",transition:`opacity 0.35s ease ${60*f}ms, transform 0.35s ease ${60*f}ms`,transformOrigin:"top"},children:[
+/* @__PURE__ */c("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[s&&/* @__PURE__ */d(z,{phase:r,collapsed:p,primaryColor:g.primary,borderColor:g.border}),
+/* @__PURE__ */c("label",{htmlFor:C,style:{fontSize:"13px",fontWeight:500,color:g.text,cursor:"pointer"},children:[k,v&&/* @__PURE__ */d("span",{"aria-hidden":"true",style:{color:g.danger,marginLeft:"3px"},children:"*"})]}),l&&/* @__PURE__ */d(T,{confidence:n.confidence,theme:g})]}),w?/* @__PURE__ */d("textarea",{id:C,value:o,onChange:e=>h(e.target.value),onBlur:u,placeholder:b,"aria-invalid":S,"aria-required":v,style:M}):/* @__PURE__ */d("input",{id:C,type:y,value:o,onChange:e=>h(e.target.value),onBlur:u,placeholder:b,"aria-invalid":S,"aria-required":v,style:M}),S&&/* @__PURE__ */c("span",{role:"alert",style:{fontSize:"12px",color:g.danger,display:"flex",alignItems:"center",gap:"4px"},children:[/* @__PURE__ */d("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:/* @__PURE__ */d("path",{d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"})}),t(i)]})]})}function A(e){let t=2166136261;for(let n=0;n<e.length;n++)t^=e.charCodeAt(n),t=Math.imul(t,16777619)>>>0;return(65535&t)/65535*Math.PI*2}function W({fields:r,onSubmit:a,submitLabel:p="Submit",layout:h="vertical",showConfidence:u=!0,showQuantumState:g=!1}){const m=e(),f=r.map(e=>x(e.name)),[y,b]=l(()=>Object.fromEntries(r.map(e=>[e.name,""]))),[v,k]=l({}),[w,S]=l({}),[C,z]=l(!1),[T,W]=l(!1),[R,B]=l(!1);i(()=>{const e=requestAnimationFrame(()=>W(!0));return()=>cancelAnimationFrame(e)},[]);const F=o((e,t)=>{const n=r.find(t=>t.name===e),o=f[r.findIndex(t=>t.name===e)];if(!n||!o)return"";const i=t[e]??"";for(const{rule:r,value:a,message:l}of o.validations)if(("required"!==r||!1!==n.required)&&!M(r,a,i,t))return l;return""},[r]),L=o(e=>{const t={};for(const n of r){const r=F(n.name,e);r&&(t[n.name]=r)}return t},[r,F]),I=o((e,t)=>{b(n=>{const o={...n,[e]:t};if(w[e]&&(k(t=>({...t,[e]:F(e,o)})),"password"===e)){const e=r.find(e=>["confirmpassword","confirm_password","passwordconfirm"].includes(e.name.toLowerCase().replace(/[\s_-]/g,"")))?.name;e&&w[e]&&k(t=>({...t,[e]:F(e,o)}))}return o}),B(!0)},[r,w,F]),P=o(e=>{S(t=>({...t,[e]:!0})),k(t=>({...t,[e]:F(e,y)}))},[y,F]),E=o(async e=>{e.preventDefault(),S(Object.fromEntries(r.map(e=>[e.name,!0])));const t=L(y);if(k(t),!(Object.keys(t).length>0)){z(!0);try{await a(y)}finally{z(!1)}}},[r,y,L,a]),_=f.length>0?Math.round(f.reduce((e,t)=>e+t.confidence,0)/f.length*100):0,q=_>=80?m.success:_>=60?m.warning:m.danger,D="horizontal"===h;/* @__PURE__ */
+return c("form",{onSubmit:E,noValidate:!0,className:n("w-full"),style:{backgroundColor:m.surface,border:`1px solid ${m.border}`,borderRadius:"12px",padding:"24px",position:"relative",boxSizing:"border-box"},children:[
+/* @__PURE__ */d("span",{"aria-label":"Powered by Quantum AI",style:{position:"absolute",top:"16px",right:"16px",fontSize:"10px",fontWeight:700,padding:"3px 8px",borderRadius:"999px",backgroundColor:`${m.primary}20`,color:m.primary,border:`1px solid ${m.primary}44`,letterSpacing:"0.04em",userSelect:"none"},children:"⚛ Quantum AI"}),u&&/* @__PURE__ */c("div",{style:{marginBottom:"20px",paddingRight:"100px"},children:[/* @__PURE__ */c("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"4px"},children:[/* @__PURE__ */d("span",{style:{fontSize:"11px",color:m.textMuted,fontWeight:500},children:"Form Intelligence Confidence"}),/* @__PURE__ */c("span",{style:{fontSize:"11px",fontWeight:700,color:q},children:[_,"%"]})]}),/* @__PURE__ */d("div",{style:{height:"4px",borderRadius:"4px",backgroundColor:m.border,overflow:"hidden"},children:/* @__PURE__ */d("div",{style:{height:"100%",width:`${_}%`,backgroundColor:q,borderRadius:"4px",transition:"width 0.8s ease"}})})]}),
+/* @__PURE__ */d("div",{style:{display:"grid",gridTemplateColumns:D?"repeat(auto-fill, minmax(260px, 1fr))":"1fr",gap:"16px",marginBottom:"20px"},children:r.map((e,t)=>/* @__PURE__ */d($,{config:e,intel:f[t],qubitPhase:A(e.name),value:y[e.name]??"",error:v[e.name]??"",touched:w[e.name]??!1,showConfidence:u,showQuantumState:g,collapsed:R,onChange:t=>I(e.name,t),onBlur:()=>P(e.name),theme:m,mounted:T,index:t},e.name))}),
+/* @__PURE__ */d("button",{type:"submit",disabled:C,style:{width:"100%",padding:"10px 20px",borderRadius:"8px",border:"none",backgroundColor:C?`${m.primary}88`:m.primary,color:m.bg,fontSize:"14px",fontWeight:700,fontFamily:"inherit",cursor:C?"not-allowed":"pointer",transition:"background-color 0.15s, opacity 0.15s",display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"},children:C?/* @__PURE__ */c(s,{children:[/* @__PURE__ */c("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",style:{animation:"qf-spin 0.8s linear infinite"},"aria-hidden":"true",children:[/* @__PURE__ */d("circle",{cx:"12",cy:"12",r:"10",strokeOpacity:"0.25"}),/* @__PURE__ */d("path",{d:"M12 2a10 10 0 0 1 10 10"})]}),"Processing…"]}):t(p)}),
+/* @__PURE__ */d("style",{children:"@keyframes qf-spin { to { transform: rotate(360deg); } }"})]})}function R(e){return e?{primary:"#00f5d4",secondary:"#7b2ff7",background:"#0a0a0f",surface:"#12121a",text:"#e8e8f4",textMuted:"#8888aa",border:"#2a2a3e",error:"#f87171",warning:"#fbbf24",success:"#34d399",accent:"#ff6b6b"}:{primary:"#0d7c5f",secondary:"#6930c3",background:"#f8f6f1",surface:"#ffffff",text:"#1a1815",textMuted:"#6b6560",border:"#ddd8cc",error:"#dc2626",warning:"#d97706",success:"#059669",accent:"#e05a00"}}function B({points:e,primary:t}){if(e.length<2)/* @__PURE__ */return d("div",{style:{height:48,display:"flex",alignItems:"center",justifyContent:"center",color:"#888",fontSize:12},children:"Waiting for data..."});const n=Math.max(...e.map(e=>e.energy)),r=Math.min(...e.map(e=>e.energy)),o=n-r||1,i=e[e.length-1].iteration||1;/* @__PURE__ */
+return c("svg",{width:280,height:48,style:{display:"block"},children:[
+/* @__PURE__ */d("polyline",{points:e.map(e=>{const t=e.iteration/i*280,n=48-(e.energy-r)/o*44-2;return`${t.toFixed(1)},${n.toFixed(1)}`}).join(" "),fill:"none",stroke:t,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",opacity:.9}),
+/* @__PURE__ */c("text",{x:2,y:10,fontSize:9,fill:"#888",children:["E=",n.toFixed(1)]}),
+/* @__PURE__ */c("text",{x:2,y:46,fontSize:9,fill:"#888",children:["E=",r.toFixed(1)]})]})}function F({label:e,value:t,onChange:n,text:r,border:o}){/* @__PURE__ */
+return c("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:6},children:[
+/* @__PURE__ */d("input",{type:"color",value:t,onChange:e=>n(e.target.value),style:{width:32,height:32,border:`1px solid ${o}`,borderRadius:6,padding:2,cursor:"pointer",background:"transparent"}}),
+/* @__PURE__ */d("div",{style:{width:60,height:28,borderRadius:6,background:t,border:`1px solid ${o}`}}),
+/* @__PURE__ */d("span",{style:{flex:1,fontSize:13,color:r,fontFamily:"monospace"},children:e}),
+/* @__PURE__ */d("code",{style:{fontSize:12,color:r,opacity:.7,fontFamily:"monospace"},children:t})]})}function L({label:e,ratio:t}){const n=t>=4.5,r=t>=4.5,o=t>=7;/* @__PURE__ */
+return c("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:4},children:[
+/* @__PURE__ */d("span",{style:{fontSize:11,opacity:.8,minWidth:140},children:e}),
+/* @__PURE__ */c("span",{style:{fontSize:12,fontWeight:600},children:[t.toFixed(2),":1"]}),
+/* @__PURE__ */d("span",{style:{fontSize:11,color:r?"#22c55e":"#ef4444"},children:r?"✓ AA":"✗ AA"}),
+/* @__PURE__ */d("span",{style:{fontSize:11,color:o?"#22c55e":"#888"},children:o?"✓ AAA":"— AAA"}),
+/* @__PURE__ */d("span",{style:{fontSize:13},children:n?"✅":"❌"})]})}function I({onThemeChange:t,initialHue:r=210,initialMode:i="dark"}){const s=e(),[p,h]=l(i),[u,g]=l(r),[m,f]=l(()=>R("dark"===i)),[y,x]=l(!1),[b,v]=l([]),[k,w]=l(!1),S=a(null),M="dark"===p,z=o((e,n)=>{f(r=>{const o={...r,[e]:n};return t?.(o),o})},[t]),T=o(()=>{if(y)return;x(!0),v([]);let e=0;const n=[],r=()=>{e+=60,C.optimizeTheme(u,M,e);const o=e/600,i=50*(1-o)+2,a=8*(Math.random()-.5)*(1-.8*o);if(n.push({iteration:e,energy:Math.max(0,i+a)}),v([...n]),e<600)S.current=window.setTimeout(r,40);else{const e=C.optimizeTheme(u,M,1e3);f(e),t?.(e),x(!1)}};S.current=window.setTimeout(r,16)},[u,M,y,t]),$=o(()=>{const e="dark"===p?"light":"dark";h(e);const n=R("dark"===e);f(n),t?.(n)},[p,t]),A=o(()=>{const e=`export const myTheme = {\n${Object.entries(m).map(([e,t])=>`  ${e}: '${t}',`).join("\n")}\n};`;"undefined"!=typeof navigator&&navigator.clipboard&&navigator.clipboard.writeText(e).then(()=>{w(!0),setTimeout(()=>w(!1),2e3)})},[m]),W=[{label:"Text on Background",fg:m.text,bg:m.background},{label:"Text on Surface",fg:m.text,bg:m.surface},{label:"Primary on Background",fg:m.primary,bg:m.background},{label:"TextMuted on Background",fg:m.textMuted,bg:m.background}],I="linear-gradient(to right,"+["hsl(0,80%,55%)","hsl(30,80%,55%)","hsl(60,80%,55%)","hsl(90,80%,55%)","hsl(120,80%,55%)","hsl(150,80%,55%)","hsl(180,80%,55%)","hsl(210,80%,55%)","hsl(240,80%,55%)","hsl(270,80%,55%)","hsl(300,80%,55%)","hsl(330,80%,55%)","hsl(360,80%,55%)"].join(",")+")",P={fontFamily:"system-ui, -apple-system, sans-serif",background:m.background,color:m.text,border:`1px solid ${m.border}`,borderRadius:12,padding:20,maxWidth:900,display:"grid",gridTemplateColumns:"1fr 1fr",gap:20},E={background:m.surface,border:`1px solid ${m.border}`,borderRadius:8,padding:16},_={fontSize:13,fontWeight:700,textTransform:"uppercase",letterSpacing:"0.08em",color:m.primary,marginBottom:12,marginTop:0},q={padding:"8px 16px",borderRadius:8,border:"none",cursor:"pointer",fontWeight:600,fontSize:13,transition:"opacity 0.15s"},D=n;/* @__PURE__ */
+return c("div",{style:P,children:[
+/* @__PURE__ */c("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[
+/* @__PURE__ */c("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gridColumn:"1/-1"},children:[/* @__PURE__ */c("div",{children:[/* @__PURE__ */d("h2",{style:{margin:0,fontSize:18,fontWeight:700},children:"Theme Builder"}),/* @__PURE__ */d("p",{style:{margin:"2px 0 0",fontSize:12,color:m.textMuted},children:"Quantum-powered color optimization"})]}),/* @__PURE__ */d("button",{onClick:$,style:{...q,background:m.surface,color:m.text,border:`1px solid ${m.border}`},children:M?"☀ Light":"🌙 Dark"})]}),
+/* @__PURE__ */c("div",{style:E,children:[/* @__PURE__ */d("p",{style:_,children:"Base Hue"}),/* @__PURE__ */c("div",{style:{display:"flex",alignItems:"center",gap:10},children:[
+/* @__PURE__ */d("div",{style:{width:24,height:24,borderRadius:"50%",background:`hsl(${u},70%,55%)`,border:`2px solid ${m.border}`,flexShrink:0}}),
+/* @__PURE__ */d("input",{type:"range",min:0,max:360,value:u,onChange:e=>g(Number(e.target.value)),style:{flex:1,height:16,borderRadius:8,background:I,outline:"none",border:"none",cursor:"pointer",appearance:"none",WebkitAppearance:"none"}}),
+/* @__PURE__ */c("span",{style:{fontSize:13,fontFamily:"monospace",minWidth:32},children:[u,"°"]})]})]}),
+/* @__PURE__ */c("div",{style:E,children:[/* @__PURE__ */c("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:10},children:[/* @__PURE__ */d("button",{onClick:T,disabled:y,style:{...q,background:y?m.border:m.primary,color:M?"#000":"#fff",opacity:y?.7:1,flex:1},children:y?"⟳ Optimizing...":"⚛ Generate with Quantum Annealing"}),/* @__PURE__ */d("div",{style:{padding:"3px 8px",background:m.primary+"22",border:`1px solid ${m.primary}44`,borderRadius:20,fontSize:10,color:m.primary,fontWeight:700,whiteSpace:"nowrap"},children:"⚛ Quantum Annealing"})]}),(y||b.length>0)&&/* @__PURE__ */c("div",{children:[/* @__PURE__ */d("p",{style:{fontSize:11,color:m.textMuted,margin:"0 0 4px"},children:"Energy landscape (lower = better palette)"}),/* @__PURE__ */d(B,{points:b,primary:m.primary})]})]}),
+/* @__PURE__ */c("div",{style:E,children:[/* @__PURE__ */d("p",{style:_,children:"Color Tokens"}),Object.keys(m).map(e=>/* @__PURE__ */d(F,{label:e,value:m[e],onChange:t=>z(e,t),text:m.text,border:m.border},e))]}),
+/* @__PURE__ */d("button",{onClick:A,style:{...q,background:m.accent,color:"#fff",width:"100%"},children:k?"✓ Copied to Clipboard!":"⬇ Export Theme"})]}),
+/* @__PURE__ */c("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[
+/* @__PURE__ */c("div",{style:E,children:[
+/* @__PURE__ */d("p",{style:_,children:"Live Preview"}),
+/* @__PURE__ */c("div",{style:{marginBottom:12},children:[/* @__PURE__ */d("p",{style:{fontSize:11,color:m.textMuted,margin:"0 0 6px"},children:"Buttons"}),/* @__PURE__ */c("div",{style:{display:"flex",gap:8,flexWrap:"wrap"},children:[
+/* @__PURE__ */d("button",{style:{padding:"8px 16px",borderRadius:8,border:"none",background:m.primary,color:M?"#000":"#fff",fontWeight:600,fontSize:13,cursor:"pointer"},children:"Primary"}),
+/* @__PURE__ */d("button",{style:{padding:"8px 16px",borderRadius:8,border:"none",background:m.secondary,color:"#fff",fontWeight:600,fontSize:13,cursor:"pointer"},children:"Secondary"}),
+/* @__PURE__ */d("button",{style:{padding:"8px 16px",borderRadius:8,border:`1px solid ${m.border}`,background:"transparent",color:m.text,fontWeight:600,fontSize:13,cursor:"pointer"},children:"Outline"})]})]}),
+/* @__PURE__ */c("div",{style:{marginBottom:12},children:[/* @__PURE__ */d("p",{style:{fontSize:11,color:m.textMuted,margin:"0 0 6px"},children:"Card"}),/* @__PURE__ */c("div",{style:{background:m.surface,border:`1px solid ${m.border}`,borderRadius:8,padding:12},children:[
+/* @__PURE__ */d("div",{style:{fontSize:14,fontWeight:700,marginBottom:4},children:"Card Title"}),
+/* @__PURE__ */d("div",{style:{fontSize:12,color:m.textMuted,lineHeight:1.4},children:"Sample card with surface background and muted text content."}),
+/* @__PURE__ */c("div",{style:{marginTop:8,display:"flex",gap:6},children:[/* @__PURE__ */d("span",{style:{padding:"2px 8px",borderRadius:20,background:m.primary+"33",color:m.primary,fontSize:11,fontWeight:600},children:"Tag"}),/* @__PURE__ */d("span",{style:{padding:"2px 8px",borderRadius:20,background:m.accent+"33",color:m.accent,fontSize:11,fontWeight:600},children:"Accent"})]})]})]}),
+/* @__PURE__ */c("div",{style:{marginBottom:12},children:[/* @__PURE__ */d("p",{style:{fontSize:11,color:m.textMuted,margin:"0 0 6px"},children:"Input"}),/* @__PURE__ */d("input",{type:"text",placeholder:"Type something...",readOnly:!0,style:{width:"100%",padding:"8px 12px",borderRadius:8,border:`1px solid ${m.border}`,background:m.background,color:m.text,fontSize:13,outline:"none",boxSizing:"border-box"}})]}),
+/* @__PURE__ */c("div",{style:{marginBottom:12},children:[/* @__PURE__ */d("p",{style:{fontSize:11,color:m.textMuted,margin:"0 0 6px"},children:"Progress"}),/* @__PURE__ */d("div",{style:{height:8,borderRadius:4,background:m.border,overflow:"hidden"},children:/* @__PURE__ */d("div",{style:{height:"100%",width:"68%",background:`linear-gradient(to right, ${m.primary}, ${m.accent})`,borderRadius:4,transition:"width 0.4s ease"}})})]}),
+/* @__PURE__ */c("div",{children:[/* @__PURE__ */d("p",{style:{fontSize:11,color:m.textMuted,margin:"0 0 6px"},children:"Status Badges"}),/* @__PURE__ */d("div",{style:{display:"flex",gap:6,flexWrap:"wrap"},children:[{label:"Error",color:m.error},{label:"Warning",color:m.warning},{label:"Success",color:m.success}].map(({label:e,color:t})=>/* @__PURE__ */d("span",{style:{padding:"3px 10px",borderRadius:4,background:t+"22",color:t,border:`1px solid ${t}44`,fontSize:11,fontWeight:700},children:e},e))})]})]}),
+/* @__PURE__ */c("div",{style:E,children:[
+/* @__PURE__ */d("p",{style:_,children:"WCAG Contrast Check"}),W.map(e=>/* @__PURE__ */d(L,{label:e.label,ratio:C.contrast(e.fg,e.bg)},e.label)),
+/* @__PURE__ */d("p",{style:{fontSize:10,color:m.textMuted,marginTop:8,marginBottom:0},children:"AA requires 4.5:1 (normal text). AAA requires 7:1."})]}),
+/* @__PURE__ */c("div",{style:E,children:[/* @__PURE__ */d("p",{style:_,children:"Color Palette"}),/* @__PURE__ */d("div",{style:{display:"flex",gap:4,flexWrap:"wrap"},children:Object.entries(m).map(([e,t])=>/* @__PURE__ */d("div",{title:`${e}: ${t}`,style:{width:36,height:36,borderRadius:6,background:t,border:`2px solid ${m.border}`,cursor:"default",flexShrink:0}},e))})]})]}),"function"==typeof D&&null,"string"==typeof s.bg&&null]})}W.displayName="TkxQuantumForm";var P=["fetch(","XMLHttpRequest","navigator.sendBeacon","document.cookie","localStorage","sessionStorage","indexedDB","WebSocket","EventSource","import(","eval(","new Function(","postMessage","window.open","location.href","location.replace","location.assign","document.write","crypto.subtle"],E=[{label:"Hello World",code:"<div style={{ padding: 24, fontFamily: 'sans-serif', color: '#e8e8f4' }}>\n  <h2 style={{ margin: 0 }}>👋 Hello, TkxPlayground!</h2>\n  <p style={{ marginTop: 8, opacity: 0.7 }}>Edit the code on the left to see live updates.</p>\n</div>"},{label:"Button Styles",code:"<div style={{ display: 'flex', gap: 12, flexWrap: 'wrap', padding: 24 }}>\n  {['primary', 'success', 'danger', 'warning', 'info'].map(color => (\n    <button\n      key={color}\n      style={{\n        padding: '8px 18px',\n        borderRadius: 8,\n        border: 'none',\n        background: color === 'primary' ? '#00f5d4' : color === 'success' ? '#06d6a0' : color === 'danger' ? '#f72585' : color === 'warning' ? '#ffbe0b' : '#3a86ff',\n        color: '#0a0a0f',\n        fontWeight: 700,\n        cursor: 'pointer',\n        textTransform: 'capitalize',\n      }}\n    >\n      {color}\n    </button>\n  ))}\n</div>"},{label:"Card Grid",code:"<div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 16, padding: 24 }}>\n  {['Alpha', 'Beta', 'Gamma', 'Delta', 'Epsilon', 'Zeta'].map(name => (\n    <div key={name} style={{\n      background: '#1a1a2e',\n      borderRadius: 10,\n      border: '1px solid #2a2a3e',\n      padding: '16px',\n    }}>\n      <div style={{ fontWeight: 700, color: '#00f5d4', marginBottom: 4 }}>{name}</div>\n      <div style={{ fontSize: 12, color: '#8888aa' }}>Quantum module {name.toLowerCase()}</div>\n    </div>\n  ))}\n</div>"},{label:"Animated Counter",code:"(() => {\n  const [count, setCount] = React.useState(0);\n  return (\n    <div style={{ padding: 32, textAlign: 'center', fontFamily: 'sans-serif' }}>\n      <div style={{ fontSize: 64, fontWeight: 900, color: '#00f5d4', marginBottom: 16 }}>\n        {count}\n      </div>\n      <div style={{ display: 'flex', gap: 12, justifyContent: 'center' }}>\n        <button onClick={() => setCount(c => c - 1)} style={{ padding: '8px 20px', borderRadius: 8, border: '1px solid #2a2a3e', background: '#1a1a2e', color: '#e8e8f4', fontSize: 20, cursor: 'pointer' }}>−</button>\n        <button onClick={() => setCount(0)} style={{ padding: '8px 20px', borderRadius: 8, border: '1px solid #2a2a3e', background: '#1a1a2e', color: '#8888aa', cursor: 'pointer' }}>Reset</button>\n        <button onClick={() => setCount(c => c + 1)} style={{ padding: '8px 20px', borderRadius: 8, border: '1px solid #2a2a3e', background: '#1a1a2e', color: '#e8e8f4', fontSize: 20, cursor: 'pointer' }}>+</button>\n      </div>\n    </div>\n  );\n})()"},{label:"Data Table",code:"(() => {\n  const rows = [\n    { id: 1, name: 'Hydrogen', symbol: 'H', mass: 1.008 },\n    { id: 2, name: 'Helium',   symbol: 'He', mass: 4.003 },\n    { id: 3, name: 'Lithium',  symbol: 'Li', mass: 6.941 },\n    { id: 4, name: 'Carbon',   symbol: 'C',  mass: 12.011 },\n    { id: 5, name: 'Nitrogen', symbol: 'N',  mass: 14.007 },\n  ];\n  const cell = { padding: '8px 14px', borderBottom: '1px solid #2a2a3e', color: '#e8e8f4', fontSize: 13 };\n  const hcell = { ...cell, color: '#8888aa', fontWeight: 600, fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.06em' };\n  return (\n    <div style={{ padding: 16 }}>\n      <table style={{ width: '100%', borderCollapse: 'collapse', fontFamily: 'sans-serif' }}>\n        <thead>\n          <tr>{['ID','Element','Symbol','Atomic Mass'].map(h => <th key={h} style={hcell}>{h}</th>)}</tr>\n        </thead>\n        <tbody>\n          {rows.map(r => (\n            <tr key={r.id} style={{ transition: 'background 0.15s' }}>\n              <td style={cell}>{r.id}</td>\n              <td style={cell}>{r.name}</td>\n              <td style={{ ...cell, color: '#00f5d4', fontWeight: 700 }}>{r.symbol}</td>\n              <td style={cell}>{r.mass}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n})()"}],_=class extends r.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){this.props.onError(e.message)}componentDidUpdate(e){e.children!==this.props.children&&this.state.hasError&&this.setState({hasError:!1})}render(){return this.state.hasError?null:this.props.children}};function q({code:e,lineHeight:t}){const n=e.split("\n");/* @__PURE__ */
+return d("div",{"aria-hidden":"true",style:{position:"absolute",top:0,left:0,width:"36px",padding:"12px 0",textAlign:"right",paddingRight:"8px",userSelect:"none",pointerEvents:"none",fontSize:"12px",lineHeight:`${t}px`,color:"#555577",fontFamily:'"Fira Code", "Cascadia Code", "Consolas", monospace',boxSizing:"border-box"},children:n.map((e,t)=>/* @__PURE__ */d("div",{children:t+1},t))})}var D=["TkxButton","TkxInput","TkxCard","TkxModal","TkxTable","TkxSelect","TkxCheckbox","TkxRadio","TkxSwitch","TkxSlider","TkxBadge","TkxAlert","TkxToast","TkxTooltip","TkxPopover","TkxTabs","TkxAccordion","TkxDrawer","TkxDropdown","TkxMenu","TkxForm","TkxDataGrid","TkxChart","TkxSpinner","TkxSkeleton","TkxAvatar","TkxTag","TkxDivider","TkxProgress","TkxStatistic","TkxQuantumForm","TkxPlayground"],N=new f;function j(e){const t=e.match(/([A-Z][a-zA-Z0-9]*)$/);return t?t[1]:""}function H({defaultCode:t,examples:n,height:s=480,imports:p={},strictMode:h=!0,forbiddenTokens:u}){const g=e(),m=[...E,...n??[]],f=t??E[0].code,[y,x]=l(f),[b,v]=l({element:null,error:null,renderMs:0}),[k,w]=l(null),[S,C]=l([]),[M,z]=l(!1),[T,$]=l(0),A=a(null),W=a(null),R=o(e=>{w(null),v(function(e,t,n){const o=performance.now();try{const i=e.trim();if(!1!==n?.strictMode){const e=function(e,t){const n=[...P,...t??[]],r=e.toLowerCase();for(const o of n)if(r.includes(o.toLowerCase()))return o;return null}(i,n?.forbiddenTokens);if(e)return{element:null,error:`Blocked by playground strictMode: code contains "${e}". This token is disallowed because playground snippets run in the page's JavaScript context. If you trust the source, pass strictMode={false} to <TkxPlayground>.`,renderMs:parseFloat((performance.now()-o).toFixed(2))}}let a=`\n      function PlaygroundRoot() {\n        ${i.startsWith("<")||i.startsWith("(")?`return (${i});`:i}\n      }\n    `;const l="undefined"==typeof window?null:window.Babel??null;l&&(a=l.transform(a,{presets:["react"],filename:"playground.jsx"}).code??a);const s=new Function("React","imports",`\n      "use strict";\n      const { ${Object.keys(t).join(", ")} } = imports;\n      ${a}\n      return PlaygroundRoot;\n    `)(r,t);return{element:r.createElement(s),error:null,renderMs:parseFloat((performance.now()-o).toFixed(2))}}catch(i){const e=parseFloat((performance.now()-o).toFixed(2));return{element:null,error:i instanceof Error?i.message:String(i),renderMs:e}}}(e,p,{strictMode:h,forbiddenTokens:u}))},[p,h,u]);i(()=>(W.current&&clearTimeout(W.current),W.current=setTimeout(()=>R(y),300),()=>{W.current&&clearTimeout(W.current)}),[y,R]),i(()=>{R(f)},[]);const B=o(e=>{const t=e.target.value;x(t);const n=j(t);n.length>=2?C(function(e,t=4){if(!e||e.length<2)return[];const n=e.toLowerCase();return N.amplify(D,e=>{const t=e.toLowerCase();if(t.startsWith(n))return 1;if(t.includes(n))return.7;let r=0;for(let o=0;o<n.length-1;o++)t.includes(n.slice(o,o+2))&&(r+=.15);return Math.min(r,.5)},.1).slice(0,t).map(e=>({name:D[e.index]??"",amplitude:parseFloat(e.combined.toFixed(3))})).filter(e=>""!==e.name)}(n,4)):C([])},[]),F=o(e=>{const t=m[e];t&&($(e),x(t.code),C([]))},[m]),L=o(async()=>{try{await navigator.clipboard.writeText(y),z(!0),setTimeout(()=>z(!1),1500)}catch{}},[y]),I=o(()=>{x(f),$(0),C([])},[f]),H=o(e=>{const t=j(y);t&&x(n=>n.slice(0,n.lastIndexOf(t))+e),C([])},[y]),O=null!==b.error||null!==k,Q=b.error??k??"",Z=g.bg,U=g.surfaceAlt,Y=g.border,G=g.surface,J={width:"50%",display:"flex",flexDirection:"column",borderRight:`1px solid ${Y}`,position:"relative"},V={display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px",borderBottom:`1px solid ${Y}`,backgroundColor:g.surface,flexWrap:"wrap"},X={padding:"3px 10px",borderRadius:"6px",border:`1px solid ${Y}`,backgroundColor:"transparent",color:g.textMuted,fontSize:"11px",fontWeight:600,cursor:"pointer",fontFamily:"inherit",transition:"color 0.15s, border-color 0.15s"};/* @__PURE__ */
+return c("div",{style:{display:"flex",flexDirection:"column",border:`1px solid ${Y}`,borderRadius:"12px",overflow:"hidden",backgroundColor:Z,fontFamily:"inherit",boxSizing:"border-box",position:"relative"},children:[
+/* @__PURE__ */c("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 14px",borderBottom:`1px solid ${Y}`,backgroundColor:g.surface},children:[/* @__PURE__ */d("span",{style:{fontSize:"12px",fontWeight:700,color:g.primary,letterSpacing:"0.05em"},children:"⚛ TkxPlayground"}),/* @__PURE__ */d("span",{style:{fontSize:"10px",color:g.textMuted},children:"Live JSX Preview"})]}),
+/* @__PURE__ */d("div",{style:{display:"flex",gap:"4px",padding:"6px 10px",borderBottom:`1px solid ${Y}`,backgroundColor:g.surface,overflowX:"auto"},children:m.map((e,t)=>/* @__PURE__ */d("button",{onClick:()=>F(t),style:{padding:"3px 10px",borderRadius:"6px",border:`1px solid ${t===T?g.primary:Y}`,backgroundColor:t===T?`${g.primary}20`:"transparent",color:t===T?g.primary:g.textMuted,fontSize:"11px",fontWeight:t===T?700:400,cursor:"pointer",whiteSpace:"nowrap",fontFamily:"inherit",transition:"all 0.15s"},children:e.label},t))}),
+/* @__PURE__ */c("div",{style:{display:"flex",height:`${s}px`},children:[/* @__PURE__ */c("div",{style:J,children:[
+/* @__PURE__ */c("div",{style:V,children:[
+/* @__PURE__ */d("span",{style:{fontSize:"11px",color:g.textMuted,marginRight:"auto"},children:"editor.tsx"}),
+/* @__PURE__ */d("button",{onClick:L,style:X,title:"Copy code",children:M?"✓ Copied":"⎘ Copy"}),
+/* @__PURE__ */d("button",{onClick:I,style:X,title:"Reset to default",children:"↺ Reset"})]}),
+/* @__PURE__ */c("div",{style:{position:"relative",flex:1,overflow:"hidden"},children:[/* @__PURE__ */d(q,{code:y,lineHeight:18}),/* @__PURE__ */d("textarea",{ref:A,value:y,onChange:B,spellCheck:!1,autoCorrect:"off",autoCapitalize:"off",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",padding:"12px 12px 12px 44px",margin:0,border:"none",outline:"none",resize:"none",backgroundColor:Z,color:g.text,fontSize:"12px",lineHeight:"18px",fontFamily:'"Fira Code", "Cascadia Code", "Consolas", "Courier New", monospace',boxSizing:"border-box",overflowY:"auto",tabSize:2}})]}),S.length>0&&/* @__PURE__ */c("div",{style:{position:"absolute",bottom:"40px",left:"44px",zIndex:10,backgroundColor:g.surface,border:`1px solid ${g.primary}44`,borderRadius:"8px",overflow:"hidden",boxShadow:"0 4px 16px rgba(0,0,0,0.3)",minWidth:"180px"},children:[/* @__PURE__ */d("div",{style:{padding:"4px 10px 4px",fontSize:"10px",color:g.primary,fontWeight:700,borderBottom:`1px solid ${Y}`,letterSpacing:"0.05em"},children:"⚛ Quantum Suggestions"}),S.map(e=>/* @__PURE__ */c("button",{onClick:()=>H(e.name),style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"6px 10px",border:"none",backgroundColor:"transparent",color:g.text,fontSize:"12px",fontFamily:'"Fira Code", monospace',cursor:"pointer",textAlign:"left",gap:"12px"},children:[/* @__PURE__ */d("span",{children:e.name}),/* @__PURE__ */c("span",{style:{fontSize:"10px",color:g.textMuted,flexShrink:0},children:[Math.round(100*e.amplitude),"%"]})]},e.name))]})]}),/* @__PURE__ */c("div",{style:{width:"50%",display:"flex",flexDirection:"column"},children:[/* @__PURE__ */d("div",{style:{padding:"6px 10px",borderBottom:`1px solid ${Y}`,backgroundColor:g.surface,fontSize:"11px",color:g.textMuted,fontWeight:600},children:"Preview"}),/* @__PURE__ */d("div",{style:{flex:1,overflow:"auto",backgroundColor:U,position:"relative"},children:O?/* @__PURE__ */c("div",{style:{padding:"16px",color:g.danger,fontFamily:'"Fira Code", monospace',fontSize:"12px",lineHeight:1.6,whiteSpace:"pre-wrap",wordBreak:"break-word"},children:[/* @__PURE__ */c("div",{style:{marginBottom:"8px",fontWeight:700,display:"flex",alignItems:"center",gap:"6px"},children:[/* @__PURE__ */d("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:/* @__PURE__ */d("path",{d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"})}),"Runtime Error"]}),Q]}):/* @__PURE__ */d(_,{onError:w,children:/* @__PURE__ */d("div",{style:{minHeight:"100%"},children:b.element})})})]})]}),
+/* @__PURE__ */c("div",{style:{display:"flex",alignItems:"center",gap:"16px",padding:"4px 12px",backgroundColor:G,borderTop:`1px solid ${Y}`,fontSize:"11px",color:g.textMuted},children:[
+/* @__PURE__ */c("span",{style:{display:"flex",alignItems:"center",gap:"4px",color:O?g.danger:g.success,fontWeight:600},children:[/* @__PURE__ */d("span",{style:{width:"6px",height:"6px",borderRadius:"50%",backgroundColor:O?g.danger:g.success,display:"inline-block"}}),O?"Error":"OK"]}),
+/* @__PURE__ */c("span",{children:["⏱ ",b.renderMs," ms"]}),
+/* @__PURE__ */c("span",{children:[y.split("\n").length," lines"]}),
+/* @__PURE__ */c("span",{children:[y.length," chars"]}),S.length>0&&/* @__PURE__ */c("span",{style:{marginLeft:"auto",color:g.primary,fontWeight:600},children:["⚛ ",S.length," suggestion",S.length>1?"s":""]})]})]})}H.displayName="TkxPlayground";export{f as AmplitudeAmplifier,C as QuantumAI,g as QuantumAnnealer,m as QuantumBoltzmannMachine,u as QuantumRegister,h as Qubit,H as TkxPlayground,W as TkxQuantumForm,I as TkxThemeBuilder,b as hslToHex,x as inferFieldIntelligence,S as optimizeThemeColors};