@dust-tt/sparkle 0.2.207 → 0.2.210-rc

package/src/icons/src/solid/home.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 12V21H20V12H23L12 2L1 12H4ZM18 19V12H6V19H18Z" fill="#020617"/>
+</svg>

package/src/icons/src/solid/mark-pen.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9498 2.39019L21.6066 8.04704C21.9972 8.43757 21.9972 9.07073 21.6066 9.46126L13.8285 17.2394L11.7071 17.9465L10.2929 19.3607C9.90241 19.7513 9.26925 19.7513 8.87872 19.3607L4.63608 15.1181C4.24556 14.7276 4.24556 14.0944 4.63608 13.7039L6.0503 12.2897L6.7574 10.1683L14.5356 2.39019C14.9261 1.99966 15.5593 1.99966 15.9498 2.39019ZM16.6569 5.92572L10.2929 12.2897L11.7071 13.7039L18.0711 7.33994L16.6569 5.92572ZM4.28253 16.8859L7.11096 19.7143L5.69674 21.1285L1.4541 19.7143L4.28253 16.8859Z" fill="#020617"/>
+</svg>

package/src/icons/src/solid/translate.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.5 10L22.9 21H20.745L19.544 18H15.454L14.255 21H12.101L16.5 10H18.5ZM10 2V4H16V6L14.0322 6.0006C13.2425 8.36616 11.9988 10.5057 10.4115 12.301C11.1344 12.9457 11.917 13.5176 12.7475 14.0079L11.9969 15.8855C10.9237 15.2781 9.91944 14.5524 8.99961 13.7249C7.21403 15.332 5.10914 16.5553 2.79891 17.2734L2.26257 15.3442C4.2385 14.7203 6.04543 13.6737 7.59042 12.3021C6.46277 11.0281 5.50873 9.57985 4.76742 8.00028L7.00684 8.00037C7.57018 9.03885 8.23979 10.0033 8.99967 10.877C10.2283 9.46508 11.2205 7.81616 11.9095 6.00101L2 6V4H8V2H10ZM17.5 12.8852L16.253 16H18.745L17.5 12.8852Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/arrow-down-s.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 16L6 10H18L12 16Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/arrow-left-s.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 12L14 6V18L8 12Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/arrow-right-s.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 12L10 18V6L16 12Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/arrow-up-s.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 8L18 14H6L12 8Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/chevron-double-left.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9999 17L6.9999 12L11.9999 6.99995L10.4999 5.49995L4 11.9997L10.4999 18.5L11.9999 17Z" fill="#020617"/>
+<path d="M18.9998 17L13.9998 12L18.9998 6.99995L17.4998 5.49995L10.9999 11.9997L17.4998 18.5L18.9998 17Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/chevron-double-right.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6.99995L17 12L12 17L13.5 18.5L19.9999 12.0003L13.5 5.49995L12 6.99995Z" fill="#020617"/>
+<path d="M5.00004 6.99995L10 12L5.00004 17L6.50004 18.5L12.9999 12.0003L6.50004 5.49995L5.00004 6.99995Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/company.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6H11V8H8V6Z" fill="#020617"/>
+<path d="M8 10H11V12H8V10Z" fill="#020617"/>
+<path d="M8 14H11V16H8V14Z" fill="#020617"/>
+<path d="M13 14H16V16H13V14Z" fill="#020617"/>
+<path d="M13 10H16V12H13V10Z" fill="#020617"/>
+<path d="M13 6H16V8H13V6Z" fill="#020617"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 21H20V2H4V21H1V23H23V21ZM18 4V21L16 21V18H12V21H10V18H8V21L6 21V4H18Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/filter.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 5H21V7H3V5ZM6 11H18V13H6V11ZM9 17H15V19H9V17Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/heart.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.8269 6.17009C17.3215 4.66153 14.9009 4.61309 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09682 4.6112 6.68058 4.66256 5.17157 6.17157C3.67624 7.66691 3.61224 10.0532 4.97994 11.6232L11.9999 18.6543L19.0201 11.6232C20.3873 10.0538 20.3258 7.67203 18.8269 6.17009ZM20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/history.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.25022 4 6.82447 5.38734 5.38451 7.50024L8 7.5V9.5H2V3.5H4L3.99989 5.99918C5.82434 3.57075 8.72873 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/home.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 12V21H20V12H23L12 2L1 12H4ZM18 12V19H6V12H18ZM17.8269 10L12 4.70285L6.17314 10H17.8269Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/mark-pen.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2427 4.51151L8.50547 11.2487L7.79836 13.37L6.7574 14.411L9.58583 17.2394L10.6268 16.1985L12.7481 15.4913L19.4853 8.75415L15.2427 4.51151ZM21.6066 8.04704C21.9972 8.43757 21.9972 9.07073 21.6066 9.46126L13.8285 17.2394L11.7071 17.9465L10.2929 19.3607C9.90241 19.7513 9.26925 19.7513 8.87872 19.3607L4.63608 15.1181C4.24556 14.7276 4.24556 14.0944 4.63608 13.7039L6.0503 12.2897L6.7574 10.1683L14.5356 2.39019C14.9261 1.99966 15.5593 1.99966 15.9498 2.39019L21.6066 8.04704ZM15.2427 7.33994L16.6569 8.75415L11.7071 13.7039L10.2929 12.2897L15.2427 7.33994ZM4.28253 16.8859L7.11096 19.7143L5.69674 21.1285L1.4541 19.7143L4.28253 16.8859Z" fill="#020617"/>
+</svg>

