sdaia-ui 1.0.1

package/src/icons/DGALogoSVG.tsx

@@ -0,0 +1,133 @@
+import * as React from "react"
+const DGALogoSVG = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={21}
+    height={31}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="url(#a)"
+      d="M11.356 15.019a.616.616 0 0 0-.254.495v5.02c0 .34.268.608.608.608.339 0 .608-.269.608-.608v-4.71l5.331-3.733c.184.1.382.142.608.142.721 0 1.315-.58 1.315-1.315 0-.721-.58-1.315-1.315-1.315-.721 0-1.315.58-1.315 1.315 0 .056 0 .113.014.155l-5.6 3.946Z"
+    />
+    <path
+      fill="url(#b)"
+      d="M7.582 13.69v5.005a1.313 1.313 0 0 0 .608 2.475c.721 0 1.315-.58 1.315-1.315 0-.509-.283-.947-.707-1.16v-4.68l7.891-5.516a.616.616 0 0 0 .255-.494V4.27a.604.604 0 0 0-.608-.608.604.604 0 0 0-.608.608V7.68l-7.891 5.515a.52.52 0 0 0-.255.495Z"
+    />
+    <path
+      fill="url(#c)"
+      d="m17.024 15.357-2.008 1.415a.597.597 0 0 0-.141.848c.113.17.311.255.495.255.127 0 .24-.029.354-.114l2.008-1.414a.597.597 0 0 0 .141-.848.607.607 0 0 0-.849-.142Z"
+    />
+    <path
+      fill="url(#d)"
+      d="M20.872 18.908a.616.616 0 0 0-.863-.156l-9.517 6.66-9.517-6.66a.616.616 0 0 0-.863.156.616.616 0 0 0 .156.862l9.15 6.406-2.673 1.881a1.283 1.283 0 0 0-.608-.141c-.736 0-1.33.594-1.33 1.329s.594 1.33 1.33 1.33c.735 0 1.329-.595 1.329-1.33 0-.056 0-.113-.014-.17l3.054-2.135 3.055 2.135c0 .057-.014.114-.014.17 0 .735.594 1.33 1.33 1.33.734 0 1.328-.595 1.328-1.33 0-.735-.593-1.33-1.329-1.33-.226 0-.424.057-.608.142l-2.673-1.88 9.15-6.407a.637.637 0 0 0 .127-.862Z"
+    />
+    <path
+      fill="url(#e)"
+      d="m3.958 4.468 2.008-1.414a.597.597 0 0 0 .141-.848.598.598 0 0 0-.495-.255.555.555 0 0 0-.353.113L3.25 3.478a.597.597 0 0 0-.142.849c.184.269.566.34.849.141Z"
+    />
+    <path
+      fill="url(#f)"
+      d="M12.192 2.475v3.351l-7.89 5.516a.616.616 0 0 0-.255.494v3.734c0 .34.269.608.608.608.34 0 .608-.269.608-.608v-3.408l7.891-5.516a.616.616 0 0 0 .255-.494V2.475A1.313 1.313 0 0 0 12.8 0c-.722 0-1.316.58-1.316 1.315.014.495.297.933.707 1.16Z"
+    />
+    <path
+      fill="url(#g)"
+      d="M2.714 10.197c.72 0 1.315-.58 1.315-1.316 0-.056 0-.113-.014-.155l5.6-3.917a.616.616 0 0 0 .254-.495V.623a.604.604 0 0 0-.608-.608.604.604 0 0 0-.608.608v3.38L3.322 7.722a1.245 1.245 0 0 0-.608-.142c-.722 0-1.316.58-1.316 1.315a1.319 1.319 0 0 0 1.316 1.302Z"
+    />
+    <defs>
+      <linearGradient
+        id="a"
+        x1={15.34}
+        x2={15.34}
+        y1={3.958}
+        y2={27.772}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#00ABAF" />
+        <stop offset={0.24} stopColor="#0093B4" />
+        <stop offset={0.48} stopColor="#0080BA" />
+        <stop offset={1} stopColor="#774896" />
+      </linearGradient>
+      <linearGradient
+        id="b"
+        x1={11.908}
+        x2={11.908}
+        y1={3.958}
+        y2={27.772}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#00ABAF" />
+        <stop offset={0.24} stopColor="#0093B4" />
+        <stop offset={0.48} stopColor="#0080BA" />
+        <stop offset={1} stopColor="#774896" />
+      </linearGradient>
+      <linearGradient
+        id="c"
+        x1={16.372}
+        x2={16.372}
+        y1={3.958}
+        y2={27.771}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#00ABAF" />
+        <stop offset={0.24} stopColor="#0093B4" />
+        <stop offset={0.48} stopColor="#0080BA" />
+        <stop offset={1} stopColor="#774896" />
+      </linearGradient>
+      <linearGradient
+        id="d"
+        x1={10.492}
+        x2={10.492}
+        y1={3.958}
+        y2={27.772}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#29B2B2" />
+        <stop offset={0.27} stopColor="#1091B3" />
+        <stop offset={0.48} stopColor="#017EB5" />
+        <stop offset={1} stopColor="#704B98" />
+      </linearGradient>
+      <linearGradient
+        id="e"
+        x1={4.609}
+        x2={4.609}
+        y1={3.958}
+        y2={27.771}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#00ABAF" />
+        <stop offset={0.24} stopColor="#0093B4" />
+        <stop offset={0.48} stopColor="#0080BA" />
+        <stop offset={1} stopColor="#774896" />
+      </linearGradient>
+      <linearGradient
+        id="f"
+        x1={9.082}
+        x2={9.082}
+        y1={3.958}
+        y2={27.771}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#00ABAF" />
+        <stop offset={0.24} stopColor="#0093B4" />
+        <stop offset={0.48} stopColor="#0080BA" />
+        <stop offset={1} stopColor="#774896" />
+      </linearGradient>
+      <linearGradient
+        id="g"
+        x1={5.643}
+        x2={5.643}
+        y1={3.958}
+        y2={27.772}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#00ABAF" />
+        <stop offset={0.24} stopColor="#0093B4" />
+        <stop offset={0.48} stopColor="#0080BA" />
+        <stop offset={1} stopColor="#774896" />
+      </linearGradient>
+    </defs>
+  </svg>
+)
+export default DGALogoSVG

package/src/icons/DeleteIcon.tsx

@@ -0,0 +1,24 @@
+import type { SVGProps } from 'react';
+
+/** Trash / delete icon used on the image preview hover overlay. */
+
+export function DeleteIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.0846 0.834518C8.3926 0.834851 8.66994 0.835158 8.9006 0.855831C9.27727 0.889524 9.63193 1.00449 9.93593 1.23126C10.1606 1.39897 10.3166 1.60426 10.4499 1.8266C10.5739 2.03264 10.6986 2.28952 10.8399 2.58092L11.1239 3.16732L14.0026 3.16778C14.3706 3.16778 14.6693 3.46626 14.6693 3.83445C14.6693 4.20264 14.3706 4.50112 14.0026 4.50112H13.4213L13.0573 10.4383C13.0066 11.2737 12.9659 11.9367 12.8826 12.4663C12.7973 13.0094 12.6606 13.4617 12.3879 13.8573C12.1379 14.2192 11.8159 14.5247 11.4433 14.7542C11.0353 15.0051 10.5799 15.1149 10.0379 15.1673H5.95394C5.41194 15.1147 4.95593 15.0047 4.54793 14.7533C4.1746 14.5234 3.8526 14.2174 3.6026 13.8548C3.32993 13.4586 3.19394 13.0057 3.10927 12.4618C3.02661 11.9315 2.9866 11.2675 2.9366 10.4309L2.5826 4.50112H2.0026C1.6346 4.50112 1.33594 4.20264 1.33594 3.83445C1.33594 3.46626 1.6346 3.16778 2.0026 3.16778L4.94261 3.16732L5.17994 2.64742C5.31727 2.34529 5.43861 2.0792 5.56061 1.86568C5.69194 1.63536 5.84727 1.42223 6.07527 1.24762C6.3826 1.01149 6.74394 0.891778 7.12927 0.856711C7.39127 0.832824 7.65594 0.833524 7.91927 0.834218L8.0846 0.834518ZM6.33594 6.97458C6.05994 6.97458 5.83594 7.19845 5.83594 7.47458V11.4746C5.83594 11.7508 6.05994 11.9746 6.33594 11.9746C6.61194 11.9746 6.83594 11.7508 6.83594 11.4746V7.47458C6.83594 7.19845 6.61194 6.97458 6.33594 6.97458ZM9.66927 6.97458C9.39327 6.97458 9.16927 7.19845 9.16927 7.47458V11.4746C9.16927 11.7508 9.39327 11.9746 9.66927 11.9746C9.94527 11.9746 10.1693 11.7508 10.1693 11.4746V7.47458C10.1693 7.19845 9.94527 6.97458 9.66927 6.97458ZM8.15412 2.16784L8.02594 2.16778C7.65861 2.16778 7.42727 2.16842 7.24994 2.18455C7.00061 2.20726 6.84527 2.30444 6.71861 2.52642C6.63527 2.67182 6.54527 2.86643 6.40794 3.16732H9.64194C9.49127 2.85599 9.3946 2.65862 9.30727 2.51278C9.1786 2.29923 9.02527 2.20562 8.78194 2.18386C8.63086 2.17034 8.43945 2.16817 8.15412 2.16784Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/DownloadIcon.tsx

