@rufous/ui 0.1.62 → 0.2.0-beta.0

package/dist/chunk-66HHM7VI.js

@@ -0,0 +1,468 @@
+// lib/Editors/RichTextEditor.tsx
+import React, { useEffect, useRef, useState } from "react";
+import JoditReact from "jodit-react";
+var MOBILE_BREAKPOINT = 768;
+var TODO_STATES = [
+  { label: "Todo", name: "empty", imageUrl: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/todo-blank.svg" },
+  { label: "Working", name: "working", imageUrl: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/working.svg" },
+  { label: "Blocked", name: "blocked", imageUrl: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/blocked.svg" },
+  { label: "Resolved", name: "resolved", imageUrl: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/closed.svg" }
+];
+var BASIC_BUTTONS = [
+  "paragraph",
+  "fontsize",
+  "font",
+  "bold",
+  "italic",
+  "link",
+  "lineHeight",
+  "|",
+  "ul",
+  "ol",
+  "|",
+  "align",
+  "outdent",
+  "indent",
+  "|",
+  "brush",
+  "table",
+  "image",
+  "video",
+  "|"
+];
+var MOBILE_BUTTONS = ["paragraph", "bold"];
+var MORE_BUTTONS = ["spellcheck", "cut", "copy", "symbols"];
+var UNDO_REDO = ["undo", "redo", "|"];
+var AI_BUTTONS = ["|", "ai-commands", "|"];
+function debounce(fn, delay) {
+  let t;
+  return (...args) => {
+    clearTimeout(t);
+    t = setTimeout(() => fn(...args), delay);
+  };
+}
+function createTodoItem(stateName = "empty") {
+  const state = TODO_STATES.find((s) => s.name === stateName) ?? TODO_STATES[0];
+  const container = document.createElement("p");
+  container.classList.add("todo-item");
+  const btn = document.createElement("button");
+  btn.classList.add("todo-item-button");
+  btn.setAttribute("contenteditable", "false");
+  const img = document.createElement("img");
+  img.src = state.imageUrl;
+  img.alt = state.label;
+  btn.appendChild(img);
+  const span = document.createElement("span");
+  span.classList.add("todo-item-text");
+  span.innerText = state.label;
+  container.appendChild(btn);
+  container.appendChild(span);
+  return container;
+}
+function RichTextEditor({
+  value = "",
+  onChange,
+  onBlur,
+  onError,
+  onClose,
+  onImageUploadSuccess,
+  height = "300px",
+  width = "100%",
+  placeholder = "Start writing\u2026",
+  disabled = false,
+  allowResizeY = true,
+  fullSize = false,
+  aiSupport = false,
+  licenseKey = "",
+  translationKey = "",
+  token = "",
+  uploadUrl = "",
+  mentions,
+  error,
+  className = "",
+  style
+}) {
+  const editorRef = useRef(null);
+  const containerRef = useRef(null);
+  const [isMobile, setIsMobile] = useState(false);
+  const [showAll, setShowAll] = useState(true);
+  const [isListening, setIsListening] = useState(false);
+  const [speechText, setSpeechText] = useState("");
+  const [speechVisible, setSpeechVisible] = useState(false);
+  const [speechPos, setSpeechPos] = useState({ top: 0, left: 0 });
+  const recognitionRef = useRef(null);
+  const silenceTimer = useRef(null);
+  const interimSpanRef = useRef(null);
+  useEffect(() => {
+    const check = () => {
+      const mobile = window.innerWidth <= MOBILE_BREAKPOINT;
+      setIsMobile(mobile);
+      if (!mobile) setShowAll(true);
+    };
+    check();
+    window.addEventListener("resize", check);
+    return () => window.removeEventListener("resize", check);
+  }, []);
+  useEffect(() => {
+    let cursorTimeout;
+    import("./esm-5T53WHPT.js").then(({ Jodit }) => {
+      Jodit.plugins.add("rteKeyLogger", (jodit) => {
+        const debouncedToggle = debounce((btn, container) => {
+          const pressed = container.getAttribute("aria-pressed");
+          if (!pressed || pressed === "false") {
+            container.setAttribute("aria-pressed", "true");
+            btn.setAttribute("aria-pressed", "true");
+          } else {
+            container.setAttribute("aria-pressed", "false");
+            btn.setAttribute("aria-pressed", "false");
+          }
+        }, 150);
+        jodit.events.on("keydown", (e) => {
+          const isTodoShortcut = (e.key === "U" || e.key === "u") && e.shiftKey && (e.metaKey || e.ctrlKey);
+          if (isTodoShortcut) {
+            e.preventDefault();
+            const btnList2 = document.getElementsByClassName("jodit-toolbar-button_insertTodo");
+            const btn = btnList2[0]?.getElementsByTagName("button")[0];
+            if (!btn || !btnList2[0]) return false;
+            const isPressed = btnList2[0].getAttribute("aria-pressed") === "true";
+            if (!isPressed) {
+              btnList2[0].setAttribute("aria-pressed", "true");
+              btn.setAttribute("aria-pressed", "true");
+              const todo2 = createTodoItem();
+              jodit.selection.insertNode(todo2);
+              const textSpan2 = todo2.querySelector("span");
+              if (textSpan2) setTimeout(() => jodit.selection?.setCursorIn?.(textSpan2), 0);
+            } else {
+              btnList2[0].setAttribute("aria-pressed", "false");
+              btn.setAttribute("aria-pressed", "false");
+            }
+            return false;
+          }
+          if (e.key === "Delete") {
+            e.preventDefault();
+            return false;
+          }
+          if (e.key !== "Enter" || e.shiftKey) return;
+          const btnList = document.getElementsByClassName("jodit-toolbar-button_insertTodo");
+          if (btnList[0]?.getAttribute("aria-pressed") !== "true") return;
+          e.preventDefault();
+          const todo = createTodoItem();
+          try {
+            const current = jodit.selection?.current?.();
+            const container = current ? Jodit.modules.Dom.closest(current, ".todo-item", jodit.editor) : null;
+            if (container?.parentNode) {
+              container.after ? container.after(todo) : container.parentNode.insertBefore(todo, container.nextSibling);
+            } else {
+              jodit.selection.insertNode(todo);
+            }
+          } catch {
+            jodit.selection.insertNode(todo);
+          }
+          const textSpan = todo.querySelector("span");
+          clearTimeout(cursorTimeout);
+          cursorTimeout = setTimeout(() => {
+            if (textSpan) jodit.selection?.setCursorIn?.(textSpan);
+          }, 100);
+        });
+        jodit.events.on("click", (e) => {
+          const target = e.target;
+          if (!target.classList.contains("todo-item-button") && !target.closest?.(".todo-item-button")) return;
+          const btn = target.classList.contains("todo-item-button") ? target : target.closest(".todo-item-button");
+          const img = btn?.querySelector("img");
+          if (!img) return;
+          const cur = TODO_STATES.findIndex((s) => img.src.includes(s.imageUrl.split("/").pop()));
+          const next = TODO_STATES[(cur + 1) % TODO_STATES.length];
+          img.src = next.imageUrl;
+          img.alt = next.label;
+        });
+      });
+      const observer = new MutationObserver(() => {
+        const popup = document.querySelector(".jodit-popup-container");
+        if (!popup) return;
+        ["Open in new tab", "No follow"].forEach((label) => {
+          popup.querySelectorAll(".jodit-ui-checkbox").forEach((el) => {
+            const text = el.querySelector(".jodit-ui-checkbox__label")?.textContent?.trim();
+            if (text !== label) return;
+            const input = el.querySelector('input[type="checkbox"]');
+            if (input && !input.checked) {
+              input.checked = true;
+              input.dispatchEvent(new Event("change", { bubbles: true }));
+            }
+          });
+        });
+      });
+      observer.observe(document.body, { childList: true, subtree: true });
+      return () => observer.disconnect();
+    });
+    return () => clearTimeout(cursorTimeout);
+  }, []);
+  const speechButton = {
+    name: "customSpeechRecognize",
+    tooltip: isListening ? "Stop listening" : "Speech to Text",
+    iconURL: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMUM5Ljc5MDg2IDEgOCAyLjc5MDg2IDggNVYxMkM4IDE0LjIwOTEgOS43OTA4NiAxNiAxMiAxNkMxNC4yMDkxIDE2IDE2IDE0LjIwOTEgMTYgMTJWNUMxNiAyLjc5MDg2IDE0LjIwOTEgMSAxMiAxWk0xMCA1QzEwIDMuODk1NDMgMTAuODk1NCAzIDEyIDNDMTMuMTA0NiAzIDE0IDMuODk1NDMgMTQgNVYxMkMxNCAxMy4xMDQ2IDEzLjEwNDYgMTQgMTIgMTRDMTAuODk1NCAxNCAxMCAxMy4xMDQ2IDEwIDEyVjVaIiBmaWxsPSIjMDAwMDAwIi8+PHBhdGggZD0iTTUgOUM1LjU1MjI4IDkgNiA5LjQ0NzcxIDYgMTBWMTJDNiAxMy41OTEzIDYuNjMyMTQgMTUuMTE3NCA3Ljc1NzM2IDE2LjI0MjZDOC44ODI1OCAxNy4zNjc5IDEwLjQwODcgMTggMTIgMThDMTMuNTkxMyAxOCAxNS4xMTc0IDE3LjM2NzkgMTYuMjQyNiAxNi4yNDI2QzE3LjM2NzkgMTUuMTE3NCAxOCAxMy41OTEzIDE4IDEyVjEwQzE4IDkuNDQ3NzEgMTguNDQ3NyA5IDE5IDlDMTkuNTUyMyA5IDIwIDkuNDQ3NzEgMjAgMTBWMTJDMjAgMTQuMTIxNyAxOS4xNTcxIDE2LjE1NjYgMTcuNjU2OSAxNy42NTY5QzE2LjM5MzggMTguOTE5OSAxNC43NTE4IDE5LjcxNyAxMi45OTgxIDE5LjkzNzVDMTIuOTk5MyAxOS45NTgyIDEzIDE5Ljk3OSAxMyAyMFYyMkMxMyAyMi41NTIzIDEyLjU1MjMgMjMgMTIgMjNDMTEuNDQ3NyAyMyAxMSAyMi41NTIzIDExIDIyVjIwQzExIDE5Ljk3OSAxMS4wMDA2IDE5Ljk1ODIgMTEuMDAxOSAxOS45Mzc1QzkuMjQ4MiAxOS43MTcgNy42MDYyMyAxOC45MTk5IDYuMzQzMTUgMTcuNjU2OUM0Ljg0Mjg1IDE2LjE1NjYgNCAxNC4xMjE3IDQgMTJWMTBDNCA5LjQ0NzcxIDQuNDQ3NzIgOSA1IDlaIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+",
+    exec(editorInstance) {
+      if (isListening) {
+        recognitionRef.current?.stop();
+        return;
+      }
+      const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
+      if (!SR) {
+        onError?.("Speech Recognition is not supported in this browser.");
+        return;
+      }
+      const recognition = new SR();
+      recognitionRef.current = recognition;
+      recognition.continuous = true;
+      recognition.interimResults = true;
+      recognition.lang = "en-US";
+      const finalize = () => {
+        const span = interimSpanRef.current;
+        if (span && editorInstance.editor.contains(span)) {
+          if (span.innerHTML.trim()) {
+            editorInstance.s.setCursorAfter(span);
+            span.replaceWith(...Array.from(span.childNodes));
+          } else {
+            span.remove();
+          }
+        }
+        interimSpanRef.current = null;
+      };
+      recognition.onstart = () => {
+        setIsListening(true);
+        setSpeechText("Listening\u2026");
+        setSpeechVisible(true);
+        editorInstance.focus();
+        try {
+          const sel = editorInstance.selection?.sel;
+          if (sel?.rangeCount > 0) {
+            const rect = sel.getRangeAt(0).getBoundingClientRect();
+            const cRect = containerRef.current?.getBoundingClientRect() ?? { top: 0, left: 0 };
+            setSpeechPos({ top: rect.bottom - cRect.top + 5, left: rect.left - cRect.left });
+          }
+        } catch {
+        }
+      };
+      recognition.onresult = (event) => {
+        if (silenceTimer.current) clearTimeout(silenceTimer.current);
+        let finalText = "";
+        let interimText = "";
+        for (let i = event.resultIndex; i < event.results.length; i++) {
+          const t = event.results[i][0].transcript;
+          if (event.results[i].isFinal) finalText += t;
+          else interimText += t;
+        }
+        if (finalText.trim()) {
+          finalize();
+          editorInstance.s.insertHTML(" " + finalText.trim());
+        }
+        if (interimText.trim()) {
+          let span = interimSpanRef.current;
+          if (!span || !editorInstance.editor.contains(span)) {
+            finalize();
+            span = editorInstance.create.inside.span();
+            editorInstance.s.insertNode(span, false);
+            interimSpanRef.current = span;
+          }
+          span.innerHTML = " " + interimText.trim();
+          setSpeechText(interimText.trim());
+          editorInstance.s.setCursorAfter(span);
+        }
+        silenceTimer.current = setTimeout(() => recognitionRef.current?.stop(), 2500);
+      };
+      recognition.onend = () => {
+        finalize();
+        setIsListening(false);
+        setSpeechVisible(false);
+        if (silenceTimer.current) clearTimeout(silenceTimer.current);
+        recognitionRef.current = null;
+      };
+      recognition.onerror = () => {
+        finalize();
+        setIsListening(false);
+        setSpeechVisible(false);
+      };
+      recognition.start();
+    }
+  };
+  const todoButton = {
+    name: "insertTodo",
+    tooltip: "To-do item  (\u2318\u21E7U)",
+    iconURL: TODO_STATES[0].imageUrl,
+    list: Object.fromEntries(TODO_STATES.map((s) => [s.name, s.label])),
+    childTemplate: (_editor, _key, text) => `<span>${text}</span>`,
+    exec: async (jodit, _current, btn) => {
+      const btnList = document.getElementsByClassName("jodit-toolbar-button_insertTodo");
+      const el = btnList[0];
+      const isPressed = el?.getAttribute("aria-pressed") === "true";
+      if (!isPressed || btn?.control?.name !== "insertTodo") {
+        const todo = createTodoItem(btn?.control?.name ?? "empty");
+        jodit.selection.insertNode(todo);
+        const span = todo.querySelector("span");
+        if (span) jodit.selection.setCursorIn(span);
+      }
+    }
+  };
+  const toggleButton = {
+    name: "toggleButtons",
+    tooltip: showAll ? "Show less" : "Show more",
+    iconURL: showAll ? "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PHBvbHlsaW5lIHBvaW50cz0iOCAxNCAxMiAxMCAxNiAxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=" : "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PHBvbHlsaW5lIHBvaW50cz0iOCAxMCAxMiAxNCAxNiAxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=",
+    exec: () => setShowAll((prev) => !prev)
+  };
+  const config = React.useMemo(() => {
+    let uploadConfig = {};
+    if (uploadUrl) {
+      const uploadData = {};
+      uploadConfig = {
+        uploader: {
+          url: uploadUrl,
+          headers: token ? { AuthToken: token } : {},
+          imagesExtensions: ["jpg", "png", "jpeg", "webp"],
+          processFileName: (key, file, name) => {
+            uploadData.file = file;
+            return [key, file, name];
+          },
+          buildData(data) {
+            const ext = uploadData.file?.name.split(".").pop() ?? "";
+            if (!["jpg", "png", "jpeg", "webp"].includes(ext.toLowerCase())) {
+              onError?.("Please choose a jpg, png, jpeg or webp file.");
+              return new Promise(() => {
+              });
+            }
+            const form = new FormData();
+            form.append("file", uploadData.file);
+            form.append("isPublicLink", "true");
+            return form;
+          },
+          isSuccess: (resp) => !resp?.error,
+          defaultHandlerSuccess(data) {
+            if (data?.url && this.s) {
+              this.s.insertImage(data.url);
+              onImageUploadSuccess?.(data.url);
+            }
+          }
+        }
+      };
+    }
+    const baseButtons = [
+      ...UNDO_REDO,
+      ...aiSupport ? AI_BUTTONS : [],
+      ...isMobile && !showAll ? MOBILE_BUTTONS : BASIC_BUTTONS,
+      ...isMobile ? ["|"] : [],
+      ...isMobile && showAll ? MORE_BUTTONS : [],
+      ...!isMobile ? MORE_BUTTONS : [],
+      ...onClose ? [{
+        name: "close",
+        tooltip: "Close",
+        iconURL: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E",
+        exec: () => onClose()
+      }] : []
+    ];
+    return {
+      readonly: disabled,
+      license: licenseKey,
+      toolbar: true,
+      spellcheck: true,
+      language: "en",
+      placeholder,
+      toolbarButtonSize: "middle",
+      toolbarAdaptive: false,
+      showCharsCounter: true,
+      showWordsCounter: true,
+      showXPathInStatusbar: false,
+      askBeforePasteHTML: false,
+      askBeforePasteFromWord: true,
+      processPasteFromWord: true,
+      processPasteHTML: true,
+      nl2brInPlainText: false,
+      defaultActionOnPasteFromWord: "insert_as_html",
+      scrollToPastedContent: true,
+      link: { noFollowCheckbox: true, openInNewTabCheckbox: true },
+      defaultLineHeight: 0.5,
+      lineHeight: [0.5, 1, 1.15, 1.5, 2],
+      allowResizeY,
+      width,
+      height,
+      ...translationKey ? {
+        translate: {
+          provider: "google",
+          googleProviderOptions: { key: translationKey }
+        }
+      } : {},
+      ...aiSupport ? {
+        aiAssistant: {
+          aiAssistantCallback(prompt, htmlFragment) {
+            return fetch("https://api.openai.com/v1/chat/completions", {
+              method: "POST",
+              headers: { "Content-Type": "application/json", Authorization: `Bearer ${window.__RTE_OPENAI_KEY__ ?? ""}` },
+              body: JSON.stringify({ model: "gpt-3.5-turbo", messages: [{ role: "system", content: prompt }, { role: "user", content: htmlFragment }] })
+            }).then((r) => r.json()).then((d) => {
+              if (d.error) throw new Error(d.error.message);
+              return d.choices?.[0]?.message?.content ?? "";
+            });
+          }
+        }
+      } : {},
+      ...mentions?.arr?.length ? {
+        autocomplete: {
+          sources: [{
+            feed: (query) => {
+              if (!query.includes("@")) return [];
+              return mentions.arr.filter((m) => m.id.includes(query) || m.name.includes(query));
+            },
+            itemRenderer: (item) => `<span class="mention-option">${item.id}</span>`,
+            insertValueRenderer: (item) => `<span class="mention-jodit" data-mention="${item.id}" data-user-id="${item.userId ?? ""}" href="${item.link ?? ""}">${item.id}</span>`
+          }]
+        }
+      } : {},
+      ...uploadConfig,
+      buttons: [...baseButtons, ...fullSize ? ["fullsize"] : []],
+      extraButtons: [
+        speechButton,
+        todoButton,
+        ...isMobile ? [toggleButton] : []
+      ],
+      safePluginList: ["changecase", "rteKeyLogger"]
+    };
+  }, [isMobile, showAll, isListening, disabled, aiSupport, licenseKey, translationKey, token, uploadUrl, mentions?.arr?.length, height, width, allowResizeY, fullSize, placeholder]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: containerRef,
+      className: `rte-wrapper ${isListening ? "rte-listening" : ""} ${className}`,
+      style
+    },
+    /* @__PURE__ */ React.createElement(
+      JoditReact,
+      {
+        ref: editorRef,
+        value,
+        config,
+        tabIndex: 1,
+        onChange: (v) => onChange?.(v),
+        onBlur: (v) => onBlur?.(v)
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "rte-speech-popup",
+        style: {
+          top: speechPos.top,
+          left: speechPos.left,
+          opacity: speechVisible && speechText ? 1 : 0,
+          transform: speechVisible ? "translateY(0)" : "translateY(10px)",
+          pointerEvents: "none"
+        }
+      },
+      /* @__PURE__ */ React.createElement("span", { className: "rte-speech-dot" }),
+      /* @__PURE__ */ React.createElement("span", null, speechText || "\u2026")
+    ),
+    error && /* @__PURE__ */ React.createElement("p", { className: "rte-error" }, error)
+  );
+}
+var RichTextEditor_default = RichTextEditor;
+
+export {
+  RichTextEditor,
+  RichTextEditor_default
+};

package/dist/{chunk-FOZYOE5W.js → chunk-763IHEJ2.js}

@@ -1,6 +1,6 @@
 // lib/icons/tickIcon.tsx
 import * as React from "react";
-var TickIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_11977", "data-name": "Group 11977", transform: "translate(-1582 -20.56)" }, /* @__PURE__ */ React.createElement("g", { id: "Ellipse_339", "data-name": "Ellipse 339", transform: "translate(1582 20.56)", fill: "none", stroke: color, "stroke-width": "1.8" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "12", stroke: "none" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "11.1", fill: "none" })), /* @__PURE__ */ React.createElement("path", { id: "Icon_feather-check", "data-name": "Icon feather-check", d: "M18,9,9.75,17.25,6,13.5", transform: "translate(1582 19.31)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", "stroke-width": "1.8" })));
+var TickIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_11977", "data-name": "Group 11977", transform: "translate(-1582 -20.56)" }, /* @__PURE__ */ React.createElement("g", { id: "Ellipse_339", "data-name": "Ellipse 339", transform: "translate(1582 20.56)", fill: "none", stroke: color, strokeWidth: "1.8" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "12", stroke: "none" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "11.1", fill: "none" })), /* @__PURE__ */ React.createElement("path", { id: "Icon_feather-check", "data-name": "Icon feather-check", d: "M18,9,9.75,17.25,6,13.5", transform: "translate(1582 19.31)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" })));
 var tickIcon_default = TickIcon;
 
 export {

package/dist/chunk-77QDKDFI.js

@@ -0,0 +1,8 @@
+// lib/icons/inactiveGroupIcon.tsx
+import * as React from "react";
+var InactiveGroupIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "25.65", height: "25.8", viewBox: "0 0 25.65 25.8", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_24701", "data-name": "Group 24701", transform: "translate(-1787.341 -376.95)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_24689", "data-name": "Group 24689", transform: "translate(1788.091 377.85)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_24686", "data-name": "Group 24686", transform: "translate(3.125)" }, /* @__PURE__ */ React.createElement("circle", { id: "Ellipse_418", "data-name": "Ellipse 418", cx: "4.819", cy: "4.819", r: "4.819", transform: "translate(3.316)", fill: "none", stroke: color, strokeWidth: "1.8" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52610", "data-name": "Path 52610", d: "M307.2,211.642a8.337,8.337,0,0,1,8.342-8.342,8.514,8.514,0,0,1,5.5,2.07", transform: "translate(-307.2 -193.585)", fill: "none", stroke: color, strokeWidth: "1.8" })), /* @__PURE__ */ React.createElement("g", { id: "Group_24694", "data-name": "Group 24694", transform: "translate(17.2 0.829)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52613", "data-name": "Path 52613", d: "M302.6,169a3.478,3.478,0,1,1,0,6.956", transform: "translate(-302.6 -169)", fill: "none", stroke: color, strokeWidth: "1.5" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52614", "data-name": "Path 52614", d: "M296.175,200.4c2.818,0,5.086,2.84,4.979,5.677", transform: "translate(-296.175 -193.354)", fill: "none", stroke: color, strokeWidth: "1.5" })), /* @__PURE__ */ React.createElement("g", { id: "Group_24695", "data-name": "Group 24695", transform: "translate(0 0.829)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52613-2", "data-name": "Path 52613", d: "M306.078,169a3.478,3.478,0,1,0,0,6.956", transform: "translate(-301.11 -169)", fill: "none", stroke: color, strokeWidth: "1.5" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52614-2", "data-name": "Path 52614", d: "M301.143,200.4c-3.42,0-4.968,4.4-4.968,6.775", transform: "translate(-296.175 -193.354)", fill: "none", stroke: color, strokeWidth: "1.5" }))), /* @__PURE__ */ React.createElement("g", { id: "Group_24692", "data-name": "Group 24692", transform: "translate(1799.931 389.69)" }, /* @__PURE__ */ React.createElement("ellipse", { id: "Ellipse_415", "data-name": "Ellipse 415", cx: "6.08", cy: "6.08", rx: "6.08", ry: "6.08", fill: "none", stroke: color, strokeWidth: "1.8", "stroke-dasharray": "470 154" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52615", "data-name": "Path 52615", d: "M6.333-7.067v1.291H.531V-7.067h5.8Z", transform: "translate(2.818 12.771)", fill: color }))));
+var inactiveGroupIcon_default = InactiveGroupIcon;
+
+export {
+  inactiveGroupIcon_default
+};

package/dist/{chunk-UZAD2QJD.js → chunk-7II4Q2WY.js}

@@ -1,6 +1,6 @@
 // lib/icons/questionTypeCodingIcon.tsx
 import * as React from "react";
-var QuestionTypeCodingIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_25232", "data-name": "Group 25232", transform: "translate(-5649 -11854)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_25226", "data-name": "Group 25226", transform: "translate(-3)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_53438", "data-name": "Path 53438", d: "M5657,11861l-3.8,5.05,3.8,4.6", transform: "translate(1.8 -0.301)", fill: "none", stroke: color, strokeLinecap: "round", "stroke-width": "1.6" }), /* @__PURE__ */ React.createElement("path", { id: "Path_53439", "data-name": "Path 53439", d: "M5653.2,11861l3.8,5.05-3.8,4.6", transform: "translate(16 -0.301)", fill: "none", stroke: color, strokeLinecap: "round", "stroke-width": "1.6" }), /* @__PURE__ */ React.createElement("line", { id: "Line_505", "data-name": "Line 505", x1: "4", y2: "16", transform: "translate(5661.5 11857.5)", fill: "none", stroke: color, strokeLinecap: "round", "stroke-width": "1.6" })), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle_19481", "data-name": "Rectangle 19481", width: "24", height: "24", rx: "5", transform: "translate(5649 11854)", fill: "none" })));
+var QuestionTypeCodingIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_25232", "data-name": "Group 25232", transform: "translate(-5649 -11854)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_25226", "data-name": "Group 25226", transform: "translate(-3)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_53438", "data-name": "Path 53438", d: "M5657,11861l-3.8,5.05,3.8,4.6", transform: "translate(1.8 -0.301)", fill: "none", stroke: color, strokeLinecap: "round", strokeWidth: "1.6" }), /* @__PURE__ */ React.createElement("path", { id: "Path_53439", "data-name": "Path 53439", d: "M5653.2,11861l3.8,5.05-3.8,4.6", transform: "translate(16 -0.301)", fill: "none", stroke: color, strokeLinecap: "round", strokeWidth: "1.6" }), /* @__PURE__ */ React.createElement("line", { id: "Line_505", "data-name": "Line 505", x1: "4", y2: "16", transform: "translate(5661.5 11857.5)", fill: "none", stroke: color, strokeLinecap: "round", strokeWidth: "1.6" })), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle_19481", "data-name": "Rectangle 19481", width: "24", height: "24", rx: "5", transform: "translate(5649 11854)", fill: "none" })));
 var questionTypeCodingIcon_default = QuestionTypeCodingIcon;
 
 export {

package/dist/chunk-AXSFVJ3H.js

@@ -0,0 +1,10 @@
+// lib/icons/helpOutlinedIcon.tsx
+import React from "react";
+var HelpOutlinedIcon = ({ color = "#5f6368", ...props }) => {
+  return /* @__PURE__ */ React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M16 31.3C24.2843 31.3 31 24.5843 31 16.3C31 8.01573 24.2843 1.3 16 1.3C7.71573 1.3 1 8.01573 1 16.3C1 24.5843 7.71573 31.3 16 31.3Z", stroke: color, strokeWidth: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M15.967 7.6C15.2243 7.55686 14.4804 7.66158 13.7785 7.90808C13.0766 8.15458 12.4306 8.53796 11.878 9.036C11.1541 9.79654 10.7029 10.7756 10.595 11.82L12.77 12.1C12.8289 11.5409 13.0651 11.0153 13.444 10.6C13.7819 10.2913 14.1816 10.0579 14.6166 9.91528C15.0515 9.7727 15.5118 9.72421 15.967 9.773C16.9127 9.68268 17.8584 9.94635 18.621 10.513C18.8228 10.6923 18.9822 10.9143 19.0875 11.1628C19.1929 11.4114 19.2415 11.6803 19.23 11.95C19.23 13.755 18.49 14.256 17.403 15.213C16.6339 15.7793 16.006 16.5156 15.5684 17.3646C15.1308 18.2135 14.8951 19.152 14.88 20.107V20.651H17.055V20.107C17.055 18.302 17.729 17.801 18.817 16.844C19.596 16.2825 20.2348 15.5488 20.6837 14.6999C21.1326 13.851 21.3795 12.9099 21.405 11.95C21.4124 11.3782 21.3024 10.8109 21.0817 10.2834C20.861 9.75584 20.5343 9.2792 20.122 8.883C18.9456 7.95187 17.4635 7.49424 15.967 7.6ZM14.88 22.825V25H17.055V22.825H14.88Z", fill: color }));
+};
+var helpOutlinedIcon_default = HelpOutlinedIcon;
+
+export {
+  helpOutlinedIcon_default
+};

