@aristobyte-ui/utils 1.0.32 → 1.0.34

package/dist/index.d.mts

@@ -22,6 +22,7 @@ declare const Icons: {
     ArrowRight: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Bun: () => react_jsx_runtime.JSX.Element;
     Copy: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Comment: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Error: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
     GalleryVertical: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
     GalleryVerticalEnd: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
@@ -29,8 +30,11 @@ declare const Icons: {
     Info: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Npm: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Pnpm: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Heart: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Share: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Storybook: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Success: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    User: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Warning: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Yarn: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
 };

package/dist/index.d.ts

@@ -22,6 +22,7 @@ declare const Icons: {
     ArrowRight: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Bun: () => react_jsx_runtime.JSX.Element;
     Copy: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Comment: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Error: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
     GalleryVertical: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
     GalleryVerticalEnd: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
@@ -29,8 +30,11 @@ declare const Icons: {
     Info: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Npm: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Pnpm: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Heart: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Share: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Storybook: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Success: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    User: ({ size, color }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Warning: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
     Yarn: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
 };

package/dist/index.js

@@ -249,9 +249,25 @@ var Bun = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { viewBox:
   ] })
 ] });
 
-// icons/Copy.tsx
+// icons/Comment.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Copy = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+var Comment = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: size, height: size, viewBox: "0 0 14 13", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "path",
+  {
+    d: "M1.82299 9.11648C1.90877 9.33284 1.92786 9.56992 1.87783 9.79723L1.25658 11.7164C1.23656 11.8137 1.24173 11.9145 1.27161 12.0093C1.30149 12.1041 1.35508 12.1896 1.4273 12.2579C1.49952 12.3261 1.58797 12.3748 1.68428 12.3993C1.78058 12.4237 1.88154 12.4232 1.97758 12.3977L3.96849 11.8156C4.18299 11.773 4.40513 11.7916 4.60958 11.8692C5.85522 12.4509 7.26629 12.574 8.59383 12.2167C9.92137 11.8594 11.0801 11.0448 11.8655 9.91644C12.6509 8.78811 13.0126 7.41863 12.8867 6.04963C12.7608 4.68063 12.1554 3.40008 11.1774 2.43392C10.1993 1.46776 8.91149 0.878082 7.54105 0.768916C6.17061 0.65975 4.80566 1.03812 3.687 1.83726C2.56835 2.6364 1.76789 3.80496 1.42685 5.13676C1.08581 6.46857 1.22611 7.87803 1.82299 9.11648Z",
+    stroke: color,
+    strokeWidth: "1.16667",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+
+// icons/Copy.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Copy = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
   "svg",
   {
     width: size,
@@ -263,15 +279,15 @@ var Copy = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
     ]
   }
 );
 
 // icons/Error.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Error2 = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Error2 = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
   "svg",
   {
     width: size,
@@ -283,19 +299,19 @@ var Error2 = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, impo
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m15 9-6 6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m9 9 6 6" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m15 9-6 6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m9 9 6 6" })
     ]
   }
 );
 
 // icons/GalleryVertical.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var GalleryVertical = ({
   size = 24,
   color = "currentColor"
-}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
   "svg",
   {
     width: size,
@@ -307,19 +323,19 @@ var GalleryVertical = ({
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M3 2h18" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { width: "18", height: "12", x: "3", y: "6", rx: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M3 22h18" })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 2h18" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "18", height: "12", x: "3", y: "6", rx: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 22h18" })
     ]
   }
 );
 
 // icons/GalleryVerticalEnd.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var GalleryVerticalEnd = ({
   size = 24,
   color = "currentColor"
