@rufous/ui 0.1.62 → 0.1.64

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-CSQGNUVU.js

@@ -0,0 +1,62 @@
+import {
+  APP_THEMES
+} from "./chunk-S7BNFVQO.js";
+
+// lib/Contexts/rufousThemeProvider.tsx
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  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 toggleMode = () => {
+    const newMode = mode === "light" ? "dark" : "light";
+    setMode(newMode);
+    localStorage.setItem("themeMode", newMode);
+  };
+  const changeScheme = (scheme) => {
+    setColorScheme(scheme);
+    localStorage.setItem("colorScheme", scheme);
+  };
+  const saveTheme = () => {
+    localStorage.setItem("themeMode", mode);
+    localStorage.setItem("colorScheme", colorScheme);
+  };
+  const updateSettings = (settings) => {
+    if (settings.theme) setColorScheme(settings.theme);
+    if (settings.mode) setMode(settings.mode);
+  };
+  return /* @__PURE__ */ React.createElement(
+    RufousThemeContext.Provider,
+    {
+      value: {
+        colorScheme,
+        mode,
+        toggleMode,
+        changeScheme,
+        previewTheme: changeScheme,
+        saveTheme,
+        updateSettings,
+        theme: APP_THEMES[colorScheme][mode],
+        themeConfig: APP_THEMES[colorScheme][mode]
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: `rufous-theme-root scheme-${colorScheme} mode-${mode}` }, children)
+  );
+};
+var useRufousTheme = () => useContext(RufousThemeContext);
+
+export {
+  RufousThemeProvider,
+  useRufousTheme
+};

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(

package/dist/chunk-J6E3UO2W.js

@@ -0,0 +1,402 @@
+// lib/DataGrid/DataGrid.tsx
+import React, { useState, useMemo, useRef, useEffect } from "react";
+import {
+  ChevronUp,
+  ChevronDown,
+  Search,
+  Download,
+  MoreVertical,
+  ChevronLeft,
+  ChevronRight,
+  Filter,
+  X,
+  Pin,
+  EyeOff,
+  Columns,
+  ArrowUp,
+  ArrowDown,
+  Trash2,
+  Plus
+} from "lucide-react";
+function DataGrid({
+  columns: initialColumns,
+  data,
+  actions,
+  pageSize: initialPageSize = 10,
+  pageSizeOptions = [5, 10, 25, 50],
+  title
+}) {
+  const [columns, setColumns] = useState(initialColumns);
+  const [columnWidths, setColumnWidths] = useState(() => {
+    const widths = {};
+    initialColumns.forEach((col) => {
+      widths[String(col.key)] = parseInt(col.width || "200");
+    });
+    return widths;
+  });
+  const [pageSize, setPageSize] = useState(initialPageSize);
+  const [sortKey, setSortKey] = useState(null);
+  const [sortDirection, setSortDirection] = useState(null);
+  const [filterText, setFilterText] = useState("");
+  const [currentPage, setCurrentPage] = useState(1);
+  const [columnFilters, setColumnFilters] = useState({});
+  const [resizingColumn, setResizingColumn] = useState(null);
+  const [startX, setStartX] = useState(0);
+  const [startWidth, setStartWidth] = useState(0);
+  const [activeMenu, setActiveMenu] = useState(null);
+  const [menuPosition, setMenuPosition] = useState({ top: 0, left: 0 });
+  const menuRef = useRef(null);
+  const [showManageColumns, setShowManageColumns] = useState(false);
+  const [showAdvancedFilter, setShowAdvancedFilter] = useState(false);
+  const [advancedFilters, setAdvancedFilters] = useState([
+    { column: String(initialColumns[0].key), operator: "contains", value: "", logic: "AND" }
+  ]);
+  const [colSearch, setColSearch] = useState("");
+  useEffect(() => {
+    const handleMouseMove = (e) => {
+      if (!resizingColumn) return;
+      const col = columns.find((c) => String(c.key) === resizingColumn);
+      const diff = e.clientX - startX;
+      const minW = col?.minWidth ? parseInt(col.minWidth) : 80;
+      const maxW = col?.maxWidth ? parseInt(col.maxWidth) : Infinity;
+      const newWidth = Math.min(maxW, Math.max(minW, startWidth + diff));
+      setColumnWidths((prev) => ({ ...prev, [resizingColumn]: newWidth }));
+    };
+    const handleMouseUp = () => setResizingColumn(null);
+    if (resizingColumn) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+    }
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [resizingColumn, startX, startWidth, columns]);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        setActiveMenu(null);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const handleSort = (key, dir) => {
+    if (dir !== void 0) {
+      setSortKey(key);
+      setSortDirection(dir);
+    } else if (sortKey === key) {
+      if (sortDirection === "asc") setSortDirection("desc");
+      else {
+        setSortKey(null);
+        setSortDirection(null);
+      }
+    } else {
+      setSortKey(key);
+      setSortDirection("asc");
+    }
+    setActiveMenu(null);
+  };
+  const togglePin = (key, side) => {
+    setColumns((prev) => prev.map(
+      (col) => String(col.key) === key ? { ...col, pinned: col.pinned === side ? void 0 : side } : col
+    ));
+    setActiveMenu(null);
+  };
+  const toggleHide = (key) => {
+    setColumns((prev) => prev.map(
+      (col) => String(col.key) === key ? { ...col, hidden: !col.hidden } : col
+    ));
+    setActiveMenu(null);
+  };
+  const filteredData = useMemo(() => {
+    return data.filter((item) => {
+      const matchesGlobal = !filterText || Object.values(item).some(
+        (val) => String(val).toLowerCase().includes(filterText.toLowerCase())
+      );
+      const evalFilter = (f) => {
+        if (!f.value && f.operator !== "is empty" && f.operator !== "is not empty") return true;
+        const itemVal = String(item[f.column]).toLowerCase();
+        const val = f.value.toLowerCase();
+        switch (f.operator) {
+          case "contains":
+            return itemVal.includes(val);
+          case "equals":
+            return itemVal === val;
+          case "starts with":
+            return itemVal.startsWith(val);
+          case "ends with":
+            return itemVal.endsWith(val);
+          case "is empty":
+            return !itemVal;
+          case "is not empty":
+            return !!itemVal;
+          default:
+            return true;
+        }
+      };
+      let matchesAdvanced = evalFilter(advancedFilters[0]);
+      for (let i = 1; i < advancedFilters.length; i++) {
+        const result = evalFilter(advancedFilters[i]);
+        if (advancedFilters[i].logic === "OR") {
+          matchesAdvanced = matchesAdvanced || result;
+        } else {
+          matchesAdvanced = matchesAdvanced && result;
+        }
+      }
+      return matchesGlobal && matchesAdvanced;
+    });
+  }, [data, filterText, advancedFilters]);
+  const sortedData = useMemo(() => {
+    if (!sortKey || !sortDirection) return filteredData;
+    return [...filteredData].sort((a, b) => {
+      const aVal = a[sortKey];
+      const bVal = b[sortKey];
+      if (aVal < bVal) return sortDirection === "asc" ? -1 : 1;
+      if (aVal > bVal) return sortDirection === "asc" ? 1 : -1;
+      return 0;
+    });
+  }, [filteredData, sortKey, sortDirection]);
+  const totalPages = Math.max(1, Math.ceil(sortedData.length / pageSize));
+  const paginatedData = useMemo(() => {
+    const start = (currentPage - 1) * pageSize;
+    return sortedData.slice(start, start + pageSize);
+  }, [sortedData, currentPage, pageSize]);
+  const handleExport = () => {
+    const visibleCols = columns.filter((c) => !c.hidden);
+    const headers = visibleCols.map((c) => c.header).join(",");
+    const rows = sortedData.map(
+      (item) => visibleCols.map((c) => `"${String(item[c.key]).replace(/"/g, '""')}"`).join(",")
+    );
+    const csv = [headers, ...rows].join("\n");
+    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+    const link = document.createElement("a");
+    link.href = URL.createObjectURL(blob);
+    link.download = `${title || "data"}.csv`;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  };
+  const handleMenuOpen = (e, key) => {
+    e.stopPropagation();
+    const rect = e.currentTarget.getBoundingClientRect();
+    setMenuPosition({ top: rect.bottom + 4, left: rect.left });
+    setActiveMenu(key);
+  };
+  const visibleColumns = useMemo(() => {
+    const left = columns.filter((c) => !c.hidden && c.pinned === "left");
+    const mid = columns.filter((c) => !c.hidden && !c.pinned);
+    const right = columns.filter((c) => !c.hidden && c.pinned === "right");
+    return [...left, ...mid, ...right];
+  }, [columns]);
+  const getLeftOffset = (col, idx) => {
+    if (col.pinned !== "left") return void 0;
+    let offset = 0;
+    for (let i = 0; i < idx; i++) {
+      if (visibleColumns[i].pinned === "left") {
+        offset += columnWidths[String(visibleColumns[i].key)] || 200;
+      }
+    }
+    return offset;
+  };
+  const hasActiveFilters = advancedFilters.some((f) => f.value);
+  return /* @__PURE__ */ React.createElement("div", { className: "dg-root" }, /* @__PURE__ */ React.createElement("div", { className: "dg-header" }, /* @__PURE__ */ React.createElement("div", { className: "dg-header-info" }, /* @__PURE__ */ React.createElement("h2", null, title), /* @__PURE__ */ React.createElement("p", null, filteredData.length, " total records")), /* @__PURE__ */ React.createElement("div", { className: "dg-header-actions" }, /* @__PURE__ */ React.createElement("div", { className: "dg-search-wrap" }, /* @__PURE__ */ React.createElement(Search, { size: 15 }), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      className: "dg-search",
+      placeholder: "Search\u2026",
+      value: filterText,
+      onChange: (e) => {
+        setFilterText(e.target.value);
+        setCurrentPage(1);
+      }
+    }
+  )), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: `dg-icon-btn ${hasActiveFilters ? "active" : ""}`,
+      onClick: () => setShowAdvancedFilter(true),
+      title: "Filters"
+    },
+    /* @__PURE__ */ React.createElement(Filter, { size: 16 })
+  ), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: "dg-icon-btn",
+      onClick: () => setShowManageColumns(true),
+      title: "Manage Columns"
+    },
+    /* @__PURE__ */ React.createElement(Columns, { size: 16 })
+  ), /* @__PURE__ */ React.createElement("button", { className: "dg-action-btn", onClick: handleExport }, /* @__PURE__ */ React.createElement(Download, { size: 14 }), " Export CSV"))), /* @__PURE__ */ React.createElement("div", { className: "dg-table-wrap" }, /* @__PURE__ */ React.createElement("table", { className: "dg-table" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, visibleColumns.map((col, idx) => {
+    const colKey = String(col.key);
+    const width = columnWidths[colKey] || 200;
+    const leftOffset = getLeftOffset(col, idx);
+    const isSorted = sortKey === col.key;
+    return /* @__PURE__ */ React.createElement(
+      "th",
+      {
+        key: colKey,
+        className: `dg-thead-cell${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""}`,
+        style: { width, minWidth: width, left: leftOffset }
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "dg-th-inner" }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `dg-th-label${col.sortable === false ? " no-sort" : ""}`,
+          onClick: () => col.sortable !== false && handleSort(col.key)
+        },
+        col.header,
+        isSorted && sortDirection === "asc" && /* @__PURE__ */ React.createElement(ChevronUp, { size: 12 }),
+        isSorted && sortDirection === "desc" && /* @__PURE__ */ React.createElement(ChevronDown, { size: 12 })
+      ), /* @__PURE__ */ React.createElement("div", { className: "dg-th-actions" }, /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          className: "dg-th-menu-btn",
+          onClick: (e) => handleMenuOpen(e, colKey)
+        },
+        /* @__PURE__ */ React.createElement(MoreVertical, { size: 13 })
+      ), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `dg-resizer${resizingColumn === colKey ? " resizing" : ""}`,
+          onMouseDown: (e) => {
+            e.preventDefault();
+            setResizingColumn(colKey);
+            setStartX(e.clientX);
+            setStartWidth(width);
+          }
+        }
+      )))
+    );
+  }), actions && /* @__PURE__ */ React.createElement("th", { style: { width: 0, padding: 0 } }))), /* @__PURE__ */ React.createElement("tbody", null, paginatedData.length === 0 ? /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: visibleColumns.length + (actions ? 1 : 0), className: "dg-empty" }, "No records found")) : paginatedData.map((item) => /* @__PURE__ */ React.createElement("tr", { key: item.id, className: "dg-tbody-row" }, visibleColumns.map((col, idx) => {
+    const colKey = String(col.key);
+    const width = columnWidths[colKey] || 200;
+    const leftOffset = getLeftOffset(col, idx);
+    return /* @__PURE__ */ React.createElement(
+      "td",
+      {
+        key: `${item.id}-${colKey}`,
+        className: `dg-td${col.pinned === "left" ? " pinned-left" : ""}`,
+        style: { width, minWidth: width, maxWidth: width, left: leftOffset }
+      },
+      col.render ? col.render(item[col.key], item) : String(item[col.key] ?? "")
+    );
+  }), actions && /* @__PURE__ */ React.createElement("td", { className: "dg-row-actions-cell" }, /* @__PURE__ */ React.createElement("div", { className: "dg-row-actions" }, /* @__PURE__ */ React.createElement("div", { className: "dg-action-group" }, actions.map((action, i) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      key: i,
+      className: "dg-row-action-btn",
+      style: { color: action.color || "var(--text-secondary)" },
+      onClick: () => action.onClick(item),
+      title: action.label
+    },
+    action.icon
+  )))))))))), /* @__PURE__ */ React.createElement("div", { className: "dg-pagination" }, /* @__PURE__ */ React.createElement("div", { className: "dg-page-info" }, /* @__PURE__ */ React.createElement("div", { className: "dg-per-page" }, /* @__PURE__ */ React.createElement("span", null, "Rows per page:"), /* @__PURE__ */ React.createElement(
+    "select",
+    {
+      value: pageSize,
+      onChange: (e) => {
+        setPageSize(Number(e.target.value));
+        setCurrentPage(1);
+      }
+    },
+    pageSizeOptions.map((o) => /* @__PURE__ */ React.createElement("option", { key: o, value: o }, o))
+  )), /* @__PURE__ */ React.createElement("span", null, (currentPage - 1) * pageSize + 1, "\u2013", Math.min(currentPage * pageSize, filteredData.length), " of ", filteredData.length)), /* @__PURE__ */ React.createElement("div", { className: "dg-page-nav" }, /* @__PURE__ */ React.createElement("button", { className: "dg-page-btn", disabled: currentPage === 1, onClick: () => setCurrentPage((p) => p - 1) }, /* @__PURE__ */ React.createElement(ChevronLeft, { size: 15 })), /* @__PURE__ */ React.createElement("span", { className: "dg-page-fraction" }, currentPage, " / ", totalPages), /* @__PURE__ */ React.createElement("button", { className: "dg-page-btn", disabled: currentPage === totalPages, onClick: () => setCurrentPage((p) => p + 1) }, /* @__PURE__ */ React.createElement(ChevronRight, { size: 15 })))), activeMenu && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: menuRef,
+      className: "dg-menu",
+      style: { top: menuPosition.top, left: menuPosition.left }
+    },
+    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "asc") }, /* @__PURE__ */ React.createElement(ArrowUp, { size: 14 }), " Sort ascending"),
+    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "desc") }, /* @__PURE__ */ React.createElement(ArrowDown, { size: 14 }), " Sort descending"),
+    /* @__PURE__ */ React.createElement("div", { className: "dg-menu-divider" }),
+    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "left") }, /* @__PURE__ */ React.createElement(Pin, { size: 14, style: { transform: "rotate(45deg)" } }), " Pin left"),
+    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "right") }, /* @__PURE__ */ React.createElement(Pin, { size: 14, style: { transform: "rotate(-45deg)" } }), " Pin right"),
+    /* @__PURE__ */ React.createElement("div", { className: "dg-menu-divider" }),
+    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => {
+      setShowAdvancedFilter(true);
+      setActiveMenu(null);
+    } }, /* @__PURE__ */ React.createElement(Filter, { size: 14 }), " Filter\u2026"),
+    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => toggleHide(activeMenu) }, /* @__PURE__ */ React.createElement(EyeOff, { size: 14 }), " Hide column"),
+    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => {
+      setShowManageColumns(true);
+      setActiveMenu(null);
+    } }, /* @__PURE__ */ React.createElement(Columns, { size: 14 }), " Manage columns")
+  ), showManageColumns && /* @__PURE__ */ React.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React.createElement("div", { className: "dg-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React.createElement("h3", null, "Manage Columns"), /* @__PURE__ */ React.createElement("button", { className: "dg-icon-btn", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React.createElement(X, { size: 18 }))), /* @__PURE__ */ React.createElement("div", { className: "dg-modal-body" }, /* @__PURE__ */ React.createElement("div", { className: "dg-search-wrap", style: { marginBottom: 8 } }, /* @__PURE__ */ React.createElement(Search, { size: 14 }), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      className: "dg-search",
+      style: { width: "100%" },
+      placeholder: "Find column\u2026",
+      value: colSearch,
+      onChange: (e) => setColSearch(e.target.value)
+    }
+  )), columns.filter((c) => c.header.toLowerCase().includes(colSearch.toLowerCase())).map((col) => /* @__PURE__ */ React.createElement("div", { key: String(col.key), className: "dg-col-row" }, /* @__PURE__ */ React.createElement("div", { className: "dg-col-label" }, /* @__PURE__ */ React.createElement("div", { className: "dg-col-dot", style: { background: col.hidden ? "var(--border-color)" : "var(--primary-color)" } }), col.header), /* @__PURE__ */ React.createElement("button", { className: "dg-icon-btn", onClick: () => toggleHide(String(col.key)) }, col.hidden ? /* @__PURE__ */ React.createElement(EyeOff, { size: 14 }) : /* @__PURE__ */ React.createElement(EyeOff, { size: 14, style: { opacity: 0.4 } }))))), /* @__PURE__ */ React.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ React.createElement("button", { className: "dg-action-btn", onClick: () => setColumns((p) => p.map((c) => ({ ...c, hidden: false }))) }, "Show All"), /* @__PURE__ */ React.createElement("button", { className: "dg-action-btn", onClick: () => setColumns((p) => p.map((c) => ({ ...c, hidden: true }))) }, "Hide All")))), showAdvancedFilter && /* @__PURE__ */ React.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ React.createElement("div", { className: "dg-modal dg-modal-wide", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React.createElement("h3", null, "Filters"), /* @__PURE__ */ React.createElement("button", { className: "dg-icon-btn", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ React.createElement(X, { size: 18 }))), /* @__PURE__ */ React.createElement("div", { className: "dg-modal-body" }, advancedFilters.map((f, idx) => /* @__PURE__ */ React.createElement("div", { key: idx }, idx > 0 && /* @__PURE__ */ React.createElement("div", { className: "dg-filter-logic" }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: `dg-logic-btn${f.logic === "AND" ? " active" : ""}`,
+      onClick: () => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, logic: "AND" } : fi))
+    },
+    "AND"
+  ), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: `dg-logic-btn${f.logic === "OR" ? " active" : ""}`,
+      onClick: () => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, logic: "OR" } : fi))
+    },
+    "OR"
+  )), /* @__PURE__ */ React.createElement("div", { className: "dg-filter-row" }, advancedFilters.length > 1 && /* @__PURE__ */ React.createElement("button", { className: "dg-icon-btn", onClick: () => setAdvancedFilters((p) => p.filter((_, i) => i !== idx)) }, /* @__PURE__ */ React.createElement(X, { size: 14 })), /* @__PURE__ */ React.createElement(
+    "select",
+    {
+      className: "dg-filter-select",
+      value: f.column,
+      onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, column: e.target.value } : fi))
+    },
+    columns.map((c) => /* @__PURE__ */ React.createElement("option", { key: String(c.key), value: String(c.key) }, c.header))
+  ), /* @__PURE__ */ React.createElement(
+    "select",
+    {
+      className: "dg-filter-select dg-filter-select-sm",
+      value: f.operator,
+      onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, operator: e.target.value } : fi))
+    },
+    /* @__PURE__ */ React.createElement("option", { value: "contains" }, "contains"),
+    /* @__PURE__ */ React.createElement("option", { value: "equals" }, "equals"),
+    /* @__PURE__ */ React.createElement("option", { value: "starts with" }, "starts with"),
+    /* @__PURE__ */ React.createElement("option", { value: "ends with" }, "ends with"),
+    /* @__PURE__ */ React.createElement("option", { value: "is empty" }, "is empty"),
+    /* @__PURE__ */ React.createElement("option", { value: "is not empty" }, "is not empty")
+  ), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      className: "dg-filter-input",
+      placeholder: "Value\u2026",
+      value: f.value,
+      onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, value: e.target.value } : fi))
+    }
+  )))), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: "dg-action-btn",
+      style: { alignSelf: "flex-start", marginTop: 4 },
+      onClick: () => setAdvancedFilters((p) => [...p, { column: String(columns[0].key), operator: "contains", value: "", logic: "AND" }])
+    },
+    /* @__PURE__ */ React.createElement(Plus, { size: 14 }),
+    " Add Filter"
+  )), /* @__PURE__ */ React.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: "dg-action-btn",
+      onClick: () => setAdvancedFilters([{ column: String(columns[0].key), operator: "contains", value: "", logic: "AND" }])
+    },
+    /* @__PURE__ */ React.createElement(Trash2, { size: 14 }),
+    " Reset"
+  ), /* @__PURE__ */ React.createElement("button", { className: "submit-btn", onClick: () => setShowAdvancedFilter(false) }, "Apply")))));
+}
+var DataGrid_default = DataGrid;
+
+export {
+  DataGrid,
+  DataGrid_default
+};

