sdaia-ui 1.0.1

package/src/icons/FoundationsIcon.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+import type { SVGProps } from 'react';
+
+/** Foundations / text-creation icon — 16×16 viewport. */
+export function FoundationsIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 16 16"
+      fill="none"
+      aria-hidden="true"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.33301 0.832031C3.97734 0.832031 4.5 1.35469 4.5 1.99902V2.16602H11.5V1.99902C11.5 1.35469 12.0227 0.832031 12.667 0.832031H14C14.6443 0.832031 15.167 1.35469 15.167 1.99902V3.33203C15.167 3.97636 14.6443 4.49902 14 4.49902H13.833V11.499H14C14.6443 11.499 15.167 12.0217 15.167 12.666V13.999C15.167 14.6434 14.6443 15.166 14 15.166H12.667C12.0227 15.166 11.5 14.6434 11.5 13.999V13.832H4.5V13.999C4.5 14.6434 3.97734 15.166 3.33301 15.166H2C1.35567 15.166 0.833008 14.6434 0.833008 13.999V12.666C0.833008 12.0217 1.35567 11.499 2 11.499H2.16699V4.49902H2C1.35567 4.49902 0.833008 3.97636 0.833008 3.33203V1.99902C0.833008 1.35469 1.35567 0.832031 2 0.832031H3.33301ZM2 12.499C1.90795 12.499 1.83301 12.574 1.83301 12.666V13.999C1.83301 14.0911 1.90795 14.166 2 14.166H3.33301C3.42506 14.166 3.5 14.0911 3.5 13.999V12.666C3.5 12.574 3.42506 12.499 3.33301 12.499H2ZM12.667 12.499C12.5749 12.499 12.5 12.574 12.5 12.666V13.999C12.5 14.0911 12.5749 14.166 12.667 14.166H14C14.092 14.166 14.167 14.0911 14.167 13.999V12.666C14.167 12.574 14.092 12.499 14 12.499H12.667ZM4.5 3.33203C4.5 3.97636 3.97734 4.49902 3.33301 4.49902H3.16699V11.499H3.33301C3.97734 11.499 4.5 12.0217 4.5 12.666V12.832H11.5V12.666C11.5 12.0217 12.0227 11.499 12.667 11.499H12.833V4.49902H12.667C12.0227 4.49902 11.5 3.97636 11.5 3.33203V3.16602H4.5V3.33203ZM7.9834 4.83203C8.48564 4.84332 8.9298 4.86202 9.30762 4.90332C9.68072 4.94411 10.0234 5.01033 10.3076 5.13281C10.6022 5.25984 10.8605 5.46039 11.0088 5.77344C11.1513 6.07454 11.1589 6.41086 11.1045 6.74609C11.0602 7.01852 10.8028 7.20338 10.5303 7.15918C10.2579 7.11489 10.0731 6.85836 10.1172 6.58594C10.1544 6.35648 10.1271 6.24883 10.1045 6.20117C10.0875 6.1654 10.0491 6.11121 9.91113 6.05176C9.76266 5.98779 9.53641 5.93434 9.19922 5.89746C8.98851 5.87443 8.74716 5.85889 8.47266 5.84766V10.166H8.96191C9.23791 10.1662 9.46191 10.39 9.46191 10.666C9.46174 10.9419 9.2378 11.1658 8.96191 11.166H6.98242C6.7066 11.1658 6.4826 10.9419 6.48242 10.666C6.48242 10.39 6.70649 10.1663 6.98242 10.166H7.47266V5.84668C7.1699 5.85937 6.90936 5.87868 6.6875 5.90625C6.34541 5.94878 6.12614 6.00821 5.98926 6.07324C5.86498 6.13236 5.83644 6.18228 5.82422 6.21191C5.8056 6.25717 5.78514 6.35916 5.8252 6.57324C5.87604 6.84466 5.6972 7.10638 5.42578 7.15723C5.15449 7.2079 4.89365 7.02909 4.84277 6.75781C4.78497 6.44927 4.7774 6.12762 4.89941 5.83105C5.02793 5.51909 5.26873 5.30826 5.55957 5.16992C5.83813 5.03749 6.1805 4.96178 6.56445 4.91406C6.95359 4.8657 7.4196 4.84206 7.96289 4.83203C7.96968 4.83191 7.97661 4.83188 7.9834 4.83203ZM2 1.83203C1.90795 1.83203 1.83301 1.90698 1.83301 1.99902V3.33203C1.83301 3.42408 1.90795 3.49902 2 3.49902H3.33301C3.42506 3.49902 3.5 3.42408 3.5 3.33203V1.99902C3.5 1.90698 3.42506 1.83203 3.33301 1.83203H2ZM12.667 1.83203C12.5749 1.83203 12.5 1.90698 12.5 1.99902V3.33203C12.5 3.42408 12.5749 3.49902 12.667 3.49902H14C14.092 3.49902 14.167 3.42408 14.167 3.33203V1.99902C14.167 1.90698 14.092 1.83203 14 1.83203H12.667Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/FullscreenExitIcon.tsx

@@ -0,0 +1,71 @@
+import type { SVGProps } from 'react';
+
+/* ─────────────────────────────────────────────────────────────────
+   VideoPlayer/icons.tsx
+   Exact SVG paths provided directly from Figma by the designer.
+
+   Rules (per Component Build Guide §2b):
+   - width="100%" height="100%" — size controlled by wrapping span
+   - fill="currentColor" on all paths — inherits text colour from
+     parent so dark-mode, disabled states, and hover work automatically.
+     Figma exports use fill="#F3F4F6" (near-white); we convert to
+     currentColor so the component CSS colour token drives the shade.
+──────────────────────────────────────────────────────────────────── */
+
+/**
+ * Large centre play button shown in the Default (paused) state.
+ * Figma: 48×48 px. Used in a 48×48 wrapper.
+ */
+
+export function FullscreenExitIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      {...props}
+    >
+      {/* Top-left: elbow at (7.5,7.5), arms go toward corner */}
+      <path
+        d="M3 7.5H7.5V3"
+        stroke="currentColor"
+        strokeWidth="1.75"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Top-right */}
+      <path
+        d="M17 7.5H12.5V3"
+        stroke="currentColor"
+        strokeWidth="1.75"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Bottom-left */}
+      <path
+        d="M3 12.5H7.5V17"
+        stroke="currentColor"
+        strokeWidth="1.75"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Bottom-right */}
+      <path
+        d="M17 12.5H12.5V17"
+        stroke="currentColor"
+        strokeWidth="1.75"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+/**
+ * Volume muted icon — speaker body only, no arcs, with an X mark.
+ * Shares the speaker body path from VolumeHighIcon.
+ * 20×20 px.
+ */

package/src/icons/FullscreenIcon.tsx

