@dynect/base 0.1.0 → 0.3.0

package/src/runtime/assets/svg/images/man-question-mark.svg

@@ -0,0 +1,130 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="83" height="112" viewBox="0 0 83 112" fill="none">
+<style>
+  @keyframes float-up {
+    0%, 100% { transform: translateY(0px); }
+    50%       { transform: translateY(-6px); }
+  }
+  @keyframes float-down {
+    0%, 100% { transform: translateY(0px); }
+    50%       { transform: translateY(6px); }
+  }
+  @keyframes float-body {
+    0%, 100% { transform: translateY(0px); }
+    50%       { transform: translateY(-3px); }
+  }
+  #anim-q-left  { transform-box: fill-box; transform-origin: center; animation: float-up   3.2s ease-in-out 0.4s infinite; }
+  #anim-q-right { transform-box: fill-box; transform-origin: center; animation: float-down 2.8s ease-in-out 0.0s infinite; }
+  #anim-body    { transform-box: fill-box; transform-origin: center; animation: float-body 4.0s ease-in-out 0.0s infinite; }
+</style>
+
+<!-- background: circle + bottom gradient (static) -->
+<path d="M82.8168 41.4085C82.8168 64.2777 64.2777 82.8169 41.4084 82.8169C18.5392 82.8169 0 64.2777 0 41.4085C0 18.5392 18.5392 0 41.4084 0C64.2777 0 82.8168 18.5392 82.8168 41.4085Z" fill="#E1EFFE"/>
+<path d="M82.8168 41.4085C82.8168 64.2777 64.2777 82.8169 41.4084 82.8169C18.5392 82.8169 0 64.2777 0 41.4085C0 18.5392 18.5392 0 41.4084 0C64.2777 0 82.8168 18.5392 82.8168 41.4085Z" fill="url(#paint0_linear_15791_11822)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M78.8553 59.1053C72.2197 73.1219 57.9462 82.8168 41.4083 82.8168C26.8623 82.8168 14.068 75.3165 6.68188 63.9724C11.2958 61.9107 17.7135 60.1623 24.1548 61.3239C24.5684 61.3985 24.9767 61.4724 25.3802 61.5456C36.7137 63.5994 44.2898 64.9723 58.7604 59.4506C64.8246 57.1366 72.1703 57.6008 78.8553 59.1053Z" fill="url(#paint1_linear_15791_11822)"/>
+
+<!-- right question mark -->
+<g id="anim-q-right">
+  <path d="M69.9603 47.1512C69.8429 47.1512 69.7477 47.0561 69.7477 46.9386Lnan nanL69.7477 46.9386C69.7532 45.952 69.8469 45.167 70.0286 44.5837C70.2158 44.0004 70.4802 43.5316 70.8216 43.1773C71.163 42.8175 71.5788 42.4877 72.0689 42.1879C72.4049 41.9808 72.705 41.7546 72.9694 41.5092C73.2392 41.2585 73.4512 40.9805 73.6054 40.6752C73.7596 40.3645 73.8367 40.0183 73.8367 39.6368C73.8367 39.2061 73.7348 38.8327 73.5311 38.5165C73.3273 38.2004 73.052 37.9551 72.705 37.7806C72.3636 37.6062 71.9808 37.519 71.5568 37.519C71.1658 37.519 70.7941 37.6035 70.4416 37.7724C70.0947 37.936 69.8056 38.1867 69.5743 38.5247C69.4056 38.7732 69.2922 39.0718 69.2342 39.4207C69.1998 39.6274 69.0301 39.7921 68.8205 39.7921H66.6585C66.4366 39.7921 66.2569 39.6088 66.2765 39.3878C66.3524 38.5288 66.5981 37.7968 67.0135 37.1919C67.4981 36.4941 68.1369 35.9708 68.9299 35.6219C69.7285 35.2731 70.6096 35.0986 71.5733 35.0986C72.6252 35.0986 73.5503 35.2812 74.3489 35.6465C75.1529 36.0117 75.7779 36.5323 76.224 37.2082C76.6756 37.8787 76.9014 38.6746 76.9014 39.5959C76.9014 40.2173 76.7995 40.7733 76.5957 41.2639C76.3975 41.7546 76.1139 42.1906 75.7449 42.5722C75.3759 42.9538 74.9381 43.2945 74.4315 43.5943C73.9854 43.8669 73.6192 44.1504 73.3328 44.4447C73.052 44.7391 72.8427 45.0852 72.705 45.4832C72.5728 45.8757 72.504 46.3608 72.4985 46.9386Lnan nanL72.4985 46.9386C72.4985 47.0561 72.4033 47.1512 72.2859 47.1512H69.9603ZM71.1851 52.2536C70.6894 52.2536 70.2626 52.0791 69.9047 51.7303C69.5467 51.3814 69.3677 50.9562 69.3677 50.4547C69.3677 49.9641 69.5467 49.5443 69.9047 49.1954C70.2626 48.8466 70.6894 48.6721 71.1851 48.6721C71.6752 48.6721 72.0992 48.8466 72.4572 49.1954C72.8207 49.5443 73.0024 49.9641 73.0024 50.4547C73.0024 50.7872 72.917 51.0897 72.7463 51.3623C72.5811 51.6349 72.3608 51.8529 72.0855 52.0164C71.8156 52.1745 71.5155 52.2536 71.1851 52.2536Z" fill="#76A9FA"/>
+</g>
+
+<!-- left question mark -->
+<g id="anim-q-left">
+  <path d="M12.041 26.5208C11.8845 26.5208 11.7576 26.3939 11.7576 26.2374Lnan nanL11.7576 26.2374C11.7649 24.9218 11.8897 23.8752 12.132 23.0975C12.3817 22.3198 12.7341 21.6947 13.1894 21.2223C13.6446 20.7426 14.199 20.3028 14.8525 19.9031C15.3004 19.6269 15.7006 19.3252 16.0531 18.9982C16.4128 18.6638 16.6955 18.2931 16.9011 17.8861C17.1067 17.4718 17.2095 17.0103 17.2095 16.5015C17.2095 15.9273 17.0737 15.4294 16.802 15.0079C16.5303 14.5863 16.1632 14.2593 15.7006 14.0267C15.2454 13.7941 14.735 13.6778 14.1696 13.6778C13.6483 13.6778 13.1527 13.7905 12.6827 14.0158C12.2201 14.2338 11.8347 14.5682 11.5263 15.0188C11.2817 15.3789 11.1244 15.8182 11.0543 16.3366C11.0262 16.5443 10.8554 16.7087 10.6459 16.7087H7.50358C7.28168 16.7087 7.10244 16.5254 7.11842 16.3041C7.20532 15.1005 7.53648 14.0797 8.11189 13.2417C8.75805 12.3114 9.60981 11.6136 10.6672 11.1484C11.7319 10.6833 12.9067 10.4507 14.1917 10.4507C15.5941 10.4507 16.8277 10.6942 17.8924 11.1811C18.9644 11.6681 19.7978 12.3622 20.3926 13.2635C20.9947 14.1575 21.2958 15.2187 21.2958 16.447C21.2958 17.2756 21.1599 18.017 20.8882 18.6711C20.6239 19.3252 20.2458 19.9067 19.7538 20.4155C19.2618 20.9243 18.6781 21.3785 18.0026 21.7783C17.4078 22.1417 16.9195 22.5196 16.5377 22.9121C16.1632 23.3046 15.8842 23.7662 15.7006 24.2967C15.5244 24.8201 15.4326 25.4669 15.4253 26.2374Lnan nanL15.4253 26.2374C15.4253 26.3939 15.2983 26.5208 15.1418 26.5208H12.041ZM13.674 33.3239C13.0132 33.3239 12.4441 33.0913 11.9668 32.6262C11.4895 32.161 11.2509 31.5941 11.2509 30.9254C11.2509 30.2713 11.4895 29.7116 11.9668 29.2464C12.4441 28.7813 13.0132 28.5487 13.674 28.5487C14.3275 28.5487 14.8929 28.7813 15.3702 29.2464C15.8548 29.7116 16.0971 30.2713 16.0971 30.9254C16.0971 31.3688 15.9833 31.7722 15.7557 32.1356C15.5354 32.499 15.2417 32.7897 14.8745 33.0078C14.5148 33.2185 14.1146 33.3239 13.674 33.3239Z" fill="#76A9FA"/>
+</g>
+
+<!-- person body -->
+<g id="anim-body">
+  <path d="M28.2957 108.648C26.4028 109.437 25.6666 110.225 25.5352 110.521L25.6337 111.507L27.014 111.704L30.5633 111.211L36.5774 110.127L36.676 109.042C36.2816 106.992 36.4459 104.31 36.5774 103.225H32.2394C32.1408 106.38 30.6619 107.662 28.2957 108.648Z" fill="#F9FAFB"/>
+  <path d="M28.2957 108.648C26.4028 109.437 25.6666 110.225 25.5352 110.521L25.6337 111.507L27.014 111.704L30.5633 111.211L36.5774 110.127L36.676 109.042C36.2816 106.992 36.4459 104.31 36.5774 103.225H32.2394C32.1408 106.38 30.6619 107.662 28.2957 108.648Z" fill="url(#paint2_linear_15791_11822)"/>
+  <path d="M35.9859 112H25.6338C24.6873 112 25.1737 110.948 25.5352 110.422C25.4563 111.211 26.3568 111.408 26.8169 111.408C28.8873 111.408 30.169 110.225 32.7324 110.324C35.2958 110.422 36.8732 107.76 37.0704 109.831C37.2282 111.487 36.4131 111.967 35.9859 112Z" fill="#111928"/>
+  <path d="M57.696 108.648C59.589 109.437 60.3251 110.225 60.4566 110.521L60.358 111.507L58.9777 111.704L55.4284 111.211L49.4144 110.127L49.3158 109.042C49.7101 106.992 49.5458 104.31 49.4144 103.225H53.7524C53.851 106.38 55.3298 107.662 57.696 108.648Z" fill="#F9FAFB"/>
+  <path d="M57.696 108.648C59.589 109.437 60.3251 110.225 60.4566 110.521L60.358 111.507L58.9777 111.704L55.4284 111.211L49.4144 110.127L49.3158 109.042C49.7101 106.992 49.5458 104.31 49.4144 103.225H53.7524C53.851 106.38 55.3298 107.662 57.696 108.648Z" fill="url(#paint3_linear_15791_11822)"/>
+  <path d="M50.0058 112H60.358C61.3044 112 60.818 110.948 60.4565 110.422C60.5354 111.211 59.635 111.408 59.1749 111.408C57.1044 111.408 55.8227 110.225 53.2594 110.324C50.696 110.422 49.1185 107.76 48.9213 109.831C48.7636 111.487 49.5786 111.967 50.0058 112Z" fill="#111928"/>
+  <path d="M40.1267 9.16906C40.1267 9.95779 40.9812 10.5493 41.4084 10.7465L41.7042 12.0282L44.169 18.0423C44.9248 17.5822 46.7915 16.0705 48.2112 13.7043C49.6309 11.3381 48.3427 9.89206 47.5211 9.46483C47.5211 8.38032 45.845 7.09863 43.9718 7.09863C42.0985 7.09863 40.1267 8.18314 40.1267 9.16906Z" fill="#111928"/>
+  <path d="M41.9011 20.0142V16.9579L44.6617 14.8875C44.6946 16.0705 44.8197 18.7522 45.0563 20.0142C45.2929 21.2762 46.0751 21.5917 46.4366 21.5917C46.4036 21.9532 46.0025 22.7551 44.6617 23.0706C42.9856 23.4649 40.718 22.2818 41.3096 21.5917C41.7828 21.0396 41.9011 20.31 41.9011 20.0142Z" fill="#FDBA8C"/>
+  <path d="M41.9011 20.0142V16.9579L44.6617 14.8875C44.6946 16.0705 44.8197 18.7522 45.0563 20.0142C45.2929 21.2762 46.0751 21.5917 46.4366 21.5917C46.4036 21.9532 46.0025 22.7551 44.6617 23.0706C42.9856 23.4649 40.718 22.2818 41.3096 21.5917C41.7828 21.0396 41.9011 20.31 41.9011 20.0142Z" fill="url(#paint4_linear_15791_11822)"/>
+  <path d="M40.3236 16.8593C39.7715 15.0452 40.8165 12.0283 41.4081 10.7466C41.7697 11.0424 42.5521 11.8114 42.7887 12.5212C43.0845 13.4086 43.4788 14.0987 43.9718 13.7043C44.4647 13.31 45.7464 12.5212 45.3521 14.2959C44.9577 16.0705 41.0137 19.1269 40.3236 16.8593Z" fill="#FDBA8C"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M40.6227 13.4771C40.6824 13.4928 40.7181 13.554 40.7024 13.6137L40.3108 15.1017C40.3038 15.1283 40.323 15.1546 40.3505 15.1559L41.0089 15.1878C41.0706 15.1908 41.1182 15.2432 41.1152 15.3049C41.1122 15.3666 41.0598 15.4142 40.9981 15.4112L40.3396 15.3793C40.1702 15.3711 40.0513 15.2089 40.0945 15.0448L40.4861 13.5568C40.5018 13.4971 40.563 13.4614 40.6227 13.4771Z" fill="#111928"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M41.1437 16.1107C41.285 16.093 41.4338 16.0502 41.6607 15.9789C41.7197 15.9604 41.7824 15.9931 41.801 16.0521C41.8195 16.111 41.7867 16.1738 41.7278 16.1923C41.5028 16.2629 41.3356 16.3121 41.1714 16.3326C41.0041 16.3535 40.8446 16.3443 40.6322 16.3064C40.5714 16.2955 40.5309 16.2374 40.5418 16.1766C40.5526 16.1158 40.6107 16.0753 40.6715 16.0862C40.8697 16.1215 41.0054 16.1279 41.1437 16.1107Z" fill="#111928"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M44.6357 14.5267C44.7031 14.4057 44.7082 14.2791 44.6896 14.1458C44.6825 14.0943 44.7184 14.0467 44.7699 14.0395C44.8215 14.0323 44.8691 14.0682 44.8763 14.1198C44.8977 14.2737 44.8956 14.4473 44.8003 14.6184C44.7056 14.7886 44.5268 14.942 44.2251 15.0742C44.1775 15.0951 44.1219 15.0734 44.101 15.0257C44.0801 14.9781 44.1018 14.9225 44.1495 14.9016C44.4288 14.7792 44.5679 14.6486 44.6357 14.5267Z" fill="#111928"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M41.7418 14.8698C41.8553 14.6621 41.9431 14.3536 41.9648 13.9948C41.9865 13.636 41.9364 13.3192 41.8487 13.0993C41.7531 12.8595 41.6525 12.8181 41.6225 12.8163C41.5924 12.8145 41.4876 12.8435 41.3638 13.07C41.2503 13.2777 41.1625 13.5863 41.1408 13.945C41.1191 14.3038 41.1692 14.6207 41.2569 14.8405C41.3525 15.0803 41.4531 15.1217 41.4831 15.1235C41.5132 15.1253 41.618 15.0964 41.7418 14.8698ZM41.4682 15.3707C41.8323 15.3927 42.1653 14.7834 42.212 14.0097C42.2587 13.2361 42.0015 12.5911 41.6374 12.5691C41.2733 12.5471 40.9403 13.1565 40.8936 13.9301C40.8469 14.7037 41.1041 15.3487 41.4682 15.3707Z" fill="#111928"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M40.1407 14.4675C40.2542 14.2598 40.342 13.9512 40.3637 13.5925C40.3853 13.2337 40.3353 12.9168 40.2476 12.697C40.152 12.4572 40.0514 12.4158 40.0213 12.414C39.9913 12.4122 39.8865 12.4411 39.7627 12.6677C39.6492 12.8754 39.5613 13.1839 39.5397 13.5427C39.518 13.9015 39.5681 14.2183 39.6557 14.4382C39.7514 14.678 39.852 14.7194 39.882 14.7212C39.912 14.723 40.0169 14.694 40.1407 14.4675ZM39.8671 14.9684C40.2311 14.9904 40.5641 14.381 40.6109 13.6074C40.6576 12.8337 40.4003 12.1888 40.0363 12.1668C39.6722 12.1448 39.3392 12.7541 39.2925 13.5278C39.2457 14.3014 39.503 14.9464 39.8671 14.9684Z" fill="#111928"/>
+  <path d="M46.2261 14.4181C46.3973 14.782 47.091 15.8631 47.4165 16.3581L48.039 16.0012C47.6975 15.5778 46.9571 14.6639 46.7283 14.3955C46.4422 14.06 46.0121 13.9632 46.2261 14.4181Z" fill="#FDBA8C"/>
+  <path d="M46.2261 14.4181C46.3973 14.782 47.091 15.8631 47.4165 16.3581L48.039 16.0012C47.6975 15.5778 46.9571 14.6639 46.7283 14.3955C46.4422 14.06 46.0121 13.9632 46.2261 14.4181Z" fill="url(#paint5_linear_15791_11822)"/>
+  <path d="M50.0841 20.9016C48.9996 18.3382 47.9149 17.9438 47.3234 17.1551C46.8501 16.5241 47.5863 15.8405 48.0135 15.5776C48.0464 15.3805 48.3489 14.9861 49.2954 14.9861C50.4785 14.9861 50.1827 16.3664 50.4785 17.1551C50.7151 17.7861 51.4973 19.1927 51.8588 19.8171C51.6287 21.033 50.9517 22.9523 50.0841 20.9016Z" fill="#FDBA8C"/>
+  <path d="M50.0841 20.9016C48.9996 18.3382 47.9149 17.9438 47.3234 17.1551C46.8501 16.5241 47.5863 15.8405 48.0135 15.5776C48.0464 15.3805 48.3489 14.9861 49.2954 14.9861C50.4785 14.9861 50.1827 16.3664 50.4785 17.1551C50.7151 17.7861 51.4973 19.1927 51.8588 19.8171C51.6287 21.033 50.9517 22.9523 50.0841 20.9016Z" fill="url(#paint6_linear_15791_11822)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M48.014 15.5776C48.1455 15.479 48.4478 15.3213 48.6056 15.479C48.7598 15.6333 47.9211 16.7428 47.4537 17.3143C47.5935 17.473 47.754 17.6219 47.9306 17.7856C48.1089 17.9509 48.3034 18.1314 48.5094 18.3523L50.6089 17.4641C50.5565 17.3486 50.5122 17.2441 50.4788 17.1551C50.3939 16.9285 50.3577 16.6531 50.3213 16.3756C50.2309 15.6872 50.1389 14.9861 49.2957 14.9861C48.3498 14.9861 48.047 15.38 48.0139 15.5773L48.014 15.5776Z" fill="url(#paint7_linear_15791_11822)"/>
+  <path d="M29.1511 103.069L37.958 43.0845H50.9721L56.8452 103.088C56.8679 103.32 56.6857 103.521 56.4527 103.521H47.5868C47.3824 103.521 47.2119 103.365 47.194 103.161L43.9721 66.5493L38.8925 103.181C38.8655 103.376 38.6988 103.521 38.5019 103.521H29.5413C29.3007 103.521 29.1162 103.308 29.1511 103.069Z" fill="#1C64F2"/>
+  <path d="M29.1511 103.069L37.958 43.0845H50.9721L56.8452 103.088C56.8679 103.32 56.6857 103.521 56.4527 103.521H47.5868C47.3824 103.521 47.2119 103.365 47.194 103.161L43.9721 66.5493L38.8925 103.181C38.8655 103.376 38.6988 103.521 38.5019 103.521H29.5413C29.3007 103.521 29.1162 103.308 29.1511 103.069Z" fill="url(#paint8_linear_15791_11822)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M56.5498 100.07H46.922L46.8873 99.676H56.5112L56.5498 100.07ZM29.5914 100.07L29.6493 99.676H39.3785L39.3239 100.07H29.5914Z" fill="#76A9FA"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M42.538 44.896C41.1551 46.3602 39.2575 46.8603 38.4681 46.9289L38.4339 46.536C39.1562 46.4732 40.9525 46.0005 42.2513 44.6252L42.538 44.896Z" fill="#1C64F2"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M46.3921 44.896C47.775 46.3602 49.6726 46.8603 50.4621 46.9289L50.4962 46.536C49.7739 46.4732 47.9777 46.0005 46.6788 44.6252L46.3921 44.896Z" fill="#1C64F2"/>
+  <path d="M42.0569 81.5285C41.948 81.7171 41.7069 81.7818 41.5182 81.6729L41.4117 81.6114C39.3388 80.3993 37.7972 79.2488 36.7868 78.1599C35.783 77.0596 35.1134 75.9377 34.7778 74.7942C34.4308 73.6441 34.2366 72.3754 34.195 70.9881C34.1631 70.0352 34.0478 69.1338 33.8492 68.2838C33.6457 67.4157 33.3151 66.6351 32.8575 65.942C32.3883 65.2422 31.7517 64.6602 30.9474 64.1958C30.0398 63.6718 29.1301 63.43 28.2184 63.4704C27.3066 63.5107 26.4579 63.7867 25.6724 64.2982C24.8935 64.7983 24.2487 65.4906 23.7379 66.3753C23.267 67.191 22.9973 68.0693 22.929 69.0102C22.8557 69.933 23.036 70.8413 23.4697 71.7351C23.855 72.5218 24.4898 73.23 25.3739 73.8596C25.5447 73.9812 25.601 74.2123 25.4962 74.3938L22.3436 79.8544C22.2326 80.0466 21.9846 80.1097 21.7983 79.9892C19.8289 78.7155 18.4215 77.2043 17.5763 75.4556C16.6894 73.5955 16.3559 71.6261 16.5758 69.5471C16.8023 67.4567 17.496 65.4063 18.6568 63.3957C19.9237 61.2013 21.4229 59.4934 23.1545 58.272C24.8927 57.039 26.7427 56.3685 28.7046 56.2604C30.6617 56.1342 32.611 56.6316 34.5526 57.7525C35.8623 58.5087 36.9115 59.3978 37.7 60.4199C38.4953 61.4305 39.0728 62.5528 39.4326 63.7869C39.7924 65.0209 39.9831 66.3489 40.0047 67.7707C40.0419 69.0329 40.1982 70.1419 40.4737 71.0975C40.7558 72.0416 41.2333 72.8994 41.9061 73.6708C42.5741 74.4241 43.5137 75.1581 44.7249 75.8727L44.8315 75.9342C45.0201 76.0431 45.0847 76.2843 44.9758 76.4729L42.0569 81.5285ZM54.3446 85.08C53.7476 86.114 52.8659 86.7922 51.6994 87.1144C50.533 87.4367 49.4213 87.2927 48.3643 86.6824C47.3303 86.0855 46.6613 85.2013 46.3571 84.03C46.053 82.8587 46.1994 81.7561 46.7964 80.7221C47.3867 79.6996 48.2651 79.0272 49.4316 78.7049C50.6046 78.3712 51.7082 78.5028 52.7422 79.0998C53.443 79.5044 53.9778 80.0506 54.3466 80.7384C54.7221 81.4148 54.9163 82.1396 54.9293 82.9131C54.9375 83.6684 54.7426 84.3907 54.3446 85.08Z" fill="#1C64F2"/>
+  <path d="M42.0569 81.5285C41.948 81.7171 41.7069 81.7818 41.5182 81.6729L41.4117 81.6114C39.3388 80.3993 37.7972 79.2488 36.7868 78.1599C35.783 77.0596 35.1134 75.9377 34.7778 74.7942C34.4308 73.6441 34.2366 72.3754 34.195 70.9881C34.1631 70.0352 34.0478 69.1338 33.8492 68.2838C33.6457 67.4157 33.3151 66.6351 32.8575 65.942C32.3883 65.2422 31.7517 64.6602 30.9474 64.1958C30.0398 63.6718 29.1301 63.43 28.2184 63.4704C27.3066 63.5107 26.4579 63.7867 25.6724 64.2982C24.8935 64.7983 24.2487 65.4906 23.7379 66.3753C23.267 67.191 22.9973 68.0693 22.929 69.0102C22.8557 69.933 23.036 70.8413 23.4697 71.7351C23.855 72.5218 24.4898 73.23 25.3739 73.8596C25.5447 73.9812 25.601 74.2123 25.4962 74.3938L22.3436 79.8544C22.2326 80.0466 21.9846 80.1097 21.7983 79.9892C19.8289 78.7155 18.4215 77.2043 17.5763 75.4556C16.6894 73.5955 16.3559 71.6261 16.5758 69.5471C16.8023 67.4567 17.496 65.4063 18.6568 63.3957C19.9237 61.2013 21.4229 59.4934 23.1545 58.272C24.8927 57.039 26.7427 56.3685 28.7046 56.2604C30.6617 56.1342 32.611 56.6316 34.5526 57.7525C35.8623 58.5087 36.9115 59.3978 37.7 60.4199C38.4953 61.4305 39.0728 62.5528 39.4326 63.7869C39.7924 65.0209 39.9831 66.3489 40.0047 67.7707C40.0419 69.0329 40.1982 70.1419 40.4737 71.0975C40.7558 72.0416 41.2333 72.8994 41.9061 73.6708C42.5741 74.4241 43.5137 75.1581 44.7249 75.8727L44.8315 75.9342C45.0201 76.0431 45.0847 76.2843 44.9758 76.4729L42.0569 81.5285ZM54.3446 85.08C53.7476 86.114 52.8659 86.7922 51.6994 87.1144C50.533 87.4367 49.4213 87.2927 48.3643 86.6824C47.3303 86.0855 46.6613 85.2013 46.3571 84.03C46.053 82.8587 46.1994 81.7561 46.7964 80.7221C47.3867 79.6996 48.2651 79.0272 49.4316 78.7049C50.6046 78.3712 51.7082 78.5028 52.7422 79.0998C53.443 79.5044 53.9778 80.0506 54.3466 80.7384C54.7221 81.4148 54.9163 82.1396 54.9293 82.9131C54.9375 83.6684 54.7426 84.3907 54.3446 85.08Z" fill="url(#paint9_linear_15791_11822)"/>
+  <path d="M29.2819 60.2395C28.2566 58.8987 28.7232 54.6856 29.0847 52.7466L31.0563 52.8452C30.9906 53.601 30.8985 55.2902 31.0563 56.0001C31.2012 56.6524 31.1353 58.076 31.0727 58.8636C31.0639 58.9732 30.9721 59.0564 30.8623 59.0564C30.7498 59.0564 30.6568 58.9688 30.6502 58.8565L30.5633 57.3804C30.5634 58.8921 30.3073 61.5804 29.2819 60.2395Z" fill="#FDBA8C"/>
+  <path d="M29.2819 60.2395C28.2566 58.8987 28.7232 54.6856 29.0847 52.7466L31.0563 52.8452C30.9906 53.601 30.8985 55.2902 31.0563 56.0001C31.2012 56.6524 31.1353 58.076 31.0727 58.8636C31.0639 58.9732 30.9721 59.0564 30.8623 59.0564C30.7498 59.0564 30.6568 58.9688 30.6502 58.8565L30.5633 57.3804C30.5634 58.8921 30.3073 61.5804 29.2819 60.2395Z" fill="url(#paint10_linear_15791_11822)"/>
+  <path d="M46.2394 21.1973C43.6366 22.2226 41.8685 21.4931 41.3098 21.0001C39.5023 21.263 35.1774 23.3466 32.338 29.5776C29.4985 35.8086 28.1971 47.9485 27.9014 53.2396L33.1267 54.0283C33.5211 47.955 35.5915 37.9579 36.5774 33.7184L37.3376 43.4112C37.3537 43.6164 37.525 43.7748 37.7308 43.7748H51.2675C51.4854 43.7748 51.6619 43.5982 51.6619 43.3804V32.7325C54.4225 36.479 59.7464 37.0705 59.845 33.7184C59.9239 31.0367 54.9483 22.7419 52.4506 18.9297L48.7042 20.8029L49.1971 22.1832L46.2394 21.1973Z" fill="#F9FAFB"/>
+  <path d="M46.2394 21.1973C43.6366 22.2226 41.8685 21.4931 41.3098 21.0001C39.5023 21.263 35.1774 23.3466 32.338 29.5776C29.4985 35.8086 28.1971 47.9485 27.9014 53.2396L33.1267 54.0283C33.5211 47.955 35.5915 37.9579 36.5774 33.7184L37.3376 43.4112C37.3537 43.6164 37.525 43.7748 37.7308 43.7748H51.2675C51.4854 43.7748 51.6619 43.5982 51.6619 43.3804V32.7325C54.4225 36.479 59.7464 37.0705 59.845 33.7184C59.9239 31.0367 54.9483 22.7419 52.4506 18.9297L48.7042 20.8029L49.1971 22.1832L46.2394 21.1973Z" fill="url(#paint11_linear_15791_11822)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M30.6628 34.4829C30.8217 33.883 30.9881 33.2995 31.1623 32.7372C31.2461 32.9153 31.2929 33.1142 31.2929 33.3241C31.2929 33.8098 31.042 34.2369 30.6628 34.4829ZM29.6214 39.1455C29.7675 38.3729 29.9235 37.6061 30.0899 36.8534L31.2929 38.0564L29.9126 39.4367L29.6214 39.1455ZM28.8734 43.6973C28.9712 43.0089 29.0766 42.3121 29.1897 41.6128C29.3999 41.4833 29.6475 41.4086 29.9126 41.4086C30.6749 41.4086 31.2929 42.0265 31.2929 42.7888C31.2929 43.5512 30.6749 44.1691 29.9126 44.1691C29.4982 44.1691 29.1264 43.9865 28.8734 43.6973ZM30.2458 53.5934L29.1991 53.4354C28.7995 53.1936 28.5323 52.7548 28.5323 52.2536C28.5323 51.4913 29.1503 50.8734 29.9126 50.8734C30.6749 50.8734 31.2929 51.4913 31.2929 52.2536C31.2929 52.9011 30.8472 53.4444 30.2458 53.5934ZM33.2779 52.2404C33.2771 52.2484 33.2763 52.2564 33.2755 52.2644L33.2647 52.2536L33.2779 52.2404ZM34.0986 46.2533C33.9714 47.0308 33.8511 47.8044 33.7405 48.5638C33.449 48.3108 33.2647 47.9375 33.2647 47.5212C33.2647 46.953 33.6081 46.465 34.0986 46.2533ZM34.9114 41.6749C34.7663 42.439 34.6223 43.2198 34.4825 44.0066L33.2647 42.7888L34.645 41.4086L34.9114 41.6749ZM35.7908 37.2865C35.6618 37.899 35.5283 38.5453 35.3929 39.2168C35.1774 39.3559 34.9206 39.4367 34.645 39.4367C33.8827 39.4367 33.2647 38.8188 33.2647 38.0564C33.2647 37.2941 33.8827 36.6762 34.645 36.6762C35.1223 36.6762 35.5429 36.9184 35.7908 37.2865ZM40.3434 43.7748H38.4114C38.1558 43.5242 37.9971 43.1751 37.9971 42.7888C37.9971 42.0265 38.6151 41.4086 39.3774 41.4086C40.1397 41.4086 40.7577 42.0265 40.7577 42.7888C40.7577 43.1751 40.5991 43.5242 40.3434 43.7748ZM44.5042 43.7748H43.7154L42.7295 42.7888L44.1098 41.4086L45.4901 42.7888L44.5042 43.7748ZM49.8082 43.7748H47.8762C47.6205 43.5242 47.4619 43.1751 47.4619 42.7888C47.4619 42.0265 48.0799 41.4086 48.8422 41.4086C49.6045 41.4086 50.2225 42.0265 50.2225 42.7888C50.2225 43.1751 50.0639 43.5242 49.8082 43.7748ZM53.6341 34.6448C53.4773 34.5365 53.3223 34.4214 53.17 34.2997L52.1943 33.3241L53.5746 31.9438L54.9549 33.3241L53.6341 34.6448ZM57.6839 27.8345C58.0113 28.4736 58.3162 29.0973 58.5878 29.6912L58.307 29.9719L56.9267 28.5917L57.6839 27.8345ZM53.459 20.5024C52.7508 20.4437 52.1943 19.8502 52.1943 19.1269C52.1943 19.1034 52.1949 19.0801 52.196 19.057L52.4506 18.9297C52.7546 19.3936 53.0952 19.9239 53.459 20.5024ZM48.8422 36.6762L50.2225 38.0564L48.8422 39.4367L47.4619 38.0564L48.8422 36.6762ZM45.4901 38.0564C45.4901 38.8188 44.8721 39.4367 44.1098 39.4367C43.3475 39.4367 42.7295 38.8188 42.7295 38.0564C42.7295 37.2941 43.3475 36.6762 44.1098 36.6762C44.8721 36.6762 45.4901 37.2941 45.4901 38.0564ZM40.7577 38.0564L39.3774 36.6762L37.9971 38.0564L39.3774 39.4367L40.7577 38.0564ZM29.9126 46.141L31.2929 47.5212L29.9126 48.9015L28.5323 47.5212L29.9126 46.141ZM39.3774 25.2395C38.6151 25.2395 37.9971 24.6216 37.9971 23.8593C37.9971 23.097 38.6151 22.479 39.3774 22.479C40.1397 22.479 40.7577 23.097 40.7577 23.8593C40.7577 24.6216 40.1397 25.2395 39.3774 25.2395ZM44.1098 22.479L42.7295 23.8593L44.1098 25.2395L45.4901 23.8593L44.1098 22.479ZM47.4619 23.8593C47.4619 24.6216 48.0799 25.2395 48.8422 25.2395C49.6045 25.2395 50.2225 24.6216 50.2225 23.8593C50.2225 23.097 49.6045 22.479 48.8422 22.479C48.0799 22.479 47.4619 23.097 47.4619 23.8593ZM52.1943 23.8593L53.5746 22.479L54.9549 23.8593L53.5746 25.2395L52.1943 23.8593ZM53.5746 29.9719C54.3369 29.9719 54.9549 29.354 54.9549 28.5917C54.9549 27.8294 54.3369 27.2114 53.5746 27.2114C52.8123 27.2114 52.1943 27.8294 52.1943 28.5917C52.1943 29.354 52.8123 29.9719 53.5746 29.9719ZM48.8422 27.2114L50.2225 28.5917L48.8422 29.9719L47.4619 28.5917L48.8422 27.2114ZM34.645 29.9719C35.4073 29.9719 36.0253 29.354 36.0253 28.5917C36.0253 27.8294 35.4073 27.2114 34.645 27.2114C33.8827 27.2114 33.2647 27.8294 33.2647 28.5917C33.2647 29.354 33.8827 29.9719 34.645 29.9719ZM45.4901 28.5917C45.4901 29.354 44.8721 29.9719 44.1098 29.9719C43.3475 29.9719 42.7295 29.354 42.7295 28.5917C42.7295 27.8294 43.3475 27.2114 44.1098 27.2114C44.8721 27.2114 45.4901 27.8294 45.4901 28.5917ZM40.7577 28.5917L39.3774 27.2114L37.9971 28.5917L39.3774 29.9719L40.7577 28.5917ZM39.3774 34.7043C38.6151 34.7043 37.9971 34.0864 37.9971 33.3241C37.9971 32.5617 38.6151 31.9438 39.3774 31.9438C40.1397 31.9438 40.7577 32.5617 40.7577 33.3241C40.7577 34.0864 40.1397 34.7043 39.3774 34.7043ZM33.2647 33.3241L34.645 31.9438L36.0253 33.3241L34.645 34.7043L33.2647 33.3241ZM44.1098 31.9438L42.7295 33.3241L44.1098 34.7043L45.4901 33.3241L44.1098 31.9438ZM58.307 34.7043C57.5447 34.7043 56.9267 34.0864 56.9267 33.3241C56.9267 32.5617 57.5447 31.9438 58.307 31.9438C59.0693 31.9438 59.6873 32.5617 59.6873 33.3241C59.6873 34.0864 59.0693 34.7043 58.307 34.7043ZM47.4619 33.3241C47.4619 34.0864 48.0799 34.7043 48.8422 34.7043C49.6045 34.7043 50.2225 34.0864 50.2225 33.3241C50.2225 32.5617 49.6045 31.9438 48.8422 31.9438C48.0799 31.9438 47.4619 32.5617 47.4619 33.3241Z" fill="url(#paint12_linear_15791_11822)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M45.4222 21.4716C45.6844 21.3991 45.9569 21.3086 46.2392 21.1973L49.1969 22.1833L48.704 20.803L52.3518 30.8593L46.2392 24.9438L45.4222 21.4716Z" fill="url(#paint13_linear_15791_11822)"/>
+</g>
+
+<defs>
+  <linearGradient id="paint0_linear_15791_11822" x1="41.5314" y1="36.3509" x2="41.5314" y2="115.612" gradientUnits="userSpaceOnUse">
+    <stop stop-color="white" stop-opacity="0"/>
+    <stop offset="1" stop-color="white"/>
+  </linearGradient>
+  <linearGradient id="paint1_linear_15791_11822" x1="48.0634" y1="81.6337" x2="48.0634" y2="27.2112" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#76A9FA" stop-opacity="0"/>
+    <stop offset="1" stop-color="#76A9FA"/>
+  </linearGradient>
+  <linearGradient id="paint2_linear_15791_11822" x1="37.8591" y1="97.4084" x2="22.3768" y2="103.434" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#A4CAFE"/>
+    <stop offset="1" stop-color="#A4CAFE" stop-opacity="0"/>
+  </linearGradient>
+  <linearGradient id="paint3_linear_15791_11822" x1="48.1327" y1="97.4084" x2="63.615" y2="103.434" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#A4CAFE"/>
+    <stop offset="1" stop-color="#A4CAFE" stop-opacity="0"/>
+  </linearGradient>
+  <linearGradient id="paint4_linear_15791_11822" x1="44.529" y1="13.2922" x2="44.529" y2="21.2179" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#7F270F"/>
+    <stop offset="1" stop-color="#7F270F" stop-opacity="0"/>
+  </linearGradient>
+  <linearGradient id="paint5_linear_15791_11822" x1="50.3802" y1="18.5354" x2="47.0281" y2="15.0847" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#7F270F"/>
+    <stop offset="1" stop-color="#7F270F" stop-opacity="0"/>
+  </linearGradient>
+  <linearGradient id="paint6_linear_15791_11822" x1="52.056" y1="21.8875" x2="49.8869" y2="18.0424" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#7F270F"/>
+    <stop offset="1" stop-color="#7F270F" stop-opacity="0"/>
+  </linearGradient>
+  <linearGradient id="paint7_linear_15791_11822" x1="47.1271" y1="15.6762" x2="48.0074" y2="16.8006" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#7F270F"/>
+    <stop offset="1" stop-color="#7F270F" stop-opacity="0"/>
+  </linearGradient>
+  <linearGradient id="paint8_linear_15791_11822" x1="42.9862" y1="73.3521" x2="42.9862" y2="19.5211" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#111928" stop-opacity="0"/>
+    <stop offset="1" stop-color="#111928"/>
+  </linearGradient>
+  <linearGradient id="paint9_linear_15791_11822" x1="18.9297" y1="57.5776" x2="46.7326" y2="76.5071" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#111928" stop-opacity="0"/>
+    <stop offset="1" stop-color="#111928"/>
+  </linearGradient>
+  <linearGradient id="paint10_linear_15791_11822" x1="32.1408" y1="43.6762" x2="36.8188" y2="52.8366" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#7F270F"/>
+    <stop offset="1" stop-color="#7F270F" stop-opacity="0"/>
+  </linearGradient>
+  <linearGradient id="paint11_linear_15791_11822" x1="40.307" y1="64.9719" x2="47.2165" y2="41.037" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#A4CAFE"/>
+    <stop offset="1" stop-color="#A4CAFE" stop-opacity="0"/>
+  </linearGradient>
+  <linearGradient id="paint12_linear_15791_11822" x1="44.1098" y1="18.9297" x2="44.1098" y2="53.5934" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#A4CAFE" stop-opacity="0"/>
+    <stop offset="1" stop-color="#A4CAFE"/>
+  </linearGradient>
+  <linearGradient id="paint13_linear_15791_11822" x1="49.2957" y1="26.2255" x2="52.4507" y2="24.5495" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#A4CAFE" stop-opacity="0"/>
+    <stop offset="1" stop-color="#A4CAFE"/>
+  </linearGradient>
+</defs>
+</svg>

