@rufous/ui 0.1.62 → 0.2.0-beta.0

package/dist/chunk-UPCMMCPQ.js

@@ -0,0 +1,34 @@
+// lib/TextFields/FloatingInput.tsx
+import React from "react";
+var FloatingInput = ({
+  label,
+  name,
+  id,
+  type = "text",
+  value,
+  onChange,
+  required = false,
+  placeholder,
+  className = "",
+  style,
+  ...props
+}) => {
+  return /* @__PURE__ */ React.createElement("div", { className: `form__group field ${className}`, style }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type,
+      className: "form__field",
+      placeholder: " ",
+      name,
+      id: id || name,
+      value,
+      onChange,
+      required,
+      ...props
+    }
+  ), /* @__PURE__ */ React.createElement("label", { htmlFor: id || name, className: "form__label" }, label));
+};
+
+export {
+  FloatingInput
+};

package/dist/{chunk-SBX4CHO7.js → chunk-UTBCFDOX.js}

@@ -1,6 +1,6 @@
 // lib/icons/qualificationsIcon.tsx
 import * as React from "react";
-var QualificationsIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { width: "24", height: "17", viewBox: "0 0 24 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.096 0.920005L1.422 5.25601C1.29964 5.31928 1.18771 5.40089 1.09003 5.49801C0.982986 5.61801 0.923828 5.7732 0.923828 5.934C0.923828 6.09481 0.982986 6.25 1.09003 6.37001C1.18134 6.47434 1.29472 6.55701 1.422 6.61201L5.35498 8.29801V12.829C5.35246 12.8915 5.36648 12.9535 5.39563 13.0088C5.42478 13.0641 5.46804 13.1108 5.521 13.144L11.909 16.23C11.9351 16.2419 11.9634 16.248 11.992 16.248C12.0206 16.248 12.049 16.2419 12.075 16.23L18.482 13.144C18.5377 13.1137 18.5831 13.0677 18.6127 13.0116C18.6422 12.9556 18.6545 12.892 18.648 12.829V8.29901L21.842 7.04001C21.6965 8.80938 21.6882 10.5874 21.817 12.358C21.817 12.843 22.217 12.843 22.217 12.358C22.4317 10.5206 22.4729 8.66711 22.34 6.82201C22.5425 6.68685 22.7337 6.5357 22.912 6.37001C23.019 6.25 23.0782 6.09481 23.0782 5.934C23.0782 5.7732 23.019 5.61801 22.912 5.49801C22.8142 5.40101 22.7023 5.31941 22.58 5.25601L12.905 0.919005C12.3228 0.692932 11.6771 0.692932 11.095 0.919005L11.096 0.920005ZM12.696 1.86701L21.785 5.94101C21.837 5.96401 21.837 5.98601 21.872 6.00901C21.838 6.03201 21.838 6.05501 21.785 6.07701L17.485 8.01201C17.451 8.01201 17.398 8.01201 17.385 8.05701L12.702 10.151C12.253 10.3102 11.763 10.3102 11.314 10.151L6.62201 8.03401C6.58701 8.03401 6.56998 8.01101 6.55298 8.01101L2.22198 6.07601C2.16898 6.05301 2.16901 6.03101 2.13501 6.00801C2.16901 5.98501 2.16898 5.962 2.22198 5.962L11.31 1.86201C11.5331 1.78448 11.7678 1.74624 12.004 1.74901C12.239 1.7475 12.4725 1.78709 12.694 1.866L12.696 1.86701ZM17.665 8.657V12.482L12.002 15.272L6.33899 12.728V8.90301L11.156 10.926C11.4239 11.0384 11.7115 11.0963 12.002 11.0963C12.2925 11.0963 12.5801 11.0384 12.848 10.926L17.248 8.95501L17.665 8.657Z", fill: color, stroke: color, "stroke-width": "0.2" }));
+var QualificationsIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { width: "24", height: "17", viewBox: "0 0 24 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.096 0.920005L1.422 5.25601C1.29964 5.31928 1.18771 5.40089 1.09003 5.49801C0.982986 5.61801 0.923828 5.7732 0.923828 5.934C0.923828 6.09481 0.982986 6.25 1.09003 6.37001C1.18134 6.47434 1.29472 6.55701 1.422 6.61201L5.35498 8.29801V12.829C5.35246 12.8915 5.36648 12.9535 5.39563 13.0088C5.42478 13.0641 5.46804 13.1108 5.521 13.144L11.909 16.23C11.9351 16.2419 11.9634 16.248 11.992 16.248C12.0206 16.248 12.049 16.2419 12.075 16.23L18.482 13.144C18.5377 13.1137 18.5831 13.0677 18.6127 13.0116C18.6422 12.9556 18.6545 12.892 18.648 12.829V8.29901L21.842 7.04001C21.6965 8.80938 21.6882 10.5874 21.817 12.358C21.817 12.843 22.217 12.843 22.217 12.358C22.4317 10.5206 22.4729 8.66711 22.34 6.82201C22.5425 6.68685 22.7337 6.5357 22.912 6.37001C23.019 6.25 23.0782 6.09481 23.0782 5.934C23.0782 5.7732 23.019 5.61801 22.912 5.49801C22.8142 5.40101 22.7023 5.31941 22.58 5.25601L12.905 0.919005C12.3228 0.692932 11.6771 0.692932 11.095 0.919005L11.096 0.920005ZM12.696 1.86701L21.785 5.94101C21.837 5.96401 21.837 5.98601 21.872 6.00901C21.838 6.03201 21.838 6.05501 21.785 6.07701L17.485 8.01201C17.451 8.01201 17.398 8.01201 17.385 8.05701L12.702 10.151C12.253 10.3102 11.763 10.3102 11.314 10.151L6.62201 8.03401C6.58701 8.03401 6.56998 8.01101 6.55298 8.01101L2.22198 6.07601C2.16898 6.05301 2.16901 6.03101 2.13501 6.00801C2.16901 5.98501 2.16898 5.962 2.22198 5.962L11.31 1.86201C11.5331 1.78448 11.7678 1.74624 12.004 1.74901C12.239 1.7475 12.4725 1.78709 12.694 1.866L12.696 1.86701ZM17.665 8.657V12.482L12.002 15.272L6.33899 12.728V8.90301L11.156 10.926C11.4239 11.0384 11.7115 11.0963 12.002 11.0963C12.2925 11.0963 12.5801 11.0384 12.848 10.926L17.248 8.95501L17.665 8.657Z", fill: color, stroke: color, strokeWidth: "0.2" }));
 var qualificationsIcon_default = QualificationsIcon;
 
 export {

package/dist/chunk-WNZLBFLQ.js

@@ -0,0 +1,73 @@
+import {
+  APP_THEMES
+} from "./chunk-QGXXOQJF.js";
+
+// lib/Contexts/rufousThemeProvider.tsx
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+var RufousThemeContext = createContext(null);
+var RufousThemeProvider = ({ children }) => {
+  const [colorScheme, setColorScheme] = useState("rufous");
+  const [mode, setMode] = useState("light");
+  useEffect(() => {
+    const savedScheme = localStorage.getItem("colorScheme") || "rufous";
+    const savedMode = localStorage.getItem("themeMode") || "light";
+    setColorScheme(savedScheme);
+    setMode(savedMode);
+  }, []);
+  const themeVars = useMemo(() => {
+    const config = APP_THEMES[colorScheme][mode];
+    return {
+      "--primary-color": config.primary,
+      "--secondary-color": config.secondary,
+      "--background-color": config.background,
+      "--surface-color": config.surface,
+      "--text-color": config.text,
+      "--text-secondary": config.textSecondary,
+      "--border-color": config.border,
+      "--hover-color": config.hover,
+      "--selection-color": config.selection,
+      "--icon-color": config.icon
+    };
+  }, [colorScheme, mode]);
+  const toggleMode = () => {
+    const newMode = mode === "light" ? "dark" : "light";
+    setMode(newMode);
+    localStorage.setItem("themeMode", newMode);
+  };
+  const changeScheme = (scheme) => {
+    setColorScheme(scheme);
+    localStorage.setItem("colorScheme", scheme);
+  };
+  return /* @__PURE__ */ React.createElement(
+    RufousThemeContext.Provider,
+    {
+      value: {
+        colorScheme,
+        mode,
+        toggleMode,
+        changeScheme,
+        themeConfig: APP_THEMES[colorScheme][mode]
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `rufous-theme-root scheme-${colorScheme} mode-${mode}`,
+        style: themeVars
+      },
+      children
+    )
+  );
+};
+var useRufousTheme = () => useContext(RufousThemeContext);
+
+export {
+  RufousThemeProvider,
+  useRufousTheme
+};

package/dist/chunk-X357WQOT.js

@@ -0,0 +1,29 @@
+// lib/CheckBoxes/CheckBox.jsx
+import React from "react";
+var Checkbox = ({
+  id,
+  label,
+  checked,
+  onChange,
+  disabled = false,
+  className = "",
+  style
+}) => {
+  const handleChange = (e) => {
+    if (onChange) onChange(e.target.checked);
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "checkbox-wrapper-13" }, /* @__PURE__ */ React.createElement("label", { className: `${className}`, style }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      id,
+      type: "checkbox",
+      checked,
+      onChange: handleChange,
+      disabled
+    }
+  ), label && /* @__PURE__ */ React.createElement("span", { className: "checkbox-label" }, label)));
+};
+
+export {
+  Checkbox
+};

