@octavius2929-personal/design-system 1.4.1 → 1.5.1

package/dist/index.css

@@ -1727,11 +1727,45 @@
   white-space: nowrap;
 }
 
-/* vanilla-extract-css-ns:src/components/avatar/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMW1uMXJtdTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWZ1bGxfX2UzZ3J1cjFuKTsKICBib3JkZXItd2lkdGg6IHZhcigtLWJvcmRlci1ydWxlX19lM2dydXIxcCk7CiAgYm9yZGVyLXN0eWxlOiBzb2xpZDsKICBib3JkZXItY29sb3I6IHZhcigtLWZnLXN0cm9uZ19fZTNncnVyMmMpOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWRpc3BsYXlfX2UzZ3J1cjApOwogIGZvbnQtd2VpZ2h0OiB2YXIoLS13ZWlnaHQtc2VtaWJvbGRfX2UzZ3J1cjF6KTsKICBsaW5lLWhlaWdodDogMTsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci51c2Utc3R5bGVzX3NpemVfc21fXzFtbjFybXUxIHsKICB3aWR0aDogMzJweDsKICBoZWlnaHQ6IDMycHg7CiAgZm9udC1zaXplOiAxNHB4Owp9Ci51c2Utc3R5bGVzX3NpemVfbWRfXzFtbjFybXUyIHsKICB3aWR0aDogNDBweDsKICBoZWlnaHQ6IDQwcHg7CiAgZm9udC1zaXplOiAxNnB4Owp9Ci51c2Utc3R5bGVzX3NpemVfbGdfXzFtbjFybXUzIHsKICB3aWR0aDogNTZweDsKICBoZWlnaHQ6IDU2cHg7CiAgZm9udC1zaXplOiAyMnB4Owp9Ci51c2Utc3R5bGVzX3ZhcmlhbnRfZGVmYXVsdF9fMW1uMXJtdTQgewogIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OwogIGNvbG9yOiB2YXIoLS1mZy1zdHJvbmdfX2UzZ3J1cjJjKTsKfQoudXNlLXN0eWxlc192YXJpYW50X2ZpbGxlZF9fMW1uMXJtdTUgewogIGJhY2tncm91bmQ6IHZhcigtLWZnLXN0cm9uZ19fZTNncnVyMmMpOwogIGNvbG9yOiB2YXIoLS1iZy1wYWdlX19lM2dydXIyOCk7Cn0 */
+/* vanilla-extract-css-ns:src/theme/styles/surfaces/index.css.ts.vanilla.css?source=LnN1cmZhY2VzX3NyT25seV9fMXFhN2F0bjAgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB3aWR0aDogMXB4OwogIGhlaWdodDogMXB4OwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAtMXB4OwogIG92ZXJmbG93OiBoaWRkZW47CiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGJvcmRlcjogMDsKfQouc3VyZmFjZXNfcGFuZWxTdXJmYWNlX18xcWE3YXRuMSB7CiAgYmFja2dyb3VuZDogdmFyKC0tYmctc3VyZmFjZV9fZTNncnVyMjkpOwogIGJvcmRlci13aWR0aDogdmFyKC0tYm9yZGVyLWhhaXJfX2UzZ3J1cjFvKTsKICBib3JkZXItc3R5bGU6IHNvbGlkOwogIGJvcmRlci1jb2xvcjogdmFyKC0tYm9yZGVyLWRlZmF1bHRfX2UzZ3J1cjJoKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1sZ19fZTNncnVyMjcpOwogIG92ZXJmbG93OiBoaWRkZW47Cn0KLnN1cmZhY2VzX2lua3lTdXJmYWNlX18xcWE3YXRuMiB7CiAgYmFja2dyb3VuZDogdmFyKC0tZmctc3Ryb25nX19lM2dydXIyYyk7CiAgY29sb3I6IHZhcigtLWJnLXBhZ2VfX2UzZ3J1cjI4KTsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctbGdfX2UzZ3J1cjI3KTsKfQ */
+.surfaces_srOnly__1qa7atn0 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.surfaces_panelSurface__1qa7atn1 {
+  background: var(--bg-surface__e3grur29);
+  border-width: var(--border-hair__e3grur1o);
+  border-style: solid;
+  border-color: var(--border-default__e3grur2h);
+  border-radius: var(--radius-base__e3grur1m);
+  box-shadow: var(--shadow-lg__e3grur27);
+  overflow: hidden;
+}
+.surfaces_inkySurface__1qa7atn2 {
+  background: var(--fg-strong__e3grur2c);
+  color: var(--bg-page__e3grur28);
+  box-shadow: var(--shadow-lg__e3grur27);
+}
+
+/* vanilla-extract-css-ns:src/components/avatar/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA72Wz3LbIBDG734KLp1pD2QsJ3FT5THSuwaJRSJGrArIjtPpu3eEJSz0J006nR4XL79FH98uvmktUOvOCmxmEF2WJbVOTN1uyc8NIQ1a6STqlBhQzMkjPG4I4dI2ip1TIrWSGqhQ8PK4-bW5GcGO0rZMBVziccsbCWFKlppKB7VNSQHagemWn1vrpDjTArUD7cY_5fhCrXyVukxJjoaDoTl61klyV6Uk2W4_dWEFsqzcNe6TDeOytSk5MvOZ9hEVrVJZBrelaU2iv4zSe-gle0C0CkJ2M872EqTEopJ8tFygQjNAREmtM6jLAbErPEKgdlSwWqpzSO2WeumG7O01-dR_4SX5ElELtcxR8XDAV7_Bqx4k6VbwCEYoPKWkkpyDnt6jrFkJ4Rp3_hr_IDHmz1A4KmR3Yx1_yrTyFTJbB-rtmHq7a17G1CH239rtTEly18z85pk1D8y7MfNuGzOHeMzcrzBVGZj3Y-b9PmYO8Yi5282ZR2Yk0y7jIFirrv229-ycFYfSYKt5Spxh2jbMgHYd9x3uWa4kpFJwFebrrNDbhozq5iVtvB_6lIdZVT6aIQ-TGcJyi6p1foaYi2rbS384h3Uf_I8Z8e-GQAXsGJoy-fHRKfAuPZ8m7fItbsLYhpd4mTFqDxYxJi2XLPh2YIzaIY8Yk3ZY6ieO7jtqyNDfbOAUK460jrnWUjwEecySPB7JTt1s7IH8beCJGR2QdhWZt_aKhBUkZ7rsfMXs9RL1KhKFiL5crFCXbLFioMFrUefK2QlqZg6hbBk_xrnC4vD47oPMwU8Va2a3WsVFNGpY3xtpLaMxex-_MQ8ff8XXikaeeX5jVjlsusbylRUIF4L-jPv4Hdz_xT-NVVEnjjksqvobrZKVmcYJAAA */
 .use-styles_root__1mn1rmu0 {
+  position: relative;
+  display: inline-flex;
+}
+.use-styles_visual__1mn1rmu1 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
   border-radius: var(--radius-full__e3grur1n);
   border-width: var(--border-rule__e3grur1p);
   border-style: solid;
