@butternutbox/pawprint-native 0.0.1 → 0.2.0

package/src/components/atoms/Logo/assets/ButternutTabbedBottom.tsx

@@ -0,0 +1,294 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+import { Ref, forwardRef } from "react"
+const SvgButternutTabbedBottom = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={208}
+    height={109}
+    viewBox="0 0 208 109"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <g clipPath="url(#clip0_33_8208)">
+      <path d="M0 145.333H208V4.57764e-05H0V145.333Z" fill="#522A10" />
+      <mask
+        id="mask0_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask0_33_8208)">
+        <path
+          d="M9.042 5.05013H198.958C200.838 5.05013 202.363 6.56776 202.363 8.44011V136.893C202.363 138.766 200.838 140.283 198.958 140.283H9.042C7.16114 140.283 5.6366 138.766 5.6366 136.893V8.44011C5.6366 6.56776 7.16114 5.05013 9.042 5.05013Z"
+          fill="#FFD54D"
+        />
+      </g>
+      <mask
+        id="mask1_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask1_33_8208)">
+        <path
+          d="M41.3725 43.1255C40.1186 41.7046 39.4911 39.6954 39.4911 37.0996V22.2777H47.1018V35.4769C47.1018 36.5015 47.3029 37.2728 47.7031 37.7919C48.1034 38.3114 48.7272 38.571 49.5725 38.571C50.5349 38.571 51.2784 38.2464 51.8034 37.5968C52.2841 36.9909 52.525 36.061 52.525 34.8059V22.2777H60.1357V44.6073H54.5161C54.4863 43.9587 54.3922 43.4391 54.2318 43.0491C54.0573 42.5877 53.7862 42.3573 53.4225 42.3573C53.2627 42.3573 53.1237 42.3932 53.0072 42.465C52.8912 42.5378 52.7376 42.6746 52.5479 42.8764C51.7898 43.6846 50.955 44.2827 50.0438 44.6723C49.1326 45.0608 48.0501 45.2559 46.7967 45.2559C44.4341 45.2559 42.6264 44.5464 41.3725 43.1245V43.1255Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask2_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-1}
+        width={208}
+        height={147}
+      >
+        <path d="M0 -7.62939e-05H208V145.333H0V-7.62939e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask2_33_8208)">
+        <path
+          d="M67.3114 43.0515C65.9776 41.8329 65.3104 39.8742 65.3104 37.1775V28.3063H61.9207V22.2477H64.0419C64.7853 22.2477 65.3757 22.0995 65.8135 21.8046C66.2508 21.5092 66.5857 21.0291 66.8198 20.3655C67.1986 19.1973 67.4828 17.8695 67.6724 16.3841H72.768V22.2477H77.2074V28.3063H72.768V36.2471C72.768 37.214 72.976 37.9057 73.3913 38.3244C73.8072 38.7425 74.4733 38.9516 75.3929 38.9516C76.0339 38.9516 76.7048 38.8725 77.4043 38.7134V44.3606C76.9378 44.5192 76.3511 44.6451 75.6442 44.7387C74.9368 44.8328 74.2476 44.8796 73.5778 44.8796C70.7346 44.8796 68.6463 44.2711 67.3114 43.0515Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask3_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask3_33_8208)">
+        <path
+          d="M26.7827 38.3489C27.7591 38.3489 28.4916 38.0784 28.9812 37.537C29.4692 36.9966 29.7137 36.1925 29.7137 35.1248C29.7137 32.9471 28.7293 31.857 26.7612 31.857H22.6719V38.3478H26.7837L26.7827 38.3489ZM22.6709 20.7364V26.8163H25.9514C26.9279 26.8163 27.6536 26.5708 28.1275 26.0803C28.6013 25.5904 28.8375 24.8186 28.8375 23.7654C28.8375 21.7459 27.8824 20.7364 25.9728 20.7364H22.6698H22.6709ZM36.5908 31.2298C37.4294 32.4702 37.8484 33.9707 37.8484 35.7302C37.8484 38.572 37.0172 40.7605 35.3552 42.2969C33.6938 43.8338 31.2878 44.6014 28.1379 44.6014H14.4912V14.4832H27.4822C29.4645 14.4832 31.1489 14.8109 32.5344 15.4678C33.9195 16.1241 34.9623 17.0437 35.6619 18.2264C36.3615 19.4096 36.7115 20.7941 36.7115 22.3814C36.7115 23.795 36.3876 25.0318 35.7387 26.0918C35.0903 27.1517 34.1316 27.9782 32.8636 28.569C34.5109 29.1026 35.7533 29.9899 36.5924 31.2303L36.5908 31.2298Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask4_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-1}
+        width={208}
+        height={147}
+      >
+        <path d="M0 -7.62939e-05H208V145.333H0V-7.62939e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask4_33_8208)">
+        <path
+          d="M84.3347 43.0515C83.0009 41.8329 82.3337 39.8742 82.3337 37.1775V28.3063H78.944V22.2477H81.0652C81.8086 22.2477 82.399 22.0995 82.8368 21.8046C83.2741 21.5092 83.609 21.0291 83.8431 20.3655C84.2219 19.1973 84.5056 17.8695 84.6958 16.3841H89.7913V22.2477H94.2307V28.3063H89.7913V36.2471C89.7913 37.214 89.9987 37.9057 90.4146 38.3244C90.83 38.7425 91.4966 38.9516 92.4157 38.9516C93.0572 38.9516 93.7281 38.8725 94.4277 38.7134V44.3606C93.9611 44.5192 93.3744 44.6451 92.6675 44.7387C91.9601 44.8328 91.2709 44.8796 90.6006 44.8796C87.7574 44.8796 85.6696 44.2711 84.3347 43.0515Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask5_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask5_33_8208)">
+        <path
+          d="M103.742 28.2418C103.152 28.9341 102.835 29.9373 102.791 31.2496H109.221C109.235 29.8936 108.976 28.881 108.444 28.2101C107.912 27.5391 107.157 27.2042 106.18 27.2042C105.145 27.2042 104.332 27.5506 103.742 28.2428V28.2418ZM102.791 35.4036V35.75C102.791 37.005 103.071 37.9464 103.632 38.5736C104.194 39.2014 104.991 39.515 106.027 39.515C106.902 39.515 107.576 39.3164 108.05 38.9206C108.524 38.5242 108.818 37.9214 108.936 37.1132H116.044C115.665 39.6523 114.611 41.6391 112.884 43.0741C111.156 44.5101 108.863 45.2268 106.005 45.2268C103.834 45.2268 101.934 44.7618 100.308 43.8314C98.6826 42.9004 97.4281 41.5523 96.5468 39.7855C95.6643 38.0182 95.2239 35.9019 95.2239 33.4345C95.2239 30.9671 95.668 28.869 96.5577 27.095C97.447 25.3204 98.7014 23.9613 100.319 23.0163C101.938 22.0718 103.832 21.599 106.005 21.599C108.179 21.599 109.938 22.0318 111.506 22.8977C113.073 23.7637 114.284 25.0218 115.136 26.6732C115.989 28.325 116.416 30.305 116.416 32.6127C116.416 33.9406 116.342 34.87 116.197 35.4036H102.791Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask6_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask6_33_8208)">
+        <path
+          d="M118.136 44.5708V22.2412H123.363C123.436 23.193 123.538 23.8853 123.67 24.319C123.8 24.7949 123.997 25.0331 124.26 25.0331C124.391 25.0331 124.49 25.0004 124.555 24.9359C124.622 24.8708 124.698 24.7372 124.785 24.5349C125.149 23.6694 125.74 22.999 126.557 22.5226C127.373 22.0462 128.372 21.808 129.553 21.808C130.224 21.808 130.807 21.8657 131.303 21.9806V28.7961C130.69 28.7092 130.107 28.6666 129.553 28.6666C128.882 28.6666 128.306 28.7394 127.826 28.8829C127.344 29.0275 126.95 29.2652 126.645 29.5975C126.046 30.2612 125.748 31.2494 125.748 32.5621V44.5708H118.137H118.136Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask7_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask7_33_8208)">
+        <path
+          d="M133.111 44.5782V22.2487H138.775C138.803 22.9128 138.899 23.4392 139.059 23.8282C139.161 24.0597 139.274 24.2323 139.398 24.3473C139.521 24.4627 139.671 24.5205 139.846 24.5205C140.02 24.5205 140.166 24.4851 140.283 24.4123C140.399 24.3405 140.552 24.2032 140.742 24.0009C141.486 23.2077 142.324 22.6086 143.257 22.2055C144.19 21.8024 145.284 21.599 146.538 21.599C148.885 21.599 150.69 22.31 151.951 23.7304C153.212 25.1513 153.843 27.1605 153.843 29.7563V44.5782H146.232V31.2709C146.232 29.2804 145.423 28.285 143.804 28.285C142.886 28.285 142.157 28.6022 141.617 29.2373C141.019 29.9587 140.721 30.9677 140.721 32.2664V44.5782H133.11H133.111Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask8_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask8_33_8208)">
+        <path
+          d="M157.591 43.0944C156.337 41.674 155.71 39.6648 155.71 37.0684V22.2471H163.321V35.4457C163.321 36.4703 163.522 37.2416 163.922 37.7607C164.322 38.2803 164.946 38.5398 165.791 38.5398C166.754 38.5398 167.497 38.2153 168.022 37.5657C168.503 36.9597 168.744 36.0298 168.744 34.7748V22.2471H176.355V44.5761H170.734C170.705 43.9276 170.611 43.408 170.451 43.0184C170.276 42.5566 170.006 42.3262 169.642 42.3262C169.482 42.3262 169.343 42.3621 169.226 42.4338C169.11 42.5066 168.956 42.6434 168.767 42.8452C168.009 43.6535 167.174 44.2521 166.263 44.6411C165.352 45.0302 164.269 45.2252 163.016 45.2252C160.653 45.2252 158.846 44.5153 157.591 43.0933V43.0944Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask9_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-1}
+        width={208}
+        height={147}
+      >
+        <path d="M0 -7.62939e-05H208V145.333H0V-7.62939e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask9_33_8208)">
+        <path
+          d="M183.528 43.0515C182.194 41.8329 181.527 39.8742 181.527 37.1775V28.3063H178.137V22.2477H180.258C181.002 22.2477 181.592 22.0995 182.03 21.8046C182.467 21.5092 182.802 21.0291 183.036 20.3655C183.415 19.1973 183.699 17.8695 183.889 16.3841H188.984V22.2477H193.424V28.3063H188.984V36.2471C188.984 37.214 189.192 37.9057 189.608 38.3244C190.024 38.7425 190.69 38.9516 191.609 38.9516C192.25 38.9516 192.921 38.8725 193.621 38.7134V44.3606C193.154 44.5192 192.567 44.6451 191.861 44.7387C191.153 44.8328 190.464 44.8796 189.794 44.8796C186.951 44.8796 184.863 44.2711 183.528 43.0515Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask10_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask10_33_8208)">
+        <path
+          d="M26.7827 71.033C27.7591 71.033 28.4916 70.7626 28.9812 70.2212C29.4692 69.6808 29.7137 68.8767 29.7137 67.809C29.7137 65.6313 28.7293 64.5412 26.7612 64.5412H22.6719V71.032H26.7837L26.7827 71.033ZM22.6709 53.4205V59.5004H25.9514C26.9279 59.5004 27.6536 59.255 28.1275 58.7645C28.6013 58.2746 28.8375 57.5028 28.8375 56.4496C28.8375 54.43 27.8824 53.4205 25.9728 53.4205H22.6698H22.6709ZM36.5908 63.9145C37.4294 65.1554 37.8484 66.6559 37.8484 68.4149C37.8484 71.2572 37.0172 73.4452 35.3557 74.9821C33.6938 76.519 31.2878 77.2861 28.1379 77.2861H14.4912V47.1679H27.4822C29.4645 47.1679 31.1489 47.4961 32.5344 48.1525C33.9195 48.8094 34.9623 49.7284 35.6619 50.9116C36.3615 52.0948 36.712 53.4788 36.712 55.0661C36.712 56.4797 36.3876 57.717 35.7387 58.777C35.0903 59.8369 34.1316 60.6629 32.8636 61.2542C34.5109 61.7878 35.7533 62.6746 36.5924 63.9155L36.5908 63.9145Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask11_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask11_33_8208)">
+        <path
+          d="M54.0387 66.1185C54.0387 62.4263 52.8653 60.5794 50.5173 60.5794C49.3794 60.5794 48.5126 61.0225 47.9149 61.9098C47.3167 62.7966 47.0184 64.1998 47.0184 66.1185C47.0184 68.0372 47.3167 69.4404 47.9149 70.3272C48.5126 71.2145 49.3804 71.6576 50.5173 71.6576C52.8642 71.6576 54.0387 69.8118 54.0387 66.1185ZM44.5362 76.4504C42.8518 75.4622 41.5618 74.0782 40.6653 72.2958C39.7687 70.5144 39.3204 68.4553 39.3204 66.1185C39.3204 63.7812 39.7687 61.7226 40.6653 59.9412C41.5618 58.1599 42.8518 56.7754 44.5362 55.7866C46.2201 54.7985 48.2133 54.3044 50.5173 54.3044C52.8214 54.3044 54.8146 54.799 56.4985 55.7866C58.1824 56.7743 59.4723 58.1599 60.3694 59.9412C61.2659 61.7226 61.7137 63.7812 61.7137 66.1185C61.7137 68.4553 61.2659 70.5144 60.3694 72.2958C59.4723 74.0771 58.1824 75.4622 56.4985 76.4504C54.8146 77.4386 52.8203 77.9321 50.5173 77.9321C48.2143 77.9321 46.2201 77.438 44.5362 76.4504Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask12_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask12_33_8208)">
+        <path
+          d="M76.5422 65.7535L83.0594 77.2867H74.5077L71.293 70.709L68.0778 77.2867H60.2262L66.6123 66.0567L60.1604 54.9571H68.6468L71.7737 61.2967L74.9011 54.9571H82.7088L76.5412 65.7545L76.5422 65.7535Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask13_33_8208"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={0}
+        width={208}
+        height={146}
+      >
+        <path d="M0 4.57764e-05H208V145.333H0V4.57764e-05Z" fill="white" />
+      </mask>
+      <g mask="url(#mask13_33_8208)">
+        <path
+          d="M93.0697 68.8693H84.5625V77.2861H93.0697V68.8693Z"
+          fill="#522A10"
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="clip0_33_8208">
+        <rect width={208} height={109} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+const ForwardRef = forwardRef(SvgButternutTabbedBottom)
+export default ForwardRef