package/src/icons/src/stroke/translate.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.5 10L22.9 21H20.745L19.544 18H15.454L14.255 21H12.101L16.5 10H18.5ZM10 2V4H16V6L14.0322 6.0006C13.2425 8.36616 11.9988 10.5057 10.4115 12.301C11.1344 12.9457 11.917 13.5176 12.7475 14.0079L11.9969 15.8855C10.9237 15.2781 9.91944 14.5524 8.99961 13.7249C7.21403 15.332 5.10914 16.5553 2.79891 17.2734L2.26257 15.3442C4.2385 14.7203 6.04543 13.6737 7.59042 12.3021C6.46277 11.0281 5.50873 9.57985 4.76742 8.00028L7.00684 8.00037C7.57018 9.03885 8.23979 10.0033 8.99967 10.877C10.2283 9.46508 11.2205 7.81616 11.9095 6.00101L2 6V4H8V2H10ZM17.5 12.8852L16.253 16H18.745L17.5 12.8852Z" fill="#020617"/>
+</svg>

package/src/icons/stroke/ArrowDownS.tsx

@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgArrowDownS = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="m12 16-6-6h12l-6 6Z" />
+  </svg>
+);
+export default SvgArrowDownS;

package/src/icons/stroke/ArrowLeftS.tsx

@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgArrowLeftS = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="m8 12 6-6v12l-6-6Z" />
+  </svg>
+);
+export default SvgArrowLeftS;

package/src/icons/stroke/ArrowRightS.tsx

@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgArrowRightS = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="m16 12-6 6V6l6 6Z" />
+  </svg>
+);
+export default SvgArrowRightS;

package/src/icons/stroke/ArrowUpS.tsx

@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgArrowUpS = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="m12 8 6 6H6l6-6Z" />
+  </svg>
+);
+export default SvgArrowUpS;

package/src/icons/stroke/ChevronDoubleLeft.tsx

@@ -0,0 +1,16 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgChevronDoubleLeft = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="m12 17-5-5 5-5-1.5-1.5L4 12l6.5 6.5L12 17Z" />
+    <path fill="currentColor" d="m19 17-5-5 5-5-1.5-1.5L11 12l6.5 6.5L19 17Z" />
+  </svg>
+);
+export default SvgChevronDoubleLeft;

package/src/icons/stroke/ChevronDoubleRight.tsx

@@ -0,0 +1,16 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgChevronDoubleRight = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="m12 7 5 5-5 5 1.5 1.5L20 12l-6.5-6.5L12 7Z" />
+    <path fill="currentColor" d="m5 7 5 5-5 5 1.5 1.5L13 12 6.5 5.5 5 7Z" />
+  </svg>
+);
+export default SvgChevronDoubleRight;

