@aristobyte-ui/utils 1.0.27 → 1.0.29

package/dist/index.d.mts

@@ -13,17 +13,25 @@ declare const Portal: React$1.FC<{
     children: React$1.ReactNode;
 }>;
 
-type IconProps = {
+type IconPropsType = {
     size?: number;
     color?: string;
 };
 
 declare const Icons: {
-    Copy: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
-    Error: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
-    Info: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
-    Success: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
-    Warning: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+    ArrowRight: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Bun: () => react_jsx_runtime.JSX.Element;
+    Copy: ({ 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;
+    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;
+    Storybook: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Success: ({ 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;
 };
 
 export { Icons, Portal, type RippleParams, renderRipple };

package/dist/index.d.ts

@@ -13,17 +13,25 @@ declare const Portal: React$1.FC<{
     children: React$1.ReactNode;
 }>;
 
-type IconProps = {
+type IconPropsType = {
     size?: number;
     color?: string;
 };
 
 declare const Icons: {
-    Copy: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
-    Error: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
-    Info: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
-    Success: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
-    Warning: ({ size, color }: IconProps) => react_jsx_runtime.JSX.Element;
+    ArrowRight: ({ size, color, }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Bun: () => react_jsx_runtime.JSX.Element;
+    Copy: ({ 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;
+    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;
+    Storybook: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
+    Success: ({ 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;
 };
 
 export { Icons, Portal, type RippleParams, renderRipple };

package/dist/index.js

@@ -94,9 +94,164 @@ var Portal = ({
   return (0, import_react_dom.createPortal)(children, document.body);
 };
 
-// icons/Copy.tsx
+// icons/ArrowRight.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Copy = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+var ArrowRight = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9 18 6-6-6-6" })
+  }
+);
+
+// icons/Bun.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Bun = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { viewBox: "0 0 80 70", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      id: "Shadow",
+      d: "M71.09,20.74c-.16-.17-.33-.34-.5-.5s-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5A26.46,26.46,0,0,1,75.5,35.7c0,16.57-16.82,30.05-37.5,30.05-11.58,0-21.94-4.23-28.83-10.86l.5.5.5.5.5.5.5.5.5.5.5.5.5.5C19.55,65.3,30.14,69.75,42,69.75c20.68,0,37.5-13.48,37.5-30C79.5,32.69,76.46,26,71.09,20.74Z"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { id: "Body", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        id: "Background",
+        d: "M73,35.7c0,15.21-15.67,27.54-35,27.54S3,50.91,3,35.7C3,26.27,9,17.94,18.22,13S33.18,3,38,3s8.94,4.13,19.78,10C67,17.94,73,26.27,73,35.7Z",
+        fill: "#fbf0df"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        id: "Bottom_Shadow",
+        "data-name": "Bottom Shadow",
+        d: "M73,35.7a21.67,21.67,0,0,0-.8-5.78c-2.73,33.3-43.35,34.9-59.32,24.94A40,40,0,0,0,38,63.24C57.3,63.24,73,50.89,73,35.7Z",
+        fill: "#f6dece"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        id: "Light_Shine",
+        "data-name": "Light Shine",
+        d: "M24.53,11.17C29,8.49,34.94,3.46,40.78,3.45A9.29,9.29,0,0,0,38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7c0,.4,0,.8,0,1.19C9.06,15.48,20.07,13.85,24.53,11.17Z",
+        fill: "#fffefc"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        id: "Top",
+        d: "M35.12,5.53A16.41,16.41,0,0,1,29.49,18c-.28.25-.06.73.3.59,3.37-1.31,7.92-5.23,6-13.14C35.71,5,35.12,5.12,35.12,5.53Zm2.27,0A16.24,16.24,0,0,1,39,19c-.12.35.31.65.55.36C41.74,16.56,43.65,11,37.93,5,37.64,4.74,37.19,5.14,37.39,5.49Zm2.76-.17A16.42,16.42,0,0,1,47,17.12a.33.33,0,0,0,.65.11c.92-3.49.4-9.44-7.17-12.53C40.08,4.54,39.82,5.08,40.15,5.32ZM21.69,15.76a16.94,16.94,0,0,0,10.47-9c.18-.36.75-.22.66.18-1.73,8-7.52,9.67-11.12,9.45C21.32,16.4,21.33,15.87,21.69,15.76Z",
+        fill: "#ccbea7",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        id: "Outline",
+        d: "M38,65.75C17.32,65.75.5,52.27.5,35.7c0-10,6.18-19.33,16.53-24.92,3-1.6,5.57-3.21,7.86-4.62,1.26-.78,2.45-1.51,3.6-2.19C32,1.89,35,.5,38,.5s5.62,1.2,8.9,3.14c1,.57,2,1.19,3.07,1.87,2.49,1.54,5.3,3.28,9,5.27C69.32,16.37,75.5,25.69,75.5,35.7,75.5,52.27,58.68,65.75,38,65.75ZM38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7,3,50.89,18.7,63.25,38,63.25S73,50.89,73,35.7C73,26.62,67.31,18.13,57.78,13,54,11,51.05,9.12,48.66,7.64c-1.09-.67-2.09-1.29-3-1.84C42.63,4,40.42,3,38,3Z"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { id: "Mouth", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { id: "Background-2", "data-name": "Background", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        d: "M45.05,43a8.93,8.93,0,0,1-2.92,4.71,6.81,6.81,0,0,1-4,1.88A6.84,6.84,0,0,1,34,47.71,8.93,8.93,0,0,1,31.12,43a.72.72,0,0,1,.8-.81H44.26A.72.72,0,0,1,45.05,43Z",
+        fill: "#b71422"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { id: "Tongue", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "path",
+        {
+          id: "Background-3",
+          "data-name": "Background",
+          d: "M34,47.79a6.91,6.91,0,0,0,4.12,1.9,6.91,6.91,0,0,0,4.11-1.9,10.63,10.63,0,0,0,1-1.07,6.83,6.83,0,0,0-4.9-2.31,6.15,6.15,0,0,0-5,2.78C33.56,47.4,33.76,47.6,34,47.79Z",
+          fill: "#ff6164"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "path",
+        {
+          id: "Outline-2",
+          "data-name": "Outline",
+          d: "M34.16,47a5.36,5.36,0,0,1,4.19-2.08,6,6,0,0,1,4,1.69c.23-.25.45-.51.66-.77a7,7,0,0,0-4.71-1.93,6.36,6.36,0,0,0-4.89,2.36A9.53,9.53,0,0,0,34.16,47Z"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        id: "Outline-3",
+        "data-name": "Outline",
+        d: "M38.09,50.19a7.42,7.42,0,0,1-4.45-2,9.52,9.52,0,0,1-3.11-5.05,1.2,1.2,0,0,1,.26-1,1.41,1.41,0,0,1,1.13-.51H44.26a1.44,1.44,0,0,1,1.13.51,1.19,1.19,0,0,1,.25,1h0a9.52,9.52,0,0,1-3.11,5.05A7.42,7.42,0,0,1,38.09,50.19Zm-6.17-7.4c-.16,0-.2.07-.21.09a8.29,8.29,0,0,0,2.73,4.37A6.23,6.23,0,0,0,38.09,49a6.28,6.28,0,0,0,3.65-1.73,8.3,8.3,0,0,0,2.72-4.37.21.21,0,0,0-.2-.09Z"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { id: "Face", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "ellipse",
+      {
+        id: "Right_Blush",
+        "data-name": "Right Blush",
+        cx: "53.22",
+        cy: "40.18",
+        rx: "5.85",
+        ry: "3.44",
+        fill: "#febbd0"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "ellipse",
+      {
+        id: "Left_Bluch",
+        "data-name": "Left Bluch",
+        cx: "22.95",
+        cy: "40.18",
+        rx: "5.85",
+        ry: "3.44",
+        fill: "#febbd0"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        id: "Eyes",
+        d: "M25.7,38.8a5.51,5.51,0,1,0-5.5-5.51A5.51,5.51,0,0,0,25.7,38.8Zm24.77,0A5.51,5.51,0,1,0,45,33.29,5.5,5.5,0,0,0,50.47,38.8Z",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        id: "Iris",
+        d: "M24,33.64a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,24,33.64Zm24.77,0a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,48.75,33.64Z",
+        fill: "#fff",
+        fillRule: "evenodd"
+      }
+    )
+  ] })
+] });
+
+// icons/Copy.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Copy = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
   "svg",
   {
     width: size,
@@ -108,15 +263,63 @@ var Copy = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.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_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" })
     ]
   }
 );
 
 // icons/Error.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Error2 = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Error2 = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    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" })
+    ]
+  }
+);
+
+// icons/GalleryVertical.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var GalleryVertical = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    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" })
+    ]
+  }
+);
+
+// icons/GalleryVerticalEnd.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var GalleryVerticalEnd = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
   "svg",
   {
     width: size,
@@ -128,16 +331,16 @@ var Error2 = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, impo
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m15 9-6 6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)("path", { d: "m9 9 6 6" })
+      /* @__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" })
     ]
   }
 );
 
 // icons/Info.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Info = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Info = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
   "svg",
   {
     width: size,
@@ -149,16 +352,219 @@ var Info = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 8h.01" })
     ]
   }
 );
 
+// icons/Npm.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Npm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  "svg",
+  {
+    height: size,
+    width: size,
+    viewBox: "0 0 700 700",
+    fill: "#cb3837",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polygon", { fill: "#cb3837", points: "0,700 700,700 700,0 0,0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "polygon",
+        {
+          fill: "#ffffff",
+          points: "150,550 350,550 350,250 450,250 450,550 550,550 550,150 150,150 "
+        }
+      )
+    ]
+  }
+);
+
+// icons/Pnpm.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Pnpm = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  "svg",
+  {
+    preserveAspectRatio: "xMidYMid meet",
+    viewBox: "66.09157809474142 33.5 184.5 184.49999999999997",
+    width: size,
+    height: size,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("defs", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "path",
+          {
+            d: "M67.59 35L247.59 35L247.59 215L67.59 215L67.59 35Z",
+            id: "b2JZZcA3fT"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z", id: "bj0tb0Y8q" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "path",
+          {
+            d: "M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z",
+            id: "dkDSTzPj3"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "path",
+          {
+            d: "M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z",
+            id: "a4vNdcNLpF"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "path",
+          {
+            d: "M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z",
+            id: "h2t4Zj1jSU"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "path",
+          {
+            d: "M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z",
+            id: "b4t5pngwvT"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "path",
+          {
+            d: "M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z",
+            id: "b9s1gd5m2"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "path",
+          {
+            d: "M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z",
+            id: "cmt9WLvz7"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "path",
+          {
+            d: "M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z",
+            id: "bJUNqgFSg"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "use",
+          {
+            xlinkHref: "#b2JZZcA3fT",
+            opacity: "1",
+            fill: "#ffffff",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "use",
+          {
+            xlinkHref: "#bj0tb0Y8q",
+            opacity: "1",
+            fill: "#f9ad00",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "use",
+          {
+            xlinkHref: "#dkDSTzPj3",
+            opacity: "1",
+            fill: "#f9ad00",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "use",
+          {
+            xlinkHref: "#a4vNdcNLpF",
+            opacity: "1",
+            fill: "#f9ad00",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "use",
+          {
+            xlinkHref: "#h2t4Zj1jSU",
+            opacity: "1",
+            fill: "#f9ad00",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "use",
+          {
+            xlinkHref: "#b4t5pngwvT",
+            opacity: "1",
+            fill: "#4e4e4e",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "use",
+          {
+            xlinkHref: "#b9s1gd5m2",
+            opacity: "1",
+            fill: "#4e4e4e",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "use",
+          {
+            xlinkHref: "#cmt9WLvz7",
+            opacity: "1",
+            fill: "#4e4e4e",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "use",
+          {
+            xlinkHref: "#bJUNqgFSg",
+            opacity: "1",
+            fill: "#4e4e4e",
+            fillOpacity: "1"
+          }
+        ) })
+      ] })
+    ]
+  }
+);
+
+// icons/Storybook.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Storybook = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { fill: "none", height: size, width: size, viewBox: "0 0 16.05 20", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M13.8804 0.0710449L11.9479 0.191825L11.8536 2.45837C11.8522 2.49321 11.8629 2.52747 11.884 2.55526C11.9341 2.62126 12.0282 2.63418 12.0942 2.58411L12.9746 1.91625L13.7182 2.50205C13.7461 2.524 13.7808 2.53536 13.8163 2.53413C13.8991 2.53124 13.9639 2.46178 13.961 2.37898L13.8804 0.0710449ZM12.3763 7.66099C12.0225 7.93579 9.38733 8.12329 9.38733 7.73208C9.44302 6.23927 8.77469 6.17383 8.40339 6.17383C8.05066 6.17383 7.45659 6.28046 7.45659 7.08017C7.45659 7.89512 8.32476 8.35519 9.34377 8.8952C10.7914 9.66232 12.5433 10.5908 12.5433 12.927C12.5433 15.1662 10.724 16.4031 8.40339 16.4031C6.00853 16.4031 3.91569 15.4342 4.15205 12.075C4.24488 11.6806 7.2895 11.7743 7.2895 12.075C7.25237 13.4612 7.56798 13.8689 8.36626 13.8689C8.9789 13.8689 9.25737 13.5312 9.25737 12.9625C9.25737 12.1019 8.35281 11.594 7.31222 11.0098C5.90324 10.2187 4.24488 9.28767 4.24488 7.15126C4.24488 5.01868 5.7115 3.59696 8.32913 3.59696C10.9468 3.59696 12.3763 4.9969 12.3763 7.66099Z",
+      fill: "white",
+      fillRule: "evenodd"
+    }
+  )
+] });
+
 // icons/Success.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Success = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Success = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
   "svg",
   {
     width: size,
@@ -170,15 +576,18 @@ var Success = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, imp
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m9 12 2 2 4-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "m9 12 2 2 4-4" })
     ]
   }
 );
 
 // icons/Warning.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Warning = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Warning = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   "svg",
   {
     width: size,
@@ -190,20 +599,43 @@ var Warning = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ (0, imp
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 16h.01" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 8v4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime12.jsx)("path", { d: "M12 16h.01" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M12 8v4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime13 = require("react/jsx-runtime");
+var Yarn = ({ size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  "svg",
+  {
+    viewBox: "0 0 496 512",
+    height: size,
+    width: size,
+    stroke: "#2c8ebb",
+    strokeWidth: "0",
+    fill: "#2c8ebb",
+    children: /* @__PURE__ */ (0, import_jsx_runtime13.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" })
+  }
+);
+
 // icons/index.ts
 var Icons = {
+  ArrowRight,
+  Bun,
   Copy,
   Error: Error2,
+  GalleryVertical,
+  GalleryVerticalEnd,
   Info,
+  Npm,
+  Pnpm,
+  Storybook,
   Success,
-  Warning
+  Warning,
+  Yarn
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {