@fde-desktop/fde-core 0.4.7 → 0.4.9

package/dist/SettingsApp-BlmHuAjT.js

@@ -0,0 +1,1831 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { A as t, D as n, I as r, M as i, O as a, S as o, c as s, d as c, i as l, l as u, n as d, o as f, r as p, t as m, x as h } from "./Box-DSKR_qaa.js";
+import { n as g, t as _ } from "./ColorPicker-BCNqi02x.js";
+import { o as v, t as y } from "./Tooltip-DOeIvhrO.js";
+import { t as b } from "./use-uncontrolled-A4hm9ATM.js";
+import { i as x, l as S, p as C, t as w, u as T } from "./TextInput-C-JtGWn1.js";
+import { a as E, i as D, n as ee, o as O, t as k } from "./Slider-t-NcD60t.js";
+import { r as te } from "./use-merged-ref-BT8_u6vW.js";
+import { i as A, r as ne, t as j } from "./DownloadProgress-EoyCaD5O.js";
+import { t as M } from "./UnstyledButton-DGaG-e_G.js";
+import { t as N } from "./Paper-BX_9odR6.js";
+import { t as P } from "./Group-CtBJSfCo.js";
+import { i as F, o as I } from "./getRuntime-DAPqFH2W.js";
+import { t as L } from "./Button-wTOTQKxF.js";
+import { n as re, t as R } from "./AppIcon-XumS3bIG.js";
+import { t as z } from "./Stack-Bp1Ek2Gp.js";
+import { o as ie } from "./desktopStore-F8bgLqFl.js";
+import { i as ae } from "./useCloseInterceptor-BZd3VILp.js";
+import { t as oe } from "./useResolvedUrl-DQpLqOoL.js";
+import { n as se } from "./FilePickerApp-DaMgEqKh.js";
+import { t as ce } from "./Colors-ClnDxnyA.js";
+import { n as B } from "./settingsAppStore-BDQ3ts1y.js";
+import { createContext as le, createElement as ue, use as V, useCallback as H, useDeferredValue as de, useEffect as U, useRef as W, useState as G } from "react";
+import { jsx as K, jsxs as q } from "react/jsx-runtime";
+import { create as fe } from "zustand";
+import { createJSONStorage as pe, persist as me } from "zustand/middleware";
+import { useTranslation as J } from "react-i18next";
+import { useQuery as he, useQueryClient as ge } from "@tanstack/react-query";
+//#region ../../node_modules/.bun/@mantine+hooks@9.0.0+b1ab299f0a400331/node_modules/@mantine/hooks/esm/utils/shallow-equal/shallow-equal.mjs
+function _e(e, t) {
+	if (e === t || Number.isNaN(e) && Number.isNaN(t)) return !0;
+	if (!(e instanceof Object) || !(t instanceof Object)) return !1;
+	let n = Object.keys(e), { length: r } = n;
+	if (r !== Object.keys(t).length) return !1;
+	for (let i = 0; i < r; i += 1) {
+		let r = n[i];
+		if (!(r in t) || e[r] !== t[r] && !(Number.isNaN(e[r]) && Number.isNaN(t[r]))) return !1;
+	}
+	return !0;
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+hooks@9.0.0+b1ab299f0a400331/node_modules/@mantine/hooks/esm/use-shallow-effect/use-shallow-effect.mjs
+function ve(e, t) {
+	if (!e || !t) return !1;
+	if (e === t) return !0;
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n += 1) if (!_e(e[n], t[n])) return !1;
+	return !0;
+}
+function ye(e) {
+	let t = W([]), n = W(0);
+	return ve(t.current, e) || (t.current = e, n.current += 1), [n.current];
+}
+function be(e, t) {
+	U(e, ye(t));
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+hooks@9.0.0+b1ab299f0a400331/node_modules/@mantine/hooks/esm/use-timeout/use-timeout.mjs
+function xe(e, t, n = { autoInvoke: !1 }) {
+	let r = W(null), i = H((...n) => {
+		r.current ||= window.setTimeout(() => {
+			e(n), r.current = null;
+		}, t);
+	}, [t]), a = H(() => {
+		r.current &&= (window.clearTimeout(r.current), null);
+	}, []);
+	return U(() => (n.autoInvoke && i(), a), [a, i]), {
+		start: i,
+		clear: a
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+hooks@9.0.0+b1ab299f0a400331/node_modules/@mantine/hooks/esm/use-mutation-observer/use-mutation-observer.mjs
+function Se(e, t, n) {
+	let r = W(null);
+	U(() => {
+		r.current &&= (r.current.disconnect(), null);
+		let i = typeof n == "function" ? n() : n;
+		return i && (r.current = new MutationObserver(e), r.current.observe(i, t)), () => {
+			r.current &&= (r.current.disconnect(), null);
+		};
+	}, [
+		e,
+		t,
+		n
+	]);
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+hooks@9.0.0+b1ab299f0a400331/node_modules/@mantine/hooks/esm/use-mounted/use-mounted.mjs
+function Ce() {
+	let [e, t] = G(!1);
+	return U(() => t(!0), []), e;
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/utils/get-env/get-env.mjs
+function we() {
+	return typeof process < "u" && process.env, "development";
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/utils/primitive/primitive.mjs
+function Te(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || typeof e == "bigint";
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/FloatingIndicator/use-floating-indicator.mjs
+function Ee(e, t) {
+	if (!t || !e) return !1;
+	let n = t.parentNode;
+	for (; n != null;) {
+		if (n === e) return !0;
+		n = n.parentNode;
+	}
+	return !1;
+}
+function De({ target: e, parent: t, ref: n, displayAfterTransitionEnd: r, onTransitionStart: i, onTransitionEnd: a }) {
+	let o = W(-1), s = W(e), [c, l] = G(!1), [u, d] = G(typeof r == "boolean" ? r : !1), f = () => {
+		if (!e || !t || !n.current) return;
+		let r = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a = window.getComputedStyle(e), o = window.getComputedStyle(t), s = O(a.borderTopWidth) + O(o.borderTopWidth), c = O(a.borderLeftWidth) + O(o.borderLeftWidth), l = {
+			top: r.top - i.top - s,
+			left: r.left - i.left - c,
+			width: r.width,
+			height: r.height
+		};
+		n.current.style.transform = `translateY(${l.top}px) translateX(${l.left}px)`, n.current.style.width = `${l.width}px`, n.current.style.height = `${l.height}px`;
+	}, p = () => {
+		window.clearTimeout(o.current), n.current && (n.current.style.transitionDuration = "0ms"), f(), o.current = window.setTimeout(() => {
+			n.current && (n.current.style.transitionDuration = "");
+		}, 30);
+	}, m = W(null), h = W(null);
+	return U(() => {
+		if (c && s.current !== e && i && i(), s.current = e, f(), e) return m.current = new ResizeObserver(p), m.current.observe(e), t && (h.current = new ResizeObserver(p), h.current.observe(t)), () => {
+			m.current?.disconnect(), h.current?.disconnect();
+		};
+	}, [t, e]), U(() => {
+		if (t) {
+			let e = (e) => {
+				Ee(e.target, t) && (p(), d(!1));
+			};
+			return t.addEventListener("transitionend", e), () => {
+				t.removeEventListener("transitionend", e);
+			};
+		}
+	}, [t]), U(() => {
+		if (n.current && a) {
+			let e = (e) => {
+				e.propertyName === "transform" && a();
+			};
+			return n.current.addEventListener("transitionend", e), () => {
+				n.current?.removeEventListener("transitionend", e);
+			};
+		}
+	}, [a]), xe(() => {
+		we() !== "test" && l(!0);
+	}, 20, { autoInvoke: !0 }), Se((e) => {
+		e.forEach((e) => {
+			e.type === "attributes" && e.attributeName === "dir" && p();
+		});
+	}, {
+		attributes: !0,
+		attributeFilter: ["dir"]
+	}, () => document.documentElement), {
+		initialized: c,
+		hidden: u
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/FloatingIndicator/FloatingIndicator.module.mjs
+var Oe = { root: "m_96b553a6" }, ke = n((e, { transitionDuration: t }, { shouldReduceMotion: n }) => {
+	let r = e.respectReducedMotion && n ? "0ms" : typeof t == "number" ? `${t}ms` : t || "150ms";
+	return { root: { "--transition-duration": r } };
+}), Ae = p((e) => {
+	let t = u("FloatingIndicator", null, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: c, target: l, parent: d, transitionDuration: f, mod: p, displayAfterTransitionEnd: h, onTransitionStart: g, onTransitionEnd: _, attributes: v, ref: y, ...b } = t, x = s({
+		name: "FloatingIndicator",
+		classes: Oe,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: v,
+		vars: c,
+		varsResolver: ke,
+		stylesCtx: { shouldReduceMotion: S() }
+	}), C = W(null), { initialized: w, hidden: T } = De({
+		target: l,
+		parent: d,
+		ref: C,
+		displayAfterTransitionEnd: h,
+		onTransitionStart: g,
+		onTransitionEnd: _
+	}), E = te(y, C);
+	return !l || !d ? null : /* @__PURE__ */ K(m, {
+		ref: E,
+		mod: [{
+			initialized: w,
+			hidden: T
+		}, p],
+		...x("root"),
+		...b
+	});
+});
+Ae.displayName = "@mantine/core/FloatingIndicator", Ae.classes = Oe, Ae.varsResolver = ke;
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Badge/Badge.module.mjs
+var je = {
+	root: "m_347db0ec",
+	"root--dot": "m_fbd81e3d",
+	label: "m_5add502a",
+	section: "m_91fdda9b"
+}, Me = n((e, { radius: n, color: r, gradient: a, variant: o, size: s, autoContrast: c, circle: l }) => {
+	let u = e.variantColorResolver({
+		color: r || e.primaryColor,
+		theme: e,
+		gradient: a,
+		variant: o || "filled",
+		autoContrast: c
+	});
+	return { root: {
+		"--badge-height": i(s, "badge-height"),
+		"--badge-padding-x": i(s, "badge-padding-x"),
+		"--badge-fz": i(s, "badge-fz"),
+		"--badge-radius": l || n === void 0 ? void 0 : t(n),
+		"--badge-bg": r || o ? u.background : void 0,
+		"--badge-color": r || o ? u.color : void 0,
+		"--badge-bd": r || o ? u.border : void 0,
+		"--badge-dot-color": o === "dot" ? h(r, e) : void 0
+	} };
+}), Ne = d((e) => {
+	let t = u("Badge", null, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: c, radius: l, color: d, gradient: f, leftSection: p, rightSection: h, children: g, variant: _, fullWidth: v, autoContrast: y, circle: b, mod: x, attributes: S, ...C } = t, w = s({
+		name: "Badge",
+		props: t,
+		classes: je,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: S,
+		vars: c,
+		varsResolver: Me
+	});
+	return /* @__PURE__ */ q(m, {
+		variant: _,
+		mod: [{
+			block: v,
+			circle: b,
+			"with-right-section": !!h,
+			"with-left-section": !!p
+		}, x],
+		...w("root", { variant: _ }),
+		...C,
+		children: [
+			p && /* @__PURE__ */ K("span", {
+				...w("section"),
+				"data-position": "left",
+				children: p
+			}),
+			/* @__PURE__ */ K("span", {
+				...w("label"),
+				children: g
+			}),
+			h && /* @__PURE__ */ K("span", {
+				...w("section"),
+				"data-position": "right",
+				children: h
+			})
+		]
+	});
+});
+Ne.classes = je, Ne.varsResolver = Me, Ne.displayName = "@mantine/core/Badge";
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Radio/RadioGroup/RadioGroup.mjs
+var Pe = le(null), Fe = l(((e) => {
+	let { value: t, defaultValue: n, onChange: r, size: i, wrapperProps: a, children: o, name: s, readOnly: c, disabled: l, ...d } = u("RadioGroup", null, e), f = T(s), [p, m] = b({
+		value: t,
+		defaultValue: n,
+		finalValue: "",
+		onChange: r
+	});
+	return /* @__PURE__ */ K(Pe, {
+		value: {
+			value: p,
+			onChange: (e) => !c && m(typeof e == "string" ? e : e.currentTarget.value),
+			size: i,
+			name: f,
+			disabled: l
+		},
+		children: /* @__PURE__ */ K(x.Wrapper, {
+			size: i,
+			...a,
+			...d,
+			labelElement: "div",
+			__staticSelector: "RadioGroup",
+			children: /* @__PURE__ */ K(D, {
+				role: "radiogroup",
+				children: o
+			})
+		})
+	});
+}));
+Fe.classes = x.Wrapper.classes, Fe.displayName = "@mantine/core/RadioGroup";
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Radio/RadioCard/RadioCard.module.mjs
+var Ie = { card: "m_9dc8ae12" }, Le = le(null), Re = { withBorder: !0 }, ze = n((e, { radius: n }) => ({ card: { "--card-radius": t(n) } })), Be = p((e) => {
+	let t = u("RadioCard", Re, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: c, checked: l, mod: d, withBorder: f, value: p, onClick: m, name: h, onKeyDown: g, attributes: _, ...y } = t, b = s({
+		name: "RadioCard",
+		classes: Ie,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: _,
+		vars: c,
+		varsResolver: ze,
+		rootSelector: "card"
+	}), { dir: x } = v(), S = V(Pe), C = typeof l == "boolean" ? l : S?.value === p || !1, w = h || S?.name, T = (e) => {
+		if (g?.(e), w && [
+			"ArrowDown",
+			"ArrowUp",
+			"ArrowLeft",
+			"ArrowRight"
+		].includes(e.nativeEvent.code)) {
+			e.preventDefault();
+			let t = Array.from(document.querySelectorAll(`[role="radio"][name="${w}"]`)), n = t.findIndex((t) => t === e.target), r = n + 1 >= t.length ? 0 : n + 1, i = n - 1 < 0 ? t.length - 1 : n - 1;
+			e.nativeEvent.code === "ArrowDown" && (t[r].focus(), t[r].click()), e.nativeEvent.code === "ArrowUp" && (t[i].focus(), t[i].click()), e.nativeEvent.code === "ArrowLeft" && (t[x === "ltr" ? i : r].focus(), t[x === "ltr" ? i : r].click()), e.nativeEvent.code === "ArrowRight" && (t[x === "ltr" ? r : i].focus(), t[x === "ltr" ? r : i].click());
+		}
+	};
+	return /* @__PURE__ */ K(Le, {
+		value: { checked: C },
+		children: /* @__PURE__ */ K(M, {
+			mod: [{
+				"with-border": f,
+				checked: C
+			}, d],
+			...b("card"),
+			...y,
+			role: "radio",
+			"aria-checked": C,
+			name: w,
+			onClick: (e) => {
+				m?.(e), S?.onChange(p || "");
+			},
+			onKeyDown: T
+		})
+	});
+});
+Be.displayName = "@mantine/core/RadioCard", Be.classes = Ie, Be.varsResolver = ze;
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Radio/RadioIcon.mjs
+function Ve({ size: e, style: t, ...n }) {
+	return /* @__PURE__ */ K("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 5 5",
+		style: {
+			width: r(e),
+			height: r(e),
+			...t
+		},
+		"aria-hidden": !0,
+		...n,
+		children: /* @__PURE__ */ K("circle", {
+			cx: "2.5",
+			cy: "2.5",
+			r: "2.5",
+			fill: "currentColor"
+		})
+	});
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Radio/RadioIndicator/RadioIndicator.module.mjs
+var He = {
+	indicator: "m_717d7ff6",
+	icon: "m_3e4da632",
+	"indicator--outline": "m_2980836c"
+}, Ue = { icon: Ve }, We = n((e, { radius: n, color: r, size: a, iconColor: s, variant: c, autoContrast: l }) => {
+	let u = o({
+		color: r || e.primaryColor,
+		theme: e
+	}), d = u.isThemeColor && u.shade === void 0 ? `var(--mantine-color-${u.color}-outline)` : u.color;
+	return { indicator: {
+		"--radio-size": i(a, "radio-size"),
+		"--radio-radius": n === void 0 ? void 0 : t(n),
+		"--radio-color": c === "outline" ? d : h(r, e),
+		"--radio-icon-size": i(a, "radio-icon-size"),
+		"--radio-icon-color": s ? h(s, e) : ne(l, e) ? A({
+			color: r,
+			theme: e,
+			autoContrast: l
+		}) : void 0
+	} };
+}), Ge = p((e) => {
+	let t = u("RadioIndicator", Ue, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: c, icon: l, radius: d, color: f, iconColor: p, autoContrast: h, checked: g, mod: _, variant: v, disabled: y, attributes: b, ...x } = t, S = s({
+		name: "RadioIndicator",
+		classes: He,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: b,
+		vars: c,
+		varsResolver: We,
+		rootSelector: "indicator"
+	}), C = V(Le), w = typeof g == "boolean" ? g : C?.checked || !1;
+	return /* @__PURE__ */ K(m, {
+		...S("indicator", { variant: v }),
+		variant: v,
+		mod: [{
+			checked: w,
+			disabled: y
+		}, _],
+		...x,
+		children: /* @__PURE__ */ K(l, { ...S("icon") })
+	});
+});
+Ge.displayName = "@mantine/core/RadioIndicator", Ge.classes = He, Ge.varsResolver = We;
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Radio/Radio.module.mjs
+var Ke = {
+	root: "m_f3f1af94",
+	inner: "m_89c4f5e4",
+	icon: "m_f3ed6b2b",
+	radio: "m_8a3dbb89",
+	"radio--outline": "m_1bfe9d39"
+}, qe = {
+	labelPosition: "right",
+	withErrorStyles: !0
+}, Je = n((e, { size: n, radius: r, color: a, iconColor: s, variant: c, autoContrast: l }) => {
+	let u = o({
+		color: a || e.primaryColor,
+		theme: e
+	}), d = u.isThemeColor && u.shade === void 0 ? `var(--mantine-color-${u.color}-outline)` : u.color;
+	return { root: {
+		"--radio-size": i(n, "radio-size"),
+		"--radio-radius": r === void 0 ? void 0 : t(r),
+		"--radio-color": c === "outline" ? d : h(a, e),
+		"--radio-icon-color": s ? h(s, e) : ne(l, e) ? A({
+			color: a,
+			theme: e,
+			autoContrast: l
+		}) : void 0,
+		"--radio-icon-size": i(n, "radio-icon-size")
+	} };
+}), Y = p((e) => {
+	let t = u("Radio", qe, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: c, id: l, size: d, label: p, labelPosition: h, description: g, error: _, radius: v, color: y, variant: b, disabled: x, wrapperProps: S, icon: C = Ve, rootRef: w, iconColor: E, onChange: D, mod: O, attributes: k, withErrorStyles: te, checked: A, ...ne } = t, j = s({
+		name: "Radio",
+		classes: Ke,
+		props: t,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: k,
+		vars: c,
+		varsResolver: Je
+	}), M = V(Pe), N = M?.size ?? d, P = t.size ? d : N, { styleProps: F, rest: I } = f(ne), L = T(l), re = M ? M.value === I.value : void 0, R = {
+		checked: re ?? A,
+		name: I.name ?? M?.name,
+		onChange: (e) => {
+			M?.onChange(e), D?.(e);
+		},
+		disabled: M?.disabled ?? x
+	};
+	return /* @__PURE__ */ K(ee, {
+		...j("root"),
+		__staticSelector: "Radio",
+		__stylesApiProps: t,
+		id: L,
+		size: P,
+		labelPosition: h,
+		label: p,
+		description: g,
+		error: _,
+		disabled: R.disabled,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		"data-checked": (re ?? A) || void 0,
+		variant: b,
+		ref: w,
+		mod: O,
+		attributes: k,
+		...F,
+		...S,
+		children: /* @__PURE__ */ q(m, {
+			...j("inner"),
+			mod: { "label-position": h },
+			children: [/* @__PURE__ */ K(m, {
+				...j("radio", {
+					focusable: !0,
+					variant: b
+				}),
+				...I,
+				...R,
+				component: "input",
+				mod: {
+					error: !!_,
+					"with-error-styles": te
+				},
+				id: L,
+				type: "radio"
+			}), /* @__PURE__ */ K(C, {
+				...j("icon"),
+				"aria-hidden": !0
+			})]
+		})
+	});
+});
+Y.classes = Ke, Y.varsResolver = Je, Y.displayName = "@mantine/core/Radio", Y.Group = Fe, Y.Card = Be, Y.Indicator = Ge;
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/SegmentedControl/SegmentedControl.module.mjs
+var Ye = {
+	root: "m_cf365364",
+	indicator: "m_9e182ccd",
+	label: "m_1738fcb2",
+	input: "m_1714d588",
+	control: "m_69686b9b",
+	innerLabel: "m_78882f40"
+}, Xe = { withItemsBorders: !0 }, Ze = n((e, { radius: n, color: r, transitionDuration: o, size: s, transitionTimingFunction: c }) => ({ root: {
+	"--sc-radius": n === void 0 ? void 0 : t(n),
+	"--sc-color": r ? h(r, e) : void 0,
+	"--sc-shadow": r ? void 0 : "var(--mantine-shadow-xs)",
+	"--sc-transition-duration": o === void 0 ? void 0 : `${o}ms`,
+	"--sc-transition-timing-function": c,
+	"--sc-padding": i(s, "sc-padding"),
+	"--sc-font-size": a(s)
+} })), Qe = l((e) => {
+	let t = u("SegmentedControl", Xe, e), { classNames: n, className: r, style: i, styles: a, unstyled: o, vars: l, data: d, value: f, defaultValue: p, onChange: h, size: g, name: _, disabled: v, readOnly: y, fullWidth: x, orientation: S, radius: w, color: E, transitionDuration: D, transitionTimingFunction: ee, variant: O, autoContrast: k, withItemsBorders: ne, mod: j, attributes: M, ref: N, ...P } = t, F = s({
+		name: "SegmentedControl",
+		props: t,
+		classes: Ye,
+		className: r,
+		style: i,
+		classNames: n,
+		styles: a,
+		unstyled: o,
+		attributes: M,
+		vars: l,
+		varsResolver: Ze
+	}), I = c(), L = d.map((e) => Te(e) ? {
+		label: `${e}`,
+		value: e
+	} : e), re = Ce(), [R, z] = G(C()), [ie, ae] = G(null), [oe, se] = G({}), ce = (e, t) => {
+		oe[t] = e, se(oe);
+	}, [B, le] = b({
+		value: f,
+		defaultValue: p,
+		finalValue: Array.isArray(d) ? L.find((e) => !e.disabled)?.value ?? d[0]?.value ?? null : null,
+		onChange: h
+	}), V = T(_), H = L.map((e) => /* @__PURE__ */ ue(m, {
+		...F("control"),
+		mod: {
+			active: B === e.value,
+			orientation: S
+		},
+		key: `${e.value}`
+	}, /* @__PURE__ */ ue("input", {
+		...F("input"),
+		disabled: v || e.disabled,
+		type: "radio",
+		name: V,
+		value: `${e.value}`,
+		id: `${V}-${e.value}`,
+		checked: B === e.value,
+		onChange: () => !y && le(e.value),
+		"data-focus-ring": I.focusRing,
+		key: `${e.value}-input`
+	}), /* @__PURE__ */ ue(m, {
+		component: "label",
+		...F("label"),
+		mod: {
+			active: B === e.value && !(v || e.disabled),
+			disabled: v || e.disabled,
+			"read-only": y
+		},
+		htmlFor: `${V}-${e.value}`,
+		ref: (t) => ce(t, `${e.value}`),
+		__vars: { "--sc-label-color": E === void 0 ? void 0 : A({
+			color: E,
+			theme: I,
+			autoContrast: k
+		}) },
+		key: `${e.value}-label`
+	}, /* @__PURE__ */ K("span", {
+		...F("innerLabel"),
+		children: e.label
+	})))), de = te(N, (e) => ae(e));
+	return be(() => {
+		z(C());
+	}, [d.length]), d.length === 0 ? null : /* @__PURE__ */ q(m, {
+		...F("root"),
+		variant: O,
+		size: g,
+		ref: de,
+		mod: [{
+			"full-width": x,
+			orientation: S,
+			initialized: re,
+			"with-items-borders": ne
+		}, j],
+		...P,
+		role: "radiogroup",
+		"data-disabled": v,
+		children: [B !== void 0 && /* @__PURE__ */ K(Ae, {
+			target: oe[`${B}`],
+			parent: ie,
+			component: "span",
+			transitionDuration: "var(--sc-transition-duration)",
+			...F("indicator")
+		}, R), H]
+	});
+});
+Qe.classes = Ye, Qe.varsResolver = Ze, Qe.displayName = "@mantine/core/SegmentedControl";
+//#endregion
+//#region src/infrastructure/adapters/DefaultThemeProvider.ts
+var $e = {
+	mode: "light",
+	colors: {
+		desktop: "#f0f4f8",
+		taskbar: "rgba(255, 255, 255, 0.9)",
+		window: "#ffffff",
+		accent: "#339af0"
+	},
+	window: {
+		borderRadius: "8px",
+		headerHeight: 40,
+		minWidth: 400,
+		minHeight: 300,
+		defaultWidth: 800,
+		defaultHeight: 600,
+		shadow: "0 8px 32px rgba(0, 0, 0, 0.2)"
+	},
+	taskbar: {
+		height: 48,
+		position: "bottom",
+		background: "rgba(0, 0, 0, 0.8)",
+		blur: !0
+	},
+	desktop: {
+		background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+		iconSize: 64,
+		iconSpacing: 16
+	}
+}, et = {
+	mode: "dark",
+	colors: {
+		desktop: "#1a1b1e",
+		taskbar: "rgba(26, 27, 30, 0.9)",
+		window: "#25262b",
+		accent: "#4dabf7"
+	},
+	window: {
+		borderRadius: "8px",
+		headerHeight: 40,
+		minWidth: 400,
+		minHeight: 300,
+		defaultWidth: 800,
+		defaultHeight: 600,
+		shadow: "0 8px 32px rgba(0, 0, 0, 0.2)"
+	},
+	taskbar: {
+		height: 48,
+		position: "bottom",
+		background: "rgba(0, 0, 0, 0.8)",
+		blur: !0
+	},
+	desktop: {
+		background: "linear-gradient(135deg, #1a1b1e 0%, #2d1f3d 100%)",
+		iconSize: 64,
+		iconSpacing: 16
+	}
+}, tt = class {
+	mode;
+	customColors = null;
+	constructor(e = "light") {
+		this.mode = e;
+	}
+	getTheme() {
+		let e = this.mode === "light" ? $e : et;
+		return this.customColors ? {
+			...e,
+			colors: {
+				...e.colors,
+				taskbar: this.customColors.taskbar,
+				window: this.customColors.window,
+				accent: this.customColors.accent
+			}
+		} : e;
+	}
+	setMode(e) {
+		this.mode = e;
+	}
+	setCustomColors(e) {
+		this.customColors = e;
+	}
+	toggle() {
+		this.mode = this.mode === "light" ? "dark" : "light";
+	}
+}, nt = ["en", "es"], rt = "en", it = () => {
+	try {
+		let e = localStorage.getItem("fde-desktop:settings"), t = localStorage.getItem("fran-desktop:settings");
+		return JSON.parse(e ?? t ?? "{}")?.state?.theme?.mode ?? null;
+	} catch {
+		return null;
+	}
+}, at = it(), ot = () => {
+	if (typeof navigator > "u" || !navigator.language) return rt;
+	let e = navigator.language.split("-")[0];
+	return nt.includes(e) ? e : rt;
+}, st = (() => {
+	try {
+		let e = localStorage.getItem("fde-desktop:settings"), t = localStorage.getItem("fran-desktop:settings"), n = JSON.parse(e ?? t ?? "{}")?.state?.language;
+		return n && nt.includes(n) ? n : ot();
+	} catch {
+		return ot();
+	}
+})(), ct = typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light", X = new tt(at ?? ct), Z = fe()(me((e) => ({
+	wallpaper: null,
+	wallpaperModule: "default",
+	launcherIcon: "FcElectronics",
+	font: "system-ui",
+	downloadedFonts: [],
+	fontSize: 14,
+	animationDuration: .3,
+	theme: X.getTheme(),
+	themeSetManually: at !== null,
+	customThemeColors: null,
+	language: st,
+	setWallpaper: (t) => e({ wallpaper: t }),
+	setWallpaperModule: (t) => e({ wallpaperModule: t }),
+	setLauncherIcon: (t) => e({ launcherIcon: t }),
+	setFont: (t) => e({ font: t }),
+	markFontDownloaded: (t) => e((e) => ({ downloadedFonts: e.downloadedFonts.includes(t) ? e.downloadedFonts : [...e.downloadedFonts, t] })),
+	setFontSize: (t) => e({ fontSize: t }),
+	setAnimationDuration: (t) => e({ animationDuration: t }),
+	setThemeMode: (t) => {
+		X.setMode(t), e({
+			theme: X.getTheme(),
+			themeSetManually: !0
+		});
+	},
+	toggleTheme: () => {
+		X.toggle(), e({
+			theme: X.getTheme(),
+			themeSetManually: !0
+		});
+	},
+	setThemeAutomatic: () => e({ themeSetManually: !1 }),
+	applySystemTheme: (t) => {
+		X.setMode(t), e({ theme: X.getTheme() });
+	},
+	setCustomThemeColors: (t) => {
+		e({ customThemeColors: t });
+	},
+	setLanguage: (t) => e({ language: t })
+}), {
+	name: "fde-desktop:settings",
+	storage: pe(() => localStorage)
+})), lt = {
+	container: "_container_a0fjd_1",
+	flag: "_flag_a0fjd_8"
+}, ut = {
+	en: /* @__PURE__ */ q("svg", {
+		viewBox: "0 0 60 40",
+		className: lt.flag,
+		children: [
+			/* @__PURE__ */ K("rect", {
+				fill: "#012169",
+				width: "60",
+				height: "40"
+			}),
+			/* @__PURE__ */ K("path", {
+				d: "M0,0 L60,40 M60,0 L0,40",
+				stroke: "#fff",
+				strokeWidth: "6"
+			}),
+			/* @__PURE__ */ K("path", {
+				d: "M0,0 L60,40 M60,0 L0,40",
+				stroke: "#C8102E",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ K("path", {
+				d: "M30,0 V40 M0,20 H60",
+				stroke: "#fff",
+				strokeWidth: "10"
+			}),
+			/* @__PURE__ */ K("path", {
+				d: "M30,0 V40 M0,20 H60",
+				stroke: "#C8102E",
+				strokeWidth: "6"
+			})
+		]
+	}),
+	es: /* @__PURE__ */ q("svg", {
+		viewBox: "0 0 60 40",
+		className: lt.flag,
+		children: [/* @__PURE__ */ K("rect", {
+			fill: "#C60B1E",
+			width: "60",
+			height: "40"
+		}), /* @__PURE__ */ K("rect", {
+			fill: "#FFC400",
+			y: "10",
+			width: "60",
+			height: "20"
+		})]
+	})
+}, dt = ({ lang: e, size: t = 20 }) => /* @__PURE__ */ K("div", {
+	style: {
+		width: t * 1.5,
+		height: t
+	},
+	className: lt.container,
+	"aria-label": e === "en" ? "English" : "Español",
+	"data-testid": `flag-${e}`,
+	children: ut[e]
+}), ft = [
+	{
+		value: "system-ui",
+		label: "System Default",
+		stack: "system-ui, Avenir, Helvetica, Arial, sans-serif"
+	},
+	{
+		value: "Courier New",
+		label: "Courier New",
+		stack: "\"Courier New\", monospace"
+	},
+	{
+		value: "Source Code Pro",
+		label: "Source Code Pro",
+		stack: "\"Source Code Pro\", monospace"
+	},
+	{
+		value: "Open Sans",
+		label: "Open Sans",
+		stack: "\"Open Sans\", monospace"
+	}
+], pt = Object.fromEntries(ft.map((e) => [e.value, e.stack])), Q = {
+	"Source Code Pro": "https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap",
+	"Open Sans": "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
+}, mt = [
+	{
+		id: "wallpaper",
+		label: "Wallpaper",
+		fcIcon: "FcPicture",
+		description: "Change the desktop background image."
+	},
+	{
+		id: "appearance",
+		label: "Appearance",
+		fcIcon: "FcBinoculars",
+		description: "Switch between light and dark mode."
+	},
+	{
+		id: "launcher",
+		label: "Launcher",
+		fcIcon: "FcElectronics",
+		description: "Choose the launcher button icon."
+	},
+	{
+		id: "font",
+		label: "Font",
+		fcIcon: "FcEditImage",
+		description: "Select the system font family."
+	},
+	{
+		id: "language",
+		label: "Language",
+		fcIcon: "FcGlobe",
+		description: "Choose your preferred language."
+	},
+	{
+		id: "reset",
+		label: "Reset to Default",
+		fcIcon: "FcDisclaimer",
+		description: "Reset all settings and data to defaults."
+	}
+], ht = ({ title: e, description: t, children: n }) => /* @__PURE__ */ q(z, {
+	gap: "md",
+	p: "md",
+	children: [
+		/* @__PURE__ */ K(I, {
+			fw: 600,
+			size: "lg",
+			children: e
+		}),
+		t && /* @__PURE__ */ K(I, {
+			size: "sm",
+			c: "dimmed",
+			children: t
+		}),
+		n
+	]
+}), gt = "/Images/wallpaper.jpg", _t = () => {
+	let { t: e } = J("settings"), t = Z((e) => e.wallpaper), n = Z((e) => e.wallpaperModule), r = Z((e) => e.setWallpaper), i = Z((e) => e.setWallpaperModule), [a, o] = G(""), [s, c] = G(!1), l = W(null), u = oe(t ?? void 0) ?? gt, d = H((e) => {
+		let t = e.target.files?.[0];
+		if (!t) return;
+		let n = new FileReader();
+		n.onload = (e) => {
+			let t = e.target?.result;
+			typeof t == "string" && r(t);
+		}, n.readAsDataURL(t);
+	}, [r]), f = H(() => {
+		let e = a.trim();
+		e && r(e);
+	}, [a, r]), p = H(() => {
+		r(null), o("");
+	}, [r]), m = H((e) => {
+		let t = e.url ? e.url.startsWith("idb://") ? e.url : `/${e.url}` : null;
+		t && r(t), c(!1);
+	}, [r]);
+	return /* @__PURE__ */ q(ht, {
+		title: e("wallpaper.title"),
+		children: [
+			/* @__PURE__ */ K("div", { children: /* @__PURE__ */ K(Qe, {
+				value: n,
+				onChange: i,
+				data: [{
+					value: "default",
+					label: e("wallpaper.staticImage")
+				}],
+				fullWidth: !0
+			}) }),
+			/* @__PURE__ */ K("img", {
+				src: u,
+				alt: e("wallpaper.wallpaperPreview"),
+				style: {
+					width: "100%",
+					height: 180,
+					objectFit: "cover",
+					borderRadius: 8
+				}
+			}),
+			/* @__PURE__ */ q(P, { children: [
+				/* @__PURE__ */ K("input", {
+					ref: l,
+					type: "file",
+					accept: "image/*",
+					style: { display: "none" },
+					onChange: d,
+					"aria-label": e("wallpaper.uploadAria", { defaultValue: "Upload wallpaper file" })
+				}),
+				/* @__PURE__ */ K(L, {
+					variant: "light",
+					onClick: () => c(!0),
+					children: e("wallpaper.chooseFromImages")
+				}),
+				/* @__PURE__ */ K(L, {
+					variant: "light",
+					onClick: () => l.current?.click(),
+					children: e("wallpaper.uploadFromDisk")
+				}),
+				/* @__PURE__ */ K(L, {
+					variant: "subtle",
+					color: "red",
+					onClick: p,
+					children: e("wallpaper.resetToDefault")
+				})
+			] }),
+			/* @__PURE__ */ q(P, {
+				align: "flex-end",
+				children: [/* @__PURE__ */ K(w, {
+					label: e("wallpaper.orEnterUrl"),
+					placeholder: "https://example.com/image.jpg",
+					value: a,
+					onChange: (e) => o(e.currentTarget.value),
+					style: { flex: 1 }
+				}), /* @__PURE__ */ K(L, {
+					onClick: f,
+					disabled: !a.trim(),
+					children: e("common:actions.apply")
+				})]
+			}),
+			/* @__PURE__ */ K(se, {
+				opened: s,
+				acceptedMimeTypes: ["image/*"],
+				onConfirm: m,
+				onCancel: () => c(!1)
+			})
+		]
+	});
+}, vt = () => {
+	let { t: e } = J("settings"), t = Z((e) => e.theme.mode), n = Z((e) => e.themeSetManually), r = Z((e) => e.customThemeColors), i = Z((e) => e.animationDuration), a = Z((e) => e.setThemeMode), o = Z((e) => e.setThemeAutomatic), s = Z((e) => e.setCustomThemeColors), c = Z((e) => e.setAnimationDuration), l = r ? "custom" : n ? t : "system", u = H((e) => {
+		e === "system" ? (o(), s(null)) : e === "custom" ? s({
+			taskbar: "#339af0",
+			window: "#ffffff",
+			accent: "#339af0"
+		}) : (a(e), s(null));
+	}, [
+		a,
+		o,
+		s
+	]), d = H((e) => (t) => {
+		r && s({
+			...r,
+			[e]: t
+		});
+	}, [r, s]), f = H((e) => {
+		c(e);
+	}, [c]), p = l === "custom";
+	return /* @__PURE__ */ q(z, {
+		gap: "md",
+		p: "md",
+		children: [
+			/* @__PURE__ */ K(I, {
+				fw: 600,
+				size: "lg",
+				children: e("appearance.title")
+			}),
+			/* @__PURE__ */ K(I, {
+				size: "sm",
+				c: "dimmed",
+				children: e("appearance.description")
+			}),
+			/* @__PURE__ */ K(Qe, {
+				value: l,
+				onChange: u,
+				data: [
+					{
+						label: e("common:theme.light"),
+						value: "light"
+					},
+					{
+						label: e("common:theme.dark"),
+						value: "dark"
+					},
+					{
+						label: e("common:theme.system"),
+						value: "system"
+					},
+					{
+						label: e("common:theme.custom"),
+						value: "custom"
+					}
+				],
+				"aria-label": e("appearance.themeMode", { defaultValue: "Theme mode" })
+			}),
+			/* @__PURE__ */ q(z, {
+				gap: "sm",
+				mt: "md",
+				children: [
+					/* @__PURE__ */ q(m, { children: [/* @__PURE__ */ K(I, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						c: p ? "dark" : void 0,
+						children: e("appearance.taskbar")
+					}), /* @__PURE__ */ K(_, {
+						value: r?.taskbar ?? "#339af0",
+						onChange: d("taskbar"),
+						disabled: !p
+					})] }),
+					/* @__PURE__ */ q(m, { children: [/* @__PURE__ */ K(I, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						c: p ? "dark" : void 0,
+						children: e("appearance.window")
+					}), /* @__PURE__ */ K(_, {
+						value: r?.window ?? "#ffffff",
+						onChange: d("window"),
+						disabled: !p
+					})] }),
+					/* @__PURE__ */ q(m, { children: [/* @__PURE__ */ K(I, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						c: p ? "dark" : void 0,
+						children: e("appearance.accent")
+					}), /* @__PURE__ */ K(_, {
+						value: r?.accent ?? "#339af0",
+						onChange: d("accent"),
+						disabled: !p
+					})] })
+				]
+			}),
+			/* @__PURE__ */ q(m, {
+				mt: "md",
+				children: [
+					/* @__PURE__ */ K(I, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						children: e("appearance.animationDuration")
+					}),
+					/* @__PURE__ */ K(I, {
+						size: "xs",
+						c: "dimmed",
+						mb: "sm",
+						children: e("appearance.animationDescription")
+					}),
+					/* @__PURE__ */ q(P, {
+						align: "center",
+						gap: "md",
+						children: [/* @__PURE__ */ K(k, {
+							value: i,
+							onChange: f,
+							min: .1,
+							max: 1,
+							step: .1,
+							style: { flex: 1 },
+							marks: [
+								{
+									value: .1,
+									label: "0.1s"
+								},
+								{
+									value: .5,
+									label: "0.5s"
+								},
+								{
+									value: 1,
+									label: "1.0s"
+								}
+							],
+							"aria-label": e("appearance.animationDuration")
+						}), /* @__PURE__ */ q(I, {
+							size: "sm",
+							fw: 500,
+							style: { minWidth: 40 },
+							children: [i.toFixed(1), "s"]
+						})]
+					})
+				]
+			})
+		]
+	});
+}, yt = () => {
+	let e = Z((e) => e.launcherIcon), t = Z((e) => e.setLauncherIcon), [n, r] = G([]), [i, a] = G(""), o = de(i);
+	U(() => {
+		import("react-icons/fc").then((e) => {
+			r(Object.keys(e).filter((e) => e.startsWith("Fc")).sort());
+		});
+	}, []);
+	let s = o ? n.filter((e) => e.toLowerCase().includes(o.toLowerCase())) : n, c = H((e) => {
+		t(e);
+	}, [t]);
+	return /* @__PURE__ */ q(ht, {
+		title: "Launcher Icon",
+		description: `Selected: ${e}`,
+		children: [/* @__PURE__ */ K(w, {
+			placeholder: "Search icons...",
+			value: i,
+			onChange: (e) => a(e.currentTarget.value),
+			"aria-label": "Search icons"
+		}), /* @__PURE__ */ K(E, {
+			style: {
+				flex: 1,
+				height: 300
+			},
+			children: /* @__PURE__ */ K(g, {
+				cols: 8,
+				spacing: 4,
+				children: s.map((t) => /* @__PURE__ */ K(y, {
+					label: t,
+					withArrow: !0,
+					openDelay: 400,
+					children: /* @__PURE__ */ K(M, {
+						onClick: () => c(t),
+						"aria-label": t,
+						"aria-pressed": t === e,
+						style: {
+							padding: 6,
+							borderRadius: 6,
+							background: t === e ? "var(--mantine-primary-color-light)" : "transparent",
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center"
+						},
+						children: /* @__PURE__ */ K(R, {
+							fcIcon: t,
+							size: 24
+						})
+					})
+				}, t))
+			})
+		})]
+	});
+}, bt = (e) => {
+	let t = Q[e];
+	if (!t || document.head.querySelector(`link[data-font="${e}"]`)) return;
+	let n = document.createElement("link");
+	n.rel = "stylesheet", n.href = t, n.setAttribute("data-font", e), document.head.appendChild(n);
+}, xt = async (e) => {
+	let t = Q[e];
+	if (!t) throw Error(`Font "${e}" not found in Google Fonts`);
+	let n = await fetch(t);
+	if (!n.ok) throw Error(`Failed to download font: HTTP ${n.status}`);
+	return await n.text(), bt(e), {
+		font: e,
+		success: !0
+	};
+}, St = (e) => {
+	let t = ge(), n = Z((e) => e.markFontDownloaded), r = Z((e) => e.downloadedFonts), i = e ? r.includes(e) : !1, a = e && !i && Q[e], o = he({
+		queryKey: ["font", e ?? ""],
+		queryFn: async ({ queryKey: e }) => {
+			let [, t] = e;
+			if (!t || !Q[t]) throw Error(`Font "${t}" not available`);
+			let r = await xt(t);
+			return r.success && n(t), r;
+		},
+		enabled: !!a,
+		staleTime: Infinity,
+		gcTime: Infinity,
+		retry: !1
+	}), s = o.isFetching ? {
+		status: "downloading",
+		loaded: 0,
+		total: null,
+		percent: null,
+		error: null
+	} : o.isError ? {
+		status: "error",
+		loaded: 0,
+		total: null,
+		percent: null,
+		error: o.error?.message ?? "Unknown error"
+	} : o.isSuccess ? {
+		status: "done",
+		loaded: 0,
+		total: 0,
+		percent: 100,
+		error: null
+	} : {
+		status: "idle",
+		loaded: 0,
+		total: null,
+		percent: null,
+		error: null
+	}, c = () => {
+		e && t.removeQueries({ queryKey: ["font", e] });
+	};
+	return {
+		...o,
+		progress: s,
+		isDownloaded: i,
+		reset: c
+	};
+}, Ct = ce[1], wt = ({ status: e, error: t, onDownload: n }) => {
+	let { t: r } = J("settings");
+	return t ? /* @__PURE__ */ K(Ne, {
+		color: Ct,
+		variant: "filled",
+		size: "sm",
+		"aria-label": `Download error: ${t}`,
+		children: r("common:status.error")
+	}) : /* @__PURE__ */ K(L, {
+		size: "xs",
+		variant: "light",
+		onClick: n,
+		loading: e === "downloading",
+		"aria-label": r("font.download"),
+		children: r("font.download")
+	});
+}, Tt = () => {
+	let { t: e } = J("settings"), t = Z((e) => e.font), n = Z((e) => e.setFont), r = Z((e) => e.fontSize), i = Z((e) => e.setFontSize), a = Z((e) => e.downloadedFonts), o = Z((e) => e.markFontDownloaded), [s, c] = G(null), l = St(s);
+	U(() => {
+		l.isSuccess && l.data?.success && s && (a.includes(s) || o(s));
+	}, [
+		l.isSuccess,
+		l.data,
+		s,
+		a,
+		o
+	]);
+	let u = H((e) => {
+		c(e);
+	}, []), d = (e) => a.includes(e) ? "done" : s === e ? l.progress.status : "idle", f = (e) => s === e ? l.progress.error : null, p = H((e) => {
+		let t = e.trim();
+		t && (Q[t] = `https://fonts.googleapis.com/css2?family=${t.replace(/\s+/g, "+")}&display=swap`, c(t));
+	}, []), m = ft.map((e) => e.value), h = a.filter((e) => !m.includes(e));
+	return /* @__PURE__ */ q(z, {
+		gap: "md",
+		p: "md",
+		children: [
+			/* @__PURE__ */ K(I, {
+				fw: 600,
+				size: "lg",
+				children: e("font.title")
+			}),
+			/* @__PURE__ */ K(I, {
+				size: "sm",
+				c: "dimmed",
+				children: e("font.description")
+			}),
+			/* @__PURE__ */ K(Y.Group, {
+				value: t,
+				onChange: n,
+				"aria-label": e("font.selectionAria", { defaultValue: "Font selection" }),
+				children: /* @__PURE__ */ q(z, {
+					gap: "xs",
+					children: [ft.map((e) => {
+						let t = !!Q[e.value], n = a.includes(e.value), r = d(e.value), i = f(e.value), o = !t || n || r === "done";
+						return /* @__PURE__ */ K(N, {
+							p: "sm",
+							withBorder: !0,
+							radius: "md",
+							children: /* @__PURE__ */ q(z, {
+								gap: "xs",
+								children: [/* @__PURE__ */ q(P, {
+									justify: "space-between",
+									children: [/* @__PURE__ */ K(Y, {
+										value: e.value,
+										label: e.label,
+										"aria-label": e.label,
+										disabled: !o
+									}), /* @__PURE__ */ q(P, {
+										gap: "xs",
+										align: "center",
+										children: [o && /* @__PURE__ */ K(I, {
+											size: "sm",
+											c: "dimmed",
+											style: { fontFamily: e.stack },
+											children: "AaBbCcDd"
+										}), t && /* @__PURE__ */ K(wt, {
+											fontLabel: e.label,
+											status: r,
+											error: i,
+											onDownload: () => u(e.value),
+											isDownloaded: n
+										})]
+									})]
+								}), t && r === "downloading" && /* @__PURE__ */ K(j, { state: l.progress })]
+							})
+						}, e.value);
+					}), h.map((e) => /* @__PURE__ */ K(N, {
+						p: "sm",
+						withBorder: !0,
+						radius: "md",
+						children: /* @__PURE__ */ q(P, {
+							justify: "space-between",
+							children: [/* @__PURE__ */ K(Y, {
+								value: e,
+								label: e,
+								"aria-label": e
+							}), /* @__PURE__ */ K(I, {
+								size: "sm",
+								c: "dimmed",
+								style: { fontFamily: `"${e}"` },
+								children: "AaBbCcDd"
+							})]
+						})
+					}, e))]
+				})
+			}),
+			/* @__PURE__ */ K(N, {
+				p: "sm",
+				withBorder: !0,
+				radius: "md",
+				children: /* @__PURE__ */ q(z, {
+					gap: "xs",
+					children: [/* @__PURE__ */ q(P, {
+						justify: "space-between",
+						children: [/* @__PURE__ */ K(I, {
+							size: "sm",
+							fw: 500,
+							children: e("font.fontSize")
+						}), /* @__PURE__ */ q(I, {
+							size: "sm",
+							c: "dimmed",
+							children: [r, "px"]
+						})]
+					}), /* @__PURE__ */ K(k, {
+						value: r,
+						onChange: i,
+						min: 10,
+						max: 24,
+						step: 1,
+						marks: [
+							{ value: 10 },
+							{ value: 14 },
+							{ value: 18 },
+							{ value: 20 },
+							{ value: 24 }
+						],
+						"aria-label": e("font.fontSizeAria", { defaultValue: "Font size" })
+					})]
+				})
+			}),
+			/* @__PURE__ */ K(Et, {
+				onDownload: p,
+				activeDownload: s,
+				fontDownload: l
+			})
+		]
+	});
+}, Et = ({ onDownload: e, activeDownload: t, fontDownload: n }) => {
+	let { t: r } = J("settings"), [i, a] = G(""), o = t === i.trim(), s = o ? n.progress.status : "idle", c = o && n.progress.status === "error", l = H((e) => {
+		a(e), c && n.reset?.();
+	}, [c, n]), u = H(() => {
+		e(i);
+	}, [i, e]), d = o && s === "done";
+	return /* @__PURE__ */ K(N, {
+		p: "sm",
+		withBorder: !0,
+		radius: "md",
+		children: /* @__PURE__ */ q(z, {
+			gap: "xs",
+			children: [
+				/* @__PURE__ */ q(I, {
+					size: "sm",
+					fw: 500,
+					children: [
+						r("font.downloadByName"),
+						" ",
+						/* @__PURE__ */ K("a", {
+							href: "https://fonts.google.com/",
+							target: "_blank",
+							rel: "noreferrer",
+							children: r("font.fromGoogleFonts")
+						})
+					]
+				}),
+				/* @__PURE__ */ q(P, {
+					gap: "xs",
+					align: "flex-start",
+					children: [/* @__PURE__ */ K(w, {
+						placeholder: r("font.namePlaceholder", { defaultValue: "e.g. Open Sans" }),
+						value: i,
+						onChange: (e) => l(e.currentTarget.value),
+						style: { flex: 1 },
+						"aria-label": r("font.customNameAria", { defaultValue: "Custom font name" }),
+						error: c ? r("font.downloadError") : void 0
+					}), /* @__PURE__ */ K(L, {
+						onClick: u,
+						disabled: !i.trim() || s === "downloading",
+						loading: s === "downloading",
+						"aria-label": r("font.downloadCustomAria", { defaultValue: "Download custom font" }),
+						style: { marginTop: c ? 0 : void 0 },
+						children: r("font.download")
+					})]
+				}),
+				s === "downloading" && /* @__PURE__ */ K(j, { state: n.progress }),
+				d && /* @__PURE__ */ K(I, {
+					size: "xs",
+					c: "dimmed",
+					children: r("font.downloadSuccess")
+				})
+			]
+		})
+	});
+}, Dt = ["en", "es"], Ot = "en", kt = {
+	en: "English",
+	es: "Español"
+}, At = () => {
+	let { t: e } = J("settings"), t = Z((e) => e.language), n = Z((e) => e.setLanguage), r = H((e) => {
+		n(e);
+	}, [n]);
+	return /* @__PURE__ */ K(ht, {
+		title: e("language.title"),
+		description: e("language.description"),
+		children: /* @__PURE__ */ K(z, {
+			gap: "xs",
+			children: Dt.map((e) => /* @__PURE__ */ K(M, {
+				onClick: () => r(e),
+				"aria-label": kt[e],
+				"aria-pressed": e === t,
+				style: {
+					padding: "12px 16px",
+					borderRadius: 8,
+					width: "100%",
+					background: e === t ? "var(--mantine-primary-color-light)" : "transparent",
+					border: e === t ? "1px solid var(--mantine-primary-color-filled)" : "1px solid transparent",
+					transition: "all 0.15s ease",
+					cursor: "pointer"
+				},
+				children: /* @__PURE__ */ q(P, {
+					gap: "sm",
+					children: [/* @__PURE__ */ K(dt, {
+						lang: e,
+						size: 24
+					}), /* @__PURE__ */ K(I, {
+						fw: e === t ? 600 : 400,
+						children: kt[e]
+					})]
+				})
+			}, e))
+		})
+	});
+};
+//#endregion
+//#region src/utils/clearBrowserData.ts
+async function jt(e) {
+	let t = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : void 0;
+	if (t) {
+		if (!e?.keepServiceWorker && "serviceWorker" in t.navigator) {
+			let e = await t.navigator.serviceWorker.getRegistrations();
+			for (let t of e) await t.unregister();
+		}
+		if ("caches" in t) {
+			let e = await t.caches.keys();
+			for (let n of e) await t.caches.delete(n);
+		}
+		if (!e?.keepIndexedDB && "indexedDB" in t) {
+			let e = await t.indexedDB.databases();
+			for (let n of e) n.name && t.indexedDB.deleteDatabase(n.name);
+		}
+		!e?.keepLocalStorage && "localStorage" in t && t.localStorage.clear(), !e?.keepSessionStorage && "sessionStorage" in t && t.sessionStorage.clear();
+	}
+}
+//#endregion
+//#region src/utils/resetDockerWorkspace.ts
+async function Mt() {
+	F() && (await fetch("/api/fs/reset", { method: "POST" }), await fetch("/api/fs/seed", { method: "POST" }));
+}
+//#endregion
+//#region src/components/Apps/SettingsApp/sections/ResetSettings.tsx
+var Nt = () => {
+	let { t: e } = J("settings"), [t, n] = G(!1), r = H(() => {
+		n(!0);
+	}, []), i = H(() => {
+		n(!1);
+	}, []), a = H(async () => {
+		await Mt(), await jt(), window.location.reload();
+	}, []), o = H(async () => {
+		await Mt(), await jt({ keepIndexedDB: !0 }), window.location.reload();
+	}, []);
+	return /* @__PURE__ */ q(ht, {
+		title: e("reset.title"),
+		description: e("reset.description"),
+		children: [/* @__PURE__ */ K(L, {
+			color: "red",
+			onClick: r,
+			style: { alignSelf: "flex-start" },
+			children: e("reset.resetButton")
+		}), t && /* @__PURE__ */ K(m, {
+			style: {
+				position: "fixed",
+				top: 0,
+				left: 0,
+				right: 0,
+				bottom: 0,
+				background: "rgba(0,0,0,0.5)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				zIndex: 1e3
+			},
+			role: "dialog",
+			"aria-label": "Confirm reset",
+			children: /* @__PURE__ */ K(m, {
+				style: {
+					background: "var(--mantine-color-default)",
+					borderRadius: 8,
+					padding: 24,
+					maxWidth: 400,
+					width: "100%"
+				},
+				children: /* @__PURE__ */ q(z, {
+					gap: "md",
+					children: [
+						/* @__PURE__ */ K(I, {
+							fw: 600,
+							size: "lg",
+							ta: "center",
+							children: e("reset.modalTitle")
+						}),
+						/* @__PURE__ */ K(I, {
+							size: "sm",
+							c: "dimmed",
+							ta: "center",
+							children: e("reset.modalDescription")
+						}),
+						/* @__PURE__ */ q(P, {
+							justify: "center",
+							gap: "xs",
+							mt: "md",
+							children: [
+								/* @__PURE__ */ K(L, {
+									variant: "default",
+									onClick: i,
+									children: e("reset.goBack")
+								}),
+								/* @__PURE__ */ K(L, {
+									color: "blue",
+									onClick: o,
+									children: e("reset.keepFiles")
+								}),
+								/* @__PURE__ */ K(L, {
+									color: "red",
+									onClick: a,
+									children: e("reset.burnEverything")
+								})
+							]
+						})
+					]
+				})
+			})
+		})]
+	});
+}, $ = {
+	root: "_root_77epl_1",
+	sidebar: "_sidebar_77epl_8",
+	navItem: "_navItem_77epl_16",
+	content: "_content_77epl_41",
+	overviewPadding: "_overviewPadding_77epl_47",
+	sectionCard: "_sectionCard_77epl_51",
+	toolbar: "_toolbar_77epl_60",
+	dirtyIndicator: "_dirtyIndicator_77epl_70",
+	versionFooter: "_versionFooter_77epl_77"
+}, Pt = {
+	name: "Francisco Núñez Palomares",
+	title: "Fullstack Developer & DevOps",
+	email: "frannunpal@gmail.com",
+	phone: "+34 600 275 210",
+	location: "Spain",
+	linkedin: "https://www.linkedin.com/in/francisco-núñez-palomares-74a484171/",
+	github: "https://github.com/frannunpal",
+	cvUrls: {
+		en: "Desktop/CV_2026_English.pdf",
+		es: "Desktop/CV 2026.pdf"
+	}
+}, Ft = /* @__PURE__ */ e({ default: () => zt }), It = "0.4.0", Lt = () => It, Rt = {
+	wallpaper: _t,
+	appearance: vt,
+	launcher: yt,
+	font: Tt,
+	language: At,
+	reset: Nt
+}, zt = ({ window: e, notifyReady: t }) => {
+	let { t: n } = J("settings"), [r, i] = G(null), [a, o] = G(!1), s = ie((e) => e.windows), c = e?.id ?? s.find((e) => e.content === "settings")?.id, l = Z((e) => e.wallpaper), u = Z((e) => e.wallpaperModule), d = Z((e) => e.theme), f = Z((e) => e.font), p = Z((e) => e.fontSize), m = Z((e) => e.launcherIcon), h = Z((e) => e.customThemeColors), _ = Z((e) => e.animationDuration), v = Z((e) => e.setWallpaper), y = Z((e) => e.setWallpaperModule), b = Z((e) => e.setFont), x = Z((e) => e.setFontSize), S = Z((e) => e.setLauncherIcon), C = Z((e) => e.setThemeMode), w = Z((e) => e.setCustomThemeColors), T = Z((e) => e.setThemeAutomatic), E = Z((e) => e.setAnimationDuration), D = W(null);
+	U(() => {
+		D.current === null && (D.current = {
+			wallpaper: l,
+			wallpaperModule: u,
+			themeMode: d.mode,
+			font: f,
+			fontSize: p,
+			launcherIcon: m,
+			customThemeColors: h,
+			animationDuration: _
+		});
+	}, [
+		l,
+		u,
+		d.mode,
+		f,
+		p,
+		m,
+		h,
+		_
+	]), U(() => {
+		if (!D.current) return;
+		let e = {
+			wallpaper: l,
+			wallpaperModule: u,
+			themeMode: d.mode,
+			font: f,
+			fontSize: p,
+			launcherIcon: m,
+			customThemeColors: h,
+			animationDuration: _
+		};
+		o(JSON.stringify(e) !== JSON.stringify(D.current));
+	}, [
+		l,
+		u,
+		d.mode,
+		f,
+		p,
+		m,
+		h,
+		_
+	]);
+	let ee = H(() => {
+		let e = D.current;
+		e && (v(e.wallpaper), y(e.wallpaperModule), b(e.font), x(e.fontSize), S(e.launcherIcon), E(e.animationDuration), e.customThemeColors ? w(e.customThemeColors) : (w(null), T()), C(e.themeMode), o(!1));
+	}, [
+		v,
+		y,
+		b,
+		x,
+		S,
+		E,
+		C,
+		w,
+		T
+	]);
+	U(() => {
+		c && B.getState().reset(c);
+	}, [c]), U(() => {
+		c && B.getState().setIsDirty(c, a);
+	}, [c, a]), U(() => {
+		t?.({
+			...e?.contentData ?? {},
+			discard: ee
+		});
+	}, [
+		e,
+		t,
+		ee
+	]), ae({
+		isDirtyGetter: H(() => {
+			if (!D.current) return !1;
+			let e = {
+				wallpaper: Z.getState().wallpaper,
+				wallpaperModule: Z.getState().wallpaperModule,
+				themeMode: Z.getState().theme.mode,
+				font: Z.getState().font,
+				fontSize: Z.getState().fontSize,
+				launcherIcon: Z.getState().launcherIcon,
+				customThemeColors: Z.getState().customThemeColors,
+				animationDuration: Z.getState().animationDuration
+			};
+			return JSON.stringify(e) !== JSON.stringify(D.current);
+		}, []),
+		windowId: c,
+		onDiscard: ee,
+		onSave: () => {}
+	});
+	let O = H((e) => {
+		i(e);
+	}, []), k = H(() => {
+		i(null);
+	}, []), te = H(() => {
+		globalThis.location.href = `mailto:${Pt.email}`;
+	}, []), A = r ? Rt[r] : null;
+	return /* @__PURE__ */ q("div", {
+		className: $.root,
+		children: [/* @__PURE__ */ K("aside", {
+			className: $.sidebar,
+			children: /* @__PURE__ */ q("nav", {
+				"aria-label": "Settings sections",
+				children: [/* @__PURE__ */ q("button", {
+					className: $.navItem,
+					"data-active": r === null || void 0,
+					onClick: k,
+					"aria-label": "All Settings",
+					"aria-current": r === null ? "page" : void 0,
+					children: [/* @__PURE__ */ K(R, {
+						fcIcon: "FcList",
+						size: 16
+					}), /* @__PURE__ */ K(I, {
+						size: "xs",
+						ml: 6,
+						truncate: !0,
+						children: n("all")
+					})]
+				}), mt.map((e) => /* @__PURE__ */ q("button", {
+					className: $.navItem,
+					"data-active": r === e.id || void 0,
+					onClick: () => O(e.id),
+					"aria-label": e.label,
+					"aria-current": r === e.id ? "page" : void 0,
+					children: [/* @__PURE__ */ K(R, {
+						fcIcon: e.fcIcon,
+						size: 16
+					}), /* @__PURE__ */ K(I, {
+						size: "xs",
+						ml: 6,
+						truncate: !0,
+						children: n(`sections.${e.id}.label`)
+					})]
+				}, e.id))]
+			})
+		}), /* @__PURE__ */ K("main", {
+			className: $.content,
+			children: A ? /* @__PURE__ */ K(A, {}) : /* @__PURE__ */ q(z, {
+				className: $.overviewPadding,
+				h: "100%",
+				justify: "space-between",
+				gap: 0,
+				children: [
+					/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(I, {
+						fw: 500,
+						mb: "md",
+						size: "sm",
+						c: "dimmed",
+						children: n("all")
+					}), /* @__PURE__ */ K(g, {
+						cols: 2,
+						spacing: "sm",
+						children: mt.map((e) => /* @__PURE__ */ K(re, {
+							withBorder: !0,
+							padding: "md",
+							radius: "md",
+							className: $.sectionCard,
+							onClick: () => O(e.id),
+							role: "button",
+							"aria-label": `Open ${e.label} settings`,
+							children: /* @__PURE__ */ q(z, {
+								gap: 6,
+								align: "flex-start",
+								children: [
+									/* @__PURE__ */ K(R, {
+										fcIcon: e.fcIcon,
+										size: 28
+									}),
+									/* @__PURE__ */ K(I, {
+										size: "sm",
+										fw: 500,
+										children: n(`sections.${e.id}.label`)
+									}),
+									/* @__PURE__ */ K(I, {
+										size: "xs",
+										c: "dimmed",
+										children: n(`sections.${e.id}.description`)
+									})
+								]
+							})
+						}, e.id))
+					})] }),
+					/* @__PURE__ */ K(L, {
+						gradient: {
+							from: "blue",
+							to: "cyan",
+							deg: 90
+						},
+						onClick: te,
+						children: "FDE: Fran Desktop Environment"
+					}),
+					/* @__PURE__ */ K(I, {
+						size: "xs",
+						c: "dimmed",
+						ta: "center",
+						className: $.versionFooter,
+						children: Lt()
+					})
+				]
+			})
+		})]
+	});
+};
+//#endregion
+export { tt as _, Ot as a, bt as c, ft as d, pt as f, Z as g, it as h, jt as i, ht as l, dt as m, Ft as n, Dt as o, Q as p, Pt as r, St as s, zt as t, mt as u };