@@ -0,0 +1,70 @@
+import type { SVGProps } from 'react';
+
+/* ─────────────────────────────────────────────────────────────────
+   VideoPlayer/icons.tsx
+   Exact SVG paths provided directly from Figma by the designer.
+
+   Rules (per Component Build Guide §2b):
+   - width="100%" height="100%" — size controlled by wrapping span
+   - fill="currentColor" on all paths — inherits text colour from
+     parent so dark-mode, disabled states, and hover work automatically.
+     Figma exports use fill="#F3F4F6" (near-white); we convert to
+     currentColor so the component CSS colour token drives the shade.
+──────────────────────────────────────────────────────────────────── */
+
+/**
+ * Large centre play button shown in the Default (paused) state.
+ * Figma: 48×48 px. Used in a 48×48 wrapper.
+ */
+
+export function FullscreenIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      {...props}
+    >
+      {/* Top-left */}
+      <path
+        d="M3 8V3H8"
+        stroke="currentColor"
+        strokeWidth="1.75"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Top-right */}
+      <path
+        d="M17 8V3H12"
+        stroke="currentColor"
+        strokeWidth="1.75"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Bottom-left */}
+      <path
+        d="M3 12V17H8"
+        stroke="currentColor"
+        strokeWidth="1.75"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Bottom-right */}
+      <path
+        d="M17 12V17H12"
+        stroke="currentColor"
+        strokeWidth="1.75"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+/**
+ * Fullscreen exit / collapse icon — four inward-pointing L-shapes near center.
+ * 20×20 px. Standard collapse/exit-fullscreen convention.
+ */

package/src/icons/GoBackward10Icon.tsx

@@ -0,0 +1,27 @@
+/* ─────────────────────────────────────────────────────────────────
+   icons.tsx — AudioPlayer icon set
+   All paths retrieved directly from Figma asset exports.
+   fill="currentColor" enables dark-mode & hover state via CSS.
+   Icon names match Figma component names exactly.
+──────────────────────────────────────────────────────────────────── */
+
+/** go-backward-10-sec — viewBox 0 0 17.915 17.917 */
+
+export function GoBackward10Icon() {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 17.915 17.917"
+      fill="none"
+      aria-hidden="true"
+    >
+      <path
+        fill="currentColor"
+        d="M8.95703 0C13.897 0 17.915 4.01801 17.915 8.95801C17.915 13.898 13.897 17.916 8.95703 17.916L8.95801 17.917C4.01807 17.917 8.81194e-05 13.8989 0 8.95898C0 6.11482 1.30536 3.50185 3.58203 1.79102C3.85775 1.58365 4.24948 1.63951 4.45703 1.91504C4.66448 2.19081 4.60868 2.5825 4.33301 2.79004C2.37301 4.26254 1.24902 6.51134 1.24902 8.95801C1.24902 13.208 4.7071 16.6659 8.95703 16.666C13.207 16.666 16.665 13.208 16.665 8.95801C16.665 4.70801 13.207 1.25 8.95703 1.25C8.83958 1.25 8.72022 1.25198 8.59277 1.25781C8.52951 1.26114 8.46267 1.26342 8.39941 1.26758C8.44608 1.33424 8.49645 1.40516 8.54395 1.47266L9.46582 2.76172C9.66629 3.04252 9.60101 3.43208 9.32031 3.63281C9.03961 3.8335 8.65012 3.76877 8.44922 3.48828L7.5293 2.2002C7.12096 1.6277 6.7985 1.17693 7.06934 0.621094C7.34018 0.0653195 7.89323 0.0397645 8.5332 0.00976562C8.68142 0.00310684 8.82296 2.53715e-06 8.95703 0ZM11.1592 6.66699C11.7117 6.67317 12.3287 6.74277 12.667 7.31152C12.935 7.76212 12.9303 8.14348 12.9229 8.90234C12.9212 9.063 12.9199 9.24695 12.9199 9.45996V9.47949C12.9099 9.80279 12.9149 10.1236 12.9199 10.4336C12.9358 11.3644 12.947 12.0431 12.5479 12.4355C12.1105 12.916 11.5724 12.9205 11.0518 12.9238L10.9072 12.9248L10.9062 12.9258H10.8975C10.8233 12.9241 10.7505 12.9248 10.6797 12.9248C10.1439 12.9231 9.53812 12.9202 9.11816 12.4229C8.71733 11.9804 8.73503 11.3552 8.75586 10.6318C8.76502 10.2927 8.77608 9.90941 8.74609 9.50781L8.74316 9.4707L8.74512 9.43262C8.75594 9.19434 8.7525 8.97515 8.75 8.7627C8.74167 8.15188 8.7342 7.57395 9.13086 7.14062C9.5591 6.66103 10.1232 6.66366 10.668 6.66699H11.1592ZM5.59863 7.29395C5.9553 6.93811 6.40008 6.49521 6.95508 6.73438C7.54399 6.98609 7.5231 7.60582 7.50977 8.0166C7.50643 8.1091 7.50293 8.21003 7.50293 8.31836V12.2979C7.50293 12.6429 7.22293 12.9229 6.87793 12.9229C6.53308 12.9227 6.25293 12.6427 6.25293 12.2979V8.40234C6.17474 8.47554 6.09347 8.54897 6.00781 8.61719C5.73781 8.83219 5.34391 8.78758 5.12891 8.51758C4.91393 8.24758 4.9595 7.85366 5.22949 7.63867C5.34849 7.54374 5.4755 7.41708 5.59863 7.29395ZM10.6611 7.91602C10.4053 7.91435 10.1149 7.9128 10.0615 7.97363L10.0508 7.98535C9.9883 8.05204 9.99388 8.48595 9.99805 8.74512C10.0005 8.95512 10.0041 9.19117 9.99414 9.45117C10.0258 9.90196 10.0139 10.3079 10.0039 10.667C9.99474 11.007 9.98119 11.4721 10.0479 11.5879V11.5889L10.0713 11.6152C10.118 11.6719 10.4861 11.674 10.6836 11.6748C10.7576 11.6748 10.8338 11.6741 10.9111 11.6758H11.042C11.5047 11.6716 11.5704 11.6545 11.627 11.5898C11.6836 11.409 11.6746 10.8609 11.668 10.4551C11.663 10.1485 11.6571 9.80108 11.668 9.45117C11.668 9.23705 11.6702 9.05115 11.6719 8.88867C11.6785 8.24534 11.6729 8.09915 11.5996 7.96582C11.4918 7.9143 11.1431 7.91518 10.9316 7.91602H10.6611Z"
+      />
+    </svg>
+  );
+}
+
+/** pause — viewBox 0 0 29.166 29.166 */

package/src/icons/GoForward10Icon.tsx

