@fde-desktop/fde-core 0.4.13 → 0.4.20

package/dist/SettingsApp-BTFtTFY_.js

@@ -1,1228 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, o as n } from "./desktopStore-8cSZlj7s.js";
-import { t as r } from "./AppIcon-mtEoyzOb.js";
-import { i } from "./useCloseInterceptor-CIxhOZx1.js";
-import { t as a } from "./useResolvedUrl-B6x4xy0x.js";
-import { n as o } from "./FilePickerApp-ClHuhm6Z.js";
-import { t as s } from "./Colors-CuABn2W4.js";
-import { t as c } from "./DownloadProgress-DnVASsv5.js";
-import { t as l } from "./ColorPicker-WCeD3Wjf.js";
-import { n as u } from "./settingsAppStore-DHZhi6Rl.js";
-import { useCallback as d, useDeferredValue as f, useEffect as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Badge as v, Box as y, Button as b, Card as x, Group as S, Paper as C, Radio as w, ScrollArea as T, SegmentedControl as E, SimpleGrid as ee, Slider as D, Stack as O, Text as k, TextInput as A, Tooltip as te, UnstyledButton as j } from "@mantine/core";
-import { useQuery as M, useQueryClient as N } from "@tanstack/react-query";
-import { create as P } from "zustand";
-import { createJSONStorage as ne, persist as F } from "zustand/middleware";
-import { useTranslation as I } from "react-i18next";
-//#region src/infrastructure/adapters/DefaultThemeProvider.ts
-var L = {
-	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
-	}
-}, R = {
-	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
-	}
-}, z = class {
-	mode;
-	customColors = null;
-	constructor(e = "light") {
-		this.mode = e;
-	}
-	getTheme() {
-		let e = this.mode === "light" ? L : R;
-		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";
-	}
-}, B = ["en", "es"], V = "en", H = () => {
-	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;
-	}
-}, U = H(), W = () => {
-	if (typeof navigator > "u" || !navigator.language) return V;
-	let e = navigator.language.split("-")[0];
-	return B.includes(e) ? e : V;
-}, re = (() => {
-	try {
-		let e = localStorage.getItem("fde-desktop:settings"), t = localStorage.getItem("fran-desktop:settings"), n = JSON.parse(e ?? t ?? "{}")?.state?.language;
-		return n && B.includes(n) ? n : W();
-	} catch {
-		return W();
-	}
-})(), ie = typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light", G = new z(U ?? ie), K = P()(F((e) => ({
-	wallpaper: null,
-	wallpaperModule: "default",
-	launcherIcon: "FcElectronics",
-	font: "system-ui",
-	downloadedFonts: [],
-	fontSize: 14,
-	animationDuration: .3,
-	theme: G.getTheme(),
-	themeSetManually: U !== null,
-	customThemeColors: null,
-	language: re,
-	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) => {
-		G.setMode(t), e({
-			theme: G.getTheme(),
-			themeSetManually: !0
-		});
-	},
-	toggleTheme: () => {
-		G.toggle(), e({
-			theme: G.getTheme(),
-			themeSetManually: !0
-		});
-	},
-	setThemeAutomatic: () => e({ themeSetManually: !1 }),
-	applySystemTheme: (t) => {
-		G.setMode(t), e({ theme: G.getTheme() });
-	},
-	setCustomThemeColors: (t) => {
-		e({ customThemeColors: t });
-	},
-	setLanguage: (t) => e({ language: t })
-}), {
-	name: "fde-desktop:settings",
-	storage: ne(() => localStorage)
-})), q = {
-	container: "_container_a0fjd_1",
-	flag: "_flag_a0fjd_8"
-}, ae = {
-	en: /* @__PURE__ */ _("svg", {
-		viewBox: "0 0 60 40",
-		className: q.flag,
-		children: [
-			/* @__PURE__ */ g("rect", {
-				fill: "#012169",
-				width: "60",
-				height: "40"
-			}),
-			/* @__PURE__ */ g("path", {
-				d: "M0,0 L60,40 M60,0 L0,40",
-				stroke: "#fff",
-				strokeWidth: "6"
-			}),
-			/* @__PURE__ */ g("path", {
-				d: "M0,0 L60,40 M60,0 L0,40",
-				stroke: "#C8102E",
-				strokeWidth: "4"
-			}),
-			/* @__PURE__ */ g("path", {
-				d: "M30,0 V40 M0,20 H60",
-				stroke: "#fff",
-				strokeWidth: "10"
-			}),
-			/* @__PURE__ */ g("path", {
-				d: "M30,0 V40 M0,20 H60",
-				stroke: "#C8102E",
-				strokeWidth: "6"
-			})
-		]
-	}),
-	es: /* @__PURE__ */ _("svg", {
-		viewBox: "0 0 60 40",
-		className: q.flag,
-		children: [/* @__PURE__ */ g("rect", {
-			fill: "#C60B1E",
-			width: "60",
-			height: "40"
-		}), /* @__PURE__ */ g("rect", {
-			fill: "#FFC400",
-			y: "10",
-			width: "60",
-			height: "20"
-		})]
-	})
-}, oe = ({ lang: e, size: t = 20 }) => /* @__PURE__ */ g("div", {
-	style: {
-		width: t * 1.5,
-		height: t
-	},
-	className: q.container,
-	"aria-label": e === "en" ? "English" : "Español",
-	"data-testid": `flag-${e}`,
-	children: ae[e]
-}), J = [
-	{
-		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"
-	}
-], se = Object.fromEntries(J.map((e) => [e.value, e.stack])), Y = {
-	"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"
-}, X = [
-	{
-		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."
-	}
-], Z = ({ title: e, description: t, children: n }) => /* @__PURE__ */ _(O, {
-	gap: "md",
-	p: "md",
-	children: [
-		/* @__PURE__ */ g(k, {
-			fw: 600,
-			size: "lg",
-			children: e
-		}),
-		t && /* @__PURE__ */ g(k, {
-			size: "sm",
-			c: "dimmed",
-			children: t
-		}),
-		n
-	]
-}), ce = "/Images/wallpaper.jpg", le = () => {
-	let { t: e } = I("settings"), t = K((e) => e.wallpaper), n = K((e) => e.wallpaperModule), r = K((e) => e.setWallpaper), i = K((e) => e.setWallpaperModule), [s, c] = h(""), [l, u] = h(!1), f = m(null), p = a(t ?? void 0) ?? ce, v = d((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]), y = d(() => {
-		let e = s.trim();
-		e && r(e);
-	}, [s, r]), x = d(() => {
-		r(null), c("");
-	}, [r]), C = d((e) => {
-		let t = e.url ? e.url.startsWith("idb://") ? e.url : `/${e.url}` : null;
-		t && r(t), u(!1);
-	}, [r]);
-	return /* @__PURE__ */ _(Z, {
-		title: e("wallpaper.title"),
-		children: [
-			/* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(E, {
-				value: n,
-				onChange: i,
-				data: [{
-					value: "default",
-					label: e("wallpaper.staticImage")
-				}],
-				fullWidth: !0
-			}) }),
-			/* @__PURE__ */ g("img", {
-				src: p,
-				alt: e("wallpaper.wallpaperPreview"),
-				style: {
-					width: "100%",
-					height: 180,
-					objectFit: "cover",
-					borderRadius: 8
-				}
-			}),
-			/* @__PURE__ */ _(S, { children: [
-				/* @__PURE__ */ g("input", {
-					ref: f,
-					type: "file",
-					accept: "image/*",
-					style: { display: "none" },
-					onChange: v,
-					"aria-label": e("wallpaper.uploadAria", { defaultValue: "Upload wallpaper file" })
-				}),
-				/* @__PURE__ */ g(b, {
-					variant: "light",
-					onClick: () => u(!0),
-					children: e("wallpaper.chooseFromImages")
-				}),
-				/* @__PURE__ */ g(b, {
-					variant: "light",
-					onClick: () => f.current?.click(),
-					children: e("wallpaper.uploadFromDisk")
-				}),
-				/* @__PURE__ */ g(b, {
-					variant: "subtle",
-					color: "red",
-					onClick: x,
-					children: e("wallpaper.resetToDefault")
-				})
-			] }),
-			/* @__PURE__ */ _(S, {
-				align: "flex-end",
-				children: [/* @__PURE__ */ g(A, {
-					label: e("wallpaper.orEnterUrl"),
-					placeholder: "https://example.com/image.jpg",
-					value: s,
-					onChange: (e) => c(e.currentTarget.value),
-					style: { flex: 1 }
-				}), /* @__PURE__ */ g(b, {
-					onClick: y,
-					disabled: !s.trim(),
-					children: e("common:actions.apply")
-				})]
-			}),
-			/* @__PURE__ */ g(o, {
-				opened: l,
-				acceptedMimeTypes: ["image/*"],
-				onConfirm: C,
-				onCancel: () => u(!1)
-			})
-		]
-	});
-}, ue = () => {
-	let { t: e } = I("settings"), t = K((e) => e.theme.mode), n = K((e) => e.themeSetManually), r = K((e) => e.customThemeColors), i = K((e) => e.animationDuration), a = K((e) => e.setThemeMode), o = K((e) => e.setThemeAutomatic), s = K((e) => e.setCustomThemeColors), c = K((e) => e.setAnimationDuration), u = r ? "custom" : n ? t : "system", f = d((e) => {
-		e === "system" ? (o(), s(null)) : e === "custom" ? s({
-			taskbar: "#339af0",
-			window: "#ffffff",
-			accent: "#339af0"
-		}) : (a(e), s(null));
-	}, [
-		a,
-		o,
-		s
-	]), p = d((e) => (t) => {
-		r && s({
-			...r,
-			[e]: t
-		});
-	}, [r, s]), m = d((e) => {
-		c(e);
-	}, [c]), h = u === "custom";
-	return /* @__PURE__ */ _(O, {
-		gap: "md",
-		p: "md",
-		children: [
-			/* @__PURE__ */ g(k, {
-				fw: 600,
-				size: "lg",
-				children: e("appearance.title")
-			}),
-			/* @__PURE__ */ g(k, {
-				size: "sm",
-				c: "dimmed",
-				children: e("appearance.description")
-			}),
-			/* @__PURE__ */ g(E, {
-				value: u,
-				onChange: f,
-				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__ */ _(O, {
-				gap: "sm",
-				mt: "md",
-				children: [
-					/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(k, {
-						size: "sm",
-						fw: 500,
-						mb: "xs",
-						c: h ? "dark" : void 0,
-						children: e("appearance.taskbar")
-					}), /* @__PURE__ */ g(l, {
-						value: r?.taskbar ?? "#339af0",
-						onChange: p("taskbar"),
-						disabled: !h
-					})] }),
-					/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(k, {
-						size: "sm",
-						fw: 500,
-						mb: "xs",
-						c: h ? "dark" : void 0,
-						children: e("appearance.window")
-					}), /* @__PURE__ */ g(l, {
-						value: r?.window ?? "#ffffff",
-						onChange: p("window"),
-						disabled: !h
-					})] }),
-					/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(k, {
-						size: "sm",
-						fw: 500,
-						mb: "xs",
-						c: h ? "dark" : void 0,
-						children: e("appearance.accent")
-					}), /* @__PURE__ */ g(l, {
-						value: r?.accent ?? "#339af0",
-						onChange: p("accent"),
-						disabled: !h
-					})] })
-				]
-			}),
-			/* @__PURE__ */ _(y, {
-				mt: "md",
-				children: [
-					/* @__PURE__ */ g(k, {
-						size: "sm",
-						fw: 500,
-						mb: "xs",
-						children: e("appearance.animationDuration")
-					}),
-					/* @__PURE__ */ g(k, {
-						size: "xs",
-						c: "dimmed",
-						mb: "sm",
-						children: e("appearance.animationDescription")
-					}),
-					/* @__PURE__ */ _(S, {
-						align: "center",
-						gap: "md",
-						children: [/* @__PURE__ */ g(D, {
-							value: i,
-							onChange: m,
-							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__ */ _(k, {
-							size: "sm",
-							fw: 500,
-							style: { minWidth: 40 },
-							children: [i.toFixed(1), "s"]
-						})]
-					})
-				]
-			})
-		]
-	});
-}, de = () => {
-	let e = K((e) => e.launcherIcon), t = K((e) => e.setLauncherIcon), [n, i] = h([]), [a, o] = h(""), s = f(a);
-	p(() => {
-		import("react-icons/fc").then((e) => {
-			i(Object.keys(e).filter((e) => e.startsWith("Fc")).sort());
-		});
-	}, []);
-	let c = s ? n.filter((e) => e.toLowerCase().includes(s.toLowerCase())) : n, l = d((e) => {
-		t(e);
-	}, [t]);
-	return /* @__PURE__ */ _(Z, {
-		title: "Launcher Icon",
-		description: `Selected: ${e}`,
-		children: [/* @__PURE__ */ g(A, {
-			placeholder: "Search icons...",
-			value: a,
-			onChange: (e) => o(e.currentTarget.value),
-			"aria-label": "Search icons"
-		}), /* @__PURE__ */ g(T, {
-			style: {
-				flex: 1,
-				height: 300
-			},
-			children: /* @__PURE__ */ g(ee, {
-				cols: 8,
-				spacing: 4,
-				children: c.map((t) => /* @__PURE__ */ g(te, {
-					label: t,
-					withArrow: !0,
-					openDelay: 400,
-					children: /* @__PURE__ */ g(j, {
-						onClick: () => l(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__ */ g(r, {
-							fcIcon: t,
-							size: 24
-						})
-					})
-				}, t))
-			})
-		})]
-	});
-}, fe = (e) => {
-	let t = Y[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);
-}, pe = async (e) => {
-	let t = Y[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(), fe(e), {
-		font: e,
-		success: !0
-	};
-}, me = (e) => {
-	let t = N(), n = K((e) => e.markFontDownloaded), r = K((e) => e.downloadedFonts), i = e ? r.includes(e) : !1, a = e && !i && Y[e], o = M({
-		queryKey: ["font", e ?? ""],
-		queryFn: async ({ queryKey: e }) => {
-			let [, t] = e;
-			if (!t || !Y[t]) throw Error(`Font "${t}" not available`);
-			let r = await pe(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
-	};
-}, he = s[1], ge = ({ status: e, error: t, onDownload: n }) => {
-	let { t: r } = I("settings");
-	return t ? /* @__PURE__ */ g(v, {
-		color: he,
-		variant: "filled",
-		size: "sm",
-		"aria-label": `Download error: ${t}`,
-		children: r("common:status.error")
-	}) : /* @__PURE__ */ g(b, {
-		size: "xs",
-		variant: "light",
-		onClick: n,
-		loading: e === "downloading",
-		"aria-label": r("font.download"),
-		children: r("font.download")
-	});
-}, _e = () => {
-	let { t: e } = I("settings"), t = K((e) => e.font), n = K((e) => e.setFont), r = K((e) => e.fontSize), i = K((e) => e.setFontSize), a = K((e) => e.downloadedFonts), o = K((e) => e.markFontDownloaded), [s, l] = h(null), u = me(s);
-	p(() => {
-		u.isSuccess && u.data?.success && s && (a.includes(s) || o(s));
-	}, [
-		u.isSuccess,
-		u.data,
-		s,
-		a,
-		o
-	]);
-	let f = d((e) => {
-		l(e);
-	}, []), m = (e) => a.includes(e) ? "done" : s === e ? u.progress.status : "idle", v = (e) => s === e ? u.progress.error : null, y = d((e) => {
-		let t = e.trim();
-		t && (Y[t] = `https://fonts.googleapis.com/css2?family=${t.replace(/\s+/g, "+")}&display=swap`, l(t));
-	}, []), b = J.map((e) => e.value), x = a.filter((e) => !b.includes(e));
-	return /* @__PURE__ */ _(O, {
-		gap: "md",
-		p: "md",
-		children: [
-			/* @__PURE__ */ g(k, {
-				fw: 600,
-				size: "lg",
-				children: e("font.title")
-			}),
-			/* @__PURE__ */ g(k, {
-				size: "sm",
-				c: "dimmed",
-				children: e("font.description")
-			}),
-			/* @__PURE__ */ g(w.Group, {
-				value: t,
-				onChange: n,
-				"aria-label": e("font.selectionAria", { defaultValue: "Font selection" }),
-				children: /* @__PURE__ */ _(O, {
-					gap: "xs",
-					children: [J.map((e) => {
-						let t = !!Y[e.value], n = a.includes(e.value), r = m(e.value), i = v(e.value), o = !t || n || r === "done";
-						return /* @__PURE__ */ g(C, {
-							p: "sm",
-							withBorder: !0,
-							radius: "md",
-							children: /* @__PURE__ */ _(O, {
-								gap: "xs",
-								children: [/* @__PURE__ */ _(S, {
-									justify: "space-between",
-									children: [/* @__PURE__ */ g(w, {
-										value: e.value,
-										label: e.label,
-										"aria-label": e.label,
-										disabled: !o
-									}), /* @__PURE__ */ _(S, {
-										gap: "xs",
-										align: "center",
-										children: [o && /* @__PURE__ */ g(k, {
-											size: "sm",
-											c: "dimmed",
-											style: { fontFamily: e.stack },
-											children: "AaBbCcDd"
-										}), t && /* @__PURE__ */ g(ge, {
-											fontLabel: e.label,
-											status: r,
-											error: i,
-											onDownload: () => f(e.value),
-											isDownloaded: n
-										})]
-									})]
-								}), t && r === "downloading" && /* @__PURE__ */ g(c, { state: u.progress })]
-							})
-						}, e.value);
-					}), x.map((e) => /* @__PURE__ */ g(C, {
-						p: "sm",
-						withBorder: !0,
-						radius: "md",
-						children: /* @__PURE__ */ _(S, {
-							justify: "space-between",
-							children: [/* @__PURE__ */ g(w, {
-								value: e,
-								label: e,
-								"aria-label": e
-							}), /* @__PURE__ */ g(k, {
-								size: "sm",
-								c: "dimmed",
-								style: { fontFamily: `"${e}"` },
-								children: "AaBbCcDd"
-							})]
-						})
-					}, e))]
-				})
-			}),
-			/* @__PURE__ */ g(C, {
-				p: "sm",
-				withBorder: !0,
-				radius: "md",
-				children: /* @__PURE__ */ _(O, {
-					gap: "xs",
-					children: [/* @__PURE__ */ _(S, {
-						justify: "space-between",
-						children: [/* @__PURE__ */ g(k, {
-							size: "sm",
-							fw: 500,
-							children: e("font.fontSize")
-						}), /* @__PURE__ */ _(k, {
-							size: "sm",
-							c: "dimmed",
-							children: [r, "px"]
-						})]
-					}), /* @__PURE__ */ g(D, {
-						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__ */ g(ve, {
-				onDownload: y,
-				activeDownload: s,
-				fontDownload: u
-			})
-		]
-	});
-}, ve = ({ onDownload: e, activeDownload: t, fontDownload: n }) => {
-	let { t: r } = I("settings"), [i, a] = h(""), o = t === i.trim(), s = o ? n.progress.status : "idle", l = o && n.progress.status === "error", u = d((e) => {
-		a(e), l && n.reset?.();
-	}, [l, n]), f = d(() => {
-		e(i);
-	}, [i, e]), p = o && s === "done";
-	return /* @__PURE__ */ g(C, {
-		p: "sm",
-		withBorder: !0,
-		radius: "md",
-		children: /* @__PURE__ */ _(O, {
-			gap: "xs",
-			children: [
-				/* @__PURE__ */ _(k, {
-					size: "sm",
-					fw: 500,
-					children: [
-						r("font.downloadByName"),
-						" ",
-						/* @__PURE__ */ g("a", {
-							href: "https://fonts.google.com/",
-							target: "_blank",
-							rel: "noreferrer",
-							children: r("font.fromGoogleFonts")
-						})
-					]
-				}),
-				/* @__PURE__ */ _(S, {
-					gap: "xs",
-					align: "flex-start",
-					children: [/* @__PURE__ */ g(A, {
-						placeholder: r("font.namePlaceholder", { defaultValue: "e.g. Open Sans" }),
-						value: i,
-						onChange: (e) => u(e.currentTarget.value),
-						style: { flex: 1 },
-						"aria-label": r("font.customNameAria", { defaultValue: "Custom font name" }),
-						error: l ? r("font.downloadError") : void 0
-					}), /* @__PURE__ */ g(b, {
-						onClick: f,
-						disabled: !i.trim() || s === "downloading",
-						loading: s === "downloading",
-						"aria-label": r("font.downloadCustomAria", { defaultValue: "Download custom font" }),
-						style: { marginTop: l ? 0 : void 0 },
-						children: r("font.download")
-					})]
-				}),
-				s === "downloading" && /* @__PURE__ */ g(c, { state: n.progress }),
-				p && /* @__PURE__ */ g(k, {
-					size: "xs",
-					c: "dimmed",
-					children: r("font.downloadSuccess")
-				})
-			]
-		})
-	});
-}, ye = ["en", "es"], be = "en", xe = {
-	en: "English",
-	es: "Español"
-}, Se = () => {
-	let { t: e } = I("settings"), t = K((e) => e.language), n = K((e) => e.setLanguage), r = d((e) => {
-		n(e);
-	}, [n]);
-	return /* @__PURE__ */ g(Z, {
-		title: e("language.title"),
-		description: e("language.description"),
-		children: /* @__PURE__ */ g(O, {
-			gap: "xs",
-			children: ye.map((e) => /* @__PURE__ */ g(j, {
-				onClick: () => r(e),
-				"aria-label": xe[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__ */ _(S, {
-					gap: "sm",
-					children: [/* @__PURE__ */ g(oe, {
-						lang: e,
-						size: 24
-					}), /* @__PURE__ */ g(k, {
-						fw: e === t ? 600 : 400,
-						children: xe[e]
-					})]
-				})
-			}, e))
-		})
-	});
-};
-//#endregion
-//#region src/utils/clearBrowserData.ts
-async function Q(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 Ce() {
-	t() && (await fetch("/api/fs/reset", { method: "POST" }), await fetch("/api/fs/seed", { method: "POST" }));
-}
-//#endregion
-//#region src/components/Apps/SettingsApp/sections/ResetSettings.tsx
-var we = () => {
-	let { t: e } = I("settings"), [t, n] = h(!1), r = d(() => {
-		n(!0);
-	}, []), i = d(() => {
-		n(!1);
-	}, []), a = d(async () => {
-		await Ce(), await Q(), window.location.reload();
-	}, []), o = d(async () => {
-		await Ce(), await Q({ keepIndexedDB: !0 }), window.location.reload();
-	}, []);
-	return /* @__PURE__ */ _(Z, {
-		title: e("reset.title"),
-		description: e("reset.description"),
-		children: [/* @__PURE__ */ g(b, {
-			color: "red",
-			onClick: r,
-			style: { alignSelf: "flex-start" },
-			children: e("reset.resetButton")
-		}), t && /* @__PURE__ */ g(y, {
-			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__ */ g(y, {
-				style: {
-					background: "var(--mantine-color-default)",
-					borderRadius: 8,
-					padding: 24,
-					maxWidth: 400,
-					width: "100%"
-				},
-				children: /* @__PURE__ */ _(O, {
-					gap: "md",
-					children: [
-						/* @__PURE__ */ g(k, {
-							fw: 600,
-							size: "lg",
-							ta: "center",
-							children: e("reset.modalTitle")
-						}),
-						/* @__PURE__ */ g(k, {
-							size: "sm",
-							c: "dimmed",
-							ta: "center",
-							children: e("reset.modalDescription")
-						}),
-						/* @__PURE__ */ _(S, {
-							justify: "center",
-							gap: "xs",
-							mt: "md",
-							children: [
-								/* @__PURE__ */ g(b, {
-									variant: "default",
-									onClick: i,
-									children: e("reset.goBack")
-								}),
-								/* @__PURE__ */ g(b, {
-									color: "blue",
-									onClick: o,
-									children: e("reset.keepFiles")
-								}),
-								/* @__PURE__ */ g(b, {
-									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"
-}, Te = {
-	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"
-	}
-}, Ee = /* @__PURE__ */ e({ default: () => Ae }), De = "0.4.0", Oe = () => De, ke = {
-	wallpaper: le,
-	appearance: ue,
-	launcher: de,
-	font: _e,
-	language: Se,
-	reset: we
-}, Ae = ({ window: e, notifyReady: t }) => {
-	let { t: a } = I("settings"), [o, s] = h(null), [c, l] = h(!1), f = n((e) => e.windows), v = e?.id ?? f.find((e) => e.content === "settings")?.id, y = K((e) => e.wallpaper), S = K((e) => e.wallpaperModule), C = K((e) => e.theme), w = K((e) => e.font), T = K((e) => e.fontSize), E = K((e) => e.launcherIcon), D = K((e) => e.customThemeColors), A = K((e) => e.animationDuration), te = K((e) => e.setWallpaper), j = K((e) => e.setWallpaperModule), M = K((e) => e.setFont), N = K((e) => e.setFontSize), P = K((e) => e.setLauncherIcon), ne = K((e) => e.setThemeMode), F = K((e) => e.setCustomThemeColors), L = K((e) => e.setThemeAutomatic), R = K((e) => e.setAnimationDuration), z = m(null);
-	p(() => {
-		z.current === null && (z.current = {
-			wallpaper: y,
-			wallpaperModule: S,
-			themeMode: C.mode,
-			font: w,
-			fontSize: T,
-			launcherIcon: E,
-			customThemeColors: D,
-			animationDuration: A
-		});
-	}, [
-		y,
-		S,
-		C.mode,
-		w,
-		T,
-		E,
-		D,
-		A
-	]), p(() => {
-		if (!z.current) return;
-		let e = {
-			wallpaper: y,
-			wallpaperModule: S,
-			themeMode: C.mode,
-			font: w,
-			fontSize: T,
-			launcherIcon: E,
-			customThemeColors: D,
-			animationDuration: A
-		};
-		l(JSON.stringify(e) !== JSON.stringify(z.current));
-	}, [
-		y,
-		S,
-		C.mode,
-		w,
-		T,
-		E,
-		D,
-		A
-	]);
-	let B = d(() => {
-		let e = z.current;
-		e && (te(e.wallpaper), j(e.wallpaperModule), M(e.font), N(e.fontSize), P(e.launcherIcon), R(e.animationDuration), e.customThemeColors ? F(e.customThemeColors) : (F(null), L()), ne(e.themeMode), l(!1));
-	}, [
-		te,
-		j,
-		M,
-		N,
-		P,
-		R,
-		ne,
-		F,
-		L
-	]);
-	p(() => {
-		v && u.getState().reset(v);
-	}, [v]), p(() => {
-		v && u.getState().setIsDirty(v, c);
-	}, [v, c]), p(() => {
-		t?.({
-			...e?.contentData ?? {},
-			discard: B
-		});
-	}, [
-		e,
-		t,
-		B
-	]), i({
-		isDirtyGetter: d(() => {
-			if (!z.current) return !1;
-			let e = {
-				wallpaper: K.getState().wallpaper,
-				wallpaperModule: K.getState().wallpaperModule,
-				themeMode: K.getState().theme.mode,
-				font: K.getState().font,
-				fontSize: K.getState().fontSize,
-				launcherIcon: K.getState().launcherIcon,
-				customThemeColors: K.getState().customThemeColors,
-				animationDuration: K.getState().animationDuration
-			};
-			return JSON.stringify(e) !== JSON.stringify(z.current);
-		}, []),
-		windowId: v,
-		onDiscard: B,
-		onSave: () => {}
-	});
-	let V = d((e) => {
-		s(e);
-	}, []), H = d(() => {
-		s(null);
-	}, []), U = d(() => {
-		globalThis.location.href = `mailto:${Te.email}`;
-	}, []), W = o ? ke[o] : null;
-	return /* @__PURE__ */ _("div", {
-		className: $.root,
-		children: [/* @__PURE__ */ g("aside", {
-			className: $.sidebar,
-			children: /* @__PURE__ */ _("nav", {
-				"aria-label": "Settings sections",
-				children: [/* @__PURE__ */ _("button", {
-					className: $.navItem,
-					"data-active": o === null || void 0,
-					onClick: H,
-					"aria-label": "All Settings",
-					"aria-current": o === null ? "page" : void 0,
-					children: [/* @__PURE__ */ g(r, {
-						fcIcon: "FcList",
-						size: 16
-					}), /* @__PURE__ */ g(k, {
-						size: "xs",
-						ml: 6,
-						truncate: !0,
-						children: a("all")
-					})]
-				}), X.map((e) => /* @__PURE__ */ _("button", {
-					className: $.navItem,
-					"data-active": o === e.id || void 0,
-					onClick: () => V(e.id),
-					"aria-label": e.label,
-					"aria-current": o === e.id ? "page" : void 0,
-					children: [/* @__PURE__ */ g(r, {
-						fcIcon: e.fcIcon,
-						size: 16
-					}), /* @__PURE__ */ g(k, {
-						size: "xs",
-						ml: 6,
-						truncate: !0,
-						children: a(`sections.${e.id}.label`)
-					})]
-				}, e.id))]
-			})
-		}), /* @__PURE__ */ g("main", {
-			className: $.content,
-			children: W ? /* @__PURE__ */ g(W, {}) : /* @__PURE__ */ _(O, {
-				className: $.overviewPadding,
-				h: "100%",
-				justify: "space-between",
-				gap: 0,
-				children: [
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(k, {
-						fw: 500,
-						mb: "md",
-						size: "sm",
-						c: "dimmed",
-						children: a("all")
-					}), /* @__PURE__ */ g(ee, {
-						cols: 2,
-						spacing: "sm",
-						children: X.map((e) => /* @__PURE__ */ g(x, {
-							withBorder: !0,
-							padding: "md",
-							radius: "md",
-							className: $.sectionCard,
-							onClick: () => V(e.id),
-							role: "button",
-							"aria-label": `Open ${e.label} settings`,
-							children: /* @__PURE__ */ _(O, {
-								gap: 6,
-								align: "flex-start",
-								children: [
-									/* @__PURE__ */ g(r, {
-										fcIcon: e.fcIcon,
-										size: 28
-									}),
-									/* @__PURE__ */ g(k, {
-										size: "sm",
-										fw: 500,
-										children: a(`sections.${e.id}.label`)
-									}),
-									/* @__PURE__ */ g(k, {
-										size: "xs",
-										c: "dimmed",
-										children: a(`sections.${e.id}.description`)
-									})
-								]
-							})
-						}, e.id))
-					})] }),
-					/* @__PURE__ */ g(b, {
-						gradient: {
-							from: "blue",
-							to: "cyan",
-							deg: 90
-						},
-						onClick: U,
-						children: "FDE: Fran Desktop Environment"
-					}),
-					/* @__PURE__ */ g(k, {
-						size: "xs",
-						c: "dimmed",
-						ta: "center",
-						className: $.versionFooter,
-						children: Oe()
-					})
-				]
-			})
-		})]
-	});
-};
-//#endregion
-export { z as _, be as a, fe as c, J as d, se as f, K as g, H as h, Q as i, Z as l, oe as m, Ee as n, ye as o, Y as p, Te as r, me as s, Ae as t, X as u };