vim-web 0.5.0-dev.9 → 0.6.0-dev.0

package/dist/style.css

@@ -733,8 +733,8 @@ video:where(.vim-component,.vim-component *) {
 .vc-top-4 {
   top: 1rem;
 }
-.vc-top-6 {
-  top: 1.5rem;
+.vc-top-8 {
+  top: 2rem;
 }
 .vc-top-\[10\%\] {
   top: 10%;
@@ -828,6 +828,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-mt-6 {
   margin-top: 1.5rem;
 }
+.vc-box-border {
+  box-sizing: border-box;
+}
 .vc-box-content {
   box-sizing: content-box;
 }
@@ -987,6 +990,11 @@ video:where(.vim-component,.vim-component *) {
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
 }
+.vc-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
 .vc-self-center {
   align-self: center;
 }
@@ -1025,6 +1033,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-rounded-md {
   border-radius: 0.375rem;
 }
+.vc-rounded-sm {
+  border-radius: 0.125rem;
+}
 .vc-rounded-t {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
@@ -1069,6 +1080,9 @@ video:where(.vim-component,.vim-component *) {
   --tw-border-opacity: 1;
   border-color: rgb(223 223 225 / var(--tw-border-opacity, 1));
 }
+.vc-border-gray {
+  border-color: var(--c-gray);
+}
 .vc-border-gray-divider {
   border-color: var(--c-gray-divider);
 }
@@ -1120,6 +1134,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-p-1 {
   padding: 0.25rem;
 }
+.vc-p-2 {
+  padding: 0.5rem;
+}
 .vc-p-5 {
   padding: 1.25rem;
 }
@@ -1157,6 +1174,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-pl-6 {
   padding-left: 1.5rem;
 }
+.vc-pr-2 {
+  padding-right: 0.5rem;
+}
 .vc-text-center {
   text-align: center;
 }
@@ -1193,6 +1213,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-font-bold {
   font-weight: 700;
 }
+.vc-font-medium {
+  font-weight: 500;
+}
 .vc-font-normal {
   font-weight: 400;
 }
@@ -1284,6 +1307,11 @@ video:where(.vim-component,.vim-component *) {
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.vc-shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .vc-outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1763,6 +1791,10 @@ video:where(.vim-component,.vim-component *) {
 }
 
 /* === Cursors ===*/
+.cursor-regular {
+  cursor: default;
+}
+
 .cursor-orbit:hover {
   cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojMjEyMzI5O30uY2xzLTN7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iRlJBTUVTIj48ZyBpZD0iZnJhbWUiPjxyZWN0IGNsYXNzPSJjbHMtMyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9nPjwvZz48ZyBpZD0iSUNPTlMiPjxnPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0LDIwLjIzNGMtNS42NTIsMC0xMC4yNS0yLjYzNi0xMC4yNS01Ljg3NSwwLTEuNzUxLDEuMzA2LTMuMzY2LDMuNjA0LTQuNDgtLjUwOC0uMzEyLS43MDYtLjk2Mi0uNDQtMS40ODgsLjE5NC0uMzg2LC41ODItLjYyNSwxLjAxLS42MjUsLjE0MiwwLC4yODIsLjAyNiwuNDE2LC4wNzlsLjA5NywuMDQyLDIuMTQ4LDEuMDg2Yy42OSwuMzQ5LC45NjksMS4xOTUsLjYyLDEuODg2bC0xLjA4MywyLjE0NWMtLjE5NSwuMzg2LS41ODIsLjYyNS0xLjAxMiwuNjI1LS4xNDEsMC0uMjgtLjAyNS0uNDE0LS4wNzdsLS4wOTgtLjA0NGMtLjU1LS4yNzgtLjY3OC0uODI4LS41NjctMS4zMDYtLjAyMSwuMDExLS4wNDEsLjAyMS0uMDYsLjAzMy0xLjE1NiwuNjUtMS44NDYsMS40NDQtMS44NDYsMi4xMjVzLjY5LDEuNDc2LDEuODQ2LDIuMTI2YzEuNTUzLC44NzMsMy43NTEsMS4zNzQsNi4wMjksMS4zNzRzNC40NzYtLjUwMSw2LjAyOS0xLjM3NGMxLjE1Ni0uNjUsMS44NDYtMS40NDUsMS44NDYtMi4xMjZzLS42OS0xLjQ3NS0xLjg0Ni0yLjEyNWMtMS41NTMtLjg3NC0zLjc1LTEuMzc1LTYuMDI5LTEuMzc1aC0uMTAyYy0uNjI0LDAtMS4xMzItLjQ1Ni0xLjE5Ni0xLjA2Mi0uMDM1LS4zMzQsLjA3My0uNjY4LC4yOTYtLjkxNywuMjIzLS4yNDgsLjU0Mi0uMzkzLC44NzUtLjM5NWguMTI2YzUuNjUyLDAsMTAuMjUsMi42MzUsMTAuMjUsNS44NzRzLTQuNTk4LDUuODc1LTEwLjI1LDUuODc1WiIvPjxwYXRoIGQ9Ik03LjkyNSw4LjAxNmMuMTA4LDAsLjIxNywuMDIsLjMyMywuMDYxLC4wMjYsLjAxMSwuMDUyLC4wMjIsLjA3OCwuMDM1bDIuMTQ1LDEuMDgzYy41NjgsLjI4NywuNzk3LC45ODIsLjUxLDEuNTVsLTEuMDgzLDIuMTQ2Yy0uMTU1LC4zMDgtLjQ2MywuNDg3LS43ODgsLjQ4Ny0uMTA4LDAtLjIxNy0uMDItLjMyNC0uMDYyLS4wMjYtLjAxLS4wNTItLjAyMi0uMDc4LS4wMzUtLjUxMi0uMjU5LS41MzEtLjc5MS0uMzkxLTEuMTY4bC4xNTItLjQxMWMtLjIxNiwuMDk5LS40MjUsLjIwMy0uNjIyLC4zMTMtMS4yNTQsLjcwNi0xLjk3MywxLjU2LTEuOTczLDIuMzQzcy43MTksMS42MzgsMS45NzMsMi4zNDNjMS41ODksLjg5NCwzLjgzMiwxLjQwNyw2LjE1MiwxLjQwN3M0LjU2Mi0uNTEzLDYuMTUyLTEuNDA3YzEuMjU0LS43MDUsMS45NzMtMS41NTksMS45NzMtMi4zNDNzLS43MTktMS42MzgtMS45NzMtMi4zNDNjLTEuNTg5LS44OTQtMy44MzItMS40MDctNi4xNTItMS40MDctLjAzNiwwLS4wNzMsMC0uMTA5LDBoLS4wMDhjLS40OCwwLS44ODMtLjM2Mi0uOTMyLS44NC0uMDU3LS41NSwuMzcyLTEuMDMxLC45MjUtMS4wMzUsLjA0MSwwLC4wODMsMCwuMTI0LDAsNS41MjMsMCwxMCwyLjUxOSwxMCw1LjYyNXMtNC40NzcsNS42MjUtMTAsNS42MjUtMTAtMi41MTgtMTAtNS42MjVjMC0xLjgxNywxLjUzMi0zLjQzMiwzLjkwOS00LjQ2bC0uMDA0LS4wMTEtLjM2Ni0uMTkxYy0uNDM4LS4yMjktLjYxOS0uNzY1LS40MDItMS4xOTQsLjE1Ni0uMzA4LC40NjQtLjQ4NywuNzg4LS40ODdtMC0uNWgwYy0uNTI0LDAtLjk5NywuMjkyLTEuMjM0LC43NjItLjI2MSwuNTE4LS4xNTcsMS4xMzEsLjIxNCwxLjU0OS0yLjE3NiwxLjE1MS0zLjQwNSwyLjc3Mi0zLjQwNSw0LjUzMywwLDMuNDM1LDQuNjEyLDYuMTI1LDEwLjUsNi4xMjVzMTAuNS0yLjY5LDEwLjUtNi4xMjUtNC42MTItNi4xMjUtMTAuNS02LjEyNWgtLjA2NXMtLjA1OSwwLS4wNTksMGMtLjQwNywuMDAzLS43OTMsLjE3Ny0xLjA2MywuNDc5LS4yNywuMzAyLS40MDEsLjcwNi0uMzU5LDEuMTA4LC4wNzYsLjczNCwuNjkxLDEuMjg4LDEuNDMsMS4yODhoLjA2NXMuMDUxLDAsLjA1MSwwYzIuMjM3LDAsNC4zOSwuNDg5LDUuOTA3LDEuMzQyLDEuMDc2LC42MDUsMS43MTgsMS4zMTksMS43MTgsMS45MDhzLS42NDIsMS4zMDItMS43MTgsMS45MDdjLTEuNTE3LC44NTQtMy42NywxLjM0My01LjkwNywxLjM0M3MtNC4zOS0uNDg5LTUuOTA3LTEuMzQyYy0xLjA3Ni0uNjA1LTEuNzE4LTEuMzE4LTEuNzE4LTEuOTA4LDAtLjUyMywuNTA3LTEuMTQ0LDEuMzc0LTEuNzAxLC4wMzgsLjQyMiwuMjU2LC44MjgsLjczNCwxLjA3LC4wNDIsLjAyMSwuMDgyLC4wMzksLjEyMSwuMDU0LC4xNjMsLjA2NCwuMzMzLC4wOTYsLjUwNiwuMDk2LC41MjQsMCwuOTk3LS4yOTIsMS4yMzQtLjc2MmwxLjA4My0yLjE0NWMuMTk5LS4zOTQsLjIzMy0uODQyLC4wOTQtMS4yNjJzLS40MzEtLjc2MS0uODI1LS45NmwtMi4xNDYtMS4wODNjLS4wMzUtLjAxOC0uMDc0LS4wMzUtLjExMy0uMDUxLS4xNzEtLjA2Ny0uMzQxLS4wOTktLjUxMy0uMDk5aDBaIi8+PC9nPjxnPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTQiIGN5PSIxNC4zNTkiIHI9IjIuNDM4Ii8+PHBhdGggZD0iTTE0LDEyLjE3MmMxLjIwNiwwLDIuMTg4LC45ODEsMi4xODgsMi4xODhzLS45ODEsMi4xODgtMi4xODgsMi4xODgtMi4xODgtLjk4MS0yLjE4OC0yLjE4OCwuOTgxLTIuMTg4LDIuMTg4LTIuMTg4bTAtLjVjLTEuNDgyLDAtMi42ODgsMS4yMDYtMi42ODgsMi42ODhzMS4yMDYsMi42ODgsMi42ODgsMi42ODgsMi42ODgtMS4yMDYsMi42ODgtMi42ODgtMS4yMDYtMi42ODgtMi42ODgtMi42ODhoMFoiLz48L2c+PC9nPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEuMDA3LDUuNzVjLS4zNzIsMC0uNzU3LS4yODEtLjc1Ny0uNzUyVjFDLjI1LC41ODcsLjU4NiwuMjUsMSwuMjVoMy45OThjLjM2OSwwLC42LC4yMzksLjY5MywuNDYzcy4wOTksLjU1Ny0uMTYzLC44MTdMMS41Myw1LjUyOGMtLjE4MywuMTg0LS4zODYsLjIyMi0uNTIzLC4yMjJaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNC45OTgsLjVjLjMxLDAsLjQzMiwuMjM2LC40NjIsLjMwOXMuMTExLC4zMjYtLjEwOCwuNTQ1TDEuMzU0LDUuMzUyYy0uMTIzLC4xMjMtLjI1NiwuMTQ4LS4zNDYsLjE0OC0uMjUsMC0uNTA3LS4xODgtLjUwNy0uNTAyVjFjMC0uMjc2LC4yMjQtLjUsLjUtLjVoMy45OThtMC0uNUgxQy40NDgsMCwwLC40NDgsMCwxdjMuOTk4YzAsLjYwMywuNDkzLDEuMDAyLDEuMDA3LDEuMDAyLC4yNDYsMCwuNDk2LS4wOTEsLjctLjI5NUw1LjcwNSwxLjcwN2MuNjMtLjYzLC4xODQtMS43MDctLjcwNy0xLjcwN2gwWiIvPjwvZz48L2c+PC9zdmc+'),
     auto;
@@ -1778,11 +1810,6 @@ video:where(.vim-component,.vim-component *) {
     auto;
 }
 
-.cursor-pan:active {
-  cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojMjEyMzI5O30uY2xzLTN7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iRlJBTUVTIj48ZyBpZD0iZnJhbWUiPjxyZWN0IGNsYXNzPSJjbHMtMyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9nPjwvZz48ZyBpZD0iSUNPTlMiPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEuMDA3LDUuNzVjLS4zNzIsMC0uNzU3LS4yODEtLjc1Ny0uNzUyVjFDLjI1LC41ODcsLjU4NiwuMjUsMSwuMjVoMy45OThjLjM2OSwwLC42LC4yMzksLjY5MywuNDYzcy4wOTksLjU1Ny0uMTYzLC44MTdMMS41Myw1LjUyOGMtLjE4MywuMTg0LS4zODYsLjIyMi0uNTIzLC4yMjJaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNC45OTgsLjVjLjMxLDAsLjQzMiwuMjM2LC40NjIsLjMwOXMuMTExLC4zMjYtLjEwOCwuNTQ1TDEuMzU0LDUuMzUyYy0uMTIzLC4xMjMtLjI1NiwuMTQ4LS4zNDYsLjE0OC0uMjUsMC0uNTA3LS4xODgtLjUwNy0uNTAyVjFjMC0uMjc2LC4yMjQtLjUsLjUtLjVoMy45OThtMC0uNUgxQy40NDgsMCwwLC40NDgsMCwxdjMuOTk4YzAsLjYwMywuNDkzLDEuMDAyLDEuMDA3LDEuMDAyLC4yNDYsMCwuNDk2LS4wOTEsLjctLjI5NUw1LjcwNSwxLjcwN2MuNjMtLjYzLC4xODQtMS43MDctLjcwNy0xLjcwN2gwWiIvPjwvZz48Zz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNC4xMzksMjMuMDYyYy0xLjY0NywwLTMuMTUzLS43OTMtNC4wMy0yLjEyMmwtMi4xNTktMy4yOTFjLS4yMDktLjMxOS0uMjc1LS42OTUtLjE4Ny0xLjA2MSwuMDg5LS4zNjYsLjMyMi0uNjc3LC42NTYtLjg3NiwuMjM1LS4xNCwuNTA1LS4yMTQsLjc4MS0uMjE0LC4wOCwwLC4xNjEsLjAwNiwuMjQxLC4wMTlsLjU3MiwuMDl2LTMuNjg3YzAtLjY0MiwuNTEzLTEuMTY5LDEuMTY5LTEuMiwuMDIxLDAsLjA0MS0uMDAxLC4wNjItLjAwMSwuNjc4LDAsMS4yMywuNTI2LDEuMjMsMS4xNzJ2LjM5MWMwLC4wODYsLjA3NCwuMTU2LC4xNjQsLjE1NnMuMTY0LS4wNywuMTY0LS4xNTZ2LTEuMjk5YzAtLjY0MiwuNTEzLTEuMTY5LDEuMTY5LTEuMiwuMDIxLDAsLjA0MS0uMDAxLC4wNjItLjAwMSwuNjc4LDAsMS4yMywuNTI2LDEuMjMsMS4xNzJ2MS40ODRjMCwuMDg2LC4wNzQsLjE1NiwuMTY0LC4xNTZzLjE2NC0uMDcsLjE2NC0uMTU2di0uODNjMC0uNjQyLC41MTMtMS4xNjksMS4xNjktMS4yLC4wMjEsMCwuMDQxLS4wMDEsLjA2Mi0uMDAxLC42NzgsMCwxLjIzLC41MjYsMS4yMywxLjE3MnYxLjAxNmMwLC4wODYsLjA3NCwuMTU2LC4xNjQsLjE1NnMuMTY0LS4wNywuMTY0LS4xNTZ2LS4zNjFjMC0uNjQyLC41MTMtMS4xNjksMS4xNjktMS4yLC4wMjEsMCwuMDQxLS4wMDEsLjA2Mi0uMDAxLC42NzgsMCwxLjIzLC41MjYsMS4yMywxLjE3MnY2LjMyOGMwLDIuNDk5LTIuMTM0LDQuNTMxLTQuNzU4LDQuNTMxaC0xLjk0NFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMC42NzcsMTIuOTA2djUuNjI1YzAsMi40MTYtMi4wNTcsNC4zNzUtNC41OTQsNC4zNzVoLTEuOTQ0Yy0xLjU5LDAtMy4wNDUtLjc2Ni0zLjg5MS0yLjA0OWwtMi4xNTktMy4yOWMtLjE4Ni0uMjgzLS4yNDUtLjYxOC0uMTY2LS45NDQsLjA3OS0uMzI1LC4yODYtLjYwMiwuNTgzLS43NzksLjIwOS0uMTI0LC40NDktLjE5LC42OTQtLjE5LC4wNzEsMCwuMTQzLC4wMDYsLjIxNCwuMDE3bC43NjMsLjExOXYtLjczNnMwLTMuMTM0LDAtMy4xMzRjMC0uNTQ2LC40NC0xLjAxNywxLjAxMy0xLjA0NCwuNjEyLS4wMjksMS4xMiwuNDM3LDEuMTIsMS4wMTR2LjM5MWMwLC4xNzMsLjE0NywuMzEyLC4zMjgsLjMxMmgwYy4xODEsMCwuMzI4LS4xNCwuMzI4LS4zMTJ2LTEuMjk5YzAtLjU0NiwuNDQtMS4wMTcsMS4wMTMtMS4wNDQsLjYxMi0uMDI5LDEuMTIsLjQzNywxLjEyLDEuMDE0djEuNDg0YzAsLjE3MywuMTQ3LC4zMTIsLjMyOCwuMzEyaDBjLjE4MSwwLC4zMjgtLjE0LC4zMjgtLjMxMnYtLjgzYzAtLjU0NiwuNDQtMS4wMTcsMS4wMTMtMS4wNDQsLjYxMi0uMDI5LDEuMTIsLjQzNywxLjEyLDEuMDE0djEuMDE2YzAsLjE3MywuMTQ3LC4zMTIsLjMyOCwuMzEyaDBjLjE4MSwwLC4zMjgtLjE0LC4zMjgtLjMxMnYtLjM2MWMwLS41NDYsLjQ0LTEuMDE3LDEuMDEzLTEuMDQ0LC42MTItLjAyOSwxLjEyLC40MzcsMS4xMiwxLjAxNHYuNzAzWiIvPjxwYXRoIGQ9Ik0yMS4zMzMsMTIuMjAzYzAtLjkwNi0uNzcxLTEuNjQxLTEuNzIzLTEuNjQxLS40NTUsMC0uODY4LC4xNjktMS4xNzYsLjQ0NC0uMjQ0LS42MjQtLjg3My0xLjA2OS0xLjYxMy0xLjA2OWgwYy0uNDU1LDAtLjg2OCwuMTY5LTEuMTc2LC40NDQtLjI0NC0uNjI0LS44NzMtMS4wNjktMS42MTMtMS4wNjktLjgzNSwwLTEuNTMsLjU2Ni0xLjY4OSwxLjMxNi0uMjk4LS4yMzYtLjY4Mi0uMzc5LTEuMS0uMzc5aDBjLS45NTEsMC0xLjcyMywuNzM1LTEuNzIzLDEuNjQxdjMuMTY0Yy0uMTA2LS4wMTctLjIxMy0uMDI1LS4zMjEtLjAyNS0uMzU2LDAtLjcxNywuMDkyLTEuMDQxLC4yODUtLjkyMiwuNTQ5LTEuMjAzLDEuNzA2LS42MjYsMi41ODRsMi4xNTksMy4yOWMuOTI5LDEuNDA3LDIuNTc0LDIuMzQzLDQuNDQ4LDIuMzQzaDEuOTQ0YzIuOSwwLDUuMjUtMi4yMzksNS4yNS01di02LjMyOFptLS42NTYsLjcwM3Y1LjYyNWMwLDIuNDE2LTIuMDU3LDQuMzc1LTQuNTk0LDQuMzc1aC0xLjk0NGMtMS41OSwwLTMuMDQ1LS43NjYtMy44OTEtMi4wNDlsLTIuMTU5LTMuMjljLS4xODYtLjI4My0uMjQ1LS42MTgtLjE2Ni0uOTQ0LC4wNzktLjMyNSwuMjg2LS42MDIsLjU4My0uNzc5LC4yMDktLjEyNCwuNDQ5LS4xOSwuNjk0LS4xOSwuMDcxLDAsLjE0MywuMDA2LC4yMTQsLjAxN2wuNzYzLC4xMTl2LS43MzZzMC0zLjEzNCwwLTMuMTM0YzAtLjU0NiwuNDQtMS4wMTcsMS4wMTMtMS4wNDQsLjYxMi0uMDI5LDEuMTIsLjQzNywxLjEyLDEuMDE0di4zOTFjMCwuMTczLC4xNDcsLjMxMiwuMzI4LC4zMTJoMGMuMTgxLDAsLjMyOC0uMTQsLjMyOC0uMzEydi0xLjI5OWMwLS41NDYsLjQ0LTEuMDE3LDEuMDEzLTEuMDQ0LC42MTItLjAyOSwxLjEyLC40MzcsMS4xMiwxLjAxNHYxLjQ4NGMwLC4xNzMsLjE0NywuMzEyLC4zMjgsLjMxMmgwYy4xODEsMCwuMzI4LS4xNCwuMzI4LS4zMTJ2LS44M2MwLS41NDYsLjQ0LTEuMDE3LDEuMDEzLTEuMDQ0LC42MTItLjAyOSwxLjEyLC40MzcsMS4xMiwxLjAxNHYxLjAxNmMwLC4xNzMsLjE0NywuMzEyLC4zMjgsLjMxMmgwYy4xODEsMCwuMzI4LS4xNCwuMzI4LS4zMTJ2LS4zNjFjMC0uNTQ2LC40NC0xLjAxNywxLjAxMy0xLjA0NCwuNjEyLS4wMjksMS4xMiwuNDM3LDEuMTIsMS4wMTR2LjcwM1oiLz48L2c+PC9nPjwvc3ZnPg=='),
-    auto;
-}
-
 .cursor-zoom:hover {
   cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxnIGlkPSJhIiBkYXRhLW5hbWU9IkZSQU1FUyI+DQogICAgPGcgaWQ9ImIiIGRhdGEtbmFtZT0iZnJhbWUiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+DQogICAgPC9nPg0KICA8L2c+DQogIDxnIGlkPSJjIiBkYXRhLW5hbWU9IklDT05TIj4NCiAgICA8cGF0aCBpZD0iZCIgZGF0YS1uYW1lPSJQYXRoIDE1MDc4IiBkPSJNMTQsNC43ODFjLS4wNTYsMC0uMTEyLC4wMDMtLjE2NywuMDA4cy0uMTExLC4wMTMtLjE2NSwuMDI0LS4xMDgsLjAyNC0uMTYxLC4wMzljLS4wNTMsLjAxNi0uMTA0LC4wMzQtLjE1NSwuMDU1bC00LjIyMSwxLjc2Yy0uMTU0LC4wNjMtLjI5NiwuMTUzLS40MTksLjI2NS0uMTA4LC4wOTktLjE5MywuMjE5LS4yNTEsLjM1Mi0uMDU0LC4xMjUtLjA3NiwuMjYxLS4wNjUsLjM5NywuMDE0LC4xNDIsLjA2NCwuMjc3LC4xNDUsLjM5NCwuMDU5LC4wODYsLjEzMSwuMTYzLC4yMTIsLjIyOCwuMDg1LC4wNjgsLjE3OSwuMTI1LC4yNzgsLjE2OSwuMTA0LC4wNDcsLjIxMywuMDgyLC4zMjUsLjEwNSwuMTE2LC4wMjQsLjIzNCwuMDM2LC4zNTIsLjAzNiwuMDU3LDAsLjExNC0uMDAzLC4xNzItLjAwOHMuMTE1LS4wMTQsLjE3MS0uMDI1Yy4wNTctLjAxMSwuMTEzLS4wMjUsLjE2OS0uMDQyLC4wNTYtLjAxNywuMTExLS4wMzcsLjE2NS0uMDZsMi4yNTgtLjk2NS0uNzcsMTEuOTU2LTMuMzA3LTEuNzE3Yy0uMDU5LS4wMy0uMTE5LS4wNTctLjE4MS0uMDgtLjA2Mi0uMDIzLS4xMjUtLjA0MS0uMTg5LS4wNTYtLjA2NC0uMDE1LS4xMjgtLjAyNi0uMTkzLS4wMzMtLjA2NS0uMDA3LS4xMy0uMDExLS4xOTYtLjAxMS0uMTI3LDAtLjI1NCwuMDE0LS4zNzgsLjA0LS4xMjQsLjAyNi0uMjQ0LC4wNjYtLjM1OSwuMTE4LS4xMTQsLjA1Mi0uMjIzLC4xMTYtLjMyMiwuMTkzLS4xLC4wNzYtLjE4OSwuMTY1LS4yNjYsLjI2NC0uMTExLC4xNDEtLjE5MSwuMzA0LS4yMzQsLjQ3OS0uMDM5LC4xNjItLjA0LC4zMzEtLjAwNCwuNDk0LC4wMzcsLjE2NSwuMTExLC4zMTksLjIxNiwuNDUyLC4xMTUsLjE0NSwuMjYsLjI2NSwuNDI1LC4zNTFsNi4zMDksMy4zNjhjLjA2MiwuMDMzLC4xMjYsLjA2MiwuMTkyLC4wODcsLjA2NiwuMDI1LC4xMzMsLjA0NiwuMjAxLC4wNjIsLjI3NCwuMDY2LC41NiwuMDY2LC44MzQsMCwuMDY4LS4wMTcsLjEzNS0uMDM3LC4yMDEtLjA2MiwuMDY2LS4wMjUsLjEzLS4wNTQsLjE5Mi0uMDg3bDYuMzA3LTMuMzY4Yy4xNjQtLjA4NiwuMzA5LS4yMDYsLjQyNC0uMzUxLC4xMDUtLjEzMywuMTc4LS4yODcsLjIxNi0uNDUyLC4wMzYtLjE2MywuMDM1LS4zMzItLjAwNC0uNDk0LS4wNDMtLjE3NC0uMTIyLS4zMzgtLjIzNC0uNDc5LS4wNzctLjA5OS0uMTY3LS4xODgtLjI2Ni0uMjY0LS4xLS4wNzYtLjIwOC0uMTQxLS4zMjItLjE5My0uMTE1LS4wNTItLjIzNi0uMDkyLS4zNTktLjExOC0uMTI0LS4wMjctLjI1MS0uMDQtLjM3OC0uMDQtLjA2NSwwLS4xMzEsLjAwNC0uMTk2LC4wMTEtLjA2NSwuMDA3LS4xMywuMDE4LS4xOTMsLjAzMy0uMDY0LC4wMTUtLjEyNywuMDM0LS4xODksLjA1Ni0uMDYyLC4wMjMtLjEyMiwuMDQ5LS4xODEsLjA4bC0zLjMwNywxLjcxNy0uNzcyLTExLjk1NywyLjI1OCwuOTY1Yy4wNTQsLjAyMywuMTA5LC4wNDMsLjE2NSwuMDYsLjA1NiwuMDE3LC4xMTIsLjAzMSwuMTY5LC4wNDIsLjA1NywuMDExLC4xMTQsLjAyLC4xNzEsLjAyNXMuMTE1LC4wMDgsLjE3MiwuMDA4Yy4xMTgsMCwuMjM2LS4wMTIsLjM1Mi0uMDM2LC4xMTItLjAyMywuMjIxLS4wNTgsLjMyNS0uMTA1LC4wOTktLjA0NCwuMTkzLS4xMDEsLjI3OC0uMTY5LC4wODItLjA2NSwuMTUzLS4xNDIsLjIxMi0uMjI4LC4wODEtLjExNywuMTMxLS4yNTMsLjE0NS0uMzk0LC4wMTItLjEzNS0uMDExLS4yNzEtLjA2NC0uMzk2LS4wNTgtLjEzNC0uMTQ0LS4yNTQtLjI1Mi0uMzUyLS4xMjMtLjExMi0uMjY1LS4yMDItLjQxOS0uMjY1bC00LjIyMS0xLjc2MWMtLjA1MS0uMDIxLS4xMDItLjA0LS4xNTUtLjA1NS0uMDUyLS4wMTYtLjEwNi0uMDI5LS4xNjEtLjAzOXMtLjEwOS0uMDE4LS4xNjUtLjAyNC0uMTExLS4wMDgtLjE2Ny0uMDA4IiBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNSIvPg0KICAgIDxnPg0KICAgICAgPHBhdGggZD0iTTEuMDA3LDUuNzVjLS4zNzIsMC0uNzU3LS4yODEtLjc1Ny0uNzUyVjFDLjI1LC41ODcsLjU4NiwuMjUsMSwuMjVoMy45OThjLjM2OSwwLC42LC4yMzksLjY5MywuNDYzcy4wOTksLjU1Ny0uMTYzLC44MTdMMS41Myw1LjUyOGMtLjE4MywuMTg0LS4zODYsLjIyMi0uNTIzLC4yMjJaIiBmaWxsPSIjZmZmIi8+DQogICAgICA8cGF0aCBkPSJNNC45OTgsLjVjLjMxLDAsLjQzMiwuMjM2LC40NjIsLjMwOXMuMTExLC4zMjYtLjEwOCwuNTQ1TDEuMzU0LDUuMzUyYy0uMTIzLC4xMjMtLjI1NiwuMTQ4LS4zNDYsLjE0OC0uMjUsMC0uNTA3LS4xODgtLjUwNy0uNTAyVjFjMC0uMjc2LC4yMjQtLjUsLjUtLjVoMy45OThtMC0uNUgxQy40NDgsMCwwLC40NDgsMCwxdjMuOTk4YzAsLjYwMywuNDkzLDEuMDAyLDEuMDA3LDEuMDAyLC4yNDYsMCwuNDk2LS4wOTEsLjctLjI5NUw1LjcwNSwxLjcwN2MuNjMtLjYzLC4xODQtMS43MDctLjcwNy0xLjcwN2gwWiIgZmlsbD0iIzIxMjMyOSIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+'),
     auto;

package/dist/types/core-viewers/shared/index.d.ts

@@ -1,4 +1,5 @@
 export * from './inputHandler';
+export * from './loadResult';
 export { PointerMode } from './inputHandler';
 export type * from './baseInputHandler';
 export type * from './keyboardHandler';
@@ -7,3 +8,4 @@ export type * from './raycaster';
 export type * from './selection';
 export type * from './touchHandler';
 export type * from './vim';
+export type * from './vimCollection';

package/dist/types/core-viewers/shared/inputAdapter.d.ts

@@ -2,6 +2,7 @@ import * as THREE from 'three';
 export interface IInputAdapter {
     init: () => void;
     toggleOrthographic: () => void;
+    toggleCameraOrbitMode: () => void;
     resetCamera: () => void;
     clearSelection: () => void;
     frameCamera: () => void;
@@ -17,5 +18,5 @@ export interface IInputAdapter {
     mouseMove: (pos: THREE.Vector2) => void;
     selectAtPointer: (pos: THREE.Vector2, add: boolean) => void;
     frameAtPointer: (pos: THREE.Vector2) => void;
-    zoom: (value: number) => void;
+    zoom: (value: number, pos?: THREE.Vector2) => void;
 }

package/dist/types/core-viewers/shared/keyboardHandler.d.ts

@@ -72,7 +72,7 @@ export declare class KeyboardHandler extends BaseInputHandler {
      * @param code The event.code of the key.
      * @param handler Callback invoked on key up.
      */
-    registerKeyUp(code: string, mode: CallbackMode, handler: () => void): void;
+    registerKeyUp(code: string | string[], mode: CallbackMode, handler: () => void): void;
     private registerKey;
     /**
      * Internal key down event handler.

package/dist/types/core-viewers/shared/loadResult.d.ts

@@ -0,0 +1,55 @@
+export interface ILoadSuccess<T> {
+    readonly isSuccess: true;
+    readonly isError: false;
+    readonly vim: T;
+}
+export interface ILoadError {
+    readonly isSuccess: false;
+    readonly isError: true;
+    readonly error: string;
+    readonly details?: string;
+}
+export type ProgressType = 'bytes' | 'percent';
+export interface IProgress {
+    type: ProgressType;
+    current: number;
+    total?: number;
+}
+export type LoadResult<TValue, TError extends ILoadError = ILoadError> = ILoadSuccess<TValue> | TError;
+export declare class LoadSuccess<T> implements ILoadSuccess<T> {
+    readonly vim: T;
+    readonly isSuccess: true;
+    readonly isError: false;
+    constructor(vim: T);
+}
+export declare class LoadError implements ILoadError {
+    readonly error: string;
+    readonly details?: string;
+    readonly isSuccess: false;
+    readonly isError: true;
+    constructor(error: string, details?: string);
+}
+/**
+ * Interface for load requests that can be used as a type constraint.
+ */
+export interface ILoadRequest<TVim, TError extends ILoadError = ILoadError> {
+    readonly isCompleted: boolean;
+    getProgress(): AsyncGenerator<IProgress>;
+    getResult(): Promise<LoadResult<TVim, TError>>;
+    abort(): void;
+}
+/**
+ * Base class for loading requests that provides progress tracking via AsyncQueue.
+ * Both WebGL and Ultra extend this class with their specific loading logic.
+ */
+export declare class LoadRequest<TVim, TError extends ILoadError = ILoadError> implements ILoadRequest<TVim, TError> {
+    private _progressQueue;
+    private _result;
+    private _resultPromise;
+    get isCompleted(): boolean;
+    getProgress(): AsyncGenerator<IProgress>;
+    getResult(): Promise<LoadResult<TVim, TError>>;
+    pushProgress(progress: IProgress): void;
+    complete(result: LoadResult<TVim, TError>): void;
+    abort(): void;
+}

package/dist/types/core-viewers/shared/mouseHandler.d.ts

@@ -6,19 +6,22 @@ export declare class MouseHandler extends BaseInputHandler {
     private _capture;
     private _dragHandler;
     private _doubleClickHandler;
+    private _clickHandler;
     onButtonDown: (pos: THREE.Vector2, button: number) => void;
     onButtonUp: (pos: THREE.Vector2, button: number) => void;
     onMouseMove: (event: THREE.Vector2) => void;
     onDrag: DragCallback;
     onClick: (position: THREE.Vector2, ctrl: boolean) => void;
     onDoubleClick: (position: THREE.Vector2) => void;
-    onWheel: (value: number, ctrl: boolean) => void;
+    onWheel: (value: number, ctrl: boolean, pos: THREE.Vector2) => void;
+    onContextMenu: (position: THREE.Vector2) => void;
     constructor(canvas: HTMLCanvasElement);
     protected addListeners(): void;
     dispose(): void;
     private handlePointerDown;
     private handlePointerUp;
     private handleMouseClick;
+    private handleContextMenu;
     private handlePointerMove;
     private handleDoubleClick;
     private onMouseScroll;

package/dist/types/core-viewers/shared/raycaster.d.ts

@@ -15,13 +15,13 @@ export interface IRaycaster<T> {
     /**
      * Raycasts from camera to the screen position to find the first object hit.
      * @param position - The screen position to raycast from.
-     * @returns A promise that resolves to the raycast result.
+     * @returns A promise that resolves to the raycast result, or undefined if no hit.
      */
-    raycastFromScreen(position: THREE.Vector2): Promise<IRaycastResult<T>>;
+    raycastFromScreen(position: THREE.Vector2): Promise<IRaycastResult<T> | undefined>;
     /**
      * Raycasts from camera to world position to find the first object hit.
-     * @param position - The world position to raycast from.
-     * @returns A promise that resolves to the raycast result.
+     * @param position - The world position to raycast through.
+     * @returns A promise that resolves to the raycast result, or undefined if no hit.
      */
-    raycastFromWorld(position: THREE.Vector3): Promise<IRaycastResult<T>>;
+    raycastFromWorld(position: THREE.Vector3): Promise<IRaycastResult<T> | undefined>;
 }

package/dist/types/core-viewers/shared/vimCollection.d.ts

@@ -0,0 +1,25 @@
+import { ISignal } from 'ste-signals';
+import { IVim, IVimElement } from './vim';
+/**
+ * Readonly interface for a collection of vims.
+ */
+export interface IReadonlyVimCollection<T extends IVim<IVimElement>> {
+    /** Number of vims in the collection */
+    readonly count: number;
+    /** Signal dispatched when collection changes */
+    readonly onChanged: ISignal;
+    /** Get vim by its stable ID */
+    getFromId(id: number): T | undefined;
+    /** Get all vims as an array */
+    getAll(): ReadonlyArray<T>;
+    /** Check if vim is in collection */
+    has(vim: T): boolean;
+}
+/**
+ * Mutable interface for a collection of vims.
+ */
+export interface IVimCollection<T extends IVim<IVimElement>> extends IReadonlyVimCollection<T> {
+    add(vim: T): void;
+    remove(vim: T): void;
+    clear(): void;
+}

package/dist/types/core-viewers/ultra/loadRequest.d.ts

@@ -1,35 +1,13 @@
 import { Vim } from './vim';
-export type LoadRequestResult = LoadSuccess | LoadError;
-export declare class LoadSuccess {
-    readonly isError = false;
-    readonly isSuccess = true;
-    readonly vim: Vim;
-    constructor(vim: Vim);
-}
-export declare class LoadError {
-    error: VimRequestErrorType;
-    readonly isError = true;
-    readonly isSuccess = false;
+import { LoadRequest as BaseLoadRequest, ILoadRequest as BaseILoadRequest, IProgress, LoadError as SharedLoadError } from '../shared/loadResult';
+export type VimRequestErrorType = 'loadingError' | 'downloadingError' | 'serverDisconnected' | 'unknown' | 'cancelled';
+export declare class LoadError extends SharedLoadError {
     readonly type: VimRequestErrorType;
-    readonly details: string | undefined;
     constructor(error: VimRequestErrorType, details?: string);
 }
-export interface ILoadRequest {
-    get isCompleted(): boolean;
-    getProgress(): AsyncGenerator<number>;
-    getResult(): Promise<LoadError | LoadSuccess>;
-    abort(): void;
-}
-export type VimRequestErrorType = 'loadingError' | 'downloadingError' | 'serverDisconnected' | 'unknown' | 'cancelled';
-export declare class LoadRequest implements ILoadRequest {
-    private _progress;
-    private _progressPromise;
-    private _completionPromise;
-    private _result;
-    get isCompleted(): boolean;
-    getProgress(): AsyncGenerator<number, void, unknown>;
-    getResult(): Promise<LoadError | LoadSuccess>;
-    onProgress(progress: number): void;
+export type ILoadRequest = BaseILoadRequest<Vim, LoadError>;
+export declare class LoadRequest extends BaseLoadRequest<Vim, LoadError> {
+    onProgress(progress: IProgress): void;
     success(vim: Vim): this;
     error(error: VimRequestErrorType, details?: string): this;
     abort(): void;

package/dist/types/core-viewers/ultra/viewer.d.ts

@@ -3,7 +3,7 @@ import type { InputHandler } from '../shared';
 import { ICamera } from './camera';
 import { ColorManager } from './colorManager';
 import { IDecoder } from './decoder';
-import { ILoadRequest } from './loadRequest';
+import { type ILoadRequest } from './loadRequest';
 import { ILogger } from './logger';
 import { IUltraRaycaster } from './raycaster';
 import { IRenderer } from './renderer';
@@ -20,6 +20,11 @@ export declare const INVALID_HANDLE = 4294967295;
  * handling connections, and coordinating various components like the camera, decoder, and inputs.
  */
 export declare class Viewer {
+    /**
+     * The type of the viewer, indicating it is a WebGL viewer.
+     * Useful for distinguishing between different viewer types in a multi-viewer application.
+     */
+    readonly type = "ultra";
     private readonly _decoder;
     private readonly _socketClient;
     private readonly _input;

package/dist/types/core-viewers/ultra/viewport.d.ts

@@ -8,6 +8,8 @@ export interface IViewport {
     canvas: HTMLCanvasElement;
     /** Updates the aspect ratio of the viewport on the server */
     update(): void;
+    /** Resizes the viewport to match its parent's dimensions */
+    resizeToParent(): void;
 }
 /**
  * Class managing the viewport and canvas resizing functionality
@@ -34,6 +36,10 @@ export declare class Viewport {
      * Updates the aspect ratio of the viewport on the server
      */
     update(): void;
+    /**
+     * Resizes the viewport to match its parent's dimensions
+     */
+    resizeToParent(): void;
     /**
      * Cleans up resources by removing resize observer and clearing timeouts
      */

package/dist/types/core-viewers/ultra/vim.d.ts

@@ -8,6 +8,7 @@ import { Renderer } from './renderer';
 import { RpcSafeClient, VimSource } from './rpcSafeClient';
 import * as THREE from 'three';
 export declare class Vim implements IVim<Element3D> {
+    readonly type = "ultra";
     readonly source: VimSource;
     private _handle;
     private _request;
@@ -18,6 +19,7 @@ export declare class Vim implements IVim<Element3D> {
     readonly visibility: VisibilitySynchronizer;
     private _elementColors;
     private _updatedColors;
+    private _removedColors;
     private _updateScheduled;
     private _elementCount;
     private _objects;
@@ -34,7 +36,7 @@ export declare class Vim implements IVim<Element3D> {
     private _load;
     private getErrorType;
     private _getHandle;
-    getBoundingBoxNodes(nodes: number[] | 'all'): Promise<THREE.Box3 | undefined>;
+    getBoundingBoxForElements(elements: number[] | 'all'): Promise<THREE.Box3 | undefined>;
     getBoundingBox(): Promise<THREE.Box3 | undefined>;
     getColor(elementIndex: number): THREE.Color | undefined;
     setColor(elementIndex: number[], color: THREE.Color | undefined): Promise<void>;

package/dist/types/core-viewers/ultra/vimCollection.d.ts

@@ -1,13 +1,11 @@
-import { ISignal } from "ste-signals";
-import { Vim } from "./vim";
-export interface IReadonlyVimCollection {
-    getFromHandle(handle: number): Vim | undefined;
-    getAll(): ReadonlyArray<Vim>;
+import { ISignal } from 'ste-signals';
+import { IReadonlyVimCollection as ISharedReadonlyVimCollection, IVimCollection } from '../shared/vimCollection';
+import { Vim } from './vim';
+export interface IReadonlyVimCollection extends ISharedReadonlyVimCollection<Vim> {
+    /** Get vim at a specific index */
     getAt(index: number): Vim | undefined;
-    count: number;
-    onChanged: ISignal;
 }
-export declare class VimCollection implements IReadonlyVimCollection {
+export declare class VimCollection implements IVimCollection<Vim>, IReadonlyVimCollection {
     private _vims;
     private _onChanged;
     get onChanged(): ISignal;
@@ -24,11 +22,17 @@ export declare class VimCollection implements IReadonlyVimCollection {
      */
     remove(vim: Vim): void;
     /**
-     * Gets a Vim instance by its handle.
-     * @param handle - The handle of the Vim instance.
+     * Gets a Vim instance by its stable ID.
+     * @param id - The ID of the Vim instance.
      * @returns The Vim instance or undefined if not found.
      */
-    getFromHandle(handle: number): Vim | undefined;
+    getFromId(id: number): Vim | undefined;
+    /**
+     * Checks if a vim is in the collection.
+     * @param vim - The Vim instance to check.
+     * @returns True if the vim is in the collection.
+     */
+    has(vim: Vim): boolean;
     /**
      * Gets a Vim instance at a specific index.
      * @param index - The index of the Vim instance.

package/dist/types/core-viewers/webgl/index.d.ts

@@ -1,6 +1,5 @@
 import './style.css';
 import { BFastSource } from 'vim-format';
 export type VimSource = BFastSource;
-export { IProgressLogs } from 'vim-format';
 export * from './loader';
 export * from './viewer';

package/dist/types/core-viewers/webgl/loader/index.d.ts

@@ -1,5 +1,6 @@
-export * from './vimSettings';
-export { requestVim as request, type RequestSource, type VimRequest } from './progressive/vimRequest';
+export type { VimSettings, VimPartialSettings } from './vimSettings';
+export * from './vimCollection';
+export type { RequestSource, LoadRequest, ILoadRequest } from './progressive/loadRequest';
 export * as Materials from './materials';
 export type { Transparency } from './geometry';
 export type * from './webglAttribute';
@@ -9,7 +10,6 @@ export type * from './elementMapping';
 export type * from './mesh';
 export type * from './scene';
 export type * from './vim';
-export type * from './progressive/vimx';
 export type * from './progressive/g3dOffsets';
 export type * from './progressive/g3dSubset';
 export type * from './progressive/insertableGeometry';

package/dist/types/core-viewers/webgl/loader/materials/index.d.ts

@@ -3,6 +3,7 @@ export * from './maskMaterial';
 export * from './materials';
 export * from './mergeMaterial';
 export * from './outlineMaterial';
+export * from './pickingMaterial';
 export * from './simpleMaterial';
 export * from './skyboxMaterial';
 export * from './standardMaterial';

package/dist/types/core-viewers/webgl/loader/materials/pickingMaterial.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @module vim-loader/materials
+ * Material for GPU picking that outputs element index, depth, and surface normal in a single pass.
+ */
+import * as THREE from 'three';
+/**
+ * Creates a material for GPU picking that outputs packed IDs, depth, and surface normal.
+ *
+ * Expects a `packedId` uint attribute pre-packed during mesh building as: (vimIndex << 24) | elementIndex
+ *
+ * Output format (Float32 RGBA):
+ * - R = packed uint as float bits - supports 256 vims × 16M elements
+ * - G = depth (distance along camera direction, 0 = miss)
+ * - B = normal.x (surface normal X component)
+ * - A = normal.y (surface normal Y component)
+ *
+ * Normal.z is reconstructed as: sqrt(1 - x² - y²), always positive since normal faces camera.
+ *
+ * @returns A custom shader material for GPU picking.
+ */
+export declare function createPickingMaterial(): THREE.ShaderMaterial;
+/**
+ * PickingMaterial class that wraps the shader material with camera update functionality.
+ */
+export declare class PickingMaterial {
+    readonly material: THREE.ShaderMaterial;
+    constructor();
+    /**
+     * Updates the camera uniforms for depth calculation.
+     * Must be called before rendering.
+     */
+    updateCamera(camera: THREE.Camera): void;
+    /**
+     * Gets or sets the clipping planes for section box support.
+     */
+    get clippingPlanes(): THREE.Plane[];
+    set clippingPlanes(planes: THREE.Plane[]);
+    /**
+     * Disposes of the material resources.
+     */
+    dispose(): void;
+}

package/dist/types/core-viewers/webgl/loader/mesh.d.ts

@@ -52,9 +52,11 @@ export declare class Mesh {
     static createMerged(mesh: THREE.Mesh, instances: number[], boxes: THREE.Box3[], submeshes: number[]): Mesh;
     static createInstanced(mesh: THREE.Mesh, instances: number[], boxes: THREE.Box3[]): Mesh;
     /**
-     * Overrides mesh material, set to undefine to restore initial material.
+     * Sets the material for this mesh.
+     * Set to undefined to reset to original materials.
      */
     setMaterial(value: ModelMaterial): void;
+    private _mergeMaterials;
     /**
      * Returns submesh for given index.
      */

package/dist/types/core-viewers/webgl/loader/progressive/insertableGeometry.d.ts

@@ -5,6 +5,7 @@ import * as THREE from 'three';
 import { G3d, G3dMesh, G3dMaterial } from 'vim-format';
 import { Scene } from '../scene';
 import { G3dMeshOffsets } from './g3dOffsets';
+import { ElementMapping } from '../elementMapping';
 export declare class GeometrySubmesh {
     instance: number;
     start: number;
@@ -23,10 +24,13 @@ export declare class InsertableGeometry {
     private _indexAttribute;
     private _vertexAttribute;
     private _colorAttribute;
+    private _packedIdAttribute;
+    private _mapping;
+    private _vimIndex;
     private _updateStartMesh;
     private _updateEndMesh;
     private _meshToUpdate;
-    constructor(offsets: G3dMeshOffsets, materials: G3dMaterial, transparent: boolean);
+    constructor(offsets: G3dMeshOffsets, materials: G3dMaterial, transparent: boolean, mapping?: ElementMapping, vimIndex?: number);
     get progress(): number;
     insert(mesh: G3dMesh, at: number): number[];
     float32ArraysAreEqual(array1: Float32Array, array2: Float32Array): boolean;
@@ -34,6 +38,7 @@ export declare class InsertableGeometry {
     private setIndex;
     private setVertex;
     private setColor;
+    private setPackedId;
     private expandBox;
     flushUpdate(): void;
     update(): void;

package/dist/types/core-viewers/webgl/loader/progressive/insertableMesh.d.ts

@@ -8,6 +8,7 @@ import { InsertableSubmesh } from './insertableSubmesh';
 import { G3dMeshOffsets } from './g3dOffsets';
 import { Vim } from '../vim';
 import { ModelMaterial } from '../materials/materials';
+import { ElementMapping } from '../elementMapping';
 export declare class InsertableMesh {
     offsets: G3dMeshOffsets;
     mesh: THREE.Mesh;
@@ -33,7 +34,7 @@ export declare class InsertableMesh {
      */
     private _material;
     geometry: InsertableGeometry;
-    constructor(offsets: G3dMeshOffsets, materials: G3dMaterial, transparent: boolean);
+    constructor(offsets: G3dMeshOffsets, materials: G3dMaterial, transparent: boolean, mapping?: ElementMapping, vimIndex?: number);
     get progress(): number;
     insert(g3d: G3dMesh, mesh: number): void;
     insertFromVim(g3d: G3d, mesh: number): void;
@@ -54,7 +55,9 @@ export declare class InsertableMesh {
      */
     getSubmesh(index: number): InsertableSubmesh;
     /**
-     * Overrides mesh material, set to undefine to restore initial material.
-     */
+       * Sets the material for this mesh.
+       * Set to undefined to reset to original materials.
+       */
     setMaterial(value: ModelMaterial): void;
+    private _mergeMaterials;
 }

package/dist/types/core-viewers/webgl/loader/progressive/instancedMesh.d.ts

@@ -27,7 +27,12 @@ export declare class InstancedMesh {
      * Returns all submeshes for given index.
      */
     getSubmeshes(): InstancedSubmesh[];
+    /**
+       * Sets the material for this mesh.
+       * Set to undefined to reset to original materials.
+       */
     setMaterial(value: ModelMaterial): void;
+    private _mergeMaterials;
     private computeBoundingBoxes;
     private importBoundingBoxes;
     computeBoundingBox(boxes: THREE.Box3[]): THREE.Box3;

package/dist/types/core-viewers/webgl/loader/progressive/instancedMeshFactory.d.ts

@@ -3,9 +3,12 @@
  */
 import { G3d, G3dMesh, G3dMaterial, MeshSection } from 'vim-format';
 import { InstancedMesh } from './instancedMesh';
+import { ElementMapping } from '../elementMapping';
 export declare class InstancedMeshFactory {
     materials: G3dMaterial;
-    constructor(materials: G3dMaterial);
+    private _mapping;
+    private _vimIndex;
+    constructor(materials: G3dMaterial, mapping?: ElementMapping, vimIndex?: number);
     createTransparent(mesh: G3dMesh, instances: number[]): InstancedMesh;
     createOpaque(mesh: G3dMesh, instances: number[]): InstancedMesh;
     createOpaqueFromVim(g3d: G3d, mesh: number, instances: number[]): InstancedMesh;
@@ -17,4 +20,8 @@ export declare class InstancedMeshFactory {
     private computeVertices;
     private computeColors;
     private setMatricesFromVimx;
+    /**
+     * Adds per-instance packed ID attribute for GPU picking.
+     */
+    private setPackedIds;
 }