-}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
   "svg",
   {
     width: size,
@@ -331,16 +347,16 @@ var GalleryVerticalEnd = ({
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7 2h10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5 6h14" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "18", height: "12", x: "3", y: "10", rx: "2" })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M7 2h10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M5 6h14" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { width: "18", height: "12", x: "3", y: "10", rx: "2" })
     ]
   }
 );
 
 // icons/Github.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Github = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Github = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   "svg",
   {
     height: size,
@@ -350,13 +366,26 @@ var Github = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     version: "1.1",
     "data-view-component": "true",
     fill: "#fff",
-    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 1C5.923 1 1 5.923 1 12c0 4.867 3.149 8.979 7.521 10.436.55.096.756-.233.756-.522 0-.262-.013-1.128-.013-2.049-2.764.509-3.479-.674-3.699-1.292-.124-.317-.66-1.293-1.127-1.554-.385-.207-.936-.715-.014-.729.866-.014 1.485.797 1.691 1.128.99 1.663 2.571 1.196 3.204.907.096-.715.385-1.196.701-1.471-2.448-.275-5.005-1.224-5.005-5.432 0-1.196.426-2.186 1.128-2.956-.111-.275-.496-1.402.11-2.915 0 0 .921-.288 3.024 1.128a10.193 10.193 0 0 1 2.75-.371c.936 0 1.871.123 2.75.371 2.104-1.43 3.025-1.128 3.025-1.128.605 1.513.221 2.64.111 2.915.701.77 1.127 1.747 1.127 2.956 0 4.222-2.571 5.157-5.019 5.432.399.344.743 1.004.743 2.035 0 1.471-.014 2.654-.014 3.025 0 .289.206.632.756.522C19.851 20.979 23 16.854 23 12c0-6.077-4.922-11-11-11Z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 1C5.923 1 1 5.923 1 12c0 4.867 3.149 8.979 7.521 10.436.55.096.756-.233.756-.522 0-.262-.013-1.128-.013-2.049-2.764.509-3.479-.674-3.699-1.292-.124-.317-.66-1.293-1.127-1.554-.385-.207-.936-.715-.014-.729.866-.014 1.485.797 1.691 1.128.99 1.663 2.571 1.196 3.204.907.096-.715.385-1.196.701-1.471-2.448-.275-5.005-1.224-5.005-5.432 0-1.196.426-2.186 1.128-2.956-.111-.275-.496-1.402.11-2.915 0 0 .921-.288 3.024 1.128a10.193 10.193 0 0 1 2.75-.371c.936 0 1.871.123 2.75.371 2.104-1.43 3.025-1.128 3.025-1.128.605 1.513.221 2.64.111 2.915.701.77 1.127 1.747 1.127 2.956 0 4.222-2.571 5.157-5.019 5.432.399.344.743 1.004.743 2.035 0 1.471-.014 2.654-.014 3.025 0 .289.206.632.756.522C19.851 20.979 23 16.854 23 12c0-6.077-4.922-11-11-11Z" })
   }
 );
 