package/dist/{chunk-O3EAZPD3.js → chunk-XCE3QE6Q.js}

@@ -1,6 +1,6 @@
 // lib/icons/editChatIcon.tsx
 import * as React from "react";
-var EditChatIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "26.138", height: "24.773", viewBox: "0 0 26.138 24.773", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-edit", "data-name": "Icon feather-edit", transform: "translate(-2 -1.818)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52456", "data-name": "Path 52456", d: "M12.8,6H5.177A2.177,2.177,0,0,0,3,8.177V23.414a2.177,2.177,0,0,0,2.177,2.177H20.414a2.177,2.177,0,0,0,2.177-2.177V15.8", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", "stroke-width": "2" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52457", "data-name": "Path 52457", d: "M23.256,3.484A2.274,2.274,0,0,1,26.472,6.7L16.288,16.884,12,17.956l1.072-4.288Z", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", "stroke-width": "2" })));
+var EditChatIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "26.138", height: "24.773", viewBox: "0 0 26.138 24.773", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-edit", "data-name": "Icon feather-edit", transform: "translate(-2 -1.818)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52456", "data-name": "Path 52456", d: "M12.8,6H5.177A2.177,2.177,0,0,0,3,8.177V23.414a2.177,2.177,0,0,0,2.177,2.177H20.414a2.177,2.177,0,0,0,2.177-2.177V15.8", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52457", "data-name": "Path 52457", d: "M23.256,3.484A2.274,2.274,0,0,1,26.472,6.7L16.288,16.884,12,17.956l1.072-4.288Z", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" })));
 var editChatIcon_default = EditChatIcon;
 
 export {

package/dist/chunk-XHY3OCAQ.js

@@ -0,0 +1,8 @@
+// lib/icons/timerIcon.tsx
+import * as React from "react";
+var TimerIcon = ({ 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_weather-time-5", "data-name": "Icon weather-time-5", d: "M16.968,16.267V9.25a.874.874,0,1,1,1.749,0v6.763l2.265,4.045a.855.855,0,0,1-.759,1.317.824.824,0,0,1-.769-.432l-2.318-4.109A1.033,1.033,0,0,1,16.968,16.267Z", transform: "translate(1576.005 17.684)", fill: color })));
+var timerIcon_default = TimerIcon;
+
+export {
+  timerIcon_default
+};

package/dist/{chunk-7YKG3WYS.js → chunk-YRLN3TBF.js}

@@ -1,6 +1,6 @@
 import {
   circularProgress_default
-} from "./chunk-YRFUVQDN.js";
+} from "./chunk-CTBYVXFP.js";
 
 // lib/Buttons/submitButton.tsx
 import * as React from "react";

package/dist/chunk-Z7USRFM2.js

@@ -0,0 +1,8 @@
+// lib/icons/questionTypeMultipleIcon.tsx
+import * as React from "react";
+var QuestionTypeMultipleIcon = ({ 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_25228", "data-name": "Group 25228", transform: "translate(-5649 -11749)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_25224", "data-name": "Group 25224", transform: "translate(1 1)" }, /* @__PURE__ */ React.createElement("g", { id: "Rectangle_19479", "data-name": "Rectangle 19479", transform: "translate(5649 11749)", fill: "none", stroke: color, strokeWidth: "1.6" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", rx: "5", stroke: "none" }), /* @__PURE__ */ React.createElement("rect", { x: "0.8", y: "0.8", width: "20.4", height: "20.4", rx: "4.2", fill: "none" })), /* @__PURE__ */ React.createElement("path", { id: "Icon_feather-check", "data-name": "Icon feather-check", d: "M16.02,9,9.131,15.889,6,12.758", transform: "translate(5649.427 11747.506)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.6" })), /* @__PURE__ */ React.createElement("g", { id: "Group_25227", "data-name": "Group 25227" }, /* @__PURE__ */ React.createElement("rect", { id: "Rectangle_19479-2", "data-name": "Rectangle 19479", width: "24", height: "24", rx: "5", transform: "translate(5649 11749)", fill: "none" }))));
+var questionTypeMultipleIcon_default = QuestionTypeMultipleIcon;
+
+export {
+  questionTypeMultipleIcon_default
+};

