microboard-ui-temp 0.0.8 → 0.0.9

package/dist/comment-y7mmptsd.svg

@@ -0,0 +1,22 @@
+<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_dd_4488_42225)">
+        <path d="M6.80084 18C6.57679 18 6.35923 18.0752 6.18305 18.2137L3.61778 20.229C2.96165 20.7445 2 20.2771 2 19.4427V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H21C21.2652 2 21.5196 2.10536 21.7071 2.29289C21.8946 2.48043 22 2.73478 22 3V17C22 17.2652 21.8946 17.5196 21.7071 17.7071C21.5196 17.8946 21.2652 18 21 18H6.80084ZM5.49106 16.2136C5.66723 16.0752 5.88478 16 6.10882 16H20V4H4V17.385L5.49106 16.2136Z" fill="#14151A"/>
+        <path d="M5.49106 16.2136C5.66723 16.0752 5.88478 16 6.10882 16H20V4H4V17.385L5.49106 16.2136Z" fill="white"/>
+    </g>
+    <defs>
+        <filter id="filter0_dd_4488_42225" x="-1" y="0" width="26" height="24.4446" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1"/>
+            <feGaussianBlur stdDeviation="1"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.06 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4488_42225"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1"/>
+            <feGaussianBlur stdDeviation="1.5"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.1 0"/>
+            <feBlend mode="normal" in2="effect1_dropShadow_4488_42225" result="effect2_dropShadow_4488_42225"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4488_42225" result="shape"/>
+        </filter>
+    </defs>
+</svg>

package/dist/eraser-egm0xqb8.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10.6667 14.8333H15.6667C16.1269 14.8333 16.5 15.2064 16.5 15.6667C16.5 16.1269 16.1269 16.5 15.6667 16.5H9.00001L5.66835 16.5017L0.262513 11.0958C0.106287 10.9396 0.0185242 10.7276 0.0185242 10.5067C0.0185242 10.2857 0.106287 10.0738 0.262513 9.9175L9.10001 1.07833C9.17741 1.00085 9.26931 0.939383 9.37048 0.897446C9.47164 0.855509 9.58008 0.833923 9.6896 0.833923C9.79911 0.833923 9.90755 0.855509 10.0087 0.897446C10.1099 0.939383 10.2018 1.00085 10.2792 1.07833L16.7608 7.56C16.9171 7.71627 17.0048 7.92819 17.0048 8.14916C17.0048 8.37013 16.9171 8.58206 16.7608 8.73833L10.6667 14.8333ZM12.0475 11.0958L14.9933 8.14916L9.69001 2.84583L6.74418 5.7925L12.0475 11.0958Z" fill="#14151A"/>
+</svg>

package/dist/index.css

