@fde-desktop/fde-core 0.4.10 → 0.4.13

package/dist/AppEmptyState-Boej96TB.js

@@ -0,0 +1,49 @@
+import { t as e } from "./Colors-CuABn2W4.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { motion as a } from "framer-motion";
+var o = {
+	root: "_root_19u7b_1",
+	container: "_container_19u7b_10",
+	item: "_item_19u7b_23",
+	label: "_label_19u7b_29"
+};
+//#endregion
+//#region src/utils/getFourRandomColors.ts
+function s(t = 4) {
+	return [...e].sort(() => Math.random() - .5).slice(0, t);
+}
+//#endregion
+//#region src/components/Shared/AppEmptyState/AppEmptyState.tsx
+var c = s(), l = {
+	type: "spring",
+	damping: 20,
+	stiffness: 300
+};
+function u(e) {
+	return [...e].sort(() => Math.random() - .5);
+}
+var d = ({ label: e = "Work In Progress" }) => {
+	let [s, d] = n(c);
+	return t(() => {
+		let e = setTimeout(() => d((e) => u(e)), 1e3);
+		return () => clearTimeout(e);
+	}, [s]), /* @__PURE__ */ i("div", {
+		className: o.root,
+		"data-testid": "app-empty-state",
+		children: [/* @__PURE__ */ r("ul", {
+			className: o.container,
+			children: s.map((e) => /* @__PURE__ */ r(a.li, {
+				layout: !0,
+				transition: l,
+				className: o.item,
+				style: { backgroundColor: e }
+			}, e))
+		}), /* @__PURE__ */ r("p", {
+			className: o.label,
+			children: e
+		})]
+	});
+};
+//#endregion
+export { s as n, d as t };

package/dist/AppEmptyState-CLc00OOG.cjs

@@ -0,0 +1 @@
+require(`./NotesApp-BmQIBtJ2.cjs`);const e=require(`./Colors-CNJbU7oq.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`),r=require(`framer-motion`);var i={root:`_root_19u7b_1`,container:`_container_19u7b_10`,item:`_item_19u7b_23`,label:`_label_19u7b_29`};function a(t=4){return[...e.t].sort(()=>Math.random()-.5).slice(0,t)}var o=a(),s={type:`spring`,damping:20,stiffness:300};function c(e){return[...e].sort(()=>Math.random()-.5)}var l=({label:e=`Work In Progress`})=>{let[a,l]=(0,t.useState)(o);return(0,t.useEffect)(()=>{let e=setTimeout(()=>l(e=>c(e)),1e3);return()=>clearTimeout(e)},[a]),(0,n.jsxs)(`div`,{className:i.root,"data-testid":`app-empty-state`,children:[(0,n.jsx)(`ul`,{className:i.container,children:a.map(e=>(0,n.jsx)(r.motion.li,{layout:!0,transition:s,className:i.item,style:{backgroundColor:e}},e))}),(0,n.jsx)(`p`,{className:i.label,children:e})]})};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/AppIcon-C8vHUVcb.cjs

@@ -0,0 +1 @@
+require(`./NotesApp-BmQIBtJ2.cjs`);const e=require(`./desktopStore-C1jR6Fdb.cjs`),t=require(`./useDynamicIcon-CK6SjEv5.cjs`);let n=require(`react/jsx-runtime`);var r=({fcIcon:r,fallback:i,iconUrl:a,size:o=20,color:s})=>{let c=r?.startsWith(`Fi`),l=r?.startsWith(`Vsc`),u=t.i(!c&&!l?r??``:``,{size:o}),d=t.o(c?r??``:``,{size:o,color:s}),f=t.c(l?r??``:``,{size:o});return a?(0,n.jsx)(`img`,{src:e.g(a),alt:``,width:o,height:o,style:{objectFit:`contain`}}):c&&d?d:l&&f?f:u||(i?(0,n.jsx)(`span`,{"aria-hidden":`true`,children:i}):null)};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/dist/AppIcon-mtEoyzOb.js

@@ -0,0 +1,22 @@
+import { g as e } from "./desktopStore-8cSZlj7s.js";
+import { c as t, i as n, o as r } from "./useDynamicIcon-_wGeWu-b.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Shared/AppIcon.tsx
+var a = ({ fcIcon: a, fallback: o, iconUrl: s, size: c = 20, color: l }) => {
+	let u = a?.startsWith("Fi"), d = a?.startsWith("Vsc"), f = n(!u && !d ? a ?? "" : "", { size: c }), p = r(u ? a ?? "" : "", {
+		size: c,
+		color: l
+	}), m = t(d ? a ?? "" : "", { size: c });
+	return s ? /* @__PURE__ */ i("img", {
+		src: e(s),
+		alt: "",
+		width: c,
+		height: c,
+		style: { objectFit: "contain" }
+	}) : u && p ? p : d && m ? m : f || (o ? /* @__PURE__ */ i("span", {
+		"aria-hidden": "true",
+		children: o
+	}) : null);
+};
+//#endregion
+export { a as t };