+// icons/Heart.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Heart = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { width: size, height: size, viewBox: "0 0 14 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  "path",
+  {
+    d: "M1.24426 4.12523C1.24427 3.47609 1.44119 2.84223 1.80901 2.30736C2.17682 1.77249 2.69823 1.36178 3.30437 1.12946C3.9105 0.897142 4.57285 0.854153 5.20394 1.00617C5.83502 1.15819 6.40514 1.49806 6.83901 1.98089C6.86957 2.01357 6.90652 2.03962 6.94756 2.05743C6.9886 2.07524 7.03286 2.08443 7.0776 2.08443C7.12233 2.08443 7.16659 2.07524 7.20763 2.05743C7.24868 2.03962 7.28562 2.01357 7.31618 1.98089C7.74869 1.49492 8.31894 1.15219 8.95105 0.998328C9.58316 0.844464 10.2471 0.886762 10.8546 1.11959C11.4621 1.35242 11.9842 1.76474 12.3516 2.30167C12.7189 2.8386 12.914 3.47467 12.9109 4.12523C12.9109 5.46106 12.0359 6.45856 11.1609 7.33356L7.95726 10.4328C7.84857 10.5576 7.71455 10.6579 7.56412 10.727C7.41369 10.796 7.25029 10.8323 7.08476 10.8334C6.91924 10.8344 6.75539 10.8002 6.6041 10.7331C6.4528 10.6659 6.31753 10.5673 6.20726 10.4439L2.99426 7.33356C2.11926 6.45856 1.24426 5.46689 1.24426 4.12523Z",
+    stroke: color,
+    strokeWidth: "1.16667",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+
 // icons/Info.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Info = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Info = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
   "svg",
   {
     width: size,
@@ -368,16 +397,16 @@ var Info = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M12 8h.01" })
     ]
   }
 );
 
 // icons/Npm.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Npm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Npm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
   "svg",
   {
     height: size,
@@ -386,8 +415,8 @@ var Npm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     fill: "#cb3837",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polygon", { fill: "#cb3837", points: "0,700 700,700 700,0 0,0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("polygon", { fill: "#cb3837", points: "0,700 700,700 700,0 0,0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "polygon",
         {
           fill: "#ffffff",
@@ -399,8 +428,8 @@ var Npm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
 );
 
 // icons/Pnpm.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   "svg",
   {
     preserveAspectRatio: "xMidYMid meet",
@@ -408,58 +437,58 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     width: size,
     height: size,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("defs", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("defs", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M67.59 35L247.59 35L247.59 215L67.59 215L67.59 35Z",
             id: "b2JZZcA3fT"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z", id: "bj0tb0Y8q" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z", id: "bj0tb0Y8q" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z",
             id: "dkDSTzPj3"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z",
             id: "a4vNdcNLpF"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z",
             id: "h2t4Zj1jSU"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z",
             id: "b4t5pngwvT"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z",
             id: "b9s1gd5m2"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z",
             id: "cmt9WLvz7"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z",
@@ -467,8 +496,8 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "use",
           {
             xlinkHref: "#b2JZZcA3fT",
@@ -477,7 +506,7 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             fillOpacity: "1"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "use",
           {
             xlinkHref: "#bj0tb0Y8q",
@@ -486,7 +515,7 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             fillOpacity: "1"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "use",
           {
             xlinkHref: "#dkDSTzPj3",
@@ -495,7 +524,7 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             fillOpacity: "1"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "use",
           {
             xlinkHref: "#a4vNdcNLpF",
@@ -504,7 +533,7 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             fillOpacity: "1"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "use",
           {
             xlinkHref: "#h2t4Zj1jSU",
@@ -513,7 +542,7 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             fillOpacity: "1"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "use",
           {
             xlinkHref: "#b4t5pngwvT",
@@ -522,7 +551,7 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             fillOpacity: "1"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "use",
           {
             xlinkHref: "#b9s1gd5m2",
@@ -531,7 +560,7 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             fillOpacity: "1"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "use",
           {
             xlinkHref: "#cmt9WLvz7",
@@ -540,7 +569,7 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             fillOpacity: "1"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "use",
           {
             xlinkHref: "#bJUNqgFSg",
@@ -554,17 +583,72 @@ var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
   }
 );
 
+// icons/Share.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Share = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { width: size, height: size, viewBox: "0 0 12 13", fill: "none", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "path",
+    {
+      d: "M9.57764 4.25024C10.5441 4.25024 11.3276 3.46674 11.3276 2.50024C11.3276 1.53375 10.5441 0.750244 9.57764 0.750244C8.61114 0.750244 7.82764 1.53375 7.82764 2.50024C7.82764 3.46674 8.61114 4.25024 9.57764 4.25024Z",
+      stroke: color,
+      strokeWidth: "1.16667",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "path",
+    {
+      d: "M2.57764 8.33362C3.54413 8.33362 4.32764 7.55012 4.32764 6.58362C4.32764 5.61712 3.54413 4.83362 2.57764 4.83362C1.61114 4.83362 0.827637 5.61712 0.827637 6.58362C0.827637 7.55012 1.61114 8.33362 2.57764 8.33362Z",
+      stroke: color,
+      strokeWidth: "1.16667",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "path",
+    {
+      d: "M9.57764 12.417C10.5441 12.417 11.3276 11.6335 11.3276 10.667C11.3276 9.70049 10.5441 8.91699 9.57764 8.91699C8.61114 8.91699 7.82764 9.70049 7.82764 10.667C7.82764 11.6335 8.61114 12.417 9.57764 12.417Z",
+      stroke: color,
+      strokeWidth: "1.16667",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "path",
+    {
+      d: "M4.0885 7.46448L8.07267 9.78614",
+      stroke: color,
+      strokeWidth: "1.16667",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "path",
+    {
+      d: "M8.06683 3.3811L4.0885 5.70277",
+      stroke: color,
+      strokeWidth: "1.16667",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] });
+
 // icons/Storybook.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Storybook = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { fill: "none", height: size, width: size, viewBox: "0 0 16.05 20", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Storybook = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { fill: "none", height: size, width: size, viewBox: "0 0 16.05 20", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "path",
     {
       d: "M0.620279 18.4293L0.000720095 1.92089C-0.0197415 1.37568 0.398305 0.913625 0.942836 0.879592L14.9844 0.00199235C15.5387 -0.0326493 16.0161 0.38859 16.0507 0.942857C16.052 0.96374 16.0527 0.984658 16.0527 1.00558V18.9945C16.0527 19.5498 15.6025 20 15.0471 20C15.0321 20 15.0171 19.9997 15.002 19.999L1.58 19.3962C1.05727 19.3727 0.639903 18.9522 0.620279 18.4293Z",
       fill: "#FF4785"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "path",
     {
       clipRule: "evenodd",
@@ -576,11 +660,11 @@ var Storybook = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs
 ] });
 
 // icons/Success.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Success = ({
   size = 24,
   color = "currentColor"
-}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
   "svg",
   {
     width: size,
@@ -592,18 +676,43 @@ var Success = ({
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m9 12 2 2 4-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "m9 12 2 2 4-4" })
     ]
   }
 );
 
+// icons/User.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var User = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { width: size, height: size, viewBox: "0 0 15 19", fill: color, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M13.2026 17.4586V15.7086C13.2026 14.7804 12.8339 13.8901 12.1775 13.2337C11.5211 12.5774 10.6309 12.2086 9.70264 12.2086H4.45264C3.52438 12.2086 2.63414 12.5774 1.97776 13.2337C1.32139 13.8901 0.952637 14.7804 0.952637 15.7086V17.4586",
+      stroke: color,
+      strokeWidth: "1.75",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "path",
+    {
+      d: "M7.07764 8.70862C9.01063 8.70862 10.5776 7.14161 10.5776 5.20862C10.5776 3.27562 9.01063 1.70862 7.07764 1.70862C5.14464 1.70862 3.57764 3.27562 3.57764 5.20862C3.57764 7.14161 5.14464 8.70862 7.07764 8.70862Z",
+      stroke: color,
+      strokeWidth: "1.75",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] });
+
 // icons/Warning.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var Warning = ({
   size = 24,
   color = "currentColor"
-}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
   "svg",
   {
     width: size,
@@ -615,16 +724,16 @@ var Warning = ({
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M12 16h.01" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M12 8v4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z" })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M12 16h.01" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M12 8v4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z" })
     ]
   }
 );
 
 // icons/Yarn.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Yarn = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Yarn = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   "svg",
   {
     viewBox: "0 0 496 512",
@@ -633,7 +742,7 @@ var Yarn = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     stroke: "#2c8ebb",
     strokeWidth: "0",
     fill: "#2c8ebb",
-    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M393.9 345.2c-39 9.3-48.4 32.1-104 47.4 0 0-2.7 4-10.4 5.8-13.4 3.3-63.9 6-68.5 6.1-12.4.1-19.9-3.2-22-8.2-6.4-15.3 9.2-22 9.2-22-8.1-5-9-9.9-9.8-8.1-2.4 5.8-3.6 20.1-10.1 26.5-8.8 8.9-25.5 5.9-35.3.8-10.8-5.7.8-19.2.8-19.2s-5.8 3.4-10.5-3.6c-6-9.3-17.1-37.3 11.5-62-1.3-10.1-4.6-53.7 40.6-85.6 0 0-20.6-22.8-12.9-43.3 5-13.4 7-13.3 8.6-13.9 5.7-2.2 11.3-4.6 15.4-9.1 20.6-22.2 46.8-18 46.8-18s12.4-37.8 23.9-30.4c3.5 2.3 16.3 30.6 16.3 30.6s13.6-7.9 15.1-5c8.2 16 9.2 46.5 5.6 65.1-6.1 30.6-21.4 47.1-27.6 57.5-1.4 2.4 16.5 10 27.8 41.3 10.4 28.6 1.1 52.7 2.8 55.3.8 1.4 13.7.8 36.4-13.2 12.8-7.9 28.1-16.9 45.4-17 16.7-.5 17.6 19.2 4.9 22.2zM496 256c0 136.9-111.1 248-248 248S0 392.9 0 256 111.1 8 248 8s248 111.1 248 248zm-79.3 75.2c-1.7-13.6-13.2-23-28-22.8-22 .3-40.5 11.7-52.8 19.2-4.8 3-8.9 5.2-12.4 6.8 3.1-44.5-22.5-73.1-28.7-79.4 7.8-11.3 18.4-27.8 23.4-53.2 4.3-21.7 3-55.5-6.9-74.5-1.6-3.1-7.4-11.2-21-7.4-9.7-20-13-22.1-15.6-23.8-1.1-.7-23.6-16.4-41.4 28-12.2.9-31.3 5.3-47.5 22.8-2 2.2-5.9 3.8-10.1 5.4h.1c-8.4 3-12.3 9.9-16.9 22.3-6.5 17.4.2 34.6 6.8 45.7-17.8 15.9-37 39.8-35.7 82.5-34 36-11.8 73-5.6 79.6-1.6 11.1 3.7 19.4 12 23.8 12.6 6.7 30.3 9.6 43.9 2.8 4.9 5.2 13.8 10.1 30 10.1 6.8 0 58-2.9 72.6-6.5 6.8-1.6 11.5-4.5 14.6-7.1 9.8-3.1 36.8-12.3 62.2-28.7 18-11.7 24.2-14.2 37.6-17.4 12.9-3.2 21-15.1 19.4-28.2z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M393.9 345.2c-39 9.3-48.4 32.1-104 47.4 0 0-2.7 4-10.4 5.8-13.4 3.3-63.9 6-68.5 6.1-12.4.1-19.9-3.2-22-8.2-6.4-15.3 9.2-22 9.2-22-8.1-5-9-9.9-9.8-8.1-2.4 5.8-3.6 20.1-10.1 26.5-8.8 8.9-25.5 5.9-35.3.8-10.8-5.7.8-19.2.8-19.2s-5.8 3.4-10.5-3.6c-6-9.3-17.1-37.3 11.5-62-1.3-10.1-4.6-53.7 40.6-85.6 0 0-20.6-22.8-12.9-43.3 5-13.4 7-13.3 8.6-13.9 5.7-2.2 11.3-4.6 15.4-9.1 20.6-22.2 46.8-18 46.8-18s12.4-37.8 23.9-30.4c3.5 2.3 16.3 30.6 16.3 30.6s13.6-7.9 15.1-5c8.2 16 9.2 46.5 5.6 65.1-6.1 30.6-21.4 47.1-27.6 57.5-1.4 2.4 16.5 10 27.8 41.3 10.4 28.6 1.1 52.7 2.8 55.3.8 1.4 13.7.8 36.4-13.2 12.8-7.9 28.1-16.9 45.4-17 16.7-.5 17.6 19.2 4.9 22.2zM496 256c0 136.9-111.1 248-248 248S0 392.9 0 256 111.1 8 248 8s248 111.1 248 248zm-79.3 75.2c-1.7-13.6-13.2-23-28-22.8-22 .3-40.5 11.7-52.8 19.2-4.8 3-8.9 5.2-12.4 6.8 3.1-44.5-22.5-73.1-28.7-79.4 7.8-11.3 18.4-27.8 23.4-53.2 4.3-21.7 3-55.5-6.9-74.5-1.6-3.1-7.4-11.2-21-7.4-9.7-20-13-22.1-15.6-23.8-1.1-.7-23.6-16.4-41.4 28-12.2.9-31.3 5.3-47.5 22.8-2 2.2-5.9 3.8-10.1 5.4h.1c-8.4 3-12.3 9.9-16.9 22.3-6.5 17.4.2 34.6 6.8 45.7-17.8 15.9-37 39.8-35.7 82.5-34 36-11.8 73-5.6 79.6-1.6 11.1 3.7 19.4 12 23.8 12.6 6.7 30.3 9.6 43.9 2.8 4.9 5.2 13.8 10.1 30 10.1 6.8 0 58-2.9 72.6-6.5 6.8-1.6 11.5-4.5 14.6-7.1 9.8-3.1 36.8-12.3 62.2-28.7 18-11.7 24.2-14.2 37.6-17.4 12.9-3.2 21-15.1 19.4-28.2z" })
   }
 );
 
@@ -642,6 +751,7 @@ var Icons = {
   ArrowRight,
   Bun,
   Copy,
+  Comment,
   Error: Error2,
   GalleryVertical,
   GalleryVerticalEnd,
@@ -649,8 +759,11 @@ var Icons = {
   Info,
   Npm,
   Pnpm,
+  Heart,
+  Share,
   Storybook,
   Success,
+  User,
   Warning,
   Yarn
 };