@@ -0,0 +1,29 @@
+import type { SVGProps } from "react";
+
+type IconProps = SVGProps<SVGSVGElement> & { title?: string };
+
+export function DownloadIcon({ title = "Download", ...props }: IconProps) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      aria-hidden={title ? undefined : true}
+      {...props}
+    >
+      {title ? <title>{title}</title> : null}
+      <path
+        d="M12 3v10m0 0l4-4m-4 4L8 9"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M5 17v2a2 2 0 002 2h10a2 2 0 002-2v-2"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}

package/src/icons/DragHandleVerticalIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+
+/** Drag / rearrange handle (two vertical columns of dots). */
+
+export function DragHandleVerticalIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 10.5 14.5"
+      fill="none"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 1.25C0 0.559644 0.559644 0 1.25 0H1.25635C1.9467 0 2.50635 0.559644 2.50635 1.25C2.50635 1.94036 1.9467 2.5 1.25635 2.5H1.25C0.559644 2.5 0 1.94036 0 1.25ZM7.99365 1.25C7.99365 0.559644 8.5533 0 9.24365 0H9.25C9.94036 0 10.5 0.559644 10.5 1.25C10.5 1.94036 9.94036 2.5 9.25 2.5H9.24365C8.5533 2.5 7.99365 1.94036 7.99365 1.25ZM0 7.25C0 6.55964 0.559644 6 1.25 6H1.25635C1.9467 6 2.50635 6.55964 2.50635 7.25C2.50635 7.94036 1.9467 8.5 1.25635 8.5H1.25C0.559644 8.5 0 7.94036 0 7.25ZM7.99365 7.25C7.99365 6.55964 8.5533 6 9.24365 6H9.25C9.94036 6 10.5 6.55964 10.5 7.25C10.5 7.94036 9.94036 8.5 9.25 8.5H9.24365C8.5533 8.5 7.99365 7.94036 7.99365 7.25ZM0 13.25C0 12.5596 0.559644 12 1.25 12H1.25635C1.9467 12 2.50635 12.5596 2.50635 13.25C2.50635 13.9404 1.9467 14.5 1.25635 14.5H1.25C0.559644 14.5 0 13.9404 0 13.25ZM7.99365 13.25C7.99365 12.5596 8.5533 12 9.24365 12H9.25C9.94036 12 10.5 12.5596 10.5 13.25C10.5 13.9404 9.94036 14.5 9.25 14.5H9.24365C8.5533 14.5 7.99365 13.9404 7.99365 13.25Z"
+      />
+    </svg>
+  );
+}