@@ -0,0 +1,27 @@
+/* ─────────────────────────────────────────────────────────────────
+   icons.tsx — AudioPlayer icon set
+   All paths retrieved directly from Figma asset exports.
+   fill="currentColor" enables dark-mode & hover state via CSS.
+   Icon names match Figma component names exactly.
+──────────────────────────────────────────────────────────────────── */
+
+/** go-backward-10-sec — viewBox 0 0 17.915 17.917 */
+
+export function GoForward10Icon() {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 17.917 17.918"
+      fill="none"
+      aria-hidden="true"
+    >
+      <path
+        fill="currentColor"
+        d="M9.38477 0.00879125C9.99474 0.0362902 10.5695 0.0648299 10.8428 0.612307C10.8444 0.614785 10.846 0.617626 10.8477 0.620119C11.1185 1.18262 10.7782 1.65422 10.3857 2.19922L9.46777 3.48731C9.26777 3.76789 8.87743 3.83359 8.59668 3.63379C8.31603 3.43392 8.24969 3.04349 8.44922 2.7627L9.37012 1.47071C9.41754 1.40497 9.46819 1.33498 9.51562 1.26758C9.44987 1.26425 9.38319 1.26031 9.32324 1.25781H9.31152C9.20156 1.25115 9.0831 1.25098 8.95898 1.25098C4.70898 1.25098 1.25098 4.70996 1.25098 8.95996C1.25115 13.2098 4.70909 16.668 8.95898 16.668C13.2088 16.6679 16.6668 13.2098 16.667 8.95996C16.667 6.545 15.5148 4.23964 13.584 2.79297C13.3082 2.5863 13.2515 2.19464 13.459 1.91797C13.6657 1.64136 14.0573 1.58549 14.334 1.79297C16.5781 3.47464 17.917 6.15416 17.917 8.95996C17.9168 13.8998 13.8988 17.9179 8.95898 17.918L8.95801 17.916C4.01801 17.916 0 13.898 0 8.95801C1.33386e-06 4.01801 4.01801 7.84656e-06 8.95801 2.18768e-06C9.09467 2.18768e-06 9.23643 -0.000375417 9.38477 0.00879125ZM5.59766 7.29297C5.95511 6.93718 6.40134 6.49458 6.95703 6.73535C7.54386 6.9896 7.5231 7.60644 7.50977 8.01465C7.50643 8.10626 7.50293 8.20733 7.50293 8.31641V12.2998C7.50293 12.6448 7.22293 12.9248 6.87793 12.9248C6.53309 12.9246 6.25294 12.6457 6.25293 12.3008V8.40039C6.17475 8.47357 6.09347 8.54704 6.00781 8.61524C5.73781 8.83024 5.34391 8.78465 5.12891 8.51465C4.91416 8.24466 4.95958 7.85165 5.22949 7.63672C5.34777 7.54257 5.47522 7.41541 5.59766 7.29297ZM10.9326 6.66699C11.5317 6.66366 12.2783 6.66047 12.6641 7.30371C12.9331 7.76282 12.9302 8.14297 12.9219 8.90039C12.9202 9.06119 12.918 9.24573 12.918 9.45899V9.47754C12.908 9.80079 12.913 10.1217 12.918 10.4316C12.9338 11.3622 12.9456 12.0413 12.5469 12.4355C12.1094 12.913 11.5716 12.919 11.0508 12.9248L10.9072 12.9258H10.8994C10.8269 12.925 10.7557 12.9256 10.6865 12.9248C10.1474 12.9248 9.5369 12.9223 9.11523 12.4189C8.71649 11.9765 8.73391 11.3513 8.75391 10.6299C8.76307 10.2908 8.77413 9.90741 8.74414 9.50586L8.74121 9.46875L8.74316 9.43067C8.75398 9.19248 8.75055 8.97313 8.74805 8.76074C8.73972 8.15009 8.73258 7.57289 9.12988 7.13965C9.55728 6.6606 10.1188 6.66366 10.6611 6.66699H10.9326ZM10.6553 7.91797C10.402 7.9163 10.1142 7.91448 10.0625 7.97364L10.0518 7.98535C9.98926 8.05201 9.99486 8.48594 9.99902 8.74512C10.0015 8.95512 10.0051 9.19117 9.99512 9.45117C10.0268 9.90196 10.0149 10.3079 10.0049 10.667C9.99572 11.007 9.98217 11.4721 10.0488 11.5879L10.0479 11.5869L10.0732 11.6162C10.1211 11.6744 10.4893 11.674 10.6875 11.6748C10.7591 11.6748 10.8333 11.675 10.9082 11.6758L11.0381 11.6748C11.4739 11.6706 11.5653 11.6564 11.627 11.5889C11.6843 11.4094 11.6755 10.8596 11.668 10.4531C11.663 10.1466 11.6571 9.79921 11.668 9.4502C11.668 9.23604 11.6702 9.0502 11.6719 8.8877C11.6785 8.2527 11.6732 8.10068 11.6016 7.96485C11.4923 7.91493 11.1476 7.91631 10.9385 7.91797H10.6553Z"
+      />
+    </svg>
+  );
+}
+
+/** volume-high — viewBox 0 0 18.1251 14.5856 */

package/src/icons/GridSquaresIcon.tsx