package/src/icons/stroke/Company.tsx

@@ -0,0 +1,24 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgCompany = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M8 6h3v2H8V6ZM8 10h3v2H8v-2ZM8 14h3v2H8v-2ZM13 14h3v2h-3v-2ZM13 10h3v2h-3v-2ZM13 6h3v2h-3V6Z"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M23 21h-3V2H4v19H1v2h22v-2ZM18 4v17h-2v-3h-4v3h-2v-3H8v3H6V4h12Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCompany;

package/src/icons/stroke/Filter.tsx

@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="M3 5h18v2H3V5Zm3 6h12v2H6v-2Zm3 6h6v2H9v-2Z" />
+  </svg>
+);
+export default SvgFilter;

package/src/icons/stroke/Heart.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgHeart = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M18.827 6.17a3.998 3.998 0 0 0-5.49-.153l-1.335 1.198-1.336-1.197a4 4 0 0 0-5.686 5.605L12 18.654l7.02-7.03a4 4 0 0 0-.193-5.454Zm1.652 6.823-8.48 8.492-8.478-8.492a6 6 0 0 1 8.48-8.464 5.998 5.998 0 0 1 8.242.228 6 6 0 0 1 .236 8.236Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgHeart;

package/src/icons/stroke/History.tsx

@@ -0,0 +1,18 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgHistory = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12h2a8 8 0 1 0 1.385-4.5H8v2H2v-6h2V6a9.985 9.985 0 0 1 8-4Zm1 5v4.585l3.243 3.243-1.415 1.415L11 12.413V7h2Z"
+    />
+  </svg>
+);
+export default SvgHistory;

package/src/icons/stroke/Home.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgHome = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M4 12v9h16v-9h3L12 2 1 12h3Zm14 0v7H6v-7h12Zm-.173-2L12 4.703 6.173 10h11.654Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgHome;

package/src/icons/stroke/MarkPen.tsx

@@ -0,0 +1,18 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgMarkPen = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="m15.243 4.512-6.738 6.737-.707 2.121-1.04 1.041 2.828 2.828 1.04-1.04 2.122-.708 6.737-6.737-4.242-4.242Zm6.364 3.535a1 1 0 0 1 0 1.414l-7.778 7.778-2.122.707-1.414 1.415a1 1 0 0 1-1.414 0l-4.243-4.243a1 1 0 0 1 0-1.414L6.05 12.29l.707-2.122 7.779-7.778a1 1 0 0 1 1.414 0l5.657 5.657Zm-6.364-.707 1.414 1.414-4.95 4.95-1.414-1.414 4.95-4.95Zm-10.96 9.546 2.828 2.828-1.414 1.415-4.243-1.415 2.829-2.828Z"
+    />
+  </svg>
+);
+export default SvgMarkPen;

package/src/icons/stroke/Translate.tsx

@@ -0,0 +1,18 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgTranslate = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="m18.5 10 4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16.5 10h2ZM10 2v2h6v2h-1.968a18.221 18.221 0 0 1-3.62 6.301 14.865 14.865 0 0 0 2.335 1.707l-.75 1.878A17.016 17.016 0 0 1 9 13.725a16.677 16.677 0 0 1-6.201 3.548l-.536-1.929a14.7 14.7 0 0 0 5.327-3.042A18.078 18.078 0 0 1 4.767 8h2.24A16.031 16.031 0 0 0 9 10.877a16.165 16.165 0 0 0 2.91-4.876L2 6V4h6V2h2Zm7.5 10.885L16.253 16h2.492L17.5 12.885Z"
+    />
+  </svg>
+);
+export default SvgTranslate;

package/src/icons/stroke/index.ts

@@ -1,11 +1,15 @@
 export { default as ArrowDown } from "./ArrowDown";
 export { default as ArrowDownCircle } from "./ArrowDownCircle";
 export { default as ArrowDownOnSquare } from "./ArrowDownOnSquare";
+export { default as ArrowDownS } from "./ArrowDownS";
 export { default as ArrowLeft } from "./ArrowLeft";
+export { default as ArrowLeftS } from "./ArrowLeftS";
 export { default as ArrowPath } from "./ArrowPath";
 export { default as ArrowRight } from "./ArrowRight";