package/src/icons/FeedbackEmojiDislikeIcon.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+
+export function FeedbackEmojiDislikeIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      width="100%"
+      height="100%"
+      {...props}
+    >
+      <path
+        d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C3.22139e-07 5.37258 5.37258 3.22129e-07 12 0ZM12 14.5117C9.89977 14.5118 8.03471 15.5211 6.86523 17.0781C6.58756 17.4478 6.66251 17.9733 7.03223 18.251C7.40191 18.5286 7.92643 18.4536 8.2041 18.084C9.07095 16.9298 10.4487 16.1856 12 16.1855C13.5514 16.1855 14.929 16.9298 15.7959 18.084C16.0735 18.4536 16.5981 18.5284 16.9678 18.251C17.3375 17.9733 17.4124 17.4478 17.1348 17.0781C15.9653 15.5211 14.1002 14.5117 12 14.5117ZM7.53516 7.25586C6.76453 7.25586 6.13965 7.88074 6.13965 8.65137C6.13976 9.4219 6.76459 10.0469 7.53516 10.0469H7.54492C8.31548 10.0469 8.94032 9.4219 8.94043 8.65137C8.94043 7.88074 8.31555 7.25586 7.54492 7.25586H7.53516ZM16.4551 7.25586C15.6845 7.25593 15.0596 7.88078 15.0596 8.65137C15.0597 9.42186 15.6846 10.0468 16.4551 10.0469H16.4648C17.2354 10.0469 17.8602 9.4219 17.8604 8.65137C17.8604 7.88074 17.2355 7.25586 16.4648 7.25586H16.4551Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FeedbackEmojiLikeIcon.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+
+export function FeedbackEmojiLikeIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      width="100%"
+      height="100%"
+      {...props}
+    >
+      <path
+        d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C3.22139e-07 5.37258 5.37258 3.22129e-07 12 0ZM8.2041 14.8457C7.92644 14.4762 7.40187 14.4022 7.03223 14.6797C6.66251 14.9574 6.58756 15.4818 6.86523 15.8516C8.03473 17.4087 9.89966 18.4189 12 18.4189C14.1001 18.4188 15.9644 17.4085 17.1338 15.8516C17.4114 15.4819 17.3373 14.9574 16.9678 14.6797C16.5981 14.402 16.0726 14.476 15.7949 14.8457C14.9281 15.9998 13.5512 16.744 12 16.7441C10.4486 16.7441 9.07098 15.9999 8.2041 14.8457ZM7.53516 7.25586C6.76453 7.25586 6.13965 7.88074 6.13965 8.65137C6.13976 9.4219 6.76459 10.0469 7.53516 10.0469H7.54492C8.31548 10.0469 8.94032 9.4219 8.94043 8.65137C8.94043 7.88074 8.31555 7.25586 7.54492 7.25586H7.53516ZM16.4551 7.25586C15.6845 7.25593 15.0596 7.88078 15.0596 8.65137C15.0597 9.42186 15.6846 10.0468 16.4551 10.0469H16.4648C17.2354 10.0469 17.8602 9.4219 17.8604 8.65137C17.8604 7.88074 17.2355 7.25586 16.4648 7.25586H16.4551Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FeedbackEmojiNeutralIcon.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+
+export function FeedbackEmojiNeutralIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      width="100%"
+      height="100%"
+      {...props}
+    >
+      <path
+        d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 3.22139e-07 18.6274 0 12C0 5.37258 5.37258 3.22139e-07 12 0ZM12 1.6748C6.29734 1.67481 1.6748 6.29734 1.6748 12C1.67481 17.7027 6.29734 22.3252 12 22.3252C17.7027 22.3252 22.3252 17.7027 22.3252 12C22.3252 6.29734 17.7027 1.6748 12 1.6748ZM7.54492 14.2334C8.16134 14.2335 8.66112 14.7332 8.66113 15.3496C8.66113 15.9661 8.16135 16.4657 7.54492 16.4658H7.53516C6.91865 16.4658 6.41895 15.9661 6.41895 15.3496C6.41896 14.7331 6.91866 14.2334 7.53516 14.2334H7.54492ZM16.4648 14.2334C17.0813 14.2334 17.581 14.7331 17.5811 15.3496C17.5811 15.9661 17.0813 16.4658 16.4648 16.4658H16.4551C15.8386 16.4658 15.3389 15.9661 15.3389 15.3496C15.3389 14.7331 15.8386 14.2334 16.4551 14.2334H16.4648ZM15.3486 6.69727C15.811 6.69727 16.1865 7.0718 16.1865 7.53418C16.1864 7.99648 15.811 8.37109 15.3486 8.37109H8.65137C8.18905 8.37109 7.81455 7.99648 7.81445 7.53418C7.81445 7.0718 8.18899 6.69727 8.65137 6.69727H15.3486Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FeedbackThumbDislikeFilledIcon.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+
+export function FeedbackThumbDislikeFilledIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 28.7877 23.9998"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      width="100%"
+      height="100%"
+      {...props}
+    >
+      <path
+        d="M22.3896 0C23.9305 7.64727e-05 25.3034 0.957953 25.8125 2.38867L28.5811 10.1729C29.4062 12.4922 27.6569 14.9186 25.1592 14.9189H19.1895L19.3691 15.3174C20.6434 18.1379 20.0202 21.4396 17.8018 23.6221L17.707 23.7148C17.3208 24.0947 16.6948 24.0948 16.3086 23.7148L7.49023 15.4365C7.49023 15.4365 7.19491 15.1846 6.78809 15.1846V0.972656C6.78826 0.435443 7.23123 0 7.77734 0H22.3896Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.58692 15.2951H6C6 15.2951 6 13.9273 6 12.4983V7.68513V5.15318V2.60795C6 1.17894 6 1.29248 6 0.0204992L2.58693 0.020484C1.15821 0.020484 0 1.17893 0 2.60793V12.7077C0 14.1367 1.1582 15.2951 2.58692 15.2951Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FeedbackThumbDislikeIcon.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+
+export function FeedbackThumbDislikeIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 27.8919 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      width="100%"
+      height="100%"
+      {...props}
+    >
+      <path
+        d="M21.6621 0C23.1722 9.3649e-05 24.5076 0.965769 25.001 2.39258L27.6924 10.1758C28.4887 12.4786 26.8048 14.9189 24.3535 14.9189H18.5615L18.7393 15.3213C19.9757 18.1371 19.3726 21.4351 17.2158 23.6182L17.123 23.7109C16.9404 23.8957 16.6915 23.9999 16.4316 24C16.1716 24 15.922 23.8959 15.7393 23.7109L7.05273 14.9189H2.27051C1.01667 14.9189 0 13.9023 0 12.6484V2.27051C0 1.01668 1.01667 5.02612e-06 2.27051 0H21.6621ZM8.43262 13.5459L16.3848 21.5947C17.5169 20.0198 17.7572 17.9272 16.957 16.1045L16.1816 14.3369C16.0495 14.0361 16.0782 13.6892 16.2578 13.4141C16.4375 13.139 16.7437 12.9727 17.0723 12.9727H24.3535C25.4336 12.9726 26.2236 11.8834 25.8535 10.8125L23.1621 3.02832C22.9358 2.37396 22.3304 1.94638 21.6621 1.94629H8.43262V13.5459ZM2.27051 1.94629C2.09139 1.94629 1.94629 2.09139 1.94629 2.27051V12.6484C1.94629 12.8276 2.09139 12.9727 2.27051 12.9727H6.48633V1.94629H2.27051Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FeedbackThumbLikeFilledIcon.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+
+export function FeedbackThumbLikeFilledIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 28.7906 23.9998"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      width="100%"
+      height="100%"
+      {...props}
+    >
+      <path
+        d="M16.3115 0.284973C16.6978 -0.0949933 17.3237 -0.0949885 17.71 0.284973L17.8047 0.377746C20.0232 2.56024 20.6463 5.86194 19.3721 8.68243L19.1924 9.08087H25.1621C27.6599 9.08117 29.4092 11.5076 28.584 13.827L25.8154 21.6111C25.3063 23.0419 23.9334 23.9997 22.3926 23.9998H6.79102V8.75958C6.96425 8.75958 7.08105 8.65704 7.08105 8.65704L16.3115 0.284973ZM6 8.72443V23.9959H2.58691C1.15821 23.9959 2.93776e-05 22.8377 0 21.409V11.3113C0 9.88262 1.1582 8.72445 2.58691 8.72443H6Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FeedbackThumbLikeIcon.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+
+export function FeedbackThumbLikeIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 27.8919 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      width="100%"
+      height="100%"
+      {...props}
+    >
+      <path
+        d="M16.4316 0C16.6915 9.789e-05 16.9404 0.104274 17.123 0.289063L17.2158 0.381836C19.3726 2.56491 19.9757 5.86289 18.7393 8.67871L18.5615 9.08105H24.3535C26.8048 9.08111 28.4887 11.5214 27.6924 13.8242L25.001 21.6074C24.5076 23.0342 23.1722 23.9999 21.6621 24H2.27051C1.01667 24 0 22.9833 0 21.7295V11.3516C0 10.0977 1.01667 9.08105 2.27051 9.08105H7.05273L15.7393 0.289063C15.922 0.104111 16.1716 -5.41163e-07 16.4316 0ZM2.27051 11.0273C2.09139 11.0273 1.94629 11.1724 1.94629 11.3516V21.7295C1.94629 21.9086 2.09139 22.0537 2.27051 22.0537H6.48633V11.0273H2.27051ZM8.43262 10.4541V22.0537H21.6621C22.3304 22.0536 22.9358 21.626 23.1621 20.9717L25.8535 13.1875C26.2236 12.1166 25.4336 11.0274 24.3535 11.0273H17.0723C16.7437 11.0273 16.4375 10.861 16.2578 10.5859C16.0782 10.3108 16.0495 9.96394 16.1816 9.66309L16.957 7.89551C17.7572 6.07281 17.5169 3.98025 16.3848 2.40527L8.43262 10.4541Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FileUploadItemCloseIcon.tsx