package/dist/AppMenuBar-CAlkNHjj.cjs

@@ -0,0 +1 @@
+require(`./NotesApp-BmQIBtJ2.cjs`);const e=require(`./useDynamicIcon-CK6SjEv5.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`),r=require(`@mantine/core`);var i=({size:t=16})=>(0,n.jsx)(`span`,{style:{color:`orange`,fontWeight:`bold`,marginLeft:`8px`,display:`flex`,alignItems:`center`},title:`Unsaved changes`,children:e.i(`FcSynchronize`,{size:t})}),a={root:`_root_1aqog_1`,menuTrigger:`_menuTrigger_1aqog_19`,element:`_element_1aqog_37`,sliderLabel:`_sliderLabel_1aqog_44`,select:`_select_1aqog_50`,textInput:`_textInput_1aqog_51`,numberInput:`_numberInput_1aqog_52`,slider:`_slider_1aqog_44`},o={size:16,style:{display:`block`}},s=({name:t})=>e.i(t,o),c=({label:i,icon:c,items:l,rightSection:u})=>{let[d,f]=(0,t.useState)(!1);return(0,n.jsxs)(r.Menu,{opened:d,onClose:()=>f(!1),withinPortal:!0,keepMounted:!0,closeOnItemClick:!0,closeOnEscape:!0,closeOnClickOutside:!0,position:`bottom-start`,children:[(0,n.jsx)(r.Menu.Target,{children:(0,n.jsxs)(`button`,{className:a.menuTrigger,onClick:()=>f(e=>!e),children:[c&&(0,n.jsx)(()=>e.i(c??``,o),{}),(0,n.jsx)(`span`,{children:i}),u&&(0,n.jsx)(`span`,{style:{marginLeft:`auto`},children:u})]})}),(0,n.jsx)(r.Menu.Dropdown,{children:l.map((e,t)=>e.type===`divider`?(0,n.jsx)(r.Menu.Divider,{},t):e.type===`slider`?(0,n.jsx)(r.Menu.Item,{closeMenuOnClick:!1,children:(0,n.jsxs)(`div`,{style:{minWidth:120},children:[e.label&&(0,n.jsx)(`div`,{style:{marginBottom:4},children:e.label}),(0,n.jsx)(r.Slider,{min:e.min,max:e.max,value:e.value,onChange:e.onChange,size:`sm`})]})},t):(0,n.jsx)(r.Menu.Item,{disabled:e.disabled,onClick:e.onClick,leftSection:e.icon?(0,n.jsx)(s,{name:e.icon}):void 0,children:e.label},t))})]})},l=({elements:e})=>{let[o,s]=(0,t.useState)({}),l=(e,t)=>{s(n=>({...n,[e]:{...n[e]??{isHovered:!1,isDragging:!1},...t}}))};return(0,n.jsx)(`div`,{className:a.root,role:`menubar`,"aria-label":`Application menu`,children:e.map((e,t)=>{switch(e.type){case`menu`:return(0,n.jsx)(c,{label:e.label,icon:e.icon,items:e.items,rightSection:e.rightSection},t);case`combobox`:return(0,n.jsx)(`div`,{className:a.element,children:(0,n.jsx)(r.Select,{data:e.options,value:e.value,onChange:t=>t&&e.onChange(t),placeholder:e.label,size:`sm`,className:a.select,comboboxProps:{withinPortal:!0}})},t);case`switch`:return(0,n.jsx)(`div`,{className:a.element,children:(0,n.jsx)(r.Switch,{label:e.label,checked:e.checked,onChange:t=>e.onChange(t.currentTarget.checked),size:`sm`})},t);case`slider`:{let i=o[t]??{isHovered:!1,isDragging:!1},s=i.isHovered||i.isDragging;return(0,n.jsx)(r.Tooltip,{label:(e.labelFormat??(e=>String(e)))(e.value),position:`bottom`,withArrow:!0,opened:s,children:(0,n.jsxs)(`div`,{className:a.element,onMouseEnter:()=>l(t,{isHovered:!0}),onMouseLeave:()=>l(t,{isHovered:!1}),children:[e.label&&(0,n.jsx)(`span`,{className:a.sliderLabel,children:e.label}),(0,n.jsx)(r.Slider,{min:e.min,max:e.max,value:e.value,onChange:n=>{e.onChange(n),l(t,{isDragging:!0})},onChangeEnd:n=>{e.onChange(n),l(t,{isDragging:!1})},size:`sm`,className:a.slider,marks:e.marks})]})},t)}case`text-input`:return(0,n.jsx)(`div`,{className:a.element,children:(0,n.jsx)(r.TextInput,{placeholder:e.placeholder,value:e.value,onChange:t=>e.onChange(t.currentTarget.value),size:`sm`,className:a.textInput})},t);case`number-input`:return(0,n.jsx)(`div`,{className:a.element,children:(0,n.jsx)(r.NumberInput,{label:e.label,value:e.value,onChange:t=>e.onChange(typeof t==`number`?t:0),min:e.min,max:e.max,step:e.step??1,placeholder:e.placeholder,size:`sm`,className:a.numberInput})},t);case`select`:return(0,n.jsx)(`div`,{className:a.element,children:(0,n.jsx)(r.Select,{label:e.label,data:e.options,value:e.value,onChange:t=>t&&e.onChange(t),size:`sm`,className:a.select,comboboxProps:{withinPortal:!0}})},t);case`dirty-indicator`:return(0,n.jsx)(`span`,{style:{marginLeft:`auto`},children:(0,n.jsx)(i,{})},t)}})})};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/AppMenuBar-DmSfQRXU.js