package/src/runtime/assets/svg/logo/logomark.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.0396 0L7.62219 2.51436L7.63669 21.515L12.0105 24C12.0105 24 19.3946 19.7263 22.3177 18.0037V5.99633L12.0396 0ZM17.9439 15.5113L13.3017 18.1649V5.82773L17.9584 8.56933L17.9439 15.5113Z" fill="#004394"/>
+<path d="M5.30113 20.0929L5.26486 3.90715L1.69615 5.97435L1.68164 17.9084L5.30113 20.0929Z" fill="#1B7FE4"/>
+</svg>

package/src/runtime/assets/svg/logo/logotext.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="97" height="24" viewBox="0 0 97 24" fill="none">
+<path d="M6.34406 4.51367H0V19.3922H6.30273C11.0659 19.3922 13.8867 16.4889 13.8867 11.7773C13.8867 7.06576 11.5826 4.51367 6.34406 4.51367ZM6.02376 16.4682H3.56466V7.46872H5.89977C9.05113 7.46872 10.3117 8.63628 10.3117 11.7876C10.3117 14.939 9.12346 16.4785 6.02376 16.4785V16.4682Z" fill="#00489E"/>
+<path d="M21.6257 12.025C21.3261 13.2856 20.9334 14.7528 20.5615 16.22H20.1379C19.7659 14.7838 19.3423 13.2649 19.0013 11.9527L17.8337 7.63379H14.1348L18.5467 19.237C17.9991 20.4769 17.3791 20.7042 16.1909 20.7042C15.6949 20.7042 15.1783 20.6319 14.6824 20.5286L14.1864 23.3803C14.8064 23.4836 15.3023 23.5559 16.1186 23.5559C19.0736 23.5559 20.5615 22.316 21.698 19.4437L26.3373 7.64412H22.7209L21.6257 12.0354V12.025Z" fill="#00489E"/>
+<path d="M34.8923 7.31404C33.0532 7.31404 31.617 8.50226 30.9247 10.7857H30.6974V7.63435H27.4014V19.3925H30.7697V12.8418C30.7697 11.3747 31.6893 10.3621 33.1255 10.3621C34.3654 10.3621 34.913 11.1783 34.913 12.3666V19.3822H38.2813V11.416C38.2813 8.86389 37.1448 7.30371 34.882 7.30371L34.8923 7.31404Z" fill="#00489E"/>
+<path d="M46.0203 7.31404C42.1974 7.31404 39.9966 9.69048 39.9966 13.7614C39.9966 17.8324 42.4247 19.7129 45.979 19.7129C49.3267 19.7129 50.6906 18.1733 51.2072 16.1379L48.3761 15.3733C48.0765 16.2619 47.5805 17.0058 45.9997 17.0058C44.4188 17.0058 43.5199 16.1585 43.3236 14.278H51.2795C51.3312 13.6581 51.3518 13.1828 51.3518 12.6869C51.3518 9.44251 49.6367 7.30371 46.0203 7.30371V7.31404ZM43.3443 12.5732C43.5199 10.6411 44.3878 9.84547 45.9273 9.84547C47.4669 9.84547 48.2108 10.734 48.2625 12.5732H43.3546H43.3443Z" fill="#00489E"/>
+<path d="M58.6668 16.7882C56.931 16.7882 56.0837 15.569 56.0837 13.4922C56.0837 11.2604 57.055 10.2685 58.6152 10.2685C60.1753 10.2685 60.6506 11.1571 60.9503 12.428L64.0706 11.8287C63.647 8.97698 62.1592 7.31348 58.6668 7.31348C54.9265 7.31348 52.6431 9.66925 52.6431 13.6575C52.6431 17.6458 54.9782 19.733 58.6978 19.733C62.0455 19.733 63.709 18.0178 64.1016 15.29L61.0019 14.5461C60.754 15.7653 60.1857 16.7779 58.6668 16.7779V16.7882Z" fill="#00489E"/>
+<path d="M65.5688 15.7038C65.5688 17.9356 66.7054 19.7437 69.4331 19.7437C70.7247 19.7437 71.3136 19.5681 72.2125 19.2994L71.8406 16.2721C71.3963 16.4167 70.828 16.5717 70.3011 16.5717C69.2885 16.5717 68.9372 16.0964 68.9372 15.1562V10.3206H72.0369V7.64456H68.9372V4.61719L65.5688 5.65042V15.7038Z" fill="#00489E"/>
+<path d="M81.3464 14.1845C81.3464 15.6724 80.4578 16.6849 79.0113 16.6849C77.7714 16.6849 77.2238 15.8687 77.2238 14.6495V7.63379H73.8555V15.6C73.8555 18.1521 74.992 19.7433 77.2238 19.7433C79.0836 19.7433 80.5198 18.5551 81.1914 16.2716H81.4394V19.392H84.7354V7.63379H81.3361V14.1845H81.3464Z" fill="#00489E"/>
+<path d="M92.4333 12.2523C90.3255 11.8287 90.0052 11.3638 90.0052 10.7128C90.0052 10.0206 90.5528 9.64859 91.6687 9.64859C92.8879 9.64859 93.4252 10.1239 93.7041 11.3328L96.7005 10.7128C96.2769 8.65668 95.161 7.31348 91.741 7.31348C88.321 7.31348 86.8021 8.65668 86.8021 10.9091C86.8021 12.9136 87.8974 13.9882 91.1211 14.6804C93.2805 15.1041 93.7455 15.4967 93.7455 16.22C93.7248 16.9845 93.1462 17.3565 92.0096 17.3565C90.5425 17.3565 89.7572 16.6849 89.4576 15.3934L86.4302 16.0133C86.7505 18.1418 87.9697 19.733 91.9373 19.733C95.4813 19.733 97.0002 18.3484 97.0002 16.065C97.0002 14.2258 96.1116 13.0169 92.4333 12.242V12.2523Z" fill="#00489E"/>
+</svg>