package/dist/chunk-B2LVMM55.js

@@ -0,0 +1,8 @@
+// lib/icons/questionStatusPrivateIcon.tsx
+import * as React from "react";
+var QuestionStatusPrivateIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_25259", "data-name": "Group 25259", transform: "translate(-5412 -11820)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_25176", "data-name": "Group 25176", transform: "translate(150 69.4)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_25174", "data-name": "Group 25174", transform: "translate(5265 11751.6)" }, /* @__PURE__ */ React.createElement("g", { id: "Rectangle_19447", "data-name": "Rectangle 19447", transform: "translate(0 8.641)", fill: "none", stroke: color, strokeWidth: "1.6" }, /* @__PURE__ */ React.createElement("rect", { width: "18.333", height: "13.359", rx: "2", stroke: "none" }), /* @__PURE__ */ React.createElement("rect", { x: "0.8", y: "0.8", width: "16.733", height: "11.759", rx: "1.2", fill: "none" })), /* @__PURE__ */ React.createElement("g", { id: "Rectangle_19448", "data-name": "Rectangle 19448", transform: "translate(4)", fill: "none", stroke: color, strokeWidth: "1.6" }, /* @__PURE__ */ React.createElement("path", { d: "M5.517,0h0a5.517,5.517,0,0,1,5.517,5.517V10a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V5.517A5.517,5.517,0,0,1,5.517,0Z", stroke: "none" }), /* @__PURE__ */ React.createElement("path", { d: "M5.517.8h0a4.717,4.717,0,0,1,4.717,4.717V8.79a.41.41,0,0,1-.41.41H1.21A.41.41,0,0,1,.8,8.79V5.517A4.717,4.717,0,0,1,5.517.8Z", fill: "none" }))), /* @__PURE__ */ React.createElement("g", { id: "Group_25175", "data-name": "Group 25175", transform: "translate(5273.251 11765.721)" }, /* @__PURE__ */ React.createElement("line", { id: "Line_500", "data-name": "Line 500", y2: "2.745", transform: "translate(0.915 0.457)", fill: "none", stroke: color, strokeLinecap: "round", strokeWidth: "1" }), /* @__PURE__ */ React.createElement("g", { id: "Ellipse_352", "data-name": "Ellipse 352", fill: "#fff", stroke: color, strokeWidth: "1" }, /* @__PURE__ */ React.createElement("circle", { cx: "0.915", cy: "0.915", r: "0.915", stroke: "none" }), /* @__PURE__ */ React.createElement("circle", { cx: "0.915", cy: "0.915", r: "0.415", fill: "none" })))), /* @__PURE__ */ React.createElement("g", { id: "Group_25258", "data-name": "Group 25258", transform: "translate(-237 71)" }, /* @__PURE__ */ React.createElement("rect", { id: "Rectangle_19479", "data-name": "Rectangle 19479", width: "24", height: "24", rx: "5", transform: "translate(5649 11749)", fill: "none" }))));
+var questionStatusPrivateIcon_default = QuestionStatusPrivateIcon;
+
+export {
+  questionStatusPrivateIcon_default
+};

