@aristobyte-ui/utils 1.0.27 → 1.0.29

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../index.ts","../helpers/ripple.tsx","../helpers/Portal.tsx","../icons/Copy.tsx","../icons/Error.tsx","../icons/Info.tsx","../icons/Success.tsx","../icons/Warning.tsx","../icons/index.ts"],"sourcesContent":["export * from \"./helpers\";\nexport * from \"./icons\";\n","type RippleParamsRef = HTMLButtonElement | HTMLAnchorElement;\n\nexport type RippleParams<HTMLElementType extends RippleParamsRef> = {\n  ref: React.RefObject<HTMLElementType | null>;\n  clientX: number;\n  clientY: number;\n};\n\nexport const renderRipple = <HTMLElementType extends RippleParamsRef>({\n  ref,\n  clientX,\n  clientY,\n}: RippleParams<HTMLElementType>) => {\n  const button = ref.current;\n  if (!button) return;\n\n  const circle = document.createElement(\"span\");\n  const diameter = Math.max(button.clientWidth, button.clientHeight);\n  const radius = diameter / 2;\n\n  circle.id = \"ripple\";\n\n  const style = document.createElement(\"style\");\n  style.innerHTML = `\n      #ripple {\n        animation: ripple 300ms linear;\n        background-color: rgba(255, 255, 255, 0.3);\n        border-radius: 50%;\n        height: ${diameter}px;\n        left: ${clientX - button.getBoundingClientRect().left - radius}px;\n        pointer-events: none;\n        position: absolute;\n        top: ${clientY - button.getBoundingClientRect().top - radius}px;\n        transform: scale(0);\n        width: ${diameter}px;\n        z-index: 0;\n      }\n      \n      @keyframes ripple {\n        to {\n          opacity: 0;\n          transform: scale(2);\n        }\n      }\n    `;\n\n  button.appendChild(style);\n  button.appendChild(circle);\n\n  circle.addEventListener(\"animationend\", () => {\n    circle.remove();\n    style.remove();\n  });\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport const Portal: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted || typeof window === \"undefined\") return null;\n  return createPortal(children, document.body);\n};\n","import { IconProps } from \"./type\";\n\nexport const Copy = ({ size = 24, color = \"currentColor\" }: IconProps) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n    <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n  </svg>\n);\n","import { IconProps } from \"./type\";\n\nexport const Error = ({ size = 24, color = \"currentColor\" }: IconProps) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"m15 9-6 6\" />\n    <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\" />\n    <path d=\"m9 9 6 6\" />\n  </svg>\n);\n","import { IconProps } from \"./type\";\n\nexport const Info = ({ size = 24, color = \"currentColor\" }: IconProps) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n);\n","import { IconProps } from \"./type\";\n\nexport const Success = ({ size = 24, color = \"currentColor\" }: IconProps) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n);\n","import { IconProps } from \"./type\";\n\nexport const Warning = ({ size = 24, color = \"currentColor\" }: IconProps) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 16h.01\" />\n    <path d=\"M12 8v4\" />\n    <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\" />\n  </svg>\n);\n","import { Copy } from \"./Copy\";\nimport { Error } from \"./Error\";\nimport { Info } from \"./Info\";\nimport { Success } from \"./Success\";\nimport { Warning } from \"./Warning\";\n\nexport const Icons = {\n  Copy,\n  Error,\n  Info,\n  Success,\n  Warning,\n};\n"],"mappings":"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","names":["import_jsx_runtime","Error","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Error"]}
+{"version":3,"sources":["../index.ts","../helpers/ripple.tsx","../helpers/Portal.tsx","../icons/ArrowRight.tsx","../icons/Bun.tsx","../icons/Copy.tsx","../icons/Error.tsx","../icons/GalleryVertical.tsx","../icons/GalleryVerticalEnd.tsx","../icons/Info.tsx","../icons/Npm.tsx","../icons/Pnpm.tsx","../icons/Storybook.tsx","../icons/Success.tsx","../icons/Warning.tsx","../icons/Yarn.tsx","../icons/index.ts"],"sourcesContent":["export * from \"./helpers\";\nexport * from \"./icons\";\n","type RippleParamsRef = HTMLButtonElement | HTMLAnchorElement;\n\nexport type RippleParams<HTMLElementType extends RippleParamsRef> = {\n  ref: React.RefObject<HTMLElementType | null>;\n  clientX: number;\n  clientY: number;\n};\n\nexport const renderRipple = <HTMLElementType extends RippleParamsRef>({\n  ref,\n  clientX,\n  clientY,\n}: RippleParams<HTMLElementType>) => {\n  const button = ref.current;\n  if (!button) return;\n\n  const circle = document.createElement(\"span\");\n  const diameter = Math.max(button.clientWidth, button.clientHeight);\n  const radius = diameter / 2;\n\n  circle.id = \"ripple\";\n\n  const style = document.createElement(\"style\");\n  style.innerHTML = `\n      #ripple {\n        animation: ripple 300ms linear;\n        background-color: rgba(255, 255, 255, 0.3);\n        border-radius: 50%;\n        height: ${diameter}px;\n        left: ${clientX - button.getBoundingClientRect().left - radius}px;\n        pointer-events: none;\n        position: absolute;\n        top: ${clientY - button.getBoundingClientRect().top - radius}px;\n        transform: scale(0);\n        width: ${diameter}px;\n        z-index: 0;\n      }\n      \n      @keyframes ripple {\n        to {\n          opacity: 0;\n          transform: scale(2);\n        }\n      }\n    `;\n\n  button.appendChild(style);\n  button.appendChild(circle);\n\n  circle.addEventListener(\"animationend\", () => {\n    circle.remove();\n    style.remove();\n  });\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport const Portal: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted || typeof window === \"undefined\") return null;\n  return createPortal(children, document.body);\n};\n","import { IconPropsType } from \"./type\";\n\nexport const ArrowRight = ({\n  size = 24,\n  color = \"currentColor\",\n}: IconPropsType) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n","export const Bun = () => (\n  <svg viewBox=\"0 0 80 70\">\n    <path\n      id=\"Shadow\"\n      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\"\n    />\n    <g id=\"Body\">\n      <path\n        id=\"Background\"\n        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\"\n        fill=\"#fbf0df\"\n      />\n      <path\n        id=\"Bottom_Shadow\"\n        data-name=\"Bottom Shadow\"\n        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\"\n        fill=\"#f6dece\"\n      />\n      <path\n        id=\"Light_Shine\"\n        data-name=\"Light Shine\"\n        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\"\n        fill=\"#fffefc\"\n      />\n      <path\n        id=\"Top\"\n        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\"\n        fill=\"#ccbea7\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        id=\"Outline\"\n        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\"\n      />\n    </g>\n    <g id=\"Mouth\">\n      <g id=\"Background-2\" data-name=\"Background\">\n        <path\n          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\"\n          fill=\"#b71422\"\n        />\n      </g>\n      <g id=\"Tongue\">\n        <path\n          id=\"Background-3\"\n          data-name=\"Background\"\n          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\"\n          fill=\"#ff6164\"\n        />\n        <path\n          id=\"Outline-2\"\n          data-name=\"Outline\"\n          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\"\n        />\n      </g>\n      <path\n        id=\"Outline-3\"\n        data-name=\"Outline\"\n        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\"\n      />\n    </g>\n    <g id=\"Face\">\n      <ellipse\n        id=\"Right_Blush\"\n        data-name=\"Right Blush\"\n        cx=\"53.22\"\n        cy=\"40.18\"\n        rx=\"5.85\"\n        ry=\"3.44\"\n        fill=\"#febbd0\"\n      />\n      <ellipse\n        id=\"Left_Bluch\"\n        data-name=\"Left Bluch\"\n        cx=\"22.95\"\n        cy=\"40.18\"\n        rx=\"5.85\"\n        ry=\"3.44\"\n        fill=\"#febbd0\"\n      />\n      <path\n        id=\"Eyes\"\n        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\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        id=\"Iris\"\n        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\"\n        fill=\"#fff\"\n        fillRule=\"evenodd\"\n      />\n    </g>\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const Copy = ({ size = 24, color = \"currentColor\" }: IconPropsType) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n    <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const Error = ({ size = 24, color = \"currentColor\" }: IconPropsType) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"m15 9-6 6\" />\n    <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\" />\n    <path d=\"m9 9 6 6\" />\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const GalleryVertical = ({\n  size = 24,\n  color = \"currentColor\",\n}: IconPropsType) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M3 2h18\" />\n    <rect width=\"18\" height=\"12\" x=\"3\" y=\"6\" rx=\"2\" />\n    <path d=\"M3 22h18\" />\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const GalleryVerticalEnd = ({\n  size = 24,\n  color = \"currentColor\",\n}: IconPropsType) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M7 2h10\" />\n    <path d=\"M5 6h14\" />\n    <rect width=\"18\" height=\"12\" x=\"3\" y=\"10\" rx=\"2\" />\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const Info = ({ size = 24, color = \"currentColor\" }: IconPropsType) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const Npm = ({ size = 24 }: IconPropsType) => (\n  <svg\n    height={size}\n    width={size}\n    viewBox=\"0 0 700 700\"\n    fill=\"#cb3837\"\n    aria-hidden=\"true\"\n  >\n    <polygon fill=\"#cb3837\" points=\"0,700 700,700 700,0 0,0\"></polygon>\n    <polygon\n      fill=\"#ffffff\"\n      points=\"150,550 350,550 350,250 450,250 450,550 550,550 550,150 150,150 \"\n    ></polygon>\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const Pnpm = ({ size = 24 }: IconPropsType) => (\n  <svg\n    preserveAspectRatio=\"xMidYMid meet\"\n    viewBox=\"66.09157809474142 33.5 184.5 184.49999999999997\"\n    width={size}\n    height={size}\n  >\n    <defs>\n      <path\n        d=\"M67.59 35L247.59 35L247.59 215L67.59 215L67.59 35Z\"\n        id=\"b2JZZcA3fT\"\n      />\n      <path d=\"M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z\" id=\"bj0tb0Y8q\" />\n      <path\n        d=\"M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z\"\n        id=\"dkDSTzPj3\"\n      />\n      <path\n        d=\"M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z\"\n        id=\"a4vNdcNLpF\"\n      />\n      <path\n        d=\"M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z\"\n        id=\"h2t4Zj1jSU\"\n      />\n      <path\n        d=\"M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z\"\n        id=\"b4t5pngwvT\"\n      />\n      <path\n        d=\"M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z\"\n        id=\"b9s1gd5m2\"\n      />\n      <path\n        d=\"M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z\"\n        id=\"cmt9WLvz7\"\n      />\n      <path\n        d=\"M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z\"\n        id=\"bJUNqgFSg\"\n      />\n    </defs>\n    <g>\n      <g>\n        <use\n          xlinkHref=\"#b2JZZcA3fT\"\n          opacity=\"1\"\n          fill=\"#ffffff\"\n          fillOpacity=\"1\"\n        />\n      </g>\n      <g>\n        <use\n          xlinkHref=\"#bj0tb0Y8q\"\n          opacity=\"1\"\n          fill=\"#f9ad00\"\n          fillOpacity=\"1\"\n        />\n      </g>\n      <g>\n        <use\n          xlinkHref=\"#dkDSTzPj3\"\n          opacity=\"1\"\n          fill=\"#f9ad00\"\n          fillOpacity=\"1\"\n        />\n      </g>\n      <g>\n        <use\n          xlinkHref=\"#a4vNdcNLpF\"\n          opacity=\"1\"\n          fill=\"#f9ad00\"\n          fillOpacity=\"1\"\n        />\n      </g>\n      <g>\n        <use\n          xlinkHref=\"#h2t4Zj1jSU\"\n          opacity=\"1\"\n          fill=\"#f9ad00\"\n          fillOpacity=\"1\"\n        />\n      </g>\n      <g>\n        <use\n          xlinkHref=\"#b4t5pngwvT\"\n          opacity=\"1\"\n          fill=\"#4e4e4e\"\n          fillOpacity=\"1\"\n        />\n      </g>\n      <g>\n        <use\n          xlinkHref=\"#b9s1gd5m2\"\n          opacity=\"1\"\n          fill=\"#4e4e4e\"\n          fillOpacity=\"1\"\n        />\n      </g>\n      <g>\n        <use\n          xlinkHref=\"#cmt9WLvz7\"\n          opacity=\"1\"\n          fill=\"#4e4e4e\"\n          fillOpacity=\"1\"\n        />\n      </g>\n      <g>\n        <use\n          xlinkHref=\"#bJUNqgFSg\"\n          opacity=\"1\"\n          fill=\"#4e4e4e\"\n          fillOpacity=\"1\"\n        />\n      </g>\n    </g>\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const Storybook = ({ size = 24 }: IconPropsType) => (\n  <svg fill=\"none\" height={size} width={size} viewBox=\"0 0 16.05 20\">\n    <path\n      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\"\n      fill=\"#FF4785\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      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\"\n      fill=\"white\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const Success = ({\n  size = 24,\n  color = \"currentColor\",\n}: IconPropsType) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const Warning = ({\n  size = 24,\n  color = \"currentColor\",\n}: IconPropsType) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 16h.01\" />\n    <path d=\"M12 8v4\" />\n    <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\" />\n  </svg>\n);\n","import { IconPropsType } from \"./type\";\n\nexport const Yarn = ({ size = 24 }: IconPropsType) => (\n  <svg\n    viewBox=\"0 0 496 512\"\n    height={size}\n    width={size}\n    stroke=\"#2c8ebb\"\n    strokeWidth=\"0\"\n    fill=\"#2c8ebb\"\n  >\n    <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\"></path>\n  </svg>\n);\n","import { ArrowRight } from \"./ArrowRight\";\nimport { Bun } from \"./Bun\";\nimport { Copy } from \"./Copy\";\nimport { Error } from \"./Error\";\nimport { GalleryVertical } from \"./GalleryVertical\";\nimport { GalleryVerticalEnd } from \"./GalleryVerticalEnd\";\nimport { Info } from \"./Info\";\nimport { Npm } from \"./Npm\";\nimport { Pnpm } from \"./Pnpm\";\nimport { Storybook } from \"./Storybook\";\nimport { Success } from \"./Success\";\nimport { Warning } from \"./Warning\";\nimport { Yarn } from \"./Yarn\";\n\nexport const Icons = {\n  ArrowRight,\n  Bun,\n  Copy,\n  Error,\n  GalleryVertical,\n  GalleryVerticalEnd,\n  Info,\n  Npm,\n  Pnpm,\n  Storybook,\n  Success,\n  Warning,\n  Yarn,\n};\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Error","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Error"]}

