@fde-desktop/fde-core 0.3.8 → 0.4.1

package/dist/chunk-ZHNDXNL4.js

@@ -0,0 +1,45 @@
+import { PRESET_COLORS } from './chunk-PKPQA5NR.js';
+import { useState, useEffect } from 'react';
+import { motion } from 'framer-motion';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/utils/getFourRandomColors.ts
+function getFourRandomColors(count = 4) {
+  const shuffled = [...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] = useState(COLORS);
+  useEffect(() => {
+    const timeout = setTimeout(() => setOrder((prev) => shuffle(prev)), 1e3);
+    return () => clearTimeout(timeout);
+  }, [order]);
+  return /* @__PURE__ */ jsxs("div", { className: AppEmptyState_default.root, "data-testid": "app-empty-state", children: [
+    /* @__PURE__ */ jsx("ul", { className: AppEmptyState_default.container, children: order.map((color) => /* @__PURE__ */ jsx(
+      motion.li,
+      {
+        layout: true,
+        transition: spring,
+        className: AppEmptyState_default.item,
+        style: { backgroundColor: color }
+      },
+      color
+    )) }),
+    /* @__PURE__ */ jsx("p", { className: AppEmptyState_default.label, children: label })
+  ] });
+};
+var AppEmptyState_default2 = AppEmptyState;
+
+export { AppEmptyState_default2 as AppEmptyState_default, getFourRandomColors };

package/dist/chunk-ZX3EDZ5C.cjs

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