@@ -0,0 +1,40 @@
+import type { SVGProps } from 'react';
+
+/**
+ * Magnifying-glass search icon.
+ * Used as the prefix inside the search TextInput.
+ * Figma: search-01
+ */
+
+export function GridSquaresIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+    >
+      {/* Top-right square — 40 % opacity */}
+      <path
+        opacity="0.4"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.4553 1.25C15.4701 1.25001 15.485 1.25001 15.5 1.25001L20 1.25001C20.015 1.25001 20.0299 1.25001 20.0448 1.25C20.4776 1.24995 20.8744 1.24991 21.1972 1.29331C21.5527 1.3411 21.9284 1.45355 22.2374 1.76257C22.5465 2.07159 22.6589 2.44732 22.7067 2.8028C22.7501 3.12561 22.7501 3.52245 22.75 3.95526C22.75 3.97014 22.75 3.98505 22.75 4.00001V8.50001C22.75 8.51496 22.75 8.52988 22.75 8.54475C22.7501 8.97757 22.7501 9.3744 22.7067 9.69721C22.6589 10.0527 22.5465 10.4284 22.2374 10.7374C21.9284 11.0465 21.5527 11.1589 21.1972 11.2067C20.8744 11.2501 20.4776 11.2501 20.0448 11.25C20.0299 11.25 20.015 11.25 20 11.25L15.5 11.25C15.4851 11.25 15.4701 11.25 15.4553 11.25C15.0224 11.2501 14.6256 11.2501 14.3028 11.2067C13.9473 11.1589 13.5716 11.0465 13.2626 10.7374C12.9535 10.4284 12.8411 10.0527 12.7933 9.69721C12.7499 9.3744 12.75 8.97757 12.75 8.54475C12.75 8.52988 12.75 8.51496 12.75 8.50001L12.75 4.00001C12.75 3.98505 12.75 3.97013 12.75 3.95526C12.75 3.52244 12.7499 3.12561 12.7933 2.8028C12.8411 2.44732 12.9535 2.07159 13.2626 1.76257C13.5716 1.45355 13.9473 1.3411 14.3028 1.29331C14.6256 1.24991 15.0224 1.24995 15.4553 1.25ZM14.3232 2.82324L14.3257 2.82187C14.3276 2.82086 14.3309 2.81924 14.336 2.81717C14.3578 2.80821 14.4061 2.79291 14.5027 2.77993C14.7134 2.7516 15.0074 2.75001 15.5 2.75001L20 2.75001C20.4926 2.75001 20.7866 2.7516 20.9973 2.77993C21.0939 2.79291 21.1423 2.80821 21.164 2.81717C21.1691 2.81924 21.1724 2.82086 21.1743 2.82187L21.1768 2.82324L21.1781 2.82568C21.1792 2.82761 21.1808 2.83093 21.1828 2.83597C21.1918 2.85775 21.2071 2.90611 21.2201 3.00267C21.2484 3.21339 21.25 3.5074 21.25 4.00001V8.50001C21.25 8.99261 21.2484 9.28662 21.2201 9.49734C21.2071 9.5939 21.1918 9.64226 21.1828 9.66404C21.1808 9.66909 21.1792 9.6724 21.1781 9.67434L21.1768 9.67677L21.1743 9.67815C21.1724 9.67916 21.1691 9.68077 21.164 9.68285C21.1423 9.69181 21.0939 9.7071 20.9973 9.72008C20.7866 9.74841 20.4926 9.75001 20 9.75001L15.5 9.75001C15.0074 9.75001 14.7134 9.74841 14.5027 9.72008C14.4061 9.7071 14.3578 9.69181 14.336 9.68285C14.3309 9.68077 14.3276 9.67916 14.3257 9.67815L14.3232 9.67677L14.3219 9.67434C14.3209 9.6724 14.3192 9.66909 14.3172 9.66404C14.3082 9.64226 14.2929 9.5939 14.2799 9.49734C14.2516 9.28662 14.25 8.99261 14.25 8.50001L14.25 4.00001C14.25 3.5074 14.2516 3.21339 14.2799 3.00267C14.2929 2.90611 14.3082 2.85775 14.3172 2.83597C14.3192 2.83093 14.3209 2.82761 14.3219 2.82568L14.3232 2.82324Z"
+        fill="currentColor"
+      />
+      {/* Top-left, bottom-left, bottom-right squares — full opacity */}
+      <path
+        d="M8.54492 11.25C8.97766 11.2501 9.3745 11.2504 9.69727 11.207C10.0527 11.1592 10.4283 11.0463 10.7373 10.7373C11.0463 10.4283 11.1592 10.0527 11.207 9.69727C11.2504 9.3745 11.2501 8.97767 11.25 8.54492L11.25 3.95508C11.2501 3.52234 11.2504 3.1255 11.207 2.80273C11.1592 2.44726 11.0463 2.07171 10.7373 1.7627C10.4283 1.45368 10.0527 1.34076 9.69727 1.29297C9.3745 1.24957 8.97767 1.24995 8.54492 1.25L3.95508 1.25C3.52233 1.24995 3.1255 1.24957 2.80273 1.29297C2.44726 1.34076 2.07171 1.45368 1.7627 1.7627C1.45368 2.07171 1.34076 2.44726 1.29297 2.80273C1.24957 3.1255 1.24995 3.52233 1.25 3.95508L1.25 8.54492C1.24995 8.97767 1.24957 9.3745 1.29297 9.69727C1.34076 10.0527 1.45368 10.4283 1.7627 10.7373C2.07171 11.0463 2.44726 11.1592 2.80273 11.207C3.1255 11.2504 3.52233 11.2501 3.95508 11.25L8.54492 11.25ZM4 9.75C3.50756 9.75 3.21364 9.74803 3.00293 9.71973C2.85376 9.71973 2.79237 9.57132 2.78027 9.49707C2.75197 9.28636 2.75 8.99244 2.75 8.5L2.75 4C2.75 3.50756 2.75197 3.21364 2.78027 3.00293C2.78027 2.83638 2.92868 2.78513 3.00293 2.78027C3.21364 2.75197 3.50756 2.75 4 2.75L8.5 2.75C8.99244 2.75 9.28636 2.75197 9.49707 2.78027C9.57132 2.77161 9.71973 2.80394 9.71973 3.00293C9.74803 3.21364 9.75 3.50756 9.75 4L9.75 8.5C9.75 8.99244 9.74803 9.28636 9.71973 9.49707C9.71973 9.68707 9.57132 9.72465 9.49707 9.71973C9.28636 9.74803 8.99244 9.75 8.5 9.75H4ZM8.54492 22.75C8.97766 22.7501 9.3745 22.7504 9.69727 22.707C10.0527 22.6592 10.4283 22.5463 10.7373 22.2373C11.0463 21.9283 11.1592 21.5527 11.207 21.1973C11.2504 20.8745 11.2501 20.4777 11.25 20.0449L11.25 15.4551C11.2501 15.0223 11.2504 14.6255 11.207 14.3027C11.1592 13.9473 11.0463 13.5717 10.7373 13.2627C10.4283 12.9537 10.0527 12.8408 9.69727 12.793C9.3745 12.7496 8.97767 12.7499 8.54492 12.75L3.95508 12.75C3.52233 12.7499 3.1255 12.7496 2.80273 12.793C2.44726 12.8408 2.07171 12.9537 1.7627 13.2627C1.45368 13.5717 1.34076 13.9473 1.29297 14.3027C1.24957 14.6255 1.24995 15.0223 1.25 15.4551L1.25 20.0449C1.24995 20.4777 1.24957 20.8745 1.29297 21.1973C1.34076 21.5527 1.45368 21.9283 1.7627 22.2373C2.07171 22.5463 2.44726 22.6592 2.80273 22.707C3.1255 22.7504 3.52233 22.7501 3.95508 22.75L8.54492 22.75ZM20.0449 22.75C20.4777 22.7501 20.8745 22.7504 21.1973 22.707C21.5527 22.6592 21.9283 22.5463 22.2373 22.2373C22.5463 21.9283 22.6592 21.5527 22.707 21.1973C22.7504 20.8745 22.7501 20.4777 22.75 20.0449L22.75 15.4551C22.7501 15.0223 22.7504 14.6255 22.707 14.3027C22.6592 13.9473 22.5463 13.5717 22.2373 13.2627C21.9283 12.9537 21.5527 12.8408 21.1973 12.793C20.8745 12.7496 20.4777 12.7499 20.0449 12.75L15.4551 12.75C15.0223 12.7499 14.6255 12.7496 14.3027 12.793C13.9473 12.8408 13.5717 12.9537 13.2627 13.2627C12.9537 13.5717 12.8408 13.9473 12.793 14.3027C12.7496 14.6255 12.7499 15.0223 12.75 15.4551L12.75 20.0449C12.7499 20.4777 12.7496 20.8745 12.793 21.1973C12.8408 21.5527 12.9537 21.9283 13.2627 22.2373C13.5717 22.5463 13.9473 22.6592 14.3027 22.707C14.6255 22.7504 15.0223 22.7501 15.4551 22.75L20.0449 22.75ZM4 21.25C3.50756 21.25 3.21364 21.248 3.00293 21.2197C2.85376 21.2197 2.79237 21.0713 2.78027 20.9971C2.75197 20.7864 2.75 20.4924 2.75 20L2.75 15.5C2.75 15.0076 2.75197 14.7136 2.78027 14.5029C2.78027 14.3364 2.92868 14.2851 3.00293 14.2803C3.21364 14.252 3.50756 14.25 4 14.25H8.5C8.99244 14.25 9.28636 14.252 9.49707 14.2803C9.57132 14.2716 9.71973 14.3039 9.71973 14.5029C9.74803 14.7136 9.75 15.0076 9.75 15.5V20C9.75 20.4924 9.74803 20.7864 9.71973 20.9971C9.71973 21.1871 9.57132 21.2246 9.49707 21.2197C9.28636 21.248 8.99244 21.25 8.5 21.25L4 21.25ZM15.5 21.25C15.0076 21.25 14.7136 21.248 14.5029 21.2197C14.3538 21.2197 14.2924 21.0713 14.2803 20.9971C14.252 20.7864 14.25 20.4924 14.25 20V15.5C14.25 15.0076 14.252 14.7136 14.2803 14.5029C14.2803 14.3364 14.4287 14.2851 14.5029 14.2803C14.7136 14.252 15.0076 14.25 15.5 14.25L20 14.25C20.4924 14.25 20.7864 14.252 20.9971 14.2803C21.0713 14.2716 21.2197 14.3039 21.2197 14.5029C21.248 14.7136 21.25 15.0076 21.25 15.5L21.25 20C21.25 20.4924 21.248 20.7864 21.2197 20.9971C21.2197 21.1871 21.0713 21.2246 20.9971 21.2197C20.7864 21.248 20.4924 21.25 20 21.25H15.5Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+/**
+ * Trash / delete icon — from Figma (delete-02).
+ * Bin body uses currentColor; inner vertical lines use currentColor at 40 % opacity.
+ * Used for the delete button in the desktop toolbar.
+ */