+export { default as ArrowRightS } from "./ArrowRightS";
 export { default as ArrowUp } from "./ArrowUp";
 export { default as ArrowUpOnSquare } from "./ArrowUpOnSquare";
+export { default as ArrowUpS } from "./ArrowUpS";
 export { default as Attachment } from "./Attachment";
 export { default as Backspace } from "./Backspace";
 export { default as Bookmark } from "./Bookmark";
@@ -18,6 +22,8 @@ export { default as ChatBubbleLeftRight } from "./ChatBubbleLeftRight";
 export { default as ChatBubbleThought } from "./ChatBubbleThought";
 export { default as Check } from "./Check";
 export { default as CheckCircle } from "./CheckCircle";
+export { default as ChevronDoubleLeft } from "./ChevronDoubleLeft";
+export { default as ChevronDoubleRight } from "./ChevronDoubleRight";
 export { default as ChevronDown } from "./ChevronDown";
 export { default as ChevronLeft } from "./ChevronLeft";
 export { default as ChevronRight } from "./ChevronRight";
@@ -34,6 +40,7 @@ export { default as CloudX } from "./CloudX";
 export { default as Cog6Tooth } from "./Cog6Tooth";
 export { default as Command } from "./Command";
 export { default as CommandLine } from "./CommandLine";
+export { default as Company } from "./Company";
 export { default as Cube } from "./Cube";
 export { default as Dash } from "./Dash";
 export { default as Document } from "./Document";
@@ -48,6 +55,7 @@ export { default as ExclamationCircle } from "./ExclamationCircle";
 export { default as ExternalLink } from "./ExternalLink";
 export { default as Eye } from "./Eye";
 export { default as EyeSlash } from "./EyeSlash";
+export { default as Filter } from "./Filter";
 export { default as Fire } from "./Fire";
 export { default as Flag } from "./Flag";
 export { default as Folder } from "./Folder";
@@ -58,8 +66,11 @@ export { default as GlobeAlt } from "./GlobeAlt";
 export { default as Grab } from "./Grab";
 export { default as HandThumbDown } from "./HandThumbDown";
 export { default as HandThumbUp } from "./HandThumbUp";
+export { default as Heart } from "./Heart";
 export { default as HeartAlt } from "./HeartAlt";
 export { default as Hexagon } from "./Hexagon";
+export { default as History } from "./History";
+export { default as Home } from "./Home";
 export { default as Image } from "./Image";
 export { default as InformationCircle } from "./InformationCircle";
 export { default as Key } from "./Key";
@@ -74,6 +85,7 @@ export { default as Login } from "./Login";
 export { default as Logout } from "./Logout";
 export { default as Magic } from "./Magic";
 export { default as MagnifyingGlass } from "./MagnifyingGlass";
+export { default as MarkPen } from "./MarkPen";
 export { default as Menu } from "./Menu";
 export { default as More } from "./More";
 export { default as MovingMail } from "./MovingMail";
@@ -106,6 +118,7 @@ export { default as Tag } from "./Tag";
 export { default as Template } from "./Template";
 export { default as TestTube } from "./TestTube";
 export { default as Time } from "./Time";
+export { default as Translate } from "./Translate";
 export { default as Trash } from "./Trash";
 export { default as Triangle } from "./Triangle";
 export { default as User } from "./User";

package/src/logo/src/platforms/Zendesk.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 4L13 16L23 4L13 4Z" fill="#03363D"/>
+<path d="M6 9C3.23858 9 1 6.76142 1 4H11C11 6.76142 8.76142 9 6 9Z" fill="#03363D"/>
+<path d="M18 15C20.7614 15 23 17.2386 23 20H13C13 17.2386 15.2386 15 18 15Z" fill="#03363D"/>
+<path d="M11 8V20H1L11 8Z" fill="#03363D"/>
+</svg>

package/src/stories/Checkbox.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+import React from "react";
 
 import { Checkbox } from "../index_with_tw_base";
 