package/dist/{chunk-YRFUVQDN.js → chunk-CTBYVXFP.js}

@@ -1,6 +1,6 @@
 // lib/Progress/circularProgress.tsx
 import * as React from "react";
-var CircularProgess = ({
+var CircularProgress = ({
   size = 50,
   color = "#a81c08",
   ...props
@@ -24,7 +24,7 @@ var CircularProgess = ({
     ))
   );
 };
-var circularProgress_default = CircularProgess;
+var circularProgress_default = CircularProgress;
 
 export {
   circularProgress_default

package/dist/{chunk-UWQSGKVX.js → chunk-CTWVJQJ5.js}

@@ -1,6 +1,6 @@
 // lib/icons/viewIcon.tsx
 import * as React from "react";
-var ViewIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "26.55", height: "19.8", viewBox: "0 0 26.55 19.8", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-eye", "data-name": "Icon feather-eye", transform: "translate(-0.6 -5.1)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52621", "data-name": "Path 52621", d: "M1.5,15S6,6,13.875,6,26.25,15,26.25,15s-4.5,9-12.375,9S1.5,15,1.5,15Z", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", "stroke-width": "1.8" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52622", "data-name": "Path 52622", d: "M20.25,16.875A3.375,3.375,0,1,1,16.875,13.5,3.375,3.375,0,0,1,20.25,16.875Z", transform: "translate(-3 -1.875)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", "stroke-width": "1.8" })));
+var ViewIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "26.55", height: "19.8", viewBox: "0 0 26.55 19.8", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-eye", "data-name": "Icon feather-eye", transform: "translate(-0.6 -5.1)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52621", "data-name": "Path 52621", d: "M1.5,15S6,6,13.875,6,26.25,15,26.25,15s-4.5,9-12.375,9S1.5,15,1.5,15Z", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52622", "data-name": "Path 52622", d: "M20.25,16.875A3.375,3.375,0,1,1,16.875,13.5,3.375,3.375,0,0,1,20.25,16.875Z", transform: "translate(-3 -1.875)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" })));
 var viewIcon_default = ViewIcon;
 
 export {

package/dist/chunk-DLJHWFNG.js

@@ -0,0 +1,18 @@
+// lib/icons/projectIcon.tsx
+import * as React from "react";
+var ProjectIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "18.571",
+    height: "16.1",
+    viewBox: "0 0 18.571 16.1",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { id: "Group_26167", "data-name": "Group 26167", transform: "translate(-1125 -644.1)" }, /* @__PURE__ */ React.createElement("g", { id: "Rectangle_19851", "data-name": "Rectangle 19851", transform: "translate(1125 647.231)", fill: "none", stroke: color, strokeWidth: "1" }, /* @__PURE__ */ React.createElement("rect", { width: "18.571", height: "12.969", rx: "1", stroke: "none" }), /* @__PURE__ */ React.createElement("rect", { x: "0.5", y: "0.5", width: "17.571", height: "11.969", rx: "0.5", fill: "none" })), /* @__PURE__ */ React.createElement("g", { id: "Rectangle_19852", "data-name": "Rectangle 19852", transform: "translate(1131.964 644.1)", fill: "#fff", stroke: color, strokeWidth: "1" }, /* @__PURE__ */ React.createElement("path", { d: "M2.321,0h0A2.321,2.321,0,0,1,4.643,2.321V4.062a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V2.321A2.321,2.321,0,0,1,2.321,0Z", stroke: "none" }), /* @__PURE__ */ React.createElement("path", { d: "M2.321.5h0A1.821,1.821,0,0,1,4.143,2.321V3.467a.1.1,0,0,1-.1.1H.6a.1.1,0,0,1-.1-.1V2.321A1.821,1.821,0,0,1,2.321.5Z", fill: "none" })), /* @__PURE__ */ React.createElement("line", { id: "Line_619", "data-name": "Line 619", y2: "12.311", transform: "translate(1128.482 647.889)", fill: "none", stroke: color, strokeWidth: "1" }), /* @__PURE__ */ React.createElement("line", { id: "Line_620", "data-name": "Line 620", y2: "12.311", transform: "translate(1140.089 647.889)", fill: "none", stroke: color, strokeWidth: "1" }))
+);
+var projectIcon_default = ProjectIcon;
+
+export {
+  projectIcon_default
+};

