@fde-desktop/fde-core 0.4.6 → 0.4.8

package/dist/DownloadProgress-hdupSUBT.js

@@ -0,0 +1,174 @@
+import { N as e, O as t, S as n, c as r, d as i, j as a, l as o, r as s, t as c, w as l, x as u } from "./Box-DRm8EabO.js";
+import { t as d } from "./create-safe-context-XT2cxc14.js";
+import { t as f } from "./use-resolved-styles-api-pEOi2wiK.js";
+import { t as p } from "./Group-BzwlMeob.js";
+import { o as m } from "./getRuntime-CCRXVzJH.js";
+import { i as h } from "./useDynamicIcon-GJg3vWsJ.js";
+import { useEffect as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs
+function b({ color: e, theme: t, autoContrast: r }) {
+	return (typeof r == "boolean" ? r : t.autoContrast) && n({
+		color: e || t.primaryColor,
+		theme: t
+	}).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
+}
+function x(e, t) {
+	return b({
+		color: e.colors[e.primaryColor][l(e, t)],
+		theme: e,
+		autoContrast: null
+	});
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/core/MantineProvider/color-functions/get-auto-contrast-value/get-auto-contrast-value.mjs
+function S(e, t) {
+	return typeof e == "boolean" ? e : t.autoContrast;
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Progress/Progress.context.mjs
+var [C, w] = d("Progress.Root component was not found in tree"), T = {
+	root: "m_db6d6462",
+	section: "m_2242eb65",
+	"stripes-animation": "m_81a374bd",
+	"stripes-animation-vertical": "m_e0fb7a86",
+	label: "m_91e40b74"
+}, E = s((e) => {
+	let { classNames: t, className: n, style: r, styles: i, vars: a, ...s } = o("ProgressLabel", null, e);
+	return /* @__PURE__ */ v(c, {
+		...w().getStyles("label", {
+			className: n,
+			style: r,
+			classNames: t,
+			styles: i
+		}),
+		...s
+	});
+});
+E.classes = T, E.displayName = "@mantine/core/ProgressLabel";
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Progress/ProgressRoot/ProgressRoot.mjs
+var D = t((t, { size: n, radius: r, transitionDuration: i }) => ({ root: {
+	"--progress-size": e(n, "progress-size"),
+	"--progress-radius": r === void 0 ? void 0 : a(r),
+	"--progress-transition-duration": typeof i == "number" ? `${i}ms` : void 0
+} })), O = s((e) => {
+	let t = o("ProgressRoot", null, e), { classNames: n, className: i, style: a, styles: s, unstyled: l, vars: u, autoContrast: d, transitionDuration: f, orientation: p, attributes: m, mod: h, ...g } = t, _ = r({
+		name: "Progress",
+		classes: T,
+		props: t,
+		className: i,
+		style: a,
+		classNames: n,
+		styles: s,
+		unstyled: l,
+		attributes: m,
+		vars: u,
+		varsResolver: D
+	});
+	return /* @__PURE__ */ v(C, {
+		value: {
+			getStyles: _,
+			autoContrast: d
+		},
+		children: /* @__PURE__ */ v(c, {
+			mod: [{ orientation: p }, h],
+			..._("root"),
+			...g
+		})
+	});
+});
+O.classes = T, O.varsResolver = D, O.displayName = "@mantine/core/ProgressRoot";
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Progress/ProgressSection/ProgressSection.mjs
+var k = { withAria: !0 }, A = s((e) => {
+	let { classNames: t, className: n, style: r, styles: a, vars: s, value: l, withAria: d, color: f, striped: p, animated: m, mod: h, ...g } = o("ProgressSection", k, e), _ = w(), y = i(), x = d ? {
+		role: "progressbar",
+		"aria-valuemax": 100,
+		"aria-valuemin": 0,
+		"aria-valuenow": l,
+		"aria-valuetext": `${l}%`
+	} : {};
+	return /* @__PURE__ */ v(c, {
+		..._.getStyles("section", {
+			className: n,
+			classNames: t,
+			styles: a,
+			style: r
+		}),
+		...g,
+		...x,
+		mod: [{
+			striped: p || m,
+			animated: m
+		}, h],
+		__vars: {
+			"--progress-section-size": `${l}%`,
+			"--progress-section-color": u(f, y),
+			"--progress-label-color": S(_.autoContrast, y) ? b({
+				color: f,
+				theme: y,
+				autoContrast: _.autoContrast
+			}) : void 0
+		}
+	});
+});
+A.classes = T, A.displayName = "@mantine/core/ProgressSection";
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Progress/Progress.mjs
+var j = s((e) => {
+	let t = o("Progress", null, e), { value: n, classNames: r, styles: i, vars: a, color: s, striped: c, animated: l, "aria-label": u, ...d } = t, { resolvedClassNames: p, resolvedStyles: m } = f({
+		classNames: r,
+		styles: i,
+		props: t
+	});
+	return /* @__PURE__ */ v(O, {
+		classNames: p,
+		styles: m,
+		vars: a,
+		...d,
+		children: /* @__PURE__ */ v(A, {
+			value: n,
+			color: s,
+			striped: c,
+			animated: l,
+			"aria-label": u
+		})
+	});
+});
+j.classes = T, j.displayName = "@mantine/core/Progress", j.Section = A, j.Root = O, j.Label = E;
+var M = {
+	spinner: "_spinner_yguq4_1",
+	spin: "_spin_yguq4_1"
+}, N = (e) => (e / 1024).toFixed(1), P = ({ state: e, ariaLabel: t = "Download progress", minDisplayTime: n = 1e3 }) => {
+	let { status: r, loaded: i, total: a } = e, o = h("FcProcess", { size: 24 }), [s, l] = _(null);
+	if (g(() => {
+		if (r !== "done" && r !== "error") return;
+		let e = Date.now(), t = setTimeout(() => {
+			l(e);
+		}, n);
+		return () => clearTimeout(t);
+	}, [r, n]), r === "idle") return null;
+	let u = a === null ? `${N(i)} KB` : `${N(i)} / ${N(a)} KB`;
+	return s ? /* @__PURE__ */ v(j, {
+		value: 100,
+		size: "sm",
+		"aria-label": t,
+		children: /* @__PURE__ */ y(j.Label, { children: [N(i), " KB"] })
+	}) : /* @__PURE__ */ y(p, {
+		gap: "sm",
+		align: "center",
+		justify: "center",
+		style: { minHeight: 40 },
+		children: [/* @__PURE__ */ v(c, {
+			className: M.spinner,
+			"data-testid": "process-icon",
+			children: o
+		}), /* @__PURE__ */ v(m, {
+			size: "sm",
+			children: u
+		})]
+	});
+};
+//#endregion
+export { x as a, b as i, j as n, S as r, P as t };

package/dist/FileIcon-BCpGMI5U.js

@@ -0,0 +1,88 @@
+import { D as e, O as t, P as n, c as r, l as i, n as a, r as o, t as s } from "./Box-DRm8EabO.js";
+import { t as c } from "./is-element-Bu_JY8Qy.js";
+import { o as l } from "./getRuntime-CCRXVzJH.js";
+import { s as u } from "./useDynamicIcon-GJg3vWsJ.js";
+import { Children as d, cloneElement as f, createElement as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Anchor/Anchor.module.mjs
+var h = { root: "m_849cf0da" }, g = { underline: "hover" }, _ = a((t) => {
+	let { underline: n, className: r, unstyled: a, mod: o, ...s } = i("Anchor", g, t);
+	return /* @__PURE__ */ m(l, {
+		component: "a",
+		className: e({ [h.root]: !a }, r),
+		...s,
+		mod: [{ underline: n }, o],
+		__staticSelector: "Anchor",
+		unstyled: a
+	});
+});
+_.classes = h, _.displayName = "@mantine/core/Anchor";
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Breadcrumbs/Breadcrumbs.module.mjs
+var v = {
+	root: "m_8b3717df",
+	breadcrumb: "m_f678d540",
+	separator: "m_3b8f2208"
+}, y = { separator: "/" }, b = t((e, { separatorMargin: t }) => ({ root: { "--bc-separator-margin": n(t) } })), x = o((e) => {
+	let t = i("Breadcrumbs", y, e), { classNames: n, className: a, style: o, styles: l, unstyled: u, vars: h, children: g, separator: _, separatorMargin: x, attributes: S, ...C } = t, w = r({
+		name: "Breadcrumbs",
+		classes: v,
+		props: t,
+		className: a,
+		style: o,
+		classNames: n,
+		styles: l,
+		unstyled: u,
+		attributes: S,
+		vars: h,
+		varsResolver: b
+	}), T = d.toArray(g).reduce((e, t, n, r) => {
+		let i = c(t) ? f(t, {
+			...w("breadcrumb", { className: t.props?.className }),
+			key: n
+		}) : /* @__PURE__ */ p("div", {
+			...w("breadcrumb"),
+			key: n
+		}, t);
+		return e.push(i), n !== r.length - 1 && e.push(/* @__PURE__ */ p(s, {
+			...w("separator"),
+			key: `separator-${n}`
+		}, _)), e;
+	}, []);
+	return /* @__PURE__ */ m(s, {
+		...w("root"),
+		...C,
+		children: T
+	});
+});
+x.classes = v, x.varsResolver = b, x.displayName = "@mantine/core/Breadcrumbs";
+//#endregion
+//#region src/utils/getFileExtension.ts
+var S = (e) => e.split(".").pop()?.toLowerCase() ?? "", C = {
+	pdf: "VscFilePdf",
+	md: "VscMarkdown",
+	txt: "VscFile",
+	jpg: "VscFileMedia",
+	jpeg: "VscFileMedia",
+	png: "VscFileMedia",
+	gif: "VscFileMedia",
+	svg: "VscFileCode",
+	ts: "VscFileCode",
+	tsx: "VscFileCode",
+	js: "VscFileCode",
+	jsx: "VscFileCode",
+	json: "VscJson",
+	html: "VscFileCode",
+	css: "VscFileCode"
+}, w = ({ type: e, name: t = "", folderNode: n, fileNode: r, size: i = 20 }) => {
+	let a, o;
+	e === "folder" ? (a = n?.iconName ?? "VscFolder", o = n?.iconColor ?? void 0) : e === "file" && r?.iconName ? (a = r.iconName, o = r.iconColor ?? void 0) : a = C[S(t)] ?? "VscFile";
+	let s = u(a);
+	return s ? p(s, {
+		size: i,
+		color: o,
+		"aria-hidden": "true"
+	}) : null;
+};
+//#endregion
+export { _ as i, S as n, x as r, w as t };

package/dist/FileIcon-BCrsxmtt.cjs

@@ -0,0 +1 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./Box-D_64wv6n.cjs`),t=require(`./is-element-BocgicRg.cjs`),n=require(`./getRuntime-BLXyQZBB.cjs`),r=require(`./useDynamicIcon-SytdL1Tu.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o={root:`m_849cf0da`},s={underline:`hover`},c=e.n(t=>{let{underline:r,className:i,unstyled:c,mod:l,...u}=e.l(`Anchor`,s,t);return(0,a.jsx)(n.o,{component:`a`,className:e.D({[o.root]:!c},i),...u,mod:[{underline:r},l],__staticSelector:`Anchor`,unstyled:c})});c.classes=o,c.displayName=`@mantine/core/Anchor`;var l={root:`m_8b3717df`,breadcrumb:`m_f678d540`,separator:`m_3b8f2208`},u={separator:`/`},d=e.O((t,{separatorMargin:n})=>({root:{"--bc-separator-margin":e.P(n)}})),f=e.r(n=>{let r=e.l(`Breadcrumbs`,u,n),{classNames:o,className:s,style:c,styles:f,unstyled:p,vars:m,children:h,separator:g,separatorMargin:_,attributes:v,...y}=r,b=e.c({name:`Breadcrumbs`,classes:l,props:r,className:s,style:c,classNames:o,styles:f,unstyled:p,attributes:v,vars:m,varsResolver:d}),x=i.Children.toArray(h).reduce((n,r,a,o)=>{let s=t.t(r)?(0,i.cloneElement)(r,{...b(`breadcrumb`,{className:r.props?.className}),key:a}):(0,i.createElement)(`div`,{...b(`breadcrumb`),key:a},r);return n.push(s),a!==o.length-1&&n.push((0,i.createElement)(e.t,{...b(`separator`),key:`separator-${a}`},g)),n},[]);return(0,a.jsx)(e.t,{...b(`root`),...y,children:x})});f.classes=l,f.varsResolver=d,f.displayName=`@mantine/core/Breadcrumbs`;var p=e=>e.split(`.`).pop()?.toLowerCase()??``,m={pdf:`VscFilePdf`,md:`VscMarkdown`,txt:`VscFile`,jpg:`VscFileMedia`,jpeg:`VscFileMedia`,png:`VscFileMedia`,gif:`VscFileMedia`,svg:`VscFileCode`,ts:`VscFileCode`,tsx:`VscFileCode`,js:`VscFileCode`,jsx:`VscFileCode`,json:`VscJson`,html:`VscFileCode`,css:`VscFileCode`},h=({type:e,name:t=``,folderNode:n,fileNode:a,size:o=20})=>{let s,c;e===`folder`?(s=n?.iconName??`VscFolder`,c=n?.iconColor??void 0):e===`file`&&a?.iconName?(s=a.iconName,c=a.iconColor??void 0):s=m[p(t)]??`VscFile`;let l=r.s(s);return l?(0,i.createElement)(l,{size:o,color:c,"aria-hidden":`true`}):null};Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});

package/dist/FilePickerApp-DMGuvahM.js

@@ -0,0 +1,409 @@
+import { t as e } from "./TextInput-C3qfxxWI.js";
+import { t } from "./UnstyledButton-CI3kyRck.js";
+import { t as n } from "./Group-BzwlMeob.js";
+import { o as r } from "./getRuntime-CCRXVzJH.js";
+import { i, r as a, t as o } from "./FileIcon-BCpGMI5U.js";
+import { t as s } from "./Button-k7SxX1Xl.js";
+import { F as c, o as l } from "./desktopStore-B0R1-BeA.js";
+import { t as u } from "./useTranslation-DMRGdqZi.js";
+import { memo as d, useCallback as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/utils/buildBreadcrumbs.ts
+var _ = (e, t) => {
+	let n = [{
+		id: null,
+		name: "Home"
+	}], r = e, i = [];
+	for (; r !== null;) {
+		let e = t.find((e) => e.id === r);
+		if (!e) break;
+		i.unshift({
+			id: e.id,
+			name: e.name
+		}), r = e.parentId;
+	}
+	return [...n, ...i];
+}, v = {
+	root: "_root_b2ks8_1",
+	breadcrumbBar: "_breadcrumbBar_b2ks8_8",
+	breadcrumbSep: "_breadcrumbSep_b2ks8_15",
+	body: "_body_b2ks8_20",
+	sidebar: "_sidebar_b2ks8_27",
+	folderTree: "_folderTree_b2ks8_34",
+	treeItem: "_treeItem_b2ks8_41",
+	content: "_content_b2ks8_61",
+	grid: "_grid_b2ks8_67",
+	item: "_item_b2ks8_75",
+	icon: "_icon_b2ks8_97",
+	name: "_name_b2ks8_105",
+	empty: "_empty_b2ks8_117",
+	actionBar: "_actionBar_b2ks8_125",
+	selectedLabel: "_selectedLabel_b2ks8_136",
+	saveActionBar: "_saveActionBar_b2ks8_142",
+	fileNameInput: "_fileNameInput_b2ks8_152",
+	overlay: "_overlay_b2ks8_158",
+	panel: "_panel_b2ks8_168"
+}, y = d(({ currentFolderId: e, fsNodes: t, onNavigate: n }) => {
+	let o = _(e, t);
+	return /* @__PURE__ */ h("div", {
+		className: v.breadcrumbBar,
+		children: /* @__PURE__ */ h(a, {
+			separator: "›",
+			classNames: { separator: v.breadcrumbSep },
+			children: o.map((e, t) => t === o.length - 1 ? /* @__PURE__ */ h(r, {
+				size: "xs",
+				fw: 500,
+				children: e.name
+			}, e.id ?? "root") : /* @__PURE__ */ h(i, {
+				size: "xs",
+				onClick: () => n(e.id),
+				children: e.name
+			}, e.id ?? "root"))
+		})
+	});
+}), b = d(({ node: e, allNodes: n, currentFolderId: i, depth: a, onNavigate: s }) => {
+	let c = n.filter((t) => t.parentId === e.id && t.type === "folder");
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g(t, {
+		className: v.treeItem,
+		"data-active": i === e.id || void 0,
+		style: { paddingLeft: 8 + a * 14 },
+		onClick: () => s(e.id),
+		"aria-label": e.name,
+		"aria-current": i === e.id ? "page" : void 0,
+		children: [/* @__PURE__ */ h(o, {
+			type: "folder",
+			folderNode: e,
+			size: 14
+		}), /* @__PURE__ */ h(r, {
+			size: "xs",
+			ml: 6,
+			truncate: !0,
+			children: e.name
+		})]
+	}), c.map((e) => /* @__PURE__ */ h(b, {
+		node: e,
+		allNodes: n,
+		currentFolderId: i,
+		depth: a + 1,
+		onNavigate: s
+	}, e.id))] });
+}), x = d(({ currentFolderId: e, fsNodes: n, onNavigate: i }) => {
+	let { t: a } = u("window"), s = n.filter((e) => e.parentId === null && e.type === "folder");
+	return /* @__PURE__ */ h("aside", {
+		className: v.sidebar,
+		children: /* @__PURE__ */ g("nav", {
+			className: v.folderTree,
+			"aria-label": a("fileDialog.folderTreeAria", { ns: "common" }),
+			children: [/* @__PURE__ */ g(t, {
+				className: v.treeItem,
+				"data-active": e === null || void 0,
+				style: { paddingLeft: 8 },
+				onClick: () => i(null),
+				"aria-label": a("common:labels.home"),
+				"aria-current": e === null ? "page" : void 0,
+				children: [/* @__PURE__ */ h(o, {
+					type: "folder",
+					size: 14
+				}), /* @__PURE__ */ h(r, {
+					size: "xs",
+					ml: 6,
+					fw: 500,
+					children: a("common:labels.home")
+				})]
+			}), s.map((t) => /* @__PURE__ */ h(b, {
+				node: t,
+				allNodes: n,
+				currentFolderId: e,
+				depth: 1,
+				onNavigate: i
+			}, t.id))]
+		})
+	});
+}), S = d(({ currentFolderId: e, fsNodes: n, onNavigate: i, onItemDoubleClick: a }) => {
+	let { t: s } = u("window"), l = n.filter((t) => t.parentId === e && t.type === "folder");
+	if (l.length === 0) return /* @__PURE__ */ h("div", {
+		className: v.empty,
+		children: /* @__PURE__ */ h(r, {
+			size: "sm",
+			c: "dimmed",
+			children: s("common:messages.noSubfolders")
+		})
+	});
+	let d = c(l);
+	return /* @__PURE__ */ h("div", {
+		className: v.grid,
+		role: "listbox",
+		"aria-label": s("fileDialog.foldersAria", { ns: "common" }),
+		children: d.map((e) => /* @__PURE__ */ g(t, {
+			className: v.item,
+			onDoubleClick: () => {
+				i(e.id), a?.(e);
+			},
+			"aria-label": s("fileDialog.openFolder", { name: e.name }),
+			role: "option",
+			children: [/* @__PURE__ */ h("div", {
+				className: v.icon,
+				children: /* @__PURE__ */ h(o, {
+					type: "folder",
+					name: e.name,
+					folderNode: e,
+					size: 32
+				})
+			}), /* @__PURE__ */ h(r, {
+				size: "xs",
+				className: v.name,
+				truncate: !0,
+				children: e.name
+			})]
+		}, e.id))
+	});
+}), C = d(({ opened: e, children: t, ariaLabelKey: n, ariaLabelNs: r = "window" }) => {
+	let { t: i } = u(r);
+	return e ? /* @__PURE__ */ h("div", {
+		className: v.overlay,
+		role: "dialog",
+		"aria-label": i(n),
+		children: /* @__PURE__ */ h("div", {
+			className: v.panel,
+			children: t
+		})
+	}) : null;
+}), w = ({ acceptedMimeTypes: e, onConfirm: i, onCancel: a }) => {
+	let { t: d } = u("window"), m = l((e) => e.fsNodes), [_, b] = p(null), [S, C] = p(null), w = _ === null ? m.filter((e) => e.parentId === null) : m.filter((e) => e.parentId === _), T = w.filter((t) => {
+		if (t.type === "folder") return !0;
+		let n = t;
+		return !e || e.length === 0 ? !0 : e.some((e) => n.mimeType === e || e.endsWith("/*") && n.mimeType?.startsWith(e.slice(0, -1)));
+	}), E = f((e) => {
+		b(e), C(null);
+	}, []), D = f((e) => {
+		e.type === "file" && C(e);
+	}, []), O = f((e) => {
+		e.type === "folder" ? E(e.id) : i(e);
+	}, [E, i]);
+	return /* @__PURE__ */ g("div", {
+		className: v.root,
+		children: [
+			/* @__PURE__ */ h(y, {
+				currentFolderId: _,
+				fsNodes: m,
+				onNavigate: E
+			}),
+			/* @__PURE__ */ g("div", {
+				className: v.body,
+				children: [/* @__PURE__ */ h(x, {
+					currentFolderId: _,
+					fsNodes: m,
+					onNavigate: E
+				}), /* @__PURE__ */ h("main", {
+					className: v.content,
+					children: T.length === 0 ? /* @__PURE__ */ h("div", {
+						className: v.empty,
+						children: /* @__PURE__ */ h(r, {
+							size: "sm",
+							c: "dimmed",
+							children: w.length === 0 ? d("common:messages.folderEmpty") : d("common:messages.noMatchingFiles")
+						})
+					}) : /* @__PURE__ */ h("div", {
+						className: v.grid,
+						role: "listbox",
+						"aria-label": d("fileDialog.filesAria", { ns: "common" }),
+						children: c(T).map((e) => {
+							let n = S?.id === e.id;
+							return /* @__PURE__ */ g(t, {
+								className: v.item,
+								"data-selected": n || void 0,
+								"data-type": e.type,
+								onClick: () => D(e),
+								onDoubleClick: () => O(e),
+								"aria-label": e.type === "folder" ? d("fileDialog.openFolder", {
+									name: e.name,
+									ns: "window"
+								}) : d("fileDialog.selectFile", {
+									name: e.name,
+									ns: "window"
+								}),
+								"aria-selected": e.type === "file" ? n : void 0,
+								role: "option",
+								children: [/* @__PURE__ */ h("div", {
+									className: v.icon,
+									children: /* @__PURE__ */ h(o, {
+										type: e.type,
+										name: e.name,
+										folderNode: e.type === "folder" ? e : void 0,
+										size: 32
+									})
+								}), /* @__PURE__ */ h(r, {
+									size: "xs",
+									className: v.name,
+									truncate: !0,
+									children: e.name
+								})]
+							}, e.id);
+						})
+					})
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: v.actionBar,
+				children: [/* @__PURE__ */ h(r, {
+					size: "xs",
+					c: "dimmed",
+					truncate: !0,
+					className: v.selectedLabel,
+					children: S ? S.name : d("common:messages.noFileSelected")
+				}), /* @__PURE__ */ g(n, {
+					gap: "xs",
+					children: [/* @__PURE__ */ h(s, {
+						variant: "default",
+						size: "xs",
+						onClick: a,
+						"aria-label": d("filePicker.cancelAria", { ns: "common" }),
+						children: d("common:actions.cancel")
+					}), /* @__PURE__ */ h(s, {
+						size: "xs",
+						disabled: !S,
+						onClick: () => S && i(S),
+						"aria-label": d("filePicker.openSelectedAria", { ns: "common" }),
+						children: d("common:actions.open")
+					})]
+				})]
+			})
+		]
+	});
+}, T = ({ opened: e, ...t }) => e ? /* @__PURE__ */ h(C, {
+	opened: e,
+	ariaLabelKey: "fileDialog.openFile",
+	children: /* @__PURE__ */ h(w, { ...t })
+}) : null, E = ({ initialName: t = "untitled.md", onConfirm: r, onCancel: i }) => {
+	let { t: a } = u("window"), o = l((e) => e.fsNodes), [c, d] = p(null), [m, _] = p(t), b = f((e) => {
+		d(e);
+	}, []), C = f(() => {
+		let e = m.trim();
+		e && r({
+			parentId: c,
+			name: e.endsWith(".md") ? e : `${e}.md`
+		});
+	}, [
+		m,
+		c,
+		r
+	]);
+	return /* @__PURE__ */ g("div", {
+		className: v.root,
+		children: [
+			/* @__PURE__ */ h(y, {
+				currentFolderId: c,
+				fsNodes: o,
+				onNavigate: b
+			}),
+			/* @__PURE__ */ g("div", {
+				className: v.body,
+				children: [/* @__PURE__ */ h(x, {
+					currentFolderId: c,
+					fsNodes: o,
+					onNavigate: b
+				}), /* @__PURE__ */ h("main", {
+					className: v.content,
+					children: /* @__PURE__ */ h(S, {
+						currentFolderId: c,
+						fsNodes: o,
+						onNavigate: b
+					})
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: v.saveActionBar,
+				children: [/* @__PURE__ */ h(e, {
+					size: "xs",
+					placeholder: a("fileDialog.filename"),
+					value: m,
+					onChange: (e) => _(e.currentTarget.value),
+					onKeyDown: (e) => e.key === "Enter" && C(),
+					"aria-label": a("filePicker.fileNameAria", { ns: "common" }),
+					className: v.fileNameInput
+				}), /* @__PURE__ */ g(n, {
+					gap: "xs",
+					style: { flexShrink: 0 },
+					children: [/* @__PURE__ */ h(s, {
+						variant: "default",
+						size: "xs",
+						onClick: i,
+						"aria-label": a("filePicker.cancelAria", { ns: "common" }),
+						children: a("common:actions.cancel")
+					}), /* @__PURE__ */ h(s, {
+						size: "xs",
+						disabled: !m.trim(),
+						onClick: C,
+						"aria-label": a("fileDialog.saveFile"),
+						children: a("common:actions.save")
+					})]
+				})]
+			})
+		]
+	});
+}, D = ({ opened: e, ...t }) => e ? /* @__PURE__ */ h(C, {
+	opened: e,
+	ariaLabelKey: "fileDialog.saveFile",
+	children: /* @__PURE__ */ h(E, { ...t })
+}) : null, O = ({ onConfirm: e, onCancel: t }) => {
+	let { t: i } = u("window"), a = l((e) => e.fsNodes), [o, c] = p(null), d = f((e) => {
+		c(e);
+	}, []), m = f(() => {
+		e(o);
+	}, [o, e]);
+	return /* @__PURE__ */ g("div", {
+		className: v.root,
+		children: [
+			/* @__PURE__ */ h(y, {
+				currentFolderId: o,
+				fsNodes: a,
+				onNavigate: d
+			}),
+			/* @__PURE__ */ g("div", {
+				className: v.body,
+				children: [/* @__PURE__ */ h(x, {
+					currentFolderId: o,
+					fsNodes: a,
+					onNavigate: d
+				}), /* @__PURE__ */ h("main", {
+					className: v.content,
+					children: /* @__PURE__ */ h(S, {
+						currentFolderId: o,
+						fsNodes: a,
+						onNavigate: d
+					})
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: v.actionBar,
+				children: [/* @__PURE__ */ h(r, {
+					size: "xs",
+					c: "dimmed",
+					truncate: !0,
+					className: v.selectedLabel,
+					children: o === null ? i("common:labels.home") : a.find((e) => e.id === o)?.name ?? ""
+				}), /* @__PURE__ */ g(n, {
+					gap: "xs",
+					children: [/* @__PURE__ */ h(s, {
+						variant: "default",
+						size: "xs",
+						onClick: t,
+						"aria-label": i("filePicker.cancelAria", { ns: "common" }),
+						children: i("common:actions.cancel")
+					}), /* @__PURE__ */ h(s, {
+						size: "xs",
+						onClick: m,
+						"aria-label": i("fileDialog.selectFolder"),
+						children: i("common:actions.select")
+					})]
+				})]
+			})
+		]
+	});
+}, k = ({ opened: e, ...t }) => e ? /* @__PURE__ */ h(C, {
+	opened: e,
+	ariaLabelKey: "fileDialog.selectFolder",
+	children: /* @__PURE__ */ h(O, { ...t })
+}) : null;
+//#endregion
+export { C as a, k as i, T as n, _ as o, D as r, w as t };