@@ -9,6 +10,67 @@ const meta = {
 
 export default meta;
 type Story = StoryObj<typeof meta>;
+export const CheckBoxExample = () => {
+  // No-op function for onChange
+  const handleChange = () => {
+    // This function intentionally left blank
+  };
+
+  return (
+    <div className="s-flex s-flex-col s-gap-10">
+      SM
+      <div className="s-flex s-gap-10">
+        Selectable
+        <Checkbox variant="selectable" onChange={handleChange} />
+        <Checkbox checked variant="selectable" onChange={handleChange} />
+        <Checkbox
+          checked="partial"
+          variant="selectable"
+          onChange={handleChange}
+        />
+        Checkable
+        <Checkbox variant="checkable" onChange={handleChange} />
+        <Checkbox checked variant="checkable" onChange={handleChange} />
+        <Checkbox
+          checked="partial"
+          variant="checkable"
+          onChange={handleChange}
+        />
+      </div>
+      XS
+      <div className="s-flex s-gap-10">
+        Selectable
+        <Checkbox size="xs" variant="selectable" onChange={handleChange} />
+        <Checkbox
+          size="xs"
+          checked
+          variant="selectable"
+          onChange={handleChange}
+        />
+        <Checkbox
+          size="xs"
+          checked="partial"
+          variant="selectable"
+          onChange={handleChange}
+        />
+        Checkable
+        <Checkbox size="xs" variant="checkable" onChange={handleChange} />
+        <Checkbox
+          size="xs"
+          checked
+          variant="checkable"
+          onChange={handleChange}
+        />
+        <Checkbox
+          size="xs"
+          checked="partial"
+          variant="checkable"
+          onChange={handleChange}
+        />
+      </div>
+    </div>
+  );
+};
 
 export const Selectable: Story = {
   args: {
@@ -32,8 +94,7 @@ export const Unchecked: Story = {
 
 export const PartialChecked: Story = {
   args: {
-    checked: false,
-    partialChecked: true,
+    checked: "partial",
     variant: "checkable",
   },
 };

package/src/stories/Citation.stories.tsx

@@ -201,6 +201,7 @@ export const CitationsExample = () => (
     <h2>With zoom effect</h2>
     <div className="s-flex s-gap-2">
       <ZoomableImageCitationWrapper
+        size="sm"
         title="With imgSrc"
         // size="xs"
         imgSrc="https://dust.tt/static/droidavatar/Droid_Black_4.jpg"

package/src/stories/DataTable.stories.tsx

@@ -82,42 +82,50 @@ export const DataTableExample = () => {
       accessorKey: "name",
       header: "Name",
       cell: (info) => (
-        <DataTable.Cell
+        <DataTable.CellContent
           avatarUrl={info.row.original.avatarUrl}
           icon={info.row.original.icon}
           description={info.row.original.description}
           roundedAvatar={info.row.original.roundedAvatar}
         >
           {info.row.original.name}
-        </DataTable.Cell>
+        </DataTable.CellContent>
       ),
     },
     {
       accessorKey: "usedBy",
       header: "Used by",
       cell: (info) => (
-        <DataTable.Cell>{info.row.original.usedBy}</DataTable.Cell>
+        <DataTable.CellContent>
+          {info.row.original.usedBy}
+        </DataTable.CellContent>
       ),
     },
     {
       accessorKey: "addedBy",
       header: "Added by",
       cell: (info) => (
-        <DataTable.Cell>{info.row.original.addedBy}</DataTable.Cell>
+        <DataTable.CellContent>
+          {info.row.original.addedBy}
+        </DataTable.CellContent>
       ),
     },
     {
       accessorKey: "lastUpdated",
       header: "Last updated",
       cell: (info) => (
-        <DataTable.Cell>{info.row.original.lastUpdated}</DataTable.Cell>
+        <DataTable.CellContent>
+          {info.row.original.lastUpdated}
+        </DataTable.CellContent>
       ),
       enableSorting: false,
     },
     {
       accessorKey: "size",
       header: "Size",
-      cell: (info) => <DataTable.Cell>{info.row.original.size}</DataTable.Cell>,
+      cell: (info) => (
+        <DataTable.CellContent>{info.row.original.size}</DataTable.CellContent>
+      ),
     },
   ];