package/src/icons/HamburgerIcon.tsx

@@ -0,0 +1,28 @@
+import type { SVGProps } from 'react';
+
+export function HamburgerIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 20 20"
+      fill="none"
+      aria-hidden="true"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.75 5a.75.75 0 0 1 .75-.75h13a.75.75 0 0 1 0 1.5h-13A.75.75 0 0 1 2.75 5Zm0 5a.75.75 0 0 1 .75-.75h13a.75.75 0 0 1 0 1.5h-13A.75.75 0 0 1 2.75 10Zm0 5a.75.75 0 0 1 .75-.75h13a.75.75 0 0 1 0 1.5h-13A.75.75 0 0 1 2.75 15Z"
+      />
+    </svg>
+  );
+}
+
+/**
+ * Close / dismiss icon — × cross, 20×20 viewBox.
+ * Used as the close button in the mobile expanded drawer header.
+ * Uses `fill="currentColor"` to inherit the parent text colour.
+ */

package/src/icons/HelpCircleIcon.tsx

@@ -0,0 +1,28 @@
+import type { SVGProps } from 'react';
+
+/**
+ * Search icon (search-01) — 20 × 20 px viewBox.
+ * Used as the leading affordance in the input and as the icon for suggestion items.
+ * Figma: search-01 referenced inside Autocomplete node 6183:86218
+ */
+
+export function HelpCircleIcon({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      className={className}
+      {...props}
+    >
+      <path
+        d="M6.06016 5.99967C6.2169 5.55412 6.52626 5.17841 6.93347 4.9391C7.34067 4.69978 7.81943 4.6123 8.28495 4.69215C8.75047 4.772 9.17271 5.01402 9.47688 5.37536C9.78105 5.7367 9.94753 6.19402 9.94683 6.66634C9.94683 7.99967 7.94683 8.66634 7.94683 8.66634M8.00016 11.333H8.00683M14.6668 7.99967C14.6668 11.6816 11.6821 14.6663 8.00016 14.6663C4.31826 14.6663 1.3335 11.6816 1.3335 7.99967C1.3335 4.31778 4.31826 1.33301 8.00016 1.33301C11.6821 1.33301 14.6668 4.31778 14.6668 7.99967Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/icons/HomeIcon.tsx

@@ -0,0 +1,22 @@
+import type { SVGProps } from 'react';
+
+export function HomeIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 16 16"
+      fill="none"
+      aria-hidden="true"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.41737 1.25C8.99456 1.2501 9.51067 1.43543 10.0678 1.74805C10.6076 2.05104 11.2264 2.4981 12.0043 3.06055L13.0101 3.78809C13.6344 4.23944 14.1331 4.59992 14.5092 4.93359C14.8975 5.27814 15.1882 5.62168 15.3725 6.05371C15.5571 6.48674 15.6023 6.93063 15.5775 7.44238C15.5536 7.93624 15.4622 8.53239 15.348 9.27539L15.1371 10.6426C14.9749 11.6983 14.8464 12.5394 14.6566 13.1943C14.4604 13.8716 14.183 14.4093 13.6889 14.8203C13.1968 15.2295 12.6109 15.4121 11.8949 15.499C11.1983 15.5836 10.3193 15.584 9.20936 15.584H7.6244C6.51444 15.584 5.63548 15.5836 4.93886 15.499C4.22287 15.4121 3.63697 15.2295 3.14491 14.8203C2.65075 14.4093 2.3734 13.8716 2.17714 13.1943C1.98737 12.5394 1.8589 11.6983 1.69667 10.6426L1.48573 9.27539C1.37154 8.53236 1.28015 7.93625 1.25624 7.44238C1.23146 6.93063 1.27662 6.48674 1.46132 6.05371C1.64561 5.62167 1.93627 5.27814 2.3246 4.93359C2.70071 4.59992 3.19935 4.23945 3.82362 3.78809L4.82948 3.06055C5.60736 2.49811 6.22613 2.05104 6.76601 1.74805C7.32326 1.43534 7.83999 1.25 8.41737 1.25ZM8.41737 2.25C8.07271 2.25 7.72762 2.35505 7.25526 2.62012C6.77141 2.89168 6.19834 3.30424 5.39003 3.88867L4.43104 4.58301C3.7806 5.0533 3.32206 5.38497 2.98769 5.68164C2.66141 5.97116 2.48646 6.19959 2.38124 6.44629C2.27646 6.69199 2.2348 6.97016 2.25526 7.39355C2.27636 7.82921 2.35965 8.37442 2.4789 9.15039L2.67909 10.4561C2.84793 11.5547 2.96852 12.3308 3.13808 12.916C3.30325 13.486 3.49923 13.8152 3.78358 14.0518C4.07008 14.29 4.44312 14.4319 5.05995 14.5068C5.68921 14.5832 6.50713 14.584 7.65761 14.584H9.17616C10.3266 14.584 11.1446 14.5832 11.7738 14.5068C12.3906 14.4319 12.7637 14.29 13.0502 14.0518C13.3345 13.8152 13.5305 13.486 13.6957 12.916C13.8653 12.3308 13.9858 11.5547 14.1547 10.4561L14.3549 9.15039C14.4741 8.37442 14.5574 7.82921 14.5785 7.39355C14.599 6.97016 14.5573 6.69199 14.4525 6.44629C14.3473 6.19958 14.1724 5.97116 13.8461 5.68164C13.5117 5.38497 13.0532 5.0533 12.4027 4.58301L11.4437 3.88867C10.6354 3.30423 10.0624 2.89168 9.57851 2.62012C9.10636 2.35517 8.76187 2.2501 8.41737 2.25ZM9.75038 11.917C10.0265 11.9171 10.2504 12.1409 10.2504 12.417C10.2504 12.6931 10.0265 12.9169 9.75038 12.917H7.08339C6.80732 12.9169 6.58339 12.6931 6.58339 12.417C6.58339 12.1409 6.80732 11.9171 7.08339 11.917H9.75038Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}

package/src/icons/HomeSVG.tsx

@@ -0,0 +1,32 @@
+import * as React from "react";
+
+/** True when width/height should come from CSS (wrapper scales the icon). */
+function omitDimsFromClass(className: React.SVGProps<SVGSVGElement>["className"]): boolean {
+  if (className == null || typeof className !== "string") return false;
+  return /\b(w-full|h-full|size-|!w-|!h-)\b/.test(className);
+}
+
+const HomeSVG = ({ className, width, height, ...props }: React.SVGProps<SVGSVGElement>) => {
+  const omit =
+    omitDimsFromClass(className) || width === "100%" || height === "100%";
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 16 16"
+      fill="none"
+      {...(omit
+        ? { width, height }
+        : { width: width ?? 16, height: height ?? 16 })}
+      className={className}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M7.998.833c.578 0 1.094.185 1.65.498.54.303 1.16.75 1.938 1.313l1.006.727c.624.451 1.123.812 1.5 1.146.388.344.678.688.863 1.12.184.433.228.877.204 1.388-.024.494-.116 1.09-.23 1.833l-.21 1.368c-.162 1.055-.291 1.896-.481 2.551-.197.678-.473 1.215-.967 1.626-.492.41-1.079.592-1.795.679-.697.085-1.575.085-2.685.085H7.206c-1.11 0-1.989 0-2.685-.085-.716-.087-1.303-.27-1.795-.679-.494-.41-.77-.948-.967-1.626-.19-.655-.319-1.496-.481-2.551l-.21-1.368C.954 8.115.862 7.52.838 7.025c-.024-.511.02-.955.204-1.388.185-.432.475-.776.864-1.12.376-.334.875-.695 1.499-1.146l1.007-.727c.777-.563 1.396-1.01 1.936-1.313.557-.313 1.073-.498 1.65-.498Zm0 1c-.344 0-.688.105-1.16.37-.485.272-1.057.684-1.866 1.269l-.96.694c-.65.47-1.108.802-1.442 1.099-.327.29-.502.518-.608.764-.104.246-.145.524-.125.948.021.435.104.98.223 1.756l.201 1.306c.169 1.099.29 1.875.46 2.46.164.57.36.9.645 1.136.286.238.658.38 1.275.455.63.076 1.448.077 2.599.077h1.517c1.151 0 1.97 0 2.599-.077.617-.075.989-.217 1.275-.455.285-.237.482-.566.647-1.136.17-.585.289-1.361.458-2.46l.201-1.306c.12-.776.202-1.32.223-1.756.02-.424-.02-.702-.125-.948-.106-.246-.281-.475-.608-.764-.334-.297-.792-.629-1.442-1.099l-.96-.694c-.809-.585-1.381-.997-1.865-1.269-.473-.265-.817-.37-1.162-.37ZM9.332 11.5a.5.5 0 0 1 0 1H6.665a.5.5 0 0 1 0-1h2.667Z"
+      />
+    </svg>
+  );
+};
+
+export default HomeSVG;

