soliq-design-system 1.0.2

package/dist/ThemeToggleTransition/ThemeToggleTransition.styles.js

@@ -0,0 +1,454 @@
+export const styles = `
+:root {
+  --soliq-theme-bg: #f8fafc;
+  --soliq-theme-surface: #ffffff;
+  --soliq-theme-text: #0f172a;
+  --soliq-theme-subtle: #64748b;
+  --soliq-theme-accent: #d8c1aa;
+  --soliq-theme-glow: rgba(11, 79, 138, 0.24);
+  --soliq-theme-sunrise-1: #ffd7a1;
+  --soliq-theme-sunrise-2: #ffb36b;
+  --soliq-theme-sunrise-3: #ff8f7c;
+  --soliq-theme-sunrise-4: #ffdcb4;
+}
+
+:root[data-soliq-theme="dark"] {
+  --soliq-theme-bg: #020f25;
+  --soliq-theme-surface: #0c1d38;
+  --soliq-theme-text: #d7e5f4;
+  --soliq-theme-subtle: #8ba3c3;
+  --soliq-theme-accent: #d8c1aa;
+  --soliq-theme-glow: rgba(94, 143, 205, 0.26);
+}
+
+body {
+  background: var(--soliq-theme-bg);
+  color: var(--soliq-theme-text);
+  transition: background-color 900ms cubic-bezier(0.22, 1, 0.36, 1), color 900ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.soliq-theme-toggle {
+  position: relative;
+  z-index: 1;
+  display: inline-block;
+  width: 46px;
+  height: 25px;
+  border: 0;
+  border-radius: 999px;
+  padding: 0;
+  background: #d1d5db;
+  color: #ffffff;
+  cursor: pointer;
+  transition: background-color 260ms ease, transform 160ms ease;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
+}
+
+.soliq-theme-toggle[data-theme="light"] {
+  background: #d1d5db;
+}
+
+.soliq-theme-toggle[data-theme="dark"] {
+  background: #bfc4cc;
+}
+
+.soliq-theme-toggle:hover {
+  transform: translateY(-1px);
+}
+
+.soliq-theme-toggle:active {
+  transform: translateY(0);
+}
+
+.soliq-theme-toggle:focus-visible {
+  outline: 2px solid rgba(11, 79, 138, 0.38);
+  outline-offset: 2px;
+}
+
+.soliq-theme-toggle__icon-wrap {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 21px;
+  height: 21px;
+  border-radius: 999px;
+  display: grid;
+  place-items: center;
+  background: #fde68a;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
+  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), background-color 280ms ease;
+}
+
+.soliq-theme-toggle[data-theme="dark"] .soliq-theme-toggle__icon-wrap {
+  transform: translateX(21px);
+  background: #f8fafc;
+}
+
+.soliq-theme-toggle[data-theme="light"] .soliq-theme-toggle__icon-wrap {
+  transform: translateX(0);
+  background: #fde68a;
+}
+
+.soliq-theme-toggle__icon {
+  width: 12px;
+  height: 12px;
+  display: block;
+  object-fit: contain;
+}
+
+.soliq-theme-transition-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 10000;
+  display: grid;
+  place-items: center;
+  pointer-events: none;
+  opacity: 0;
+  overflow: hidden;
+  animation: overlay-fade-in 340ms ease forwards;
+}
+
+.soliq-theme-transition-overlay[data-target="dark"] {
+  background:
+    radial-gradient(circle at 50% 46%, rgba(11, 48, 96, 0.28), rgba(2, 15, 37, 0.93) 64%),
+    linear-gradient(145deg, rgba(3, 18, 41, 0.86), rgba(1, 7, 22, 0.96));
+}
+
+.soliq-theme-transition-overlay[data-target="light"] {
+  background:
+    radial-gradient(circle at 50% 45%, rgba(255, 194, 116, 0.4), rgba(255, 244, 224, 0.92) 58%),
+    linear-gradient(145deg, rgba(255, 249, 236, 0.98), rgba(255, 224, 191, 0.9) 56%, rgba(255, 200, 154, 0.84));
+}
+
+.soliq-theme-transition-overlay[data-target="light"] .soliq-theme-transition-overlay__veil {
+  background: radial-gradient(circle at 50% 50%, rgba(255, 195, 118, 0.45), transparent 58%);
+}
+
+.soliq-theme-transition-overlay__veil {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.24), transparent 55%);
+  animation: veil-breath 1240ms ease-out 90ms both;
+}
+
+.soliq-theme-transition-overlay__wave {
+  position: absolute;
+  width: 44vmax;
+  height: 44vmax;
+  border-radius: 50%;
+  border: 1px solid rgba(216, 193, 170, 0.5);
+  mix-blend-mode: screen;
+}
+
+.soliq-theme-transition-overlay__wave--1 {
+  animation: overlay-wave-1 1580ms cubic-bezier(0.22, 1, 0.36, 1) 20ms both;
+}
+
+.soliq-theme-transition-overlay__wave--2 {
+  width: 38vmax;
+  height: 38vmax;
+  border-color: rgba(139, 163, 195, 0.5);
+  animation: overlay-wave-2 1480ms cubic-bezier(0.22, 1, 0.36, 1) 140ms both;
+}
+
+.soliq-theme-transition-overlay__wave--3 {
+  width: 50vmax;
+  height: 50vmax;
+  border-color: rgba(255, 255, 255, 0.3);
+  animation: overlay-wave-3 1720ms cubic-bezier(0.22, 1, 0.36, 1) 220ms both;
+}
+
+.soliq-theme-transition-overlay[data-target="light"] .soliq-theme-transition-overlay__wave--1 {
+  border-color: rgba(255, 171, 86, 0.56);
+}
+
+.soliq-theme-transition-overlay[data-target="light"] .soliq-theme-transition-overlay__wave--2 {
+  border-color: rgba(255, 147, 124, 0.45);
+}
+
+.soliq-theme-transition-overlay[data-target="light"] .soliq-theme-transition-overlay__wave--3 {
+  border-color: rgba(255, 220, 177, 0.52);
+}
+
+.soliq-theme-transition-overlay__flare {
+  position: absolute;
+  width: 58vmax;
+  height: 58vmax;
+  border-radius: 50%;
+  background: radial-gradient(circle, rgba(216, 193, 170, 0.22), transparent 66%);
+  filter: blur(4px);
+  opacity: 0;
+  animation: flare-pulse 1300ms ease-out 150ms both;
+}
+
+.soliq-theme-transition-overlay[data-target="light"] .soliq-theme-transition-overlay__flare {
+  background: radial-gradient(circle, rgba(255, 167, 82, 0.34), transparent 68%);
+}
+
+.soliq-theme-transition-overlay__icon-shell {
+  position: relative;
+  width: 142px;
+  height: 142px;
+  border-radius: 50%;
+  display: grid;
+  place-items: center;
+  border: none;
+  box-shadow: none;
+  animation: icon-shell-in 780ms cubic-bezier(0.22, 1, 0.36, 1) 120ms both;
+}
+
+.soliq-theme-transition-overlay__icon-shell[data-target="dark"] {
+  border: none;
+}
+
+.soliq-theme-transition-overlay__icon-shell[data-target="light"] {
+  border: none;
+}
+
+.soliq-theme-transition-overlay__orbit {
+  position: absolute;
+  border-radius: 50%;
+  border: 1px dashed rgba(255, 255, 255, 0.28);
+  opacity: 0;
+}
+
+.soliq-theme-transition-overlay__orbit--a {
+  width: 166px;
+  height: 166px;
+  animation: orbit-spin-a 1400ms linear 120ms both;
+}
+
+.soliq-theme-transition-overlay__orbit--b {
+  width: 194px;
+  height: 194px;
+  border-color: rgba(216, 193, 170, 0.3);
+  animation: orbit-spin-b 1600ms linear 160ms both;
+}
+
+.soliq-theme-transition-overlay[data-target="light"] .soliq-theme-transition-overlay__orbit--a {
+  border-color: rgba(255, 189, 114, 0.46);
+}
+
+.soliq-theme-transition-overlay[data-target="light"] .soliq-theme-transition-overlay__orbit--b {
+  border-color: rgba(255, 155, 124, 0.36);
+}
+
+.soliq-theme-transition-overlay__icon {
+  width: 50px;
+  height: 50px;
+  color: #d8c1aa;
+  display: block;
+  object-fit: contain;
+  filter: drop-shadow(0 6px 18px rgba(216, 193, 170, 0.35));
+  animation: icon-pop 860ms cubic-bezier(0.22, 1, 0.36, 1) 200ms both;
+}
+
+.soliq-theme-transition-overlay__status {
+  position: absolute;
+  bottom: max(9vh, 74px);
+  margin: 0;
+  font-size: 13px;
+  letter-spacing: 0.28em;
+  text-transform: uppercase;
+  font-weight: 600;
+  color: color-mix(in srgb, var(--soliq-theme-text) 84%, transparent);
+  opacity: 0;
+  animation: status-in 820ms ease 380ms both;
+}
+
+.soliq-theme-transition-overlay[data-target="light"] .soliq-theme-transition-overlay__status {
+  color: rgba(131, 74, 36, 0.85);
+}
+
+.soliq-theme-transition-overlay__sparkles {
+  position: absolute;
+  inset: 0;
+}
+
+.soliq-theme-transition-overlay__sparkle {
+  position: absolute;
+  left: var(--spark-x);
+  top: var(--spark-y);
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--soliq-theme-accent) 75%, #ffffff);
+  box-shadow: 0 0 12px color-mix(in srgb, var(--soliq-theme-accent) 75%, transparent);
+  opacity: 0;
+  transform: scale(0.2);
+  animation: sparkle-in 940ms ease-out var(--spark-delay) both;
+}
+
+.soliq-theme-transition-overlay[data-target="light"] .soliq-theme-transition-overlay__sparkle {
+  background: rgba(255, 163, 88, 0.95);
+  box-shadow: 0 0 14px rgba(255, 167, 96, 0.65);
+}
+
+.soliq-theme-transition-overlay--closing {
+  animation: overlay-fade-out 420ms ease forwards;
+}
+
+@keyframes overlay-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes overlay-fade-out {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+
+@keyframes veil-breath {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.82;
+  }
+}
+
+@keyframes overlay-wave-1 {
+  from {
+    transform: scale(0.2);
+    opacity: 0.7;
+  }
+  to {
+    transform: scale(1.55);
+    opacity: 0;
+  }
+}
+
+@keyframes overlay-wave-2 {
+  from {
+    transform: scale(0.15);
+    opacity: 0.68;
+  }
+  to {
+    transform: scale(1.62);
+    opacity: 0;
+  }
+}
+
+@keyframes overlay-wave-3 {
+  from {
+    transform: scale(0.1);
+    opacity: 0.62;
+  }
+  to {
+    transform: scale(1.5);
+    opacity: 0;
+  }
+}
+
+@keyframes icon-shell-in {
+  from {
+    opacity: 0;
+    transform: translateY(-16px) scale(0.88);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@keyframes icon-pop {
+  from {
+    opacity: 0;
+    transform: scale(0.75) rotate(-16deg);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) rotate(0deg);
+  }
+}
+
+@keyframes flare-pulse {
+  0% {
+    opacity: 0;
+    transform: scale(0.4);
+  }
+  40% {
+    opacity: 0.8;
+  }
+  100% {
+    opacity: 0;
+    transform: scale(1.3);
+  }
+}
+
+@keyframes orbit-spin-a {
+  0% {
+    opacity: 0;
+    transform: scale(0.7) rotate(0deg);
+  }
+  25% {
+    opacity: 0.55;
+  }
+  100% {
+    opacity: 0;
+    transform: scale(1) rotate(180deg);
+  }
+}
+
+@keyframes orbit-spin-b {
+  0% {
+    opacity: 0;
+    transform: scale(0.6) rotate(0deg);
+  }
+  32% {
+    opacity: 0.48;
+  }
+  100% {
+    opacity: 0;
+    transform: scale(1) rotate(-160deg);
+  }
+}
+
+@keyframes status-in {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes sparkle-in {
+  0% {
+    opacity: 0;
+    transform: scale(0.2);
+  }
+  30% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.45);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  body,
+  .soliq-theme-toggle,
+  .soliq-theme-transition-overlay,
+  .soliq-theme-transition-overlay__veil,
+  .soliq-theme-transition-overlay__wave,
+  .soliq-theme-transition-overlay__flare,
+  .soliq-theme-transition-overlay__icon-shell,
+  .soliq-theme-transition-overlay__orbit,
+  .soliq-theme-transition-overlay__icon {
+    animation: none !important;
+    transition: none !important;
+  }
+
+  .soliq-theme-transition-overlay__status,
+  .soliq-theme-transition-overlay__sparkle {
+    animation: none !important;
+    opacity: 1;
+    transform: none;
+  }
+}
+`;

