@fde-desktop/fde-core 0.4.7 → 0.4.9

package/dist/chunk-PGGNSLM7.js

@@ -1,215 +0,0 @@
-import { VscIcon_default } from './chunk-GRYCUBJZ.js';
-import { ColorPicker_default } from './chunk-EX5V2ZTU.js';
-import { useDesktopStore } from './chunk-5QFZW6HW.js';
-import { useVscIconElement, useFcIconElement } from './chunk-YY6OUR2U.js';
-import { SimpleGrid, Tooltip, UnstyledButton, Text, TextInput, ActionIcon, Collapse, Group, Button } from './chunk-BQL3YXMV.js';
-import { useState, useRef, useEffect } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-// src/components/Shared/IconColorPicker/IconColorPicker.module.css
-var IconColorPicker_default = {};
-
-// src/constants/Icons.ts
-var PRESET_ICONS = [
-  "VscFolder",
-  "VscFolderOpened",
-  "VscHome",
-  "VscServer",
-  "VscDatabase",
-  "VscBook",
-  "VscMail",
-  "VscGithub",
-  "VscCloud",
-  "VscLock",
-  "VscSettingsGear",
-  "VscStar",
-  "VscHeart",
-  "VscMusic",
-  "VscCamera",
-  "VscArchive"
-];
-var IconColorPicker = ({
-  selectedIcon,
-  selectedColor,
-  onIconChange,
-  onColorChange,
-  colorError
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: IconColorPicker_default.root, children: [
-    /* @__PURE__ */ jsx(SimpleGrid, { cols: 8, spacing: 4, className: IconColorPicker_default.iconGrid, children: PRESET_ICONS.map((name) => {
-      const isSelected = selectedIcon === name;
-      return /* @__PURE__ */ jsx(Tooltip, { label: name, openDelay: 500, children: /* @__PURE__ */ jsx(
-        UnstyledButton,
-        {
-          className: IconColorPicker_default.iconButton,
-          "data-selected": isSelected || void 0,
-          onClick: () => onIconChange(name),
-          "aria-label": name,
-          "aria-pressed": isSelected,
-          children: /* @__PURE__ */ jsx(VscIcon_default, { name, size: 20, color: selectedColor })
-        }
-      ) }, name);
-    }) }),
-    /* @__PURE__ */ jsx(ColorPicker_default, { value: selectedColor, onChange: onColorChange, error: colorError })
-  ] });
-};
-var IconColorPicker_default2 = IconColorPicker;
-
-// src/components/Shared/CreateItemApp/CreateItemApp.module.css
-var CreateItemApp_default = {};
-var CSS_COLOR_RE = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
-var isValidColor = (color) => CSS_COLOR_RE.test(color);
-var ICON_PROPS = { size: 14, style: { display: "block" } };
-var CollapseToggleIcon = ({ open }) => useFcIconElement(open ? "FcCollapse" : "FcExpand", ICON_PROPS);
-var CancelIcon = () => useFcIconElement("FcCancel", ICON_PROPS);
-var CheckIcon = () => useFcIconElement("FcCheckmark", ICON_PROPS);
-var DEFAULT_ICON = "VscFolder";
-var DEFAULT_COLOR = "#228be6";
-var DEFAULT_FILE_NAME = "New File";
-var DEFAULT_FOLDER_NAME = "New Folder";
-var TITLE_BAR_HEIGHT = 36;
-var CreateItemApp = ({ window }) => {
-  const win = window;
-  const mode = win?.contentData?.mode ?? "folder";
-  const parentId = win?.contentData?.parentId ?? null;
-  const currentPath = win?.contentData?.currentPath ?? "/home";
-  const [name, setName] = useState(mode === "folder" ? DEFAULT_FOLDER_NAME : DEFAULT_FILE_NAME);
-  const [iconName, setIconName] = useState(DEFAULT_ICON);
-  const [iconColor, setIconColor] = useState(DEFAULT_COLOR);
-  const [iconPickerOpen, setIconPickerOpen] = useState(
-    win?.contentData?.iconPickerOpen ?? false
-  );
-  const rootRef = useRef(null);
-  const closeWindow = useDesktopStore((state) => state.closeWindow);
-  const resizeWindow = useDesktopStore((state) => state.resizeWindow);
-  const createFile = useDesktopStore((state) => state.createFile);
-  const createFolder = useDesktopStore((state) => state.createFolder);
-  const addNotification = useDesktopStore((state) => state.addNotification);
-  const fsNodes = useDesktopStore((state) => state.fsNodes);
-  const windowWidth = useDesktopStore(
-    (state) => state.windows.find((w) => w.id === win?.id)?.width ?? 400
-  );
-  const duplicateName = fsNodes.some(
-    (n) => n.parentId === parentId && n.type === mode && n.name === name.trim()
-  );
-  const colorError = mode === "folder" && iconPickerOpen && !isValidColor(iconColor);
-  const canConfirm = name.trim().length > 0 && !duplicateName && !colorError;
-  useEffect(() => {
-    if (!win?.id || !rootRef.current) return;
-    const el = rootRef.current;
-    const observer = new ResizeObserver(() => {
-      resizeWindow(win.id, windowWidth, el.scrollHeight + TITLE_BAR_HEIGHT);
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [win, windowWidth, resizeWindow]);
-  const handleConfirm = () => {
-    if (!canConfirm) return;
-    const itemName = name.trim();
-    const itemParentId = parentId ?? null;
-    const itemIconName = iconName;
-    const itemIconColor = iconColor;
-    closeWindow(win.id);
-    if (mode === "folder") {
-      createFolder(itemName, itemParentId, itemIconName, itemIconColor).catch((error) => {
-        console.error("Failed to create folder:", error);
-        addNotification({
-          id: `create-folder-error-${Date.now()}`,
-          title: "Error",
-          message: `Failed to create folder: ${error instanceof Error ? error.message : "Unknown error"}`,
-          fcIcon: "FcHighPriority"
-        });
-      });
-    } else {
-      createFile(itemName, "", itemParentId).catch((error) => {
-        console.error("Failed to create file:", error);
-        addNotification({
-          id: `create-file-error-${Date.now()}`,
-          title: "Error",
-          message: `Failed to create file: ${error instanceof Error ? error.message : "Unknown error"}`,
-          fcIcon: "FcHighPriority"
-        });
-      });
-    }
-  };
-  const handleCancel = () => {
-    closeWindow(win.id);
-  };
-  const previewIconElement = useVscIconElement(iconName, { size: 40, color: iconColor });
-  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: CreateItemApp_default.root, children: [
-    /* @__PURE__ */ jsx("div", { className: CreateItemApp_default.header, children: /* @__PURE__ */ jsxs(Text, { fw: 600, size: "sm", children: [
-      mode === "folder" ? "Create new folder" : "Create new file",
-      " in ",
-      currentPath,
-      ":"
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: CreateItemApp_default.content, children: [
-      /* @__PURE__ */ jsxs("div", { className: CreateItemApp_default.nameRow, children: [
-        mode === "folder" && previewIconElement && /* @__PURE__ */ jsx("div", { className: CreateItemApp_default.iconPreview, "aria-hidden": "true", children: previewIconElement }),
-        /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            value: name,
-            onChange: (e) => setName(e.currentTarget.value),
-            onKeyDown: (e) => e.key === "Enter" && handleConfirm(),
-            error: duplicateName ? `There is already a ${mode} with that name` : void 0,
-            rightSection: name ? /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                variant: "transparent",
-                size: "sm",
-                onClick: () => setName(""),
-                "aria-label": "Clear name",
-                children: /* @__PURE__ */ jsx(CancelIcon, {})
-              }
-            ) : null,
-            autoFocus: true,
-            className: CreateItemApp_default.nameInput,
-            "aria-label": "Item name"
-          }
-        )
-      ] }),
-      mode === "folder" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          UnstyledButton,
-          {
-            className: CreateItemApp_default.collapseToggle,
-            onClick: () => setIconPickerOpen((o) => !o),
-            "aria-expanded": iconPickerOpen,
-            children: [
-              /* @__PURE__ */ jsx(CollapseToggleIcon, { open: iconPickerOpen }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", ml: 6, children: "Choose custom icon or color" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(Collapse, { expanded: iconPickerOpen, children: /* @__PURE__ */ jsx("div", { className: CreateItemApp_default.pickerWrapper, children: /* @__PURE__ */ jsx(
-          IconColorPicker_default2,
-          {
-            selectedIcon: iconName,
-            selectedColor: iconColor,
-            onIconChange: setIconName,
-            onColorChange: setIconColor,
-            colorError: colorError ? "Enter a valid hex color (e.g. #ff0000)" : void 0
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", mt: 4, children: "You can change the icon later in folder properties." })
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "default", size: "sm", onClick: handleCancel, leftSection: /* @__PURE__ */ jsx(CancelIcon, {}), children: "Cancel" }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "sm",
-            onClick: handleConfirm,
-            leftSection: /* @__PURE__ */ jsx(CheckIcon, {}),
-            disabled: !canConfirm,
-            children: "OK"
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-var CreateItemApp_default2 = CreateItemApp;
-
-export { CreateItemApp_default2 as CreateItemApp_default, IconColorPicker_default2 as IconColorPicker_default, PRESET_ICONS };

package/dist/chunk-PKPQA5NR.js

@@ -1,15 +0,0 @@
-// src/constants/Colors.ts
-var PRESET_COLORS = [
-  "#868e96",
-  "#fa5252",
-  "#fd7e14",
-  "#fab005",
-  "#82c91e",
-  "#40c057",
-  "#15aabf",
-  "#228be6",
-  "#7950f2",
-  "#e64980"
-];
-
-export { PRESET_COLORS };

package/dist/chunk-PNDBLFJW.cjs

@@ -1,50 +0,0 @@
-'use strict';
-
-var chunkRDIDAZ3S_cjs = require('./chunk-RDIDAZ3S.cjs');
-var chunkSBE4SZAN_cjs = require('./chunk-SBE4SZAN.cjs');
-var chunkYP2PLNOF_cjs = require('./chunk-YP2PLNOF.cjs');
-var react = require('react');
-var reactI18next = require('react-i18next');
-var jsxRuntime = require('react/jsx-runtime');
-
-var useSettingsMenuBarElements = (options) => {
-  const { windowId, contentData, onExit } = options;
-  const { t } = reactI18next.useTranslation("common");
-  const isDirty = chunkYP2PLNOF_cjs.useIsDirty(windowId);
-  const discard = contentData?.discard;
-  return react.useMemo(() => {
-    const items = [
-      {
-        type: "menu",
-        label: t("menu.file"),
-        items: [
-          {
-            type: "item",
-            label: t("actions.discard"),
-            icon: "FcCancel",
-            onClick: () => discard?.(),
-            disabled: !isDirty
-          },
-          { type: "divider" },
-          {
-            type: "item",
-            label: t("actions.exit"),
-            icon: "FcLeft",
-            onClick: onExit
-          }
-        ]
-      }
-    ];
-    return chunkRDIDAZ3S_cjs.appendDirtyIndicator(items, isDirty);
-  }, [t, isDirty, discard, onExit]);
-};
-var SettingsMenuBar = ({ windowId, contentData, onExit }) => {
-  const elements = useSettingsMenuBarElements({
-    windowId,
-    contentData,
-    onExit
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkSBE4SZAN_cjs.AppMenuBar_default, { elements });
-};
-
-exports.SettingsMenuBar = SettingsMenuBar;

package/dist/chunk-Q3WA72BF.cjs

@@ -1,70 +0,0 @@
-'use strict';
-
-var chunkRDIDAZ3S_cjs = require('./chunk-RDIDAZ3S.cjs');
-var chunkSBE4SZAN_cjs = require('./chunk-SBE4SZAN.cjs');
-var chunkRQ6OZRUW_cjs = require('./chunk-RQ6OZRUW.cjs');
-var react = require('react');
-var reactI18next = require('react-i18next');
-var jsxRuntime = require('react/jsx-runtime');
-
-var useNotesMenuBarElements = (options) => {
-  const { windowId, contentData, onExit } = options;
-  const { t } = reactI18next.useTranslation("common");
-  const isDirty = chunkRQ6OZRUW_cjs.useIsDirty(windowId);
-  const actions = contentData?.actions;
-  const setPickerOpen = contentData?.setPickerOpen;
-  return react.useMemo(() => {
-    const items = [
-      {
-        type: "menu",
-        label: t("menu.file"),
-        items: [
-          {
-            type: "item",
-            label: t("actions.new"),
-            icon: "FcEditImage",
-            onClick: () => actions?.new?.()
-          },
-          {
-            type: "item",
-            label: t("actions.open"),
-            icon: "FcOpenedFolder",
-            onClick: () => setPickerOpen?.()
-          },
-          { type: "divider" },
-          {
-            type: "item",
-            label: t("actions.save"),
-            icon: "FcInspection",
-            onClick: () => actions?.save?.(),
-            disabled: !isDirty
-          },
-          {
-            type: "item",
-            label: t("actions.saveAs"),
-            icon: "FcDeployment",
-            onClick: () => actions?.saveAs?.()
-          },
-          { type: "divider" },
-          {
-            type: "item",
-            label: t("actions.exit"),
-            icon: "FcLeft",
-            onClick: onExit
-          }
-        ]
-      }
-    ];
-    return chunkRDIDAZ3S_cjs.appendDirtyIndicator(items, isDirty);
-  }, [t, actions, setPickerOpen, isDirty, onExit]);
-};
-var NotesMenuBar = ({ windowId, contentData, onExit }) => {
-  const elements = useNotesMenuBarElements({
-    windowId,
-    contentData,
-    onExit
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkSBE4SZAN_cjs.AppMenuBar_default, { elements });
-};
-
-exports.NotesMenuBar = NotesMenuBar;

package/dist/chunk-RDIDAZ3S.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-// src/hooks/useMenuBarUtils.ts
-function appendDirtyIndicator(items, isDirty) {
-  if (!isDirty) return items;
-  return [...items, { type: "dirty-indicator" }];
-}
-
-exports.appendDirtyIndicator = appendDirtyIndicator;

package/dist/chunk-RGJPRXYY.js

@@ -1,48 +0,0 @@
-import { appendDirtyIndicator } from './chunk-YAIWI4Z5.js';
-import { AppMenuBar_default } from './chunk-4E45FBAH.js';
-import { useIsDirty } from './chunk-IDHP3R4I.js';
-import { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { jsx } from 'react/jsx-runtime';
-
-var useSettingsMenuBarElements = (options) => {
-  const { windowId, contentData, onExit } = options;
-  const { t } = useTranslation("common");
-  const isDirty = useIsDirty(windowId);
-  const discard = contentData?.discard;
-  return useMemo(() => {
-    const items = [
-      {
-        type: "menu",
-        label: t("menu.file"),
-        items: [
-          {
-            type: "item",
-            label: t("actions.discard"),
-            icon: "FcCancel",
-            onClick: () => discard?.(),
-            disabled: !isDirty
-          },
-          { type: "divider" },
-          {
-            type: "item",
-            label: t("actions.exit"),
-            icon: "FcLeft",
-            onClick: onExit
-          }
-        ]
-      }
-    ];
-    return appendDirtyIndicator(items, isDirty);
-  }, [t, isDirty, discard, onExit]);
-};
-var SettingsMenuBar = ({ windowId, contentData, onExit }) => {
-  const elements = useSettingsMenuBarElements({
-    windowId,
-    contentData,
-    onExit
-  });
-  return /* @__PURE__ */ jsx(AppMenuBar_default, { elements });
-};
-
-export { SettingsMenuBar };

package/dist/chunk-RPSYXORB.cjs

@@ -1,219 +0,0 @@
-'use strict';
-
-var chunkYSOLW4FS_cjs = require('./chunk-YSOLW4FS.cjs');
-var chunkLMJE6V4N_cjs = require('./chunk-LMJE6V4N.cjs');
-var chunkV4N255NL_cjs = require('./chunk-V4N255NL.cjs');
-var chunk7Y7HB7FB_cjs = require('./chunk-7Y7HB7FB.cjs');
-var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Shared/IconColorPicker/IconColorPicker.module.css
-var IconColorPicker_default = {};
-
-// src/constants/Icons.ts
-var PRESET_ICONS = [
-  "VscFolder",
-  "VscFolderOpened",
-  "VscHome",
-  "VscServer",
-  "VscDatabase",
-  "VscBook",
-  "VscMail",
-  "VscGithub",
-  "VscCloud",
-  "VscLock",
-  "VscSettingsGear",
-  "VscStar",
-  "VscHeart",
-  "VscMusic",
-  "VscCamera",
-  "VscArchive"
-];
-var IconColorPicker = ({
-  selectedIcon,
-  selectedColor,
-  onIconChange,
-  onColorChange,
-  colorError
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: IconColorPicker_default.root, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.SimpleGrid, { cols: 8, spacing: 4, className: IconColorPicker_default.iconGrid, children: PRESET_ICONS.map((name) => {
-      const isSelected = selectedIcon === name;
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Tooltip, { label: name, openDelay: 500, children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkE55VXNLK_cjs.UnstyledButton,
-        {
-          className: IconColorPicker_default.iconButton,
-          "data-selected": isSelected || void 0,
-          onClick: () => onIconChange(name),
-          "aria-label": name,
-          "aria-pressed": isSelected,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name, size: 20, color: selectedColor })
-        }
-      ) }, name);
-    }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkLMJE6V4N_cjs.ColorPicker_default, { value: selectedColor, onChange: onColorChange, error: colorError })
-  ] });
-};
-var IconColorPicker_default2 = IconColorPicker;
-
-// src/components/Shared/CreateItemApp/CreateItemApp.module.css
-var CreateItemApp_default = {};
-var CSS_COLOR_RE = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
-var isValidColor = (color) => CSS_COLOR_RE.test(color);
-var ICON_PROPS = { size: 14, style: { display: "block" } };
-var CollapseToggleIcon = ({ open }) => chunk7Y7HB7FB_cjs.useFcIconElement(open ? "FcCollapse" : "FcExpand", ICON_PROPS);
-var CancelIcon = () => chunk7Y7HB7FB_cjs.useFcIconElement("FcCancel", ICON_PROPS);
-var CheckIcon = () => chunk7Y7HB7FB_cjs.useFcIconElement("FcCheckmark", ICON_PROPS);
-var DEFAULT_ICON = "VscFolder";
-var DEFAULT_COLOR = "#228be6";
-var DEFAULT_FILE_NAME = "New File";
-var DEFAULT_FOLDER_NAME = "New Folder";
-var TITLE_BAR_HEIGHT = 36;
-var CreateItemApp = ({ window }) => {
-  const win = window;
-  const mode = win?.contentData?.mode ?? "folder";
-  const parentId = win?.contentData?.parentId ?? null;
-  const currentPath = win?.contentData?.currentPath ?? "/home";
-  const [name, setName] = react.useState(mode === "folder" ? DEFAULT_FOLDER_NAME : DEFAULT_FILE_NAME);
-  const [iconName, setIconName] = react.useState(DEFAULT_ICON);
-  const [iconColor, setIconColor] = react.useState(DEFAULT_COLOR);
-  const [iconPickerOpen, setIconPickerOpen] = react.useState(
-    win?.contentData?.iconPickerOpen ?? false
-  );
-  const rootRef = react.useRef(null);
-  const closeWindow = chunkV4N255NL_cjs.useDesktopStore((state) => state.closeWindow);
-  const resizeWindow = chunkV4N255NL_cjs.useDesktopStore((state) => state.resizeWindow);
-  const createFile = chunkV4N255NL_cjs.useDesktopStore((state) => state.createFile);
-  const createFolder = chunkV4N255NL_cjs.useDesktopStore((state) => state.createFolder);
-  const addNotification = chunkV4N255NL_cjs.useDesktopStore((state) => state.addNotification);
-  const fsNodes = chunkV4N255NL_cjs.useDesktopStore((state) => state.fsNodes);
-  const windowWidth = chunkV4N255NL_cjs.useDesktopStore(
-    (state) => state.windows.find((w) => w.id === win?.id)?.width ?? 400
-  );
-  const duplicateName = fsNodes.some(
-    (n) => n.parentId === parentId && n.type === mode && n.name === name.trim()
-  );
-  const colorError = mode === "folder" && iconPickerOpen && !isValidColor(iconColor);
-  const canConfirm = name.trim().length > 0 && !duplicateName && !colorError;
-  react.useEffect(() => {
-    if (!win?.id || !rootRef.current) return;
-    const el = rootRef.current;
-    const observer = new ResizeObserver(() => {
-      resizeWindow(win.id, windowWidth, el.scrollHeight + TITLE_BAR_HEIGHT);
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [win, windowWidth, resizeWindow]);
-  const handleConfirm = () => {
-    if (!canConfirm) return;
-    const itemName = name.trim();
-    const itemParentId = parentId ?? null;
-    const itemIconName = iconName;
-    const itemIconColor = iconColor;
-    closeWindow(win.id);
-    if (mode === "folder") {
-      createFolder(itemName, itemParentId, itemIconName, itemIconColor).catch((error) => {
-        console.error("Failed to create folder:", error);
-        addNotification({
-          id: `create-folder-error-${Date.now()}`,
-          title: "Error",
-          message: `Failed to create folder: ${error instanceof Error ? error.message : "Unknown error"}`,
-          fcIcon: "FcHighPriority"
-        });
-      });
-    } else {
-      createFile(itemName, "", itemParentId).catch((error) => {
-        console.error("Failed to create file:", error);
-        addNotification({
-          id: `create-file-error-${Date.now()}`,
-          title: "Error",
-          message: `Failed to create file: ${error instanceof Error ? error.message : "Unknown error"}`,
-          fcIcon: "FcHighPriority"
-        });
-      });
-    }
-  };
-  const handleCancel = () => {
-    closeWindow(win.id);
-  };
-  const previewIconElement = chunk7Y7HB7FB_cjs.useVscIconElement(iconName, { size: 40, color: iconColor });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: CreateItemApp_default.root, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: CreateItemApp_default.header, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { fw: 600, size: "sm", children: [
-      mode === "folder" ? "Create new folder" : "Create new file",
-      " in ",
-      currentPath,
-      ":"
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CreateItemApp_default.content, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CreateItemApp_default.nameRow, children: [
-        mode === "folder" && previewIconElement && /* @__PURE__ */ jsxRuntime.jsx("div", { className: CreateItemApp_default.iconPreview, "aria-hidden": "true", children: previewIconElement }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.TextInput,
-          {
-            value: name,
-            onChange: (e) => setName(e.currentTarget.value),
-            onKeyDown: (e) => e.key === "Enter" && handleConfirm(),
-            error: duplicateName ? `There is already a ${mode} with that name` : void 0,
-            rightSection: name ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkE55VXNLK_cjs.ActionIcon,
-              {
-                variant: "transparent",
-                size: "sm",
-                onClick: () => setName(""),
-                "aria-label": "Clear name",
-                children: /* @__PURE__ */ jsxRuntime.jsx(CancelIcon, {})
-              }
-            ) : null,
-            autoFocus: true,
-            className: CreateItemApp_default.nameInput,
-            "aria-label": "Item name"
-          }
-        )
-      ] }),
-      mode === "folder" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkE55VXNLK_cjs.UnstyledButton,
-          {
-            className: CreateItemApp_default.collapseToggle,
-            onClick: () => setIconPickerOpen((o) => !o),
-            "aria-expanded": iconPickerOpen,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CollapseToggleIcon, { open: iconPickerOpen }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", ml: 6, children: "Choose custom icon or color" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Collapse, { expanded: iconPickerOpen, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CreateItemApp_default.pickerWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconColorPicker_default2,
-          {
-            selectedIcon: iconName,
-            selectedColor: iconColor,
-            onIconChange: setIconName,
-            onColorChange: setIconColor,
-            colorError: colorError ? "Enter a valid hex color (e.g. #ff0000)" : void 0
-          }
-        ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mt: 4, children: "You can change the icon later in folder properties." })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { justify: "flex-end", mt: "md", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Button, { variant: "default", size: "sm", onClick: handleCancel, leftSection: /* @__PURE__ */ jsxRuntime.jsx(CancelIcon, {}), children: "Cancel" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.Button,
-          {
-            size: "sm",
-            onClick: handleConfirm,
-            leftSection: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}),
-            disabled: !canConfirm,
-            children: "OK"
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-var CreateItemApp_default2 = CreateItemApp;
-
-exports.CreateItemApp_default = CreateItemApp_default2;
-exports.IconColorPicker_default = IconColorPicker_default2;
-exports.PRESET_ICONS = PRESET_ICONS;

package/dist/chunk-RQ6OZRUW.cjs

@@ -1,41 +0,0 @@
-'use strict';
-
-var zustand = require('zustand');
-
-// src/components/Apps/NotesApp/notesStore.ts
-var DEFAULT_STATE = {
-  isDirty: false,
-  contentLoaded: false
-};
-var useNotesStore = zustand.create((set, get) => ({
-  states: {},
-  getIsDirty: (windowId) => get().states[windowId]?.isDirty ?? false,
-  setIsDirty: (windowId, isDirty) => {
-    const currentIsDirty = get().states[windowId]?.isDirty ?? false;
-    if (currentIsDirty === isDirty) return;
-    set((s) => ({
-      states: {
-        ...s.states,
-        [windowId]: { ...s.states[windowId] ?? DEFAULT_STATE, isDirty }
-      }
-    }));
-  },
-  getContentLoaded: (windowId) => get().states[windowId]?.contentLoaded ?? false,
-  setContentLoaded: (windowId, loaded) => {
-    set((s) => ({
-      states: {
-        ...s.states,
-        [windowId]: { ...s.states[windowId] ?? DEFAULT_STATE, contentLoaded: loaded }
-      }
-    }));
-  },
-  reset: (windowId) => {
-    set((s) => ({
-      states: { ...s.states, [windowId]: DEFAULT_STATE }
-    }));
-  }
-}));
-var useIsDirty = (windowId) => useNotesStore((s) => s.states[windowId]?.isDirty ?? false);
-
-exports.useIsDirty = useIsDirty;
-exports.useNotesStore = useNotesStore;