@@ -0,0 +1,30 @@
+'use client';
+
+import { useId } from 'react';
+import type { SVGProps } from 'react';
+
+type IconProps = SVGProps<SVGSVGElement>;
+
+/** 16×16 dismiss — stroke, inherits `currentColor`. */
+
+export function FileUploadItemCloseIcon({ className, ...rest }: IconProps) {
+  return (
+    <svg
+      className={className}
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      {...rest}
+    >
+      <path
+        d="M12 4L4 12M4 4l8 8"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}
+
+/** PDF document tile (32×32). */

package/src/icons/FileUploadItemEmptyFileIcon.tsx

@@ -0,0 +1,27 @@
+'use client';
+
+import { useId } from 'react';
+import type { SVGProps } from 'react';
+
+type IconProps = SVGProps<SVGSVGElement>;
+
+/** 16×16 dismiss — stroke, inherits `currentColor`. */
+
+export function FileUploadItemEmptyFileIcon(props: IconProps) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.75 4C4.75 3.31 5.31 2.75 6 2.75H12.25V7C12.25 8.52 13.48 9.75 15 9.75H19.25V20C19.25 20.69 18.69 21.25 18 21.25H6C5.31 21.25 4.75 20.69 4.75 20V4ZM18.19 8.25L13.75 3.81006V7C13.75 7.69 14.31 8.25 15 8.25H18.19ZM6 1.25C4.48 1.25 3.25 2.48 3.25 4V20C3.25 21.52 4.48 22.75 6 22.75H18C19.52 22.75 20.75 21.52 20.75 20V9C20.75 8.8 20.67 8.60997 20.53 8.46997L13.53 1.46997C13.39 1.32997 13.2 1.25 13 1.25H6Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FileUploadItemPdfIcon.tsx

@@ -0,0 +1,52 @@
+'use client';
+
+import { useId } from 'react';
+import type { SVGProps } from 'react';
+
+type IconProps = SVGProps<SVGSVGElement>;
+
+/** 16×16 dismiss — stroke, inherits `currentColor`. */
+
+export function FileUploadItemPdfIcon({ className, ...rest }: IconProps) {
+  const clipId = `fu-pdf-${useId().replace(/:/g, '')}`;
+
+  return (
+    <svg
+      width={32}
+      height={32}
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      className={className}
+      {...rest}
+    >
+      <g clipPath={`url(#${clipId})`}>
+        <path
+          d="M29.715 8.429a.211.211 0 000-.08.572.572 0 00-.12-.183l-8-8a.571.571 0 00-.183-.12.211.211 0 00-.08 0A.394.394 0 0021.143 0h-16a.571.571 0 00-.571.571V16H2.858a.571.571 0 00-.572.572v10.285a.571.571 0 00.572.572h1.714v4a.572.572 0 00.571.571h24a.571.571 0 00.572-.571V8.57a.394.394 0 000-.142zm-8-6.48L27.766 8h-6.051V1.949zM3.429 17.143h17.143v9.143H3.429v-9.143zm2.286 13.714V27.43h15.428a.571.571 0 00.572-.572V16.572a.571.571 0 00-.572-.572H5.715V1.143h14.857V8.57a.571.571 0 00.571.572h7.429v21.714H5.715z"
+          fill="#D2D6DB"
+        />
+        <path d="M27.765 8h-6.051V1.95L27.765 8z" fill="#fff" />
+        <path
+          d="M28.571 9.143v21.714H5.714v-3.429h15.428a.571.571 0 00.572-.571V16.57a.571.571 0 00-.572-.571H5.714V1.143H20.57V8.57a.571.571 0 00.571.572h7.429z"
+          fill="#fff"
+        />
+        <path
+          d="M2.286 17a1 1 0 011-1h17.429a1 1 0 011 1v9.429a1 1 0 01-1 1H3.286a1 1 0 01-1-1V17z"
+          fill="#D92D20"
+        />
+        <path
+          d="M6.286 24v-4.57h1.52a1.6 1.6 0 011.086.33 1.383 1.383 0 01.474 1.098c-.003.267-.08.528-.223.754a1.252 1.252 0 01-.571.503 1.524 1.524 0 01-.657.131h-.686v1.755h-.943zm.966-2.582h.537a.651.651 0 00.463-.16.572.572 0 00.166-.434c0-.35-.21-.526-.629-.526h-.537v1.12zM10.258 24v-4.572h1.714c.43-.015.85.123 1.188.389a2.285 2.285 0 01.84 1.897 2.56 2.56 0 01-.285 1.206c-.18.348-.459.636-.8.828-.395.19-.832.276-1.269.252h-1.388zm.965-.869h.617c.22.008.437-.05.623-.166a1.446 1.446 0 00.572-1.291 1.37 1.37 0 00-.543-1.211 1.068 1.068 0 00-.617-.166h-.652v2.834zm3.772.869v-4.572h2.617v.869H15.96v.931h1.515v.869H15.96V24h-.965z"
+          fill="#fff"
+        />
+      </g>
+      <defs>
+        <clipPath id={clipId}>
+          <path fill="#fff" d="M0 0H32V32H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+
+/** Generic file glyph, 24×24. */

package/src/icons/FilterFunnelIcon.tsx

@@ -0,0 +1,34 @@
+import type { SVGProps } from 'react';
+
+/**
+ * Magnifying-glass search icon.
+ * Used as the prefix inside the search TextInput.
+ * Figma: search-01
+ */
+
+export function FilterFunnelIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M3 4.5h18l-7 9v5.5l-4-2V13.5L3 4.5z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+/**
+ * Upload / export arrow icon — from Figma (upload-04).
+ * Arrow shaft at 40 % opacity; base bar at full opacity.
+ * Used as the leading icon in the Export button on the desktop toolbar.
+ */

package/src/icons/FilterIcon.tsx

@@ -0,0 +1,31 @@
+/**
+ * Inline SVG icons used exclusively by the Filtration component.
+ * All icons use `width="100%" height="100%"` — the wrapper controls sizing.
+ */
+
+/** Funnel / filter icon — 24×24 viewport (Figma filter-01). */
+
+export function FilterIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 24 24"
+      fill="none"
+      aria-hidden="true"
+      className={className}
+    >
+      <path
+        d="M2 4.5A.5.5 0 0 1 2.5 4h19a.5.5 0 0 1 .354.854l-7.5 7.5A.5.5 0 0 1 14 12.707V20a.5.5 0 0 1-.276.447l-4 2A.5.5 0 0 1 9 22v-9.293l-7.354-7.353A.5.5 0 0 1 2 4.5Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+    </svg>
+  );
+}
+
+/** Chevron-down icon — 20×20 viewport (Figma arrow-down-01). */

package/src/icons/FitIcon.tsx

@@ -0,0 +1,22 @@
+import type { SVGProps } from "react";
+
+type IconProps = SVGProps<SVGSVGElement> & { title?: string };
+
+export function FitIcon({ title = "Fit", ...props }: IconProps) {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.47081 21.5306C2.17776 21.2379 2.1775 20.763 2.47023 20.47L9.17652 13.7563C9.04858 13.7626 8.91464 13.7717 8.77615 13.7832C8.38433 13.8155 7.98451 13.8637 7.6136 13.9083C7.58456 13.9118 7.5557 13.9153 7.52704 13.9188C7.15371 13.9636 6.77397 14.0088 6.51383 14.0125C6.09966 14.0184 5.75914 13.6874 5.75325 13.2732C5.74736 12.859 6.07835 12.5185 6.49252 12.5126C6.65459 12.5103 6.94106 12.4784 7.34809 12.4295C7.37776 12.4259 7.40788 12.4223 7.43842 12.4186C7.80479 12.3745 8.23145 12.3231 8.65263 12.2883C9.10464 12.2509 9.58407 12.2295 10.0039 12.2631C10.2143 12.28 10.4329 12.3123 10.6368 12.374C10.8343 12.4338 11.0724 12.5374 11.2673 12.7322C11.4622 12.9271 11.5657 13.1652 11.6255 13.3627C11.6873 13.5667 11.7196 13.7853 11.7364 13.9956C11.77 14.4154 11.7486 14.8949 11.7113 15.3469C11.6765 15.7681 11.6251 16.1947 11.5809 16.5611C11.5773 16.5916 11.5736 16.6218 11.5701 16.6514C11.5211 17.0585 11.4892 17.3449 11.4869 17.507C11.481 17.9212 11.1405 18.2522 10.7263 18.2463C10.3121 18.2404 9.98116 17.8999 9.98705 17.4857C9.99075 17.2256 10.0359 16.8458 10.0808 16.4725C10.0842 16.4438 10.0877 16.415 10.0912 16.386C10.1358 16.0151 10.184 15.6152 10.2164 15.2234C10.2282 15.0803 10.2375 14.942 10.2439 14.8102L3.53147 21.53C3.23874 21.8231 2.76387 21.8234 2.47081 21.5306ZM13.3695 11.6187C13.1721 11.5589 12.9339 11.4553 12.739 11.2605C12.5442 11.0656 12.4406 10.8275 12.3808 10.63C12.3191 10.426 12.2868 10.2074 12.2699 9.9971C12.2363 9.57725 12.2577 9.09782 12.2951 8.6458C12.3299 8.22462 12.3813 7.79796 12.4254 7.43159C12.4291 7.40105 12.4327 7.37093 12.4363 7.34126C12.4852 6.93423 12.5171 6.64776 12.5194 6.48569C12.5253 6.07152 12.8659 5.74054 13.28 5.74643C13.6942 5.75231 14.0252 6.09284 14.0193 6.50701C14.0156 6.76714 13.9704 7.14688 13.9256 7.52021C13.9221 7.54887 13.9187 7.57773 13.9152 7.60676C13.8705 7.97768 13.8224 8.37749 13.79 8.76932C13.7786 8.90725 13.7695 9.04068 13.7632 9.16815L20.4699 2.46748C20.7629 2.17472 21.2378 2.17493 21.5306 2.46796C21.8233 2.76098 21.8231 3.23586 21.5301 3.52862L14.8155 10.2371C14.9478 10.2308 15.0865 10.2214 15.2302 10.2095C15.622 10.1772 16.0219 10.129 16.3928 10.0844C16.4218 10.0809 16.4507 10.0774 16.4793 10.0739C16.8526 10.0291 17.2324 9.98392 17.4925 9.98022C17.9067 9.97434 18.2472 10.3053 18.2531 10.7195C18.259 11.1337 17.928 11.4742 17.5138 11.4801C17.3518 11.4824 17.0653 11.5143 16.6583 11.5632C16.6286 11.5668 16.5985 11.5704 16.5679 11.5741C16.2016 11.6182 15.7749 11.6696 15.3537 11.7044C14.9017 11.7418 14.4223 11.7632 14.0024 11.7296C13.7921 11.7127 13.5735 11.6804 13.3695 11.6187Z"
+        fill="white"
+      />
+    </svg>
+  );
+}

