@fde-desktop/fde-core 0.4.8 → 0.4.9

package/dist/{ImageViewerApp-CWiP6zx-.js → ImageViewerApp-BaLP3gkO.js}

@@ -1,17 +1,18 @@
-import { y as e } from "./desktopStore-B0R1-BeA.js";
-import { t } from "./AppEmptyState-BTujnL_b.js";
-import { t as n } from "./useTranslation-DMRGdqZi.js";
-import { t as r } from "./useResolvedUrl-DFKXq598.js";
-import { n as i } from "./FilePickerApp-DMGuvahM.js";
-import { r as a } from "./imageViewerStore-CJMRXaQh.js";
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { y as t } from "./desktopStore-F8bgLqFl.js";
+import { t as n } from "./useResolvedUrl-DQpLqOoL.js";
+import { n as r } from "./FilePickerApp-DaMgEqKh.js";
+import { t as i } from "./AppEmptyState-Bxpit0JV.js";
+import { r as a } from "./imageViewerStore-C5kWz0o7.js";
 import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-var f = {
+import { useTranslation as f } from "react-i18next";
+var p = {
 	container: "_container_1btg4_1",
 	image: "_image_1btg4_12",
 	placeholder: "_placeholder_1btg4_19"
-}, p = [...e, "image/*"], m = ({ window: e, notifyReady: m }) => {
-	let { t: h } = n("apps"), g = e, _ = g?.id ?? "", v = g?.contentData?.src, [y, b] = l(v), [x, S] = l(!1), [C, w] = l(null), T = c(null), E = a((e) => e.getDisplayZoom(_)), D = a((e) => e.getFitToWindow(_)), O = a((e) => e.updateCalculatedZoom), k = a((e) => e.reset), A = r(y);
+}, m = /* @__PURE__ */ e({ default: () => g }), h = [...t, "image/*"], g = ({ window: e, notifyReady: t }) => {
+	let { t: m } = f("apps"), g = e, _ = g?.id ?? "", v = g?.contentData?.src, [y, b] = l(v), [x, S] = l(!1), [C, w] = l(null), T = c(null), E = a((e) => e.getDisplayZoom(_)), D = a((e) => e.getFitToWindow(_)), O = a((e) => e.updateCalculatedZoom), k = a((e) => e.reset), A = n(y);
 	s(() => {
 		k(_);
 	}, [_, k]), s(() => {
@@ -32,11 +33,11 @@ var f = {
 		_,
 		O
 	]), s(() => {
-		m?.({
+		t?.({
 			...g?.contentData ?? {},
 			setPickerOpen: () => S(!0)
 		});
-	}, [g, m]);
+	}, [g, t]);
 	let j = o((e) => {
 		b(e.url ?? e.name), S(!1), k(_), w(null);
 	}, [_, k]), M = o((e) => {
@@ -48,21 +49,21 @@ var f = {
 	}, []), N = D ? void 0 : { transform: `scale(${E / 100})` }, P = A ? /* @__PURE__ */ u("img", {
 		src: A,
 		alt: A.split("/").pop() ?? "image",
-		className: f.image,
+		className: p.image,
 		style: N,
 		onLoad: M
-	}) : /* @__PURE__ */ u(t, { label: h("imageViewer.noImage") });
+	}) : /* @__PURE__ */ u(i, { label: m("imageViewer.noImage") });
 	return /* @__PURE__ */ d("div", {
 		ref: T,
-		className: f.container,
+		className: p.container,
 		"data-windowid": g?.id,
-		children: [P, /* @__PURE__ */ u(i, {
+		children: [P, /* @__PURE__ */ u(r, {
 			opened: x,
-			acceptedMimeTypes: p,
+			acceptedMimeTypes: h,
 			onConfirm: j,
 			onCancel: () => S(!1)
 		})]
 	});
 };
 //#endregion
-export { m as t };
+export { m as n, g as t };

package/dist/ImageViewerApp-DlHGeB3S.cjs

@@ -0,0 +1 @@
+require(`./Box-zW6Twge8.cjs`);const e=require(`./desktopStore-CZoA9VHO.cjs`),t=require(`./useResolvedUrl-BkMPM1fM.cjs`),n=require(`./FilePickerApp-DjmuSFqa.cjs`),r=require(`./AppEmptyState-BWCUbf-B.cjs`),i=require(`./imageViewerStore-BB_tssZR.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`),s=require(`react-i18next`);var c={container:`_container_1btg4_1`,image:`_image_1btg4_12`,placeholder:`_placeholder_1btg4_19`},l=[...e.y,`image/*`],u=({window:e,notifyReady:u})=>{let{t:d}=(0,s.useTranslation)(`apps`),f=e,p=f?.id??``,m=f?.contentData?.src,[h,g]=(0,a.useState)(m),[_,v]=(0,a.useState)(!1),[y,b]=(0,a.useState)(null),x=(0,a.useRef)(null),S=i.r(e=>e.getDisplayZoom(p)),C=i.r(e=>e.getFitToWindow(p)),w=i.r(e=>e.updateCalculatedZoom),T=i.r(e=>e.reset),E=t.t(h);(0,a.useEffect)(()=>{T(p)},[p,T]),(0,a.useEffect)(()=>{if(!C||!y||!x.current)return;let e=new ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;w(p,y,{width:e,height:n})}});return e.observe(x.current),()=>e.disconnect()},[C,y,p,w]),(0,a.useEffect)(()=>{u?.({...f?.contentData??{},setPickerOpen:()=>v(!0)})},[f,u]);let D=(0,a.useCallback)(e=>{g(e.url??e.name),v(!1),T(p),b(null)},[p,T]),O=(0,a.useCallback)(e=>{let t=e.currentTarget;b({width:t.naturalWidth,height:t.naturalHeight})},[]),k=C?void 0:{transform:`scale(${S/100})`},A=E?(0,o.jsx)(`img`,{src:E,alt:E.split(`/`).pop()??`image`,className:c.image,style:k,onLoad:O}):(0,o.jsx)(r.t,{label:d(`imageViewer.noImage`)});return(0,o.jsxs)(`div`,{ref:x,className:c.container,"data-windowid":f?.id,children:[A,(0,o.jsx)(n.n,{opened:_,acceptedMimeTypes:l,onConfirm:D,onCancel:()=>v(!1)})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/ImageViewerApp-DoXd_Swu.cjs

@@ -0,0 +1 @@
+const e=require(`./ImageViewerApp-DlHGeB3S.cjs`);exports.default=e.t;

package/dist/{ImageViewerMenuBar-BULkh_Ku.js → ImageViewerMenuBar-CabGSi9r.js}

@@ -1,10 +1,11 @@
-import { t as e } from "./AppMenuBar-CHJy8OF0.js";
-import { t } from "./useTranslation-DMRGdqZi.js";
-import { n, r, t as i } from "./imageViewerStore-CJMRXaQh.js";
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t } from "./AppMenuBar-CnIEVjr8.js";
+import { n, r, t as i } from "./imageViewerStore-C5kWz0o7.js";
 import { memo as a, useCallback as o, useMemo as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
 //#region src/components/Apps/ImageViewerApp/useImageViewerMenuBar.ts
-var l = [
+var u = [
 	{
 		value: 25,
 		label: "25%"
@@ -25,8 +26,8 @@ var l = [
 		value: 200,
 		label: "200%"
 	}
-], u = (e) => {
-	let { windowId: a, onOpenPicker: c, onExit: u } = e, { t: d } = t("common"), { t: f } = t("apps"), p = i(a), m = n(a), h = r((e) => e.setUserZoom), g = r((e) => e.setFitToWindow), _ = o((e) => g(a, e), [a, g]), v = o((e) => h(a, e), [a, h]);
+], d = (e) => {
+	let { windowId: t, onOpenPicker: a, onExit: c } = e, { t: d } = l("common"), { t: f } = l("apps"), p = i(t), m = n(t), h = r((e) => e.setUserZoom), g = r((e) => e.setFitToWindow), _ = o((e) => g(t, e), [t, g]), v = o((e) => h(t, e), [t, h]);
 	return s(() => {
 		let e = `${f("imageViewer.zoom")}: ${p}%`;
 		return [
@@ -38,14 +39,14 @@ var l = [
 						type: "item",
 						label: d("actions.open"),
 						icon: "FcOpenedFolder",
-						onClick: c ?? (() => {})
+						onClick: a ?? (() => {})
 					},
 					{ type: "divider" },
 					{
 						type: "item",
 						label: d("actions.exit"),
 						icon: "FcLeft",
-						onClick: u
+						onClick: c
 					}
 				]
 			},
@@ -62,25 +63,25 @@ var l = [
 				max: 200,
 				value: p,
 				onChange: v,
-				marks: l,
+				marks: u,
 				labelFormat: (e) => `${e}%`
 			}
 		];
 	}, [
 		d,
 		f,
+		a,
 		c,
-		u,
 		p,
 		m,
 		_,
 		v
 	]);
-}, d = a(({ windowId: t, contentData: n, onExit: r }) => /* @__PURE__ */ c(e, { elements: u({
-	windowId: t,
+}, f = /* @__PURE__ */ e({ ImageViewerMenuBar: () => p }), p = a(({ windowId: e, contentData: n, onExit: r }) => /* @__PURE__ */ c(t, { elements: d({
+	windowId: e,
 	onOpenPicker: n?.setPickerOpen,
 	onExit: r
 }) }));
-d.displayName = "ImageViewerMenuBar";
+p.displayName = "ImageViewerMenuBar";
 //#endregion
-export { d as t };
+export { f as n, p as t };

package/dist/ImageViewerMenuBar-SAI7UNz7.cjs

@@ -0,0 +1 @@
+const e=require(`./ImageViewerMenuBar-_Jr29gii.cjs`);exports.ImageViewerMenuBar=e.t;

package/dist/ImageViewerMenuBar-_Jr29gii.cjs

@@ -0,0 +1 @@
+require(`./Box-zW6Twge8.cjs`);const e=require(`./AppMenuBar-B9U0n1Vv.cjs`),t=require(`./imageViewerStore-BB_tssZR.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`),i=require(`react-i18next`);var a=[{value:25,label:`25%`},{value:50,label:`50%`},{value:75,label:`75%`},{value:100,label:`100%`},{value:200,label:`200%`}],o=e=>{let{windowId:r,onOpenPicker:o,onExit:s}=e,{t:c}=(0,i.useTranslation)(`common`),{t:l}=(0,i.useTranslation)(`apps`),u=t.t(r),d=t.n(r),f=t.r(e=>e.setUserZoom),p=t.r(e=>e.setFitToWindow),m=(0,n.useCallback)(e=>p(r,e),[r,p]),h=(0,n.useCallback)(e=>f(r,e),[r,f]);return(0,n.useMemo)(()=>{let e=`${l(`imageViewer.zoom`)}: ${u}%`;return[{type:`menu`,label:c(`menu.file`),items:[{type:`item`,label:c(`actions.open`),icon:`FcOpenedFolder`,onClick:o??(()=>{})},{type:`divider`},{type:`item`,label:c(`actions.exit`),icon:`FcLeft`,onClick:s}]},{type:`switch`,label:l(`imageViewer.fitToWindow`),checked:d,onChange:m},{type:`slider`,label:e,min:10,max:200,value:u,onChange:h,marks:a,labelFormat:e=>`${e}%`}]},[c,l,o,s,u,d,m,h])},s=(0,n.memo)(({windowId:t,contentData:n,onExit:i})=>(0,r.jsx)(e.t,{elements:o({windowId:t,onOpenPicker:n?.setPickerOpen,onExit:i})}));s.displayName=`ImageViewerMenuBar`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/MenuEditApp-BJjlPTOa.cjs

@@ -0,0 +1 @@
+const e=require(`./MenuEditApp-JPsGT-S3.cjs`);exports.default=e.t;

package/dist/MenuEditApp-BTRppYnD.js

@@ -0,0 +1,497 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t } from "./Box-DSKR_qaa.js";
+import { t as n } from "./TextInput-C-JtGWn1.js";
+import { t as r } from "./UnstyledButton-DGaG-e_G.js";
+import { t as i } from "./ActionIcon-Drh4p6Fv.js";
+import { t as a } from "./Group-CtBJSfCo.js";
+import { i as o, o as s } from "./getRuntime-DAPqFH2W.js";
+import { n as c, t as l } from "./AppIcon-XumS3bIG.js";
+import { C as u, o as d } from "./desktopStore-F8bgLqFl.js";
+import { i as f } from "./useCloseInterceptor-BZd3VILp.js";
+import { t as p } from "./VscIcon-DBfVnArE.js";
+import { n as m } from "./menuEditStore-Cj1zAwxQ.js";
+import { createContext as h, useCallback as g, useContext as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useTranslation as w } from "react-i18next";
+import { DndContext as T, DragOverlay as E, defaultDropAnimation as D, pointerWithin as O, useDraggable as k, useDroppable as A } from "@dnd-kit/core";
+//#region src/hooks/useFolderName.ts
+var j = {
+	"launcher-folder-social-links": "socialLinks",
+	"launcher-folder-office": "office",
+	"launcher-folder-programming": "programming",
+	"launcher-folder-games": "games",
+	"launcher-folder-custom-apps": "customApps"
+};
+function M(e) {
+	let { t } = w("apps");
+	if (!e.isPredefined) return e.name;
+	let n = j[e.id];
+	return n ? t(`folders.${n}`, e.name) : e.name;
+}
+//#endregion
+//#region src/hooks/useDragDrop/DragDropStateContext.tsx
+var N = h(null), P = ({ children: e, onDrop: t, onCancel: n }) => {
+	let [r, i] = x(null), [a, o] = x(null), s = g((e) => {
+		let t = e.active.data.current;
+		t && i(t);
+	}, []), c = g((e) => {
+		if (e.over) {
+			let t = e.over.data.current;
+			t && o(t);
+		} else o(null);
+	}, []), l = g((e) => {
+		let { active: r, over: a } = e;
+		if (a && r.data.current) {
+			let e = r.data.current, n = a.data.current;
+			n.accepts.includes(e.type) && t(e, n);
+		} else !a && n && n();
+		i(null), o(null);
+	}, [t, n]), u = y(() => ({
+		activeItem: r,
+		overTarget: a
+	}), [r, a]);
+	return /* @__PURE__ */ S(N.Provider, {
+		value: u,
+		children: /* @__PURE__ */ S(T, {
+			onDragStart: s,
+			onDragOver: c,
+			onDragEnd: l,
+			collisionDetection: O,
+			children: e
+		})
+	});
+};
+//#endregion
+//#region src/hooks/useDragDrop/useDraggableItem.ts
+function F(e) {
+	let { item: t, disabled: n = !1 } = e, { attributes: r, listeners: i, setNodeRef: a, transform: o, isDragging: s } = k({
+		id: `${t.sourceId}-${t.id}`,
+		data: t,
+		disabled: n
+	}), c = {
+		opacity: s ? 0 : 1,
+		cursor: n ? "default" : "grab"
+	};
+	return {
+		attributes: r,
+		listeners: i,
+		setNodeRef: a,
+		isDragging: s,
+		transform: o ? {
+			x: o.x,
+			y: o.y
+		} : null,
+		style: c
+	};
+}
+//#endregion
+//#region src/hooks/useDragDrop/useDroppableArea.ts
+function I(e) {
+	let { target: t, disabled: n = !1 } = e, r = _(N), { setNodeRef: i, isOver: a } = A({
+		id: t.id,
+		data: t,
+		disabled: n
+	});
+	return {
+		setNodeRef: i,
+		isOver: a,
+		active: r?.activeItem ?? null
+	};
+}
+//#endregion
+//#region src/hooks/useDragDrop/useDragDropState.ts
+function L() {
+	let e = _(N);
+	if (!e) throw Error("useDragDropState must be used within a DragDropProvider");
+	return e;
+}
+//#endregion
+//#region src/hooks/useDragDrop/modifiers/snapCenterToCursor.ts
+var R = ({ activatorEvent: e, transform: t, draggingNodeRect: n }) => {
+	if (!e || !n) return t;
+	let r = e, i = 0, a = 0;
+	"touches" in r && r.touches.length > 0 ? (i = r.touches[0].clientX, a = r.touches[0].clientY) : "clientX" in r && (i = r.clientX, a = r.clientY);
+	let o = i - n.left - n.width / 2, s = a - n.top - n.height / 2;
+	return {
+		...t,
+		x: t.x + o,
+		y: t.y + s
+	};
+}, z = { dragOverlay: "_dragOverlay_myknw_1" }, B = () => {
+	let { activeItem: e } = L();
+	return e ? /* @__PURE__ */ S(E, {
+		dropAnimation: D,
+		modifiers: [R],
+		children: /* @__PURE__ */ C(t, {
+			className: z.dragOverlay,
+			children: [/* @__PURE__ */ S(l, {
+				fcIcon: e.metadata?.fcIcon,
+				iconUrl: e.metadata?.iconUrl,
+				fallback: e.metadata?.icon,
+				size: 20
+			}), /* @__PURE__ */ S(s, {
+				size: "xs",
+				children: e.name
+			})]
+		})
+	}) : null;
+}, V = {
+	"launcher-folder": ["app"],
+	"filesystem-folder": ["file", "folder"],
+	desktop: [
+		"file",
+		"folder",
+		"app"
+	],
+	"available-apps": ["app"]
+}, H = {
+	container: "_container_y9c6e_1",
+	content: "_content_y9c6e_7",
+	folderList: "_folderList_y9c6e_13",
+	folderCard: "_folderCard_y9c6e_19",
+	folderHeader: "_folderHeader_y9c6e_28",
+	appList: "_appList_y9c6e_40",
+	availableApps: "_availableApps_y9c6e_49",
+	appGrid: "_appGrid_y9c6e_58",
+	appItem: "_appItem_y9c6e_64"
+}, U = /* @__PURE__ */ e({ default: () => Y }), W = ({ folder: e, isEditing: r, editingName: o, onEdit: d, onDelete: f, onRename: m, onSetEditingName: h, onRemoveApp: g }) => {
+	let { t: _ } = w("menuedit"), v = M(e), { activeItem: y } = L(), { setNodeRef: b, isOver: x } = I({ target: {
+		type: "launcher-folder",
+		id: e.id,
+		name: v,
+		accepts: V["launcher-folder"]
+	} });
+	return /* @__PURE__ */ C(c, {
+		ref: b,
+		className: H.folderCard,
+		shadow: "xs",
+		padding: "xs",
+		"data-is-over": x && y?.type === "app" ? "true" : void 0,
+		children: [/* @__PURE__ */ C(a, {
+			justify: "space-between",
+			mb: 4,
+			children: [r ? /* @__PURE__ */ S(n, {
+				value: o,
+				onChange: (e) => h(e.target.value),
+				onBlur: () => m(e.id),
+				onKeyDown: (t) => {
+					t.key === "Enter" && (t.preventDefault(), m(e.id));
+				},
+				autoFocus: !0,
+				size: "xs",
+				style: { flex: 1 }
+			}) : /* @__PURE__ */ C(a, {
+				gap: "xs",
+				children: [
+					/* @__PURE__ */ S(l, {
+						fcIcon: e.fcIcon,
+						size: 16
+					}),
+					/* @__PURE__ */ S(s, {
+						size: "sm",
+						fw: 500,
+						children: v
+					}),
+					e.isPredefined && /* @__PURE__ */ C(s, {
+						size: "xs",
+						c: "dimmed",
+						children: [
+							"(",
+							_("predefined"),
+							")"
+						]
+					})
+				]
+			}), !e.isPredefined && !r && /* @__PURE__ */ C(a, {
+				gap: 4,
+				children: [/* @__PURE__ */ S(i, {
+					variant: "subtle",
+					size: "xs",
+					onClick: () => d(e.id),
+					"aria-label": _("rename"),
+					children: /* @__PURE__ */ S(p, {
+						name: "VscEdit",
+						size: 14
+					})
+				}), f && /* @__PURE__ */ S(i, {
+					variant: "subtle",
+					size: "xs",
+					color: "red",
+					onClick: () => f(e.id),
+					"aria-label": _("delete"),
+					children: /* @__PURE__ */ S(p, {
+						name: "VscTrash",
+						size: 14
+					})
+				})]
+			})]
+		}), /* @__PURE__ */ S(t, {
+			className: H.appList,
+			children: e.appIds.map((t) => {
+				let n = u.find((e) => e.id === t);
+				return n ? /* @__PURE__ */ S(G, {
+					app: n,
+					sourceId: e.id,
+					onContextMenu: (n) => {
+						n.preventDefault(), n.stopPropagation(), g(t, e.id);
+					}
+				}, t) : null;
+			})
+		})]
+	});
+}, G = ({ app: e, sourceId: t, onContextMenu: n }) => {
+	let { attributes: i, listeners: a, setNodeRef: o, isDragging: c, style: u } = F({ item: {
+		type: "app",
+		id: e.id,
+		name: e.name,
+		sourceId: t,
+		sourceType: "launcher-folder",
+		metadata: {
+			fcIcon: e.fcIcon,
+			iconUrl: e.iconUrl,
+			icon: e.icon
+		}
+	} });
+	return /* @__PURE__ */ C(r, {
+		ref: o,
+		className: H.appItem,
+		style: {
+			...u,
+			opacity: c ? .5 : 1
+		},
+		onContextMenu: n,
+		...i,
+		...a,
+		children: [/* @__PURE__ */ S(l, {
+			fcIcon: e.fcIcon,
+			iconUrl: e.iconUrl,
+			fallback: e.icon,
+			size: 16
+		}), /* @__PURE__ */ S(s, {
+			size: "xs",
+			children: e.name
+		})]
+	});
+}, K = ({ customFolderId: e }) => {
+	let { t: n } = w("menuedit"), { activeItem: r } = L(), { setNodeRef: i, isOver: a } = I({ target: {
+		type: "available-apps",
+		id: "available-apps",
+		name: "Available Apps",
+		accepts: V["available-apps"]
+	} }), o = new Set(d.getState().launcherFolders.flatMap((e) => e.appIds)), c = u.filter((e) => e.id !== "settings" && e.id !== "menuedit"), l = d((e) => e.addAppToFolder);
+	return /* @__PURE__ */ C(t, {
+		ref: i,
+		className: H.availableApps,
+		"data-is-over": a && r?.type === "app" ? "true" : void 0,
+		children: [
+			/* @__PURE__ */ S(s, {
+				size: "xs",
+				c: "dimmed",
+				mb: 8,
+				children: n("availableApps")
+			}),
+			e === null && /* @__PURE__ */ S(s, {
+				size: "xs",
+				c: "orange",
+				mb: 4,
+				children: n("canCreateNewFolder")
+			}),
+			/* @__PURE__ */ S(t, {
+				className: H.appGrid,
+				children: c.filter((e) => !o.has(e.id)).map((t) => /* @__PURE__ */ S(q, {
+					app: t,
+					targetFolderId: e,
+					onAdd: l
+				}, t.id))
+			})
+		]
+	});
+}, q = ({ app: e, targetFolderId: t, onAdd: n }) => {
+	let { attributes: i, listeners: a, setNodeRef: o, isDragging: c, style: u } = F({ item: {
+		type: "app",
+		id: e.id,
+		name: e.name,
+		sourceId: "available-apps",
+		sourceType: "available-apps",
+		metadata: {
+			fcIcon: e.fcIcon,
+			iconUrl: e.iconUrl,
+			icon: e.icon
+		}
+	} }), d = () => {
+		t && n(e.id, t);
+	};
+	return /* @__PURE__ */ C(r, {
+		ref: o,
+		className: H.appItem,
+		style: {
+			...u,
+			opacity: c ? 0 : 1
+		},
+		onClick: d,
+		disabled: !t,
+		...i,
+		...a,
+		children: [/* @__PURE__ */ S(l, {
+			fcIcon: e.fcIcon,
+			iconUrl: e.iconUrl,
+			fallback: e.icon,
+			size: 16
+		}), /* @__PURE__ */ S(s, {
+			size: "xs",
+			children: e.name
+		})]
+	});
+}, J = ({ window: e, notifyReady: n }) => {
+	let { t: r } = w("menuedit"), c = e?.id, l = d((e) => e.launcherFolders), u = d((e) => e.setLauncherFolders), h = d((e) => e.createLauncherFolder), _ = d((e) => e.updateLauncherFolder), y = d((e) => e.deleteLauncherFolder), T = d((e) => e.removeAppFromFolder), [E, D] = x(null), [O, k] = x(""), A = b(!1);
+	v(() => {
+		c && (A.current || (A.current = !0, m.getState().reset(c)));
+	}, [c]), v(() => {
+		if (!c) return;
+		let e = m.getState();
+		if (e.getSnapshot(c) === null) e.takeSnapshot(c, l);
+		else {
+			let t = e.getSnapshot(c);
+			if (t) {
+				let n = JSON.stringify(l) !== JSON.stringify(t);
+				e.setIsDirty(c, n);
+			}
+		}
+	}, [c, l]);
+	let j = g(() => {
+		c && m.getState().takeSnapshot(c, l);
+	}, [c, l]), M = g(() => {
+		if (!c) return;
+		let e = m.getState().getSnapshot(c);
+		e && u(e);
+	}, [c, u]);
+	f({
+		isDirtyGetter: g(() => {
+			if (!c) return !1;
+			let e = m.getState().getSnapshot(c);
+			return JSON.stringify(l) !== JSON.stringify(e ?? []);
+		}, [c, l]),
+		windowId: e?.id,
+		onDiscard: M,
+		onSave: j
+	});
+	let N = g(() => {
+		let e = h({
+			name: r("newFolder"),
+			fcIcon: "VscFolder",
+			order: l.length
+		});
+		D(e.id), k(e.name);
+	}, [
+		h,
+		l.length,
+		r
+	]);
+	v(() => {
+		n?.({
+			createFolder: N,
+			save: j,
+			discard: M
+		});
+	}, [
+		N,
+		j,
+		M,
+		n
+	]);
+	let P = g((e) => {
+		let t = l.find((t) => t.id === e);
+		t && (D(t.id), k(t.name));
+	}, [l]), F = g((e) => {
+		O.trim() && _(e, { name: O.trim() }), D(null);
+	}, [O, _]), I = o(), L = l.filter((e) => e.isPredefined), R = l.filter((e) => !e.isPredefined), z = R.length > 0 ? R[0].id : null;
+	return /* @__PURE__ */ S(t, {
+		className: H.container,
+		"data-windowid": e?.id,
+		"data-menuedit-container": !0,
+		children: /* @__PURE__ */ C(t, {
+			className: H.content,
+			children: [
+				L.length > 0 && /* @__PURE__ */ C(t, {
+					mb: "md",
+					children: [/* @__PURE__ */ S(s, {
+						size: "xs",
+						c: "dimmed",
+						mb: 8,
+						children: r("predefinedFolders")
+					}), /* @__PURE__ */ S(t, {
+						className: H.folderList,
+						children: L.map((e) => /* @__PURE__ */ S(W, {
+							folder: e,
+							isEditing: !1,
+							editingName: "",
+							onEdit: () => {},
+							onRemoveApp: T,
+							onRename: () => {},
+							onSetEditingName: () => {}
+						}, e.id))
+					})]
+				}),
+				I && R.length > 0 && /* @__PURE__ */ C(t, {
+					mb: "md",
+					children: [/* @__PURE__ */ S(s, {
+						size: "xs",
+						c: "dimmed",
+						mb: 8,
+						children: r("customFolders")
+					}), /* @__PURE__ */ S(t, {
+						className: H.folderList,
+						children: R.map((e) => /* @__PURE__ */ S(W, {
+							folder: e,
+							isEditing: E === e.id,
+							editingName: O,
+							onEdit: P,
+							onDelete: y,
+							onRename: F,
+							onSetEditingName: k,
+							onRemoveApp: T
+						}, e.id))
+					})]
+				}),
+				/* @__PURE__ */ C(a, {
+					justify: "space-between",
+					mb: "md",
+					children: [
+						/* @__PURE__ */ S(K, { customFolderId: z }),
+						/* @__PURE__ */ S(s, {
+							size: "xs",
+							c: "dimmed",
+							mt: "md",
+							children: r("instructions")
+						}),
+						I && /* @__PURE__ */ S(i, {
+							variant: "light",
+							onClick: N,
+							"aria-label": r("addFolder"),
+							children: /* @__PURE__ */ S(p, {
+								name: "VscAdd",
+								size: 16
+							})
+						})
+					]
+				})
+			]
+		})
+	});
+}, Y = (e) => {
+	let t = d((e) => e.addAppToFolder), n = d((e) => e.removeAppFromFolder);
+	return /* @__PURE__ */ C(P, {
+		onDrop: g((e, r) => {
+			if (e.type === "app") {
+				if (r.type === "available-apps") {
+					e.sourceType === "launcher-folder" && n(e.id, e.sourceId);
+					return;
+				}
+				r.type === "launcher-folder" && (e.sourceId !== r.id && e.sourceType === "launcher-folder" && n(e.id, e.sourceId), t(e.id, r.id));
+			}
+		}, [t, n]),
+		children: [/* @__PURE__ */ S(J, { ...e }), /* @__PURE__ */ S(B, {})]
+	});
+};
+//#endregion
+export { F as a, I as i, U as n, P as o, L as r, M as s, Y as t };

package/dist/MenuEditApp-JPsGT-S3.cjs

@@ -0,0 +1 @@
+const e=require(`./Box-zW6Twge8.cjs`),t=require(`./TextInput-CrsmcOip.cjs`),n=require(`./UnstyledButton-DX2pTahr.cjs`),r=require(`./ActionIcon-alk2zZD6.cjs`),i=require(`./Group-Dsrf6lEK.cjs`),a=require(`./getRuntime-BFK0-8R1.cjs`),o=require(`./AppIcon-BU7a3ZNH.cjs`),s=require(`./desktopStore-CZoA9VHO.cjs`),c=require(`./useCloseInterceptor-yntBEzNc.cjs`),l=require(`./VscIcon-CcMdrFoJ.cjs`),u=require(`./menuEditStore-CTeM_dns.cjs`);let d=require(`react`),f=require(`react/jsx-runtime`),p=require(`react-i18next`),m=require(`@dnd-kit/core`);var h={"launcher-folder-social-links":`socialLinks`,"launcher-folder-office":`office`,"launcher-folder-programming":`programming`,"launcher-folder-games":`games`,"launcher-folder-custom-apps":`customApps`};function g(e){let{t}=(0,p.useTranslation)(`apps`);if(!e.isPredefined)return e.name;let n=h[e.id];return n?t(`folders.${n}`,e.name):e.name}var _=(0,d.createContext)(null),v=({children:e,onDrop:t,onCancel:n})=>{let[r,i]=(0,d.useState)(null),[a,o]=(0,d.useState)(null),s=(0,d.useCallback)(e=>{let t=e.active.data.current;t&&i(t)},[]),c=(0,d.useCallback)(e=>{if(e.over){let t=e.over.data.current;t&&o(t)}else o(null)},[]),l=(0,d.useCallback)(e=>{let{active:r,over:a}=e;if(a&&r.data.current){let e=r.data.current,n=a.data.current;n.accepts.includes(e.type)&&t(e,n)}else !a&&n&&n();i(null),o(null)},[t,n]),u=(0,d.useMemo)(()=>({activeItem:r,overTarget:a}),[r,a]);return(0,f.jsx)(_.Provider,{value:u,children:(0,f.jsx)(m.DndContext,{onDragStart:s,onDragOver:c,onDragEnd:l,collisionDetection:m.pointerWithin,children:e})})};function y(e){let{item:t,disabled:n=!1}=e,{attributes:r,listeners:i,setNodeRef:a,transform:o,isDragging:s}=(0,m.useDraggable)({id:`${t.sourceId}-${t.id}`,data:t,disabled:n}),c={opacity:s?0:1,cursor:n?`default`:`grab`};return{attributes:r,listeners:i,setNodeRef:a,isDragging:s,transform:o?{x:o.x,y:o.y}:null,style:c}}function b(e){let{target:t,disabled:n=!1}=e,r=(0,d.useContext)(_),{setNodeRef:i,isOver:a}=(0,m.useDroppable)({id:t.id,data:t,disabled:n});return{setNodeRef:i,isOver:a,active:r?.activeItem??null}}function x(){let e=(0,d.useContext)(_);if(!e)throw Error(`useDragDropState must be used within a DragDropProvider`);return e}var S=({activatorEvent:e,transform:t,draggingNodeRect:n})=>{if(!e||!n)return t;let r=e,i=0,a=0;`touches`in r&&r.touches.length>0?(i=r.touches[0].clientX,a=r.touches[0].clientY):`clientX`in r&&(i=r.clientX,a=r.clientY);let o=i-n.left-n.width/2,s=a-n.top-n.height/2;return{...t,x:t.x+o,y:t.y+s}},C={dragOverlay:`_dragOverlay_myknw_1`},w=()=>{let{activeItem:t}=x();return t?(0,f.jsx)(m.DragOverlay,{dropAnimation:m.defaultDropAnimation,modifiers:[S],children:(0,f.jsxs)(e.t,{className:C.dragOverlay,children:[(0,f.jsx)(o.t,{fcIcon:t.metadata?.fcIcon,iconUrl:t.metadata?.iconUrl,fallback:t.metadata?.icon,size:20}),(0,f.jsx)(a.o,{size:`xs`,children:t.name})]})}):null},T={"launcher-folder":[`app`],"filesystem-folder":[`file`,`folder`],desktop:[`file`,`folder`,`app`],"available-apps":[`app`]},E={container:`_container_y9c6e_1`,content:`_content_y9c6e_7`,folderList:`_folderList_y9c6e_13`,folderCard:`_folderCard_y9c6e_19`,folderHeader:`_folderHeader_y9c6e_28`,appList:`_appList_y9c6e_40`,availableApps:`_availableApps_y9c6e_49`,appGrid:`_appGrid_y9c6e_58`,appItem:`_appItem_y9c6e_64`},D=({folder:n,isEditing:c,editingName:u,onEdit:d,onDelete:m,onRename:h,onSetEditingName:_,onRemoveApp:v})=>{let{t:y}=(0,p.useTranslation)(`menuedit`),S=g(n),{activeItem:C}=x(),{setNodeRef:w,isOver:D}=b({target:{type:`launcher-folder`,id:n.id,name:S,accepts:T[`launcher-folder`]}});return(0,f.jsxs)(o.n,{ref:w,className:E.folderCard,shadow:`xs`,padding:`xs`,"data-is-over":D&&C?.type===`app`?`true`:void 0,children:[(0,f.jsxs)(i.t,{justify:`space-between`,mb:4,children:[c?(0,f.jsx)(t.t,{value:u,onChange:e=>_(e.target.value),onBlur:()=>h(n.id),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),h(n.id))},autoFocus:!0,size:`xs`,style:{flex:1}}):(0,f.jsxs)(i.t,{gap:`xs`,children:[(0,f.jsx)(o.t,{fcIcon:n.fcIcon,size:16}),(0,f.jsx)(a.o,{size:`sm`,fw:500,children:S}),n.isPredefined&&(0,f.jsxs)(a.o,{size:`xs`,c:`dimmed`,children:[`(`,y(`predefined`),`)`]})]}),!n.isPredefined&&!c&&(0,f.jsxs)(i.t,{gap:4,children:[(0,f.jsx)(r.t,{variant:`subtle`,size:`xs`,onClick:()=>d(n.id),"aria-label":y(`rename`),children:(0,f.jsx)(l.t,{name:`VscEdit`,size:14})}),m&&(0,f.jsx)(r.t,{variant:`subtle`,size:`xs`,color:`red`,onClick:()=>m(n.id),"aria-label":y(`delete`),children:(0,f.jsx)(l.t,{name:`VscTrash`,size:14})})]})]}),(0,f.jsx)(e.t,{className:E.appList,children:n.appIds.map(e=>{let t=s.C.find(t=>t.id===e);return t?(0,f.jsx)(O,{app:t,sourceId:n.id,onContextMenu:t=>{t.preventDefault(),t.stopPropagation(),v(e,n.id)}},e):null})})]})},O=({app:e,sourceId:t,onContextMenu:r})=>{let{attributes:i,listeners:s,setNodeRef:c,isDragging:l,style:u}=y({item:{type:`app`,id:e.id,name:e.name,sourceId:t,sourceType:`launcher-folder`,metadata:{fcIcon:e.fcIcon,iconUrl:e.iconUrl,icon:e.icon}}});return(0,f.jsxs)(n.t,{ref:c,className:E.appItem,style:{...u,opacity:l?.5:1},onContextMenu:r,...i,...s,children:[(0,f.jsx)(o.t,{fcIcon:e.fcIcon,iconUrl:e.iconUrl,fallback:e.icon,size:16}),(0,f.jsx)(a.o,{size:`xs`,children:e.name})]})},k=({customFolderId:t})=>{let{t:n}=(0,p.useTranslation)(`menuedit`),{activeItem:r}=x(),{setNodeRef:i,isOver:o}=b({target:{type:`available-apps`,id:`available-apps`,name:`Available Apps`,accepts:T[`available-apps`]}}),c=new Set(s.o.getState().launcherFolders.flatMap(e=>e.appIds)),l=s.C.filter(e=>e.id!==`settings`&&e.id!==`menuedit`),u=s.o(e=>e.addAppToFolder);return(0,f.jsxs)(e.t,{ref:i,className:E.availableApps,"data-is-over":o&&r?.type===`app`?`true`:void 0,children:[(0,f.jsx)(a.o,{size:`xs`,c:`dimmed`,mb:8,children:n(`availableApps`)}),t===null&&(0,f.jsx)(a.o,{size:`xs`,c:`orange`,mb:4,children:n(`canCreateNewFolder`)}),(0,f.jsx)(e.t,{className:E.appGrid,children:l.filter(e=>!c.has(e.id)).map(e=>(0,f.jsx)(A,{app:e,targetFolderId:t,onAdd:u},e.id))})]})},A=({app:e,targetFolderId:t,onAdd:r})=>{let{attributes:i,listeners:s,setNodeRef:c,isDragging:l,style:u}=y({item:{type:`app`,id:e.id,name:e.name,sourceId:`available-apps`,sourceType:`available-apps`,metadata:{fcIcon:e.fcIcon,iconUrl:e.iconUrl,icon:e.icon}}}),d=()=>{t&&r(e.id,t)};return(0,f.jsxs)(n.t,{ref:c,className:E.appItem,style:{...u,opacity:l?0:1},onClick:d,disabled:!t,...i,...s,children:[(0,f.jsx)(o.t,{fcIcon:e.fcIcon,iconUrl:e.iconUrl,fallback:e.icon,size:16}),(0,f.jsx)(a.o,{size:`xs`,children:e.name})]})},j=({window:t,notifyReady:n})=>{let{t:o}=(0,p.useTranslation)(`menuedit`),m=t?.id,h=s.o(e=>e.launcherFolders),g=s.o(e=>e.setLauncherFolders),_=s.o(e=>e.createLauncherFolder),v=s.o(e=>e.updateLauncherFolder),y=s.o(e=>e.deleteLauncherFolder),b=s.o(e=>e.removeAppFromFolder),[x,S]=(0,d.useState)(null),[C,w]=(0,d.useState)(``),T=(0,d.useRef)(!1);(0,d.useEffect)(()=>{m&&(T.current||(T.current=!0,u.n.getState().reset(m)))},[m]),(0,d.useEffect)(()=>{if(!m)return;let e=u.n.getState();if(e.getSnapshot(m)===null)e.takeSnapshot(m,h);else{let t=e.getSnapshot(m);if(t){let n=JSON.stringify(h)!==JSON.stringify(t);e.setIsDirty(m,n)}}},[m,h]);let O=(0,d.useCallback)(()=>{m&&u.n.getState().takeSnapshot(m,h)},[m,h]),A=(0,d.useCallback)(()=>{if(!m)return;let e=u.n.getState().getSnapshot(m);e&&g(e)},[m,g]);c.i({isDirtyGetter:(0,d.useCallback)(()=>{if(!m)return!1;let e=u.n.getState().getSnapshot(m);return JSON.stringify(h)!==JSON.stringify(e??[])},[m,h]),windowId:t?.id,onDiscard:A,onSave:O});let j=(0,d.useCallback)(()=>{let e=_({name:o(`newFolder`),fcIcon:`VscFolder`,order:h.length});S(e.id),w(e.name)},[_,h.length,o]);(0,d.useEffect)(()=>{n?.({createFolder:j,save:O,discard:A})},[j,O,A,n]);let M=(0,d.useCallback)(e=>{let t=h.find(t=>t.id===e);t&&(S(t.id),w(t.name))},[h]),N=(0,d.useCallback)(e=>{C.trim()&&v(e,{name:C.trim()}),S(null)},[C,v]),P=a.i(),F=h.filter(e=>e.isPredefined),I=h.filter(e=>!e.isPredefined),L=I.length>0?I[0].id:null;return(0,f.jsx)(e.t,{className:E.container,"data-windowid":t?.id,"data-menuedit-container":!0,children:(0,f.jsxs)(e.t,{className:E.content,children:[F.length>0&&(0,f.jsxs)(e.t,{mb:`md`,children:[(0,f.jsx)(a.o,{size:`xs`,c:`dimmed`,mb:8,children:o(`predefinedFolders`)}),(0,f.jsx)(e.t,{className:E.folderList,children:F.map(e=>(0,f.jsx)(D,{folder:e,isEditing:!1,editingName:``,onEdit:()=>{},onRemoveApp:b,onRename:()=>{},onSetEditingName:()=>{}},e.id))})]}),P&&I.length>0&&(0,f.jsxs)(e.t,{mb:`md`,children:[(0,f.jsx)(a.o,{size:`xs`,c:`dimmed`,mb:8,children:o(`customFolders`)}),(0,f.jsx)(e.t,{className:E.folderList,children:I.map(e=>(0,f.jsx)(D,{folder:e,isEditing:x===e.id,editingName:C,onEdit:M,onDelete:y,onRename:N,onSetEditingName:w,onRemoveApp:b},e.id))})]}),(0,f.jsxs)(i.t,{justify:`space-between`,mb:`md`,children:[(0,f.jsx)(k,{customFolderId:L}),(0,f.jsx)(a.o,{size:`xs`,c:`dimmed`,mt:`md`,children:o(`instructions`)}),P&&(0,f.jsx)(r.t,{variant:`light`,onClick:j,"aria-label":o(`addFolder`),children:(0,f.jsx)(l.t,{name:`VscAdd`,size:16})})]})]})})},M=e=>{let t=s.o(e=>e.addAppToFolder),n=s.o(e=>e.removeAppFromFolder);return(0,f.jsxs)(v,{onDrop:(0,d.useCallback)((e,r)=>{if(e.type===`app`){if(r.type===`available-apps`){e.sourceType===`launcher-folder`&&n(e.id,e.sourceId);return}r.type===`launcher-folder`&&(e.sourceId!==r.id&&e.sourceType===`launcher-folder`&&n(e.id,e.sourceId),t(e.id,r.id))}},[t,n]),children:[(0,f.jsx)(j,{...e}),(0,f.jsx)(w,{})]})};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return M}});

package/dist/MenuEditMenuBar-BydGkqMw.cjs

@@ -0,0 +1 @@
+const e=require(`./MenuEditMenuBar-DptlwVPQ.cjs`);exports.MenuEditMenuBar=e.t;