@@ -0,0 +1,197 @@
+import { i as e } from "./useDynamicIcon-_wGeWu-b.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Menu as i, NumberInput as a, Select as o, Slider as s, Switch as c, TextInput as l, Tooltip as u } from "@mantine/core";
+//#region src/components/Shared/DirtyIndicator/DirtyIndicator.tsx
+var d = ({ size: t = 16 }) => /* @__PURE__ */ n("span", {
+	style: {
+		color: "orange",
+		fontWeight: "bold",
+		marginLeft: "8px",
+		display: "flex",
+		alignItems: "center"
+	},
+	title: "Unsaved changes",
+	children: e("FcSynchronize", { size: t })
+}), f = {
+	root: "_root_1aqog_1",
+	menuTrigger: "_menuTrigger_1aqog_19",
+	element: "_element_1aqog_37",
+	sliderLabel: "_sliderLabel_1aqog_44",
+	select: "_select_1aqog_50",
+	textInput: "_textInput_1aqog_51",
+	numberInput: "_numberInput_1aqog_52",
+	slider: "_slider_1aqog_44"
+}, p = {
+	size: 16,
+	style: { display: "block" }
+}, m = ({ name: t }) => e(t, p), h = ({ label: a, icon: o, items: c, rightSection: l }) => {
+	let [u, d] = t(!1);
+	return /* @__PURE__ */ r(i, {
+		opened: u,
+		onClose: () => d(!1),
+		withinPortal: !0,
+		keepMounted: !0,
+		closeOnItemClick: !0,
+		closeOnEscape: !0,
+		closeOnClickOutside: !0,
+		position: "bottom-start",
+		children: [/* @__PURE__ */ n(i.Target, { children: /* @__PURE__ */ r("button", {
+			className: f.menuTrigger,
+			onClick: () => d((e) => !e),
+			children: [
+				o && /* @__PURE__ */ n(() => e(o ?? "", p), {}),
+				/* @__PURE__ */ n("span", { children: a }),
+				l && /* @__PURE__ */ n("span", {
+					style: { marginLeft: "auto" },
+					children: l
+				})
+			]
+		}) }), /* @__PURE__ */ n(i.Dropdown, { children: c.map((e, t) => e.type === "divider" ? /* @__PURE__ */ n(i.Divider, {}, t) : e.type === "slider" ? /* @__PURE__ */ n(i.Item, {
+			closeMenuOnClick: !1,
+			children: /* @__PURE__ */ r("div", {
+				style: { minWidth: 120 },
+				children: [e.label && /* @__PURE__ */ n("div", {
+					style: { marginBottom: 4 },
+					children: e.label
+				}), /* @__PURE__ */ n(s, {
+					min: e.min,
+					max: e.max,
+					value: e.value,
+					onChange: e.onChange,
+					size: "sm"
+				})]
+			})
+		}, t) : /* @__PURE__ */ n(i.Item, {
+			disabled: e.disabled,
+			onClick: e.onClick,
+			leftSection: e.icon ? /* @__PURE__ */ n(m, { name: e.icon }) : void 0,
+			children: e.label
+		}, t)) })]
+	});
+}, g = ({ elements: e }) => {
+	let [i, p] = t({}), m = (e, t) => {
+		p((n) => ({
+			...n,
+			[e]: {
+				...n[e] ?? {
+					isHovered: !1,
+					isDragging: !1
+				},
+				...t
+			}
+		}));
+	};
+	return /* @__PURE__ */ n("div", {
+		className: f.root,
+		role: "menubar",
+		"aria-label": "Application menu",
+		children: e.map((e, t) => {
+			switch (e.type) {
+				case "menu": return /* @__PURE__ */ n(h, {
+					label: e.label,
+					icon: e.icon,
+					items: e.items,
+					rightSection: e.rightSection
+				}, t);
+				case "combobox": return /* @__PURE__ */ n("div", {
+					className: f.element,
+					children: /* @__PURE__ */ n(o, {
+						data: e.options,
+						value: e.value,
+						onChange: (t) => t && e.onChange(t),
+						placeholder: e.label,
+						size: "sm",
+						className: f.select,
+						comboboxProps: { withinPortal: !0 }
+					})
+				}, t);
+				case "switch": return /* @__PURE__ */ n("div", {
+					className: f.element,
+					children: /* @__PURE__ */ n(c, {
+						label: e.label,
+						checked: e.checked,
+						onChange: (t) => e.onChange(t.currentTarget.checked),
+						size: "sm"
+					})
+				}, t);
+				case "slider": {
+					let a = i[t] ?? {
+						isHovered: !1,
+						isDragging: !1
+					}, o = a.isHovered || a.isDragging;
+					return /* @__PURE__ */ n(u, {
+						label: (e.labelFormat ?? ((e) => String(e)))(e.value),
+						position: "bottom",
+						withArrow: !0,
+						opened: o,
+						children: /* @__PURE__ */ r("div", {
+							className: f.element,
+							onMouseEnter: () => m(t, { isHovered: !0 }),
+							onMouseLeave: () => m(t, { isHovered: !1 }),
+							children: [e.label && /* @__PURE__ */ n("span", {
+								className: f.sliderLabel,
+								children: e.label
+							}), /* @__PURE__ */ n(s, {
+								min: e.min,
+								max: e.max,
+								value: e.value,
+								onChange: (n) => {
+									e.onChange(n), m(t, { isDragging: !0 });
+								},
+								onChangeEnd: (n) => {
+									e.onChange(n), m(t, { isDragging: !1 });
+								},
+								size: "sm",
+								className: f.slider,
+								marks: e.marks
+							})]
+						})
+					}, t);
+				}
+				case "text-input": return /* @__PURE__ */ n("div", {
+					className: f.element,
+					children: /* @__PURE__ */ n(l, {
+						placeholder: e.placeholder,
+						value: e.value,
+						onChange: (t) => e.onChange(t.currentTarget.value),
+						size: "sm",
+						className: f.textInput
+					})
+				}, t);
+				case "number-input": return /* @__PURE__ */ n("div", {
+					className: f.element,
+					children: /* @__PURE__ */ n(a, {
+						label: e.label,
+						value: e.value,
+						onChange: (t) => e.onChange(typeof t == "number" ? t : 0),
+						min: e.min,
+						max: e.max,
+						step: e.step ?? 1,
+						placeholder: e.placeholder,
+						size: "sm",
+						className: f.numberInput
+					})
+				}, t);
+				case "select": return /* @__PURE__ */ n("div", {
+					className: f.element,
+					children: /* @__PURE__ */ n(o, {
+						label: e.label,
+						data: e.options,
+						value: e.value,
+						onChange: (t) => t && e.onChange(t),
+						size: "sm",
+						className: f.select,
+						comboboxProps: { withinPortal: !0 }
+					})
+				}, t);
+				case "dirty-indicator": return /* @__PURE__ */ n("span", {
+					style: { marginLeft: "auto" },
+					children: /* @__PURE__ */ n(d, {})
+				}, t);
+			}
+		})
+	});
+};
+//#endregion
+export { d as n, g as t };

