@rufous/ui 0.1.56 → 0.1.58

package/README.md

@@ -1,7 +1,6 @@
 # @rufous/ui
 
-A modern and reusable UI component library for React.  
-Includes buttons, floating inputs, checkboxes, theme support, and icons.
+A lightweight React UI component library with theming, buttons, inputs, dialogs, progress and a rich icon set.
 
 ---
 
@@ -9,58 +8,120 @@ Includes buttons, floating inputs, checkboxes, theme support, and icons.
 
 ```bash
 npm install @rufous/ui
-```
-
-or
-
-```bash
+# or
 yarn add @rufous/ui
 ```
 
 ---
 
-## 🎯 Usage
+## 🔧 Setup
 
-Before using any components, **import the global styles**:
+Import the global styles once in your app entry (e.g. `src/main.tsx`, `pages/_app.tsx`).
 
 ```javascript
 import "@rufous/ui/style.css";
 ```
 
----
+Optional but recommended: wrap your app with the theme provider to enable theme utilities.
 
-## 🧩 Components Showcase
+```tsx
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { RufousThemeProvider } from "@rufous/ui";
+import "@rufous/ui/style.css";
 
-Below are usage examples of all the components available in the showcase.
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <RufousThemeProvider>
+    <App />
+  </RufousThemeProvider>
+);
+```
 
 ---
 
-### 🧱 Button
+## 🎨 Theming
 
-```jsx
-import React from "react";
-import { Button } from "@rufous/ui";
-import "@rufous/ui/style.css";
+`RufousThemeProvider` exposes `useRufousTheme` and `APP_THEMES`.
 
-export default function Example() {
+```tsx
+import { useRufousTheme, APP_THEMES, Button } from "@rufous/ui";
+
+export function ThemeToggle() {
+  const { previewTheme } = useRufousTheme();
   return (
-    <Button onClick={() => alert("Rufous Button clicked!")}>Click Me</Button>
+    <div style={{ display: "flex", gap: 12 }}>
+      <Button
+        onClick={() => previewTheme(APP_THEMES.default.name.toLowerCase())}
+      >
+        Light
+      </Button>
+      <Button
+        onClick={() => previewTheme(APP_THEMES.rufous.name.toLowerCase())}
+      >
+        Dark
+      </Button>
+    </div>
   );
 }
 ```
 
 ---
 
-### ✍️ Floating Input
+## 🧩 Components
 
-```jsx
-import React, { useState } from "react";
-import { FloatingInput } from "@rufous/ui";
-import "@rufous/ui/style.css";
+Below are the primary components exported by the library with usage patterns and key props.
 