package/dist/chunk-EZI3QGYJ.js

@@ -0,0 +1,8 @@
+// lib/icons/unsubscribeIcon.tsx
+import * as React from "react";
+var UnsubscribeIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "26.546", height: "26.546", viewBox: "0 0 26.546 26.546", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-bell-off", "data-name": "Icon feather-bell-off", transform: "translate(-0.227 -0.227)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52625", "data-name": "Path 52625", d: "M19.075,31.5a2.121,2.121,0,0,1-3.67,0", transform: "translate(-3.74 -8.121)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52626", "data-name": "Path 52626", d: "M27.667,17.3A18.974,18.974,0,0,1,27,12", transform: "translate(-6.938 -2.801)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52627", "data-name": "Path 52627", d: "M7.958,9.39a6.935,6.935,0,0,0-.276,1.953c0,7.859-3.182,10.1-3.182,10.1H19.348", transform: "translate(-0.879 -2.311)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52628", "data-name": "Path 52628", d: "M22.9,9.36a6.364,6.364,0,0,0-9.9-5.3", transform: "translate(-2.967 -0.435)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52629", "data-name": "Path 52629", d: "M1.5,1.5l24,24", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" })));
+var unsubscribeIcon_default = UnsubscribeIcon;
+
+export {
+  unsubscribeIcon_default
+};

package/dist/{chunk-G4CVY5MD.js → chunk-FZCFFVXW.js}

@@ -1,7 +1,7 @@
 // lib/icons/downloadIcon.tsx
 import React from "react";
 var DownloadIcon = ({ color = "#3a3a3a", ...props }) => {
-  return /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "46", height: "46", viewBox: "0 0 46 46", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_11729", "data-name": "Group 11729", transform: "translate(-1841 -174)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_46535", "data-name": "Path 46535", d: "M0,0H46V46H0Z", transform: "translate(1841 174)", fill: "#fff" }), /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-download", "data-name": "Icon feather-download", transform: "translate(1846.5 179.5)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_46535-2", "data-name": "Path 46535", d: "M31.5,22.5v6a3,3,0,0,1-3,3H7.5a3,3,0,0,1-3-3v-6", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", "stroke-width": "3" }), /* @__PURE__ */ React.createElement("path", { id: "Path_46536", "data-name": "Path 46536", d: "M10.5,15,18,22.5,25.5,15", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", "stroke-width": "3" }), /* @__PURE__ */ React.createElement("path", { id: "Path_46537", "data-name": "Path 46537", d: "M18,22.5V4.5", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", "stroke-width": "3" }))));
+  return /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "46", height: "46", viewBox: "0 0 46 46", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_11729", "data-name": "Group 11729", transform: "translate(-1841 -174)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_46535", "data-name": "Path 46535", d: "M0,0H46V46H0Z", transform: "translate(1841 174)", fill: "#fff" }), /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-download", "data-name": "Icon feather-download", transform: "translate(1846.5 179.5)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_46535-2", "data-name": "Path 46535", d: "M31.5,22.5v6a3,3,0,0,1-3,3H7.5a3,3,0,0,1-3-3v-6", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3" }), /* @__PURE__ */ React.createElement("path", { id: "Path_46536", "data-name": "Path 46536", d: "M10.5,15,18,22.5,25.5,15", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3" }), /* @__PURE__ */ React.createElement("path", { id: "Path_46537", "data-name": "Path 46537", d: "M18,22.5V4.5", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3" }))));
 };
 var downloadIcon_default = DownloadIcon;
 

package/dist/{chunk-BH53P2UM.js → chunk-G2GZDPUL.js}

@@ -20,7 +20,7 @@ var UserAssignIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.
       fill: "rgba(0,0,0,0)",
       stroke: color,
       "stroke-miterlimit": "10",
-      "stroke-width": "1.8"
+      strokeWidth: "1.8"
     }
   ), /* @__PURE__ */ React.createElement(
     "path",
@@ -30,7 +30,7 @@ var UserAssignIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.
       fill: "rgba(0,0,0,0)",
       stroke: color,
       "stroke-miterlimit": "10",
-      "stroke-width": "1.8"
+      strokeWidth: "1.8"
     }
   )), /* @__PURE__ */ React.createElement("g", { transform: "translate(1750.156 389.69)" }, /* @__PURE__ */ React.createElement(
     "ellipse",
@@ -42,7 +42,7 @@ var UserAssignIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.
       fill: "none",
       stroke: color,
       "stroke-miterlimit": "10",
-      "stroke-width": "1.8",
+      strokeWidth: "1.8",
       "stroke-dasharray": "470 154"
     }
   ), /* @__PURE__ */ React.createElement(