package/dist/ThemeToggleTransition/index.d.ts

@@ -0,0 +1 @@
+export * from "./ThemeToggleTransition";

package/dist/ThemeToggleTransition/index.js

@@ -0,0 +1 @@
+export * from "./ThemeToggleTransition";

package/dist/ThemeToggleTransition.d.ts

@@ -0,0 +1 @@
+export * from "./ThemeToggleTransition/index";

package/dist/ThemeToggleTransition.js

@@ -0,0 +1 @@
+export * from "./ThemeToggleTransition/index";

package/dist/assets/images/logo.svg

@@ -0,0 +1,9 @@
+<svg width="48" height="42" viewBox="0 0 48 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.24201 0.603157C4.63666 1.68521 5.94531 4.26454 10.2283 8.64099C12.3554 10.8154 15.3776 12.8778 17.8958 14.4113C19.225 12.7693 21.2494 11.72 23.5166 11.72C25.7854 11.72 27.8081 12.771 29.139 14.4148C31.6589 12.8796 34.6829 10.8171 36.8116 8.64273C42.7039 2.62252 42.967 0.00183105 42.967 0.00183105H4.07458L4.24201 0.603157Z" fill="#D8C1AA"/>
+<path d="M18.8854 6.2253C19.3968 6.2253 19.8114 5.80718 19.8114 5.29141C19.8114 4.77565 19.3968 4.35754 18.8854 4.35754C18.374 4.35754 17.9595 4.77565 17.9595 5.29141C17.9595 5.80718 18.374 6.2253 18.8854 6.2253Z" fill="white"/>
+<path d="M28.1507 4.36096C28.6598 4.40059 29.0408 4.84858 29.0015 5.36203C28.9622 5.87549 28.518 6.25975 28.0089 6.22009C27.4998 6.18049 27.1188 5.73248 27.1581 5.21902C27.1974 4.70557 27.6416 4.32133 28.1507 4.36096Z" fill="white"/>
+<path d="M31.7166 4.59703C32.0976 4.62633 32.3812 4.96231 32.3521 5.34482C32.3231 5.72905 31.99 6.01507 31.6107 5.98578C31.2297 5.95649 30.9461 5.62222 30.9751 5.238C31.0042 4.85376 31.3356 4.56774 31.7166 4.59703Z" fill="white"/>
+<path d="M15.4492 4.59703C15.8302 4.62633 16.1138 4.96231 16.0848 5.34482C16.0557 5.72905 15.7226 6.01507 15.3433 5.98578C14.9623 5.95649 14.6787 5.62222 14.7078 5.238C14.7368 4.85376 15.07 4.56774 15.4492 4.59703Z" fill="white"/>
+<path d="M22.9969 4.25421L23.4718 3.5719L23.9109 4.27833L24.7258 4.13532L24.5396 4.94858L25.2162 5.42758L24.5157 5.87039L24.6575 6.69054L23.8528 6.50448L23.3762 7.18675L22.9371 6.48036L22.1239 6.62335L22.3084 5.81181L21.6318 5.33109L22.3323 4.88828L22.1905 4.06813L22.9969 4.25421Z" fill="white"/>
+<path d="M43.5796 16.9165C45.2897 15.7172 46.6001 14.1665 46.9468 12.0352C47.2407 10.2381 46.7453 8.04474 46.7453 8.04474C46.7453 8.04474 44.813 11.4218 38.9378 14.444C37.0157 15.433 34.764 16.0912 33.3682 16.4426C33.305 16.2514 33.2384 16.0653 33.1718 15.8896C34.0978 15.5674 35.4115 15.0953 36.6826 14.5835C37.9759 14.0632 42.4486 11.5666 43.8786 8.92344C45.2606 6.36996 45.0659 4.13694 44.7721 2.87742C44.3483 1.06482 42.9662 0 42.9662 0C42.9662 0 42.7031 2.62069 36.8107 8.6409C34.682 10.8153 31.6581 12.8795 29.1382 14.413C30.1564 15.6725 30.768 17.2801 30.768 19.0323C30.768 22.0131 28.9998 24.5735 26.4645 25.7124C26.2919 25.6384 26.1109 25.5591 25.9383 25.4764C24.6997 24.8888 24.1991 23.4777 24.3528 22.6024C24.6501 20.8966 25.6427 20.2126 27.6245 20.5451C27.6245 20.5451 27.6228 19.1822 24.5869 17.2576C23.4952 16.565 21.9816 15.5191 21.7953 14.873C21.4981 15.2056 21.2281 15.7655 21.223 16.4823C21.2196 17.0801 21.5169 17.8693 22.0055 18.1054C22.4975 18.3414 22.694 18.35 23.2236 18.5137C20.8557 19.7302 19.2498 22.3784 19.9195 25.385C17.7344 24.1255 16.2635 21.7529 16.2635 19.034C16.2635 17.28 16.8768 15.6725 17.8967 14.4112C15.3767 12.8777 12.3563 10.8153 10.2292 8.6409C4.33687 2.62069 4.07378 0 4.07378 0C4.07378 0 2.69165 1.06482 2.26796 2.87742C1.97411 4.13694 1.77935 6.36996 3.16147 8.92344C4.59143 11.5648 9.06583 14.0615 10.3574 14.5835C11.6285 15.0953 12.944 15.5674 13.8682 15.8896C13.7999 16.067 13.7349 16.2514 13.6717 16.4426C12.2759 16.0912 10.0242 15.433 8.10225 14.444C2.22696 11.4218 0.294724 8.04474 0.294724 8.04474C0.294724 8.04474 -0.200721 10.2381 0.0931293 12.0352C0.439941 14.1665 1.75201 15.7172 3.46045 16.9165C5.42685 18.2966 9.64837 19.6268 11.6882 19.9059C12.2128 19.9783 12.6433 20.0282 12.9969 20.0627C12.9867 20.2591 12.9815 20.459 12.9781 20.6623C11.6763 20.5468 10.0447 20.285 8.53278 19.8818C2.43197 18.2587 0.0982544 15.3124 0.0982544 15.3124C0.0982544 15.3124 0.026501 17.4523 0.619325 19.0789C1.3232 21.0086 2.73437 22.0889 4.5453 22.9005C6.62961 23.8343 10.9177 24.1652 12.8722 24.0566C13.0191 24.048 13.1849 24.0411 13.3164 24.0359C13.3557 24.2186 13.3745 24.4133 13.4206 24.589C12.744 24.6062 11.9326 24.6872 11.2406 24.6752C9.80388 24.6493 6.79871 24.3512 5.2953 24.0377C2.92571 23.5432 1.19507 22.082 1.19507 22.082C1.19507 22.082 1.88186 24.5752 2.55669 25.6797C3.19051 26.7169 3.9781 27.4372 5.01854 27.9196C5.9804 28.3658 7.44965 28.4933 9.44337 28.3348C10.6683 28.2383 13.5863 27.7921 14.6968 27.6181C14.8078 27.8076 14.9206 27.9902 15.0351 28.1626C14.3175 28.3693 12.4656 28.8621 10.2105 29.1584C7.27538 29.5444 4.9895 29.1533 4.9895 29.1533C4.9895 29.1533 6.07608 30.5782 6.88242 31.2881C7.87505 32.1634 8.65751 32.4804 10.5897 32.408C12.8739 32.3219 15.6416 30.847 16.7845 30.3059C16.9263 30.4438 17.0852 30.5937 17.2578 30.754C16.5897 31.1847 14.883 32.1203 13.8836 32.5321C11.8608 33.3643 9.38014 33.6555 9.38014 33.6555C9.38014 33.6555 10.8853 35.5646 13.1865 35.5956C15.5698 35.6283 16.9075 34.5583 17.6046 34.0776C18.0334 33.783 18.7406 33.0542 19.2224 32.5338C19.3779 32.6716 19.5334 32.8112 19.6889 32.9491C19.243 33.6314 18.3751 34.7737 17.1501 35.5215C14.9616 36.8603 13.9519 36.8103 13.9519 36.8103C13.9519 36.8103 16.1199 38.5247 17.9206 38.1353C19.612 37.77 21.0248 35.7007 21.6279 34.6841C21.7971 34.8374 21.9559 34.9822 22.1046 35.1183C21.9781 35.4215 21.8039 35.792 21.5749 36.1814C20.1074 38.6849 18.6211 39.5413 18.6211 39.5413C18.6211 39.5413 19.2925 40.3959 21.8722 41.4487C22.489 41.7002 23.0391 41.869 23.4918 41.9862V42C23.5004 41.9983 23.5089 41.9948 23.5175 41.9931C23.526 41.9948 23.5345 41.9983 23.5431 42V41.9862C23.9958 41.869 24.5459 41.7002 25.1626 41.4487C27.7424 40.3959 28.4138 39.5413 28.4138 39.5413C28.4138 39.5413 26.9275 38.6849 25.4599 36.1814C25.231 35.792 25.0584 35.4215 24.9303 35.1183C25.0789 34.9822 25.2378 34.8358 25.407 34.6841C26.0101 35.7007 27.4246 37.77 29.1142 38.1353C30.9149 38.5247 33.0829 36.8103 33.0829 36.8103C33.0829 36.8103 32.075 36.8603 29.8847 35.5215C28.6598 34.772 27.7902 33.6296 27.3461 32.9491C27.5015 32.8112 27.657 32.6716 27.8124 32.5338C28.2942 33.0542 29.0015 33.783 29.4303 34.0776C30.1274 34.5566 31.4668 35.6283 33.8483 35.5956C36.1479 35.5646 37.6547 33.6555 37.6547 33.6555C37.6547 33.6555 35.1741 33.3643 33.1513 32.5321C32.1519 32.1203 30.4451 31.1847 29.7771 30.754C29.9497 30.5937 30.1085 30.4438 30.2504 30.3059C31.3933 30.847 34.1609 32.3219 36.4452 32.408C38.3757 32.4804 39.1581 32.1634 40.1508 31.2881C40.9554 30.5782 42.0437 29.1533 42.0437 29.1533C42.0437 29.1533 39.7578 29.5444 36.8227 29.1584C34.5675 28.8621 32.7156 28.3676 31.9981 28.1626C32.1126 27.9885 32.2236 27.8059 32.3364 27.6181C33.4468 27.7904 36.3648 28.2366 37.5898 28.3348C39.5835 28.4933 41.0528 28.3658 42.0146 27.9196C43.0551 27.4372 43.8427 26.7169 44.4765 25.6797C45.1513 24.5752 45.8381 22.082 45.8381 22.082C45.8381 22.082 44.1092 23.5432 41.7378 24.0377C40.2327 24.3512 37.2293 24.6493 35.7925 24.6752C35.1006 24.6872 34.2891 24.6062 33.6125 24.589C33.6604 24.4133 33.6775 24.2186 33.7168 24.0359C33.8483 24.0428 34.0123 24.0497 34.161 24.0566C36.1154 24.1652 40.4036 23.8343 42.4878 22.9005C44.2988 22.0889 45.71 21.0069 46.4139 19.0789C47.0067 17.4523 46.9349 15.3124 46.9349 15.3124C46.9349 15.3124 44.6012 18.2587 38.5004 19.8818C36.9884 20.2832 35.3569 20.5451 34.055 20.6623C34.0516 20.459 34.0465 20.2574 34.0363 20.0627C34.3899 20.0282 34.8204 19.9783 35.3449 19.9059C37.3899 19.6268 41.6114 18.2966 43.5796 16.9165Z" fill="#364BA8"/>
+</svg>