package/dist/index.mjs

@@ -57,9 +57,164 @@ var Portal = ({
   return createPortal(children, document.body);
 };
 
+// icons/ArrowRight.tsx
+import { jsx } from "react/jsx-runtime";
+var ArrowRight = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+  }
+);
+
+// icons/Bun.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Bun = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 80 70", children: [
+  /* @__PURE__ */ jsx2(
+    "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__ */ jsxs("g", { id: "Body", children: [
+    /* @__PURE__ */ jsx2(
+      "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__ */ jsx2(
+      "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__ */ jsx2(
+      "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__ */ jsx2(
+      "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__ */ jsx2(
+      "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__ */ jsxs("g", { id: "Mouth", children: [
+    /* @__PURE__ */ jsx2("g", { id: "Background-2", "data-name": "Background", children: /* @__PURE__ */ jsx2(
+      "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__ */ jsxs("g", { id: "Tongue", children: [
+      /* @__PURE__ */ jsx2(
+        "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__ */ jsx2(
+        "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__ */ jsx2(
+      "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__ */ jsxs("g", { id: "Face", children: [
+    /* @__PURE__ */ jsx2(
+      "ellipse",
+      {
+        id: "Right_Blush",
+        "data-name": "Right Blush",
+        cx: "53.22",
+        cy: "40.18",
+        rx: "5.85",
+        ry: "3.44",
+        fill: "#febbd0"
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      "ellipse",
+      {
+        id: "Left_Bluch",
+        "data-name": "Left Bluch",
+        cx: "22.95",
+        cy: "40.18",
+        rx: "5.85",
+        ry: "3.44",
+        fill: "#febbd0"
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      "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__ */ jsx2(
+      "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
-import { jsx, jsxs } from "react/jsx-runtime";
-var Copy = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs(
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var Copy = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs2(
   "svg",
   {
     width: size,
@@ -71,15 +226,39 @@ var Copy = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-      /* @__PURE__ */ 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__ */ jsx3("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsx3("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
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Error = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs2(
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var Error = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs3(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx4("path", { d: "m15 9-6 6" }),
+      /* @__PURE__ */ jsx4("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__ */ jsx4("path", { d: "m9 9 6 6" })
+    ]
+  }
+);
+
+// icons/GalleryVertical.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var GalleryVertical = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ jsxs4(
   "svg",
   {
     width: size,
@@ -91,16 +270,40 @@ var Error = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs2(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx2("path", { d: "m15 9-6 6" }),
-      /* @__PURE__ */ jsx2("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__ */ jsx2("path", { d: "m9 9 6 6" })
+      /* @__PURE__ */ jsx5("path", { d: "M3 2h18" }),
+      /* @__PURE__ */ jsx5("rect", { width: "18", height: "12", x: "3", y: "6", rx: "2" }),
+      /* @__PURE__ */ jsx5("path", { d: "M3 22h18" })
+    ]
+  }
+);
+
+// icons/GalleryVerticalEnd.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var GalleryVerticalEnd = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ jsxs5(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx6("path", { d: "M7 2h10" }),
+      /* @__PURE__ */ jsx6("path", { d: "M5 6h14" }),
+      /* @__PURE__ */ jsx6("rect", { width: "18", height: "12", x: "3", y: "10", rx: "2" })
     ]
   }
 );
 
 // icons/Info.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var Info = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs3(
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var Info = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs6(
   "svg",
   {
     width: size,
@@ -112,16 +315,219 @@ var Info = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs3(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx3("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ jsx3("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx7("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ jsx7("path", { d: "M12 8h.01" })
+    ]
+  }
+);
+
+// icons/Npm.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var Npm = ({ size = 24 }) => /* @__PURE__ */ jsxs7(
+  "svg",
+  {
+    height: size,
+    width: size,
+    viewBox: "0 0 700 700",
+    fill: "#cb3837",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx8("polygon", { fill: "#cb3837", points: "0,700 700,700 700,0 0,0" }),
+      /* @__PURE__ */ jsx8(
+        "polygon",
+        {
+          fill: "#ffffff",
+          points: "150,550 350,550 350,250 450,250 450,550 550,550 550,150 150,150 "
+        }
+      )
     ]
   }
 );
 
+// icons/Pnpm.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var Pnpm = ({ size = 24 }) => /* @__PURE__ */ jsxs8(
+  "svg",
+  {
+    preserveAspectRatio: "xMidYMid meet",
+    viewBox: "66.09157809474142 33.5 184.5 184.49999999999997",
+    width: size,
+    height: size,
+    children: [
+      /* @__PURE__ */ jsxs8("defs", { children: [
+        /* @__PURE__ */ jsx9(
+          "path",
+          {
+            d: "M67.59 35L247.59 35L247.59 215L67.59 215L67.59 35Z",
+            id: "b2JZZcA3fT"
+          }
+        ),
+        /* @__PURE__ */ jsx9("path", { d: "M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z", id: "bj0tb0Y8q" }),
+        /* @__PURE__ */ jsx9(
+          "path",
+          {
+            d: "M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z",
+            id: "dkDSTzPj3"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "path",
+          {
+            d: "M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z",
+            id: "a4vNdcNLpF"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "path",
+          {
+            d: "M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z",
+            id: "h2t4Zj1jSU"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "path",
+          {
+            d: "M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z",
+            id: "b4t5pngwvT"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "path",
+          {
+            d: "M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z",
+            id: "b9s1gd5m2"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "path",
+          {
+            d: "M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z",
+            id: "cmt9WLvz7"
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "path",
+          {
+            d: "M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z",
+            id: "bJUNqgFSg"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs8("g", { children: [
+        /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9(
+          "use",
+          {
+            xlinkHref: "#b2JZZcA3fT",
+            opacity: "1",
+            fill: "#ffffff",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9(
+          "use",
+          {
+            xlinkHref: "#bj0tb0Y8q",
+            opacity: "1",
+            fill: "#f9ad00",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9(
+          "use",
+          {
+            xlinkHref: "#dkDSTzPj3",
+            opacity: "1",
+            fill: "#f9ad00",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9(
+          "use",
+          {
+            xlinkHref: "#a4vNdcNLpF",
+            opacity: "1",
+            fill: "#f9ad00",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9(
+          "use",
+          {
+            xlinkHref: "#h2t4Zj1jSU",
+            opacity: "1",
+            fill: "#f9ad00",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9(
+          "use",
+          {
+            xlinkHref: "#b4t5pngwvT",
+            opacity: "1",
+            fill: "#4e4e4e",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9(
+          "use",
+          {
+            xlinkHref: "#b9s1gd5m2",
+            opacity: "1",
+            fill: "#4e4e4e",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9(
+          "use",
+          {
+            xlinkHref: "#cmt9WLvz7",
+            opacity: "1",
+            fill: "#4e4e4e",
+            fillOpacity: "1"
+          }
+        ) }),
+        /* @__PURE__ */ jsx9("g", { children: /* @__PURE__ */ jsx9(
+          "use",
+          {
+            xlinkHref: "#bJUNqgFSg",
+            opacity: "1",
+            fill: "#4e4e4e",
+            fillOpacity: "1"
+          }
+        ) })
+      ] })
+    ]
+  }
+);
+
+// icons/Storybook.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var Storybook = ({ size = 24 }) => /* @__PURE__ */ jsxs9("svg", { fill: "none", height: size, width: size, viewBox: "0 0 16.05 20", children: [
+  /* @__PURE__ */ jsx10(
+    "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__ */ jsx10(
+    "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
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var Success = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs4(
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var Success = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ jsxs10(
   "svg",
   {
     width: size,
@@ -133,15 +539,18 @@ var Success = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs4(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx4("path", { d: "m9 12 2 2 4-4" })
+      /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx11("path", { d: "m9 12 2 2 4-4" })
     ]
   }
 );
 
 // icons/Warning.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var Warning = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs5(
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var Warning = ({
+  size = 24,
+  color = "currentColor"
+}) => /* @__PURE__ */ jsxs11(
   "svg",
   {
     width: size,
@@ -153,20 +562,43 @@ var Warning = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs5(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx5("path", { d: "M12 16h.01" }),
-      /* @__PURE__ */ jsx5("path", { d: "M12 8v4" }),
-      /* @__PURE__ */ jsx5("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__ */ jsx12("path", { d: "M12 16h.01" }),
+      /* @__PURE__ */ jsx12("path", { d: "M12 8v4" }),
+      /* @__PURE__ */ jsx12("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
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Yarn = ({ size = 24 }) => /* @__PURE__ */ jsx13(
+  "svg",
+  {
+    viewBox: "0 0 496 512",
+    height: size,
+    width: size,
+    stroke: "#2c8ebb",
+    strokeWidth: "0",
+    fill: "#2c8ebb",
+    children: /* @__PURE__ */ jsx13("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,
+  GalleryVertical,
+  GalleryVerticalEnd,
   Info,
+  Npm,
+  Pnpm,
+  Storybook,
   Success,
-  Warning
+  Warning,
+  Yarn
 };
 export {
   Icons,