@@ -1,3 +1,6 @@
+@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
+@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";
+
 /* src/shared/ui-lib/Icon/Icon.module.css */
 .icon_zNwsNQ {
   max-width: 24px;
@@ -13658,3 +13661,206 @@ audio::-webkit-media-controls-enclosure {
   margin-top: 20px;
   font-size: 12px;
 }
+
+/* node_modules/microboard-temp/dist/microboard.css */
+:root {
+  --background-surface-default: #fff;
+  --background-button-secondary: #fff;
+  --background-button-secondary-hover: #f7f7f8;
+  --background-badge-purple-disabled: #f7f1fd;
+  --background-badge-gray: #e9eaec;
+  --background-accent-purple: #924fe8;
+  --border-action-normal: #dedfe3;
+  --border-action-focus: #924fe8;
+  --border-select-primary: #924fe8;
+  --text-base-primary: #14151a;
+  --text-base-secondary: #0f132499;
+  --text-base-quaternary: #0a0f2940;
+  --text-accent-purple: #9859e9;
+  --icon-base-primary: #14151a;
+  --icon-base-secondary: #696b76;
+  --icon-accent-purple: #924fe8;
+  --absolute-position-panel-padding: 12px;
+}
+
+* {
+  box-sizing: border-box;
+  background: none;
+  border: none;
+  margin: 0;
+  padding: 0;
+  font-family: inherit;
+}
+
+html {
+  font-size: 62.5%;
+}
+
+body {
+  color: var(--text-base-primary);
+  font-optical-sizing: auto;
+  font-family: Manrope, sans-serif;
+  font-size: 1.6rem;
+  font-style: normal;
+}
+
+html, body {
+  overscroll-behavior-x: none;
+  -webkit-user-select: none;
+}
+
+input:-webkit-autofill {
+  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
+}
+
+input:-webkit-autofill:hover {
+  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
+}
+
+input:-webkit-autofill:focus {
+  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
+}
+
+input:-webkit-autofill:active {
+  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
+}
+
+.microboard-quickAddButton {
+  transform-origin: 50%;
+  z-index: 2;
+  position: absolute;
+  background-color: #93aff6;
+  border: 1px solid #fff;
+  border-radius: 50%;
+  margin: auto;
+  padding: 14px;
+  transition: transform .2s, border 0s .2s;
+  transform: translate(-50%, -50%)scale(.25);
+}
+
+.microboard-invisible {
+  display: none;
+}
+
+.microboard-quickAddButtonActive {
+  background-color: #924fe8;
+  border: none;
+  transform: translate(-50%, -50%)scale(1);
+}
+
+.microboard-quickAddButton:after {
+  content: "";
+  opacity: 1;
+  position: absolute;
+  border-radius: 50%;
+  transition: all .2s .2s;
+  inset: 0;
+  transform: scale(4);
+}
+
+.microboard-quickAddButtonActive:after {
+  opacity: 0;
+  transform: none;
+}
+
+.microboard-quickAddButton:before {
+  content: "";
+  --quick-add-button-width: 17px;
+  --quick-add-button-height: 10px;
+  width: var(--quick-add-button-width);
+  height: var(--quick-add-button-height);
+  opacity: 0;
+  transform-origin: 50%;
+  position: absolute;
+  background: url("data:image/svg+xml;utf8,<svg width=\"var(--quick-add-button-width)\" height=\"var(--quick-add-button-height)\" viewBox=\"0 0 17 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.7593 5.00009L10.5339 9.58329L9.68819 8.30677L12.9245 5.83329H0.0415039V4.16663H12.9241L9.68819 1.69341L10.5339 0.416626L16.7593 5.00009Z\" fill=\"white\"/></svg>") no-repeat;
+  transition: opacity .2s;
+  top: 35%;
+  left: 20%;
+}
+
+.microboard-quickAddButtonActive:before {
+  opacity: 1;
+}
+
+.microboard-quickAddButton.microboard-left:before {
+  rotate: 180deg;
+}
+
+.microboard-quickAddButton.microboard-right:before {
+  rotate: none;
+}
+
+.microboard-quickAddButton.microboard-top:before {
+  rotate: 270deg;
+}
+
+.microboard-quickAddButton.microboard-bottom:before {
+  rotate: 90deg;
+}
+
+/* src/index.css */
+:root {
+  --background-surface-default: #fff;
+  --background-button-secondary: #fff;
+  --background-button-secondary-hover: #f7f7f8;
+  --background-badge-purple-disabled: #f7f1fd;
+  --background-badge-gray: #e9eaec;
+  --background-accent-purple: #924fe8;
+  --border-action-normal: #dedfe3;
+  --border-action-focus: #924fe8;
+  --border-select-primary: #924fe8;
+  --text-base-primary: #14151a;
+  --text-base-secondary: #0f132499;
+  --text-base-quaternary: #0a0f2940;
+  --text-accent-purple: #9859e9;
+  --icon-base-primary: #14151a;
+  --icon-base-secondary: #696b76;
+  --icon-accent-purple: #924fe8;
+  --absolute-position-panel-padding: 12px;
+}
+
+* {
+  box-sizing: border-box;
+  background: none;
+  border: none;
+  margin: 0;
+  padding: 0;
+  font-family: inherit;
+}
+
+:focus {
+  outline: none;
+}
+
+html {
+  font-size: 62.5%;
+}
+
+body {
+  color: var(--text-base-primary);
+  font-optical-sizing: auto;
+  font-family: Manrope, sans-serif;
+  font-size: 1.6rem;
+  font-style: normal;
+}
+
+html, body {
+  overscroll-behavior-x: none;
+  -webkit-user-select: none;
+}
+
+input:-webkit-autofill {
+  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
+}
+
+input:-webkit-autofill:hover {
+  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
+}
+
+input:-webkit-autofill:focus {
+  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
+}
+
+input:-webkit-autofill:active {
+  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
+}

package/dist/index.js

@@ -417645,6 +417645,60 @@ function createApp(isHistory = true) {
   }
   return app;
 }