@@ -1741,29 +1775,95 @@
   line-height: 1;
   overflow: hidden;
 }
-.use-styles_size_sm__1mn1rmu1 {
+.use-styles_image__1mn1rmu2 {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.use-styles_size_sm__1mn1rmu3 {
   width: 32px;
   height: 32px;
   font-size: 14px;
 }
-.use-styles_size_md__1mn1rmu2 {
+.use-styles_size_md__1mn1rmu4 {
   width: 40px;
   height: 40px;
   font-size: 16px;
 }
-.use-styles_size_lg__1mn1rmu3 {
+.use-styles_size_lg__1mn1rmu5 {
   width: 56px;
   height: 56px;
   font-size: 22px;
 }
-.use-styles_variant_default__1mn1rmu4 {
+.use-styles_variant_default__1mn1rmu6 {
   background: transparent;
   color: var(--fg-strong__e3grur2c);
 }
-.use-styles_variant_filled__1mn1rmu5 {
+.use-styles_variant_filled__1mn1rmu7 {
   background: var(--fg-strong__e3grur2c);
   color: var(--bg-page__e3grur28);
 }
+.use-styles_dot__1mn1rmu8 {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  border-radius: var(--radius-full__e3grur1n);
+  border-width: var(--border-heavy__e3grur1q);
+  border-style: solid;
+  border-color: var(--bg-page__e3grur28);
+}
+.use-styles_dotSize_sm__1mn1rmu9 {
+  width: 10px;
+  height: 10px;
+}
+.use-styles_dotSize_md__1mn1rmua {
+  width: 12px;
+  height: 12px;
+}
+.use-styles_dotSize_lg__1mn1rmub {
+  width: 16px;
+  height: 16px;
+}
+.use-styles_dotTone_online__1mn1rmuc {
+  background: var(--status-ok__e3grur2r);
+}
+.use-styles_dotTone_away__1mn1rmud {
+  background: var(--status-warn__e3grur2s);
+}
+.use-styles_dotTone_busy__1mn1rmue {
+  background: var(--danger-base__e3grur2n);
+}
+.use-styles_dotTone_offline__1mn1rmuf {
+  background: var(--bg-page__e3grur28);
+  border-color: var(--border-strong__e3grur2i);
+}
+.use-styles_mark__1mn1rmug {
+  display: block;
+  background: var(--bg-page__e3grur28);
+}
+.use-styles_markShape_online__1mn1rmuh {
+  display: none;
+}
+.use-styles_markShape_busy__1mn1rmui {
+  width: 55%;
+  height: 18%;
+  border-radius: var(--radius-full__e3grur1n);
+}
+.use-styles_markShape_away__1mn1rmuj {
+  position: absolute;
+  top: 10%;
+  left: 10%;
+  width: 60%;
+  height: 60%;
+  border-radius: var(--radius-full__e3grur1n);
+}
+.use-styles_markShape_offline__1mn1rmuk {
+  display: none;
+}
 
 /* vanilla-extract-css-ns:src/components/badge/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMXdwZWk2cDAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKfQoudXNlLXN0eWxlc19kb3RfXzF3cGVpNnAxIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiBjYWxjKHZhcigtLXNwYWNlLXMzX19lM2dydXIxYikgKiAtMSk7CiAgcmlnaHQ6IGNhbGModmFyKC0tc3BhY2UtczNfX2UzZ3J1cjFiKSAqIC0xKTsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgbWluLXdpZHRoOiAxOHB4OwogIGhlaWdodDogMThweDsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1zMF9fZTNncnVyMTgpIHZhcigtLXNwYWNlLXMxX19lM2dydXIxOSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtbW9ub19fZTNncnVyMik7CiAgZm9udC1zaXplOiAxMXB4OwogIGZvbnQtd2VpZ2h0OiB2YXIoLS13ZWlnaHQtc2VtaWJvbGRfX2UzZ3J1cjF6KTsKICBsaW5lLWhlaWdodDogMTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tdHJhY2tpbmctd2lkZV9fZTNncnVyMXQpOwogIGNvbG9yOiB2YXIoLS1mZy1vbkFjY2VudF9fZTNncnVyMmYpOwogIGJvcmRlcjogdmFyKC0tYm9yZGVyLWhlYXZ5X19lM2dydXIxcSkgc29saWQgdmFyKC0tYmctcGFnZV9fZTNncnVyMjgpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1mdWxsX19lM2dydXIxbik7Cn0KLnVzZS1zdHlsZXNfdG9uZV9pbmtfXzF3cGVpNnAyIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1mZy1zdHJvbmdfX2UzZ3J1cjJjKTsKfQoudXNlLXN0eWxlc190b25lX2FjY2VudF9fMXdwZWk2cDMgewogIGJhY2tncm91bmQ6IHZhcigtLWFjY2VudC1iYXNlX19lM2dydXIyaik7Cn0 */
 .use-styles_root__1wpei6p0 {
@@ -1895,33 +1995,6 @@
   outline-offset: 2px;
 }
 
-/* vanilla-extract-css-ns:src/theme/styles/surfaces/index.css.ts.vanilla.css?source=LnN1cmZhY2VzX3NyT25seV9fMXFhN2F0bjAgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB3aWR0aDogMXB4OwogIGhlaWdodDogMXB4OwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAtMXB4OwogIG92ZXJmbG93OiBoaWRkZW47CiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGJvcmRlcjogMDsKfQouc3VyZmFjZXNfcGFuZWxTdXJmYWNlX18xcWE3YXRuMSB7CiAgYmFja2dyb3VuZDogdmFyKC0tYmctc3VyZmFjZV9fZTNncnVyMjkpOwogIGJvcmRlci13aWR0aDogdmFyKC0tYm9yZGVyLWhhaXJfX2UzZ3J1cjFvKTsKICBib3JkZXItc3R5bGU6IHNvbGlkOwogIGJvcmRlci1jb2xvcjogdmFyKC0tYm9yZGVyLWRlZmF1bHRfX2UzZ3J1cjJoKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1sZ19fZTNncnVyMjcpOwogIG92ZXJmbG93OiBoaWRkZW47Cn0KLnN1cmZhY2VzX2lua3lTdXJmYWNlX18xcWE3YXRuMiB7CiAgYmFja2dyb3VuZDogdmFyKC0tZmctc3Ryb25nX19lM2dydXIyYyk7CiAgY29sb3I6IHZhcigtLWJnLXBhZ2VfX2UzZ3J1cjI4KTsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctbGdfX2UzZ3J1cjI3KTsKfQ */
-.surfaces_srOnly__1qa7atn0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-.surfaces_panelSurface__1qa7atn1 {
-  background: var(--bg-surface__e3grur29);
-  border-width: var(--border-hair__e3grur1o);
-  border-style: solid;
-  border-color: var(--border-default__e3grur2h);
-  border-radius: var(--radius-base__e3grur1m);
-  box-shadow: var(--shadow-lg__e3grur27);
-  overflow: hidden;
-}
-.surfaces_inkySurface__1qa7atn2 {
-  background: var(--fg-strong__e3grur2c);
-  color: var(--bg-page__e3grur28);
-  box-shadow: var(--shadow-lg__e3grur27);
-}
-
 /* vanilla-extract-css-ns:src/components/checkbox/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fOXpvZ2E5MCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IHZhcigtLXNwYWNlLXMyX19lM2dydXIxYSk7CiAgY3Vyc29yOiBwb2ludGVyOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LXRleHRfX2UzZ3J1cjEpOwogIGZvbnQtc2l6ZTogdmFyKC0tdGV4dC1zbWFsbC1zaXplX19lM2dydXIxMCk7CiAgY29sb3I6IHZhcigtLWZnLXN0cm9uZ19fZTNncnVyMmMpOwp9Ci51c2Utc3R5bGVzX2JveF9fOXpvZ2E5MSB7CiAgd2lkdGg6IDE4cHg7CiAgaGVpZ2h0OiAxOHB4OwogIGJvcmRlci13aWR0aDogdmFyKC0tYm9yZGVyLXJ1bGVfX2UzZ3J1cjFwKTsKICBib3JkZXItc3R5bGU6IHNvbGlkOwogIGJvcmRlci1jb2xvcjogdmFyKC0tZmctc3Ryb25nX19lM2dydXIyYyk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWJhc2VfX2UzZ3J1cjFtKTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgZmxleC1zaHJpbms6IDA7CiAgdHJhbnNpdGlvbjogYWxsIHZhcigtLWR1ci1mYXN0X19lM2dydXIyMSkgdmFyKC0tZWFzZS1pbmtfX2UzZ3J1cjI0KTsKfQouc3VyZmFjZXNfc3JPbmx5X18xcWE3YXRuMDpmb2N1cy12aXNpYmxlICsgLnVzZS1zdHlsZXNfYm94X185em9nYTkxIHsKICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZm9jdXNfX2UzZ3J1cjJ1KTsKICBvdXRsaW5lLW9mZnNldDogMnB4Owp9Ci51c2Utc3R5bGVzX2JveENoZWNrZWRfXzl6b2dhOTIgewogIGJhY2tncm91bmQ6IHZhcigtLWZnLXN0cm9uZ19fZTNncnVyMmMpOwp9Ci51c2Utc3R5bGVzX2NoZWNrX185em9nYTkzIHsKICBjb2xvcjogdmFyKC0tYmctcGFnZV9fZTNncnVyMjgpOwp9Ci51c2Utc3R5bGVzX2Rpc2FibGVkX185em9nYTk0IHsKICBvcGFjaXR5OiAwLjU7CiAgY3Vyc29yOiBub3QtYWxsb3dlZDsKfQ */
 .use-styles_root__9zoga90 {
   display: inline-flex;
@@ -2269,30 +2342,21 @@
   color: var(--fg-strong__e3grur2c);
 }
 
-/* vanilla-extract-css-ns:src/components/tooltip/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfd3JhcHBlcl9faDlrdmgwIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7Cn0KLnVzZS1zdHlsZXNfYnViYmxlX19oOWt2aDEgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiA1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LW1vbm9fX2UzZ3J1cjIpOwogIGZvbnQtc2l6ZTogMTFweDsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tdHJhY2tpbmctd2lkZV9fZTNncnVyMXQpOwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLXMxX19lM2dydXIxOSkgdmFyKC0tc3BhY2UtczJfX2UzZ3J1cjFhKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgei1pbmRleDogMTsKfQoudXNlLXN0eWxlc19wbGFjZW1lbnRfdG9wX19oOWt2aDIgewogIGJvdHRvbTogMTAwJTsKICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zcGFjZS1zMV9fZTNncnVyMTkpOwp9Ci51c2Utc3R5bGVzX3BsYWNlbWVudF9ib3R0b21fX2g5a3ZoMyB7CiAgdG9wOiAxMDAlOwogIG1hcmdpbi10b3A6IHZhcigtLXNwYWNlLXMxX19lM2dydXIxOSk7Cn0 */
+/* vanilla-extract-css-ns:src/components/tooltip/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfd3JhcHBlcl9faDlrdmgwIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7Cn0KLnVzZS1zdHlsZXNfYnViYmxlX19oOWt2aDEgewogIHBvc2l0aW9uOiBmaXhlZDsKICB2aXNpYmlsaXR5OiBoaWRkZW47CiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtbW9ub19fZTNncnVyMik7CiAgZm9udC1zaXplOiAxMXB4OwogIGxldHRlci1zcGFjaW5nOiB2YXIoLS10cmFja2luZy13aWRlX19lM2dydXIxdCk7CiAgcGFkZGluZzogdmFyKC0tc3BhY2UtczFfX2UzZ3J1cjE5KSB2YXIoLS1zcGFjZS1zMl9fZTNncnVyMWEpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1iYXNlX19lM2dydXIxbSk7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICB6LWluZGV4OiA3MDsKfQ */
 .use-styles_wrapper__h9kvh0 {
   position: relative;
   display: inline-flex;
 }
 .use-styles_bubble__h9kvh1 {
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
+  position: fixed;
+  visibility: hidden;
   font-family: var(--font-mono__e3grur2);
   font-size: 11px;
   letter-spacing: var(--tracking-wide__e3grur1t);
   padding: var(--space-s1__e3grur19) var(--space-s2__e3grur1a);
   border-radius: var(--radius-base__e3grur1m);
   white-space: nowrap;
-  z-index: 1;
-}
-.use-styles_placement_top__h9kvh2 {
-  bottom: 100%;
-  margin-bottom: var(--space-s1__e3grur19);
-}
-.use-styles_placement_bottom__h9kvh3 {
-  top: 100%;
-  margin-top: var(--space-s1__e3grur19);
+  z-index: 70;
 }
 
 /* vanilla-extract-css-ns:src/components/select/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VWy27bMBC8-yt4KRADZWApSZPIp9566yEfYFDkSmJNcQWS8iNF_70gJdGSX3GLAkUOgcmd9ezscNf3rQVq3V6BXRlEt1ol24S_N_mC_JwR0qCVTqLOiAHFnNzAckaIkLZRbJ-RQsHOH_j_VEgDvAvmqNpa-5uSNRnZMHNHqW0YB2qT1QoeStOa5HW-nP2a3Y8YKJaDihSSQKFA7WjBaqn2Q6ZwVKPGIVU6Xw6RVr7DEOdg5yhnjScVLuJXPwaAkhpoBbKs3FmIv_8WriPwqQOCc2BCRVKX57Eh5K2LiPDnAA-BzjBtCzR1RtqmAcOZDeJyVGhipSW1be5UZJ7CiWjOyLIEE2VLg2wnPfrRWieLPeWoHWiXka4fObgtQOgVU7LUVDqobUY4aAfmfAvTWA8L9WylcFVGksXik__YMCFGsvSghwjK55dvPD7Hne9WSJGjEWBojrvlFS94QWOSK17IUewnRrDzs5I7g4empbxjxfi6NNhqMUTmvjmmYPzQnde-gEC6l6UP7s4qJk1kiuPo0M2MWFRSjI4n3PozAQVrVaw4rcZ5DBOytQOi-0RzZg_mr7uiW2N95gbl0OmgUXBBRhQULpx5m_YzYEypzy9aQwtmD1ySobnALFCp1_Hmcf65a23FBG7_Bv-h87MCeWuD_7F1_vlmRKOGS3oy7m0-USf9cfBgIJqRRfhLm90UZbE40FY3kBPSslyBCPxueOYXPafXoGMkm3RTo--gwi2IY0KNYhwqVGJE6uFWLtNUvIKNQR3TPE5HjtRhsk62g62M1OuMLG6ccVPnxWH5L2zTs__ewKGCp1DBaCYbdMzBXfKyEFCepKhBtxH75WhVstyial1wncPmMBj9mzqaiov4Kl9C0Wa8jC7EKGndMC4Gd9fMlFJ_AOyCaOB0ZSdfmuDH6S7P6XcqtYCdr_xYOQzrMWr33Gl39vvGa-b6xvife-Fkjl6vN6twAyZUfevrPpfwDRRwByImfjl9yf2cGouQ1hfyfeX-x13M9vpnBH8Dmxgg0EYKAAA */
@@ -2684,21 +2748,16 @@
   outline-offset: 2px;
 }
 
-/* vanilla-extract-css-ns:src/components/menu/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfd3JhcHBlcl9fMXV5eGFqMCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGRpc3BsYXk6IGlubGluZS1mbGV4Owp9Ci51c2Utc3R5bGVzX2xpc3RfXzF1eXhhajEgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBtaW4td2lkdGg6IDE4MHB4OwogIHotaW5kZXg6IDIwOwogIG1hcmdpbi10b3A6IHZhcigtLXNwYWNlLXMxX19lM2dydXIxOSk7CiAgbGVmdDogMDsKfQoudXNlLXN0eWxlc19saXN0X18xdXl4YWoxW2RhdGEtYWxpZ249ImVuZCJdIHsKICBsZWZ0OiBhdXRvOwogIHJpZ2h0OiAwOwp9Ci51c2Utc3R5bGVzX2l0ZW1fXzF1eXhhajIgewogIHdpZHRoOiAxMDAlOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tc3BhY2UtczJfX2UzZ3J1cjFhKTsKICB0ZXh0LWFsaWduOiBsZWZ0OwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLXMyX19lM2dydXIxYSkgdmFyKC0tc3BhY2UtczNfX2UzZ3J1cjFiKTsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICBib3JkZXI6IG5vbmU7CiAgY3Vyc29yOiBwb2ludGVyOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LXRleHRfX2UzZ3J1cjEpOwogIGZvbnQtc2l6ZTogdmFyKC0tdGV4dC1zbWFsbC1zaXplX19lM2dydXIxMCk7CiAgY29sb3I6IHZhcigtLWZnLXN0cm9uZ19fZTNncnVyMmMpOwp9Ci51c2Utc3R5bGVzX2l0ZW1fXzF1eXhhajI6aG92ZXIgewogIGJhY2tncm91bmQ6IHZhcigtLWJnLXN1bmtlbl9fZTNncnVyMmEpOwp9Ci51c2Utc3R5bGVzX2l0ZW1fXzF1eXhhajI6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWZvY3VzX19lM2dydXIydSk7CiAgb3V0bGluZS1vZmZzZXQ6IDJweDsKfQoudXNlLXN0eWxlc19kYW5nZXJfXzF1eXhhajMgewogIGNvbG9yOiB2YXIoLS1kYW5nZXItdGV4dF9fZTNncnVyMnEpOwp9 */
+/* vanilla-extract-css-ns:src/components/menu/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfd3JhcHBlcl9fMXV5eGFqMCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGRpc3BsYXk6IGlubGluZS1mbGV4Owp9Ci51c2Utc3R5bGVzX2xpc3RfXzF1eXhhajEgewogIHBvc2l0aW9uOiBmaXhlZDsKICB2aXNpYmlsaXR5OiBoaWRkZW47CiAgbWluLXdpZHRoOiAxODBweDsKICB6LWluZGV4OiAyMDsKfQoudXNlLXN0eWxlc19pdGVtX18xdXl4YWoyIHsKICB3aWR0aDogMTAwJTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IHZhcigtLXNwYWNlLXMyX19lM2dydXIxYSk7CiAgdGV4dC1hbGlnbjogbGVmdDsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1zMl9fZTNncnVyMWEpIHZhcigtLXNwYWNlLXMzX19lM2dydXIxYik7CiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC10ZXh0X19lM2dydXIxKTsKICBmb250LXNpemU6IHZhcigtLXRleHQtc21hbGwtc2l6ZV9fZTNncnVyMTApOwogIGNvbG9yOiB2YXIoLS1mZy1zdHJvbmdfX2UzZ3J1cjJjKTsKfQoudXNlLXN0eWxlc19pdGVtX18xdXl4YWoyOmhvdmVyIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1iZy1zdW5rZW5fX2UzZ3J1cjJhKTsKfQoudXNlLXN0eWxlc19pdGVtX18xdXl4YWoyOmZvY3VzLXZpc2libGUgewogIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1mb2N1c19fZTNncnVyMnUpOwogIG91dGxpbmUtb2Zmc2V0OiAycHg7Cn0KLnVzZS1zdHlsZXNfZGFuZ2VyX18xdXl4YWozIHsKICBjb2xvcjogdmFyKC0tZGFuZ2VyLXRleHRfX2UzZ3J1cjJxKTsKfQ */
 .use-styles_wrapper__1uyxaj0 {
   position: relative;
   display: inline-flex;
 }
 .use-styles_list__1uyxaj1 {
-  position: absolute;
+  position: fixed;
+  visibility: hidden;
   min-width: 180px;
   z-index: 20;
-  margin-top: var(--space-s1__e3grur19);
-  left: 0;
-}
-.use-styles_list__1uyxaj1[data-align=end] {
-  left: auto;
-  right: 0;
 }
 .use-styles_item__1uyxaj2 {
   width: 100%;