package/src/icons/IconFactory.ts

@@ -0,0 +1,157 @@
+// =============================================================
+//  IconFactory — public icon surface for sdaia-ui
+// =============================================================
+//  AUTO-GENERATED by scripts/build-icon-factory.mjs — do not edit
+//  by hand. Run `npm --workspace sdaia-ui run icons:build` after
+//  adding or renaming files in this folder.
+//
+//  Consumers:
+//    import { ChevronDownIcon, UserIcon } from 'sdaia-ui/icons';
+//
+//  Every icon accepts SVGProps<SVGSVGElement>, renders at the
+//  parent's size (width/height 100%), and uses `fill="currentColor"`
+//  so it responds to `size-icon-*` and `text-*` design tokens.
+// =============================================================
+
+export { AIIcon } from './AIIcon';
+export { AaIcon } from './AaIcon';
+export { AlertCircle02Icon } from './AlertCircle02Icon';
+export { AlertCircleIcon } from './AlertCircleIcon';
+export { default as AlertCircleSVG } from './AlertCircleSVG';
+export { AlertCircleWarningIcon } from './AlertCircleWarningIcon';
+export { AlertTriangleIcon } from './AlertTriangleIcon';
+export { AlignCenterIcon } from './AlignCenterIcon';
+export { AlignLeftIcon } from './AlignLeftIcon';
+export { AlignRightIcon } from './AlignRightIcon';
+export { ArrowDownIcon } from './ArrowDownIcon';
+export { ArrowDownLeft01Icon } from './ArrowDownLeft01Icon';
+export { default as ArrowDownSVG } from './ArrowDownSVG';
+export { ArrowIcon } from './ArrowIcon';
+export { ArrowLeft01Icon } from './ArrowLeft01Icon';
+export { default as ArrowLeft02SVG } from './ArrowLeft02SVG';
+export { ArrowLeftIcon } from './ArrowLeftIcon';
+export { ArrowRight01Icon } from './ArrowRight01Icon';
+export { default as ArrowRight01SVG } from './ArrowRight01SVG';
+export { ArrowRightIcon } from './ArrowRightIcon';
+export { ArrowUpIcon } from './ArrowUpIcon';
+export { ArrowUpRight01Icon } from './ArrowUpRight01Icon';
+export { default as ArrowUpSVG } from './ArrowUpSVG';
+export { AtIcon } from './AtIcon';
+export { BeakBottom } from './BeakBottom';
+export { BeakDown } from './BeakDown';
+export { BeakLeft } from './BeakLeft';
+export { BeakRight } from './BeakRight';
+export { BeakTop } from './BeakTop';
+export { BeakUp } from './BeakUp';
+export { BellCircleIcon } from './BellCircleIcon';
+export { BellIcon } from './BellIcon';
+export { BoldIcon } from './BoldIcon';
+export { CalendarIcon } from './CalendarIcon';
+export { ChartsIcon } from './ChartsIcon';
+export { CheckCircleIcon } from './CheckCircleIcon';
+export { ChevronDownIcon } from './ChevronDownIcon';
+export { ChevronDownSmIcon } from './ChevronDownSmIcon';
+export { ChevronLeftIcon } from './ChevronLeftIcon';
+export { ChevronRightIcon } from './ChevronRightIcon';
+export { ClearIcon } from './ClearIcon';
+export { ClockIcon } from './ClockIcon';
+export { CloseIcon } from './CloseIcon';
+export { CloudUploadIcon } from './CloudUploadIcon';
+export { CodeSnippetChevronDownIcon } from './CodeSnippetChevronDownIcon';
+export { CodeSnippetCopyIcon } from './CodeSnippetCopyIcon';
+export { CodeSnippetStarIcon } from './CodeSnippetStarIcon';
+export { ColorSquareIcon } from './ColorSquareIcon';
+export { ComponentsIcon } from './ComponentsIcon';
+export { default as DGALogoSVG } from './DGALogoSVG';
+export { DeleteIcon } from './DeleteIcon';
+export { DownloadIcon } from './DownloadIcon';
+export { DragHandleVerticalIcon } from './DragHandleVerticalIcon';
+export { FeedbackEmojiDislikeIcon } from './FeedbackEmojiDislikeIcon';
+export { FeedbackEmojiLikeIcon } from './FeedbackEmojiLikeIcon';
+export { FeedbackEmojiNeutralIcon } from './FeedbackEmojiNeutralIcon';
+export { FeedbackThumbDislikeFilledIcon } from './FeedbackThumbDislikeFilledIcon';
+export { FeedbackThumbDislikeIcon } from './FeedbackThumbDislikeIcon';
+export { FeedbackThumbLikeFilledIcon } from './FeedbackThumbLikeFilledIcon';
+export { FeedbackThumbLikeIcon } from './FeedbackThumbLikeIcon';
+export { FileUploadItemCloseIcon } from './FileUploadItemCloseIcon';
+export { FileUploadItemEmptyFileIcon } from './FileUploadItemEmptyFileIcon';
+export { FileUploadItemPdfIcon } from './FileUploadItemPdfIcon';
+export { FilterFunnelIcon } from './FilterFunnelIcon';
+export { FilterIcon } from './FilterIcon';
+export { FitIcon } from './FitIcon';
+export { FolderFilledIcon } from './FolderFilledIcon';
+export { FolderIcon } from './FolderIcon';
+export { FoundationsIcon } from './FoundationsIcon';
+export { FullscreenExitIcon } from './FullscreenExitIcon';
+export { FullscreenIcon } from './FullscreenIcon';
+export { GoBackward10Icon } from './GoBackward10Icon';
+export { GoForward10Icon } from './GoForward10Icon';
+export { GridSquaresIcon } from './GridSquaresIcon';
+export { HamburgerIcon } from './HamburgerIcon';
+export { HelpCircleIcon } from './HelpCircleIcon';
+export { HomeIcon } from './HomeIcon';
+export { default as HomeSVG } from './HomeSVG';
+export { default as Image01SVG } from './Image01SVG';
+export { default as ImagePlaceholderIcon } from './Image01SVG';
+export { ImageIcon } from './ImageIcon';
+export { InfoCircleIcon } from './InfoCircleIcon';
+export { default as InfoCircleSVG } from './InfoCircleSVG';
+export { InfoIcon } from './InfoIcon';
+export { ItalicIcon } from './ItalicIcon';
+export { LearnMoreArrowIcon } from './LearnMoreArrowIcon';
+export { default as LinkCircleSVG } from './LinkCircleSVG';
+export { LinkIcon } from './LinkIcon';
+export { ListLinesIcon } from './ListLinesIcon';
+export { default as LockCircleSVG } from './LockCircleSVG';
+export { LockIcon } from './LockIcon';
+export { default as Logout02Icon } from './Logout02Icon';
+export { MicrophoneIcon } from './MicrophoneIcon';
+export { MinusIcon } from './MinusIcon';
+export { MoreHorizontalIcon } from './MoreHorizontalIcon';
+export { MoreVerticalIcon } from './MoreVerticalIcon';
+export { NextIcon } from './NextIcon';
+export { default as PDFSvg } from './PDFSvg';
+export { default as PdfIcon } from './PDFSvg';
+export { PatternsIcon } from './PatternsIcon';
+export { PauseIcon } from './PauseIcon';
+export { PencilIcon } from './PencilIcon';
+export { PlayButtonCardIcon } from './PlayButtonCardIcon';
+export { PlayCenterIcon } from './PlayCenterIcon';
+export { PlayIcon } from './PlayIcon';
+export { PlayIconSolid } from './PlayIconSolid';
+export { PlayIconStroke } from './PlayIconStroke';
+export { PlayIconTwotone } from './PlayIconTwotone';
+export { PlayVideoIcon } from './PlayVideoIcon';
+export { PlusCircleIcon } from './PlusCircleIcon';
+export { PlusIcon } from './PlusIcon';
+export { PreviousIcon } from './PreviousIcon';
+export { PrintIcon } from './PrintIcon';
+export { QuestionMarkGrayBgIcon } from './QuestionMarkGrayBgIcon';
+export { QuestionMarkIcon } from './QuestionMarkIcon';
+export { RedoIcon } from './RedoIcon';
+export { default as SaudiFlagSVG } from './SaudiFlagSVG';
+export { SdaiaNavLogo } from './SdaiaNavLogo';
+export { SearchIcon } from './SearchIcon';
+export { SettingsIcon } from './SettingsIcon';
+export { ShareIcon } from './ShareIcon';
+export { SidebarCollapseIcon } from './SidebarCollapseIcon';
+export { SmileIcon } from './SmileIcon';
+export { SortIcon } from './SortIcon';
+export { StarIcon } from './StarIcon';
+export { StatusBadgeIcon } from './StatusBadgeIcon';
+export { TextTIcon } from './TextTIcon';
+export { Tick02Icon } from './Tick02Icon';
+export { TickIcon } from './TickIcon';
+export { TrashIcon } from './TrashIcon';
+export { UnderlineIcon } from './UnderlineIcon';
+export { UndoIcon } from './UndoIcon';
+export { UploadArrowIcon } from './UploadArrowIcon';
+export { UserIcon } from './UserIcon';
+export { VolumeHighIcon } from './VolumeHighIcon';
+export { VolumeMuteIcon } from './VolumeMuteIcon';
+export { XCircleIcon } from './XCircleIcon';
+export { XIcon } from './XIcon';
+export { default as XIconSVG } from './XIconSVG';
+export { XSmallIcon } from './XSmallIcon';
+export { default as XSvg } from './XSvg';
+export { ZoomInIcon } from './ZoomInIcon';

