vim-web 0.5.0-dev.17 → 0.5.0-dev.18

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%;
@@ -772,6 +772,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-m-1 {
   margin: 0.25rem;
 }
+.vc-m-2 {
+  margin: 0.5rem;
+}
 .vc-m-auto {
   margin: auto;
 }
@@ -828,6 +831,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 +993,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 +1036,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 +1083,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 +1137,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 +1177,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 +1216,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 +1310,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 +1794,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 +1813,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/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/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/insertableMesh.d.ts

@@ -54,7 +54,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/viewer/gizmos/markers/gizmoMarker.d.ts

@@ -32,6 +32,7 @@ export declare class Marker implements IVimElement {
      * The index of the marker in the marker collection.
      */
     get index(): number;
+    get isRoom(): boolean;
     private _outlineAttribute;
     private _visibleAttribute;
     private _coloredAttribute;

package/dist/types/core-viewers/webgl/viewer/rendering/renderer.d.ts

@@ -62,8 +62,15 @@ export declare class Renderer implements IRenderer {
      */
     get background(): THREE.Color | THREE.Texture;
     set background(color: THREE.Color | THREE.Texture);
+    /**
+     * Sets the material used to render models. If set to undefined, the default model or mesh material is used.
+     */
     get modelMaterial(): ModelMaterial;
     set modelMaterial(material: ModelMaterial);
+    /**
+     * The material that will be used when setting model material to undefined.
+     */
+    defaultModelMaterial: ModelMaterial;
     /**
      * Signal dispatched at the end of each frame if the scene was updated, such as visibility changes.
      */

package/dist/types/core-viewers/webgl/viewer/viewport.d.ts

@@ -62,7 +62,7 @@ export declare class Viewport {
     /**
      * Resizes the canvas and updates the camera to match new parent dimensions.
      */
-    ResizeToParent(): void;
+    resizeToParent(): void;
     /**
      * Set a callback for canvas resize with debouncing
      * https://stackoverflow.com/questions/5825447/javascript-event-for-canvas-resize/30688151

package/dist/types/react-viewers/bim/bimPanel.d.ts

@@ -3,19 +3,19 @@
  */
 import React from 'react';
 import * as Core from '../../core-viewers';
-import { Settings } from '../settings';
 import { CameraRef } from '../state/cameraState';
 import { IsolationRef } from '../state/sharedIsolation';
 import { ViewerState } from '../webgl/viewerState';
 import { BimInfoPanelRef } from './bimInfoData';
 import { TreeActionRef } from './bimTree';
+import { WebglSettings } from '../webgl/settings';
 export declare function OptionalBimPanel(props: {
     viewer: Core.Webgl.Viewer;
     camera: CameraRef;
     viewerState: ViewerState;
     isolation: IsolationRef;
     visible: boolean;
-    settings: Settings;
+    settings: WebglSettings;
     treeRef: React.MutableRefObject<TreeActionRef | undefined>;
     bimInfoRef: BimInfoPanelRef;
 }): JSX.Element;
@@ -34,7 +34,7 @@ export declare function BimPanel(props: {
     viewerState: ViewerState;
     isolation: IsolationRef;
     visible: boolean;
-    settings: Settings;
+    settings: WebglSettings;
     treeRef: React.MutableRefObject<TreeActionRef | undefined>;
     bimInfoRef: BimInfoPanelRef;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/errors/errorStyle.d.ts

@@ -4,7 +4,7 @@ export declare const vcColorLink = "vc-text-[#0590CC]";
 export declare const vcLink = "vc-text-[#0590CC] vc-underline";
 export declare const vcLabel = "vc-text-[#3F444F]";
 export declare const vcRoboto = "vc-font-['Roboto',sans-serif]";
-export declare function footer(url: string): import("react/jsx-runtime").JSX.Element;
+export declare function footer(): import("react/jsx-runtime").JSX.Element;
 export declare function mainText(text: JSX.Element): import("react/jsx-runtime").JSX.Element;
 export declare function detailText(text: string): import("react/jsx-runtime").JSX.Element;
 export declare function bold(text: string): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/helpers/reactUtils.d.ts

@@ -55,9 +55,10 @@ export declare function useRefresher(): StateRefresher;
  * The reference provides access to the state, along with event dispatching, validation, and confirmation logic.
  *
  * @param initialValue - The initial state value.
+ * @param isLazy - Whether to treat the initialValue as a lazy initializer function.
  * @returns An object implementing StateRef along with additional helper hooks.
  */
-export declare function useStateRef<T>(initialValue: T | (() => T)): {
+export declare function useStateRef<T>(initialValue: T | (() => T), isLazy?: boolean): {
     /**
      * Returns the current state value.
      */

package/dist/types/react-viewers/helpers/utils.d.ts

@@ -5,3 +5,11 @@ export declare function whenAllTrue(value: (UserBoolean | boolean)[], element: J
 export declare function whenAllFalse(value: (UserBoolean | boolean)[], element: JSX.Element): JSX.Element;
 export declare function whenSomeTrue(value: (UserBoolean | boolean)[], element: JSX.Element): JSX.Element;
 export declare function whenSomeFalse(value: (UserBoolean | boolean)[], element: JSX.Element): JSX.Element;
+/**
+ * Makes all fields optional recursively
+ * @template T - The type to make recursively partial
+ * @returns A type with all nested properties made optional
+ */
+export type RecursivePartial<T> = {
+    [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object ? RecursivePartial<T[P]> : T[P];
+};

package/dist/types/react-viewers/panels/axesPanel.d.ts

@@ -5,6 +5,7 @@ import React from 'react';
 import * as Core from '../../core-viewers';
 import { CameraRef } from '../state/cameraState';
 import { SettingsState } from '../settings/settingsState';
+import { WebglSettings } from '../webgl/settings';
 /**
  * Memoized version of the AxesPanelMemo.
  */
@@ -15,6 +16,6 @@ export declare const AxesPanelMemo: React.MemoExoticComponent<typeof AxesPanel>;
 declare function AxesPanel(props: {
     viewer: Core.Webgl.Viewer;
     camera: CameraRef;
-    settings: SettingsState;
+    settings: SettingsState<WebglSettings>;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/react-viewers/panels/index.d.ts

@@ -3,6 +3,7 @@ export declare const SectionBoxPanel: {
     Ids: {
         showGhost: string;
         ghostOpacity: string;
+        transparency: string;
     };
 };
 export declare const IsolationPanel: {

package/dist/types/react-viewers/panels/isolationPanel.d.ts

@@ -3,7 +3,9 @@ import { GenericPanelHandle } from "../generic/genericPanel";
 export declare const Ids: {
     showGhost: string;
     ghostOpacity: string;
+    transparency: string;
 };
 export declare const IsolationPanel: import("react").ForwardRefExoticComponent<{
     state: IsolationRef;
+    transparency: boolean;
 } & import("react").RefAttributes<GenericPanelHandle>>;

package/dist/types/react-viewers/panels/sidePanel.d.ts

@@ -15,6 +15,6 @@ export declare const SidePanelMemo: React.MemoExoticComponent<typeof SidePanel>;
 export declare function SidePanel(props: {
     container: Container;
     side: SideState;
-    viewer: Core.Webgl.Viewer;
+    viewer: Core.Webgl.Viewer | Core.Ultra.Viewer;
     content: () => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/settings/anySettings.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @module viw-webgl-react
+ * Contains settings and type definitions for the Vim web viewer
+ */
+import { UltraSettings } from "../ultra/settings";
+import { WebglSettings } from "../webgl/settings";
+export type AnySettings = WebglSettings | UltraSettings;

package/dist/types/react-viewers/settings/index.d.ts

@@ -1,4 +1,4 @@
-export * from './settings';
+export * from './anySettings';
 export * from './settingsStorage';
 export * from './userBoolean';
 export type * from './settingsPanel';

package/dist/types/react-viewers/settings/settingsInputBox.d.ts

@@ -0,0 +1,4 @@
+import { SettingsBox } from './settingsItem';
+import { SettingsState } from './settingsState';
+import { AnySettings } from './anySettings';
+export declare function renderSettingsInputBox(settings: SettingsState<AnySettings>, item: SettingsBox<AnySettings>): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/settings/settingsItem.d.ts

@@ -0,0 +1,30 @@
+import { AnySettings } from './anySettings';
+import { UserBoolean } from './userBoolean';
+export type SettingsCustomizer<T extends AnySettings> = (items: SettingsItem<T>[]) => SettingsItem<T>[];
+export type SettingsItem<T extends AnySettings> = SettingsSubtitle | SettingsToggle<T> | SettingsBox<T> | SettingsElement;
+export type BaseSettingsItem = {
+    type: string;
+    key: string;
+};
+export type SettingsSubtitle = BaseSettingsItem & {
+    type: 'subtitle';
+    title: string;
+};
+export type SettingsToggle<T extends AnySettings> = BaseSettingsItem & {
+    type: 'toggle';
+    label: string;
+    getter: (settings: T) => UserBoolean;
+    setter: (settings: T, b: boolean) => void;
+};
+export type SettingsBox<T extends AnySettings> = BaseSettingsItem & {
+    type: 'box';
+    label: string;
+    info: string;
+    transform: (value: number) => number;
+    getter: (settings: T) => number;
+    setter: (settings: T, b: number) => void;
+};
+export type SettingsElement = BaseSettingsItem & {
+    type: 'element';
+    element: JSX.Element;
+};

package/dist/types/react-viewers/settings/settingsKeys.d.ts

@@ -0,0 +1,46 @@
+export declare class SettingsPanelKeys {
+    static InputsSubtitle: string;
+    static InputsScrollSpeedBox: string;
+    static PanelsSubtitle: string;
+    static PanelsShowLogoToggle: string;
+    static PanelsShowBimTreeToggle: string;
+    static PanelsShowBimInfoToggle: string;
+    static PanelsShowAxesPanelToggle: string;
+    static PanelsShowPerformancePanelToggle: string;
+    static AxesSubtitle: string;
+    static AxesShowOrthographicButtonToggle: string;
+    static AxesShowResetCameraButtonToggle: string;
+    static ControlBarSubtitle: string;
+    static ControlBarShowControlBarToggle: string;
+    static ControlBarCursorsSubtitle: string;
+    static ControlBarCursorsShowOrbitButtonToggle: string;
+    static ControlBarCursorsShowLookAroundButtonToggle: string;
+    static ControlBarCursorsShowPanButtonToggle: string;
+    static ControlBarCursorsShowZoomButtonToggle: string;
+    static ControlBarCursorsShowZoomWindowButtonToggle: string;
+    static ControlBarToolsSubtitle: string;
+    static ControlBarToolsShowMeasuringModeButtonToggle: string;
+    static ControlBarCameraSubtitle: string;
+    static ControlBarAutoCamera: string;
+    static ControlBarFrameSelection: string;
+    static ControlBarFrameAll: string;
+    static ControlBarSectioningSubtitle: string;
+    static ControlBarSectioningEnable: string;
+    static ControlBarSectioningFitToSelection: string;
+    static ControlBarSectioningReset: string;
+    static ControlBarSectioningShow: string;
+    static ControlBarSectioningAuto: string;
+    static ControlBarSectioningSettings: string;
+    static ControlBarVisibilitySubtitle: string;
+    static ControlBarVisibilityClearSelection: string;
+    static ControlBarVisibilityShowAll: string;
+    static ControlBarVisibilityToggle: string;
+    static ControlBarVisibilityIsolate: string;
+    static ControlBarVisibilityAutoIsolate: string;
+    static ControlBarVisibilitySettings: string;
+    static ControlBarSettingsSubtitle: string;
+    static ControlBarSettingsShowProjectInspectorButtonToggle: string;
+    static ControlBarSettingsShowSettingsButtonToggle: string;
+    static ControlBarSettingsShowHelpButtonToggle: string;
+    static ControlBarSettingsShowMaximiseButtonToggle: string;
+}

package/dist/types/react-viewers/settings/settingsPanel.d.ts

@@ -1,8 +1,9 @@
 /**
  * @module viw-webgl-react
  */
-import * as Core from '../../core-viewers';
 import { SettingsState } from './settingsState';
+import { SettingsItem } from './settingsItem';
+import { AnySettings } from './anySettings';
 /**
  * JSX Component to interact with settings.
  * @param viewer current viewer
@@ -10,8 +11,8 @@ import { SettingsState } from './settingsState';
  * @param visible will return null if this is false.
  * @returns
  */
-export declare function SettingsPanel(props: {
-    viewer: Core.Webgl.Viewer;
-    settings: SettingsState;
+export declare function SettingsPanel<T extends AnySettings>(props: {
+    content: SettingsItem<T>[];
+    settings: SettingsState<T>;
     visible: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/settings/settingsPanelContent.d.ts

@@ -0,0 +1,6 @@
+import { SettingsItem } from './settingsItem';
+import { AnySettings } from './anySettings';
+export declare function getControlBarCursorSettings(): SettingsItem<AnySettings>[];
+export declare function getControlBarCameraSettings(): SettingsItem<AnySettings>[];
+export declare function getControlBarSectionBoxSettings(): SettingsItem<AnySettings>[];
+export declare function getControlBarVisibilitySettings(): SettingsItem<AnySettings>[];

package/dist/types/react-viewers/settings/settingsState.d.ts

@@ -1,18 +1,18 @@
 /**
  * @module viw-webgl-react
  */
-import * as Core from '../../core-viewers';
-import { Settings, PartialSettings } from './settings';
-export type SettingsState = {
-    value: Settings;
-    update: (updater: (s: Settings) => void) => void;
-    register: (action: (s: Settings) => void) => void;
+import { StateRef } from '../helpers/reactUtils';
+import { SettingsCustomizer } from './settingsItem';
+import { AnySettings } from './anySettings';
+import { RecursivePartial } from '../../utils';
+export type SettingsState<T extends AnySettings> = {
+    value: T;
+    update: (updater: (s: T) => void) => void;
+    register: (action: (s: T) => void) => void;
+    customizer: StateRef<SettingsCustomizer<T>>;
 };
 /**
  * Returns a new state closure for settings.
  */
-export declare function useSettings(viewer: Core.Webgl.Viewer, value: PartialSettings): SettingsState;
-/**
- * Apply given vim viewer settings to the given viewer.
- */
-export declare function applySettings(viewer: Core.Webgl.Viewer, settings: Settings): void;
+export declare function useSettings<T extends AnySettings>(value: RecursivePartial<T>, defaultSettings: T, applySettings?: (settings: T) => void): SettingsState<T>;
+export declare function createSettings<T extends AnySettings>(settings: RecursivePartial<T>, defaultSettings: T): T;

package/dist/types/react-viewers/settings/settingsStorage.d.ts

@@ -1,15 +1,15 @@
 /**
  * @module viw-webgl-react
  */
-import { Settings, PartialSettings } from './settings';
+import { AnySettings } from './anySettings';
 /**
  * Retrieves viewer settings from localStorage and applies permissions
  * @param settings - Partial viewer settings to apply permissions from
  * @returns The stored settings with applied permissions, or empty object if retrieval fails
  */
-export declare function getLocalSettings(settings?: PartialSettings): {};
+export declare function getLocalSettings(settings?: Partial<AnySettings>): {};
 /**
  * Saves viewer settings to localStorage after removing permissions
  * @param value - Component settings to save
  */
-export declare function saveSettingsToLocal(value: Settings): void;
+export declare function saveSettingsToLocal(value: AnySettings): void;

package/dist/types/react-viewers/settings/settingsSubtitle.d.ts

@@ -0,0 +1,2 @@
+import { SettingsSubtitle } from './settingsItem';
+export declare function renderSettingsSubtitle(item: SettingsSubtitle): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/settings/settingsToggle.d.ts

@@ -0,0 +1,11 @@
+import { SettingsToggle } from './settingsItem';
+import { SettingsState } from './settingsState';
+import { AnySettings } from './anySettings';
+/**
+ * Renders a toggle (checkbox) UI element for a given SettingsToggle item.
+ * @param viewer   The WebGL viewer instance (for future consistency).
+ * @param settings The current settings state object.
+ * @param item     The SettingsToggle configuration.
+ * @returns JSX.Element | null
+ */
+export declare function renderSettingsToggle(settings: SettingsState<AnySettings>, item: SettingsToggle<AnySettings>): JSX.Element | null;

package/dist/types/react-viewers/state/controlBarState.d.ts

@@ -1,7 +1,6 @@
 import * as Core from "../../core-viewers";
 import { CameraRef } from './cameraState';
 import { CursorManager } from '../helpers/cursor';
-import { Settings } from '../settings';
 import { SideState } from './sideState';
 import * as Icons from '../icons';
 import { SectionBoxRef } from './sectionBoxState';
@@ -9,11 +8,31 @@ import { getMeasureState } from './measureState';
 import { ModalHandle } from '../panels/modal';
 import { IsolationRef } from './sharedIsolation';
 import * as ControlBar from '../controlbar';
+import { UserBoolean } from "../settings/userBoolean";
+import { UltraSettings } from "../ultra/settings";
+import { WebglSettings } from "../webgl/settings";
+export type ControlBarSectionBoxSettings = {
+    sectioningEnable: UserBoolean;
+    sectioningFitToSelection: UserBoolean;
+    sectioningReset: UserBoolean;
+    sectioningShow: UserBoolean;
+    sectioningAuto: UserBoolean;
+    sectioningSettings: UserBoolean;
+};
 /**
  * Returns a control bar section for the section box.
  */
-export declare function controlBarSectionBox(section: SectionBoxRef, hasSelection: boolean): ControlBar.IControlBarSection;
-export declare function controlBarMeasure(settings: Settings, measure: ReturnType<typeof getMeasureState>): {
+export declare function controlBarSectionBox(section: SectionBoxRef, hasSelection: boolean, settings: ControlBarSectionBoxSettings): ControlBar.IControlBarSection;
+export type ControlBarCursorSettings = {
+    cursorOrbit: UserBoolean;
+    cursorLookAround: UserBoolean;
+    cursorPan: UserBoolean;
+    cursorZoom: UserBoolean;
+};
+export type ControlBarMeasureSettings = {
+    measuringMode: UserBoolean;
+};
+export declare function controlBarMeasure(measure: ReturnType<typeof getMeasureState>, settings: ControlBarMeasureSettings): {
     id: string;
     enable: () => boolean;
     style: string;
@@ -27,12 +46,27 @@ export declare function controlBarMeasure(settings: Settings, measure: ReturnTyp
         style: typeof ControlBar.Style.buttonDefaultStyle;
     }[];
 };
-export declare function controlBarCamera(camera: CameraRef): ControlBar.IControlBarSection;
-export declare function controlBarSelection(isolation: IsolationRef): ControlBar.IControlBarSection;
+export declare function controlBarSettingsUltra(side: SideState, settings: UltraSettings): ControlBar.IControlBarSection;
+export type ControlBarCameraSettings = {
+    cameraAuto: UserBoolean;
+    cameraFrameSelection: UserBoolean;
+    cameraFrameScene: UserBoolean;
+};
+export declare function controlBarCamera(camera: CameraRef, settings: ControlBarCameraSettings): ControlBar.IControlBarSection;
+export type ControlBarVisibilitySettings = {
+    visibilityEnable: UserBoolean;
+    visibilityClearSelection: UserBoolean;
+    visibilityShowAll: UserBoolean;
+    visibilityToggle: UserBoolean;
+    visibilityIsolate: UserBoolean;
+    visibilityAutoIsolate: UserBoolean;
+    visibilitySettings: UserBoolean;
+};
+export declare function controlBarVisibility(isolation: IsolationRef, settings: ControlBarVisibilitySettings): ControlBar.IControlBarSection;
 /**
  * Combines all control bar sections into one control bar.
  */
-export declare function useControlBar(viewer: Core.Webgl.Viewer, camera: CameraRef, modal: ModalHandle, side: SideState, cursor: CursorManager, settings: Settings, section: SectionBoxRef, isolationRef: IsolationRef, customization: ControlBar.ControlBarCustomization | undefined): (ControlBar.IControlBarSection | {
+export declare function useControlBar(viewer: Core.Webgl.Viewer, camera: CameraRef, modal: ModalHandle, side: SideState, cursor: CursorManager, settings: WebglSettings, section: SectionBoxRef, isolationRef: IsolationRef, customization: ControlBar.ControlBarCustomization | undefined): (ControlBar.IControlBarSection | {
     id: string;
     enable: () => boolean;
     style: string;
@@ -51,4 +85,4 @@ export declare function useControlBar(viewer: Core.Webgl.Viewer, camera: CameraR
  * @param {Settings} settings - The viewer settings to check
  * @returns {boolean} True if any settings buttons are enabled
  */
-export declare function anyUiSettingButton(settings: Settings): boolean;
+export declare function anyUiSettingButton(settings: WebglSettings): boolean;