package/dist/chunk-JVN6QVET.js

@@ -0,0 +1,8 @@
+// lib/icons/subscribeIcon.tsx
+import * as React from "react";
+var SubscribeIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28.86", height: "23.799", viewBox: "0 0 28.86 23.799", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_24743", "data-name": "Group 24743", transform: "translate(-1771.07 -708.433)" }, /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-bell", "data-name": "Icon feather-bell", transform: "translate(1771.698 708)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52630", "data-name": "Path 52630", d: "M19.752,9.413A6.262,6.262,0,0,0,13.651,3a6.262,6.262,0,0,0-6.1,6.413c0,7.481-3.05,9.619-3.05,9.619H22.8s-3.05-2.138-3.05-9.619", transform: "translate(0 -1.667)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52631", "data-name": "Path 52631", d: "M19.538,31.5a2.389,2.389,0,0,1-4.133,0", transform: "translate(-3.82 -9.358)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" })), /* @__PURE__ */ React.createElement("path", { id: "Path_52635", "data-name": "Path 52635", d: "M12.686,38.331a.555.555,0,0,0,.4-.168.57.57,0,0,0,0-.805,6.672,6.672,0,0,1,0-9.423.57.57,0,0,0-.805-.805,7.811,7.811,0,0,0,0,11.034A.555.555,0,0,0,12.686,38.331Z", transform: "translate(1761.218 684.669)", fill: color, stroke: color, strokeWidth: "0.3" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52636", "data-name": "Path 52636", d: "M18.816,39.021a.562.562,0,0,0,.4.168.555.555,0,0,0,.4-.168.57.57,0,0,0,0-.805,3.537,3.537,0,0,1,0-5,.57.57,0,1,0-.805-.805A4.677,4.677,0,0,0,18.816,39.021Z", transform: "translate(1756.896 681.605)", fill: color, stroke: color, strokeWidth: "0.3" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52637", "data-name": "Path 52637", d: "M82.409,37.357a.57.57,0,0,0,0,.805.562.562,0,0,0,.4.168.555.555,0,0,0,.4-.168,7.811,7.811,0,0,0,0-11.034.57.57,0,0,0-.805.805A6.672,6.672,0,0,1,82.409,37.357Z", transform: "translate(1714.284 684.669)", fill: color, stroke: color, strokeWidth: "0.3" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52638", "data-name": "Path 52638", d: "M77.139,39.015a.562.562,0,0,0,.4.168.555.555,0,0,0,.4-.168,4.682,4.682,0,0,0,0-6.616.57.57,0,0,0-.805.805,3.537,3.537,0,0,1,0,5A.575.575,0,0,0,77.139,39.015Z", transform: "translate(1717.343 681.61)", fill: color, stroke: color, strokeWidth: "0.3" })));
+var subscribeIcon_default = SubscribeIcon;
+
+export {
+  subscribeIcon_default
+};