package/src/runtime/components/base/event-calendar/AgendaView.vue

@@ -0,0 +1,92 @@
+<script setup lang="ts">
+import type { CalendarEvent } from './types';
+import LocationDisplay from './LocationDisplay.vue';
+import { useColorManager } from './composables/useColorManager';
+import { useDragAndDropSystem } from './composables/useDragAndDrop';
+import { ScrollArea } from '@/components/ui/scroll-area';
+
+const props = defineProps<{
+	events: CalendarEvent[]; // Expects events already sorted and filtered by the parent
+	currentDate: Date; // Current date for month display
+}>();
+
+const emit = defineEmits<(e: 'openEditModal', event: CalendarEvent) => void>();
+
+// Initialize color manager
+const eventsComputed = computed(() => props.events);
+const { getBorderColorClasses } = useColorManager(eventsComputed);
+
+// Initialize drag and drop system for duration display
+const { formatEventDuration } = useDragAndDropSystem();
+
+// Month display
+const monthDisplay = computed(() => {
+	return formatDateTime(props.currentDate, 'MMMM yyyy');
+});
+
+// Helper to group events by day for clearer display in agenda
+const groupedEvents = computed(() => {
+	if (!props.events || props.events.length === 0) return [];
+
+	const groups: Record<string, CalendarEvent[]> = {};
+	props.events.forEach((event) => {
+		const dayKey = formatDateTime(new Date(event.startDate), 'yyyy-MM-dd');
+		if (!groups[dayKey]) {
+			groups[dayKey] = [];
+		}
+		groups[dayKey].push(event);
+	});
+
+	return Object.entries(groups)
+		.map(([dateStr, eventsOnDay]) => ({
+			date: new Date(dateStr), // Store actual date object for formatting
+			dateDisplay: formatDateTime(new Date(dateStr), 'EEEE, MMM d'),
+			events: eventsOnDay,
+		}))
+		.sort((a, b) => a.date.getTime() - b.date.getTime()); // Ensure days are sorted
+});
+</script>
+
+<template>
+	<div class="space-y-4 p-2">
+		<!-- Month Header -->
+		<div class="text-center">
+			<h2 class="text-foreground text-lg font-semibold">{{ monthDisplay }}</h2>
+			<p class="text-text-body text-sm">{{ props.events.length }} events this month</p>
+		</div>
+
+		<ScrollArea class="h-125">
+			<div v-if="!groupedEvents.length" class="text-text-body py-8 text-center">No events in {{ monthDisplay.toLowerCase() }}.</div>
+
+			<div v-for="group in groupedEvents" :key="group.dateDisplay" class="mb-4 space-y-2">
+				<h3 class="text-primary bg-background/95 sticky top-0 rounded border-b px-2 py-1 text-sm font-semibold backdrop-blur-sm">
+					{{ group.dateDisplay }}
+				</h3>
+
+				<div v-for="event in group.events" :key="event.id" :class="['bg-card cursor-pointer rounded-r-md border border-l-3 p-3 hover:shadow-sm', event.color ? getBorderColorClasses(event.color) : 'border-gray-500 dark:border-gray-400']" @click="emit('openEditModal', event)">
+					<div class="space-y-1">
+						<div class="flex items-start justify-between">
+							<h4 class="text-sm leading-tight font-medium">{{ event.title }}</h4>
+							<span v-if="formatEventDuration(event)" class="text-text-body bg-muted ml-2 shrink-0 rounded px-1.5 py-0.5 text-xs">
+								{{ formatEventDuration(event) }}
+							</span>
+						</div>
+
+						<p class="text-text-body text-xs">
+							<template v-if="event.allDay">All day</template>
+							<template v-else> {{ formatDateTime(new Date(event.startDate), 'p') }} - {{ formatDateTime(new Date(event.endDate), 'p') }} </template>
+						</p>
+
+						<p v-if="event.description" class="text-text-body line-clamp-2 text-xs">
+							{{ event.description }}
+						</p>
+
+						<div v-if="event.location" class="mt-1">
+							<LocationDisplay :location="event.location" :compact="true" :show-tooltip="true" :icon-size="12" />
+						</div>
+					</div>
+				</div>
+			</div>
+		</ScrollArea>
+	</div>
+</template>