package/dist/CalendarApp-DOmjWbpl.js

@@ -0,0 +1,10 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import "@mantine/dates/styles.css";
+import { jsx as t } from "react/jsx-runtime";
+import { Calendar as n } from "@mantine/dates";
+var r = { root: "_root_43uio_1" }, i = /* @__PURE__ */ e({ default: () => a }), a = () => /* @__PURE__ */ t("div", {
+	className: r.root,
+	children: /* @__PURE__ */ t(n, {})
+});
+//#endregion
+export { i as n, a as t };

package/dist/CalendarApp-Z0bCCYsK.cjs

@@ -0,0 +1 @@
+const e=require(`./NotesApp-BmQIBtJ2.cjs`);require(`@mantine/dates/styles.css`);let t=require(`react/jsx-runtime`),n=require(`@mantine/dates`);var r={root:`_root_43uio_1`},i=e.i({default:()=>a}),a=()=>(0,t.jsx)(`div`,{className:r.root,children:(0,t.jsx)(n.Calendar,{})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/ColorPicker-CQRRwY-y.cjs

@@ -0,0 +1 @@
+require(`./NotesApp-BmQIBtJ2.cjs`);const e=require(`./Colors-CNJbU7oq.cjs`);let t=require(`react/jsx-runtime`),n=require(`@mantine/core`);var r={root:`_root_18r9b_1`,colorRow:`_colorRow_18r9b_7`,colorSwatch:`_colorSwatch_18r9b_13`,colorInput:`_colorInput_18r9b_38`},i=({value:i,onChange:a,error:o,disabled:s=!1})=>(0,t.jsxs)(`div`,{className:r.root,children:[(0,t.jsx)(`div`,{className:r.colorRow,children:e.t.map(e=>(0,t.jsx)(n.UnstyledButton,{className:r.colorSwatch,"data-selected":i===e||void 0,"data-disabled":s||void 0,style:{background:e},onClick:()=>!s&&a(e),"aria-label":`Color ${e}`,"aria-pressed":i===e,disabled:s},e))}),(0,t.jsx)(n.ColorInput,{value:i,onChange:a,placeholder:`Custom color`,size:`xs`,className:r.colorInput,"aria-label":`Custom color picker`,error:o,disabled:s})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/ColorPicker-WCeD3Wjf.js

@@ -0,0 +1,35 @@
+import { t as e } from "./Colors-CuABn2W4.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { ColorInput as r, UnstyledButton as i } from "@mantine/core";
+var a = {
+	root: "_root_18r9b_1",
+	colorRow: "_colorRow_18r9b_7",
+	colorSwatch: "_colorSwatch_18r9b_13",
+	colorInput: "_colorInput_18r9b_38"
+}, o = ({ value: o, onChange: s, error: c, disabled: l = !1 }) => /* @__PURE__ */ n("div", {
+	className: a.root,
+	children: [/* @__PURE__ */ t("div", {
+		className: a.colorRow,
+		children: e.map((e) => /* @__PURE__ */ t(i, {
+			className: a.colorSwatch,
+			"data-selected": o === e || void 0,
+			"data-disabled": l || void 0,
+			style: { background: e },
+			onClick: () => !l && s(e),
+			"aria-label": `Color ${e}`,
+			"aria-pressed": o === e,
+			disabled: l
+		}, e))
+	}), /* @__PURE__ */ t(r, {
+		value: o,
+		onChange: s,
+		placeholder: "Custom color",
+		size: "xs",
+		className: a.colorInput,
+		"aria-label": "Custom color picker",
+		error: c,
+		disabled: l
+	})]
+});
+//#endregion
+export { o as t };

package/dist/CreateItemApp-BkFFFdX1.cjs

@@ -0,0 +1 @@
+const e=require(`./NotesApp-BmQIBtJ2.cjs`),t=require(`./desktopStore-C1jR6Fdb.cjs`),n=require(`./useDynamicIcon-CK6SjEv5.cjs`),r=require(`./VscIcon-BYb_Soyy.cjs`),i=require(`./ColorPicker-CQRRwY-y.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`),s=require(`@mantine/core`);var c={root:`_root_1jzye_1`,iconGrid:`_iconGrid_1jzye_7`,iconButton:`_iconButton_1jzye_11`},l=[`VscFolder`,`VscFolderOpened`,`VscHome`,`VscServer`,`VscDatabase`,`VscBook`,`VscMail`,`VscGithub`,`VscCloud`,`VscLock`,`VscSettingsGear`,`VscStar`,`VscHeart`,`VscMusic`,`VscCamera`,`VscArchive`],u=({selectedIcon:e,selectedColor:t,onIconChange:n,onColorChange:a,colorError:u})=>(0,o.jsxs)(`div`,{className:c.root,children:[(0,o.jsx)(s.SimpleGrid,{cols:8,spacing:4,className:c.iconGrid,children:l.map(i=>{let a=e===i;return(0,o.jsx)(s.Tooltip,{label:i,openDelay:500,children:(0,o.jsx)(s.UnstyledButton,{className:c.iconButton,"data-selected":a||void 0,onClick:()=>n(i),"aria-label":i,"aria-pressed":a,children:(0,o.jsx)(r.t,{name:i,size:20,color:t})})},i)})}),(0,o.jsx)(i.t,{value:t,onChange:a,error:u})]}),d={content:`_content_ej839_1`,header:`_header_ej839_8`,nameRow:`_nameRow_ej839_13`,iconPreview:`_iconPreview_ej839_19`,nameInput:`_nameInput_ej839_30`,collapseToggle:`_collapseToggle_ej839_34`,pickerWrapper:`_pickerWrapper_ej839_46`},f=e.i({default:()=>w}),p=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/,m=e=>p.test(e),h={size:14,style:{display:`block`}},g=({open:e})=>n.i(e?`FcCollapse`:`FcExpand`,h),_=()=>n.i(`FcCancel`,h),v=()=>n.i(`FcCheckmark`,h),y=`VscFolder`,b=`#228be6`,x=`New File`,S=`New Folder`,C=36,w=({window:e})=>{let r=e,i=r?.contentData?.mode??`folder`,c=r?.contentData?.parentId??null,l=r?.contentData?.currentPath??`/home`,[f,p]=(0,a.useState)(i===`folder`?S:x),[h,w]=(0,a.useState)(y),[T,E]=(0,a.useState)(b),[D,O]=(0,a.useState)(r?.contentData?.iconPickerOpen??!1),k=(0,a.useRef)(null),A=t.o(e=>e.closeWindow),j=t.o(e=>e.resizeWindow),M=t.o(e=>e.createFile),N=t.o(e=>e.createFolder),P=t.o(e=>e.addNotification),F=t.o(e=>e.fsNodes),I=t.o(e=>e.windows.find(e=>e.id===r?.id)?.width??400),L=F.some(e=>e.parentId===c&&e.type===i&&e.name===f.trim()),R=i===`folder`&&D&&!m(T),z=f.trim().length>0&&!L&&!R;(0,a.useEffect)(()=>{if(!r?.id||!k.current)return;let e=k.current,t=new ResizeObserver(()=>{j(r.id,I,e.scrollHeight+C)});return t.observe(e),()=>t.disconnect()},[r,I,j]);let B=()=>{if(!z)return;let e=f.trim(),t=c??null,n=h,a=T;A(r.id),i===`folder`?N(e,t,n,a).catch(e=>{console.error(`Failed to create folder:`,e),P({id:`create-folder-error-${Date.now()}`,title:`Error`,message:`Failed to create folder: ${e instanceof Error?e.message:`Unknown error`}`,fcIcon:`FcHighPriority`})}):M(e,``,t).catch(e=>{console.error(`Failed to create file:`,e),P({id:`create-file-error-${Date.now()}`,title:`Error`,message:`Failed to create file: ${e instanceof Error?e.message:`Unknown error`}`,fcIcon:`FcHighPriority`})})},V=()=>{A(r.id)},H=n.c(h,{size:40,color:T});return(0,o.jsxs)(`div`,{ref:k,className:d.root,children:[(0,o.jsx)(`div`,{className:d.header,children:(0,o.jsxs)(s.Text,{fw:600,size:`sm`,children:[i===`folder`?`Create new folder`:`Create new file`,` in `,l,`:`]})}),(0,o.jsxs)(`div`,{className:d.content,children:[(0,o.jsxs)(`div`,{className:d.nameRow,children:[i===`folder`&&H&&(0,o.jsx)(`div`,{className:d.iconPreview,"aria-hidden":`true`,children:H}),(0,o.jsx)(s.TextInput,{value:f,onChange:e=>p(e.currentTarget.value),onKeyDown:e=>e.key===`Enter`&&B(),error:L?`There is already a ${i} with that name`:void 0,rightSection:f?(0,o.jsx)(s.ActionIcon,{variant:`transparent`,size:`sm`,onClick:()=>p(``),"aria-label":`Clear name`,children:(0,o.jsx)(_,{})}):null,autoFocus:!0,className:d.nameInput,"aria-label":`Item name`})]}),i===`folder`&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(s.UnstyledButton,{className:d.collapseToggle,onClick:()=>O(e=>!e),"aria-expanded":D,children:[(0,o.jsx)(g,{open:D}),(0,o.jsx)(s.Text,{size:`sm`,ml:6,children:`Choose custom icon or color`})]}),(0,o.jsx)(s.Collapse,{expanded:D,children:(0,o.jsx)(`div`,{className:d.pickerWrapper,children:(0,o.jsx)(u,{selectedIcon:h,selectedColor:T,onIconChange:w,onColorChange:E,colorError:R?`Enter a valid hex color (e.g. #ff0000)`:void 0})})}),(0,o.jsx)(s.Text,{size:`xs`,c:`dimmed`,mt:4,children:`You can change the icon later in folder properties.`})]}),(0,o.jsxs)(s.Group,{justify:`flex-end`,mt:`md`,children:[(0,o.jsx)(s.Button,{variant:`default`,size:`sm`,onClick:V,leftSection:(0,o.jsx)(_,{}),children:`Cancel`}),(0,o.jsx)(s.Button,{size:`sm`,onClick:B,leftSection:(0,o.jsx)(v,{}),disabled:!z,children:`OK`})]})]})]})};Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return w}});