package/src/icons/Image01SVG.tsx

@@ -0,0 +1,18 @@
+import * as React from "react"
+const Image01SVG = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={32}
+    height={32}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#9DA4AE"
+      fillRule="evenodd"
+      d="M16.076 2.332c2.921 0 5.216 0 7.007.241 1.835.247 3.291.763 4.436 1.907 1.144 1.145 1.66 2.6 1.907 4.436.24 1.791.241 4.086.241 7.007v.152c0 2.921 0 5.216-.241 7.007-.247 1.835-.763 3.291-1.907 4.436-1.145 1.144-2.6 1.66-4.436 1.907-1.791.24-4.086.241-7.007.241h-.152c-2.921 0-5.216 0-7.007-.241-1.835-.247-3.291-.763-4.436-1.907-1.144-1.145-1.66-2.6-1.907-4.436-.24-1.791-.241-4.086-.241-7.007v-.152c0-2.921 0-5.216.241-7.007.247-1.835.763-3.291 1.907-4.436 1.145-1.144 2.6-1.66 4.436-1.907 1.791-.24 4.086-.241 7.007-.241h.152Zm5.955 14.676c-1.825.086-3.553.782-5.233 1.908-2.96 1.984-5.589 5.164-8.172 8.29l-.108.128c.209.04.43.077.666.108 1.642.221 3.802.224 6.816.224s5.174-.003 6.816-.224c1.614-.217 2.578-.628 3.289-1.338.71-.711 1.121-1.675 1.338-3.289.151-1.124.2-2.49.215-4.208-2.075-1.239-3.936-1.679-5.627-1.6ZM16 4.332c-3.014 0-5.174.003-6.816.224-1.614.217-2.578.628-3.288 1.339-.711.71-1.122 1.674-1.34 3.288-.22 1.642-.223 3.802-.223 6.816s.003 5.174.224 6.816c.217 1.614.628 2.578 1.339 3.288.188.189.395.355.626.503l.539-.647c2.56-3.102 5.4-6.543 8.623-8.704 1.886-1.265 3.963-2.136 6.254-2.244 1.832-.086 3.738.321 5.728 1.322l.001-.334c0-3.014-.003-5.174-.224-6.816-.217-1.614-.628-2.578-1.338-3.288-.711-.711-1.675-1.122-3.289-1.34-1.642-.22-3.802-.223-6.816-.223Zm-6 2.667a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"
+      clipRule="evenodd"
+    />
+  </svg>
+)
+export default Image01SVG