package/src/runtime/components/base/event-calendar/ColorManager.vue

@@ -0,0 +1,149 @@
+<script setup lang="ts">
+import type { CalendarEvent, EventColor } from './types';
+import { useColorManager } from './composables/useColorManager';
+
+interface ColorManagerProps {
+	events: CalendarEvent[];
+	onEventsUpdate?: (events: CalendarEvent[]) => void;
+}
+
+const props = defineProps<ColorManagerProps>();
+const emit = defineEmits<(e: 'eventsUpdate', events: CalendarEvent[]) => void>();
+
+const eventsRef = computed(() => props.events);
+const { colorConfig, getColorStats, rebalanceColors, resolveColorConflicts, updateConfig, availableColors, usedColors } = useColorManager(eventsRef);
+
+const stats = computed(() => getColorStats());
+
+const handleRebalance = () => {
+	const rebalanced = rebalanceColors();
+	emit('eventsUpdate', rebalanced);
+};
+
+const handleResolveConflicts = () => {
+	const resolved = resolveColorConflicts();
+	emit('eventsUpdate', resolved);
+};
+
+const toggleAllowDuplicates = (checked: boolean) => {
+	updateConfig({ allowDuplicates: checked });
+};
+
+const toggleAutoAssign = (checked: boolean) => {
+	updateConfig({ autoAssign: checked });
+};
+
+const colorPalette: EventColor[] = ['sky', 'emerald', 'violet', 'rose', 'amber', 'orange'];
+
+interface ColorClasses {
+	bg: string;
+	border: string;
+	text: string;
+}
+
+const colorClassMap: Record<EventColor, ColorClasses> = {
+	sky: { bg: 'bg-sky-100', border: 'border-sky-300', text: 'text-sky-600' },
+	emerald: { bg: 'bg-emerald-100', border: 'border-emerald-300', text: 'text-emerald-600' },
+	violet: { bg: 'bg-violet-100', border: 'border-violet-300', text: 'text-violet-600' },
+	rose: { bg: 'bg-rose-100', border: 'border-rose-300', text: 'text-rose-600' },
+	amber: { bg: 'bg-amber-100', border: 'border-amber-300', text: 'text-amber-600' },
+	orange: { bg: 'bg-orange-100', border: 'border-orange-300', text: 'text-orange-600' },
+};
+
+const getColorClassesLocal = (color: EventColor): ColorClasses => colorClassMap[color];
+</script>
+
+<template>
+	<Card class="w-full max-w-2xl">
+		<CardHeader>
+			<CardTitle class="flex items-center gap-2">
+				<Icon name="lucide:palette" size="20" />
+				Color Management
+			</CardTitle>
+			<CardDescription> Manage automatic color assignment for calendar events </CardDescription>
+		</CardHeader>
+		<CardContent class="space-y-6">
+			<!-- Configuration Options -->
+			<div class="space-y-4">
+				<h3 class="text-sm font-medium">Configuration</h3>
+
+				<div class="flex items-center space-x-2">
+					<Checkbox id="auto-assign" :checked="colorConfig.autoAssign" @update:checked="toggleAutoAssign" />
+					<Label for="auto-assign" class="text-sm"> Automatically assign colors to new events </Label>
+				</div>
+
+				<div class="flex items-center space-x-2">
+					<Checkbox id="allow-duplicates" :checked="colorConfig.allowDuplicates" @update:checked="toggleAllowDuplicates" />
+					<Label for="allow-duplicates" class="text-sm"> Allow duplicate colors </Label>
+				</div>
+			</div>
+
+			<Separator />
+
+			<!-- Color Palette -->
+			<div class="space-y-3">
+				<h3 class="text-sm font-medium">Color Palette</h3>
+				<div class="flex gap-2">
+					<div
+						v-for="color in colorPalette"
+						:key="color"
+						:class="['flex h-8 w-8 items-center justify-center rounded-full border-2', getColorClassesLocal(color).bg, getColorClassesLocal(color).border, usedColors.has(color) ? 'ring-primary ring-2 ring-offset-2' : '']"
+						:title="`${color} ${usedColors.has(color) ? '(in use)' : '(available)'}`"
+					>
+						<Icon v-if="usedColors.has(color)" name="lucide:check" size="14" :class="getColorClassesLocal(color).text" />
+					</div>
+				</div>
+				<p class="text-text-body text-xs">{{ availableColors.length }} of {{ colorPalette.length }} colors available</p>
+			</div>
+
+			<Separator />
+
+			<!-- Statistics -->
+			<div class="space-y-3">
+				<h3 class="text-sm font-medium">Statistics</h3>
+				<div class="grid grid-cols-2 gap-4 text-sm">
+					<div>
+						<span class="text-text-body">Total Events:</span>
+						<span class="ml-2 font-medium">{{ stats.totalEvents }}</span>
+					</div>
+					<div>
+						<span class="text-text-body">Colored Events:</span>
+						<span class="ml-2 font-medium">{{ stats.coloredEvents }}</span>
+					</div>
+				</div>
+
+				<!-- Color Distribution -->
+				<div v-if="Object.keys(stats.colorDistribution).length > 0" class="space-y-2">
+					<h4 class="text-text-body text-xs font-medium">Color Distribution</h4>
+					<div class="space-y-1">
+						<div v-for="[color, count] in Object.entries(stats.colorDistribution)" :key="color" class="flex items-center justify-between text-xs">
+							<div class="flex items-center gap-2">
+								<div :class="['h-3 w-3 rounded-full border', getColorClassesLocal(color as EventColor).bg, getColorClassesLocal(color as EventColor).border]" />
+								<span class="capitalize">{{ color }}</span>
+							</div>
+							<span class="font-medium">{{ count }}</span>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<Separator />
+
+			<!-- Actions -->
+			<div class="space-y-3">
+				<h3 class="text-sm font-medium">Actions</h3>
+				<div class="flex gap-2">
+					<Button color="secondary" size="sm" :disabled="stats.totalEvents === 0" @click="handleRebalance">
+						<Icon name="lucide:shuffle" size="14" class="mr-1" />
+						Rebalance Colors
+					</Button>
+					<Button color="secondary" size="sm" :disabled="stats.totalEvents === 0 || colorConfig.allowDuplicates" @click="handleResolveConflicts">
+						<Icon name="lucide:zap" size="14" class="mr-1" />
+						Resolve Conflicts
+					</Button>
+				</div>
+				<p class="text-text-body text-xs">Rebalance redistributes colors evenly. Resolve conflicts ensures no duplicate colors.</p>
+			</div>
+		</CardContent>
+	</Card>
+</template>