package/src/components/atoms/Logo/assets/ButternutTabbedTop.tsx

@@ -0,0 +1,294 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+import { Ref, forwardRef } from "react"
+const SvgButternutTabbedTop = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={208}
+    height={109}
+    viewBox="0 0 208 109"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <g clipPath="url(#clip0_33_8267)">
+      <path d="M0 109H208V-36.3333H0V109Z" fill="#522A10" />
+      <mask
+        id="mask0_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask0_33_8267)">
+        <path
+          d="M9.042 -31.2832H198.958C200.838 -31.2832 202.363 -29.7656 202.363 -27.8933V100.56C202.363 102.432 200.838 103.95 198.958 103.95H9.042C7.16114 103.95 5.6366 102.432 5.6366 100.56V-27.8933C5.6366 -29.7656 7.16114 -31.2832 9.042 -31.2832Z"
+          fill="#FFD54D"
+        />
+      </g>
+      <mask
+        id="mask1_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask1_33_8267)">
+        <path
+          d="M41.3725 58.2815C40.1186 56.8606 39.4911 54.8514 39.4911 52.2556V37.4337H47.1018V50.6329C47.1018 51.6575 47.3029 52.4288 47.7031 52.9479C48.1034 53.4674 48.7272 53.727 49.5725 53.727C50.5349 53.727 51.2784 53.4024 51.8034 52.7528C52.2841 52.1469 52.525 51.217 52.525 49.9619V37.4337H60.1357V59.7633H54.5161C54.4863 59.1147 54.3922 58.5951 54.2318 58.2051C54.0573 57.7437 53.7862 57.5133 53.4225 57.5133C53.2627 57.5133 53.1237 57.5492 53.0072 57.621C52.8912 57.6938 52.7376 57.8306 52.5479 58.0324C51.7898 58.8406 50.955 59.4388 50.0438 59.8278C49.1326 60.2168 48.0501 60.4119 46.7967 60.4119C44.4341 60.4119 42.6264 59.7024 41.3725 58.2805V58.2815Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask2_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask2_33_8267)">
+        <path
+          d="M67.3114 58.2076C65.9776 56.989 65.3104 55.0304 65.3104 52.3337V43.4624H61.9207V37.4038H64.0419C64.7853 37.4038 65.3757 37.2556 65.8135 36.9607C66.2508 36.6658 66.5857 36.1852 66.8198 35.5216C67.1986 34.3535 67.4828 33.0257 67.6724 31.5403H72.768V37.4038H77.2074V43.4624H72.768V51.4032C72.768 52.3701 72.976 53.0623 73.3913 53.4805C73.8072 53.8986 74.4733 54.1077 75.3929 54.1077C76.0339 54.1077 76.7048 54.0287 77.4043 53.8695V59.5167C76.9378 59.6753 76.3511 59.8012 75.6442 59.8948C74.9368 59.989 74.2476 60.0358 73.5778 60.0358C70.7346 60.0358 68.6463 59.4273 67.3114 58.2076Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask3_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask3_33_8267)">
+        <path
+          d="M26.7827 53.5049C27.7591 53.5049 28.4916 53.2344 28.9812 52.693C29.4692 52.1526 29.7137 51.3485 29.7137 50.2808C29.7137 48.1032 28.7293 47.013 26.7612 47.013H22.6719V53.5038H26.7837L26.7827 53.5049ZM22.6709 35.8924V41.9723H25.9514C26.9279 41.9723 27.6536 41.7268 28.1275 41.2363C28.6013 40.7464 28.8375 39.9746 28.8375 38.9214C28.8375 36.9019 27.8824 35.8924 25.9728 35.8924H22.6698H22.6709ZM36.5908 46.3858C37.4294 47.6262 37.8484 49.1267 37.8484 50.8862C37.8484 53.728 37.0172 55.9165 35.3552 57.4529C33.6938 58.9898 31.2878 59.7574 28.1379 59.7574H14.4912V29.6393H27.4822C29.4645 29.6393 31.1489 29.9669 32.5344 30.6238C33.9195 31.2802 34.9623 32.1997 35.6619 33.3824C36.3615 34.5656 36.7115 35.9501 36.7115 37.5374C36.7115 38.951 36.3876 40.1878 35.7387 41.2478C35.0903 42.3077 34.1316 43.1342 32.8636 43.725C34.5109 44.2586 35.7533 45.1459 36.5924 46.3863L36.5908 46.3858Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask4_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask4_33_8267)">
+        <path
+          d="M84.3347 58.2076C83.0009 56.989 82.3337 55.0304 82.3337 52.3337V43.4624H78.944V37.4038H81.0652C81.8086 37.4038 82.399 37.2556 82.8368 36.9607C83.2741 36.6658 83.609 36.1852 83.8431 35.5216C84.2219 34.3535 84.5056 33.0257 84.6958 31.5403H89.7913V37.4038H94.2307V43.4624H89.7913V51.4032C89.7913 52.3701 89.9987 53.0623 90.4146 53.4805C90.83 53.8986 91.4966 54.1077 92.4157 54.1077C93.0572 54.1077 93.7281 54.0287 94.4277 53.8695V59.5167C93.9611 59.6753 93.3744 59.8012 92.6675 59.8948C91.9601 59.989 91.2709 60.0358 90.6006 60.0358C87.7574 60.0358 85.6696 59.4273 84.3347 58.2076Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask5_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask5_33_8267)">
+        <path
+          d="M103.742 43.3978C103.152 44.0901 102.835 45.0933 102.791 46.4056H109.221C109.235 45.0496 108.976 44.037 108.444 43.3661C107.912 42.6951 107.157 42.3602 106.18 42.3602C105.145 42.3602 104.332 42.7066 103.742 43.3988V43.3978ZM102.791 50.5596V50.906C102.791 52.161 103.071 53.1024 103.632 53.7297C104.194 54.3574 104.991 54.671 106.027 54.671C106.902 54.671 107.576 54.4724 108.05 54.0766C108.524 53.6802 108.818 53.0774 108.936 52.2692H116.044C115.665 54.8083 114.611 56.7951 112.884 58.2301C111.156 59.6661 108.863 60.3828 106.005 60.3828C103.834 60.3828 101.934 59.9178 100.308 58.9874C98.6826 58.0564 97.4281 56.7083 96.5468 54.9415C95.6643 53.1742 95.2239 51.0579 95.2239 48.5905C95.2239 46.1231 95.668 44.025 96.5577 42.251C97.447 40.4764 98.7014 39.1173 100.319 38.1723C101.938 37.2278 103.832 36.755 106.005 36.755C108.179 36.755 109.938 37.1878 111.506 38.0537C113.073 38.9197 114.284 40.1778 115.136 41.8292C115.989 43.481 116.416 45.461 116.416 47.7687C116.416 49.0966 116.342 50.026 116.197 50.5596H102.791Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask6_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask6_33_8267)">
+        <path
+          d="M118.136 59.7269V37.3973H123.363C123.436 38.3491 123.538 39.0414 123.67 39.4751C123.8 39.951 123.997 40.1892 124.26 40.1892C124.391 40.1892 124.49 40.1565 124.555 40.092C124.622 40.027 124.698 39.8933 124.785 39.691C125.149 38.8255 125.74 38.1551 126.557 37.6787C127.373 37.2023 128.372 36.9641 129.553 36.9641C130.224 36.9641 130.807 37.0218 131.303 37.1368V43.9522C130.69 43.8653 130.107 43.8227 129.553 43.8227C128.882 43.8227 128.306 43.8955 127.826 44.0391C127.344 44.1836 126.95 44.4213 126.645 44.7537C126.046 45.4173 125.748 46.4055 125.748 47.7183V59.7269H118.137H118.136Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask7_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask7_33_8267)">
+        <path
+          d="M133.111 59.7343V37.4047H138.775C138.803 38.0688 138.899 38.5952 139.059 38.9842C139.161 39.2157 139.274 39.3883 139.398 39.5038C139.521 39.6187 139.671 39.6765 139.846 39.6765C140.02 39.6765 140.166 39.6411 140.283 39.5683C140.399 39.4965 140.552 39.3592 140.742 39.1569C141.486 38.3637 142.324 37.7646 143.257 37.3615C144.19 36.9584 145.284 36.755 146.538 36.755C148.885 36.755 150.69 37.466 151.951 38.887C153.212 40.3074 153.843 42.3165 153.843 44.9123V59.7343H146.232V46.4269C146.232 44.4365 145.423 43.441 143.804 43.441C142.886 43.441 142.157 43.7588 141.617 44.3933C141.019 45.1147 140.721 46.1237 140.721 47.4224V59.7343H133.11H133.111Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask8_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask8_33_8267)">
+        <path
+          d="M157.591 58.2504C156.337 56.83 155.71 54.8208 155.71 52.2244V37.4031H163.321V50.6017C163.321 51.6263 163.522 52.3976 163.922 52.9167C164.322 53.4363 164.946 53.6958 165.791 53.6958C166.754 53.6958 167.497 53.3713 168.022 52.7217C168.503 52.1157 168.744 51.1858 168.744 49.9308V37.4031H176.355V59.7321H170.734C170.705 59.0836 170.611 58.564 170.451 58.1744C170.276 57.7126 170.006 57.4822 169.642 57.4822C169.482 57.4822 169.343 57.5181 169.226 57.5898C169.11 57.6626 168.956 57.7994 168.767 58.0012C168.009 58.8095 167.174 59.4081 166.263 59.7971C165.352 60.1862 164.269 60.3812 163.016 60.3812C160.653 60.3812 158.846 59.6713 157.591 58.2493V58.2504Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask9_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask9_33_8267)">
+        <path
+          d="M183.528 58.2076C182.194 56.989 181.527 55.0304 181.527 52.3337V43.4624H178.137V37.4038H180.258C181.002 37.4038 181.592 37.2556 182.03 36.9607C182.467 36.6658 182.802 36.1852 183.036 35.5216C183.415 34.3535 183.699 33.0257 183.889 31.5403H188.984V37.4038H193.424V43.4624H188.984V51.4032C188.984 52.3701 189.192 53.0623 189.608 53.4805C190.024 53.8986 190.69 54.1077 191.609 54.1077C192.25 54.1077 192.921 54.0287 193.621 53.8695V59.5167C193.154 59.6753 192.567 59.8012 191.861 59.8948C191.153 59.989 190.464 60.0358 189.794 60.0358C186.951 60.0358 184.863 59.4273 183.528 58.2076Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask10_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask10_33_8267)">
+        <path
+          d="M26.7827 86.1892C27.7591 86.1892 28.4916 85.9187 28.9812 85.3773C29.4692 84.8369 29.7137 84.0328 29.7137 82.9651C29.7137 80.7874 28.7293 79.6973 26.7612 79.6973H22.6719V86.1881H26.7837L26.7827 86.1892ZM22.6709 68.5767V74.6566H25.9514C26.9279 74.6566 27.6536 74.4111 28.1275 73.9206C28.6013 73.4307 28.8375 72.6589 28.8375 71.6057C28.8375 69.5862 27.8824 68.5767 25.9728 68.5767H22.6698H22.6709ZM36.5908 79.0706C37.4294 80.3116 37.8484 81.812 37.8484 83.571C37.8484 86.4133 37.0172 88.6014 35.3557 90.1382C33.6938 91.6751 31.2878 92.4423 28.1379 92.4423H14.4912V62.3241H27.4822C29.4645 62.3241 31.1489 62.6523 32.5344 63.3086C33.9195 63.9655 34.9623 64.8845 35.6619 66.0677C36.3615 67.2509 36.712 68.6349 36.712 70.2222C36.712 71.6359 36.3876 72.8732 35.7387 73.9331C35.0903 74.9931 34.1316 75.819 32.8636 76.4103C34.5109 76.9439 35.7533 77.8307 36.5924 79.0717L36.5908 79.0706Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask11_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask11_33_8267)">
+        <path
+          d="M54.0387 81.2746C54.0387 77.5824 52.8653 75.7355 50.5173 75.7355C49.3794 75.7355 48.5126 76.1787 47.9149 77.066C47.3167 77.9527 47.0184 79.356 47.0184 81.2746C47.0184 83.1933 47.3167 84.5965 47.9149 85.4833C48.5126 86.3706 49.3804 86.8137 50.5173 86.8137C52.8642 86.8137 54.0387 84.9679 54.0387 81.2746ZM44.5362 91.6065C42.8518 90.6183 41.5618 89.2343 40.6653 87.4519C39.7687 85.6705 39.3204 83.6115 39.3204 81.2746C39.3204 78.9373 39.7687 76.8787 40.6653 75.0974C41.5618 73.316 42.8518 71.9315 44.5362 70.9428C46.2201 69.9546 48.2133 69.4605 50.5173 69.4605C52.8214 69.4605 54.8146 69.9551 56.4985 70.9428C58.1824 71.9305 59.4723 73.316 60.3694 75.0974C61.2659 76.8787 61.7137 78.9373 61.7137 81.2746C61.7137 83.6115 61.2659 85.6705 60.3694 87.4519C59.4723 89.2333 58.1824 90.6183 56.4985 91.6065C54.8146 92.5947 52.8203 93.0883 50.5173 93.0883C48.2143 93.0883 46.2201 92.5942 44.5362 91.6065Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask12_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask12_33_8267)">
+        <path
+          d="M76.5422 80.9095L83.0594 92.4427H74.5077L71.293 85.865L68.0778 92.4427H60.2262L66.6123 81.2127L60.1604 70.1132H68.6468L71.7737 76.4527L74.9011 70.1132H82.7088L76.5412 80.9105L76.5422 80.9095Z"
+          fill="#522A10"
+        />
+      </g>
+      <mask
+        id="mask13_33_8267"
+        style={{
+          maskType: "luminance"
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={-37}
+        width={208}
+        height={146}
+      >
+        <path d="M0 -36.3333H208V109H0V-36.3333Z" fill="white" />
+      </mask>
+      <g mask="url(#mask13_33_8267)">
+        <path
+          d="M93.0697 84.0254H84.5625V92.4423H93.0697V84.0254Z"
+          fill="#522A10"
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="clip0_33_8267">
+        <rect width={208} height={109} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+const ForwardRef = forwardRef(SvgButternutTabbedTop)
+export default ForwardRef