@fde-desktop/fde-core 0.4.7 → 0.4.9

package/dist/chunk-7XCMBW64.js

@@ -1,162 +0,0 @@
-import { useAdaptiveDimensions } from './chunk-5HUYQDQF.js';
-import { useDesktopStore, BREAKPOINTS } from './chunk-5QFZW6HW.js';
-import { isDocker, isDev } from './chunk-FRHBM2U7.js';
-import { Paper, Stack, Text, Code } from './chunk-BQL3YXMV.js';
-import { useState, useCallback, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var getIsMobile = () => {
-  const width = window.innerWidth;
-  const isCoarsePointer = window.matchMedia("(pointer: coarse)").matches;
-  return width < BREAKPOINTS.MOBILE || isCoarsePointer;
-};
-var getIsTablet = () => {
-  const width = window.innerWidth;
-  return width >= BREAKPOINTS.MOBILE && width < BREAKPOINTS.TABLET;
-};
-var getIsDesktop = () => {
-  const width = window.innerWidth;
-  return width >= BREAKPOINTS.TABLET;
-};
-var getIsPortrait = () => {
-  if (screen.orientation) {
-    return screen.orientation.type.includes("portrait");
-  }
-  return window.innerHeight > window.innerWidth;
-};
-function useDeviceDetection() {
-  const [deviceInfo, setDeviceInfo] = useState(() => ({
-    isMobile: getIsMobile(),
-    isTablet: getIsTablet(),
-    isDesktop: getIsDesktop(),
-    isPortrait: getIsPortrait(),
-    shouldShowWarning: getIsMobile() && getIsPortrait(),
-    screenWidth: window.innerWidth,
-    screenHeight: window.innerHeight
-  }));
-  const updateDeviceInfo = useCallback(() => {
-    const isMobile = getIsMobile();
-    const isPortrait = getIsPortrait();
-    setDeviceInfo({
-      isMobile,
-      isTablet: getIsTablet(),
-      isDesktop: getIsDesktop(),
-      isPortrait,
-      shouldShowWarning: isMobile && isPortrait,
-      screenWidth: window.innerWidth,
-      screenHeight: window.innerHeight
-    });
-  }, []);
-  useEffect(() => {
-    window.addEventListener("resize", updateDeviceInfo);
-    screen.orientation?.addEventListener?.("change", updateDeviceInfo);
-    return () => {
-      window.removeEventListener("resize", updateDeviceInfo);
-      screen.orientation?.removeEventListener?.("change", updateDeviceInfo);
-    };
-  }, [updateDeviceInfo]);
-  return deviceInfo;
-}
-
-// src/components/Apps/DeviceInfoApp/DeviceInfoApp.module.css
-var DeviceInfoApp_default = {};
-var DeviceInfoApp = ({ window: win, notifyReady }) => {
-  const device = useDeviceDetection();
-  const dimensions = useAdaptiveDimensions();
-  const viewportWidth = useDesktopStore((state) => state.viewportWidth);
-  const viewportHeight = useDesktopStore((state) => state.viewportHeight);
-  const setViewportSize = useDesktopStore((state) => state.setViewportSize);
-  useEffect(() => {
-    notifyReady?.({});
-  }, [notifyReady]);
-  useEffect(() => {
-    const handleResize = () => {
-      setViewportSize(window.innerWidth, window.innerHeight);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, [setViewportSize]);
-  return /* @__PURE__ */ jsxs("div", { className: DeviceInfoApp_default.container, "data-windowid": win?.id, children: [
-    /* @__PURE__ */ jsx(Paper, { p: "sm", shadow: "sm", withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Text, { fw: "bold", size: "sm", children: "Runtime Environment" }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isDocker:" }),
-        " ",
-        String(isDocker())
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isDev:" }),
-        " ",
-        String(isDev())
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(Paper, { p: "sm", shadow: "sm", withBorder: true, mt: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Text, { fw: "bold", size: "sm", children: "Device Detection" }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isMobile:" }),
-        " ",
-        String(device.isMobile)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isTablet:" }),
-        " ",
-        String(device.isTablet)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isDesktop:" }),
-        " ",
-        String(device.isDesktop)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isPortrait:" }),
-        " ",
-        String(device.isPortrait)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "shouldShowWarning:" }),
-        " ",
-        String(device.shouldShowWarning)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "viewportWidth:" }),
-        " ",
-        viewportWidth,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "viewportHeight:" }),
-        " ",
-        viewportHeight,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "defaultWidth:" }),
-        " ",
-        dimensions.defaultWidth,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "defaultHeight:" }),
-        " ",
-        dimensions.defaultHeight,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "minWidth:" }),
-        " ",
-        dimensions.minWidth,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "minHeight:" }),
-        " ",
-        dimensions.minHeight,
-        "px"
-      ] })
-    ] }) })
-  ] });
-};
-var DeviceInfoApp_default2 = DeviceInfoApp;
-
-export { DeviceInfoApp_default2 as DeviceInfoApp_default, useDeviceDetection };