package/src/runtime/components/base/event-calendar/DayEventsOverflowPopup.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import type { CalendarEvent } from './types';
+
+const props = defineProps<{
+	events: CalendarEvent[];
+	date: Date | null;
+	// For positioning, you might need to pass target element ref or coordinates
+	// For simplicity, using Shadcn Popover which handles positioning well.
+}>();
+
+const emit = defineEmits<{
+	(e: 'editEvent', event: CalendarEvent): void;
+	(e: 'close'): void;
+}>();
+
+const formattedDate = computed(() => {
+	return props.date ? formatDateTime(props.date, 'MMMM d, yyyy') : '';
+});
+</script>
+
+<template>
+	<PopoverContent class="w-auto p-0" side="bottom" align="start">
+		<Command v-if="date">
+			<CommandInput placeholder="Filter events..." />
+			<CommandList>
+				<CommandEmpty>No events found.</CommandEmpty>
+				<CommandGroup :heading="formattedDate">
+					<CommandItem v-for="event in events" :key="event.id" :value="event.title || ''" class="flex cursor-pointer items-center justify-between" @select="emit('editEvent', event)">
+						<div class="flex items-center">
+							<span :class="['mr-2 h-2 w-2 shrink-0 rounded-full', `bg-${event.color}-500`]" />
+							<span class="truncate">{{ event.title }}</span>
+						</div>
+						<span class="text-text-body ml-2 text-xs">
+							{{ event.allDay ? 'All day' : formatDateTime(new Date(event.startDate), 'p') }}
+						</span>
+					</CommandItem>
+				</CommandGroup>
+			</CommandList>
+		</Command>
+	</PopoverContent>
+</template>