package/src/icons/FolderFilledIcon.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import type { SVGProps } from "react";
+
+/** Chevron pointing right. */
+
+export function FolderFilledIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 20 20"
+      fill="none"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.327 3.485c-.293-.11-.64-.12-1.66-.12-.768 0-1.303 0-1.719.037-.407.036-.64.103-.815.201-.303.17-.554.42-.723.724-.098.175-.165.407-.2.814-.038.416-.038.951-.038 1.72v2.546c0 1.982.001 3.405.147 4.489.143 1.065.415 1.707.89 2.182.475.475 1.117.747 2.183.89 1.083.146 2.506.147 4.488.147h1.042c1.476 0 2.536 0 3.36-.084.813-.083 1.327-.241 1.733-.513.386-.258.718-.59.977-.977.27-.405.43-.92.512-1.732.084-.824.084-1.884.084-3.36 0-.891 0-1.512-.049-1.991-.048-.468-.136-.73-.267-.926a1.874 1.874 0 00-.517-.517c-.195-.131-.458-.22-.926-.267-.479-.049-1.1-.05-1.99-.05H5.713a.625.625 0 110-1.25h3.155l-.089-.177c-.461-.923-.764-1.528-1.453-1.786zm2.94 1.964l-.356-.71a37.991 37.991 0 01-.079-.16C9.44 3.783 8.93 2.75 7.766 2.314c-.533-.2-1.126-.2-1.984-.199H5.638c-.732 0-1.323 0-1.8.042-.491.044-.921.135-1.314.354-.506.283-.924.7-1.206 1.206-.22.393-.31.823-.354 1.315-.042.477-.042 1.067-.042 1.8v2.623c0 1.923 0 3.431.158 4.607.162 1.204.5 2.154 1.245 2.9.746.745 1.696 1.083 2.9 1.245 1.176.158 2.684.158 4.607.158h1.125c1.433 0 2.557 0 3.451-.09.912-.093 1.656-.286 2.301-.717.523-.35.972-.8 1.322-1.322.431-.646.624-1.389.717-2.301.09-.895.09-2.018.09-3.451v-.07c0-.848 0-1.533-.055-2.082-.058-.568-.18-1.06-.471-1.495a3.125 3.125 0 00-.862-.862c-.435-.29-.927-.413-1.494-.47-.55-.056-1.235-.056-2.084-.056h-3.605z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FolderIcon.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import type { SVGProps } from "react";
+
+/** Chevron pointing right. */
+
+export function FolderIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 20 20"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M2.5 6.5c0-1.1046.8954-2 2-2h3.1c.53 0 1.039.2107 1.414.5858l.9.9c.375.375.884.5857 1.414.5857H15.5c1.1046 0 2 .8954 2 2v6c0 1.1046-.8954 2-2 2h-11c-1.1046 0-2-.8954-2-2v-8Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+/** Filled folder icon. */