package/dist/chunk-7Y7HB7FB.cjs

@@ -1,53 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-// src/hooks/useDynamicIcon.ts
-var useDynamicIcon = (name, library) => {
-  const [Icon, setIcon] = react.useState(null);
-  react.useEffect(() => {
-    if (!name || typeof window === "undefined") return;
-    let cancelled = false;
-    const loadIcon = async () => {
-      try {
-        let mod;
-        if (library === "fi") {
-          mod = await import('react-icons/fi');
-        } else if (library === "vsc") {
-          mod = await import('react-icons/vsc');
-        } else {
-          mod = await import('react-icons/fc');
-        }
-        if (!cancelled) {
-          setIcon(() => mod[name] ?? null);
-        }
-      } catch {
-      }
-    };
-    loadIcon();
-    return () => {
-      cancelled = true;
-    };
-  }, [name, library]);
-  return Icon;
-};
-var useDynamicIconElement = (name, library, props) => {
-  const Icon = useDynamicIcon(name, library);
-  if (!Icon) return null;
-  return react.createElement(Icon, props);
-};
-var useFiIcon = (name) => useDynamicIcon(name, "fi");
-var useFcIcon = (name) => useDynamicIcon(name, "fc");
-var useVscIcon = (name) => useDynamicIcon(name, "vsc");
-var useFiIconElement = (name, props) => useDynamicIconElement(name, "fi", props);
-var useFcIconElement = (name, props) => useDynamicIconElement(name, "fc", props);
-var useVscIconElement = (name, props) => useDynamicIconElement(name, "vsc", props);
-
-exports.useDynamicIcon = useDynamicIcon;
-exports.useDynamicIconElement = useDynamicIconElement;
-exports.useFcIcon = useFcIcon;
-exports.useFcIconElement = useFcIconElement;
-exports.useFiIcon = useFiIcon;
-exports.useFiIconElement = useFiIconElement;
-exports.useVscIcon = useVscIcon;
-exports.useVscIconElement = useVscIconElement;

package/dist/chunk-ABIAPZ6S.cjs

@@ -1,45 +0,0 @@
-'use strict';
-
-var chunk7Y7HB7FB_cjs = require('./chunk-7Y7HB7FB.cjs');
-var react = require('react');
-
-// src/utils/getFileExtension.ts
-var getFileExtension = (name) => name.split(".").pop()?.toLowerCase() ?? "";
-var EXTENSION_ICONS = {
-  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"
-};
-var FileIcon = ({ type, name = "", folderNode, fileNode, size = 20 }) => {
-  let iconName;
-  let iconColor;
-  if (type === "folder") {
-    iconName = folderNode?.iconName ?? "VscFolder";
-    iconColor = folderNode?.iconColor ?? void 0;
-  } else if (type === "file" && fileNode?.iconName) {
-    iconName = fileNode.iconName;
-    iconColor = fileNode.iconColor ?? void 0;
-  } else {
-    const ext = getFileExtension(name);
-    iconName = EXTENSION_ICONS[ext] ?? "VscFile";
-  }
-  const Icon = chunk7Y7HB7FB_cjs.useVscIcon(iconName);
-  if (!Icon) return null;
-  return react.createElement(Icon, { size, color: iconColor, "aria-hidden": "true" });
-};
-var FileIcon_default = FileIcon;
-
-exports.FileIcon_default = FileIcon_default;
-exports.getFileExtension = getFileExtension;