-export default function Example() {
-  const [name, setName] = useState("");
+### Buttons
 
+All buttons accept native button props via `...rest`.
+
+- **StandardButton**: Base neutral button
+- **AddButton**: Prefixed with `+`
+- **SubmitButton**: Submit/async actions with built-in loading and double-click handling
+- **CancelButton**: Secondary/cancel action
+
+```tsx
+import {
+  StandardButton,
+  AddButton,
+  SubmitButton,
+  CancelButton,
+} from "@rufous/ui";
+
+export function ButtonsDemo() {
+  return (
+    <div style={{ display: "flex", gap: 12 }}>
+      <StandardButton onClick={() => alert("Standard")}>
+        Standard
+      </StandardButton>
+      <AddButton onClick={() => alert("Added")}>Add Item</AddButton>
+      <SubmitButton
+        onClick={async () => await new Promise((r) => setTimeout(r, 800))}
+      >
+        Save
+      </SubmitButton>
+      <CancelButton onClick={() => alert("Cancelled")}>Cancel</CancelButton>
+    </div>
+  );
+}
+```
+
+- **SubmitButton props**
+  - `type`: "button" | "submit" | "reset" (auto-managed when `onClick` provided)
+  - `onClick(e)`: supports async; shows loader until resolved
+  - `onDoubleClick(e)`: optional alternate handler; debounced vs single click
+  - `isLoading`: boolean external control of loader
+  - `bgGradiant`: boolean gradient background
+
+### Text Inputs
+
+- **FloatingInput**: Floating label text input
+
+```tsx
+import { FloatingInput } from "@rufous/ui";
+
+export function NameField() {
+  const [name, setName] = React.useState("");
   return (
     <FloatingInput
       label="Your Name"
@@ -73,167 +134,167 @@ export default function Example() {
 }
 ```
 
----
+- **FloatingInput props**
+  - `label`: string (required)
+  - `name`: string (required)
+  - `id`: string (defaults to `name`)
+  - `type`: string = "text"
+  - `value`: string
+  - `onChange(e)`: (required for controlled usage)
+  - `required`: boolean = false
+  - `placeholder`: string
+  - `className`: string
+  - `...divProps` applied to the wrapper
 
-### 🎨 Theme Provider
+### Checkboxes
 
-```jsx
-import React from "react";
-import { Button, useRufousTheme, APP_THEMES } from "@rufous/ui";
-import "@rufous/ui/style.css";
+- **Checkbox**: Controlled checkbox with label
 
-export default function Example() {
-  const { previewTheme } = useRufousTheme();
+```tsx
+import { Checkbox } from "@rufous/ui";
 
+export function Terms() {
+  const [checked, setChecked] = React.useState(false);
   return (
-    <>
-      <Button
-        onClick={() => previewTheme(APP_THEMES.default.name.toLowerCase())}
-      >
-        Light
-      </Button>
-      <Button
-        onClick={() => previewTheme(APP_THEMES.rufous.name.toLowerCase())}
-      >
-        Dark
-      </Button>
-    </>
+    <Checkbox
+      id="terms"
+      label="I agree to the terms"
+      checked={checked}
+      onChange={setChecked}
+    />
   );
 }
 ```
 
----
+- **Checkbox props**
+  - `id`: string
+  - `label`: string
+  - `checked`: boolean
+  - `onChange(nextChecked: boolean)`: required
+  - `disabled`: boolean = false
+  - `className`: string
+  - `style`: React.CSSProperties
 
-### ☑️ Checkbox
+### Dialogs
 
-```jsx
-import React from "react";
-import { Checkbox } from "@rufous/ui";
-import "@rufous/ui/style.css";
+- **BaseDialog**: Unopinionated modal container with header, close button, footer actions
+
+```tsx
+import { BaseDialog, SubmitButton } from "@rufous/ui";
 
-export default function Example() {
+export function ConfirmDialog({ open, onClose, onConfirm }) {
   return (
-    <>
-      <Checkbox label="Unchecked" />
-      <Checkbox checked={true} label="Checked" />
-    </>
+    <BaseDialog
+      open={open}
+      title="Confirm delete"
+      onClose={onClose}
+      onCancel={onClose}
+      onConfirm={onConfirm}
+      buttonAlign="flex-end"
+      showCancelButton
+      fullWidth
+    >
+      <p>Are you sure you want to delete this item?</p>
+    </BaseDialog>
   );
 }
 ```
 
----
+- **BaseDialog props (key)**
+  - `open`: boolean (required to show)
+  - `title`: string
+  - `onClose()`: close handler
+  - `onCancel()`: cancel handler
+  - `onConfirm()`: sync/async confirm; built-in loading toggle
+  - `cancelText`, `confirmText`, `submitText`: strings
+  - `isLoading`, `loading`, `disableConfirmBtn`: booleans
+  - `minWidth`, `minHeight`, `fullWidth`, `fullScreen`: sizing controls
+  - `buttonAlign`: "flex-start" | "center" | "flex-end"
+  - `showCloseButton`, `showCancelButton`, `formatTitle`
+  - `className`, `dialogBodyStyle`
 
-### 🖼 Icons (Extra Example)
+### Progress
 
-```jsx
-import React from "react";
-import { CopyIcon, EditIcon } from "@rufous/ui";
-import "@rufous/ui/style.css";
+- **CircularProgress**: Stroke-based loader
 
-export default function Example() {
-  return (
-    <div style={{ display: "flex", gap: "10px" }}>
-      <CopyIcon onClick={() => alert("Copied!")} />
-      <EditIcon onClick={() => alert("Edit clicked!")} />
-    </div>
-  );
+```tsx
+import { CircularProgess } from "@rufous/ui"; // exported via SubmitButton internally as well
+
+export function LoadingExample() {
+  return <CircularProgess size={36} color="#a81c08" />;
 }
 ```
 
----
+- **CircularProgess props**
+  - `size`: number = 50
+  - `color`: string = "#a81c08"
+  - `...divProps`
 
-## 📋 Props Reference
+### Icons
 
-### **Button**
+All icons are React components that accept standard `svg`/`div`-style props depending on implementation; at minimum `className`, event handlers, and often `color` when applicable.
 
-| Prop    | Type     | Default | Description           |
-| ------- | -------- | ------- | --------------------- |
-| variant | string   | primary | Sets the button style |
-| size    | string   | medium  | Sets the button size  |
-| onClick | function | -       | Click event handler   |
+Usage pattern:
 
----
+```tsx
+import { CopyIcon, EditIcon, DownloadIcon } from "@rufous/ui";
 
-### **FloatingInput**
+export function IconRow() {
+  return (
+    <div style={{ display: "flex", gap: 10 }}>
+      <CopyIcon onClick={() => alert("Copied!")} />
+      <EditIcon />
+      <DownloadIcon />
+    </div>
+  );
+}
+```
 
-| Prop     | Type     | Default | Description            |
-| -------- | -------- | ------- | ---------------------- |
-| label    | string   | -       | Floating label text    |
-| name     | string   | -       | Input name attribute   |
-| value    | string   | -       | Input value            |
-| onChange | function | -       | Change event handler   |
-| required | boolean  | false   | Mark field as required |
+Available icons include (non-exhaustive): `ActivateUserIcon`, `ArchivedIcon`, `AssignGroupIcon`, `CloseIcon`, `CopyIcon`, `DifficultyAllIcon`, `DifficultyEasyIcon`, `DifficultyMediumIcon`, `DifficultyHardIcon`, `DollarIcon`, `DownloadIcon`, `DownloadPdfIcon`, `EditChatIcon`, `EditIcon`, `EngagementIcon`, `FunctionIcon`, `HelpOutlinedIcon`, `HierarchyIcon`, `InactiveGroupIcon`, `IndustryIcon`, `InvoiceIcon`, `LocationPinIcon`, `LogsIcon`, `MinExperienceIcon`, `NineDotMenuIcon`, `NotificationIcon`, `ProjectIcon`, `QuestionStatusAllIcon`, `QuestionStatusPrivateIcon`, `QuestionStatusPublicIcon`, `QuestionTypeAllIcon`, `QuestionTypeCodingIcon`, `QuestionTypeDescriptiveIcon`, `QuestionTypeMultipleIcon`, `QuestionTypeSingleIcon`, `RefreshIcon`, `ResendInviteIcon`, `RolesIcon`, `RufousAiIcon`, `RufousBirdIcon`, `RufousLauncherIcon`, `SidebarIcon`, `SubscribeIcon`, `SuspendUserIcon`, `TickIcon`, `TimerIcon`, `TrashIcon`, `UnArchivedIcon`, `UnsubscribeIcon`, `UploadIcon`, `UserAssignIcon`, `ViewIcon`, `WorkItemIcon`, `SoftSkillsIcon`, `TechnicalSkillsIcon`, `QualificationsIcon`.
 
 ---
 
-### **Checkbox**
+## 🧾 Exports
 
-| Prop     | Type     | Default | Description          |
-| -------- | -------- | ------- | -------------------- |
-| label    | string   | -       | Checkbox label       |
-| checked  | boolean  | false   | Checked state        |
-| onChange | function | -       | Change event handler |
+The package main re-exports everything you need from a single entry point:
 
----
-
-## 📌 Quick Start Example
+```ts
+// main entry exports
+export { APP_THEMES } from "./utils/constants";
+export * from "./icons"; // all icons
+export * from "./Buttons"; // AddButton, SubmitButton, CancelButton, StandardButton
+export * from "./Dialogs"; // BaseDialog
+export {
+  RufousThemeProvider,
+  useRufousTheme,
+} from "./Contexts/rufousThemeProvider";
+```
 
-Here’s a **full example** using multiple components:
+Import from `@rufous/ui` directly:
 
-```jsx
-import React, { useState } from "react";
+```tsx
 import {
-  Button,
-  FloatingInput,
-  Checkbox,
-  CopyIcon,
-  EditIcon,
+  SubmitButton,
+  BaseDialog,
+  RufousThemeProvider,
   useRufousTheme,
   APP_THEMES,
 } from "@rufous/ui";
-import "@rufous/ui/style.css";
+```
 
-export default function App() {
-  const [name, setName] = useState("");
-  const { previewTheme } = useRufousTheme();
+---
 
-  return (
-    <div style={{ padding: "20px" }}>
-      <h1>Rufous UI Demo</h1>
-
-      <Button onClick={() => alert("Hello!")}>Click Me</Button>
-
-      <FloatingInput
-        label="Your Name"
-        name="name"
-        value={name}
-        onChange={(e) => setName(e.target.value)}
-        required
-      />
-
-      <Checkbox label="Accept Terms" />
-
-      <div style={{ marginTop: "10px" }}>
-        <Button
-          onClick={() => previewTheme(APP_THEMES.default.name.toLowerCase())}
-        >
-          Light Theme
-        </Button>
-        <Button
-          onClick={() => previewTheme(APP_THEMES.rufous.name.toLowerCase())}
-        >
-          Dark Theme
-        </Button>
-      </div>
-
-      <div style={{ display: "flex", gap: "10px", marginTop: "10px" }}>
-        <CopyIcon onClick={() => alert("Copied!")} />
-        <EditIcon onClick={() => alert("Edit clicked!")} />
-      </div>
-    </div>
-  );
-}
-```
+## 🧠 Notes
+
+- Always import `@rufous/ui/style.css` once to get base styles.
+- `SubmitButton` manages `type` automatically when `onClick` is provided.
+- Dialog confirm button disables while running async `onConfirm` to prevent repeats.
+
+---
+
+## 🐛 Issues / Feedback
+
+Please open an issue or PR in your repository to report bugs, request components, or propose improvements.
 
 ---
 

package/dist/Dialogs/BaseDialog.js

@@ -1,20 +1,24 @@
 import {
   BaseDialog_default
 } from "../chunk-CPLUOEPG.js";
-import "../chunk-IR7ZKMED.js";
+import "../chunk-E5RTHYCU.js";
+import "../chunk-WWAHNTUH.js";
+import "../chunk-6KIFTMUN.js";
+import "../chunk-ZJAV3FEQ.js";
 import "../chunk-NMMC4ATV.js";
 import "../chunk-DXJ745NZ.js";
 import "../chunk-BH53P2UM.js";
 import "../chunk-XPRBPIS5.js";
 import "../chunk-QJPQC544.js";
+import "../chunk-DMP72IAP.js";
 import "../chunk-QZFGQ5JM.js";
 import "../chunk-CSKTBLQQ.js";
+import "../chunk-VIUTE7F5.js";
 import "../chunk-ZDVP4SUD.js";
 import "../chunk-5BB3H3YO.js";
+import "../chunk-5JWTJ5PY.js";
 import "../chunk-ITZTTNM2.js";
-import "../chunk-WWAHNTUH.js";
-import "../chunk-6KIFTMUN.js";
-import "../chunk-ZJAV3FEQ.js";
+import "../chunk-FOUXNPQA.js";
 import "../chunk-C7B23GTE.js";
 import "../chunk-XCLXQOLP.js";
 import "../chunk-ZJYLZ6I6.js";
@@ -22,15 +26,14 @@ import "../chunk-RNA4TTYR.js";
 import "../chunk-WG3Q6GZN.js";
 import "../chunk-RJ43D3XB.js";
 import "../chunk-DE73YGRW.js";
-import "../chunk-DMP72IAP.js";
 import "../chunk-GESVGIAP.js";
 import "../chunk-QIEQRNBE.js";
 import "../chunk-BYJP2WNC.js";
+import "../chunk-KNUNHFXS.js";
 import "../chunk-GYLL3HRD.js";
 import "../chunk-WZTZFC36.js";
 import "../chunk-QA2AYT4A.js";
 import "../chunk-WHGVO3HV.js";
-import "../chunk-FOUXNPQA.js";
 import "../chunk-WZAU77G7.js";
 import "../chunk-7WNPZ4B7.js";
 import "../chunk-NSW6ZGZF.js";
@@ -43,8 +46,8 @@ import "../chunk-IOEQAR2M.js";
 import "../chunk-N26C33E6.js";
 import "../chunk-QONKYAQ5.js";
 import "../chunk-H372BAXA.js";
-import "../chunk-FSRABKKC.js";
-import "../chunk-ZAYWFYP4.js";
+import "../chunk-EFIJYBYX.js";
+import "../chunk-OJV6F5JC.js";
 import "../chunk-5UEJAVFK.js";
 import "../chunk-3IBCGGN3.js";
 import "../chunk-MNPAE2ZF.js";

package/dist/Dialogs/index.js

@@ -1,20 +1,24 @@
 import {
   BaseDialog_default
 } from "../chunk-CPLUOEPG.js";
-import "../chunk-IR7ZKMED.js";
+import "../chunk-E5RTHYCU.js";
+import "../chunk-WWAHNTUH.js";
+import "../chunk-6KIFTMUN.js";
+import "../chunk-ZJAV3FEQ.js";
 import "../chunk-NMMC4ATV.js";
 import "../chunk-DXJ745NZ.js";
 import "../chunk-BH53P2UM.js";
 import "../chunk-XPRBPIS5.js";
 import "../chunk-QJPQC544.js";
+import "../chunk-DMP72IAP.js";
 import "../chunk-QZFGQ5JM.js";
 import "../chunk-CSKTBLQQ.js";
+import "../chunk-VIUTE7F5.js";
 import "../chunk-ZDVP4SUD.js";
 import "../chunk-5BB3H3YO.js";
+import "../chunk-5JWTJ5PY.js";
 import "../chunk-ITZTTNM2.js";
-import "../chunk-WWAHNTUH.js";
-import "../chunk-6KIFTMUN.js";
-import "../chunk-ZJAV3FEQ.js";
+import "../chunk-FOUXNPQA.js";
 import "../chunk-C7B23GTE.js";
 import "../chunk-XCLXQOLP.js";
 import "../chunk-ZJYLZ6I6.js";
@@ -22,15 +26,14 @@ import "../chunk-RNA4TTYR.js";
 import "../chunk-WG3Q6GZN.js";
 import "../chunk-RJ43D3XB.js";
 import "../chunk-DE73YGRW.js";
-import "../chunk-DMP72IAP.js";
 import "../chunk-GESVGIAP.js";
 import "../chunk-QIEQRNBE.js";
 import "../chunk-BYJP2WNC.js";
+import "../chunk-KNUNHFXS.js";
 import "../chunk-GYLL3HRD.js";
 import "../chunk-WZTZFC36.js";
 import "../chunk-QA2AYT4A.js";
 import "../chunk-WHGVO3HV.js";
-import "../chunk-FOUXNPQA.js";
 import "../chunk-WZAU77G7.js";
 import "../chunk-7WNPZ4B7.js";
 import "../chunk-NSW6ZGZF.js";
@@ -43,8 +46,8 @@ import "../chunk-IOEQAR2M.js";
 import "../chunk-N26C33E6.js";
 import "../chunk-QONKYAQ5.js";
 import "../chunk-H372BAXA.js";
-import "../chunk-FSRABKKC.js";
-import "../chunk-ZAYWFYP4.js";
+import "../chunk-EFIJYBYX.js";
+import "../chunk-OJV6F5JC.js";
 import "../chunk-5UEJAVFK.js";
 import "../chunk-3IBCGGN3.js";
 import "../chunk-MNPAE2ZF.js";

package/dist/chunk-5JWTJ5PY.js

@@ -0,0 +1,8 @@
+// lib/icons/technicalSkillsIcon.tsx
+import * as React from "react";
+var TechnicalSkillsIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { width: "22", height: "20", viewBox: "0 0 22 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.369 1.36303C14.3953 1.27767 14.4045 1.18797 14.3961 1.09906C14.3877 1.01015 14.3618 0.923761 14.32 0.844831C14.2783 0.765901 14.2213 0.695975 14.1525 0.639044C14.0837 0.582114 14.0044 0.539294 13.919 0.51303C13.8336 0.486765 13.7439 0.477571 13.655 0.485971C13.5661 0.494372 13.4797 0.520202 13.4008 0.561988C13.3219 0.603775 13.2519 0.660698 13.195 0.729509C13.1381 0.79832 13.0953 0.87767 13.069 0.96303L7.631 18.638C7.60474 18.7234 7.59554 18.8131 7.60394 18.902C7.61234 18.9909 7.63817 19.0773 7.67996 19.1562C7.72175 19.2352 7.77867 19.3051 7.84748 19.362C7.91629 19.4189 7.99564 19.4618 8.081 19.488C8.16636 19.5143 8.25606 19.5235 8.34497 19.5151C8.43388 19.5067 8.52027 19.4809 8.5992 19.4391C8.67813 19.3973 8.74806 19.3404 8.80499 19.2715C8.86192 19.2027 8.90474 19.1234 8.931 19.038L14.369 1.36403V1.36303ZM6.723 4.76303C6.78635 4.8262 6.8366 4.90124 6.87089 4.98387C6.90519 5.06649 6.92284 5.15507 6.92284 5.24453C6.92284 5.33399 6.90519 5.42257 6.87089 5.50519C6.8366 5.58781 6.78635 5.66286 6.723 5.72603L2.444 10L6.722 14.277C6.84701 14.4053 6.91645 14.5776 6.9153 14.7567C6.91415 14.9358 6.8425 15.1072 6.71586 15.2339C6.58922 15.3605 6.41778 15.4322 6.23869 15.4333C6.0596 15.4345 5.88726 15.365 5.759 15.24L1.002 10.486C0.938658 10.4229 0.8884 10.3478 0.854109 10.2652C0.819817 10.1826 0.802166 10.094 0.802166 10.0045C0.802166 9.91507 0.819817 9.82649 0.854109 9.74387C0.8884 9.66124 0.938658 9.5862 1.002 9.52303L5.76 4.76503C5.82317 4.70168 5.89822 4.65143 5.98084 4.61714C6.06347 4.58285 6.15204 4.56519 6.2415 4.56519C6.33096 4.56519 6.41954 4.58285 6.50216 4.61714C6.58479 4.65143 6.65983 4.70168 6.723 4.76503V4.76303ZM15.277 4.76303C15.2137 4.8262 15.1634 4.90124 15.1291 4.98387C15.0948 5.06649 15.0772 5.15507 15.0772 5.24453C15.0772 5.33399 15.0948 5.42257 15.1291 5.50519C15.1634 5.58781 15.2137 5.66286 15.277 5.72603L19.555 10.003L15.277 14.28C15.152 14.4083 15.0826 14.5806 15.0837 14.7597C15.0849 14.9388 15.1565 15.1102 15.2831 15.2369C15.4098 15.3635 15.5812 15.4352 15.7603 15.4363C15.9394 15.4375 16.1117 15.368 16.24 15.243L20.998 10.486C21.0613 10.4229 21.1116 10.3478 21.1459 10.2652C21.1802 10.1826 21.1978 10.094 21.1978 10.0045C21.1978 9.91507 21.1802 9.82649 21.1459 9.74387C21.1116 9.66124 21.0613 9.5862 20.998 9.52303L16.24 4.76503C16.1768 4.70168 16.1018 4.65143 16.0192 4.61714C15.9365 4.58285 15.848 4.56519 15.7585 4.56519C15.669 4.56519 15.5805 4.58285 15.4978 4.61714C15.4152 4.65143 15.3402 4.70168 15.277 4.76503V4.76303Z", fill: color }));
+var technicalSkillsIcon_default = TechnicalSkillsIcon;
+
+export {
+  technicalSkillsIcon_default
+};

package/dist/chunk-EFIJYBYX.js

@@ -0,0 +1,8 @@
+// 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_default = EngagementIcon;
+
+export {
+  engagementIcon_default
+};

package/dist/chunk-KNUNHFXS.js

@@ -0,0 +1,8 @@
+// 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", { "fill-rule": "evenodd", "clip-rule": "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_default = QualificationsIcon;
+
+export {
+  qualificationsIcon_default
+};

package/dist/chunk-OJV6F5JC.js

@@ -0,0 +1,8 @@
+// lib/icons/functionIcon.tsx
+import * as React from "react";
+var FunctionIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18.367", height: "18.367", viewBox: "0 0 18.367 18.367", ...props }, /* @__PURE__ */ React.createElement("g", { id: "settings-line", transform: "translate(-10.66 -10.66)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_60913", "data-name": "Path 60913", d: "M63.181,58.63A4.018,4.018,0,1,0,67.2,62.648,3.993,3.993,0,0,0,63.181,58.63Zm0,6.888a2.87,2.87,0,1,1,2.87-2.87A2.842,2.842,0,0,1,63.181,65.518Z", transform: "translate(-43.28 -42.804)", fill: color }), /* @__PURE__ */ React.createElement("path", { id: "Path_60914", "data-name": "Path 60914", d: "M28.338,17.949l-1.607-.517-.344-.861.8-1.492a.965.965,0,0,0-.172-1.091L25.64,12.611a.965.965,0,0,0-1.091-.172l-1.492.8L22.2,12.9l-.517-1.607a.933.933,0,0,0-.861-.631H18.868a.8.8,0,0,0-.8.689l-.517,1.607a2.536,2.536,0,0,0-.918.344l-1.492-.8a.965.965,0,0,0-1.091.172l-1.378,1.378a.965.965,0,0,0-.172,1.091l.746,1.435c-.115.287-.23.631-.344.918l-1.607.517a.933.933,0,0,0-.631.861v1.951a.914.914,0,0,0,.689.861l1.607.517.344.861-.8,1.492a.965.965,0,0,0,.172,1.091l1.378,1.378a.965.965,0,0,0,1.091.172l1.492-.8.861.344.517,1.664a.933.933,0,0,0,.861.631h1.951a.933.933,0,0,0,.861-.631l.517-1.664.861-.344,1.492.8a.965.965,0,0,0,1.091-.172l1.378-1.378a.965.965,0,0,0,.172-1.091l-.8-1.492.344-.861L28.4,21.68a.933.933,0,0,0,.631-.861V18.868A.982.982,0,0,0,28.338,17.949Zm-.459,2.7-2.066.631-.057.287-.517,1.205-.172.287L26.1,24.952,24.952,26.1l-1.894-1.033-.287.172a5.449,5.449,0,0,1-1.205.517l-.287.057-.631,2.066H19.04l-.631-2.066-.287-.057-1.205-.517-.287-.172L14.735,26.1l-1.148-1.148,1.033-1.894-.172-.287a5.449,5.449,0,0,1-.517-1.205l-.057-.287-2.066-.631V19.04l1.951-.574.115-.287a4.872,4.872,0,0,1,.517-1.263l.172-.287-.976-1.894,1.148-1.148,1.837,1.033.287-.172a4.872,4.872,0,0,1,1.263-.517l.287-.115.631-2.009h1.607l.631,2.009.287.115a5.449,5.449,0,0,1,1.205.517l.287.172,1.894-1.033L26.1,14.735l-1.033,1.894.172.287a5.449,5.449,0,0,1,.517,1.205l.057.287,2.066.631Z", fill: color })));
+var functionIcon_default = FunctionIcon;
+
+export {
+  functionIcon_default
+};

package/dist/chunk-VIUTE7F5.js

@@ -0,0 +1,8 @@
+// lib/icons/softSkillsIcon.tsx
+import * as React from "react";
+var SoftSkillsIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { width: "20", height: "22", viewBox: "0 0 20 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10.345 3.075C10.4367 3.07474 10.5245 3.0382 10.5893 2.97337C10.6542 2.90854 10.6907 2.82068 10.691 2.729V1.346C10.691 1.25424 10.6545 1.16623 10.5896 1.10134C10.5247 1.03645 10.4367 1 10.345 1C10.2532 1 10.1652 1.03645 10.1003 1.10134C10.0354 1.16623 9.99898 1.25424 9.99898 1.346V2.73C9.9995 2.82151 10.0362 2.90911 10.101 2.97372C10.1658 3.03834 10.2535 3.07474 10.345 3.075Z", fill: color, stroke: color, "stroke-width": "0.3" }), /* @__PURE__ */ React.createElement("path", { d: "M14.73 5.44299C14.0619 4.84013 13.2771 4.38088 12.4242 4.0937C11.5713 3.80651 10.6686 3.69752 9.77191 3.77346C8.87521 3.84941 8.00366 4.10867 7.21125 4.53519C6.41884 4.96172 5.72245 5.54641 5.16523 6.25305C4.60802 6.95969 4.20184 7.77323 3.97186 8.64325C3.74188 9.51328 3.69301 10.4213 3.82827 11.3109C3.96353 12.2006 4.28003 13.0531 4.75818 13.8154C5.23633 14.5778 5.86593 15.2339 6.60798 15.743C6.79896 15.8735 6.95541 16.0485 7.06392 16.2528C7.17243 16.4571 7.22976 16.6847 7.23098 16.916V17.992C7.23187 18.2981 7.33424 18.5953 7.52207 18.8371C7.70989 19.0788 7.97256 19.2515 8.26898 19.328V19.376C8.26898 20.141 8.88798 21.76 9.65298 21.76H11.037C11.802 21.76 12.421 20.141 12.421 19.376V19.328C12.7162 19.2511 12.9777 19.0788 13.1649 18.8379C13.352 18.597 13.4544 18.301 13.456 17.996V16.92C13.4572 16.6887 13.5145 16.4611 13.623 16.2568C13.7315 16.0525 13.888 15.8775 14.079 15.747C14.8965 15.1825 15.5754 14.4398 16.0644 13.575C16.5534 12.7101 16.8398 11.7456 16.9021 10.754C16.9644 9.76243 16.8009 8.76965 16.424 7.8504C16.047 6.93115 15.4665 6.10939 14.726 5.44699L14.73 5.44299ZM11.037 21.072H9.65598C9.27498 21.072 8.96398 19.761 8.96398 19.38H11.733C11.729 19.761 11.418 21.072 11.037 21.072ZM12.767 17.996C12.7664 18.1794 12.6934 18.3551 12.5637 18.4847C12.434 18.6144 12.2583 18.6875 12.075 18.688H8.61398C8.43061 18.6875 8.2549 18.6144 8.12524 18.4847C7.99558 18.3551 7.9225 18.1794 7.92198 17.996V17.266H12.767V17.996ZM13.688 15.179C13.4533 15.3399 13.2534 15.5463 13.1 15.7859C12.9466 16.0255 12.8429 16.2935 12.795 16.574H7.89498C7.84729 16.2928 7.74369 16.024 7.59031 15.7835C7.43692 15.5431 7.23687 15.3358 7.00198 15.174C5.96978 14.4612 5.19245 13.4371 4.78346 12.2512C4.37447 11.0654 4.35523 9.77985 4.72855 8.58229C5.10187 7.38472 5.84821 6.33784 6.85861 5.59446C7.86901 4.85108 9.09057 4.45012 10.345 4.45012C11.5994 4.45012 12.8209 4.85108 13.8313 5.59446C14.8417 6.33784 15.5881 7.38472 15.9614 8.58229C16.3347 9.77985 16.3155 11.0654 15.9065 12.2512C15.4975 13.4371 14.7202 14.4612 13.688 15.174V15.179Z", fill: color, stroke: color, "stroke-width": "0.3" }), /* @__PURE__ */ React.createElement("path", { d: "M19.342 9.998H17.958C17.8662 9.998 17.7782 10.0345 17.7133 10.0993C17.6484 10.1642 17.612 10.2522 17.612 10.344C17.612 10.4358 17.6484 10.5238 17.7133 10.5887C17.7782 10.6535 17.8662 10.69 17.958 10.69H19.342C19.4337 10.69 19.5217 10.6535 19.5866 10.5887C19.6515 10.5238 19.688 10.4358 19.688 10.344C19.688 10.2522 19.6515 10.1642 19.5866 10.0993C19.5217 10.0345 19.4337 9.998 19.342 9.998Z", fill: color, stroke: color, "stroke-width": "0.3" }), /* @__PURE__ */ React.createElement("path", { d: "M2.73098 9.998H1.34698C1.25521 9.998 1.1672 10.0345 1.10232 10.0993C1.03743 10.1642 1.00098 10.2522 1.00098 10.344C1.00098 10.4358 1.03743 10.5238 1.10232 10.5887C1.1672 10.6535 1.25521 10.69 1.34698 10.69H2.73098C2.82274 10.69 2.91075 10.6535 2.97564 10.5887C3.04052 10.5238 3.07698 10.4358 3.07698 10.344C3.07698 10.2522 3.04052 10.1642 2.97564 10.0993C2.91075 10.0345 2.82274 9.998 2.73098 9.998Z", fill: color, stroke: color, "stroke-width": "0.3" }), /* @__PURE__ */ React.createElement("path", { d: "M16.463 3.73699L15.484 4.71599C15.4519 4.74803 15.4265 4.78607 15.4092 4.82794C15.3918 4.8698 15.3829 4.91468 15.3829 4.95999C15.3829 5.00531 15.3918 5.05018 15.4092 5.09205C15.4265 5.13392 15.4519 5.17195 15.484 5.20399C15.5162 5.23631 15.5545 5.26182 15.5968 5.279C15.6391 5.29618 15.6844 5.30468 15.73 5.30399C15.8218 5.30384 15.9101 5.26798 15.976 5.20399L16.955 4.22499C17.0197 4.16028 17.056 4.07251 17.056 3.98099C17.056 3.88948 17.0197 3.80171 16.955 3.73699C16.8903 3.67228 16.8025 3.63593 16.711 3.63593C16.6195 3.63593 16.5317 3.67228 16.467 3.73699H16.463Z", fill: color, stroke: color, "stroke-width": "0.3" }), /* @__PURE__ */ React.createElement("path", { d: "M4.72198 15.483L3.74298 16.462C3.71092 16.494 3.6855 16.5321 3.66815 16.5739C3.65081 16.6158 3.64188 16.6607 3.64188 16.706C3.64188 16.7513 3.65081 16.7962 3.66815 16.8381C3.6855 16.8799 3.71092 16.918 3.74298 16.95C3.77517 16.9823 3.81355 17.0078 3.85581 17.025C3.89807 17.0422 3.94336 17.0507 3.98898 17.05C4.08082 17.0497 4.169 17.0139 4.23498 16.95L5.21398 15.971C5.24602 15.939 5.27144 15.9009 5.28878 15.859C5.30612 15.8172 5.31504 15.7723 5.31504 15.727C5.31504 15.6817 5.30612 15.6368 5.28878 15.5949C5.27144 15.5531 5.24602 15.515 5.21398 15.483C5.18193 15.451 5.14389 15.4255 5.10203 15.4082C5.06016 15.3909 5.01529 15.3819 4.96998 15.3819C4.92466 15.3819 4.87979 15.3909 4.83792 15.4082C4.79606 15.4255 4.75802 15.451 4.72598 15.483H4.72198Z", fill: color, stroke: color, "stroke-width": "0.3" }), /* @__PURE__ */ React.createElement("path", { d: "M15.971 15.483C15.9389 15.451 15.9009 15.4255 15.859 15.4082C15.8172 15.3909 15.7723 15.3819 15.727 15.3819C15.6817 15.3819 15.6368 15.3909 15.5949 15.4082C15.5531 15.4255 15.515 15.451 15.483 15.483C15.4509 15.515 15.4255 15.5531 15.4082 15.5949C15.3908 15.6368 15.3819 15.6817 15.3819 15.727C15.3819 15.7723 15.3908 15.8172 15.4082 15.859C15.4255 15.9009 15.4509 15.939 15.483 15.971L16.462 16.95C16.4942 16.9823 16.5325 17.0078 16.5748 17.025C16.6171 17.0422 16.6624 17.0507 16.708 17.05C16.7998 17.0497 16.888 17.0139 16.954 16.95C16.986 16.918 17.0115 16.8799 17.0288 16.8381C17.0461 16.7962 17.0551 16.7513 17.0551 16.706C17.0551 16.6607 17.0461 16.6158 17.0288 16.5739C17.0115 16.5321 16.986 16.494 16.954 16.462L15.975 15.483H15.971Z", fill: color, stroke: color, "stroke-width": "0.3" }), /* @__PURE__ */ React.createElement("path", { d: "M4.71698 5.209C4.74917 5.24132 4.78755 5.26683 4.82981 5.28401C4.87207 5.30119 4.91736 5.30969 4.96298 5.309C5.05483 5.30874 5.143 5.2729 5.20897 5.209C5.24103 5.17696 5.26645 5.13892 5.2838 5.09706C5.30114 5.05519 5.31007 5.01032 5.31007 4.965C5.31007 4.91968 5.30114 4.87481 5.2838 4.83294C5.26645 4.79107 5.24103 4.75304 5.20897 4.721L4.22997 3.742C4.19793 3.70996 4.15989 3.68454 4.11803 3.6672C4.07616 3.64986 4.03129 3.64093 3.98598 3.64093C3.94066 3.64093 3.89579 3.64986 3.85392 3.6672C3.81206 3.68454 3.77402 3.70996 3.74198 3.742C3.70993 3.77404 3.68451 3.81208 3.66717 3.85395C3.64983 3.89581 3.64091 3.94068 3.64091 3.986C3.64091 4.03131 3.64983 4.07618 3.66717 4.11805C3.68451 4.15992 3.70993 4.19796 3.74198 4.23L4.72098 5.209H4.71698Z", fill: color, stroke: color, "stroke-width": "0.3" }));
+var softSkillsIcon_default = SoftSkillsIcon;
+
+export {
+  softSkillsIcon_default
+};

package/dist/icons/engagementIcon.cjs

@@ -33,15 +33,5 @@ __export(engagementIcon_exports, {
 });
 module.exports = __toCommonJS(engagementIcon_exports);
 var React = __toESM(require("react"), 1);
-var EngagementIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "11.519",
-    height: "14.886",
-    viewBox: "0 0 11.519 14.886",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("path", { id: "Path_60771", "data-name": "Path 60771", d: "M15161.869-432l-9.47,6.608,9.47,6.47", transform: "translate(-15151.256 432.905)", fill: "none", stroke: color, "stroke-linecap": "round", "stroke-width": "1.3" })
-);
+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_default = EngagementIcon;