import { ExternalLink } from 'lucide-react'
import Image from 'next/image'
import Link from 'next/link'
import { forwardRef } from 'react'
import { Button, cn } from 'ui'

import { Doc } from '@/.velite'

const SourcePanel = forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & { doc: Doc }>(
  ({ doc, children, ...props }, ref) => {
    const ShadcnPanel = () => {
      if (doc.source?.shadcn) {
        return (
          <div
            className={cn(
              'bg-surface-75/50 border flex items-center p-3 px-5 gap-6 first:rounded-t-md last:rounded-b-md',
              props.className
            )}
            {...props}
          >
            <div className="flex items-center gap-2">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" className="h-6 w-6">
                <rect width="256" height="256" fill="none"></rect>
                <line
                  x1="208"
                  y1="128"
                  x2="128"
                  y2="208"
                  fill="none"
                  stroke="currentColor"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                  strokeWidth="16"
                ></line>
                <line
                  x1="192"
                  y1="40"
                  x2="40"
                  y2="192"
                  fill="none"
                  stroke="currentColor"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                  strokeWidth="16"
                ></line>
              </svg>
              <span className="hidden font-bold sm:inline-block">shadcn/ui</span>
            </div>
            <span className="text-foreground-light text-sm">
              This component is based on ui.shadcn
            </span>
          </div>
        )
      }
    }

    const VaulPanel = () => {
      if (doc.source?.vaul) {
        return (
          <div
            className={cn(
              'bg-surface-75/50 border flex items-center p-3 px-5 gap-6 first:rounded-t-md last:rounded-b-md',
              props.className
            )}
            {...props}
          >
            <div className="flex items-center gap-2">
              <Image
                width={24}
                height={24}
                src="https://avatars.githubusercontent.com/u/36730035?s=48&v=4"
                alt="Vaul"
                className="h-6 w-6 rounded-full"
              />
              <span className="hidden font-bold text-xs sm:inline-block">vaul</span>
            </div>
            <span className="text-foreground-light text-xs">
              This component is based on vaul by emilkowalski
            </span>
          </div>
        )
      }
    }

    const ReactAccesibleTreeViewPanel = () => {
      if (doc.source?.reactAccessibleTreeview) {
        return (
          <div
            className={cn(
              'bg-surface-75/50 border flex items-center p-3 px-5 gap-6 first:rounded-t-md last:rounded-b-md justify-between',
              props.className
            )}
            {...props}
          >
            <div className="flex items-center gap-2">
              <Image
                width={24}
                height={24}
                src="https://avatars.githubusercontent.com/u/14020024?v=4"
                alt="dgreene1"
                className="h-6 w-6 rounded-full"
              />
              <span className="hidden text-xs font-bold sm:inline-block">
                react-accessible-treeview
              </span>
              <span className="text-foreground-light text-xs">
                Component based on react-accessible-treeview by dgreene1
              </span>
            </div>
            {doc.links ? (
              <div className="flex items-center gap-2 justify-end">
                {doc.links?.doc && (
                  <Button
                    variant="outline"
                    className="rounded-full"
                    icon={<ExternalLink className="text-foreground-muted" strokeWidth={1} />}
                  >
                    <Link
                      href={doc.links.doc}
                      target="_blank"
                      rel="noreferrer"

                      // className={cn(buttonVariants({ variant: 'default' }), 'gap-1')}
                    >
                      Docs
                    </Link>
                  </Button>
                )}
                {doc.links?.api && (
                  <Button
                    variant="outline"
                    className="rounded-full"
                    icon={<ExternalLink className="text-foreground-muted" strokeWidth={1} />}
                  >
                    <Link href={doc.links.api} target="_blank" rel="noreferrer">
                      API Reference
                    </Link>
                  </Button>
                )}
              </div>
            ) : null}
          </div>
        )
      }
    }

    const InputOtp = () => {
      if (doc.source?.inputOtp) {
        return (
          <div
            className={cn(
              'bg-surface-75/50 border flex items-center p-3 px-5 gap-6 first:rounded-t-md last:rounded-b-md',
              props.className
            )}
            {...props}
          >
            <div className="flex items-center gap-2">
              <Image
                width={24}
                height={24}
                src="https://avatars.githubusercontent.com/u/10366880?s=48&v=4"
                alt="inputOtp"
                className="h-6 w-6 rounded-full"
              />
              <span className="hidden font-bold text-xs sm:inline-block">input-otp</span>
            </div>
            <span className="text-foreground-light text-xs">
              This component is based on input-otp by guilhermerodz
            </span>
          </div>
        )
      }
    }

    const RadixPanel = () => {
      if (doc.source?.radix) {
        return (
          <div
            className={cn(
              'bg-surface-75/50 border flex items-center p-3 px-5 gap-6 first:rounded-t-md last:rounded-b-md',
              props.className
            )}
            {...props}
          >
            <svg
              width="76"
              height="24"
              viewBox="0 0 76 24"
              fill="currentcolor"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path d="M43.9022 20.0061H46.4499C46.2647 19.0375 46.17 18.1161 46.17 17.0058V12.3753C46.17 9.25687 44.3893 7.72127 41.1943 7.72127C38.3003 7.72127 36.3324 9.23324 36.0777 11.8083H38.9254C39.0181 10.698 39.8052 9.96561 41.1017 9.96561C42.4446 9.96561 43.3243 10.6743 43.3243 12.1391V12.7061L39.8052 13.1077C37.4206 13.3912 35.5684 14.3834 35.5684 16.7931C35.5684 18.9666 37.2353 20.2659 39.5274 20.2659C41.4027 20.2659 42.9845 19.4863 43.6401 18.1161C43.6689 18.937 43.9022 20.0061 43.9022 20.0061ZM40.3377 18.1634C39.157 18.1634 38.5087 17.5727 38.5087 16.6278C38.5087 15.3757 39.4579 15.0922 40.7082 14.9268L43.3243 14.6197V15.352C43.3243 17.242 41.8658 18.1634 40.3377 18.1634ZM56.2588 20.0061H59.176V3H56.2125V9.96561C55.6569 8.76075 54.3141 7.72127 52.4851 7.72127C49.3058 7.72127 47.099 10.2963 47.099 14.0054C47.099 17.7381 49.3058 20.2896 52.4851 20.2896C54.2678 20.2896 55.68 19.2973 56.2588 18.0925V20.0061ZM56.282 14.218C56.282 16.5569 55.1938 18.0689 53.3185 18.0689C51.3969 18.0689 50.1856 16.486 50.1856 14.0054C50.1856 11.5485 51.3969 9.94198 53.3185 9.94198C55.1938 9.94198 56.282 11.454 56.282 13.7928V14.218ZM60.9066 5.97304H64.0553V3.01996H60.9066V5.97304ZM60.9992 20.0061H63.9627V8.00476H60.9992V20.0061ZM67.6638 20.0061L70.6041 15.8954L73.5212 20.0061H76.9246L72.3636 13.7219L76.5542 8.00476H73.3823L70.7661 11.7138L68.1731 8.00476H64.7697L69.0066 13.8637L64.4919 20.0061H67.6638Z"></path>
              <path
                fillRule="evenodd"
                clipRule="evenodd"
                d="M24.9132 20V14.0168H28.7986L32.4513 20H35.7006L31.6894 13.5686C33.5045 12.986 35.0955 11.507 35.0955 9.01961C35.0955 5.7479 32.7994 4 28.9571 4H22V20H24.9132ZM24.9132 6.35294V11.6863H28.821C31.0395 11.6863 32.1599 10.7675 32.1599 9.01961C32.1599 7.27171 30.9395 6.35294 28.621 6.35294H24.9132Z"
              ></path>
              <path d="M7 23C3.13401 23 0 19.6422 0 15.5C0 11.3578 3.13401 8 7 8V23Z"></path>
              <path d="M7 0H0V7H7V0Z"></path>
              <path d="M11.5 7C13.433 7 15 5.433 15 3.5C15 1.567 13.433 0 11.5 0C9.56704 0 8 1.567 8 3.5C8 5.433 9.56704 7 11.5 7Z"></path>
            </svg>
            <div className="flex flex-row items-center justify-between text-sm w-full">
              <span className="text-foreground-light text-xs">This component uses Radix UI</span>
              {doc.links ? (
                <div className="flex items-center gap-2 justify-end">
                  {doc.links?.doc && (
                    <Button
                      variant="outline"
                      className="rounded-full"
                      icon={<ExternalLink className="text-foreground-muted" strokeWidth={1} />}
                    >
                      <Link
                        href={doc.links.doc}
                        target="_blank"
                        rel="noreferrer"

                        // className={cn(buttonVariants({ variant: 'default' }), 'gap-1')}
                      >
                        Docs
                      </Link>
                    </Button>
                  )}
                  {doc.links?.api && (
                    <Button
                      variant="outline"
                      className="rounded-full"
                      icon={<ExternalLink className="text-foreground-muted" strokeWidth={1} />}
                    >
                      <Link href={doc.links.api} target="_blank" rel="noreferrer">
                        API Reference
                      </Link>
                    </Button>
                  )}
                </div>
              ) : null}
            </div>
          </div>
        )
      }
    }

    const RechartsPanel = () => {
      if (doc.source?.recharts) {
        return (
          <div
            className={cn(
              'bg-surface-75/50 border flex items-center p-3 px-5 gap-6 first:rounded-t-md last:rounded-b-md',
              props.className
            )}
            {...props}
          >
            <svg
              width="146"
              height="24"
              viewBox="0 0 146 24"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M124.123 1.21484L109.695 23.9951L108.737 23.3887L107.779 22.7812L122.207 0L124.123 1.21484ZM15.4844 5.4082L2.96387 11.998L15.4844 18.5879L14.4277 20.5957L0 13.002L0.52832 11.998L0 10.9941L14.4277 3.40039L15.4844 5.4082ZM145.335 10.9941L144.807 11.998L145.335 13.002L130.907 20.5957L129.851 18.5879L142.37 11.998L129.851 5.4082L130.907 3.40039L145.335 10.9941ZM68.5801 8.39746C68.8994 8.39746 69.2665 8.43699 69.6807 8.51465C70.0991 8.58798 70.5024 8.74074 70.8906 8.97363C71.2832 9.20658 71.6093 9.55816 71.8682 10.0283C72.127 10.4985 72.2568 11.1286 72.2568 11.918V18.4678H70.7285V17.1221H70.6514C70.6409 17.1439 70.6271 17.1644 70.6152 17.1865C70.598 17.2186 70.5818 17.2524 70.5615 17.2852L70.4443 17.457C70.3581 17.5724 70.2545 17.6916 70.1338 17.8145C70.1245 17.8239 70.1141 17.8324 70.1045 17.8418C70.0734 17.8722 70.0414 17.9023 70.0078 17.9316C69.7839 18.1272 69.5044 18.2981 69.1689 18.4424C68.7678 18.6148 68.2781 18.7012 67.7002 18.7012C67.0703 18.7012 66.4988 18.582 65.9854 18.3447C65.6861 18.2039 65.4237 18.0261 65.1963 17.8135C65.0335 17.6615 64.8876 17.4915 64.7617 17.3027C64.5935 17.0479 64.4739 16.763 64.3994 16.4492C64.3724 16.3357 64.3497 16.2188 64.335 16.0977C64.3344 16.0928 64.3346 16.0879 64.334 16.083C64.3175 15.9423 64.3086 15.7965 64.3086 15.6455C64.3087 15.0766 64.4215 14.6153 64.6455 14.2617C64.7017 14.172 64.7624 14.0869 64.8281 14.0068C64.8444 13.987 64.862 13.9684 64.8789 13.9492C65.0657 13.7362 65.287 13.5583 65.5449 13.4189C65.736 13.3157 65.938 13.2267 66.1494 13.1504C66.3529 13.0768 66.5659 13.0155 66.7881 12.9668C66.9022 12.941 67.0165 12.9167 67.1309 12.8936C67.2457 12.8703 67.3605 12.8477 67.4756 12.8271C67.5904 12.8067 67.7053 12.7873 67.8203 12.7695C67.9354 12.7517 68.0507 12.7358 68.166 12.7207C68.77 12.6431 69.2604 12.5847 69.6357 12.5459C70.0151 12.5027 70.2914 12.4312 70.4639 12.332C70.53 12.2949 70.5836 12.2471 70.625 12.1895C70.6389 12.1701 70.651 12.1496 70.6621 12.1279C70.7063 12.0417 70.7285 11.9374 70.7285 11.8145V11.7627C70.7285 11.4437 70.6849 11.1601 70.5977 10.9121C70.554 10.7881 70.5001 10.6726 70.4346 10.5664C70.3692 10.4603 70.2923 10.3628 70.2051 10.2744C70.0325 10.0977 69.8149 9.9654 69.5527 9.87695C69.4871 9.85481 69.4189 9.83496 69.3477 9.81836C69.1342 9.76858 68.8955 9.74415 68.6318 9.74414C67.9029 9.7442 67.3311 9.90344 66.917 10.2227C66.7617 10.3424 66.6236 10.4651 66.5029 10.5908C66.3458 10.7544 66.2187 10.9237 66.1201 11.0977C66.1177 11.102 66.1147 11.106 66.1123 11.1104L66.0439 11.2451L64.5928 10.7275C64.6561 10.5797 64.7251 10.4395 64.7988 10.3076C64.8087 10.29 64.82 10.2732 64.8301 10.2559C64.8959 10.1423 64.9653 10.0349 65.0391 9.93359C65.0466 9.9232 65.0539 9.91261 65.0615 9.90234C65.0956 9.85658 65.1312 9.81272 65.167 9.76953C65.1741 9.76094 65.1803 9.75165 65.1875 9.74316C65.2256 9.69808 65.2647 9.65451 65.3047 9.6123C65.312 9.6046 65.3188 9.59647 65.3262 9.58887C65.3732 9.54019 65.4221 9.49397 65.4717 9.44922L65.5156 9.41211C65.5531 9.37961 65.59 9.34673 65.6289 9.31641C66.0646 8.97561 66.5394 8.73826 67.0527 8.60449C67.5703 8.46646 68.0797 8.3975 68.5801 8.39746ZM37.4268 8.40137C37.491 8.40408 37.5551 8.40769 37.6191 8.41309C38.0052 8.44542 38.3878 8.52676 38.7666 8.65625C38.8269 8.67688 38.8863 8.69992 38.9453 8.72363C39.0099 8.74954 39.0737 8.77707 39.1367 8.80664C39.4982 8.97651 39.835 9.20692 40.1455 9.49805C40.5595 9.88199 40.8889 10.3914 41.1348 11.0254C41.3807 11.6596 41.5039 12.4405 41.5039 13.3682V14.0156H34.2861C34.2975 14.3591 34.3374 14.677 34.4062 14.9697C34.4355 15.0944 34.4691 15.2146 34.5088 15.3301C34.5156 15.3499 34.5241 15.3691 34.5312 15.3887C34.5726 15.5024 34.6181 15.6123 34.6699 15.7168C34.7686 15.9108 34.8817 16.0874 35.0088 16.2471C35.2209 16.5132 35.4723 16.7314 35.7637 16.9014C35.7835 16.9128 35.8041 16.9227 35.8242 16.9336C35.9066 16.9783 35.9911 17.0191 36.0781 17.0557C36.4686 17.2196 36.9047 17.3027 37.3877 17.3027C37.7888 17.3027 38.1511 17.2468 38.4746 17.1348C38.7205 17.0474 38.9408 16.9278 39.1357 16.7773C39.2006 16.7273 39.263 16.6742 39.3223 16.6172C39.5596 16.3842 39.7426 16.0942 39.8721 15.749L41.3486 16.1641C41.2641 16.4361 41.147 16.6903 41 16.9268C40.8797 17.1202 40.7393 17.3022 40.5771 17.4717C40.5732 17.4758 40.5694 17.4802 40.5654 17.4844C40.4739 17.578 40.3767 17.6666 40.2744 17.75C40.1718 17.8337 40.0636 17.9119 39.9502 17.9854C39.7239 18.1318 39.4764 18.2586 39.207 18.3643C39.1943 18.3692 39.1808 18.3731 39.168 18.3779C39.0606 18.418 38.9505 18.4534 38.8379 18.4854C38.7505 18.5102 38.6618 18.5338 38.5713 18.5537C38.2032 18.6345 37.809 18.6757 37.3887 18.6758C36.9098 18.6758 36.4631 18.6224 36.0498 18.5166C35.6367 18.4109 35.2556 18.2524 34.9082 18.041C34.2182 17.6139 33.6858 17.0182 33.3105 16.2549C33.0626 15.7416 32.8996 15.1719 32.8174 14.5469C32.7764 14.2366 32.7539 13.9129 32.7539 13.5752C32.7539 13.0662 32.8006 12.5872 32.8936 12.1387C32.9168 12.0264 32.9427 11.9161 32.9717 11.8076C33.005 11.6833 33.043 11.5618 33.084 11.4424C33.15 11.2496 33.2246 11.0627 33.3105 10.8828C33.5386 10.4083 33.8218 9.99843 34.1582 9.65137C34.2094 9.59848 34.2627 9.54798 34.3164 9.49805C34.4283 9.39411 34.5451 9.29619 34.668 9.20508C34.7363 9.15438 34.8053 9.10434 34.877 9.05762C35.3818 8.72767 35.95 8.52098 36.5811 8.43848C36.7912 8.41103 37.0083 8.39746 37.2324 8.39746L37.4268 8.40137ZM48.0986 8.40332C48.5247 8.42359 48.9238 8.49477 49.2959 8.61621C49.4448 8.66475 49.5893 8.72142 49.7295 8.78613C49.9397 8.88317 50.1356 8.99496 50.3174 9.12109C50.6207 9.33139 50.8846 9.58181 51.1084 9.87305C51.2426 10.0477 51.3582 10.2331 51.4541 10.4297C51.6143 10.7574 51.7205 11.1165 51.7744 11.5049H50.2471C50.2179 11.3915 50.1797 11.2808 50.1328 11.1738C50.1094 11.1206 50.0835 11.0683 50.0557 11.0166C50.0165 10.9438 49.9718 10.8734 49.9238 10.8037C49.8011 10.6259 49.6509 10.4577 49.4707 10.3008C49.1806 10.0422 48.8166 9.87817 48.3789 9.80859C48.3554 9.80485 48.3316 9.80203 48.3076 9.79883C48.1675 9.78015 48.0199 9.76953 47.8652 9.76953C47.2702 9.76961 46.7483 9.92496 46.2998 10.2354C45.8554 10.5417 45.5081 10.9762 45.2578 11.5371C45.1964 11.6762 45.1428 11.8214 45.0967 11.9727C44.9584 12.4264 44.8887 12.9351 44.8887 13.498C44.8887 14.1236 44.9705 14.6829 45.1309 15.1768C45.1673 15.2888 45.2073 15.3977 45.252 15.5029C45.3749 15.7876 45.5228 16.0405 45.6953 16.2617C45.7385 16.317 45.7828 16.3705 45.8291 16.4219C45.9678 16.5759 46.1205 16.712 46.2871 16.8301C46.7357 17.1449 47.2614 17.3027 47.8652 17.3027C48.1627 17.3027 48.44 17.2641 48.6963 17.1865C48.7819 17.1606 48.8653 17.1302 48.9463 17.0957C49.2697 16.9577 49.5433 16.7587 49.7676 16.5C49.9919 16.2412 50.1522 15.9307 50.2471 15.5684H51.7744C51.6881 16.1551 51.4746 16.684 51.1338 17.1543C50.9655 17.3872 50.7701 17.5967 50.5469 17.7822C50.3238 17.9678 50.073 18.1296 49.7949 18.2676C49.6568 18.3355 49.5128 18.3953 49.3633 18.4463C48.988 18.5743 48.5767 18.6481 48.1299 18.6689C48.043 18.673 47.9548 18.6758 47.8652 18.6758C47.5157 18.6757 47.1843 18.644 46.8711 18.582C46.6625 18.5408 46.462 18.4857 46.2695 18.417C45.9809 18.3139 45.7102 18.1805 45.458 18.0156C45.2057 17.8507 44.9752 17.662 44.7666 17.4502C44.6273 17.3089 44.4978 17.1572 44.3779 16.9951C44.3044 16.8955 44.2361 16.791 44.1699 16.6836C44.0745 16.529 43.9855 16.3671 43.9053 16.1963C43.8748 16.1313 43.8473 16.0646 43.8193 15.998C43.8089 15.9732 43.7972 15.9489 43.7871 15.9238C43.7607 15.858 43.7369 15.791 43.7129 15.7236C43.7035 15.6972 43.6926 15.6712 43.6836 15.6445C43.6647 15.5889 43.6481 15.5323 43.6309 15.4756C43.6159 15.4264 43.6006 15.3771 43.5869 15.3271C43.5749 15.2832 43.5638 15.2389 43.5527 15.1943C43.5375 15.133 43.5232 15.0712 43.5098 15.0088C43.502 14.9725 43.4945 14.9361 43.4873 14.8994C43.4726 14.8244 43.4594 14.7485 43.4473 14.6719C43.4418 14.6372 43.4356 14.6024 43.4307 14.5674C43.4008 14.3561 43.3806 14.139 43.3701 13.916L43.3604 13.5498C43.3604 13.4238 43.3634 13.2991 43.3691 13.1768C43.4005 12.5179 43.5187 11.9131 43.7178 11.3613C43.7777 11.1951 43.8428 11.0324 43.918 10.876C44.1347 10.4276 44.4023 10.0378 44.7168 9.70312C44.9471 9.458 45.2018 9.24178 45.4844 9.05762C45.6527 8.94759 45.8284 8.85108 46.0107 8.76855C46.5574 8.52128 47.1671 8.39746 47.8398 8.39746C47.9272 8.39746 48.0135 8.39928 48.0986 8.40332ZM92.7695 8.40723C93.1189 8.42752 93.4386 8.47846 93.7285 8.55957C93.9217 8.61354 94.1018 8.68075 94.2686 8.76172C94.3973 8.82424 94.516 8.89802 94.6289 8.97656C94.662 8.99963 94.6967 9.02047 94.7285 9.04492C94.8275 9.1205 94.9198 9.20208 95.0088 9.28613C95.1102 9.38205 95.2066 9.48191 95.2949 9.58887C95.5713 9.92322 95.7833 10.3117 95.9316 10.7539L94.5596 11.1416C94.4733 10.9131 94.3459 10.6912 94.1777 10.4756C94.0138 10.2555 93.7896 10.074 93.5049 9.93164C93.2201 9.78932 92.8554 9.71777 92.4111 9.71777C91.9048 9.71781 91.4694 9.81642 91.1035 10.0107C91.0413 10.0438 90.981 10.0795 90.9229 10.1182C90.9122 10.1252 90.9011 10.1314 90.8906 10.1387C90.4894 10.4148 90.2891 10.7663 90.2891 11.1934C90.2891 11.2332 90.2909 11.2724 90.2939 11.3105C90.296 11.3367 90.2992 11.3624 90.3027 11.3877C90.343 11.6768 90.4759 11.9117 90.7031 12.0928C90.8369 12.1994 91.0071 12.2973 91.2139 12.3867C91.4338 12.4818 91.6948 12.568 91.9971 12.6436L93.4727 13.0049C93.6947 13.0588 93.9028 13.1202 94.0967 13.1885C94.1937 13.2226 94.287 13.2592 94.377 13.2969C94.8264 13.4854 95.1876 13.7184 95.46 13.9961L95.6133 14.167C95.6576 14.2219 95.6989 14.2786 95.7373 14.3369C95.7484 14.3538 95.7579 14.3715 95.7686 14.3887C95.796 14.4331 95.8225 14.4781 95.8467 14.5244C95.8579 14.5458 95.8675 14.568 95.8779 14.5898C95.8984 14.6325 95.9178 14.6755 95.9355 14.7197C95.9459 14.7455 95.9554 14.7716 95.9648 14.7979C95.9786 14.8363 95.9911 14.8754 96.0029 14.915C96.0133 14.9498 96.0233 14.9848 96.0322 15.0205C96.0403 15.053 96.0469 15.0859 96.0537 15.1191C96.0619 15.1588 96.0707 15.1986 96.0771 15.2393C96.0803 15.2593 96.0822 15.2795 96.085 15.2998C96.1021 15.4276 96.1133 15.5604 96.1133 15.6982C96.1132 16.1254 96.0214 16.5188 95.8369 16.8779C95.8064 16.9375 95.7729 16.996 95.7373 17.0537C95.7015 17.1116 95.663 17.1686 95.6221 17.2246C95.2985 17.6733 94.8451 18.0282 94.2627 18.2871C93.9779 18.4137 93.67 18.5086 93.3398 18.5732C92.9946 18.641 92.6243 18.6758 92.2295 18.6758C92.1031 18.6758 91.9794 18.6719 91.8584 18.665C91.6157 18.6513 91.384 18.6233 91.1631 18.582C90.9425 18.5408 90.7329 18.4857 90.5342 18.417C90.408 18.3734 90.2873 18.3222 90.1699 18.2676C90.0674 18.2198 89.9688 18.1675 89.873 18.1113C89.8192 18.0797 89.7646 18.0499 89.7129 18.0156C89.6598 17.9805 89.6105 17.9411 89.5605 17.9033C88.9847 17.4686 88.613 16.8643 88.4502 16.0859L89.9004 15.7236C89.9454 15.8982 90.0049 16.058 90.0762 16.2041C90.0955 16.2436 90.1155 16.282 90.1367 16.3193C90.2129 16.454 90.3013 16.5749 90.4023 16.6826C90.4874 16.7732 90.5801 16.8553 90.6826 16.9268C91.0708 17.1942 91.5788 17.328 92.2041 17.3281C92.2931 17.3281 92.3804 17.326 92.4648 17.3213C92.5491 17.3166 92.6312 17.3102 92.7109 17.3008C92.8705 17.282 93.0209 17.2535 93.1621 17.2158C93.2327 17.197 93.3011 17.1759 93.3672 17.1523C93.5654 17.0817 93.7425 16.9891 93.8994 16.876C93.9211 16.8603 93.9414 16.8432 93.9619 16.8271C94.3427 16.5306 94.5342 16.1807 94.5342 15.7754C94.5341 15.4732 94.4411 15.2142 94.2559 14.998C94.2295 14.9673 94.201 14.9372 94.1709 14.9082C94.02 14.7602 93.819 14.6353 93.5674 14.5342C93.416 14.4735 93.2464 14.4216 93.0586 14.3779L91.4014 13.9893C91.2193 13.9461 91.0475 13.8964 90.8848 13.8438C90.8658 13.8376 90.8469 13.8315 90.8281 13.8252C90.7712 13.8061 90.7157 13.7859 90.6611 13.7656C90.6188 13.7499 90.577 13.7342 90.5361 13.7178C90.4915 13.6998 90.4481 13.6809 90.4053 13.6621C90.3695 13.6464 90.3343 13.6306 90.2998 13.6143C90.2484 13.59 90.1981 13.5656 90.1494 13.54C90.1246 13.527 90.1003 13.5134 90.0762 13.5C90.0287 13.4737 89.9822 13.4476 89.9375 13.4199C89.9086 13.4021 89.8812 13.3826 89.8535 13.3643C89.8159 13.3393 89.7787 13.315 89.7432 13.2891C89.6818 13.2442 89.6226 13.1983 89.5674 13.1504L89.3955 12.9863C89.3463 12.9331 89.3004 12.8777 89.2568 12.8213C89.2316 12.7886 89.2088 12.7544 89.1855 12.7207C89.1689 12.6966 89.1514 12.6731 89.1357 12.6484C89.1171 12.6191 89.1003 12.5887 89.083 12.5586C89.0649 12.527 89.0469 12.4954 89.0303 12.4629C89.0148 12.4327 89.0004 12.402 88.9863 12.3711C88.9701 12.3354 88.9549 12.2993 88.9404 12.2627C88.9287 12.233 88.9168 12.2032 88.9062 12.1729C88.8925 12.1334 88.88 12.0933 88.8682 12.0527C88.8599 12.0243 88.852 11.9957 88.8447 11.9668C88.8321 11.9168 88.8212 11.866 88.8115 11.8145C88.8075 11.793 88.8024 11.7717 88.7988 11.75C88.7867 11.6757 88.7777 11.5999 88.7715 11.5225L88.7607 11.2715C88.7607 11.1314 88.7703 10.9953 88.79 10.8633C88.8294 10.5986 88.909 10.3504 89.0273 10.1182C89.0611 10.052 89.0985 9.98739 89.1387 9.92383C89.1687 9.87635 89.1998 9.82921 89.2334 9.7832C89.3131 9.67544 89.4001 9.57276 89.4941 9.47656C89.6355 9.33191 89.7932 9.20051 89.9668 9.08203C90.0245 9.04267 90.0843 9.00523 90.1455 8.96875C90.2067 8.93233 90.2693 8.89682 90.334 8.86328C90.3989 8.82962 90.4657 8.79736 90.5342 8.7666C90.5482 8.76036 90.563 8.75511 90.5771 8.74902C90.7021 8.69514 90.8305 8.64696 90.9629 8.60547C91.0363 8.58248 91.1108 8.56116 91.1865 8.54199C91.3382 8.50353 91.4944 8.47233 91.6553 8.44922C91.7358 8.43767 91.8176 8.4286 91.9004 8.4209C92.066 8.40547 92.2364 8.39748 92.4111 8.39746C92.5338 8.39746 92.6535 8.40052 92.7695 8.40723ZM84.6484 8.52637H86.7705V8.52734H86.7715V9.82129H84.6484V15.6201C84.6484 16.0516 84.7118 16.3761 84.8369 16.5918C84.9663 16.8027 85.1299 16.9453 85.3281 17.0186C85.4354 17.055 85.5459 17.0805 85.6592 17.0977C85.7598 17.1126 85.8626 17.1211 85.9678 17.1211C86.0518 17.1211 86.129 17.1194 86.1982 17.1152C86.2673 17.1109 86.3288 17.1043 86.3828 17.0957L86.6416 17.0439L86.9531 18.416L86.916 18.4268C86.8428 18.452 86.7525 18.4777 86.6445 18.5029C86.6047 18.5125 86.563 18.5239 86.5186 18.5332C86.4723 18.544 86.4226 18.5526 86.3701 18.5605C86.2124 18.5848 86.0269 18.5977 85.8135 18.5977C85.4897 18.5977 85.1705 18.5459 84.8564 18.4414C84.7518 18.4067 84.6475 18.3657 84.5439 18.3193C84.5336 18.3146 84.5239 18.3085 84.5137 18.3037C84.459 18.2781 84.4057 18.2508 84.3535 18.2217C84.3325 18.2099 84.3117 18.1979 84.291 18.1855C84.1667 18.1113 84.05 18.0267 83.9404 17.9316C83.9258 17.919 83.9118 17.9056 83.8975 17.8926C83.761 17.7685 83.6352 17.6291 83.5225 17.4717C83.4158 17.3203 83.3307 17.1526 83.2666 16.9697C83.1696 16.6937 83.1201 16.3819 83.1201 16.0342V9.82129H81.6191V8.52637H83.1201V6.14551H84.6484V8.52637ZM26.3555 5.21289C26.8732 5.21292 27.3446 5.25714 27.7695 5.3457C28.1944 5.43415 28.5731 5.56729 28.9053 5.74414C29.1541 5.87504 29.3787 6.02456 29.5791 6.19238C29.9137 6.47253 30.1812 6.80452 30.3809 7.1875C30.4605 7.34039 30.5301 7.49866 30.5898 7.66211C30.6797 7.90774 30.7471 8.16525 30.792 8.43457C30.837 8.70403 30.8594 8.98531 30.8594 9.27832L30.8525 9.56641C30.848 9.65322 30.8398 9.73875 30.8311 9.82324C30.8296 9.83729 30.8277 9.85125 30.8262 9.86523C30.8178 9.94007 30.8076 10.0139 30.7959 10.0869C30.7911 10.1167 30.7856 10.1463 30.7803 10.1758C30.7711 10.2263 30.7617 10.2765 30.751 10.3262C30.7439 10.3589 30.7363 10.3915 30.7285 10.4238C30.7164 10.4741 30.7033 10.5239 30.6895 10.5732C30.6809 10.6037 30.6723 10.634 30.6631 10.6641C30.6456 10.7214 30.6263 10.7779 30.6064 10.834C30.5973 10.8598 30.5887 10.8856 30.5791 10.9111C30.5657 10.9466 30.5515 10.9817 30.5371 11.0166C30.5186 11.0616 30.4996 11.1063 30.4795 11.1504C30.4769 11.1561 30.4753 11.1623 30.4727 11.168C30.4435 11.2313 30.4133 11.294 30.3809 11.3555C30.0616 11.9595 29.5713 12.4341 28.9111 12.7793C28.7466 12.8642 28.5702 12.9372 28.3828 13.001L31.377 18.4678H29.5127L26.7168 13.2832L26.3809 13.29H23.4814V18.4678H21.876V5.21289H26.3555ZM55.5342 5.21289L55.5352 5.21387V10.0801H55.6641C55.897 9.56672 56.247 9.15941 56.7129 8.85742C57.1832 8.55111 57.8089 8.39746 58.5898 8.39746C58.6745 8.39747 58.7578 8.39907 58.8398 8.40332C59.004 8.41183 59.1628 8.42956 59.3164 8.45508C59.4697 8.48054 59.6179 8.51425 59.7607 8.55664C59.9041 8.59919 60.042 8.65037 60.1748 8.70996C60.2408 8.73958 60.3057 8.77085 60.3691 8.80469C60.6239 8.93855 60.8503 9.10917 61.0479 9.31543C61.2453 9.5216 61.4145 9.76381 61.5547 10.042L61.6533 10.2559C61.6806 10.3205 61.7066 10.3868 61.7305 10.4551L61.7402 10.4844C61.7413 10.4876 61.7421 10.4909 61.7432 10.4941C61.7672 10.5654 61.7892 10.6387 61.8096 10.7139C61.8124 10.7242 61.8147 10.7347 61.8174 10.7451C61.8356 10.8145 61.852 10.8854 61.8672 10.958C61.8709 10.9759 61.8754 10.9937 61.8789 11.0117C61.8918 11.0771 61.9027 11.1439 61.9131 11.2119C61.9161 11.2317 61.92 11.2515 61.9229 11.2715C61.9324 11.3389 61.9401 11.4076 61.9473 11.4775C61.9494 11.4986 61.9522 11.5197 61.9541 11.541C61.9719 11.735 61.9814 11.9386 61.9814 12.1514V18.4678H60.4531V12.2549C60.4531 11.4656 60.2485 10.8553 59.8389 10.4238C59.4333 9.98806 58.8699 9.76953 58.1494 9.76953C57.8992 9.76953 57.6618 9.79579 57.4375 9.84863C57.3255 9.87509 57.2169 9.90863 57.1113 9.94824C57.0584 9.96807 57.0064 9.98956 56.9551 10.0127C56.9039 10.0358 56.8533 10.0605 56.8037 10.0869C56.5609 10.2177 56.3493 10.3858 56.1689 10.5908C56.0579 10.7173 55.9583 10.858 55.8711 11.0127C55.6469 11.4182 55.5352 11.9103 55.5352 12.4883V18.4678H54.0078V5.21289H55.5342ZM79.2119 8.37207C79.3239 8.37208 79.465 8.37363 79.6328 8.37793C79.801 8.38224 79.9284 8.38883 80.0146 8.39746V9.95117C79.9629 9.93823 79.8437 9.91847 79.6582 9.89258C79.5678 9.87752 79.4747 9.86594 79.3789 9.8584L79.082 9.84766C78.6597 9.84774 78.2768 9.92505 77.9336 10.0801C77.8846 10.1022 77.8365 10.1261 77.7891 10.1514C77.6485 10.2257 77.5182 10.3111 77.3994 10.4072C77.3596 10.4394 77.3215 10.4732 77.2842 10.5078C77.1354 10.6457 77.0055 10.8028 76.8955 10.9795C76.6799 11.3289 76.5713 11.7291 76.5713 12.1777V18.4678H75.0439V8.52734H75.0449V8.52637H76.5195V10.0283H76.623C76.6909 9.84406 76.7796 9.67287 76.8887 9.51465C76.926 9.4607 76.9657 9.40834 77.0078 9.35742C77.1713 9.15914 77.3713 8.98343 77.6074 8.83105C78.0225 8.56324 78.4837 8.41244 78.9912 8.37891C79.0638 8.37409 79.1374 8.37208 79.2119 8.37207ZM70.7285 13.4717C70.6637 13.5492 70.5215 13.6209 70.3018 13.6855C70.1962 13.7151 70.0821 13.7421 69.96 13.7686C69.8328 13.7961 69.6968 13.8225 69.5518 13.8467C69.3024 13.885 69.0575 13.9195 68.8184 13.9512C68.7886 13.9551 68.7591 13.96 68.7295 13.9639C68.4665 13.9941 68.2528 14.0195 68.0889 14.041C67.6919 14.0928 67.3207 14.1775 66.9756 14.2939C66.7625 14.3641 66.5746 14.4566 66.4121 14.5723C66.3149 14.6416 66.2266 14.7192 66.1475 14.8047C66.0783 14.8796 66.0218 14.9643 65.9756 15.0576C65.8837 15.2435 65.836 15.4651 65.8359 15.7236C65.8359 16.2384 66.0222 16.6302 66.3916 16.9014C66.4028 16.9096 66.4133 16.9188 66.4248 16.9268C66.66 17.0852 66.9327 17.196 67.2422 17.2607C67.3898 17.2916 67.5455 17.3128 67.71 17.3223C67.7827 17.3265 67.8575 17.3291 67.9336 17.3291C68.3112 17.3291 68.6517 17.2822 68.9551 17.1895C69.0763 17.1524 69.1914 17.1075 69.3008 17.0557C69.3555 17.0297 69.4092 17.0023 69.4609 16.9727C69.8793 16.7354 70.1939 16.428 70.4053 16.0527C70.5668 15.7715 70.6685 15.4797 70.709 15.1768C70.7225 15.0758 70.7285 14.9735 70.7285 14.8701V13.4717ZM37.2324 9.76953C36.8521 9.76954 36.5037 9.82827 36.1875 9.94629C36.0609 9.99362 35.9396 10.051 35.8232 10.1172C35.7654 10.1501 35.7086 10.1851 35.6533 10.2227C35.2133 10.5203 34.875 10.9089 34.6377 11.3877C34.61 11.4436 34.5831 11.4998 34.5586 11.5566C34.4048 11.9172 34.32 12.2971 34.2949 12.6953H39.9502C39.9502 12.625 39.9488 12.5557 39.9453 12.4873C39.9207 12.0098 39.8105 11.5784 39.6143 11.1934C39.3942 10.7533 39.0788 10.4059 38.6689 10.1514C38.2634 9.89694 37.7845 9.76953 37.2324 9.76953ZM23.4814 11.8408H26.3281C26.6818 11.8408 27.0014 11.8147 27.2861 11.7627C27.3573 11.7498 27.4263 11.7359 27.4932 11.7197C27.694 11.671 27.8752 11.607 28.0371 11.5293C28.3636 11.3741 28.6226 11.171 28.8135 10.9189C28.8454 10.8767 28.8752 10.833 28.9033 10.7881C28.9313 10.7435 28.9573 10.6976 28.9814 10.6504C29.0176 10.5804 29.0504 10.5075 29.0801 10.4326C29.1471 10.2631 29.1973 10.0813 29.2305 9.88672C29.243 9.81365 29.254 9.73868 29.2617 9.66211L29.2803 9.27832C29.2803 9.0131 29.2548 8.76434 29.2051 8.53223C29.1926 8.47388 29.1787 8.41659 29.1631 8.36035C29.1165 8.19267 29.0558 8.03444 28.9814 7.88574C28.9704 7.86364 28.9571 7.84283 28.9453 7.82129C28.9155 7.76685 28.8841 7.71394 28.8496 7.66309C28.8195 7.61871 28.7876 7.57582 28.7539 7.53418C28.5674 7.30385 28.3274 7.1144 28.0312 6.96777C27.5955 6.74773 27.019 6.6377 26.3027 6.6377H23.4814V11.8408Z"
                fill="currentColor"
              />
            </svg>

            <div className="flex flex-row items-center justify-between text-sm w-full">
              <span className="text-foreground-light text-xs">This component uses Recharts</span>
              {doc.links ? (
                <div className="flex items-center gap-2 justify-end">
                  {doc.links?.doc && (
                    <Button
                      variant="outline"
                      className="rounded-full"
                      icon={<ExternalLink className="text-foreground-muted" strokeWidth={1} />}
                    >
                      <Link href={doc.links.doc} target="_blank" rel="noreferrer">
                        Docs
                      </Link>
                    </Button>
                  )}
                  {doc.links?.api && (
                    <Button
                      variant="outline"
                      className="rounded-full"
                      icon={<ExternalLink className="text-foreground-muted" strokeWidth={1} />}
                    >
                      <Link href={doc.links.api} target="_blank" rel="noreferrer">
                        API Reference
                      </Link>
                    </Button>
                  )}
                </div>
              ) : null}
            </div>
          </div>
        )
      }
    }

    return (
      <div className="flex flex-col -space-y-px">
        <RadixPanel />
        <VaulPanel />
        <InputOtp />
        <ReactAccesibleTreeViewPanel />
        <RechartsPanel />
        {/* <ShadcnPanel /> */}
      </div>
    )
  }
)

SourcePanel.displayName = 'SourcePanel'

export { SourcePanel }