package/dist/{chunk-EFIJYBYX.js → chunk-ZLJDOLXZ.js}

@@ -1,6 +1,6 @@
 // lib/icons/engagementIcon.tsx
 import * as React from "react";
-var EngagementIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.4391 12.237C14.4713 12.2661 14.5091 12.2883 14.5501 12.3022C14.5912 12.3161 14.6347 12.3214 14.6779 12.3179C14.7211 12.3143 14.7631 12.3019 14.8013 12.2815C14.8396 12.261 14.8732 12.233 14.9001 12.199C14.956 12.1312 14.9835 12.0444 14.9768 11.9567C14.9701 11.8691 14.9297 11.7875 14.8641 11.729C14.2376 11.1794 13.5316 10.7277 12.7701 10.389C13.3457 9.88171 13.8062 9.25734 14.121 8.55767C14.4357 7.85801 14.5974 7.09919 14.5951 6.33199C14.6139 4.93817 14.0788 3.59386 13.1075 2.59404C12.1362 1.59423 10.8079 1.02059 9.41414 0.998993C8.02071 1.02137 6.69304 1.5955 5.72234 2.59544C4.75164 3.59539 4.21716 4.93951 4.23614 6.33299C4.23383 7.09938 4.39508 7.85743 4.7091 8.55653C5.02313 9.25563 5.48271 9.87968 6.05714 10.387C4.53991 11.0856 3.25607 12.2066 2.35924 13.6158C1.46241 15.0249 0.99056 16.6627 1.00014 18.333V20.666C0.999074 20.7531 1.03258 20.837 1.09332 20.8995C1.15405 20.9619 1.23706 20.9977 1.32414 20.999C1.41123 20.9977 1.49424 20.9619 1.55497 20.8995C1.61571 20.837 1.64921 20.7531 1.64814 20.666V18.333C1.63752 16.7252 2.11129 15.1515 3.00775 13.8168C3.9042 12.4821 5.1818 11.4483 6.67414 10.85C7.48858 11.3825 8.44057 11.6661 9.41364 11.6661C10.3867 11.6661 11.3387 11.3825 12.1531 10.85C12.9907 11.1745 13.7645 11.644 14.4391 12.237ZM4.88314 6.33699C4.86577 5.11734 5.33299 3.94062 6.18228 3.06509C7.03157 2.18955 8.19353 1.68674 9.41314 1.66699C10.6322 1.68674 11.7937 2.18914 12.6429 3.06402C13.4921 3.93891 13.9597 5.11486 13.9431 6.33399C13.9592 7.55278 13.4914 8.72822 12.6422 9.60267C11.7931 10.4771 10.6319 10.9792 9.41314 10.999C8.19423 10.9792 7.03288 10.477 6.18371 9.60232C5.33454 8.72765 4.86683 7.55196 4.88314 6.33299V6.33699Z", fill: color, stroke: color, "stroke-width": "0.5" }), /* @__PURE__ */ React.createElement("path", { d: "M20.971 15.204C20.9361 15.0935 20.8706 14.9953 20.7821 14.9206C20.6936 14.8459 20.5857 14.7978 20.471 14.782L17.754 14.4L16.54 12.021C16.4874 11.9197 16.4081 11.8348 16.3106 11.7755C16.213 11.7162 16.1011 11.6849 15.987 11.6849C15.8729 11.6849 15.761 11.7162 15.6634 11.7755C15.5659 11.8348 15.4866 11.9197 15.434 12.021L14.22 14.4L11.503 14.782C11.3883 14.7978 11.2804 14.8459 11.1919 14.9206C11.1034 14.9953 11.0379 15.0935 11.003 15.204C10.9675 15.313 10.964 15.4299 10.9929 15.5408C11.0218 15.6518 11.0819 15.7521 11.166 15.83L13.124 17.677L12.662 20.282C12.6461 20.3691 12.6497 20.4587 12.6725 20.5443C12.6953 20.6299 12.7368 20.7093 12.794 20.777C12.8859 20.8832 13.0105 20.956 13.1482 20.9839C13.2859 21.0117 13.429 20.9931 13.555 20.931L15.99 19.693L18.425 20.931C18.5508 20.9954 18.6947 21.0151 18.8332 20.987C18.9716 20.9588 19.0964 20.8844 19.187 20.776C19.2442 20.7083 19.2857 20.6289 19.3085 20.5433C19.3313 20.4577 19.3349 20.3681 19.319 20.281L18.857 17.676L20.816 15.829C20.8986 15.7503 20.957 15.6497 20.9845 15.539C21.0119 15.4283 21.0072 15.3121 20.971 15.204ZM18.316 17.195C18.2424 17.2639 18.1871 17.3501 18.1551 17.4458C18.1232 17.5415 18.1156 17.6436 18.133 17.743L18.57 20.205L16.27 19.034C16.1819 18.9903 16.0849 18.9675 15.9865 18.9675C15.8881 18.9675 15.7911 18.9903 15.703 19.034L13.403 20.205L13.84 17.742C13.8575 17.6426 13.8498 17.5405 13.8179 17.4448C13.7859 17.3491 13.7306 17.2629 13.657 17.194L11.819 15.46L14.372 15.101C14.4705 15.0874 14.5642 15.0504 14.6453 14.9929C14.7265 14.9355 14.7925 14.8594 14.838 14.771L15.99 12.512L17.143 14.771C17.1885 14.8594 17.2546 14.9355 17.3357 14.9929C17.4168 15.0504 17.5105 15.0874 17.609 15.101L20.162 15.46L18.316 17.195Z", fill: color, stroke: color, "stroke-width": "0.5" }));
+var EngagementIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.4391 12.237C14.4713 12.2661 14.5091 12.2883 14.5501 12.3022C14.5912 12.3161 14.6347 12.3214 14.6779 12.3179C14.7211 12.3143 14.7631 12.3019 14.8013 12.2815C14.8396 12.261 14.8732 12.233 14.9001 12.199C14.956 12.1312 14.9835 12.0444 14.9768 11.9567C14.9701 11.8691 14.9297 11.7875 14.8641 11.729C14.2376 11.1794 13.5316 10.7277 12.7701 10.389C13.3457 9.88171 13.8062 9.25734 14.121 8.55767C14.4357 7.85801 14.5974 7.09919 14.5951 6.33199C14.6139 4.93817 14.0788 3.59386 13.1075 2.59404C12.1362 1.59423 10.8079 1.02059 9.41414 0.998993C8.02071 1.02137 6.69304 1.5955 5.72234 2.59544C4.75164 3.59539 4.21716 4.93951 4.23614 6.33299C4.23383 7.09938 4.39508 7.85743 4.7091 8.55653C5.02313 9.25563 5.48271 9.87968 6.05714 10.387C4.53991 11.0856 3.25607 12.2066 2.35924 13.6158C1.46241 15.0249 0.99056 16.6627 1.00014 18.333V20.666C0.999074 20.7531 1.03258 20.837 1.09332 20.8995C1.15405 20.9619 1.23706 20.9977 1.32414 20.999C1.41123 20.9977 1.49424 20.9619 1.55497 20.8995C1.61571 20.837 1.64921 20.7531 1.64814 20.666V18.333C1.63752 16.7252 2.11129 15.1515 3.00775 13.8168C3.9042 12.4821 5.1818 11.4483 6.67414 10.85C7.48858 11.3825 8.44057 11.6661 9.41364 11.6661C10.3867 11.6661 11.3387 11.3825 12.1531 10.85C12.9907 11.1745 13.7645 11.644 14.4391 12.237ZM4.88314 6.33699C4.86577 5.11734 5.33299 3.94062 6.18228 3.06509C7.03157 2.18955 8.19353 1.68674 9.41314 1.66699C10.6322 1.68674 11.7937 2.18914 12.6429 3.06402C13.4921 3.93891 13.9597 5.11486 13.9431 6.33399C13.9592 7.55278 13.4914 8.72822 12.6422 9.60267C11.7931 10.4771 10.6319 10.9792 9.41314 10.999C8.19423 10.9792 7.03288 10.477 6.18371 9.60232C5.33454 8.72765 4.86683 7.55196 4.88314 6.33299V6.33699Z", fill: color, stroke: color, strokeWidth: "0.5" }), /* @__PURE__ */ React.createElement("path", { d: "M20.971 15.204C20.9361 15.0935 20.8706 14.9953 20.7821 14.9206C20.6936 14.8459 20.5857 14.7978 20.471 14.782L17.754 14.4L16.54 12.021C16.4874 11.9197 16.4081 11.8348 16.3106 11.7755C16.213 11.7162 16.1011 11.6849 15.987 11.6849C15.8729 11.6849 15.761 11.7162 15.6634 11.7755C15.5659 11.8348 15.4866 11.9197 15.434 12.021L14.22 14.4L11.503 14.782C11.3883 14.7978 11.2804 14.8459 11.1919 14.9206C11.1034 14.9953 11.0379 15.0935 11.003 15.204C10.9675 15.313 10.964 15.4299 10.9929 15.5408C11.0218 15.6518 11.0819 15.7521 11.166 15.83L13.124 17.677L12.662 20.282C12.6461 20.3691 12.6497 20.4587 12.6725 20.5443C12.6953 20.6299 12.7368 20.7093 12.794 20.777C12.8859 20.8832 13.0105 20.956 13.1482 20.9839C13.2859 21.0117 13.429 20.9931 13.555 20.931L15.99 19.693L18.425 20.931C18.5508 20.9954 18.6947 21.0151 18.8332 20.987C18.9716 20.9588 19.0964 20.8844 19.187 20.776C19.2442 20.7083 19.2857 20.6289 19.3085 20.5433C19.3313 20.4577 19.3349 20.3681 19.319 20.281L18.857 17.676L20.816 15.829C20.8986 15.7503 20.957 15.6497 20.9845 15.539C21.0119 15.4283 21.0072 15.3121 20.971 15.204ZM18.316 17.195C18.2424 17.2639 18.1871 17.3501 18.1551 17.4458C18.1232 17.5415 18.1156 17.6436 18.133 17.743L18.57 20.205L16.27 19.034C16.1819 18.9903 16.0849 18.9675 15.9865 18.9675C15.8881 18.9675 15.7911 18.9903 15.703 19.034L13.403 20.205L13.84 17.742C13.8575 17.6426 13.8498 17.5405 13.8179 17.4448C13.7859 17.3491 13.7306 17.2629 13.657 17.194L11.819 15.46L14.372 15.101C14.4705 15.0874 14.5642 15.0504 14.6453 14.9929C14.7265 14.9355 14.7925 14.8594 14.838 14.771L15.99 12.512L17.143 14.771C17.1885 14.8594 17.2546 14.9355 17.3357 14.9929C17.4168 15.0504 17.5105 15.0874 17.609 15.101L20.162 15.46L18.316 17.195Z", fill: color, stroke: color, strokeWidth: "0.5" }));
 var engagementIcon_default = EngagementIcon;
 
 export {