package/dist/chunk-ACHGJKCI.cjs

@@ -1,286 +0,0 @@
-'use strict';
-
-var chunkKDZLBI6F_cjs = require('./chunk-KDZLBI6F.cjs');
-var chunkABIAPZ6S_cjs = require('./chunk-ABIAPZ6S.cjs');
-var chunkV4N255NL_cjs = require('./chunk-V4N255NL.cjs');
-var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var useNotifications = () => {
-  const notifications = chunkV4N255NL_cjs.useDesktopStore((state) => state.notifications);
-  const addNotification = chunkV4N255NL_cjs.useDesktopStore((state) => state.addNotification);
-  const removeNotification = chunkV4N255NL_cjs.useDesktopStore((state) => state.removeNotification);
-  const notify = react.useCallback(
-    (title, message, options) => {
-      const item = {
-        id: chunkV4N255NL_cjs.generateUUID(),
-        title,
-        message,
-        fcIcon: options?.fcIcon,
-        onClose: options?.onClose
-      };
-      addNotification(item);
-      return item.id;
-    },
-    [addNotification]
-  );
-  const dismiss = react.useCallback(
-    (id) => {
-      removeNotification(id);
-    },
-    [removeNotification]
-  );
-  return {
-    notifications,
-    notify,
-    dismiss,
-    addNotification,
-    removeNotification
-  };
-};
-
-// src/components/Apps/FilesApp/components/FolderTree.module.css
-var FolderTree_default = {};
-var FolderTreeItem = ({
-  node,
-  allNodes,
-  currentFolderId,
-  depth,
-  onNavigate
-}) => {
-  const children = allNodes.filter(
-    (n) => n.parentId === node.id && n.type === "folder"
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkE55VXNLK_cjs.UnstyledButton,
-      {
-        className: FolderTree_default.item,
-        "data-active": currentFolderId === node.id || void 0,
-        style: { paddingLeft: 8 + depth * 14 },
-        onClick: () => onNavigate(node.id),
-        "aria-label": node.name,
-        "aria-current": currentFolderId === node.id ? "page" : void 0,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkABIAPZ6S_cjs.FileIcon_default, { type: "folder", folderNode: node, size: 14 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", ml: 6, truncate: true, children: node.name })
-        ]
-      }
-    ),
-    children.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
-      FolderTreeItem,
-      {
-        node: child,
-        allNodes,
-        currentFolderId,
-        depth: depth + 1,
-        onNavigate
-      },
-      child.id
-    ))
-  ] });
-};
-var FolderTree = ({ allNodes, currentFolderId, onNavigate }) => {
-  const rootFolders = allNodes.filter(
-    (n) => n.parentId === null && n.type === "folder"
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: FolderTree_default.root, "aria-label": "Folder tree", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkE55VXNLK_cjs.UnstyledButton,
-      {
-        className: FolderTree_default.item,
-        "data-active": currentFolderId === null || void 0,
-        style: { paddingLeft: 8 },
-        onClick: () => onNavigate(null),
-        "aria-label": "Home",
-        "aria-current": currentFolderId === null ? "page" : void 0,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkABIAPZ6S_cjs.FileIcon_default, { type: "folder", size: 14 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", ml: 6, fw: 500, children: "Home" })
-        ]
-      }
-    ),
-    rootFolders.map((folder) => /* @__PURE__ */ jsxRuntime.jsx(
-      FolderTreeItem,
-      {
-        node: folder,
-        allNodes,
-        currentFolderId,
-        depth: 1,
-        onNavigate
-      },
-      folder.id
-    ))
-  ] });
-};
-var FolderTree_default2 = FolderTree;
-
-// src/components/Apps/FilesApp/components/FileList.module.css
-var FileList_default = {};
-var FileListItem = ({ node, onNavigate, onOpenFile, onContextMenu }) => {
-  const handleDoubleClick = () => {
-    if (node.type === "folder") {
-      onNavigate(node.id);
-    } else {
-      onOpenFile(node);
-    }
-  };
-  const label = node.type === "folder" ? `Open folder ${node.name}` : `Open file ${node.name}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkE55VXNLK_cjs.UnstyledButton,
-    {
-      className: FileList_default.item,
-      onDoubleClick: handleDoubleClick,
-      onContextMenu: (e) => onContextMenu(e, node.id),
-      "aria-label": label,
-      role: "option",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: FileList_default.icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkABIAPZ6S_cjs.FileIcon_default,
-          {
-            type: node.type,
-            name: node.name,
-            folderNode: node.type === "folder" ? node : void 0,
-            size: 32
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", className: FileList_default.name, truncate: true, children: node.name })
-      ]
-    }
-  );
-};
-var FileList = ({ nodes, onNavigate, onOpenFile, onNodeContextMenu }) => {
-  const filesSortMode = chunkV4N255NL_cjs.useDesktopStore((state) => state.filesSortMode);
-  if (nodes.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: FileList_default.empty, children: /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", c: "dimmed", children: "This folder is empty" }) });
-  }
-  const sorted = chunkV4N255NL_cjs.sortNodesByMode(nodes, filesSortMode);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: FileList_default.grid, role: "listbox", "aria-label": "Files", children: sorted.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
-    FileListItem,
-    {
-      node,
-      onNavigate,
-      onOpenFile,
-      onContextMenu: onNodeContextMenu
-    },
-    node.id
-  )) });
-};
-var FileList_default2 = FileList;
-
-// src/components/Apps/FilesApp/FilesApp.module.css
-var FilesApp_default = {};
-var FilesApp = ({ window }) => {
-  const win = window;
-  const initialFolderId = win?.contentData?.initialFolderId;
-  const fsNodes = chunkV4N255NL_cjs.useDesktopStore((state) => state.fsNodes);
-  const openContextMenu = chunkV4N255NL_cjs.useDesktopStore((state) => state.openContextMenu);
-  const setFilesCurrentFolderId = chunkV4N255NL_cjs.useDesktopStore((state) => state.setFilesCurrentFolderId);
-  const openApp = chunkKDZLBI6F_cjs.useOpenApp();
-  const { notify } = useNotifications();
-  const [currentFolderId, setCurrentFolderIdLocal] = react.useState(
-    initialFolderId ?? null
-  );
-  const setCurrentFolderId = react.useCallback(
-    (id) => {
-      setCurrentFolderIdLocal(id);
-      setFilesCurrentFolderId(id);
-    },
-    [setFilesCurrentFolderId]
-  );
-  react.useEffect(() => {
-    setFilesCurrentFolderId(initialFolderId ?? null);
-  }, [initialFolderId, setFilesCurrentFolderId]);
-  const currentNodes = currentFolderId === null ? fsNodes.filter((n) => n.parentId === null) : fsNodes.filter((n) => n.parentId === currentFolderId);
-  const buildBreadcrumbs = () => {
-    const crumbs2 = [{ id: null, name: "Home" }];
-    let id = currentFolderId;
-    const trail = [];
-    while (id !== null) {
-      const node = fsNodes.find((n) => n.id === id);
-      if (!node) break;
-      trail.unshift({ id: node.id, name: node.name });
-      id = node.parentId;
-    }
-    return [...crumbs2, ...trail];
-  };
-  const handleContextMenu = react.useCallback(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      openContextMenu(e.clientX, e.clientY, "files");
-    },
-    [openContextMenu]
-  );
-  const handleNodeContextMenu = react.useCallback(
-    (e, nodeId) => {
-      e.preventDefault();
-      e.stopPropagation();
-      openContextMenu(e.clientX, e.clientY, "files", nodeId);
-    },
-    [openContextMenu]
-  );
-  const handleOpenFile = react.useCallback(
-    (node) => {
-      try {
-        const result = chunkV4N255NL_cjs.getAppIdForMime(node);
-        if (result) {
-          openApp(result.appId, { contentData: result.contentData });
-        } else {
-          const mimeType = node.mimeType || "unknown";
-          console.warn(`[FilesApp] Unsupported file type: ${node.name} (${mimeType})`);
-          notify(
-            "Unsupported file type",
-            `Cannot open "${node.name}". File type "${mimeType}" is not supported.`,
-            { fcIcon: "FcDeleteRow" }
-          );
-        }
-      } catch (error) {
-        console.error("[FilesApp] Error opening file:", error);
-        notify("Error opening file", `An unexpected error occurred while opening "${node.name}".`, {
-          fcIcon: "FcHighPriority"
-        });
-      }
-    },
-    [openApp, notify]
-  );
-  const crumbs = buildBreadcrumbs();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: FilesApp_default.root, onContextMenu: handleContextMenu, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: FilesApp_default.breadcrumbBar, children: /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Breadcrumbs, { separator: "\u203A", classNames: { separator: FilesApp_default.breadcrumbSep }, children: crumbs.map((crumb, i) => {
-      const isLast = i === crumbs.length - 1;
-      return isLast ? /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", fw: 500, children: crumb.name }, crumb.id ?? "root") : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkE55VXNLK_cjs.Anchor,
-        {
-          size: "xs",
-          onClick: () => setCurrentFolderId(crumb.id),
-          children: crumb.name
-        },
-        crumb.id ?? "root"
-      );
-    }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: FilesApp_default.body, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("aside", { className: FilesApp_default.sidebar, children: /* @__PURE__ */ jsxRuntime.jsx(
-        FolderTree_default2,
-        {
-          allNodes: fsNodes,
-          currentFolderId,
-          onNavigate: setCurrentFolderId
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: FilesApp_default.content, children: /* @__PURE__ */ jsxRuntime.jsx(
-        FileList_default2,
-        {
-          nodes: currentNodes,
-          onNavigate: setCurrentFolderId,
-          onOpenFile: handleOpenFile,
-          onNodeContextMenu: handleNodeContextMenu
-        }
-      ) })
-    ] })
-  ] });
-};
-var FilesApp_default2 = FilesApp;
-
-exports.FilesApp_default = FilesApp_default2;
-exports.useNotifications = useNotifications;

package/dist/chunk-BQCD5RAF.cjs

@@ -1,48 +0,0 @@
-'use strict';
-
-var chunkZX3EDZ5C_cjs = require('./chunk-ZX3EDZ5C.cjs');
-var react = require('react');
-var framerMotion = require('framer-motion');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/utils/getFourRandomColors.ts
-function getFourRandomColors(count = 4) {
-  const shuffled = [...chunkZX3EDZ5C_cjs.PRESET_COLORS].sort(() => Math.random() - 0.5);
-  return shuffled.slice(0, count);
-}
-
-// src/components/Shared/AppEmptyState/AppEmptyState.module.css
-var AppEmptyState_default = {};
-var COLORS = getFourRandomColors();
-var spring = {
-  type: "spring",
-  damping: 20,
-  stiffness: 300
-};
-function shuffle(array) {
-  return [...array].sort(() => Math.random() - 0.5);
-}
-var AppEmptyState = ({ label = "Work In Progress" }) => {
-  const [order, setOrder] = react.useState(COLORS);
-  react.useEffect(() => {
-    const timeout = setTimeout(() => setOrder((prev) => shuffle(prev)), 1e3);
-    return () => clearTimeout(timeout);
-  }, [order]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: AppEmptyState_default.root, "data-testid": "app-empty-state", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: AppEmptyState_default.container, children: order.map((color) => /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.li,
-      {
-        layout: true,
-        transition: spring,
-        className: AppEmptyState_default.item,
-        style: { backgroundColor: color }
-      },
-      color
-    )) }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: AppEmptyState_default.label, children: label })
-  ] });
-};
-var AppEmptyState_default2 = AppEmptyState;
-
-exports.AppEmptyState_default = AppEmptyState_default2;
-exports.getFourRandomColors = getFourRandomColors;