package/dist/CreateItemApp-DR8Y4bwo.js

@@ -0,0 +1,202 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { o as t } from "./desktopStore-8cSZlj7s.js";
+import { c as n, i as r } from "./useDynamicIcon-_wGeWu-b.js";
+import { t as i } from "./VscIcon-AEENjKOE.js";
+import { t as a } from "./ColorPicker-WCeD3Wjf.js";
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { ActionIcon as f, Button as p, Collapse as m, Group as h, SimpleGrid as g, Text as _, TextInput as v, Tooltip as y, UnstyledButton as b } from "@mantine/core";
+var x = {
+	root: "_root_1jzye_1",
+	iconGrid: "_iconGrid_1jzye_7",
+	iconButton: "_iconButton_1jzye_11"
+}, S = [
+	"VscFolder",
+	"VscFolderOpened",
+	"VscHome",
+	"VscServer",
+	"VscDatabase",
+	"VscBook",
+	"VscMail",
+	"VscGithub",
+	"VscCloud",
+	"VscLock",
+	"VscSettingsGear",
+	"VscStar",
+	"VscHeart",
+	"VscMusic",
+	"VscCamera",
+	"VscArchive"
+], C = ({ selectedIcon: e, selectedColor: t, onIconChange: n, onColorChange: r, colorError: o }) => /* @__PURE__ */ d("div", {
+	className: x.root,
+	children: [/* @__PURE__ */ u(g, {
+		cols: 8,
+		spacing: 4,
+		className: x.iconGrid,
+		children: S.map((r) => {
+			let a = e === r;
+			return /* @__PURE__ */ u(y, {
+				label: r,
+				openDelay: 500,
+				children: /* @__PURE__ */ u(b, {
+					className: x.iconButton,
+					"data-selected": a || void 0,
+					onClick: () => n(r),
+					"aria-label": r,
+					"aria-pressed": a,
+					children: /* @__PURE__ */ u(i, {
+						name: r,
+						size: 20,
+						color: t
+					})
+				})
+			}, r);
+		})
+	}), /* @__PURE__ */ u(a, {
+		value: t,
+		onChange: r,
+		error: o
+	})]
+}), w = {
+	content: "_content_ej839_1",
+	header: "_header_ej839_8",
+	nameRow: "_nameRow_ej839_13",
+	iconPreview: "_iconPreview_ej839_19",
+	nameInput: "_nameInput_ej839_30",
+	collapseToggle: "_collapseToggle_ej839_34",
+	pickerWrapper: "_pickerWrapper_ej839_46"
+}, T = /* @__PURE__ */ e({ default: () => L }), E = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/, D = (e) => E.test(e), O = {
+	size: 14,
+	style: { display: "block" }
+}, k = ({ open: e }) => r(e ? "FcCollapse" : "FcExpand", O), A = () => r("FcCancel", O), j = () => r("FcCheckmark", O), M = "VscFolder", N = "#228be6", P = "New File", F = "New Folder", I = 36, L = ({ window: e }) => {
+	let r = e, i = r?.contentData?.mode ?? "folder", a = r?.contentData?.parentId ?? null, g = r?.contentData?.currentPath ?? "/home", [y, x] = c(i === "folder" ? F : P), [S, T] = c(M), [E, O] = c(N), [L, R] = c(r?.contentData?.iconPickerOpen ?? !1), z = s(null), B = t((e) => e.closeWindow), V = t((e) => e.resizeWindow), H = t((e) => e.createFile), U = t((e) => e.createFolder), W = t((e) => e.addNotification), G = t((e) => e.fsNodes), K = t((e) => e.windows.find((e) => e.id === r?.id)?.width ?? 400), q = G.some((e) => e.parentId === a && e.type === i && e.name === y.trim()), J = i === "folder" && L && !D(E), Y = y.trim().length > 0 && !q && !J;
+	o(() => {
+		if (!r?.id || !z.current) return;
+		let e = z.current, t = new ResizeObserver(() => {
+			V(r.id, K, e.scrollHeight + I);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [
+		r,
+		K,
+		V
+	]);
+	let X = () => {
+		if (!Y) return;
+		let e = y.trim(), t = a ?? null, n = S, o = E;
+		B(r.id), i === "folder" ? U(e, t, n, o).catch((e) => {
+			console.error("Failed to create folder:", e), W({
+				id: `create-folder-error-${Date.now()}`,
+				title: "Error",
+				message: `Failed to create folder: ${e instanceof Error ? e.message : "Unknown error"}`,
+				fcIcon: "FcHighPriority"
+			});
+		}) : H(e, "", t).catch((e) => {
+			console.error("Failed to create file:", e), W({
+				id: `create-file-error-${Date.now()}`,
+				title: "Error",
+				message: `Failed to create file: ${e instanceof Error ? e.message : "Unknown error"}`,
+				fcIcon: "FcHighPriority"
+			});
+		});
+	}, Z = () => {
+		B(r.id);
+	}, Q = n(S, {
+		size: 40,
+		color: E
+	});
+	return /* @__PURE__ */ d("div", {
+		ref: z,
+		className: w.root,
+		children: [/* @__PURE__ */ u("div", {
+			className: w.header,
+			children: /* @__PURE__ */ d(_, {
+				fw: 600,
+				size: "sm",
+				children: [
+					i === "folder" ? "Create new folder" : "Create new file",
+					" in ",
+					g,
+					":"
+				]
+			})
+		}), /* @__PURE__ */ d("div", {
+			className: w.content,
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: w.nameRow,
+					children: [i === "folder" && Q && /* @__PURE__ */ u("div", {
+						className: w.iconPreview,
+						"aria-hidden": "true",
+						children: Q
+					}), /* @__PURE__ */ u(v, {
+						value: y,
+						onChange: (e) => x(e.currentTarget.value),
+						onKeyDown: (e) => e.key === "Enter" && X(),
+						error: q ? `There is already a ${i} with that name` : void 0,
+						rightSection: y ? /* @__PURE__ */ u(f, {
+							variant: "transparent",
+							size: "sm",
+							onClick: () => x(""),
+							"aria-label": "Clear name",
+							children: /* @__PURE__ */ u(A, {})
+						}) : null,
+						autoFocus: !0,
+						className: w.nameInput,
+						"aria-label": "Item name"
+					})]
+				}),
+				i === "folder" && /* @__PURE__ */ d(l, { children: [
+					/* @__PURE__ */ d(b, {
+						className: w.collapseToggle,
+						onClick: () => R((e) => !e),
+						"aria-expanded": L,
+						children: [/* @__PURE__ */ u(k, { open: L }), /* @__PURE__ */ u(_, {
+							size: "sm",
+							ml: 6,
+							children: "Choose custom icon or color"
+						})]
+					}),
+					/* @__PURE__ */ u(m, {
+						expanded: L,
+						children: /* @__PURE__ */ u("div", {
+							className: w.pickerWrapper,
+							children: /* @__PURE__ */ u(C, {
+								selectedIcon: S,
+								selectedColor: E,
+								onIconChange: T,
+								onColorChange: O,
+								colorError: J ? "Enter a valid hex color (e.g. #ff0000)" : void 0
+							})
+						})
+					}),
+					/* @__PURE__ */ u(_, {
+						size: "xs",
+						c: "dimmed",
+						mt: 4,
+						children: "You can change the icon later in folder properties."
+					})
+				] }),
+				/* @__PURE__ */ d(h, {
+					justify: "flex-end",
+					mt: "md",
+					children: [/* @__PURE__ */ u(p, {
+						variant: "default",
+						size: "sm",
+						onClick: Z,
+						leftSection: /* @__PURE__ */ u(A, {}),
+						children: "Cancel"
+					}), /* @__PURE__ */ u(p, {
+						size: "sm",
+						onClick: X,
+						leftSection: /* @__PURE__ */ u(j, {}),
+						disabled: !Y,
+						children: "OK"
+					})]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { S as i, T as n, C as r, L as t };

package/dist/DeviceInfoApp-BXQ9uOwF.cjs

@@ -0,0 +1 @@
+const e=require(`./NotesApp-BmQIBtJ2.cjs`),t=require(`./desktopStore-C1jR6Fdb.cjs`),n=require(`./useAdaptiveDimensions-3Lz4X0Tc.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`),a=require(`@mantine/core`);var o=()=>{let e=window.innerWidth,n=window.matchMedia(`(pointer: coarse)`).matches;return e<t.p.MOBILE||n},s=()=>{let e=window.innerWidth;return e>=t.p.MOBILE&&e<t.p.TABLET},c=()=>window.innerWidth>=t.p.TABLET,l=()=>screen.orientation?screen.orientation.type.includes(`portrait`):window.innerHeight>window.innerWidth;function u(){let[e,t]=(0,r.useState)(()=>({isMobile:o(),isTablet:s(),isDesktop:c(),isPortrait:l(),shouldShowWarning:o()&&l(),screenWidth:window.innerWidth,screenHeight:window.innerHeight})),n=(0,r.useCallback)(()=>{let e=o(),n=l();t({isMobile:e,isTablet:s(),isDesktop:c(),isPortrait:n,shouldShowWarning:e&&n,screenWidth:window.innerWidth,screenHeight:window.innerHeight})},[]);return(0,r.useEffect)(()=>(window.addEventListener(`resize`,n),screen.orientation?.addEventListener?.(`change`,n),()=>{window.removeEventListener(`resize`,n),screen.orientation?.removeEventListener?.(`change`,n)}),[n]),e}var d={container:`_container_1o4i3_1`},f=e.i({default:()=>p}),p=({window:e,notifyReady:o})=>{let s=u(),c=n.t(),l=t.o(e=>e.viewportWidth),f=t.o(e=>e.viewportHeight),p=t.o(e=>e.setViewportSize);return(0,r.useEffect)(()=>{o?.({})},[o]),(0,r.useEffect)(()=>{let e=()=>{p(window.innerWidth,window.innerHeight)};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[p]),(0,i.jsxs)(`div`,{className:d.container,"data-windowid":e?.id,children:[(0,i.jsx)(a.Paper,{p:`sm`,shadow:`sm`,withBorder:!0,children:(0,i.jsxs)(a.Stack,{gap:`xs`,children:[(0,i.jsx)(a.Text,{fw:`bold`,size:`sm`,children:`Runtime Environment`}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`isDocker:`}),` `,String(t.G())]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`isDev:`}),` `,String(t.W())]})]})}),(0,i.jsx)(a.Paper,{p:`sm`,shadow:`sm`,withBorder:!0,mt:`sm`,children:(0,i.jsxs)(a.Stack,{gap:`xs`,children:[(0,i.jsx)(a.Text,{fw:`bold`,size:`sm`,children:`Device Detection`}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`isMobile:`}),` `,String(s.isMobile)]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`isTablet:`}),` `,String(s.isTablet)]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`isDesktop:`}),` `,String(s.isDesktop)]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`isPortrait:`}),` `,String(s.isPortrait)]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`shouldShowWarning:`}),` `,String(s.shouldShowWarning)]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`viewportWidth:`}),` `,l,`px`]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`viewportHeight:`}),` `,f,`px`]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`defaultWidth:`}),` `,c.defaultWidth,`px`]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`defaultHeight:`}),` `,c.defaultHeight,`px`]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`minWidth:`}),` `,c.minWidth,`px`]}),(0,i.jsxs)(a.Text,{size:`xs`,children:[(0,i.jsx)(a.Code,{children:`minHeight:`}),` `,c.minHeight,`px`]})]})})]})};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});