xmlui 0.9.4 → 0.9.6

package/dist/xmlui-standalone.umd.js

@@ -1977,7 +1977,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._container_1pdwf_13 {
+._container_k8i4t_13 {
   border-left: var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-right: var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-top: var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)));
@@ -2017,27 +2017,27 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   flex-direction: row;
   align-items: center;
 }
-._container_1pdwf_13._active_1pdwf_53 {
+._container_k8i4t_13._active_k8i4t_53 {
   color: var(--xmlui-textColor-Link--active);
   font-weight: var(--xmlui-fontWeight-Link--active);
 }
-._container_1pdwf_13._disabled_1pdwf_57 {
+._container_k8i4t_13._disabled_k8i4t_57 {
   pointer-events: none;
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57):hover {
   color: var(--xmlui-textColor-Link--hover);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):focus-visible {
+._container_k8i4t_13:not(._disabled_k8i4t_57):focus-visible {
   outline-width: var(--xmlui-outlineWidth-Link--focus);
   outline-color: var(--xmlui-outlineColor-Link--focus);
   outline-style: var(--xmlui-outlineStyle-Link--focus);
   outline-offset: var(--xmlui-outlineOffset-Link--focus);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57)._active_1pdwf_53:hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57)._active_k8i4t_53:hover {
   color: var(--xmlui-textColor-Link--hover--active);
 }
 
-._iconWrapper_1pdwf_73 {
+._iconWrapper_k8i4t_73 {
   padding: var(--xmlui-padding-icon-Link);
   padding-left: var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
   padding-right: var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
@@ -2047,25 +2047,24 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   line-height: 0;
 }
 
-._container_1pdwf_13:not(._active_1pdwf_53) {
+._container_k8i4t_13:not(._active_k8i4t_53) {
   text-underline-offset: var(--xmlui-textUnderlineOffset-Link);
-}
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover {
   text-decoration-line: var(--xmlui-textDecorationLine-Link);
+}
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover:has(> button) {
   text-decoration-line: none;
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active {
-  text-decoration-line: var(--xmlui-textDecorationLine-Link);
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active:has(> button) {
   text-decoration-line: none;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -4627,40 +4626,40 @@ See this source for details: https://css-tricks.com/line-clampin/
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._selectValue_1o7b6_13 > span {
+._selectValue_w44f3_13 > span {
   font-size: var(--xmlui-fontSize-Select-default);
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-._selectValue_1o7b6_13 > span > div {
+._selectValue_w44f3_13 > span > div {
   color: var(--xmlui-textColor-Select-default);
   font-size: var(--xmlui-fontSize-Select-default);
 }
-._selectValue_1o7b6_13._error_1o7b6_21 > span {
+._selectValue_w44f3_13._error_w44f3_21 > span {
   font-size: var(--xmlui-fontSize-Select-error);
   color: var(--xmlui-textColor-placeholder-Select-error);
 }
-._selectValue_1o7b6_13._error_1o7b6_21 > span > div {
+._selectValue_w44f3_13._error_w44f3_21 > span > div {
   color: var(--xmlui-textColor-Select-error);
   font-size: var(--xmlui-fontSize-Select-error);
 }
-._selectValue_1o7b6_13._warning_1o7b6_29 > span {
+._selectValue_w44f3_13._warning_w44f3_29 > span {
   font-size: var(--xmlui-fontSize-Select-warning);
   color: var(--xmlui-textColor-placeholder-Select-warning);
 }
-._selectValue_1o7b6_13._warning_1o7b6_29 > span > div {
+._selectValue_w44f3_13._warning_w44f3_29 > span > div {
   color: var(--xmlui-textColor-Select-warning);
   font-size: var(--xmlui-fontSize-Select-warning);
 }
-._selectValue_1o7b6_13._valid_1o7b6_37 > span {
+._selectValue_w44f3_13._valid_w44f3_37 > span {
   font-size: var(--xmlui-fontSize-Select-success);
   color: var(--xmlui-textColor-placeholder-Select-success);
 }
-._selectValue_1o7b6_13._valid_1o7b6_37 > span > div {
+._selectValue_w44f3_13._valid_w44f3_37 > span > div {
   color: var(--xmlui-textColor-Select-success);
   font-size: var(--xmlui-fontSize-Select-success);
 }
 
-button._selectTrigger_1o7b6_46 {
+button._selectTrigger_w44f3_46 {
   min-height: 2.6rem;
   display: flex;
   padding: var(--xmlui-space-1) var(--xmlui-space-2);
@@ -4678,22 +4677,22 @@ button._selectTrigger_1o7b6_46 {
   box-shadow: var(--xmlui-boxShadow-Select-default);
   color: var(--xmlui-textColor-Select-default);
 }
-button._selectTrigger_1o7b6_46:hover {
+button._selectTrigger_w44f3_46:hover {
   border-color: var(--xmlui-borderColor-Select-default--hover);
   background-color: var(--xmlui-backgroundColor-Select-default--hover);
   box-shadow: var(--xmlui-boxShadow-Select-default--hover);
   color: var(--xmlui-textColor-Select-default--hover);
 }
-button._selectTrigger_1o7b6_46:focus {
+button._selectTrigger_w44f3_46:focus {
   outline-width: var(--xmlui-outlineWidth-Select-default--focus);
   outline-color: var(--xmlui-outlineColor-Select-default--focus);
   outline-style: var(--xmlui-outlineStyle-Select-default--focus);
   outline-offset: var(--xmlui-outlineOffset-Select-default--focus);
 }
-button._selectTrigger_1o7b6_46::placeholder {
+button._selectTrigger_w44f3_46::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-button._selectTrigger_1o7b6_46._error_1o7b6_21 {
+button._selectTrigger_w44f3_46._error_w44f3_21 {
   border-radius: var(--xmlui-borderRadius-Select-error);
   border-color: var(--xmlui-borderColor-Select-error);
   border-width: var(--xmlui-borderWidth-Select-error);
@@ -4703,22 +4702,22 @@ button._selectTrigger_1o7b6_46._error_1o7b6_21 {
   box-shadow: var(--xmlui-boxShadow-Select-error);
   color: var(--xmlui-textColor-Select-error);
 }
-button._selectTrigger_1o7b6_46._error_1o7b6_21:hover {
+button._selectTrigger_w44f3_46._error_w44f3_21:hover {
   border-color: var(--xmlui-borderColor-Select-error--hover);
   background-color: var(--xmlui-backgroundColor-Select-error--hover);
   box-shadow: var(--xmlui-boxShadow-Select-error--hover);
   color: var(--xmlui-textColor-Select-error--hover);
 }
-button._selectTrigger_1o7b6_46._error_1o7b6_21:focus {
+button._selectTrigger_w44f3_46._error_w44f3_21:focus {
   outline-width: var(--xmlui-outlineWidth-Select-error--focus);
   outline-color: var(--xmlui-outlineColor-Select-error--focus);
   outline-style: var(--xmlui-outlineStyle-Select-error--focus);
   outline-offset: var(--xmlui-outlineOffset-Select-error--focus);
 }
-button._selectTrigger_1o7b6_46._error_1o7b6_21::placeholder {
+button._selectTrigger_w44f3_46._error_w44f3_21::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-error);
 }
-button._selectTrigger_1o7b6_46._warning_1o7b6_29 {
+button._selectTrigger_w44f3_46._warning_w44f3_29 {
   border-radius: var(--xmlui-borderRadius-Select-warning);
   border-color: var(--xmlui-borderColor-Select-warning);
   border-width: var(--xmlui-borderWidth-Select-warning);
@@ -4728,22 +4727,22 @@ button._selectTrigger_1o7b6_46._warning_1o7b6_29 {
   box-shadow: var(--xmlui-boxShadow-Select-warning);
   color: var(--xmlui-textColor-Select-warning);
 }
-button._selectTrigger_1o7b6_46._warning_1o7b6_29:hover {
+button._selectTrigger_w44f3_46._warning_w44f3_29:hover {
   border-color: var(--xmlui-borderColor-Select-warning--hover);
   background-color: var(--xmlui-backgroundColor-Select-warning--hover);
   box-shadow: var(--xmlui-boxShadow-Select-warning--hover);
   color: var(--xmlui-textColor-Select-warning--hover);
 }
-button._selectTrigger_1o7b6_46._warning_1o7b6_29:focus {
+button._selectTrigger_w44f3_46._warning_w44f3_29:focus {
   outline-width: var(--xmlui-outlineWidth-Select-warning--focus);
   outline-color: var(--xmlui-outlineColor-Select-warning--focus);
   outline-style: var(--xmlui-outlineStyle-Select-warning--focus);
   outline-offset: var(--xmlui-outlineOffset-Select-warning--focus);
 }
-button._selectTrigger_1o7b6_46._warning_1o7b6_29::placeholder {
+button._selectTrigger_w44f3_46._warning_w44f3_29::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-warning);
 }
-button._selectTrigger_1o7b6_46._valid_1o7b6_37 {
+button._selectTrigger_w44f3_46._valid_w44f3_37 {
   border-radius: var(--xmlui-borderRadius-Select-success);
   border-color: var(--xmlui-borderColor-Select-success);
   border-width: var(--xmlui-borderWidth-Select-success);
@@ -4753,23 +4752,23 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37 {
   box-shadow: var(--xmlui-boxShadow-Select-success);
   color: var(--xmlui-textColor-Select-success);
 }
-button._selectTrigger_1o7b6_46._valid_1o7b6_37:hover {
+button._selectTrigger_w44f3_46._valid_w44f3_37:hover {
   border-color: var(--xmlui-borderColor-Select-success--hover);
   background-color: var(--xmlui-backgroundColor-Select-success--hover);
   box-shadow: var(--xmlui-boxShadow-Select-success--hover);
   color: var(--xmlui-textColor-Select-success--hover);
 }
-button._selectTrigger_1o7b6_46._valid_1o7b6_37:focus {
+button._selectTrigger_w44f3_46._valid_w44f3_37:focus {
   outline-width: var(--xmlui-outlineWidth-Select-success--focus);
   outline-color: var(--xmlui-outlineColor-Select-success--focus);
   outline-style: var(--xmlui-outlineStyle-Select-success--focus);
   outline-offset: var(--xmlui-outlineOffset-Select-success--focus);
 }
-button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
+button._selectTrigger_w44f3_46._valid_w44f3_37::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-success);
 }
 
-._selectTrigger_1o7b6_46:disabled {
+._selectTrigger_w44f3_46:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
   background-color: var(--xmlui-backgroundColor-Select--disabled);
@@ -4777,28 +4776,28 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   border-color: var(--xmlui-borderColor-Select--disabled);
 }
 
-._selectTrigger_1o7b6_46 > span {
+._selectTrigger_w44f3_46 > span {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
 }
 
-._badgeListContainer_1o7b6_170 {
+._badgeListContainer_w44f3_170 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
 }
 
-._badgeList_1o7b6_170 {
+._badgeList_w44f3_170 {
   gap: 4px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
 
-._badge_1o7b6_170 {
+._badge_w44f3_170 {
   width: fit-content;
   height: fit-content;
   min-width: 0;
@@ -4815,27 +4814,27 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   background-color: var(--xmlui-backgroundColor-Select-badge);
   color: var(--xmlui-textColor-Select-badge);
 }
-._badge_1o7b6_170:hover {
+._badge_w44f3_170:hover {
   background-color: var(--xmlui-backgroundColor-Select-badge--hover);
   color: var(--xmlui-textColor-Select-badge--hover);
 }
-._badge_1o7b6_170:active {
+._badge_w44f3_170:active {
   background-color: var(--xmlui-backgroundColor-Select-badge--active);
   color: var(--xmlui-textColor-Select-badge--active);
 }
 
-._actions_1o7b6_210 {
+._actions_w44f3_210 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
-._placeholder_1o7b6_216 {
+._placeholder_w44f3_216 {
   display: block;
   color: var(--xmlui-textColor-placeholder-Select);
 }
 
-._emptyList_1o7b6_221 {
+._emptyList_w44f3_221 {
   display: flex;
   gap: 0.2rem;
   padding: 10px 0;
@@ -4845,7 +4844,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   width: 100%;
 }
 
-._selectScrollUpButton_1o7b6_231 {
+._selectScrollUpButton_w44f3_231 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -4854,7 +4853,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   padding-bottom: 0.25rem;
 }
 
-._selectScrollDownButton_1o7b6_240 {
+._selectScrollDownButton_w44f3_240 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -4863,7 +4862,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   padding-bottom: 0.25rem;
 }
 
-._command_1o7b6_249 {
+._command_w44f3_249 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -4873,14 +4872,14 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   background-color: var(--xmlui-backgroundColor-menu-Select);
 }
 
-._commandInputContainer_1o7b6_259 {
+._commandInputContainer_w44f3_259 {
   display: flex;
   align-items: center;
   padding: 0 12px;
   border-bottom: 1px solid var(--xmlui-borderColor);
 }
 
-._commandInput_1o7b6_259 {
+._commandInput_w44f3_259 {
   flex: 1;
   background-color: transparent;
   padding: 0.5rem;
@@ -4888,22 +4887,22 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   outline: none;
   border: none;
 }
-._commandInput_1o7b6_259:focus {
+._commandInput_w44f3_259:focus {
   outline: none;
   box-shadow: none;
   border: 0;
 }
-._commandInput_1o7b6_259:disabled {
+._commandInput_w44f3_259:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
 }
 
-._commandList_1o7b6_284 {
+._commandList_w44f3_284 {
   overflow-y: auto;
   overflow-x: hidden;
 }
 
-._selectContent_1o7b6_289 {
+._selectContent_w44f3_289 {
   position: relative;
   z-index: 50;
   overflow: auto;
@@ -4912,38 +4911,38 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   box-shadow: var(--xmlui-boxShadow-menu-Select);
   border: var(--xmlui-borderWidth-menu-Select) solid var(--xmlui-borderColor-menu-Select);
 }
-._selectContent_1o7b6_289[data-state=open] {
-  animation: _fadeIn_1o7b6_1 0.3s ease-in-out, _zoomIn_1o7b6_1 0.3s ease-in-out;
+._selectContent_w44f3_289[data-state=open] {
+  animation: _fadeIn_w44f3_1 0.3s ease-in-out, _zoomIn_w44f3_1 0.3s ease-in-out;
 }
-._selectContent_1o7b6_289[data-state=closed] {
-  animation: _fadeOut_1o7b6_1 0.3s ease-in-out, _zoomOut_1o7b6_1 0.3s ease-in-out;
+._selectContent_w44f3_289[data-state=closed] {
+  animation: _fadeOut_w44f3_1 0.3s ease-in-out, _zoomOut_w44f3_1 0.3s ease-in-out;
 }
-._selectContent_1o7b6_289[data-side=bottom] {
-  animation: _slideInFromTop_1o7b6_1 0.08s ease-in-out;
+._selectContent_w44f3_289[data-side=bottom] {
+  animation: _slideInFromTop_w44f3_1 0.08s ease-in-out;
 }
-._selectContent_1o7b6_289[data-side=left] {
-  animation: _slideInFromRight_1o7b6_1 0.3s ease-in-out;
+._selectContent_w44f3_289[data-side=left] {
+  animation: _slideInFromRight_w44f3_1 0.3s ease-in-out;
 }
-._selectContent_1o7b6_289[data-side=right] {
-  animation: _slideInFromLeft_1o7b6_1 0.3s ease-in-out;
+._selectContent_w44f3_289[data-side=right] {
+  animation: _slideInFromLeft_w44f3_1 0.3s ease-in-out;
 }
-._selectContent_1o7b6_289[data-side=top] {
-  animation: _slideInFromBottom_1o7b6_1 0.3s ease-in-out;
+._selectContent_w44f3_289[data-side=top] {
+  animation: _slideInFromBottom_w44f3_1 0.3s ease-in-out;
 }
-._selectContent_1o7b6_289[data-side=bottom] {
+._selectContent_w44f3_289[data-side=bottom] {
   transform: translateY(0.25rem);
 }
-._selectContent_1o7b6_289[data-side=left] {
+._selectContent_w44f3_289[data-side=left] {
   transform: translateX(-0.25rem);
 }
-._selectContent_1o7b6_289[data-side=right] {
+._selectContent_w44f3_289[data-side=right] {
   transform: translateX(0.25rem);
 }
-._selectContent_1o7b6_289[data-side=top] {
+._selectContent_w44f3_289[data-side=top] {
   transform: translateY(-0.25rem);
 }
 
-._multiComboboxOption_1o7b6_329 {
+._multiComboboxOption_w44f3_329 {
   padding: 0.5rem 1rem;
   display: flex;
   gap: 1rem;
@@ -4953,17 +4952,17 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   transition: background-color 0.2s ease;
   background-color: var(--xmlui-backgroundColor-item-Select);
 }
-._multiComboboxOption_1o7b6_329[data-selected=true] {
+._multiComboboxOption_w44f3_329[data-selected=true] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._multiComboboxOption_1o7b6_329[data-disabled=true] {
+._multiComboboxOption_w44f3_329[data-disabled=true] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
 
-._selectItem_1o7b6_349 {
+._selectItem_w44f3_349 {
   position: relative;
   display: flex;
   width: 100%;
@@ -4977,21 +4976,21 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   outline: none;
   font-size: var(--xmlui-fontSize-Select);
 }
-._selectItem_1o7b6_349[data-highlighted] {
+._selectItem_w44f3_349[data-highlighted] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._selectItem_1o7b6_349[data-state=checked] {
+._selectItem_w44f3_349[data-state=checked] {
   background-color: var(--xmlui-backgroundColor-item-Select--active);
 }
 
-._selectItem_1o7b6_349[data-disabled] {
+._selectItem_w44f3_349[data-disabled] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
 
-._selectItemIndicator_1o7b6_377 {
+._selectItemIndicator_w44f3_377 {
   position: absolute;
   right: 0.5rem;
   display: flex;
@@ -5002,13 +5001,13 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   color: var(--xmlui-textColor-indicator-Select);
 }
 
-._selectViewport_1o7b6_388 {
+._selectViewport_w44f3_388 {
   height: var(--radix-select-trigger-height);
   width: 100%;
   min-width: var(--radix-select-trigger-width);
 }
 
-._selectEmpty_1o7b6_394 {
+._selectEmpty_w44f3_394 {
   display: flex;
   gap: 0.2rem;
   height: 100%;
@@ -5019,7 +5018,11 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   width: 100%;
 }
 
-._srOnly_1o7b6_405 {
+._loading_w44f3_405 {
+  padding: 0.5rem 1rem;
+}
+
+._srOnly_w44f3_409 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -5031,7 +5034,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
   border: 0;
 }
 
-@keyframes _fadeIn_1o7b6_1 {
+@keyframes _fadeIn_w44f3_1 {
   from {
     opacity: 0;
   }
@@ -5039,7 +5042,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
     opacity: 1;
   }
 }
-@keyframes _fadeOut_1o7b6_1 {
+@keyframes _fadeOut_w44f3_1 {
   from {
     opacity: 1;
   }
@@ -5047,7 +5050,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
     opacity: 0;
   }
 }
-@keyframes _zoomIn_1o7b6_1 {
+@keyframes _zoomIn_w44f3_1 {
   from {
     transform: scale(0.95);
   }
@@ -5055,7 +5058,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
     transform: scale(1);
   }
 }
-@keyframes _zoomOut_1o7b6_1 {
+@keyframes _zoomOut_w44f3_1 {
   from {
     transform: scale(1);
   }
@@ -5063,7 +5066,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
     transform: scale(0.95);
   }
 }
-@keyframes _slideInFromTop_1o7b6_1 {
+@keyframes _slideInFromTop_w44f3_1 {
   from {
     transform: translateY(-0.75rem);
   }
@@ -5071,7 +5074,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromBottom_1o7b6_1 {
+@keyframes _slideInFromBottom_w44f3_1 {
   from {
     transform: translateY(0.75rem);
   }
@@ -5079,7 +5082,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromLeft_1o7b6_1 {
+@keyframes _slideInFromLeft_w44f3_1 {
   from {
     transform: translateX(-100%);
   }
@@ -5087,7 +5090,7 @@ button._selectTrigger_1o7b6_46._valid_1o7b6_37::placeholder {
     transform: translateX(0);
   }
 }
-@keyframes _slideInFromRight_1o7b6_1 {
+@keyframes _slideInFromRight_w44f3_1 {
   from {
     transform: translateX(100%);
   }
@@ -16005,7 +16008,7 @@ li ._htmlOl_1wzn5_205 {
       });
     }
   }
-  var define_process_env_default$9 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.4 (built 4/3/2025)" };
+  var define_process_env_default$9 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.6 (built 4/4/2025)" };
   class Mutation extends Removable {
     constructor(config2) {
       super();
@@ -36181,10 +36184,10 @@ ${error2.errorObject}`;
     }
   );
   const themeVars$E = `'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderStartStartRadius-Link": "var(--xmlui-borderStartStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderStartEndRadius-Link": "var(--xmlui-borderStartEndRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndStartRadius-Link": "var(--xmlui-borderEndStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndEndRadius-Link": "var(--xmlui-borderEndEndRadius-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`;
-  const container$2 = "_container_1pdwf_13";
-  const active$3 = "_active_1pdwf_53";
-  const disabled$5 = "_disabled_1pdwf_57";
-  const iconWrapper = "_iconWrapper_1pdwf_73";
+  const container$2 = "_container_k8i4t_13";
+  const active$3 = "_active_k8i4t_53";
+  const disabled$5 = "_disabled_k8i4t_57";
+  const iconWrapper = "_iconWrapper_k8i4t_73";
   const styles$U = {
     themeVars: themeVars$E,
     container: container$2,
@@ -49469,6 +49472,10 @@ ${error2.errorObject}`;
     const result = { ...theme2 };
     Object.entries(theme2).forEach(([key, value]) => {
       var _a3, _b2, _c2, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o, _p, _q, _r, _s, _t2;
+      if (value === null || value === void 0) {
+        delete result[key];
+        return;
+      }
       let match2 = paddingHorizontalRegEx.exec(key);
       if (match2) {
         const remainder2 = match2[1];
@@ -50343,7 +50350,7 @@ ${error2.errorObject}`;
       data = EMPTY_ARRAY,
       columns = EMPTY_ARRAY,
       isPaginated = false,
-      loading = false,
+      loading: loading2 = false,
       headerHeight,
       rowsSelectable = false,
       enableMultiRowSelection = true,
@@ -50853,8 +50860,8 @@ ${error2.errorObject}`;
                 ]
               }
             ),
-            loading && !hasData && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$R.loadingWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, {}) }),
-            !hideNoDataView && !loading && !hasData && (noDataRenderer ? noDataRenderer() : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$R.noRows, children: "No data available" })),
+            loading2 && !hasData && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$R.loadingWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, {}) }),
+            !hideNoDataView && !loading2 && !hasData && (noDataRenderer ? noDataRenderer() : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$R.noRows, children: "No data available" })),
             isPaginated && hasData && rows.length > 0 && pagination2 && // --- Render the pagination controls
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$R.pagination, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$R.paginationLabel, children: [
@@ -56374,7 +56381,7 @@ to {
     itemRenderer = defaultItemRenderer,
     sectionRenderer,
     sectionFooterRenderer,
-    loading,
+    loading: loading2,
     limit,
     groupBy: groupBy2,
     orderBy: orderBy2,
@@ -56537,8 +56544,8 @@ to {
           [styles$E.hasOutsideScroll]: hasOutsideScroll2
         }),
         children: [
-          loading && rows.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$E.loadingWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, {}) }),
-          !loading && rows.length === 0 && (emptyListPlaceholder ?? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$E.noRows, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { children: "No data available" }) })),
+          loading2 && rows.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$E.loadingWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, {}) }),
+          !loading2 && rows.length === 0 && (emptyListPlaceholder ?? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$E.noRows, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { children: "No data available" }) })),
           rows.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
@@ -56933,7 +56940,7 @@ to {
           return localDate.now() - initialTime;
         };
       }
-      var taskQueue = [], timerQueue = [], taskIdCounter = 1, currentTask = null, currentPriorityLevel = 3, isPerformingWork = false, isHostCallbackScheduled = false, isHostTimeoutScheduled = false, localSetTimeout = "function" === typeof setTimeout ? setTimeout : null, localClearTimeout = "function" === typeof clearTimeout ? clearTimeout : null, localSetImmediate = "undefined" !== typeof setImmediate ? setImmediate : null;
+      var taskQueue = [], timerQueue = [], taskIdCounter = 1, currentTask = null, currentPriorityLevel = 3, isPerformingWork = false, isHostCallbackScheduled = false, isHostTimeoutScheduled = false, needsPaint = false, localSetTimeout = "function" === typeof setTimeout ? setTimeout : null, localClearTimeout = "function" === typeof clearTimeout ? clearTimeout : null, localSetImmediate = "undefined" !== typeof setImmediate ? setImmediate : null;
       function advanceTimers(currentTime) {
         for (var timer = peek(timerQueue); null !== timer; ) {
           if (null === timer.callback) pop(timerQueue);
@@ -56948,7 +56955,7 @@ to {
         advanceTimers(currentTime);
         if (!isHostCallbackScheduled)
           if (null !== peek(taskQueue))
-            isHostCallbackScheduled = true, requestHostCallback();
+            isHostCallbackScheduled = true, isMessageLoopRunning || (isMessageLoopRunning = true, schedulePerformWorkUntilDeadline());
           else {
             var firstTimer = peek(timerQueue);
             null !== firstTimer && requestHostTimeout(handleTimeout, firstTimer.startTime - currentTime);
@@ -56956,9 +56963,10 @@ to {
       }
       var isMessageLoopRunning = false, taskTimeoutID = -1, frameInterval = 5, startTime = -1;
       function shouldYieldToHost() {
-        return exports2.unstable_now() - startTime < frameInterval ? false : true;
+        return needsPaint ? true : exports2.unstable_now() - startTime < frameInterval ? false : true;
       }
       function performWorkUntilDeadline() {
+        needsPaint = false;
         if (isMessageLoopRunning) {
           var currentTime = exports2.unstable_now();
           startTime = currentTime;
@@ -57028,9 +57036,6 @@ to {
         schedulePerformWorkUntilDeadline = function() {
           localSetTimeout(performWorkUntilDeadline, 0);
         };
-      function requestHostCallback() {
-        isMessageLoopRunning || (isMessageLoopRunning = true, schedulePerformWorkUntilDeadline());
-      }
       function requestHostTimeout(callback, ms) {
         taskTimeoutID = localSetTimeout(function() {
           callback(exports2.unstable_now());
@@ -57045,9 +57050,6 @@ to {
       exports2.unstable_cancelCallback = function(task) {
         task.callback = null;
       };
-      exports2.unstable_continueExecution = function() {
-        isHostCallbackScheduled || isPerformingWork || (isHostCallbackScheduled = true, requestHostCallback());
-      };
       exports2.unstable_forceFrameRate = function(fps) {
         0 > fps || 125 < fps ? console.error(
           "forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"
@@ -57056,9 +57058,6 @@ to {
       exports2.unstable_getCurrentPriorityLevel = function() {
         return currentPriorityLevel;
       };
-      exports2.unstable_getFirstCallbackNode = function() {
-        return peek(taskQueue);
-      };
       exports2.unstable_next = function(eventHandler) {
         switch (currentPriorityLevel) {
           case 1:
@@ -57077,9 +57076,8 @@ to {
           currentPriorityLevel = previousPriorityLevel;
         }
       };
-      exports2.unstable_pauseExecution = function() {
-      };
       exports2.unstable_requestPaint = function() {
+        needsPaint = true;
       };
       exports2.unstable_runWithPriority = function(priorityLevel, eventHandler) {
         switch (priorityLevel) {
@@ -57128,7 +57126,7 @@ to {
           expirationTime: timeout,
           sortIndex: -1
         };
-        options2 > currentTime ? (priorityLevel.sortIndex = options2, push2(timerQueue, priorityLevel), null === peek(taskQueue) && priorityLevel === peek(timerQueue) && (isHostTimeoutScheduled ? (localClearTimeout(taskTimeoutID), taskTimeoutID = -1) : isHostTimeoutScheduled = true, requestHostTimeout(handleTimeout, options2 - currentTime))) : (priorityLevel.sortIndex = timeout, push2(taskQueue, priorityLevel), isHostCallbackScheduled || isPerformingWork || (isHostCallbackScheduled = true, requestHostCallback()));
+        options2 > currentTime ? (priorityLevel.sortIndex = options2, push2(timerQueue, priorityLevel), null === peek(taskQueue) && priorityLevel === peek(timerQueue) && (isHostTimeoutScheduled ? (localClearTimeout(taskTimeoutID), taskTimeoutID = -1) : isHostTimeoutScheduled = true, requestHostTimeout(handleTimeout, options2 - currentTime))) : (priorityLevel.sortIndex = timeout, push2(taskQueue, priorityLevel), isHostCallbackScheduled || isPerformingWork || (isHostCallbackScheduled = true, isMessageLoopRunning || (isMessageLoopRunning = true, schedulePerformWorkUntilDeadline())));
         return priorityLevel;
       };
       exports2.unstable_shouldYield = shouldYieldToHost;
@@ -66642,38 +66640,39 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   }
   var Te$1 = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
   const themeVars$j = `'{"Input:fontSize-Select-default": "var(--xmlui-fontSize-Select-default)", "Input:textColor-placeholder-Select-default": "var(--xmlui-textColor-placeholder-Select-default)", "Input:textColor-Select-default": "var(--xmlui-textColor-Select-default)", "Input:fontSize-Select-error": "var(--xmlui-fontSize-Select-error)", "Input:textColor-placeholder-Select-error": "var(--xmlui-textColor-placeholder-Select-error)", "Input:textColor-Select-error": "var(--xmlui-textColor-Select-error)", "Input:fontSize-Select-warning": "var(--xmlui-fontSize-Select-warning)", "Input:textColor-placeholder-Select-warning": "var(--xmlui-textColor-placeholder-Select-warning)", "Input:textColor-Select-warning": "var(--xmlui-textColor-Select-warning)", "Input:fontSize-Select-success": "var(--xmlui-fontSize-Select-success)", "Input:textColor-placeholder-Select-success": "var(--xmlui-textColor-placeholder-Select-success)", "Input:textColor-Select-success": "var(--xmlui-textColor-Select-success)", "Input:borderRadius-Select-default": "var(--xmlui-borderRadius-Select-default)", "Input:borderColor-Select-default": "var(--xmlui-borderColor-Select-default)", "Input:borderWidth-Select-default": "var(--xmlui-borderWidth-Select-default)", "Input:borderStyle-Select-default": "var(--xmlui-borderStyle-Select-default)", "Input:backgroundColor-Select-default": "var(--xmlui-backgroundColor-Select-default)", "Input:boxShadow-Select-default": "var(--xmlui-boxShadow-Select-default)", "Input:borderColor-Select-default--hover": "var(--xmlui-borderColor-Select-default--hover)", "Input:backgroundColor-Select-default--hover": "var(--xmlui-backgroundColor-Select-default--hover)", "Input:boxShadow-Select-default--hover": "var(--xmlui-boxShadow-Select-default--hover)", "Input:textColor-Select-default--hover": "var(--xmlui-textColor-Select-default--hover)", "Input:outlineWidth-Select-default--focus": "var(--xmlui-outlineWidth-Select-default--focus)", "Input:outlineColor-Select-default--focus": "var(--xmlui-outlineColor-Select-default--focus)", "Input:outlineStyle-Select-default--focus": "var(--xmlui-outlineStyle-Select-default--focus)", "Input:outlineOffset-Select-default--focus": "var(--xmlui-outlineOffset-Select-default--focus)", "Input:borderRadius-Select-error": "var(--xmlui-borderRadius-Select-error)", "Input:borderColor-Select-error": "var(--xmlui-borderColor-Select-error)", "Input:borderWidth-Select-error": "var(--xmlui-borderWidth-Select-error)", "Input:borderStyle-Select-error": "var(--xmlui-borderStyle-Select-error)", "Input:backgroundColor-Select-error": "var(--xmlui-backgroundColor-Select-error)", "Input:boxShadow-Select-error": "var(--xmlui-boxShadow-Select-error)", "Input:borderColor-Select-error--hover": "var(--xmlui-borderColor-Select-error--hover)", "Input:backgroundColor-Select-error--hover": "var(--xmlui-backgroundColor-Select-error--hover)", "Input:boxShadow-Select-error--hover": "var(--xmlui-boxShadow-Select-error--hover)", "Input:textColor-Select-error--hover": "var(--xmlui-textColor-Select-error--hover)", "Input:outlineWidth-Select-error--focus": "var(--xmlui-outlineWidth-Select-error--focus)", "Input:outlineColor-Select-error--focus": "var(--xmlui-outlineColor-Select-error--focus)", "Input:outlineStyle-Select-error--focus": "var(--xmlui-outlineStyle-Select-error--focus)", "Input:outlineOffset-Select-error--focus": "var(--xmlui-outlineOffset-Select-error--focus)", "Input:borderRadius-Select-warning": "var(--xmlui-borderRadius-Select-warning)", "Input:borderColor-Select-warning": "var(--xmlui-borderColor-Select-warning)", "Input:borderWidth-Select-warning": "var(--xmlui-borderWidth-Select-warning)", "Input:borderStyle-Select-warning": "var(--xmlui-borderStyle-Select-warning)", "Input:backgroundColor-Select-warning": "var(--xmlui-backgroundColor-Select-warning)", "Input:boxShadow-Select-warning": "var(--xmlui-boxShadow-Select-warning)", "Input:borderColor-Select-warning--hover": "var(--xmlui-borderColor-Select-warning--hover)", "Input:backgroundColor-Select-warning--hover": "var(--xmlui-backgroundColor-Select-warning--hover)", "Input:boxShadow-Select-warning--hover": "var(--xmlui-boxShadow-Select-warning--hover)", "Input:textColor-Select-warning--hover": "var(--xmlui-textColor-Select-warning--hover)", "Input:outlineWidth-Select-warning--focus": "var(--xmlui-outlineWidth-Select-warning--focus)", "Input:outlineColor-Select-warning--focus": "var(--xmlui-outlineColor-Select-warning--focus)", "Input:outlineStyle-Select-warning--focus": "var(--xmlui-outlineStyle-Select-warning--focus)", "Input:outlineOffset-Select-warning--focus": "var(--xmlui-outlineOffset-Select-warning--focus)", "Input:borderRadius-Select-success": "var(--xmlui-borderRadius-Select-success)", "Input:borderColor-Select-success": "var(--xmlui-borderColor-Select-success)", "Input:borderWidth-Select-success": "var(--xmlui-borderWidth-Select-success)", "Input:borderStyle-Select-success": "var(--xmlui-borderStyle-Select-success)", "Input:backgroundColor-Select-success": "var(--xmlui-backgroundColor-Select-success)", "Input:boxShadow-Select-success": "var(--xmlui-boxShadow-Select-success)", "Input:borderColor-Select-success--hover": "var(--xmlui-borderColor-Select-success--hover)", "Input:backgroundColor-Select-success--hover": "var(--xmlui-backgroundColor-Select-success--hover)", "Input:boxShadow-Select-success--hover": "var(--xmlui-boxShadow-Select-success--hover)", "Input:textColor-Select-success--hover": "var(--xmlui-textColor-Select-success--hover)", "Input:outlineWidth-Select-success--focus": "var(--xmlui-outlineWidth-Select-success--focus)", "Input:outlineColor-Select-success--focus": "var(--xmlui-outlineColor-Select-success--focus)", "Input:outlineStyle-Select-success--focus": "var(--xmlui-outlineStyle-Select-success--focus)", "Input:outlineOffset-Select-success--focus": "var(--xmlui-outlineOffset-Select-success--focus)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "Input:backgroundColor-Select--disabled": "var(--xmlui-backgroundColor-Select--disabled)", "Input:textColor-Select--disabled": "var(--xmlui-textColor-Select--disabled)", "Input:borderColor-Select--disabled": "var(--xmlui-borderColor-Select--disabled)", "paddingVertical-Select-badge": "var(--xmlui-paddingVertical-Select-badge)", "paddingHorizontal-Select-badge": "var(--xmlui-paddingHorizontal-Select-badge)", "Input:fontSize-Select-badge": "var(--xmlui-fontSize-Select-badge)", "Input:backgroundColor-Select-badge": "var(--xmlui-backgroundColor-Select-badge)", "Input:textColor-Select-badge": "var(--xmlui-textColor-Select-badge)", "Input:backgroundColor-Select-badge--hover": "var(--xmlui-backgroundColor-Select-badge--hover)", "Input:textColor-Select-badge--hover": "var(--xmlui-textColor-Select-badge--hover)", "Input:backgroundColor-Select-badge--active": "var(--xmlui-backgroundColor-Select-badge--active)", "Input:textColor-Select-badge--active": "var(--xmlui-textColor-Select-badge--active)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:backgroundColor-menu-Select": "var(--xmlui-backgroundColor-menu-Select)", "Input:borderRadius-menu-Select": "var(--xmlui-borderRadius-menu-Select)", "Input:boxShadow-menu-Select": "var(--xmlui-boxShadow-menu-Select)", "Input:borderWidth-menu-Select": "var(--xmlui-borderWidth-menu-Select)", "Input:borderColor-menu-Select": "var(--xmlui-borderColor-menu-Select)", "backgroundColor-item-Select": "var(--xmlui-backgroundColor-item-Select)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "fontSize-Select": "var(--xmlui-fontSize-Select)", "backgroundColor-item-Select--active": "var(--xmlui-backgroundColor-item-Select--active)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)"}'`;
-  const selectValue = "_selectValue_1o7b6_13";
-  const error$9 = "_error_1o7b6_21";
-  const warning$7 = "_warning_1o7b6_29";
-  const valid$b = "_valid_1o7b6_37";
-  const selectTrigger = "_selectTrigger_1o7b6_46";
-  const badgeListContainer = "_badgeListContainer_1o7b6_170";
-  const badgeList$1 = "_badgeList_1o7b6_170";
-  const badge$1 = "_badge_1o7b6_170";
-  const actions$2 = "_actions_1o7b6_210";
-  const placeholder$1 = "_placeholder_1o7b6_216";
-  const emptyList = "_emptyList_1o7b6_221";
-  const selectScrollUpButton = "_selectScrollUpButton_1o7b6_231";
-  const selectScrollDownButton = "_selectScrollDownButton_1o7b6_240";
-  const command$1 = "_command_1o7b6_249";
-  const commandInputContainer = "_commandInputContainer_1o7b6_259";
-  const commandInput$1 = "_commandInput_1o7b6_259";
-  const commandList$1 = "_commandList_1o7b6_284";
-  const selectContent = "_selectContent_1o7b6_289";
-  const fadeIn = "_fadeIn_1o7b6_1";
-  const zoomIn = "_zoomIn_1o7b6_1";
-  const fadeOut = "_fadeOut_1o7b6_1";
-  const zoomOut = "_zoomOut_1o7b6_1";
-  const slideInFromTop = "_slideInFromTop_1o7b6_1";
-  const slideInFromRight = "_slideInFromRight_1o7b6_1";
-  const slideInFromLeft = "_slideInFromLeft_1o7b6_1";
-  const slideInFromBottom = "_slideInFromBottom_1o7b6_1";
-  const multiComboboxOption = "_multiComboboxOption_1o7b6_329";
-  const selectItem = "_selectItem_1o7b6_349";
-  const selectItemIndicator = "_selectItemIndicator_1o7b6_377";
-  const selectViewport = "_selectViewport_1o7b6_388";
-  const selectEmpty = "_selectEmpty_1o7b6_394";
-  const srOnly = "_srOnly_1o7b6_405";
+  const selectValue = "_selectValue_w44f3_13";
+  const error$9 = "_error_w44f3_21";
+  const warning$7 = "_warning_w44f3_29";
+  const valid$b = "_valid_w44f3_37";
+  const selectTrigger = "_selectTrigger_w44f3_46";
+  const badgeListContainer = "_badgeListContainer_w44f3_170";
+  const badgeList$1 = "_badgeList_w44f3_170";
+  const badge$1 = "_badge_w44f3_170";
+  const actions$2 = "_actions_w44f3_210";
+  const placeholder$1 = "_placeholder_w44f3_216";
+  const emptyList = "_emptyList_w44f3_221";
+  const selectScrollUpButton = "_selectScrollUpButton_w44f3_231";
+  const selectScrollDownButton = "_selectScrollDownButton_w44f3_240";
+  const command$1 = "_command_w44f3_249";
+  const commandInputContainer = "_commandInputContainer_w44f3_259";
+  const commandInput$1 = "_commandInput_w44f3_259";
+  const commandList$1 = "_commandList_w44f3_284";
+  const selectContent = "_selectContent_w44f3_289";
+  const fadeIn = "_fadeIn_w44f3_1";
+  const zoomIn = "_zoomIn_w44f3_1";
+  const fadeOut = "_fadeOut_w44f3_1";
+  const zoomOut = "_zoomOut_w44f3_1";
+  const slideInFromTop = "_slideInFromTop_w44f3_1";
+  const slideInFromRight = "_slideInFromRight_w44f3_1";
+  const slideInFromLeft = "_slideInFromLeft_w44f3_1";
+  const slideInFromBottom = "_slideInFromBottom_w44f3_1";
+  const multiComboboxOption = "_multiComboboxOption_w44f3_329";
+  const selectItem = "_selectItem_w44f3_349";
+  const selectItemIndicator = "_selectItemIndicator_w44f3_377";
+  const selectViewport = "_selectViewport_w44f3_388";
+  const selectEmpty = "_selectEmpty_w44f3_394";
+  const loading = "_loading_w44f3_405";
+  const srOnly = "_srOnly_w44f3_409";
   const styles$y = {
     themeVars: themeVars$j,
     selectValue,
@@ -66707,6 +66706,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     selectItemIndicator,
     selectViewport,
     selectEmpty,
+    loading,
     srOnly
   };
   const SelectContext = reactExports.createContext(null);
@@ -66826,7 +66826,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     labelPosition,
     labelWidth,
     labelBreak: labelBreak2,
-    required: required2 = false
+    required: required2 = false,
+    inProgress = false,
+    inProgressNotificationMessage = "Loading..."
   }, ref) {
     var _a3;
     const [referenceElement, setReferenceElement] = reactExports.useState(null);
@@ -67016,6 +67018,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { autoFocus: true, "aria-hidden": "true", className: styles$y.srOnly })
                       ),
                       /* @__PURE__ */ jsxRuntimeExports.jsxs(Ce$1, { className: styles$y.commandList, children: [
+                        inProgress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$y.loading, children: inProgressNotificationMessage }),
                         Array.from(options2).map(({ value: value2, label: label22, enabled: enabled22, keywords }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
                           ComboboxOption,
                           {
@@ -67026,7 +67029,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                           },
                           value2
                         )),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { children: emptyListNode })
+                        !inProgress && /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { children: emptyListNode })
                       ] })
                     ]
                   }
@@ -123130,7 +123133,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         `This optional property provides the ability to customize what is displayed when the list of options is empty.`
       ),
       multiSelect: dMulti(),
-      searchable: d$5(`This property enables the search functionality in the dropdown list.`)
+      searchable: d$5(`This property enables the search functionality in the dropdown list.`),
+      inProgress: d$5(
+        `This property indicates whether the component is in progress. It can be used to show a loading message.`
+      ),
+      inProgressNotificationMessage: d$5(
+        `This property indicates the message to display when the component is in progress.`
+      )
     },
     events: {
       gotFocus: dGotFocus(COMP$v),
@@ -123189,6 +123198,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         {
           multiSelect: extractValue.asOptionalBoolean(node2.props.multiSelect),
           style: layoutCss,
+          inProgress: extractValue.asOptionalBoolean(node2.props.inProgress),
+          inProgressNotificationMessage: extractValue.asOptionalString(node2.props.inProgressNotificationMessage),
           updateState: updateState2,
           searchable: extractValue.asOptionalBoolean(node2.props.searchable),
           initialValue: extractValue(node2.props.initialValue),
@@ -128296,6 +128307,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       }
       return defaultTone;
     });
+    reactExports.useEffect(() => {
+      if (defaultTone) {
+        setActiveThemeTone(defaultTone);
+      }
+    }, [defaultTone]);
     const themes = reactExports.useMemo(() => {
       return [...custThemes, ...builtInThemes];
     }, [custThemes]);
@@ -144724,7 +144740,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
     ] });
   }
-  const version = "0.9.4";
+  const version = "0.9.6";
   const ApiInterceptorContext = reactExports.createContext(null);
   function useApiInterceptorContext() {
     return reactExports.useContext(ApiInterceptorContext);
@@ -148353,7 +148369,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     standalone,
     trackContainerHeight,
     decorateComponentsWithTestId,
-    debugEnabled
+    debugEnabled,
+    children
   }) {
     const [loggedInUser, setLoggedInUser] = reactExports.useState(null);
     const debugView = useDebugView();
@@ -148650,7 +148667,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       cleanup: noop$5,
       memoedVarsRef
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(AppContext.Provider, { value: appContextValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AppStateContext.Provider, { value: appStateContextValue, children: renderedRoot }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(AppContext.Provider, { value: appContextValue, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AppStateContext.Provider, { value: appStateContextValue, children: [
+      renderedRoot,
+      children
+    ] }) });
   }
   function signError(error2) {
     _t$1.error(typeof error2 === "string" ? error2 : error2.message || "Something went wrong");
@@ -148670,7 +148690,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     defaultTone,
     resources,
     resourceMap,
-    sources
+    sources,
+    children
   }) => {
     if (previewMode) {
       q$1.canUseDOM = false;
@@ -148695,7 +148716,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               globalProps,
               standalone,
               decorateComponentsWithTestId,
-              debugEnabled
+              debugEnabled,
+              children
             }
           ) }) })
         }
@@ -148734,7 +148756,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     previewMode,
     resourceMap,
     sources,
-    extensionManager
+    extensionManager,
+    children
   }) {
     const rootNode = reactExports.useMemo(() => {
       const themedRoot = node2.type === "Theme" ? {
@@ -148774,7 +148797,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         standalone,
         trackContainerHeight,
         previewMode,
-        sources
+        sources,
+        children
       }
     ) }) });
   }
@@ -149479,7 +149503,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     ToneChangerButton: ToneChangerButtonMd,
     Tree: TreeMd
   };
-  var define_process_env_default$2 = { VITE_XMLUI_VERSION: "0.9.4 (built 4/3/2025)" };
+  var define_process_env_default$2 = { VITE_XMLUI_VERSION: "0.9.6 (built 4/4/2025)" };
   const MAIN_FILE = "Main." + componentFileExtension;
   const MAIN_CODE_BEHIND_FILE = "Main." + codeBehindFileExtension;
   const CONFIG_FILE = "config.json";
@@ -153801,7 +153825,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function isResponseWithoutBody(status) {
     return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
   }
-  var define_process_env_default$1 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.4 (built 4/3/2025)" };
+  var define_process_env_default$1 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.6 (built 4/4/2025)" };
   var __defProp$7 = Object.defineProperty;
   var __export = (target2, all2) => {
     for (var name2 in all2)