package/src/icons/ImageIcon.tsx

@@ -0,0 +1,31 @@
+import type { SVGProps } from 'react';
+
+/* ── 24×24 toolbar icons ────────────────────────────────────── */
+
+/**
+ * Undo icon (undo-03) — 24×24 px.
+ * Figma: node inside Rich Text Editor 6259:88649
+ */
+
+export function ImageIcon({ className, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      className={className}
+      {...props}
+    >
+      <path
+        d="M12.0576 1.75C14.2479 1.74999 15.9683 1.75012 17.3115 1.93066C18.6882 2.11575 19.7805 2.50313 20.6387 3.36133C21.4969 4.21953 21.8842 5.31182 22.0693 6.68848C22.2499 8.03174 22.25 9.75212 22.25 11.9424V12.0576C22.25 14.2479 22.2499 15.9683 22.0693 17.3115C21.8842 18.6882 21.4969 19.7805 20.6387 20.6387C19.7805 21.4969 18.6882 21.8842 17.3115 22.0693C15.9683 22.2499 14.2479 22.25 12.0576 22.25H11.9424C9.75212 22.25 8.03174 22.2499 6.68848 22.0693C5.31182 21.8842 4.21953 21.4969 3.36133 20.6387C2.50313 19.7805 2.11575 18.6882 1.93066 17.3115C1.75012 15.9683 1.74999 14.2479 1.75 12.0576V11.9424C1.74999 9.75212 1.75012 8.03174 1.93066 6.68848C2.11575 5.31182 2.50313 4.21953 3.36133 3.36133C4.21953 2.50313 5.31182 2.11575 6.68848 1.93066C8.03174 1.75012 9.75213 1.74999 11.9424 1.75H12.0576ZM16.5234 12.7568C15.1543 12.8212 13.8585 13.3428 12.5986 14.1875C10.3792 15.6757 8.4073 18.0615 6.46973 20.4053C6.44338 20.4371 6.41599 20.4681 6.38965 20.5C6.5461 20.5301 6.71151 20.5593 6.8877 20.583C8.1196 20.7486 9.73963 20.75 12 20.75C14.2604 20.75 15.8804 20.7486 17.1123 20.583C18.3225 20.4203 19.0451 20.1111 19.5781 19.5781C20.1111 19.0451 20.4203 18.3225 20.583 17.1123C20.6964 16.2691 20.7295 15.2438 20.7412 13.9561C19.1853 13.0274 17.7912 12.6972 16.5234 12.7568ZM12 3.25C9.73963 3.25 8.1196 3.25137 6.8877 3.41699C5.67747 3.57972 4.9549 3.88885 4.42188 4.42188C3.88885 4.9549 3.57972 5.67747 3.41699 6.8877C3.25137 8.1196 3.25 9.73963 3.25 12C3.25 14.2604 3.25137 15.8804 3.41699 17.1123C3.57972 18.3225 3.88885 19.0451 4.42188 19.5781C4.56311 19.7194 4.71817 19.8439 4.8916 19.9551C5.02456 19.7944 5.15992 19.6333 5.29492 19.4697C7.21504 17.1434 9.3453 14.5634 11.7627 12.9424C13.1776 11.9937 14.7351 11.3396 16.4531 11.2588C17.8273 11.1942 19.2568 11.4987 20.749 12.249C20.749 12.1669 20.75 12.0839 20.75 12C20.75 9.73963 20.7486 8.1196 20.583 6.8877C20.4203 5.67747 20.1111 4.9549 19.5781 4.42188C19.0451 3.88885 18.3225 3.57972 17.1123 3.41699C15.8804 3.25137 14.2604 3.25 12 3.25ZM7.5 5.25C8.74264 5.25 9.75 6.25736 9.75 7.5C9.75 8.74264 8.74264 9.75 7.5 9.75C6.25736 9.75 5.25 8.74264 5.25 7.5C5.25 6.25736 6.25736 5.25 7.5 5.25ZM7.5 6.75C7.08579 6.75 6.75 7.08579 6.75 7.5C6.75 7.91421 7.08579 8.25 7.5 8.25C7.91421 8.25 8.25 7.91421 8.25 7.5C8.25 7.08579 7.91421 6.75 7.5 6.75Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+/**
+ * AI magic / sparkle icon (ai-magic) — 24×24 px.
+ * Figma: node inside Rich Text Editor 6259:88649
+ */