+// src/features/Cursors/pencil.svg
+var pencil_default = "./pencil-mbyxd0mh.svg";
+
+// src/features/Cursors/sticker/sticker-purple.svg
+var sticker_purple_default = "./sticker-purple-qh4w2cns.svg";
+
+// src/features/Cursors/sticker/sticker-pink.svg
+var sticker_pink_default = "./sticker-pink-e59wtt01.svg";
+
+// src/features/Cursors/sticker/sticker-sky-blue.svg
+var sticker_sky_blue_default = "./sticker-sky-blue-ad56zjq5.svg";
+
+// src/features/Cursors/sticker/sticker-blue.svg
+var sticker_blue_default = "./sticker-blue-enpdz9sw.svg";
+
+// src/features/Cursors/sticker/sticker-green.svg
+var sticker_green_default = "./sticker-green-29z5e7dv.svg";
+
+// src/features/Cursors/sticker/sticker-light-green.svg
+var sticker_light_green_default = "./sticker-light-green-rj4f4nmr.svg";
+
+// src/features/Cursors/sticker/sticker-orange.svg
+var sticker_orange_default = "./sticker-orange-9zk2829b.svg";
+
+// src/features/Cursors/sticker/sticker-yellow.svg
+var sticker_yellow_default = "./sticker-yellow-m9f3hb2w.svg";
+
+// src/features/Cursors/sticker/sticker-light-gray.svg
+var sticker_light_gray_default = "./sticker-light-gray-z49z7yh4.svg";
+
+// src/features/Cursors/sticker/sticker-gray.svg
+var sticker_gray_default = "./sticker-gray-h045k8ra.svg";
+
+// src/features/Cursors/eraser.svg
+var eraser_default = "./eraser-egm0xqb8.svg";
+
+// src/features/Cursors/comment.svg
+var comment_default = "./comment-y7mmptsd.svg";
+
+// src/features/Cursors/customCursors.ts
+var { cursorsMap: cursorsMap2 } = conf;
+cursorsMap2["eraser"] = `url(${eraser_default}) -10 10, auto`;
+cursorsMap2["pen"] = `url(${pencil_default}) 1 24, auto`;
+cursorsMap2["comment"] = `url(${comment_default}) 1 24, auto`;
+cursorsMap2["sticker-purple"] = `url(${sticker_purple_default}) 12 12, auto`;
+cursorsMap2["sticker-pink"] = `url(${sticker_pink_default}) 12 12, auto`;
+cursorsMap2["sticker-sky-blue"] = `url(${sticker_sky_blue_default}) 12 12, auto`;
+cursorsMap2["sticker-blue"] = `url(${sticker_blue_default}) 12 12, auto`;
+cursorsMap2["sticker-green"] = `url(${sticker_green_default}) 12 12, auto`;
+cursorsMap2["sticker-light-green"] = `url(${sticker_light_green_default}) 12 12, auto`;
+cursorsMap2["sticker-orange"] = `url(${sticker_orange_default}) 12 12, auto`;
+cursorsMap2["sticker-yellow"] = `url(${sticker_yellow_default}) 12 12, auto`;
+cursorsMap2["sticker-light-gray"] = `url(${sticker_light_gray_default}) 12 12, auto`;
+cursorsMap2["sticker-gray"] = `url(${sticker_gray_default}) 12 12, auto`;
 export {
   initInter,
   createApp

package/dist/pencil-mbyxd0mh.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M17.4956 10.7475L13.4 6.65092V5.64988L12.5464 6.50344L2.64645 16.4034L2.5 16.5499V16.757V21V21.5H3H7.242H7.44909L7.59554 21.3536L17.4955 11.4546L17.8491 11.1011L17.4956 10.7475ZM13.9604 5.09052L13.607 5.44408L13.9604 5.79754L18.2024 10.0395L18.5559 10.393L18.9095 10.0396L21.0315 7.91863L21.0316 7.91849C21.3128 7.6372 21.4708 7.25574 21.4708 6.85799C21.4708 6.46024 21.3128 6.07878 21.0316 5.79749L21.0316 5.79744L18.2026 2.96844L18.2025 2.96839C17.9212 2.68718 17.5397 2.52921 17.142 2.52921C16.7443 2.52921 16.3628 2.68718 16.0815 2.96839L16.0814 2.96852L13.9604 5.09052Z" fill="#14151A" stroke="white"/>
+</svg>

package/dist/sticker-blue-enpdz9sw.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(205, 250, 255)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/sticker-gray-h045k8ra.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(156, 156, 156)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/sticker-green-29z5e7dv.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(203, 232, 150)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/sticker-light-gray-z49z7yh4.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(231, 232, 238)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/sticker-light-green-rj4f4nmr.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(180, 241, 198)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/sticker-orange-9zk2829b.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(255, 180, 126)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/sticker-pink-e59wtt01.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(255, 209, 211)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/sticker-purple-qh4w2cns.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(233, 208, 255)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/sticker-sky-blue-ad56zjq5.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(206, 228, 255)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/sticker-yellow-m9f3hb2w.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_113_6759)">
+<g filter="url(#filter0_d_113_6759)">
+<mask id="path-1-outside-1_113_6759" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20" fill="black">
+<rect fill="white" x="2" y="2" width="20" height="20"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z"/>
+</mask>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" fill="rgb(255, 235, 163)"/>
+<path d="M21 16L15.997 21H3.998C3.73402 21.0005 3.48062 20.8962 3.29349 20.71C3.10636 20.5239 3.00079 20.271 3 20.007V3.993C3 3.445 3.445 3 3.993 3H20.007C20.555 3 21 3.447 21 3.999V16Z" stroke="white" stroke-width="2" mask="url(#path-1-outside-1_113_6759)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_113_6759" x="0" y="1" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_113_6759"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_113_6759" result="shape"/>
+</filter>
+<clipPath id="clip0_113_6759">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",

package/src/index.ts

@@ -1,4 +1,4 @@
 export { App, createApp } from "App/App";
 export { initInter } from "initI18N";
-// import "features/Cursors";
-// import "./index.css";
+import "features/Cursors";
+import "./index.css";