package/dist/assets/images/moon.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#bfc4cc" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 455 455" xml:space="preserve">
+<g>
+	<polygon points="320.18,162.705 280.63,171.052 307.72,201.052 303.437,241.245 340.34,224.751 377.243,241.245 372.96,201.052
+		400.05,171.052 360.5,162.705 340.34,127.67 	"/>
+	<polygon points="440,325.677 414.091,320.208 400.883,297.253 387.675,320.208 361.766,325.677 379.513,345.33 376.708,371.661
+		400.884,360.855 425.063,371.661 422.254,345.329 	"/>
+	<path d="M218,227.5c0-89.167,51.306-166.338,126-203.64C313.443,8.6,278.978,0,242.5,0C116.855,0,15,101.855,15,227.5
+		S116.855,455,242.5,455c36.478,0,70.943-8.6,101.5-23.86C269.306,393.838,218,316.667,218,227.5z"/>
+</g>
+</svg>

package/dist/assets/images/sun.svg

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 width="800px" height="800px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M31.998,14.002c-9.941,0-18,8.059-18,18s8.059,18,18,18
+		s18-8.059,18-18S41.939,14.002,31.998,14.002z M42.998,33.002c-0.553,0-1-0.447-1-1c0-5.523-4.478-10-10-10c-0.553,0-1-0.447-1-1
+		s0.447-1,1-1c6.627,0,12,5.373,12,12C43.998,32.555,43.551,33.002,42.998,33.002z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M63,31H53c-0.553,0-1,0.447-1,1s0.447,1,1,1h10
+		c0.553,0,1-0.447,1-1S63.553,31,63,31z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M11.457,36.47l-3.863,1.035c-0.534,0.144-0.851,0.692-0.707,1.226
+		c0.143,0.533,0.69,0.85,1.225,0.706l3.863-1.035c0.533-0.143,0.85-0.69,0.707-1.225C12.539,36.644,11.99,36.327,11.457,36.47z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M49.32,22c0.277,0.479,0.888,0.643,1.367,0.366l8.66-5
+		c0.479-0.276,0.643-0.888,0.365-1.366c-0.275-0.479-0.887-0.642-1.365-0.365l-8.66,5C49.208,20.912,49.045,21.521,49.32,22z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M17.858,46.143c-0.39-0.391-1.023-0.389-1.414,0l-2.828,2.828
+		c-0.391,0.391-0.39,1.025,0.001,1.415c0.39,0.391,1.022,0.39,1.413-0.001l2.828-2.828C18.249,47.168,18.249,46.534,17.858,46.143z"
+		/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M42,14.68c0.479,0.276,1.09,0.113,1.367-0.366l5-8.66
+		C48.644,5.175,48.48,4.563,48,4.287c-0.478-0.276-1.088-0.112-1.365,0.366l-4.999,8.661C41.358,13.793,41.522,14.403,42,14.68z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M26.824,51.318c-0.532-0.143-1.08,0.176-1.225,0.707l-1.035,3.863
+		c-0.143,0.535,0.176,1.083,0.709,1.226c0.533,0.144,1.08-0.173,1.223-0.708l1.035-3.863C27.676,52.012,27.359,51.463,26.824,51.318
+		z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M32,12c0.554,0,1.001-0.446,1.002-1V1c0-0.553-0.447-1-1.002-1
+		c-0.551,0-0.998,0.447-0.999,1l0.001,10C31.002,11.553,31.449,12,32,12z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M38.402,52.025c-0.141-0.532-0.689-0.85-1.225-0.707
+		c-0.533,0.143-0.848,0.692-0.707,1.225l1.035,3.863c0.144,0.535,0.693,0.85,1.227,0.707s0.849-0.689,0.705-1.225L38.402,52.025z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M20.637,14.312c0.275,0.479,0.887,0.643,1.363,0.367
+		c0.48-0.277,0.645-0.887,0.368-1.367l-5-8.66C17.092,4.174,16.48,4.01,16,4.287c-0.477,0.275-0.641,0.887-0.365,1.365
+		L20.637,14.312z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M47.558,46.142c-0.388-0.39-1.022-0.39-1.414,0
+		c-0.391,0.39-0.388,1.024,0,1.414l2.828,2.828c0.392,0.392,1.025,0.389,1.415-0.001c0.391-0.39,0.391-1.021-0.001-1.413
+		L47.558,46.142z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M4.654,17.365l8.662,4.999c0.477,0.276,1.088,0.113,1.363-0.364
+		c0.277-0.479,0.115-1.09-0.364-1.367l-8.661-5C5.176,15.356,4.564,15.52,4.287,16C4.013,16.477,4.176,17.089,4.654,17.365z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M52.027,38.4l3.863,1.035c0.535,0.145,1.082-0.176,1.225-0.709
+		c0.144-0.532-0.172-1.079-0.707-1.223l-3.863-1.035c-0.531-0.145-1.081,0.173-1.225,0.707C51.176,37.709,51.496,38.256,52.027,38.4
+		z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M12,32c0.001-0.554-0.445-1-0.998-1.002L1,31
+		c-0.552,0-1,0.445-1,1c0.001,0.551,0.448,1,1.001,1l10.001-0.002C11.553,32.998,12.001,32.552,12,32z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M52.545,27.529l3.863-1.035c0.535-0.143,0.85-0.693,0.706-1.227
+		c-0.142-0.531-0.688-0.848-1.224-0.705l-3.863,1.035c-0.533,0.141-0.85,0.691-0.707,1.225
+		C51.461,27.356,52.012,27.67,52.545,27.529z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M14.68,42c-0.275-0.48-0.886-0.644-1.365-0.368l-8.661,5.002
+		C4.176,46.91,4.01,47.52,4.287,48c0.277,0.477,0.889,0.641,1.367,0.365l8.66-5.002C14.791,43.088,14.957,42.479,14.68,42z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M46.144,17.856c0.389,0.392,1.022,0.388,1.414,0l2.828-2.828
+		c0.392-0.392,0.39-1.024-0.002-1.415c-0.388-0.39-1.021-0.391-1.412,0.001l-2.828,2.828C45.752,16.83,45.754,17.466,46.144,17.856z
+		"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M22,49.32c-0.479-0.277-1.088-0.113-1.365,0.364l-5,8.663
+		c-0.275,0.478-0.115,1.088,0.365,1.365c0.479,0.274,1.09,0.11,1.367-0.367l4.998-8.662C22.641,50.207,22.48,49.597,22,49.32z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M37.178,12.68c0.531,0.145,1.078-0.176,1.225-0.707l1.035-3.863
+		c0.143-0.535-0.176-1.083-0.709-1.225c-0.531-0.144-1.08,0.172-1.223,0.707l-1.035,3.863C36.324,11.986,36.645,12.536,37.178,12.68
+		z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M32,52c-0.553-0.002-0.998,0.446-1,0.998l0.002,10.004
+		C31.002,63.552,31.445,64,32,64c0.553,0,1-0.449,1.001-1l-0.003-10.002C32.998,52.447,32.555,52,32,52z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M25.6,11.973c0.139,0.533,0.691,0.85,1.225,0.707
+		c0.532-0.141,0.846-0.691,0.707-1.225l-1.035-3.863c-0.145-0.535-0.693-0.851-1.227-0.706c-0.531,0.142-0.85,0.688-0.705,1.224
+		L25.6,11.973z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M43.363,49.687c-0.275-0.478-0.883-0.644-1.363-0.365
+		c-0.479,0.274-0.641,0.885-0.367,1.364l5.004,8.661c0.275,0.478,0.883,0.644,1.363,0.366c0.479-0.277,0.642-0.889,0.367-1.367
+		L43.363,49.687z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M16.443,17.856c0.387,0.394,1.023,0.39,1.414,0
+		c0.391-0.388,0.387-1.021,0-1.414l-2.828-2.828c-0.393-0.392-1.025-0.39-1.415,0.002c-0.39,0.388-0.392,1.021,0.001,1.412
+		L16.443,17.856z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M59.348,46.633l-8.663-4.997
+		c-0.478-0.276-1.087-0.116-1.363,0.366c-0.278,0.477-0.112,1.086,0.364,1.364l8.664,4.999c0.477,0.275,1.086,0.115,1.363-0.365
+		C59.988,47.521,59.824,46.91,59.348,46.633z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB35A" d="M11.974,25.599L8.11,24.563c-0.536-0.144-1.083,0.175-1.225,0.708
+		c-0.144,0.531,0.171,1.08,0.707,1.225l3.863,1.034c0.531,0.146,1.081-0.175,1.225-0.707C12.825,26.293,12.505,25.746,11.974,25.599
+		z"/>
+</g>
+</svg>

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SoliqLoader';
+export * from './NotFound';
+export * from './SessionExpired';
+export * from './ThemeToggleTransition';

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from './SoliqLoader';
+export * from './NotFound';
+export * from './SessionExpired';
+export * from './ThemeToggleTransition';

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "soliq-design-system",
+  "version": "1.0.2",
+  "private": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --project tsconfig.build.json && node ./scripts/copy-assets.mjs",
+    "typecheck": "tsc --project tsconfig.json",
+    "prepublishOnly": "tsc --project tsconfig.build.json && node ./scripts/copy-assets.mjs",
+    "publish:npm": "npm publish --registry https://registry.npmjs.org --access public"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  }
+}