npm - xmlui - Versions diffs - 0.9.21 → 0.9.23 - Mend

xmlui 0.9.21 → 0.9.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/{apiInterceptorWorker-7aKQ2rBj.mjs → apiInterceptorWorker-DZyEgCvB.mjs} +1 -1
package/dist/{index-B3CWFAxa.mjs → index-B8C8yAZL.mjs} +177 -167
package/dist/index.css +164 -204
package/dist/scripts/src/components/App/App.js +2 -0
package/dist/scripts/src/components/App/AppLayoutContext.js +0 -1
package/dist/scripts/src/components/App/AppNative.js +7 -5
package/dist/scripts/src/components/AppHeader/AppHeaderNative.js +5 -4
package/dist/scripts/src/components/Footer/FooterNative.js +1 -2
package/dist/scripts/src/components/Form/FormContext.js +5 -4
package/dist/scripts/src/components/Form/FormNative.js +7 -25
package/dist/scripts/src/components/Form/formActions.js +1 -1
package/dist/scripts/src/components/FormItem/FormItem.js +1 -1
package/dist/scripts/src/components/FormItem/FormItemNative.js +53 -13
package/dist/scripts/src/components/FormItem/ItemWithLabel.js +1 -1
package/dist/scripts/src/components/Items/ItemsNative.js +8 -6
package/dist/scripts/src/components/NavGroup/NavGroupNative.js +2 -3
package/dist/scripts/src/components/Select/SelectNative.js +3 -1
package/dist/style.css +164 -204
package/dist/xmlui-metadata.mjs +143 -84
package/dist/xmlui-metadata.umd.js +141 -82
package/dist/xmlui-standalone.umd.js +422 -452
package/dist/xmlui.mjs +1 -1
package/package.json +2 -1

package/dist/xmlui-standalone.umd.js CHANGED Viewed

@@ -985,7 +985,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.
  */
-._wrapper_rebcu_13 {
+._wrapper_fx8ts_13 {
   --footer-height: 0px;
   --header-height: 0px;
   width: 100%;
@@ -995,195 +995,152 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   flex-direction: column;
   isolation: isolate;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 {
+._wrapper_fx8ts_13._vertical_fx8ts_23 {
   flex-direction: row;
   overflow: initial;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._contentWrapper_rebcu_27 {
+._wrapper_fx8ts_13._vertical_fx8ts_23 ._contentWrapper_fx8ts_27 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
   position: relative;
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._navPanelWrapper_rebcu_33 {
+._wrapper_fx8ts_13._vertical_fx8ts_23 ._navPanelWrapper_fx8ts_33 {
   width: var(--xmlui-width-navPanel-App);
   flex-shrink: 0;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13._vertical_fx8ts_23 ._PagesWrapper_fx8ts_37 {
   min-height: initial;
   flex: 1;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._vertical_fx8ts_23 ._footerWrapper_fx8ts_41 {
   position: static;
 }
-._wrapper_rebcu_13._vertical_rebcu_23._sticky_rebcu_44 ._contentWrapper_rebcu_27 {
+._wrapper_fx8ts_13._vertical_fx8ts_23._sticky_fx8ts_44 ._contentWrapper_fx8ts_27 {
   scroll-padding-top: var(--header-height);
 }
-._wrapper_rebcu_13._vertical_rebcu_23._sticky_rebcu_44 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._vertical_fx8ts_23._sticky_fx8ts_44 ._footerWrapper_fx8ts_41 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51 ._PagesWrapper_fx8ts_37 {
   min-height: initial;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51 ._footerWrapper_fx8ts_41 {
   position: static;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51._sticky_rebcu_44 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51._sticky_fx8ts_44 {
   scroll-padding-top: var(--header-height);
   min-height: 100%;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51._sticky_rebcu_44 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51._sticky_fx8ts_44 ._footerWrapper_fx8ts_41 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 ._navPanelWrapper_rebcu_33 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51 ._navPanelWrapper_fx8ts_33 {
   border-bottom: var(--xmlui-borderBottom-AppHeader);
   justify-content: end;
 }
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 {
   min-height: 100%;
   height: 100%;
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
 }
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._navPanelWrapper_rebcu_33 {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._navPanelWrapper_fx8ts_33 {
   width: var(--xmlui-width-navPanel-App);
   position: sticky;
   height: calc(var(--containerHeight, 100vh) - var(--footer-height) - var(--header-height));
   top: var(--header-height);
 }
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._PagesWrapper_rebcu_37 {
-  overflow: initial;
-  min-height: calc(var(--containerHeight, 100vh) - var(--header-height) - var(--footer-height));
-  height: 100%;
-}
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._PagesWrapperInner_rebcu_90 {
-  height: 100%;
-}
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._PagesWrapperInner_rebcu_90 > .xmlui-page-root {
-  height: 100%;
-}
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._footerWrapper_rebcu_41 {
-  position: sticky;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 {
-  min-height: 100%;
-  height: 100%;
-  overflow: auto;
-  scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
-}
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._header_rebcu_108 {
-  max-width: var(--xmlui-maxWidth-content-App);
-  margin: auto;
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._contentScroller_fx8ts_85 {
+  width: 100%;
+  margin: 0 auto;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._navPanelWrapper_rebcu_33 {
-  width: var(--xmlui-width-navPanel-App);
-  position: sticky;
-  height: calc(var(--containerHeight, 100vh) - var(--footer-height) - var(--header-height));
-  top: var(--header-height);
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._contentScroller_fx8ts_85 ._contentAligner_fx8ts_89 {
+  max-width: var(--xmlui-maxWidth-App-vertical);
+  margin: 0 auto;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._PagesWrapper_fx8ts_37 {
   overflow: initial;
   min-height: calc(var(--containerHeight, 100vh) - var(--header-height) - var(--footer-height));
   height: 100%;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._PagesWrapperInner_rebcu_90 {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._PagesWrapperInner_fx8ts_98 {
   height: 100%;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._PagesWrapperInner_rebcu_90 > .xmlui-page-root {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._PagesWrapperInner_fx8ts_98 > .xmlui-page-root {
   height: 100%;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._footerWrapper_fx8ts_41 {
   position: sticky;
   left: 0;
   right: 0;
   bottom: 0;
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 {
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._headerWrapper_rebcu_138 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 ._headerWrapper_fx8ts_113 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._headerWrapper_rebcu_138 > div {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 ._headerWrapper_fx8ts_113 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 ._footerWrapper_fx8ts_41 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._footerWrapper_rebcu_41 > div {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 ._footerWrapper_fx8ts_41 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalFullHeader_rebcu_73 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110._verticalFullHeader_fx8ts_73 {
   scroll-padding-top: var(--header-height);
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalFullHeader_rebcu_73 ._content_rebcu_27 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110._verticalFullHeader_fx8ts_73 ._content_fx8ts_27 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalFullHeader_rebcu_73 ._contentWrapper_rebcu_27 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110._verticalFullHeader_fx8ts_73 ._contentWrapper_fx8ts_27 {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 {
-  scroll-padding-top: var(--header-height);
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._content_rebcu_27 {
-  width: var(--xmlui-maxWidth-content-App);
-  margin-inline: calc(-1 * var(--scrollbar-width));
-  margin: auto;
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._contentWrapper_rebcu_27 {
-  padding-inline: var(--scrollbar-width);
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._headerWrapper_rebcu_138 > div {
-  width: var(--xmlui-maxWidth-content-App);
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._footerWrapper_rebcu_41 {
-  margin-inline: calc(-1 * var(--scrollbar-width));
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._footerWrapper_rebcu_41 > div {
-  padding-inline: var(--scrollbar-width);
-}
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) {
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) {
   overflow: hidden;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._content_rebcu_27 {
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._content_fx8ts_27 {
   min-height: 0;
   height: 100%;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._contentWrapper_rebcu_27 {
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._contentWrapper_fx8ts_27 {
   overflow: initial;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135)._verticalConstrained_rebcu_102 ._content_rebcu_27 {
-  width: var(--xmlui-maxWidth-content-App);
-  margin: auto;
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._contentScroller_fx8ts_85 {
+  height: 100%;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._contentScroller_fx8ts_85 ._contentAligner_fx8ts_89 {
+  height: 100%;
+}
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._PagesWrapper_fx8ts_37 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
   min-height: 0;
   height: 100%;
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._PagesWrapperInner_rebcu_90 {
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._PagesWrapperInner_fx8ts_98 {
   min-height: 100%;
   height: 0;
 }
-._wrapper_rebcu_13._noScrollbarGutters_rebcu_204 {
+._wrapper_fx8ts_13._noScrollbarGutters_fx8ts_161 {
   scrollbar-gutter: auto;
 }
-._wrapper_rebcu_13._noScrollbarGutters_rebcu_204 ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13._noScrollbarGutters_fx8ts_161 ._PagesWrapper_fx8ts_37 {
   scrollbar-gutter: auto;
 }
-._headerWrapper_rebcu_138 {
+._headerWrapper_fx8ts_113 {
   z-index: 1;
   min-height: 0;
   flex-shrink: 0;
@@ -1192,17 +1149,17 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   box-shadow: var(--xmlui-boxShadow-header-App);
   background-color: var(--xmlui-backgroundColor-AppHeader);
 }
-._headerWrapper_rebcu_138._sticky_rebcu_44 {
+._headerWrapper_fx8ts_113._sticky_fx8ts_44 {
   position: sticky;
 }
-._content_rebcu_27 {
+._content_fx8ts_27 {
   display: flex;
   flex-direction: row;
   isolation: isolate;
 }
-._contentWrapper_rebcu_27 {
+._contentWrapper_fx8ts_27 {
   position: relative;
   min-width: 0;
   flex: 1;
@@ -1213,21 +1170,21 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   border-left: var(--xmlui-borderLeft-content-App);
 }
-._navPanelWrapper_rebcu_33 {
+._navPanelWrapper_fx8ts_33 {
   display: flex;
   position: sticky;
   top: 0;
 }
-._navPanelWrapper_rebcu_33:empty {
+._navPanelWrapper_fx8ts_33:empty {
   display: none;
 }
-._PagesWrapper_rebcu_37 {
+._PagesWrapper_fx8ts_37 {
   flex: 1;
   isolation: isolate;
 }
-._PagesWrapperInner_rebcu_90 {
+._PagesWrapperInner_fx8ts_98 {
   --page-padding-left: var(--xmlui-space-4);
   --page-padding-right: var(--xmlui-space-4);
   --page-padding-top: var(--xmlui-space-5);
@@ -1245,7 +1202,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   display: flex;
   flex-direction: column;
 }
-._PagesWrapperInner_rebcu_90 > .xmlui-page-root {
+._PagesWrapperInner_fx8ts_98 > .xmlui-page-root {
   padding-top: var(--page-padding-top-override, var(--page-padding-top));
   padding-bottom: var(--page-padding-bottom-override, var(--page-padding-bottom));
   padding-right: var(--page-padding-right-override, var(--page-padding-right));
@@ -1257,7 +1214,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   margin-right: calc(-1 * var(--page-padding-right));
 }
-._footerWrapper_rebcu_41 {
+._footerWrapper_fx8ts_41 {
   flex-shrink: 0;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -1391,7 +1348,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.
  */
-._header_1m0kp_13 {
+._header_1w1cw_13 {
   position: relative;
   height: var(--xmlui-height-AppHeader);
   box-sizing: content-box;
@@ -1418,7 +1375,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   border-end-end-radius: var(--xmlui-borderEndEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader));
 }
-._headerInner_1m0kp_40 {
+._headerInner_1w1cw_40 {
   height: 100%;
   flex: 1;
   gap: var(--xmlui-space-4);
@@ -1436,11 +1393,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   width: 100%;
   margin: 0 auto;
 }
-._headerInner_1m0kp_40._full_1m0kp_58 {
-  max-width: 100%;
+._headerInner_1w1cw_40._verticalFullHeader_1w1cw_58 {
+  max-width: var(--xmlui-maxWidth-App-vertical);
+}
+._headerInner_1w1cw_40._verticalFullHeader_1w1cw_58._scrollWholePage_1w1cw_61 {
+  padding-left: calc(var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)) - var(--scrollbar-width));
 }
-._childrenWrapper_1m0kp_62 {
+._childrenWrapper_1w1cw_65 {
   --stack-gap-default: var(--xmlui-space-2);
   display: flex;
   flex-direction: row;
@@ -1452,25 +1412,25 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   justify-content: var(--xmlui-align-content-AppHeader);
 }
-._subNavPanelSlot_1m0kp_74 {
+._subNavPanelSlot_1w1cw_77 {
   display: flex;
   flex-direction: row;
 }
-._logoAndTitle_1m0kp_79 {
+._logoAndTitle_1w1cw_82 {
   display: flex;
   align-items: center;
   gap: var(--xmlui-space-4);
   height: 100%;
 }
-._logoAndTitle_1m0kp_79:not(:empty) {
+._logoAndTitle_1w1cw_82:not(:empty) {
   padding-right: var(--xmlui-space-2);
 }
-._logoAndTitle_1m0kp_79:empty {
+._logoAndTitle_1w1cw_82:empty {
   display: none;
 }
-._logoContainer_1m0kp_92:not(:empty) {
+._logoContainer_1w1cw_95:not(:empty) {
   flex-shrink: 0;
   display: flex;
   width: var(--xmlui-width-logo-AppHeader);
@@ -1483,16 +1443,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   padding-bottom: var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)));
 }
-._customLogoContainer_1m0kp_105 {
+._customLogoContainer_1w1cw_108 {
   display: flex;
   height: 100%;
   align-items: center;
 }
-._customLogoContainer_1m0kp_105 > img {
+._customLogoContainer_1w1cw_108 > img {
   height: 100%;
 }
-._rightItems_1m0kp_114 {
+._rightItems_1w1cw_117 {
   --stack-gap-default: var(--xmlui-space-2);
   gap: var(--stack-gap-default);
   height: 100%;
@@ -1500,11 +1460,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   flex-direction: row;
   align-items: center;
 }
-._rightItems_1m0kp_114:not(:empty) {
+._rightItems_1w1cw_117:not(:empty) {
   padding-left: var(--xmlui-space-4);
 }
-._appHub_1m0kp_126 {
+._appHub_1w1cw_129 {
   text-decoration: none;
   margin-right: var(--xmlui-space-4);
   width: 40px;
@@ -1512,10 +1472,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   color: var(--xmlui-textColor-subtitle);
   cursor: pointer;
 }
-._appHub_1m0kp_126:hover {
+._appHub_1w1cw_129:hover {
   color: var(--xmlui-textColor-secondary);
 }
-._appHub_1m0kp_126 svg {
+._appHub_1w1cw_129 svg {
   width: 100%;
   height: 100%;
 }/*
@@ -5694,40 +5654,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_1ept5_13 > span {
+._selectValue_1xb91_13 > span {
   font-size: var(--xmlui-fontSize-Select-default);
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-._selectValue_1ept5_13 > span > div {
+._selectValue_1xb91_13 > span > div {
   color: var(--xmlui-textColor-Select-default);
   font-size: var(--xmlui-fontSize-Select-default);
 }
-._selectValue_1ept5_13._error_1ept5_21 > span {
+._selectValue_1xb91_13._error_1xb91_21 > span {
   font-size: var(--xmlui-fontSize-Select-error);
   color: var(--xmlui-textColor-placeholder-Select-error);
 }
-._selectValue_1ept5_13._error_1ept5_21 > span > div {
+._selectValue_1xb91_13._error_1xb91_21 > span > div {
   color: var(--xmlui-textColor-Select-error);
   font-size: var(--xmlui-fontSize-Select-error);
 }
-._selectValue_1ept5_13._warning_1ept5_29 > span {
+._selectValue_1xb91_13._warning_1xb91_29 > span {
   font-size: var(--xmlui-fontSize-Select-warning);
   color: var(--xmlui-textColor-placeholder-Select-warning);
 }
-._selectValue_1ept5_13._warning_1ept5_29 > span > div {
+._selectValue_1xb91_13._warning_1xb91_29 > span > div {
   color: var(--xmlui-textColor-Select-warning);
   font-size: var(--xmlui-fontSize-Select-warning);
 }
-._selectValue_1ept5_13._valid_1ept5_37 > span {
+._selectValue_1xb91_13._valid_1xb91_37 > span {
   font-size: var(--xmlui-fontSize-Select-success);
   color: var(--xmlui-textColor-placeholder-Select-success);
 }
-._selectValue_1ept5_13._valid_1ept5_37 > span > div {
+._selectValue_1xb91_13._valid_1xb91_37 > span > div {
   color: var(--xmlui-textColor-Select-success);
   font-size: var(--xmlui-fontSize-Select-success);
 }
-button._selectTrigger_1ept5_46 {
+button._selectTrigger_1xb91_46 {
   min-height: 2.6rem;
   display: flex;
   padding: var(--xmlui-space-1) var(--xmlui-space-2);
@@ -5745,22 +5705,22 @@ button._selectTrigger_1ept5_46 {
   box-shadow: var(--xmlui-boxShadow-Select-default);
   color: var(--xmlui-textColor-Select-default);
 }
-button._selectTrigger_1ept5_46:hover {
+button._selectTrigger_1xb91_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_1ept5_46:focus {
+button._selectTrigger_1xb91_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_1ept5_46::placeholder {
+button._selectTrigger_1xb91_46::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-button._selectTrigger_1ept5_46._error_1ept5_21 {
+button._selectTrigger_1xb91_46._error_1xb91_21 {
   border-radius: var(--xmlui-borderRadius-Select-error);
   border-color: var(--xmlui-borderColor-Select-error);
   border-width: var(--xmlui-borderWidth-Select-error);
@@ -5770,22 +5730,22 @@ button._selectTrigger_1ept5_46._error_1ept5_21 {
   box-shadow: var(--xmlui-boxShadow-Select-error);
   color: var(--xmlui-textColor-Select-error);
 }
-button._selectTrigger_1ept5_46._error_1ept5_21:hover {
+button._selectTrigger_1xb91_46._error_1xb91_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_1ept5_46._error_1ept5_21:focus {
+button._selectTrigger_1xb91_46._error_1xb91_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_1ept5_46._error_1ept5_21::placeholder {
+button._selectTrigger_1xb91_46._error_1xb91_21::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-error);
 }
-button._selectTrigger_1ept5_46._warning_1ept5_29 {
+button._selectTrigger_1xb91_46._warning_1xb91_29 {
   border-radius: var(--xmlui-borderRadius-Select-warning);
   border-color: var(--xmlui-borderColor-Select-warning);
   border-width: var(--xmlui-borderWidth-Select-warning);
@@ -5795,22 +5755,22 @@ button._selectTrigger_1ept5_46._warning_1ept5_29 {
   box-shadow: var(--xmlui-boxShadow-Select-warning);
   color: var(--xmlui-textColor-Select-warning);
 }
-button._selectTrigger_1ept5_46._warning_1ept5_29:hover {
+button._selectTrigger_1xb91_46._warning_1xb91_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_1ept5_46._warning_1ept5_29:focus {
+button._selectTrigger_1xb91_46._warning_1xb91_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_1ept5_46._warning_1ept5_29::placeholder {
+button._selectTrigger_1xb91_46._warning_1xb91_29::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-warning);
 }
-button._selectTrigger_1ept5_46._valid_1ept5_37 {
+button._selectTrigger_1xb91_46._valid_1xb91_37 {
   border-radius: var(--xmlui-borderRadius-Select-success);
   border-color: var(--xmlui-borderColor-Select-success);
   border-width: var(--xmlui-borderWidth-Select-success);
@@ -5820,23 +5780,23 @@ button._selectTrigger_1ept5_46._valid_1ept5_37 {
   box-shadow: var(--xmlui-boxShadow-Select-success);
   color: var(--xmlui-textColor-Select-success);
 }
-button._selectTrigger_1ept5_46._valid_1ept5_37:hover {
+button._selectTrigger_1xb91_46._valid_1xb91_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_1ept5_46._valid_1ept5_37:focus {
+button._selectTrigger_1xb91_46._valid_1xb91_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_1ept5_46._valid_1ept5_37::placeholder {
+button._selectTrigger_1xb91_46._valid_1xb91_37::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-success);
 }
-._selectTrigger_1ept5_46:disabled {
+._selectTrigger_1xb91_46:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
   background-color: var(--xmlui-backgroundColor-Select--disabled);
@@ -5844,28 +5804,28 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   border-color: var(--xmlui-borderColor-Select--disabled);
 }
-._selectTrigger_1ept5_46 > span {
+._selectTrigger_1xb91_46 > span {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
 }
-._badgeListContainer_1ept5_170 {
+._badgeListContainer_1xb91_170 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
 }
-._badgeList_1ept5_170 {
+._badgeList_1xb91_170 {
   gap: 4px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-._badge_1ept5_170 {
+._badge_1xb91_170 {
   width: fit-content;
   height: fit-content;
   min-width: 0;
@@ -5882,27 +5842,27 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   background-color: var(--xmlui-backgroundColor-Select-badge);
   color: var(--xmlui-textColor-Select-badge);
 }
-._badge_1ept5_170:hover {
+._badge_1xb91_170:hover {
   background-color: var(--xmlui-backgroundColor-Select-badge--hover);
   color: var(--xmlui-textColor-Select-badge--hover);
 }
-._badge_1ept5_170:active {
+._badge_1xb91_170:active {
   background-color: var(--xmlui-backgroundColor-Select-badge--active);
   color: var(--xmlui-textColor-Select-badge--active);
 }
-._actions_1ept5_210 {
+._actions_1xb91_210 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._placeholder_1ept5_216 {
+._placeholder_1xb91_216 {
   display: block;
   color: var(--xmlui-textColor-placeholder-Select);
 }
-._emptyList_1ept5_221 {
+._emptyList_1xb91_221 {
   display: flex;
   gap: 0.2rem;
   padding: 10px 0;
@@ -5912,7 +5872,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   width: 100%;
 }
-._selectScrollUpButton_1ept5_231 {
+._selectScrollUpButton_1xb91_231 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -5921,7 +5881,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-bottom: 0.25rem;
 }
-._selectScrollDownButton_1ept5_240 {
+._selectScrollDownButton_1xb91_240 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -5930,7 +5890,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-bottom: 0.25rem;
 }
-._command_1ept5_249 {
+._command_1xb91_249 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -5940,14 +5900,14 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   background-color: var(--xmlui-backgroundColor-menu-Select);
 }
-._commandInputContainer_1ept5_259 {
+._commandInputContainer_1xb91_259 {
   display: flex;
   align-items: center;
   padding: 0 12px;
   border-bottom: 1px solid var(--xmlui-borderColor);
 }
-._commandInput_1ept5_259 {
+._commandInput_1xb91_259 {
   flex: 1;
   background-color: transparent;
   padding: 0.5rem;
@@ -5955,22 +5915,22 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   outline: none;
   border: none;
 }
-._commandInput_1ept5_259:focus {
+._commandInput_1xb91_259:focus {
   outline: none;
   box-shadow: none;
   border: 0;
 }
-._commandInput_1ept5_259:disabled {
+._commandInput_1xb91_259:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
 }
-._commandList_1ept5_284 {
+._commandList_1xb91_284 {
   overflow-y: auto;
   overflow-x: hidden;
 }
-._selectContent_1ept5_289 {
+._selectContent_1xb91_289 {
   position: relative;
   z-index: 50;
   overflow: auto;
@@ -5979,38 +5939,38 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   box-shadow: var(--xmlui-boxShadow-menu-Select);
   border: var(--xmlui-borderWidth-menu-Select) solid var(--xmlui-borderColor-menu-Select);
 }
-._selectContent_1ept5_289[data-state=open] {
-  animation: _fadeIn_1ept5_1 0.3s ease-in-out, _zoomIn_1ept5_1 0.3s ease-in-out;
+._selectContent_1xb91_289[data-state=open] {
+  animation: _fadeIn_1xb91_1 0.1s ease-in-out, _zoomIn_1xb91_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-state=closed] {
-  animation: _fadeOut_1ept5_1 0.3s ease-in-out, _zoomOut_1ept5_1 0.3s ease-in-out;
+._selectContent_1xb91_289[data-state=closed] {
+  animation: _fadeOut_1xb91_1 0.1s ease-in-out, _zoomOut_1xb91_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=bottom] {
-  animation: _slideInFromTop_1ept5_1 0.08s ease-in-out;
+._selectContent_1xb91_289[data-side=bottom] {
+  animation: _slideInFromTop_1xb91_1 0.08s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=left] {
-  animation: _slideInFromRight_1ept5_1 0.3s ease-in-out;
+._selectContent_1xb91_289[data-side=left] {
+  animation: _slideInFromRight_1xb91_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=right] {
-  animation: _slideInFromLeft_1ept5_1 0.3s ease-in-out;
+._selectContent_1xb91_289[data-side=right] {
+  animation: _slideInFromLeft_1xb91_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=top] {
-  animation: _slideInFromBottom_1ept5_1 0.3s ease-in-out;
+._selectContent_1xb91_289[data-side=top] {
+  animation: _slideInFromBottom_1xb91_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=bottom] {
-  transform: translateY(0.25rem);
+._selectContent_1xb91_289[data-side=bottom] {
+  transform: translateY(0.15rem);
 }
-._selectContent_1ept5_289[data-side=left] {
-  transform: translateX(-0.25rem);
+._selectContent_1xb91_289[data-side=left] {
+  transform: translateX(-0.15rem);
 }
-._selectContent_1ept5_289[data-side=right] {
-  transform: translateX(0.25rem);
+._selectContent_1xb91_289[data-side=right] {
+  transform: translateX(0.15rem);
 }
-._selectContent_1ept5_289[data-side=top] {
-  transform: translateY(-0.25rem);
+._selectContent_1xb91_289[data-side=top] {
+  transform: translateY(-0.15rem);
 }
-._multiComboboxOption_1ept5_329 ._multiComboboxOptionContent_1ept5_329 {
+._multiComboboxOption_1xb91_329 ._multiComboboxOptionContent_1xb91_329 {
   width: 100%;
   gap: 1rem;
   display: flex;
@@ -6025,17 +5985,17 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-top: var(--xmlui-paddingTop-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
   padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
 }
-._multiComboboxOption_1ept5_329[data-selected=true] {
+._multiComboboxOption_1xb91_329[data-selected=true] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._multiComboboxOption_1ept5_329[data-disabled=true] {
+._multiComboboxOption_1xb91_329[data-disabled=true] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
-._selectItem_1ept5_354 {
+._selectItem_1xb91_354 {
   position: relative;
   display: flex;
   cursor: default;
@@ -6044,13 +6004,13 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   outline: none;
   font-size: var(--xmlui-fontSize-Select);
 }
-._selectItem_1ept5_354[data-highlighted] {
+._selectItem_1xb91_354[data-highlighted] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._selectItem_1ept5_354[data-state=checked] {
+._selectItem_1xb91_354[data-state=checked] {
   background-color: var(--xmlui-backgroundColor-item-Select--active);
 }
-._selectItem_1ept5_354 ._selectItemContent_1ept5_369 {
+._selectItem_1xb91_354 ._selectItemContent_1xb91_369 {
   width: 100%;
   display: flex;
   cursor: default;
@@ -6064,14 +6024,14 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
 }
-._selectItem_1ept5_354[data-disabled] {
+._selectItem_1xb91_354[data-disabled] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
-._selectItemIndicator_1ept5_390 {
+._selectItemIndicator_1xb91_390 {
   position: absolute;
   right: 0.5rem;
   display: flex;
@@ -6082,13 +6042,13 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   color: var(--xmlui-textColor-indicator-Select);
 }
-._selectViewport_1ept5_401 {
+._selectViewport_1xb91_401 {
   height: var(--radix-select-trigger-height);
   width: 100%;
   min-width: var(--radix-select-trigger-width);
 }
-._selectEmpty_1ept5_407 {
+._selectEmpty_1xb91_407 {
   display: flex;
   gap: 0.2rem;
   height: 100%;
@@ -6099,11 +6059,11 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   width: 100%;
 }
-._loading_1ept5_418 {
+._loading_1xb91_418 {
   padding: 0.5rem 1rem;
 }
-._srOnly_1ept5_422 {
+._srOnly_1xb91_422 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -6115,7 +6075,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   border: 0;
 }
-@keyframes _fadeIn_1ept5_1 {
+@keyframes _fadeIn_1xb91_1 {
   from {
     opacity: 0;
   }
@@ -6123,7 +6083,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     opacity: 1;
   }
 }
-@keyframes _fadeOut_1ept5_1 {
+@keyframes _fadeOut_1xb91_1 {
   from {
     opacity: 1;
   }
@@ -6131,7 +6091,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     opacity: 0;
   }
 }
-@keyframes _zoomIn_1ept5_1 {
+@keyframes _zoomIn_1xb91_1 {
   from {
     transform: scale(0.95);
   }
@@ -6139,7 +6099,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: scale(1);
   }
 }
-@keyframes _zoomOut_1ept5_1 {
+@keyframes _zoomOut_1xb91_1 {
   from {
     transform: scale(1);
   }
@@ -6147,7 +6107,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: scale(0.95);
   }
 }
-@keyframes _slideInFromTop_1ept5_1 {
+@keyframes _slideInFromTop_1xb91_1 {
   from {
     transform: translateY(-0.75rem);
   }
@@ -6155,7 +6115,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromBottom_1ept5_1 {
+@keyframes _slideInFromBottom_1xb91_1 {
   from {
     transform: translateY(0.75rem);
   }
@@ -6163,7 +6123,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromLeft_1ept5_1 {
+@keyframes _slideInFromLeft_1xb91_1 {
   from {
     transform: translateX(-100%);
   }
@@ -6171,7 +6131,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: translateX(0);
   }
 }
-@keyframes _slideInFromRight_1ept5_1 {
+@keyframes _slideInFromRight_1xb91_1 {
   from {
     transform: translateX(100%);
   }
@@ -7516,7 +7476,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
  * 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.
  */
-._outerWrapper_12zu8_13 {
+._outerWrapper_1iosm_13 {
   border-left: var(--xmlui-borderLeft-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)));
   border-right: var(--xmlui-borderRight-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)));
   border-top: var(--xmlui-borderTop-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)));
@@ -7541,7 +7501,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   height: var(--xmlui-height-Footer);
 }
-._wrapper_12zu8_38 {
+._wrapper_1iosm_38 {
   width: 100%;
   display: flex;
   min-height: 0;
@@ -7581,8 +7541,8 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   max-width: var(--xmlui-maxWidth-content-Footer);
   margin: 0 auto;
 }
-._wrapper_12zu8_38._full_12zu8_78 {
-  max-width: 100%;
+._wrapper_1iosm_38._verticalFullHeader_1iosm_78 {
+  max-width: var(--xmlui-maxWidth-App-vertical);
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
  *
@@ -16138,10 +16098,10 @@ li .htmlOl {
   var reactDomExports = reactDom.exports;
   const ReactDOM = /* @__PURE__ */ getDefaultExportFromCjs(reactDomExports);
   var client = {};
-  var m$7 = reactDomExports;
+  var m$6 = reactDomExports;
   {
-    client.createRoot = m$7.createRoot;
-    client.hydrateRoot = m$7.hydrateRoot;
+    client.createRoot = m$6.createRoot;
+    client.hydrateRoot = m$6.hydrateRoot;
   }
   class Subscribable {
     constructor() {
@@ -17193,7 +17153,7 @@ li .htmlOl {
       });
     }
   }
-  var define_process_env_default$a = { 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.21 (built 4/29/2025)" };
+  var define_process_env_default$a = { 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.23 (built 5/1/2025)" };
   class Mutation extends Removable {
     constructor(config) {
       super();
@@ -18663,7 +18623,7 @@ li .htmlOl {
     var t2 = tn$1[r2];
     return t2 || n$4(18, r2), t2;
   }
-  function m$6(n2, r2) {
+  function m$5(n2, r2) {
     tn$1[n2] || (tn$1[n2] = r2);
   }
   function _$4() {
@@ -18678,7 +18638,7 @@ li .htmlOl {
   function g$4(n2) {
     n2 === U$5 && (U$5 = n2.l);
   }
-  function w$5(n2) {
+  function w$4(n2) {
     return U$5 = { p: [], l: U$5, h: n2, m: true, _: 0 };
   }
   function S$4(n2) {
@@ -18889,7 +18849,7 @@ li .htmlOl {
         for (var t3 = this.values(), e3 = t3.next(); !e3.done; ) n3.call(r3, e3.value, e3.value, this), e3 = t3.next();
       }, n2;
     }();
-    m$6("MapSet", { N: function(n2, r3) {
+    m$5("MapSet", { N: function(n2, r3) {
       return new f2(n2, r3);
     }, T: function(n2, r3) {
       return new c2(n2, r3);
@@ -18966,7 +18926,7 @@ li .htmlOl {
         }
         var f2;
         if ("function" != typeof i3 && n$4(6), void 0 !== o2 && "function" != typeof o2 && n$4(7), t$3(r3)) {
-          var c2 = w$5(e3), s2 = R$3(e3, r3, void 0), v2 = true;
+          var c2 = w$4(e3), s2 = R$3(e3, r3, void 0), v2 = true;
           try {
             f2 = i3(s2), v2 = false;
           } finally {
@@ -19004,7 +18964,7 @@ li .htmlOl {
     var i2 = e2.prototype;
     return i2.createDraft = function(e3) {
       t$3(e3) || n$4(8), r$3(e3) && (e3 = D$5(e3));
-      var i3 = w$5(this), o2 = R$3(this, e3, void 0);
+      var i3 = w$4(this), o2 = R$3(this, e3, void 0);
       return o2[Q$3].C = true, g$4(i3), o2;
     }, i2.finishDraft = function(r2, t2) {
       var e3 = r2 && r2[Q$3];
@@ -20409,9 +20369,9 @@ ${error2.errorObject}`;
     });
     return result;
   }
-  function setToArray(set) {
-    var index2 = -1, result = Array(set.size);
-    set.forEach(function(value) {
+  function setToArray(set2) {
+    var index2 = -1, result = Array(set2.size);
+    set2.forEach(function(value) {
       result[++index2] = value;
     });
     return result;
@@ -21153,6 +21113,9 @@ ${error2.errorObject}`;
   var pick$1 = flatRest(function(object, paths) {
     return object == null ? {} : basePick(object, paths);
   });
+  function set(object, path2, value) {
+    return object == null ? object : baseSet(object, path2, value);
+  }
   function setWith(object, path2, value, customizer) {
     customizer = typeof customizer == "function" ? customizer : void 0;
     return object == null ? object : baseSet(object, path2, value, customizer);
@@ -21193,9 +21156,9 @@ ${error2.errorObject}`;
   function baseUniq(array, iteratee, comparator) {
     var index2 = -1, includes = arrayIncludes, length = array.length, isCommon = true, result = [], seen = result;
     if (length >= LARGE_ARRAY_SIZE) {
-      var set = createSet(array);
-      if (set) {
-        return setToArray(set);
+      var set2 = createSet(array);
+      if (set2) {
+        return setToArray(set2);
       }
       isCommon = false;
       includes = cacheHas;
@@ -23213,7 +23176,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(utcDate, flags2, options2) {
+      value: function set2(utcDate, flags2, options2) {
         return this.setValue(utcDate, flags2, this.value, options2);
       }
     }]);
@@ -23235,7 +23198,7 @@ ${error2.errorObject}`;
     }
     _createClass(DateToSystemTimezoneSetter2, [{
       key: "set",
-      value: function set(date, flags2) {
+      value: function set2(date, flags2) {
         if (flags2.timestampIsSet) {
           return date;
         }
@@ -23317,7 +23280,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, flags2, value) {
+      value: function set2(date, flags2, value) {
         flags2.era = value;
         date.setUTCFullYear(value, 0, 1);
         date.setUTCHours(0, 0, 0, 0);
@@ -23517,7 +23480,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, flags2, value) {
+      value: function set2(date, flags2, value) {
         var currentYear = date.getUTCFullYear();
         if (value.isTwoDigitYear) {
           var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
@@ -23574,7 +23537,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, flags2, value, options2) {
+      value: function set2(date, flags2, value, options2) {
         var currentYear = getUTCWeekYear(date, options2);
         if (value.isTwoDigitYear) {
           var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
@@ -23614,7 +23577,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(_date, _flags, value) {
+      value: function set2(_date, _flags, value) {
         var firstWeekOfYear = /* @__PURE__ */ new Date(0);
         firstWeekOfYear.setUTCFullYear(value, 0, 4);
         firstWeekOfYear.setUTCHours(0, 0, 0, 0);
@@ -23647,7 +23610,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCFullYear(value, 0, 1);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -23714,7 +23677,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCMonth((value - 1) * 3, 1);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -23781,7 +23744,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCMonth((value - 1) * 3, 1);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -23852,7 +23815,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCMonth(value, 1);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -23923,7 +23886,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCMonth(value, 1);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -23974,7 +23937,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value, options2) {
+      value: function set2(date, _flags, value, options2) {
         return startOfUTCWeek(setUTCWeek(date, value, options2), options2);
       }
     }]);
@@ -24023,7 +23986,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         return startOfUTCISOWeek(setUTCISOWeek(date, value));
       }
     }]);
@@ -24074,7 +24037,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCDate(value);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -24125,7 +24088,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCMonth(0, value);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -24218,7 +24181,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value, options2) {
+      value: function set2(date, _flags, value, options2) {
         date = setUTCDay(date, value, options2);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -24303,7 +24266,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value, options2) {
+      value: function set2(date, _flags, value, options2) {
         date = setUTCDay(date, value, options2);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -24388,7 +24351,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value, options2) {
+      value: function set2(date, _flags, value, options2) {
         date = setUTCDay(date, value, options2);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -24490,7 +24453,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date = setUTCISODay(date, value);
         date.setUTCHours(0, 0, 0, 0);
         return date;
@@ -24547,7 +24510,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
         return date;
       }
@@ -24603,7 +24566,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
         return date;
       }
@@ -24659,7 +24622,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
         return date;
       }
@@ -24701,7 +24664,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         var isPM = date.getUTCHours() >= 12;
         if (isPM && value < 12) {
           date.setUTCHours(value + 12, 0, 0, 0);
@@ -24750,7 +24713,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCHours(value, 0, 0, 0);
         return date;
       }
@@ -24792,7 +24755,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         var isPM = date.getUTCHours() >= 12;
         if (isPM && value < 12) {
           date.setUTCHours(value + 12, 0, 0, 0);
@@ -24839,7 +24802,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         var hours = value <= 24 ? value % 24 : value;
         date.setUTCHours(hours, 0, 0, 0);
         return date;
@@ -24882,7 +24845,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCMinutes(value, 0, 0);
         return date;
       }
@@ -24924,7 +24887,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCSeconds(value, 0);
         return date;
       }
@@ -24955,7 +24918,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, _flags, value) {
+      value: function set2(date, _flags, value) {
         date.setUTCMilliseconds(value);
         return date;
       }
@@ -24995,7 +24958,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, flags2, value) {
+      value: function set2(date, flags2, value) {
         if (flags2.timestampIsSet) {
           return date;
         }
@@ -25037,7 +25000,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(date, flags2, value) {
+      value: function set2(date, flags2, value) {
         if (flags2.timestampIsSet) {
           return date;
         }
@@ -25067,7 +25030,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(_date, _flags, value) {
+      value: function set2(_date, _flags, value) {
         return [new Date(value * 1e3), {
           timestampIsSet: true
         }];
@@ -25096,7 +25059,7 @@ ${error2.errorObject}`;
       }
     }, {
       key: "set",
-      value: function set(_date, _flags, value) {
+      value: function set2(_date, _flags, value) {
         return [new Date(value), {
           timestampIsSet: true
         }];
@@ -28955,7 +28918,7 @@ ${error2.errorObject}`;
   }, ref) {
     const generatedId2 = reactExports.useId();
     const inputId = id || generatedId2;
-    if (label2 === void 0) {
+    if (label2 === void 0 && !validationResult) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Slot$4, { style: style2, id: inputId, ref, children });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: style2, ref, children: [
@@ -32704,12 +32667,12 @@ ${error2.errorObject}`;
     return sorted;
   }
   function dedupeLinkDescriptors(descriptors2, preloads) {
-    let set = /* @__PURE__ */ new Set();
+    let set2 = /* @__PURE__ */ new Set();
     new Set(preloads);
     return descriptors2.reduce((deduped, descriptor) => {
       let key = JSON.stringify(sortKeys(descriptor));
-      if (!set.has(key)) {
-        set.add(key);
+      if (!set2.has(key)) {
+        set2.add(key);
         deduped.push({
           key,
           link: descriptor
@@ -33207,8 +33170,8 @@ ${error2.errorObject}`;
   }
   var l$3 = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link", META: "meta", NOSCRIPT: "noscript", SCRIPT: "script", STYLE: "style", TITLE: "title", FRAGMENT: "Symbol(react.fragment)" }, p$4 = { rel: ["amphtml", "canonical", "alternate"] }, f$3 = { type: ["application/ld+json"] }, d$4 = { charset: "", name: ["robots", "description"], property: ["og:type", "og:title", "og:url", "og:image", "og:image:alt", "og:description", "twitter:url", "twitter:title", "twitter:description", "twitter:image", "twitter:image:alt", "twitter:card", "twitter:site"] }, h$6 = Object.keys(l$3).map(function(t2) {
     return l$3[t2];
-  }), m$5 = { accesskey: "accessKey", charset: "charSet", class: "className", contenteditable: "contentEditable", contextmenu: "contextMenu", "http-equiv": "httpEquiv", itemprop: "itemProp", tabindex: "tabIndex" }, y$2 = Object.keys(m$5).reduce(function(t2, e2) {
-    return t2[m$5[e2]] = e2, t2;
+  }), m$4 = { accesskey: "accessKey", charset: "charSet", class: "className", contenteditable: "contentEditable", contextmenu: "contextMenu", "http-equiv": "httpEquiv", itemprop: "itemProp", tabindex: "tabIndex" }, y$2 = Object.keys(m$4).reduce(function(t2, e2) {
+    return t2[m$4[e2]] = e2, t2;
   }, {}), T$4 = function(t2, e2) {
     for (var r2 = t2.length - 1; r2 >= 0; r2 -= 1) {
       var n2 = t2[r2];
@@ -33287,7 +33250,7 @@ ${error2.errorObject}`;
   }, I$3 = function(t2, e2) {
     var r2;
     return a$4({}, t2, ((r2 = {})[e2] = void 0, r2));
-  }, P$4 = [l$3.NOSCRIPT, l$3.SCRIPT, l$3.STYLE], w$4 = function(t2, e2) {
+  }, P$4 = [l$3.NOSCRIPT, l$3.SCRIPT, l$3.STYLE], w$3 = function(t2, e2) {
     return void 0 === e2 && (e2 = true), false === e2 ? String(t2) : String(t2).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
   }, x$2 = function(t2) {
     return Object.keys(t2).reduce(function(e2, r2) {
@@ -33296,13 +33259,13 @@ ${error2.errorObject}`;
     }, "");
   }, L$3 = function(t2, e2) {
     return void 0 === e2 && (e2 = {}), Object.keys(t2).reduce(function(e3, r2) {
-      return e3[m$5[r2] || r2] = t2[r2], e3;
+      return e3[m$4[r2] || r2] = t2[r2], e3;
     }, e2);
   }, j$2 = function(e2, r2) {
     return r2.map(function(r3, n2) {
       var i2, o2 = ((i2 = { key: n2 })["data-rh"] = true, i2);
       return Object.keys(r3).forEach(function(t2) {
-        var e3 = m$5[t2] || t2;
+        var e3 = m$4[t2] || t2;
         "innerHTML" === e3 || "cssText" === e3 ? o2.dangerouslySetInnerHTML = { __html: r3.innerHTML || r3.cssText } : o2[e3] = r3[t2];
       }), React.createElement(e2, o2);
     });
@@ -33315,7 +33278,7 @@ ${error2.errorObject}`;
         }, toString: function() {
           return function(t2, e3, r3, n3) {
             var i2 = x$2(r3), o2 = S$3(e3);
-            return i2 ? "<" + t2 + ' data-rh="true" ' + i2 + ">" + w$4(o2, n3) + "</" + t2 + ">" : "<" + t2 + ' data-rh="true">' + w$4(o2, n3) + "</" + t2 + ">";
+            return i2 ? "<" + t2 + ' data-rh="true" ' + i2 + ">" + w$3(o2, n3) + "</" + t2 + ">" : "<" + t2 + ' data-rh="true">' + w$3(o2, n3) + "</" + t2 + ">";
           }(e2, r2.title, r2.titleAttributes, n2);
         } };
       case "bodyAttributes":
@@ -33334,7 +33297,7 @@ ${error2.errorObject}`;
               var i2 = Object.keys(n3).filter(function(t3) {
                 return !("innerHTML" === t3 || "cssText" === t3);
               }).reduce(function(t3, e5) {
-                var i3 = void 0 === n3[e5] ? e5 : e5 + '="' + w$4(n3[e5], r3) + '"';
+                var i3 = void 0 === n3[e5] ? e5 : e5 + '="' + w$3(n3[e5], r3) + '"';
                 return t3 ? t3 + " " + i3 : i3;
               }, ""), o2 = n3.innerHTML || n3.cssText || "", a2 = -1 === P$4.indexOf(t2);
               return e4 + "<" + t2 + ' data-rh="true" ' + i2 + (a2 ? "/>" : ">" + o2 + "</" + t2 + ">");
@@ -33523,23 +33486,23 @@ ${error2.errorObject}`;
     }, r2;
   }(reactExports.Component);
   W$4.propTypes = { base: PropTypes.object, bodyAttributes: PropTypes.object, children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]), defaultTitle: PropTypes.string, defer: PropTypes.bool, encodeSpecialCharacters: PropTypes.bool, htmlAttributes: PropTypes.object, link: PropTypes.arrayOf(PropTypes.object), meta: PropTypes.arrayOf(PropTypes.object), noscript: PropTypes.arrayOf(PropTypes.object), onChangeClientState: PropTypes.func, script: PropTypes.arrayOf(PropTypes.object), style: PropTypes.arrayOf(PropTypes.object), title: PropTypes.string, titleAttributes: PropTypes.object, titleTemplate: PropTypes.string, prioritizeSeoTags: PropTypes.bool, helmetData: PropTypes.object }, W$4.defaultProps = { defer: true, encodeSpecialCharacters: true, prioritizeSeoTags: false }, W$4.displayName = "Helmet";
-  const themeVars$G = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "backgroundColor-content-App": "var(--xmlui-backgroundColor-content-App)", "borderLeft-content-App": "var(--xmlui-borderLeft-content-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
-  const wrapper$e = "_wrapper_rebcu_13";
-  const vertical$4 = "_vertical_rebcu_23";
-  const contentWrapper$1 = "_contentWrapper_rebcu_27";
-  const navPanelWrapper = "_navPanelWrapper_rebcu_33";
-  const PagesWrapper = "_PagesWrapper_rebcu_37";
-  const footerWrapper = "_footerWrapper_rebcu_41";
-  const sticky = "_sticky_rebcu_44";
-  const horizontal$5 = "_horizontal_rebcu_51";
-  const verticalFullHeader = "_verticalFullHeader_rebcu_73";
-  const PagesWrapperInner = "_PagesWrapperInner_rebcu_90";
-  const verticalConstrained = "_verticalConstrained_rebcu_102";
-  const header$2 = "_header_rebcu_108";
-  const scrollWholePage = "_scrollWholePage_rebcu_135";
-  const headerWrapper$1 = "_headerWrapper_rebcu_138";
-  const content$4 = "_content_rebcu_27";
-  const noScrollbarGutters = "_noScrollbarGutters_rebcu_204";
+  const themeVars$G = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "backgroundColor-content-App": "var(--xmlui-backgroundColor-content-App)", "borderLeft-content-App": "var(--xmlui-borderLeft-content-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "maxWidth-App-vertical": "var(--xmlui-maxWidth-App-vertical)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
+  const wrapper$e = "_wrapper_fx8ts_13";
+  const vertical$4 = "_vertical_fx8ts_23";
+  const contentWrapper$1 = "_contentWrapper_fx8ts_27";
+  const navPanelWrapper = "_navPanelWrapper_fx8ts_33";
+  const PagesWrapper = "_PagesWrapper_fx8ts_37";
+  const footerWrapper = "_footerWrapper_fx8ts_41";
+  const sticky = "_sticky_fx8ts_44";
+  const horizontal$5 = "_horizontal_fx8ts_51";
+  const verticalFullHeader$2 = "_verticalFullHeader_fx8ts_73";
+  const contentScroller = "_contentScroller_fx8ts_85";
+  const contentAligner = "_contentAligner_fx8ts_89";
+  const PagesWrapperInner = "_PagesWrapperInner_fx8ts_98";
+  const scrollWholePage$1 = "_scrollWholePage_fx8ts_110";
+  const headerWrapper$1 = "_headerWrapper_fx8ts_113";
+  const content$4 = "_content_fx8ts_27";
+  const noScrollbarGutters = "_noScrollbarGutters_fx8ts_161";
   const styles$U = {
     themeVars: themeVars$G,
     wrapper: wrapper$e,
@@ -33550,11 +33513,11 @@ ${error2.errorObject}`;
     footerWrapper,
     sticky,
     horizontal: horizontal$5,
-    verticalFullHeader,
+    verticalFullHeader: verticalFullHeader$2,
+    contentScroller,
+    contentAligner,
     PagesWrapperInner,
-    verticalConstrained,
-    header: header$2,
-    scrollWholePage,
+    scrollWholePage: scrollWholePage$1,
     headerWrapper: headerWrapper$1,
     content: content$4,
     noScrollbarGutters
@@ -36154,21 +36117,23 @@ ${error2.errorObject}`;
   SheetTitle.displayName = $5d3850c4d0b4e6c7$export$f99233281efd08a0.displayName;
   const SheetDescription = reactExports.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$393edc798c47379d, { ref, className: classnames("text-sm text-muted-foreground", className), ...props }));
   SheetDescription.displayName = $5d3850c4d0b4e6c7$export$393edc798c47379d.displayName;
-  const themeVars$F = `'{"padding-AppHeader": "var(--xmlui-padding-AppHeader)", "paddingHorizontal-AppHeader": "var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader))", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader))", "paddingLeft-AppHeader": "var(--xmlui-paddingLeft-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingRight-AppHeader": "var(--xmlui-paddingRight-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingTop-AppHeader": "var(--xmlui-paddingTop-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingBottom-AppHeader": "var(--xmlui-paddingBottom-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "paddingHorizontal-logo-AppHeader": "var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingVertical-logo-AppHeader": "var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingLeft-logo-AppHeader": "var(--xmlui-paddingLeft-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingRight-logo-AppHeader": "var(--xmlui-paddingRight-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingTop-logo-AppHeader": "var(--xmlui-paddingTop-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingBottom-logo-AppHeader": "var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "border-AppHeader": "var(--xmlui-border-AppHeader)", "borderHorizontal-AppHeader": "var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader))", "borderVertical-AppHeader": "var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader))", "borderLeft-AppHeader": "var(--xmlui-borderLeft-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderRight-AppHeader": "var(--xmlui-borderRight-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderTop-AppHeader": "var(--xmlui-borderTop-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderWidth-AppHeader": "var(--xmlui-borderWidth-AppHeader)", "borderHorizontalWidth-AppHeader": "var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderLeftWidth-AppHeader": "var(--xmlui-borderLeftWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderRightWidth-AppHeader": "var(--xmlui-borderRightWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderVerticalWidth-AppHeader": "var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderTopWidth-AppHeader": "var(--xmlui-borderTopWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderBottomWidth-AppHeader": "var(--xmlui-borderBottomWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderStyle-AppHeader": "var(--xmlui-borderStyle-AppHeader)", "borderHorizontalStyle-AppHeader": "var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderLeftStyle-AppHeader": "var(--xmlui-borderLeftStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderRightStyle-AppHeader": "var(--xmlui-borderRightStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderVerticalStyle-AppHeader": "var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderTopStyle-AppHeader": "var(--xmlui-borderTopStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderBottomStyle-AppHeader": "var(--xmlui-borderBottomStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderColor-AppHeader": "var(--xmlui-borderColor-AppHeader)", "borderHorizontalColor-AppHeader": "var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderLeftColor-AppHeader": "var(--xmlui-borderLeftColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderRightColor-AppHeader": "var(--xmlui-borderRightColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderVerticalColor-AppHeader": "var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderTopColor-AppHeader": "var(--xmlui-borderTopColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderBottomColor-AppHeader": "var(--xmlui-borderBottomColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderStartStartRadius-AppHeader": "var(--xmlui-borderStartStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderStartEndRadius-AppHeader": "var(--xmlui-borderStartEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndStartRadius-AppHeader": "var(--xmlui-borderEndStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndEndRadius-AppHeader": "var(--xmlui-borderEndEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "align-content-AppHeader": "var(--xmlui-align-content-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "maxWidth-content-AppHeader": "var(--xmlui-maxWidth-content-AppHeader)"}'`;
-  const header$1 = "_header_1m0kp_13";
-  const headerInner = "_headerInner_1m0kp_40";
-  const full$1 = "_full_1m0kp_58";
-  const childrenWrapper = "_childrenWrapper_1m0kp_62";
-  const subNavPanelSlot = "_subNavPanelSlot_1m0kp_74";
-  const logoAndTitle = "_logoAndTitle_1m0kp_79";
-  const logoContainer = "_logoContainer_1m0kp_92";
-  const customLogoContainer = "_customLogoContainer_1m0kp_105";
-  const rightItems = "_rightItems_1m0kp_114";
+  const themeVars$F = `'{"padding-AppHeader": "var(--xmlui-padding-AppHeader)", "paddingHorizontal-AppHeader": "var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader))", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader))", "paddingLeft-AppHeader": "var(--xmlui-paddingLeft-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingRight-AppHeader": "var(--xmlui-paddingRight-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingTop-AppHeader": "var(--xmlui-paddingTop-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingBottom-AppHeader": "var(--xmlui-paddingBottom-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "paddingHorizontal-logo-AppHeader": "var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingVertical-logo-AppHeader": "var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingLeft-logo-AppHeader": "var(--xmlui-paddingLeft-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingRight-logo-AppHeader": "var(--xmlui-paddingRight-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingTop-logo-AppHeader": "var(--xmlui-paddingTop-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingBottom-logo-AppHeader": "var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "border-AppHeader": "var(--xmlui-border-AppHeader)", "borderHorizontal-AppHeader": "var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader))", "borderVertical-AppHeader": "var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader))", "borderLeft-AppHeader": "var(--xmlui-borderLeft-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderRight-AppHeader": "var(--xmlui-borderRight-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderTop-AppHeader": "var(--xmlui-borderTop-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderWidth-AppHeader": "var(--xmlui-borderWidth-AppHeader)", "borderHorizontalWidth-AppHeader": "var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderLeftWidth-AppHeader": "var(--xmlui-borderLeftWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderRightWidth-AppHeader": "var(--xmlui-borderRightWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderVerticalWidth-AppHeader": "var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderTopWidth-AppHeader": "var(--xmlui-borderTopWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderBottomWidth-AppHeader": "var(--xmlui-borderBottomWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderStyle-AppHeader": "var(--xmlui-borderStyle-AppHeader)", "borderHorizontalStyle-AppHeader": "var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderLeftStyle-AppHeader": "var(--xmlui-borderLeftStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderRightStyle-AppHeader": "var(--xmlui-borderRightStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderVerticalStyle-AppHeader": "var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderTopStyle-AppHeader": "var(--xmlui-borderTopStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderBottomStyle-AppHeader": "var(--xmlui-borderBottomStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderColor-AppHeader": "var(--xmlui-borderColor-AppHeader)", "borderHorizontalColor-AppHeader": "var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderLeftColor-AppHeader": "var(--xmlui-borderLeftColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderRightColor-AppHeader": "var(--xmlui-borderRightColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderVerticalColor-AppHeader": "var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderTopColor-AppHeader": "var(--xmlui-borderTopColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderBottomColor-AppHeader": "var(--xmlui-borderBottomColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderStartStartRadius-AppHeader": "var(--xmlui-borderStartStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderStartEndRadius-AppHeader": "var(--xmlui-borderStartEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndStartRadius-AppHeader": "var(--xmlui-borderEndStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndEndRadius-AppHeader": "var(--xmlui-borderEndEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "maxWidth-App-vertical": "var(--xmlui-maxWidth-App-vertical)", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "align-content-AppHeader": "var(--xmlui-align-content-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "maxWidth-content-AppHeader": "var(--xmlui-maxWidth-content-AppHeader)"}'`;
+  const header$1 = "_header_1w1cw_13";
+  const headerInner = "_headerInner_1w1cw_40";
+  const verticalFullHeader$1 = "_verticalFullHeader_1w1cw_58";
+  const scrollWholePage = "_scrollWholePage_1w1cw_61";
+  const childrenWrapper = "_childrenWrapper_1w1cw_65";
+  const subNavPanelSlot = "_subNavPanelSlot_1w1cw_77";
+  const logoAndTitle = "_logoAndTitle_1w1cw_82";
+  const logoContainer = "_logoContainer_1w1cw_95";
+  const customLogoContainer = "_customLogoContainer_1w1cw_108";
+  const rightItems = "_rightItems_1w1cw_117";
   const styles$S = {
     themeVars: themeVars$F,
     header: header$1,
     headerInner,
-    full: full$1,
+    verticalFullHeader: verticalFullHeader$1,
+    scrollWholePage,
     childrenWrapper,
     subNavPanelSlot,
     logoAndTitle,
@@ -36399,7 +36364,6 @@ ${error2.errorObject}`;
     style: style2 = EMPTY_OBJECT,
     logoContent,
     className,
-    canRestrictContentWidth,
     navPanelVisible = true,
     toggleDrawer,
     showLogo,
@@ -36412,6 +36376,7 @@ ${error2.errorObject}`;
     const logoUrl = useLogoUrl();
     const subNavPanelSlot2 = reactExports.useRef(null);
     const safeLogoTitle = mediaSize.sizeIndex < 2 ? null : !titleContent && title2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(NavLink, { to: "/", displayActive: false, style: { paddingLeft: 0 }, children: title2 }) : titleContent;
+    const layoutContext = useAppLayoutContext();
     useIsomorphicLayoutEffect$4(() => {
       registerSubNavPanelSlot == null ? void 0 : registerSubNavPanelSlot(subNavPanelSlot2.current);
     }, []);
@@ -36419,7 +36384,8 @@ ${error2.errorObject}`;
       "div",
       {
         className: classnames(styles$S.headerInner, {
-          [styles$S.full]: !canRestrictContentWidth
+          [styles$S.verticalFullHeader]: (layoutContext == null ? void 0 : layoutContext.layout) === "vertical-full-header",
+          [styles$S.scrollWholePage]: layoutContext == null ? void 0 : layoutContext.scrollWholePage
         }),
         children: [
           !navPanelVisible && hasRegisteredNavPanel && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -36467,14 +36433,12 @@ ${error2.errorObject}`;
       registerSubNavPanelSlot
     } = appLayoutContext || {};
     const displayLogo = layout !== "vertical" && layout !== "vertical-sticky" && showLogo;
-    const canRestrictContentWidth = layout !== "vertical-full-header";
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       AppHeader,
       {
         hasRegisteredNavPanel,
         navPanelVisible,
         toggleDrawer,
-        canRestrictContentWidth,
         showLogo: displayLogo,
         logoContent: logoContent || renderChild2(logoContentDef),
         profileMenu,
@@ -36515,6 +36479,8 @@ ${error2.errorObject}`;
     const { setActiveThemeTone, setActiveThemeId, themes } = useThemes();
     const mounted = reactExports.useRef(false);
     const layoutWithDefaultValue = layout || getThemeVar("layout-App") || "condensed-sticky";
+    const isFullVerticalWidth = getThemeVar("maxWidth-App-vertical") === "100%";
+    console.log("isVerticalMaxWidth", isFullVerticalWidth);
     const safeLayout = layoutWithDefaultValue == null ? void 0 : layoutWithDefaultValue.trim().replace(/[\u2013\u2014\u2011]/g, "-");
     const { setLoggedInUser, mediaSize } = useAppContext();
     const hasRegisteredHeader = header2 !== void 0;
@@ -36624,7 +36590,9 @@ ${error2.errorObject}`;
         navPanelDef,
         logoContentDef,
         registerSubNavPanelSlot,
-        subNavPanelSlot: subNavPanelSlot2
+        subNavPanelSlot: subNavPanelSlot2,
+        isFullVerticalWidth,
+        scrollWholePage: scrollWholePage2
       };
     }, [
       hasRegisteredNavPanel,
@@ -36639,7 +36607,9 @@ ${error2.errorObject}`;
       navPanelDef,
       logoContentDef,
       registerSubNavPanelSlot,
-      subNavPanelSlot2
+      subNavPanelSlot2,
+      isFullVerticalWidth,
+      scrollWholePage2
     ]);
     reactExports.useEffect(() => {
       if (navPanelVisible) {
@@ -36713,35 +36683,10 @@ ${error2.errorObject}`;
                   children: header2
                 }
               ),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$U.content, children: [
-                navPanelVisible && /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$U.navPanelWrapper, children: navPanel }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: styles$U.contentWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$U.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollContext.Provider, { value: scrollContainerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$U.PagesWrapperInner, style: pagesWrapperInnerStyle, children }) }) }) })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$U.footerWrapper, ref: footerRefCallback, children: footer2 })
-            ]
-          }
-        );
-        break;
-      case "vertical-constrained-width":
-        content2 = /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: classnames(wrapperBaseClasses, styles$U.verticalConstrained),
-            style: styleWithHelpers,
-            ref: scrollPageContainerRef,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "header",
-                {
-                  className: classnames(styles$U.headerWrapper, styles$U.sticky),
-                  ref: headerRefCallback,
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$U.header, style: { paddingInline: 0 }, children: header2 })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classnames(styles$U.content, styles$U.verticalConstrained), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$U.contentScroller, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$U.contentAligner, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$U.content, children: [
                 navPanelVisible && /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$U.navPanelWrapper, children: navPanel }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: styles$U.contentWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$U.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollContext.Provider, { value: scrollContainerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$U.PagesWrapperInner, style: pagesWrapperInnerStyle, children }) }) }) })
-              ] }),
+              ] }) }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$U.footerWrapper, ref: footerRefCallback, children: footer2 })
             ]
           }
@@ -36837,7 +36782,6 @@ ${error2.errorObject}`;
       case "vertical":
       case "vertical-sticky":
       case "vertical-full-header":
-      case "vertical-constrained-width":
         return "vertical";
       default:
         return "horizontal";
@@ -55429,8 +55373,8 @@ ${error2.errorObject}`;
     if (!itemsToRender || !Array.isArray(itemsToRender)) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: itemsToRender.map(
-      (item2, index2) => renderItem(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: itemsToRender.map((item2, index2) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Fragment, { children: renderItem == null ? void 0 : renderItem(
         {
           $item: item2,
           $itemIndex: index2,
@@ -55438,8 +55382,8 @@ ${error2.errorObject}`;
           $isLast: index2 === itemsToRender.length - 1
         },
         index2
-      )
-    ) });
+      ) }, index2);
+    }) });
   }
   const COMP$V = "Items";
   const ItemsMd = createMetadata({
@@ -55995,7 +55939,7 @@ ${error2.errorObject}`;
   let d$3, f$2, g$2;
   u$4.bind({ g: 1 });
   let h$5 = u$4.bind({ k: 1 });
-  function m$4(e2, t2, r2, l2) {
+  function m$3(e2, t2, r2, l2) {
     o$3.p = t2, d$3 = e2, f$2 = r2, g$2 = l2;
   }
   function j$1(e2, t2) {
@@ -56217,7 +56161,7 @@ to {
 100% {
   opacity: 1;
   height: 10px;
-}`, w$3 = j$1("div")`
+}`, w$2 = j$1("div")`
   width: 20px;
   opacity: 0;
   height: 20px;
@@ -56271,7 +56215,7 @@ to {
     forwards;
 `, M$2 = ({ toast: e2 }) => {
     let { icon: t2, type: o2, iconTheme: s2 } = e2;
-    return t2 !== void 0 ? typeof t2 == "string" ? reactExports.createElement(fe$2, null, t2) : t2 : o2 === "blank" ? null : reactExports.createElement(le$2, null, reactExports.createElement(V$1, { ...s2 }), o2 !== "loading" && reactExports.createElement(ue$2, null, o2 === "error" ? reactExports.createElement(_$2, { ...s2 }) : reactExports.createElement(w$3, { ...s2 })));
+    return t2 !== void 0 ? typeof t2 == "string" ? reactExports.createElement(fe$2, null, t2) : t2 : o2 === "blank" ? null : reactExports.createElement(le$2, null, reactExports.createElement(V$1, { ...s2 }), o2 !== "loading" && reactExports.createElement(ue$2, null, o2 === "error" ? reactExports.createElement(_$2, { ...s2 }) : reactExports.createElement(w$2, { ...s2 })));
   };
   var ye$2 = (e2) => `
 0% {transform: translate3d(0,${e2 * -200}%,0) scale(.6); opacity:.5;}
@@ -56305,7 +56249,7 @@ to {
     let a2 = e2.height ? Ae$1(e2.position || t2 || "top-center", e2.visible) : { opacity: 0 }, r2 = reactExports.createElement(M$2, { toast: e2 }), c2 = reactExports.createElement(Se$2, { ...e2.ariaProps }, T$3(e2.message, e2));
     return reactExports.createElement(be$2, { className: e2.className, style: { ...a2, ...o2, ...e2.style } }, typeof s2 == "function" ? s2({ icon: r2, message: c2 }) : reactExports.createElement(reactExports.Fragment, null, r2, c2));
   });
-  m$4(reactExports.createElement);
+  m$3(reactExports.createElement);
   var Ee$2 = ({ id: e2, className: t2, style: o2, onHeightUpdate: s2, children: a2 }) => {
     let r2 = reactExports.useCallback((c2) => {
       if (c2) {
@@ -56887,18 +56831,18 @@ to {
   };
   const d$2 = null, { min: u$2, max: a$2, abs: h$3, floor: p$2 } = Math, v$2 = (e2, t2, n2) => u$2(n2, a$2(t2, e2)), g$1 = (e2) => [...e2].sort((e3, t2) => e3 - t2), _$1 = "function" == typeof queueMicrotask ? queueMicrotask : (e2) => {
     Promise.resolve().then(e2);
-  }, m$3 = (e2) => {
+  }, m$2 = (e2) => {
     let t2, n2;
     return () => (t2 || (t2 = true, n2 = e2()), n2);
-  }, w$2 = -1, $$3 = (e2, t2, n2) => {
+  }, w$1 = -1, $$3 = (e2, t2, n2) => {
     const o2 = n2 ? "unshift" : "push";
-    for (let n3 = 0; n3 < t2; n3++) e2[o2](w$2);
+    for (let n3 = 0; n3 < t2; n3++) e2[o2](w$1);
     return e2;
   }, S$1 = (e2, t2) => {
     const n2 = e2.t[t2];
-    return n2 === w$2 ? e2.o : n2;
+    return n2 === w$1 ? e2.o : n2;
   }, y$1 = (e2, t2, n2) => {
-    const o2 = e2.t[t2] === w$2;
+    const o2 = e2.t[t2] === w$1;
     return e2.t[t2] = n2, e2.i = u$2(t2, e2.i), o2;
   }, x$1 = (e2, t2) => {
     if (!e2.l) return 0;
@@ -56918,8 +56862,8 @@ to {
     return v$2(n2, 0, e2.l - 1);
   }, I$1 = (e2, t2, n2) => {
     const o2 = t2 - e2.l;
-    return e2.i = n2 ? -1 : u$2(t2 - 1, e2.i), e2.l = t2, o2 > 0 ? ($$3(e2.u, o2), $$3(e2.t, o2, n2), e2.o * o2) : (e2.u.splice(o2), (n2 ? e2.t.splice(0, -o2) : e2.t.splice(o2)).reduce((t3, n3) => t3 - (n3 === w$2 ? e2.o : n3), 0));
-  }, z$1 = "undefined" != typeof window, k$3 = () => document.documentElement, T$2 = (e2) => e2.ownerDocument, R$1 = (e2) => e2.defaultView, M$1 = /* @__PURE__ */ m$3(() => !!z$1 && "rtl" === getComputedStyle(k$3()).direction), C$1 = /* @__PURE__ */ m$3(() => /iP(hone|od|ad)/.test(navigator.userAgent)), E$2 = /* @__PURE__ */ m$3(() => "scrollBehavior" in k$3().style), H$2 = (e2) => a$2(e2.h(), e2.p()), W$2 = (e2) => !!e2.p(), J$2 = (e2, t2 = 40, n2 = 4, o2 = 0, r2, i2 = false) => {
+    return e2.i = n2 ? -1 : u$2(t2 - 1, e2.i), e2.l = t2, o2 > 0 ? ($$3(e2.u, o2), $$3(e2.t, o2, n2), e2.o * o2) : (e2.u.splice(o2), (n2 ? e2.t.splice(0, -o2) : e2.t.splice(o2)).reduce((t3, n3) => t3 - (n3 === w$1 ? e2.o : n3), 0));
+  }, z$1 = "undefined" != typeof window, k$3 = () => document.documentElement, T$2 = (e2) => e2.ownerDocument, R$1 = (e2) => e2.defaultView, M$1 = /* @__PURE__ */ m$2(() => !!z$1 && "rtl" === getComputedStyle(k$3()).direction), C$1 = /* @__PURE__ */ m$2(() => /iP(hone|od|ad)/.test(navigator.userAgent)), E$2 = /* @__PURE__ */ m$2(() => "scrollBehavior" in k$3().style), H$2 = (e2) => a$2(e2.h(), e2.p()), W$2 = (e2) => !!e2.p(), J$2 = (e2, t2 = 40, n2 = 4, o2 = 0, r2, i2 = false) => {
     let s2 = !!o2, l2 = [], c2 = 0, f2 = 0, p2 = 0, v2 = 0, _2 = 0, m2 = 0, z2 = 0, k2 = 0, T2 = 0, R2 = s2 ? [0, a$2(o2 - 1, 0)] : d$2, M2 = [0, 0], E2 = 0;
     const H7 = ((e3, t3, n3) => ({ o: n3 ? n3[1] : t3, t: n3 && n3[0] ? $$3(n3[0].slice(0, u$2(e3, n3[0].length)), a$2(0, e3 - n3[0].length)) : $$3([], e3), l: e3, i: -1, u: $$3([], e3) }))(e2, t2, r2), W2 = /* @__PURE__ */ new Set(), J2 = () => p2 - f2, B2 = () => J2() + m2 + _2, O2 = (e3) => ((e4, t3, n3, o3) => {
       if (o3 = u$2(o3, e4.l - 1), x$1(e4, o3) <= t3) {
@@ -56937,7 +56881,7 @@ to {
       if (z2) return M2;
       let [e3, t3] = O2(a$2(0, B2()));
       return R2 && (e3 = u$2(e3, R2[0]), t3 = a$2(t3, R2[1])), 1 !== k2 && (e3 -= a$2(0, n2)), 2 !== k2 && (t3 += a$2(0, n2)), M2 = [a$2(e3, 0), u$2(t3, H7.l - 1)];
-    }, $: () => b$1(H7, B2()), S: () => b$1(H7, B2() + c2), I: (e3) => H7.t[e3] === w$2, k: () => !!R2 && H7.t.slice(a$2(0, R2[0] - 1), u$2(H7.l - 1, R2[1] + 1) + 1).includes(w$2), T: P2, R: A2, M: () => H7.l, C: () => p2, H: () => 0 !== k2, p: () => c2, W: () => f2, h: L2, J: () => v2, B: () => (z2 = _2, _2 = 0, [z2, 2 === T2 || J2() + c2 >= L2()]), O: (e3, t3) => {
+    }, $: () => b$1(H7, B2()), S: () => b$1(H7, B2() + c2), I: (e3) => H7.t[e3] === w$1, k: () => !!R2 && H7.t.slice(a$2(0, R2[0] - 1), u$2(H7.l - 1, R2[1] + 1) + 1).includes(w$1), T: P2, R: A2, M: () => H7.l, C: () => p2, H: () => 0 !== k2, p: () => c2, W: () => f2, h: L2, J: () => v2, B: () => (z2 = _2, _2 = 0, [z2, 2 === T2 || J2() + c2 >= L2()]), O: (e3, t3) => {
       const n3 = [e3, t3];
       return W2.add(n3), () => {
         W2.delete(n3);
@@ -56969,7 +56913,7 @@ to {
             let n4 = 0;
             const o4 = [];
             e5.t.forEach((e6, r5) => {
-              e6 !== w$2 && (o4.push(e6), r5 < t4 && n4++);
+              e6 !== w$1 && (o4.push(e6), r5 < t4 && n4++);
             }), e5.i = -1;
             const r4 = g$1(o4), i3 = r4.length, s3 = i3 / 2 | 0, l3 = i3 % 2 == 0 ? (r4[s3 - 1] + r4[s3]) / 2 : r4[s3], c3 = e5.o;
             return ((e5.o = l3) - c3) * a$2(t4 - n4, 0);
@@ -58133,7 +58077,7 @@ to {
     scheduler.exports = requireScheduler_production();
   }
   var schedulerExports = scheduler.exports;
-  const d$1 = Symbol(), f$1 = Symbol(), v$1 = "undefined" == typeof window || /ServerSideRendering/.test(window.navigator && window.navigator.userAgent) ? reactExports.useEffect : reactExports.useLayoutEffect, a$1 = schedulerExports.unstable_runWithPriority ? (e2) => schedulerExports.unstable_runWithPriority(schedulerExports.unstable_NormalPriority, e2) : (e2) => e2(), w$1 = (e2) => e2;
+  const d$1 = Symbol(), f$1 = Symbol(), v$1 = "undefined" == typeof window || /ServerSideRendering/.test(window.navigator && window.navigator.userAgent) ? reactExports.useEffect : reactExports.useLayoutEffect, a$1 = schedulerExports.unstable_runWithPriority ? (e2) => schedulerExports.unstable_runWithPriority(schedulerExports.unstable_NormalPriority, e2) : (e2) => e2();
   function E$1(r2) {
     const t2 = reactExports.createContext({ [d$1]: { v: { current: r2 }, n: { current: -1 }, l: /* @__PURE__ */ new Set(), u: (e2) => e2() } });
     var o2;
@@ -58184,9 +58128,6 @@ to {
       s2.delete(l2);
     }), [s2]), p2[1];
   }
-  function m$2(e2) {
-    return h$2(e2, w$1);
-  }
   const validationSeverityValues = ["error", "warning", "valid", "none"];
   const defaultValidationMode = "errorLate";
   const validationModeMd = [
@@ -58204,9 +58145,6 @@ to {
     }
   ];
   const FormContext = E$1(void 0);
-  function useFormContext() {
-    return m$2(FormContext);
-  }
   function useFormContextPart(selector) {
     return h$2(FormContext, selector);
   }
@@ -58267,6 +58205,10 @@ to {
       value: "colorpicker",
       description: "Renders ColorPicker"
     },
+    {
+      value: "items",
+      description: "Renders Items"
+    },
     {
       value: "custom",
       description: "Custom control specified in children"
@@ -67659,41 +67601,41 @@ 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$g = `'{"padding-item-Select": "var(--xmlui-padding-item-Select)", "paddingHorizontal-item-Select": "var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select))", "paddingVertical-item-Select": "var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select))", "paddingLeft-item-Select": "var(--xmlui-paddingLeft-item-Select, var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select)))", "paddingRight-item-Select": "var(--xmlui-paddingRight-item-Select, var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select)))", "paddingTop-item-Select": "var(--xmlui-paddingTop-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)))", "paddingBottom-item-Select": "var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)))", "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_1ept5_13";
-  const error$9 = "_error_1ept5_21";
-  const warning$7 = "_warning_1ept5_29";
-  const valid$b = "_valid_1ept5_37";
-  const selectTrigger = "_selectTrigger_1ept5_46";
-  const badgeListContainer = "_badgeListContainer_1ept5_170";
-  const badgeList$1 = "_badgeList_1ept5_170";
-  const badge$1 = "_badge_1ept5_170";
-  const actions$1 = "_actions_1ept5_210";
-  const placeholder$1 = "_placeholder_1ept5_216";
-  const emptyList = "_emptyList_1ept5_221";
-  const selectScrollUpButton = "_selectScrollUpButton_1ept5_231";
-  const selectScrollDownButton = "_selectScrollDownButton_1ept5_240";
-  const command$1 = "_command_1ept5_249";
-  const commandInputContainer = "_commandInputContainer_1ept5_259";
-  const commandInput$1 = "_commandInput_1ept5_259";
-  const commandList$1 = "_commandList_1ept5_284";
-  const selectContent = "_selectContent_1ept5_289";
-  const fadeIn = "_fadeIn_1ept5_1";
-  const zoomIn = "_zoomIn_1ept5_1";
-  const fadeOut = "_fadeOut_1ept5_1";
-  const zoomOut = "_zoomOut_1ept5_1";
-  const slideInFromTop = "_slideInFromTop_1ept5_1";
-  const slideInFromRight = "_slideInFromRight_1ept5_1";
-  const slideInFromLeft = "_slideInFromLeft_1ept5_1";
-  const slideInFromBottom = "_slideInFromBottom_1ept5_1";
-  const multiComboboxOption = "_multiComboboxOption_1ept5_329";
-  const multiComboboxOptionContent = "_multiComboboxOptionContent_1ept5_329";
-  const selectItem = "_selectItem_1ept5_354";
-  const selectItemContent = "_selectItemContent_1ept5_369";
-  const selectItemIndicator = "_selectItemIndicator_1ept5_390";
-  const selectViewport = "_selectViewport_1ept5_401";
-  const selectEmpty = "_selectEmpty_1ept5_407";
-  const loading = "_loading_1ept5_418";
-  const srOnly = "_srOnly_1ept5_422";
+  const selectValue = "_selectValue_1xb91_13";
+  const error$9 = "_error_1xb91_21";
+  const warning$7 = "_warning_1xb91_29";
+  const valid$b = "_valid_1xb91_37";
+  const selectTrigger = "_selectTrigger_1xb91_46";
+  const badgeListContainer = "_badgeListContainer_1xb91_170";
+  const badgeList$1 = "_badgeList_1xb91_170";
+  const badge$1 = "_badge_1xb91_170";
+  const actions$1 = "_actions_1xb91_210";
+  const placeholder$1 = "_placeholder_1xb91_216";
+  const emptyList = "_emptyList_1xb91_221";
+  const selectScrollUpButton = "_selectScrollUpButton_1xb91_231";
+  const selectScrollDownButton = "_selectScrollDownButton_1xb91_240";
+  const command$1 = "_command_1xb91_249";
+  const commandInputContainer = "_commandInputContainer_1xb91_259";
+  const commandInput$1 = "_commandInput_1xb91_259";
+  const commandList$1 = "_commandList_1xb91_284";
+  const selectContent = "_selectContent_1xb91_289";
+  const fadeIn = "_fadeIn_1xb91_1";
+  const zoomIn = "_zoomIn_1xb91_1";
+  const fadeOut = "_fadeOut_1xb91_1";
+  const zoomOut = "_zoomOut_1xb91_1";
+  const slideInFromTop = "_slideInFromTop_1xb91_1";
+  const slideInFromRight = "_slideInFromRight_1xb91_1";
+  const slideInFromLeft = "_slideInFromLeft_1xb91_1";
+  const slideInFromBottom = "_slideInFromBottom_1xb91_1";
+  const multiComboboxOption = "_multiComboboxOption_1xb91_329";
+  const multiComboboxOptionContent = "_multiComboboxOptionContent_1xb91_329";
+  const selectItem = "_selectItem_1xb91_354";
+  const selectItemContent = "_selectItemContent_1xb91_369";
+  const selectItemIndicator = "_selectItemIndicator_1xb91_390";
+  const selectViewport = "_selectViewport_1xb91_401";
+  const selectEmpty = "_selectEmpty_1xb91_407";
+  const loading = "_loading_1xb91_418";
+  const srOnly = "_srOnly_1xb91_422";
   const styles$s = {
     themeVars: themeVars$g,
     selectValue,
@@ -67811,7 +67753,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         Content2$1,
         {
           className: styles$s.selectContent,
-          position: "popper",
           style: { height },
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollUpButton, { className: styles$s.selectScrollUpButton, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { name: "chevronup" }) }),
@@ -75707,26 +75648,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { variant: "small", preserveLinebreaks: true, children: message2 })
     ] }) });
   };
-  const setByPath = (obj, path2, val) => {
-    const keys2 = path2.split(".");
-    for (let i2 = 0; i2 < keys2.length; i2++) {
-      const currentKey = keys2[i2];
-      const nextKey = keys2[i2 + 1];
-      if (typeof nextKey !== "undefined") {
-        obj[currentKey] = obj[currentKey] ? obj[currentKey] : {};
-      } else {
-        obj[currentKey] = val;
-      }
-      obj = obj[currentKey];
-    }
-  };
   const getByPath = (obj, path2) => {
-    const keys2 = path2.split(".");
-    let ret = obj;
-    for (let i2 = 0; i2 < keys2.length; i2++) {
-      ret = ret == null ? void 0 : ret[keys2[i2]];
-    }
-    return ret;
+    return get(obj, path2);
   };
   const formReducer = fn$1((state, action) => {
     var _a3, _b2, _c2, _d;
@@ -75744,16 +75667,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     switch (action.type) {
       case FormActionKind.FIELD_INITIALIZED: {
         if (!state.interactionFlags[uid].isDirty || action.payload.force) {
-          setByPath(state.subject, uid, action.payload.value);
+          set(state.subject, uid, action.payload.value);
         }
         break;
       }
       case FormActionKind.FIELD_REMOVED: {
         delete state.validationResults[uid];
+        delete state.interactionFlags[uid];
         break;
       }
       case FormActionKind.FIELD_VALUE_CHANGED: {
-        setByPath(state.subject, uid, action.payload.value);
+        set(state.subject, uid, action.payload.value);
         state.interactionFlags[uid].isDirty = true;
         state.interactionFlags[uid].forceShowValidationResult = false;
         break;
@@ -75909,7 +75833,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         originalSubject: initialValue,
         validationResults: formState.validationResults,
         interactionFlags: formState.interactionFlags,
-        resetVersion: formState.resetVersion,
         dispatch,
         enabled: isEnabled2
       };
@@ -75918,7 +75841,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       formState.interactionFlags,
       formState.subject,
       formState.validationResults,
-      formState.resetVersion,
       initialValue,
       isEnabled2,
       itemLabelBreak,
@@ -76062,7 +75984,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               !swapCancelAndSave && [cancelButton, submitButton]
             ] })
           ]
-        }
+        },
+        formState.resetVersion
       ),
       confirmSubmitModalVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(
         ModalDialog,
@@ -78340,6 +78263,33 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     enabled: true,
     customValidationsDebounce: 0
   };
+  const FormItemContext = reactExports.createContext({ parentFormItemId: null });
+  function ArrayLikeFormItem({
+    children,
+    formItemId,
+    registerComponentApi,
+    value = EMPTY_ARRAY,
+    updateState
+  }) {
+    const formContextValue = reactExports.useMemo(() => {
+      return {
+        parentFormItemId: formItemId
+      };
+    }, [formItemId]);
+    const addItem = useEvent((item2) => {
+      updateState({ value: [...value, item2] });
+    });
+    const removeItem = useEvent((index2) => {
+      updateState({ value: value.filter((item2, i2) => i2 !== index2) });
+    });
+    reactExports.useEffect(() => {
+      registerComponentApi == null ? void 0 : registerComponentApi({
+        addItem,
+        removeItem
+      });
+    }, [addItem, registerComponentApi, removeItem]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(FormItemContext.Provider, { value: formContextValue, children });
+  }
   const FormItem = reactExports.memo(function FormItem2({
     style: style2,
     bindTo,
@@ -78357,11 +78307,27 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     registerComponentApi,
     maxTextLength,
     inputRenderer,
+    itemIndex,
+    initialValue: initialValueFromProps,
     ...rest
   }) {
-    var _a3;
     const defaultId = reactExports.useId();
-    const [formItemId, setFormItemId] = reactExports.useState(bindTo);
+    const { parentFormItemId } = reactExports.useContext(FormItemContext);
+    const formItemId = reactExports.useMemo(() => {
+      const safeBindTo = bindTo || `${defaultId}${UNBOUND_FIELD_SUFFIX}`;
+      if (parentFormItemId) {
+        if (itemIndex !== void 0) {
+          let parentFieldReference = `${parentFormItemId}[${itemIndex}]`;
+          if (bindTo !== void 0 && bindTo.trim() === "") {
+            return parentFieldReference;
+          } else {
+            return `${parentFieldReference}.${safeBindTo}`;
+          }
+        }
+      } else {
+        return safeBindTo;
+      }
+    }, [bindTo, defaultId, itemIndex, parentFormItemId]);
     const labelWidthValue = useFormContextPart((value2) => labelWidth || value2.itemLabelWidth);
     const labelBreakValue = useFormContextPart(
       (value2) => labelBreak2 !== void 0 ? labelBreak2 : value2.itemLabelBreak
@@ -78369,26 +78335,20 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     const labelPositionValue = useFormContextPart(
       (value2) => labelPosition || value2.itemLabelPosition || DEFAULT_LABEL_POSITIONS[type]
     );
-    const resetVersion = (_a3 = useFormContext()) == null ? void 0 : _a3.resetVersion;
     const initialValueFromSubject = useFormContextPart(
       (value2) => getByPath(value2.originalSubject, formItemId)
     );
-    const initialValue = initialValueFromSubject === void 0 ? rest.initialValue : initialValueFromSubject;
+    const initialValue = initialValueFromSubject === void 0 ? initialValueFromProps : initialValueFromSubject;
     const value = useFormContextPart((value2) => getByPath(value2.subject, formItemId));
     const validationResult = useFormContextPart((value2) => value2.validationResults[formItemId]);
     const dispatch = useFormContextPart((value2) => value2.dispatch);
     const formEnabled = useFormContextPart((value2) => value2.enabled);
     const isEnabled2 = enabled2 && formEnabled;
     reactExports.useEffect(() => {
-      const newId = bindTo || `${defaultId}${UNBOUND_FIELD_SUFFIX}`;
-      setFormItemId(newId);
-      dispatch(fieldInitialized(newId, initialValue));
-    }, [bindTo, dispatch, initialValue]);
-    reactExports.useEffect(() => {
-      if (resetVersion) {
-        dispatch(fieldInitialized(formItemId, initialValue, true));
+      if (initialValue !== void 0) {
+        dispatch(fieldInitialized(formItemId, initialValue));
       }
-    }, [resetVersion, formItemId, initialValue, dispatch]);
+    }, [dispatch, formItemId, initialValue]);
     useValidation(validations, onValidate, value, dispatch, formItemId, customValidationsDebounce);
     const onStateChange = reactExports.useCallback(
       ({ value: value2 }, options2) => {
@@ -78611,6 +78571,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         );
         break;
       }
+      case "items": {
+        formControl = /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ArrayLikeFormItem,
+          {
+            formItemId,
+            registerComponentApi,
+            updateState: onStateChange,
+            value,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Items, { items: value, renderItem: inputRenderer })
+          }
+        );
+        break;
+      }
       case "custom": {
         formControl = children;
         break;
@@ -78917,6 +78890,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           validationMode: extractValue.asOptionalString(validationMode),
           registerComponentApi,
           maxTextLength: extractValue(maxTextLength),
+          itemIndex: extractValue("{$itemIndex}"),
+          initialValue: extractValue(node2.props.initialValue),
           inputRenderer: inputTemplate ? (contextVars) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             MemoizedItem,
             {
@@ -99619,6 +99594,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     themeVars: parseScssVar(styles$U.themeVars),
     themeVarDescriptions: {
       "maxWidth‑content‑App": "This theme variable defines the maximum width of the main content. If the main content is broader, the engine adds margins to keep the expected maximum size.",
+      "maxWidth-App-vertical": "This theme variable defines the app's full width in vertical layouts.",
       "boxShadow‑header‑App": "This theme variable sets the shadow of the app's header section.",
       "boxShadow‑navPanel‑App": "This theme variable sets the shadow of the app's navigation panel section (visible only in vertical layouts).",
       "width‑navPanel‑App": "This theme variable sets the width of the navigation panel when the app is displayed with one of the vertical layouts."
@@ -99626,6 +99602,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     defaultThemeVars: {
       [`width-navPanel-${COMP$D}`]: "$space-64",
       [`maxWidth-content-${COMP$D}`]: "$maxWidth-content",
+      [`maxWidth-${COMP$D}-vertical`]: "100%",
       [`boxShadow-header-${COMP$D}`]: "$boxShadow-spread",
       [`boxShadow-navPanel-${COMP$D}`]: "$boxShadow-spread",
       [`scroll-padding-block-Pages`]: "$space-4",
@@ -99893,15 +99870,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       );
     }
   );
-  const themeVars$9 = `'{"padding-Footer": "var(--xmlui-padding-Footer)", "paddingHorizontal-Footer": "var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer))", "paddingVertical-Footer": "var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer))", "paddingLeft-Footer": "var(--xmlui-paddingLeft-Footer, var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer)))", "paddingRight-Footer": "var(--xmlui-paddingRight-Footer, var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer)))", "paddingTop-Footer": "var(--xmlui-paddingTop-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)))", "paddingBottom-Footer": "var(--xmlui-paddingBottom-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)))", "border-Footer": "var(--xmlui-border-Footer)", "borderHorizontal-Footer": "var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer))", "borderVertical-Footer": "var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer))", "borderLeft-Footer": "var(--xmlui-borderLeft-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)))", "borderRight-Footer": "var(--xmlui-borderRight-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)))", "borderTop-Footer": "var(--xmlui-borderTop-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)))", "borderBottom-Footer": "var(--xmlui-borderBottom-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)))", "borderWidth-Footer": "var(--xmlui-borderWidth-Footer)", "borderHorizontalWidth-Footer": "var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer))", "borderLeftWidth-Footer": "var(--xmlui-borderLeftWidth-Footer, var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderRightWidth-Footer": "var(--xmlui-borderRightWidth-Footer, var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderVerticalWidth-Footer": "var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer))", "borderTopWidth-Footer": "var(--xmlui-borderTopWidth-Footer, var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderBottomWidth-Footer": "var(--xmlui-borderBottomWidth-Footer, var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderStyle-Footer": "var(--xmlui-borderStyle-Footer)", "borderHorizontalStyle-Footer": "var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer))", "borderLeftStyle-Footer": "var(--xmlui-borderLeftStyle-Footer, var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderRightStyle-Footer": "var(--xmlui-borderRightStyle-Footer, var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderVerticalStyle-Footer": "var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer))", "borderTopStyle-Footer": "var(--xmlui-borderTopStyle-Footer, var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderBottomStyle-Footer": "var(--xmlui-borderBottomStyle-Footer, var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderColor-Footer": "var(--xmlui-borderColor-Footer)", "borderHorizontalColor-Footer": "var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer))", "borderLeftColor-Footer": "var(--xmlui-borderLeftColor-Footer, var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderRightColor-Footer": "var(--xmlui-borderRightColor-Footer, var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderVerticalColor-Footer": "var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer))", "borderTopColor-Footer": "var(--xmlui-borderTopColor-Footer, var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderBottomColor-Footer": "var(--xmlui-borderBottomColor-Footer, var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderStartStartRadius-Footer": "var(--xmlui-borderStartStartRadius-Footer, var(--xmlui-borderRadius-Footer))", "borderStartEndRadius-Footer": "var(--xmlui-borderStartEndRadius-Footer, var(--xmlui-borderRadius-Footer))", "borderEndStartRadius-Footer": "var(--xmlui-borderEndStartRadius-Footer, var(--xmlui-borderRadius-Footer))", "borderEndEndRadius-Footer": "var(--xmlui-borderEndEndRadius-Footer, var(--xmlui-borderRadius-Footer))", "textColor-Footer": "var(--xmlui-textColor-Footer)", "fontFamily-Footer": "var(--xmlui-fontFamily-Footer)", "fontSize-Footer": "var(--xmlui-fontSize-Footer)", "fontStyle-Footer": "var(--xmlui-fontStyle-Footer)", "fontVariant-Footer": "var(--xmlui-fontVariant-Footer)", "fontWeight-Footer": "var(--xmlui-fontWeight-Footer)", "fontStretch-Footer": "var(--xmlui-fontStretch-Footer)", "textDecorationLine-Footer": "var(--xmlui-textDecorationLine-Footer)", "textDecorationColor-Footer": "var(--xmlui-textDecorationColor-Footer)", "textDecorationStyle-Footer": "var(--xmlui-textDecorationStyle-Footer)", "textDecorationThickness-Footer": "var(--xmlui-textDecorationThickness-Footer)", "textUnderlineOffset-Footer": "var(--xmlui-textUnderlineOffset-Footer)", "lineHeight-Footer": "var(--xmlui-lineHeight-Footer)", "backgroundColor-Footer": "var(--xmlui-backgroundColor-Footer)", "textTransform-Footer": "var(--xmlui-textTransform-Footer)", "letterSpacing-Footer": "var(--xmlui-letterSpacing-Footer)", "wordSpacing-Footer": "var(--xmlui-wordSpacing-Footer)", "textShadow-Footer": "var(--xmlui-textShadow-Footer)", "textIndent-Footer": "var(--xmlui-textIndent-Footer)", "textAlign-Footer": "var(--xmlui-textAlign-Footer)", "textAlignLast-Footer": "var(--xmlui-textAlignLast-Footer)", "wordBreak-Footer": "var(--xmlui-wordBreak-Footer)", "wordWrap-Footer": "var(--xmlui-wordWrap-Footer)", "direction-Footer": "var(--xmlui-direction-Footer)", "writingMode-Footer": "var(--xmlui-writingMode-Footer)", "lineBreak-Footer": "var(--xmlui-lineBreak-Footer)", "height-Footer": "var(--xmlui-height-Footer)", "verticalAlign-Footer": "var(--xmlui-verticalAlign-Footer)", "maxWidth-content-Footer": "var(--xmlui-maxWidth-content-Footer)"}'`;
-  const outerWrapper = "_outerWrapper_12zu8_13";
-  const wrapper$2 = "_wrapper_12zu8_38";
-  const full = "_full_12zu8_78";
+  const themeVars$9 = `'{"padding-Footer": "var(--xmlui-padding-Footer)", "paddingHorizontal-Footer": "var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer))", "paddingVertical-Footer": "var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer))", "paddingLeft-Footer": "var(--xmlui-paddingLeft-Footer, var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer)))", "paddingRight-Footer": "var(--xmlui-paddingRight-Footer, var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer)))", "paddingTop-Footer": "var(--xmlui-paddingTop-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)))", "paddingBottom-Footer": "var(--xmlui-paddingBottom-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)))", "border-Footer": "var(--xmlui-border-Footer)", "borderHorizontal-Footer": "var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer))", "borderVertical-Footer": "var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer))", "borderLeft-Footer": "var(--xmlui-borderLeft-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)))", "borderRight-Footer": "var(--xmlui-borderRight-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)))", "borderTop-Footer": "var(--xmlui-borderTop-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)))", "borderBottom-Footer": "var(--xmlui-borderBottom-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)))", "borderWidth-Footer": "var(--xmlui-borderWidth-Footer)", "borderHorizontalWidth-Footer": "var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer))", "borderLeftWidth-Footer": "var(--xmlui-borderLeftWidth-Footer, var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderRightWidth-Footer": "var(--xmlui-borderRightWidth-Footer, var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderVerticalWidth-Footer": "var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer))", "borderTopWidth-Footer": "var(--xmlui-borderTopWidth-Footer, var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderBottomWidth-Footer": "var(--xmlui-borderBottomWidth-Footer, var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderStyle-Footer": "var(--xmlui-borderStyle-Footer)", "borderHorizontalStyle-Footer": "var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer))", "borderLeftStyle-Footer": "var(--xmlui-borderLeftStyle-Footer, var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderRightStyle-Footer": "var(--xmlui-borderRightStyle-Footer, var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderVerticalStyle-Footer": "var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer))", "borderTopStyle-Footer": "var(--xmlui-borderTopStyle-Footer, var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderBottomStyle-Footer": "var(--xmlui-borderBottomStyle-Footer, var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderColor-Footer": "var(--xmlui-borderColor-Footer)", "borderHorizontalColor-Footer": "var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer))", "borderLeftColor-Footer": "var(--xmlui-borderLeftColor-Footer, var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderRightColor-Footer": "var(--xmlui-borderRightColor-Footer, var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderVerticalColor-Footer": "var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer))", "borderTopColor-Footer": "var(--xmlui-borderTopColor-Footer, var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderBottomColor-Footer": "var(--xmlui-borderBottomColor-Footer, var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderStartStartRadius-Footer": "var(--xmlui-borderStartStartRadius-Footer, var(--xmlui-borderRadius-Footer))", "borderStartEndRadius-Footer": "var(--xmlui-borderStartEndRadius-Footer, var(--xmlui-borderRadius-Footer))", "borderEndStartRadius-Footer": "var(--xmlui-borderEndStartRadius-Footer, var(--xmlui-borderRadius-Footer))", "borderEndEndRadius-Footer": "var(--xmlui-borderEndEndRadius-Footer, var(--xmlui-borderRadius-Footer))", "textColor-Footer": "var(--xmlui-textColor-Footer)", "fontFamily-Footer": "var(--xmlui-fontFamily-Footer)", "fontSize-Footer": "var(--xmlui-fontSize-Footer)", "fontStyle-Footer": "var(--xmlui-fontStyle-Footer)", "fontVariant-Footer": "var(--xmlui-fontVariant-Footer)", "fontWeight-Footer": "var(--xmlui-fontWeight-Footer)", "fontStretch-Footer": "var(--xmlui-fontStretch-Footer)", "textDecorationLine-Footer": "var(--xmlui-textDecorationLine-Footer)", "textDecorationColor-Footer": "var(--xmlui-textDecorationColor-Footer)", "textDecorationStyle-Footer": "var(--xmlui-textDecorationStyle-Footer)", "textDecorationThickness-Footer": "var(--xmlui-textDecorationThickness-Footer)", "textUnderlineOffset-Footer": "var(--xmlui-textUnderlineOffset-Footer)", "lineHeight-Footer": "var(--xmlui-lineHeight-Footer)", "backgroundColor-Footer": "var(--xmlui-backgroundColor-Footer)", "textTransform-Footer": "var(--xmlui-textTransform-Footer)", "letterSpacing-Footer": "var(--xmlui-letterSpacing-Footer)", "wordSpacing-Footer": "var(--xmlui-wordSpacing-Footer)", "textShadow-Footer": "var(--xmlui-textShadow-Footer)", "textIndent-Footer": "var(--xmlui-textIndent-Footer)", "textAlign-Footer": "var(--xmlui-textAlign-Footer)", "textAlignLast-Footer": "var(--xmlui-textAlignLast-Footer)", "wordBreak-Footer": "var(--xmlui-wordBreak-Footer)", "wordWrap-Footer": "var(--xmlui-wordWrap-Footer)", "direction-Footer": "var(--xmlui-direction-Footer)", "writingMode-Footer": "var(--xmlui-writingMode-Footer)", "lineBreak-Footer": "var(--xmlui-lineBreak-Footer)", "height-Footer": "var(--xmlui-height-Footer)", "verticalAlign-Footer": "var(--xmlui-verticalAlign-Footer)", "maxWidth-content-Footer": "var(--xmlui-maxWidth-content-Footer)", "maxWidth-App-vertical": "var(--xmlui-maxWidth-App-vertical)"}'`;
+  const outerWrapper = "_outerWrapper_1iosm_13";
+  const wrapper$2 = "_wrapper_1iosm_38";
+  const verticalFullHeader = "_verticalFullHeader_1iosm_78";
   const styles$i = {
     themeVars: themeVars$9,
     outerWrapper,
     wrapper: wrapper$2,
-    full
+    verticalFullHeader
   };
   const Footer = reactExports.forwardRef(function Footer2({
     children,
@@ -99909,12 +99886,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     className
   }, forwardedRef) {
     const { layout } = useAppLayoutContext() || {};
-    const canRestrictContentWidth = layout !== "vertical-full-header";
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i.outerWrapper, ref: forwardedRef, style: style2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         className: classnames(styles$i.wrapper, className, {
-          [styles$i.full]: !canRestrictContentWidth
+          [styles$i.verticalFullHeader]: layout === "vertical-full-header"
         }),
         children
       }
@@ -100008,7 +99984,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     const { level } = reactExports.useContext(NavGroupContext);
     const appLayoutContext = useAppLayoutContext();
     const navPanelContext = reactExports.useContext(NavPanelContext);
-    let inline = (appLayoutContext == null ? void 0 : appLayoutContext.layout) === "vertical" || (appLayoutContext == null ? void 0 : appLayoutContext.layout) === "vertical-sticky" || (appLayoutContext == null ? void 0 : appLayoutContext.layout) === "vertical-full-header" || (appLayoutContext == null ? void 0 : appLayoutContext.layout) === "vertical-constrained-width";
+    let inline = (appLayoutContext == null ? void 0 : appLayoutContext.layout) === "vertical" || (appLayoutContext == null ? void 0 : appLayoutContext.layout) === "vertical-sticky" || (appLayoutContext == null ? void 0 : appLayoutContext.layout) === "vertical-full-header";
     if (navPanelContext !== null) {
       inline = navPanelContext.inDrawer;
     }
@@ -100020,7 +99996,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         iconVerticalCollapsed: iconVerticalCollapsed ?? defaultProps$4.iconVerticalCollapsed,
         iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$4.iconVerticalExpanded
       };
-    }, [level]);
+    }, [iconHorizontalCollapsed, iconHorizontalExpanded, iconVerticalCollapsed, iconVerticalExpanded, level]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(NavGroupContext.Provider, { value: navGroupContextValue, children: inline ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       ExpandableNavGroup,
       {
@@ -107830,10 +107806,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           return map2;
         }
         case SET: {
-          const set = as(/* @__PURE__ */ new Set(), index2);
+          const set2 = as(/* @__PURE__ */ new Set(), index2);
           for (const index3 of value)
-            set.add(unpair(index3));
-          return set;
+            set2.add(unpair(index3));
+          return set2;
         }
         case ERROR: {
           const { name: name2, message: message2 } = value;
@@ -139381,7 +139357,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     function get2() {
       return counter;
     }
-    function set(n2) {
+    function set2(n2) {
       counter = withinLimit(n2);
       return self2;
     }
@@ -139393,7 +139369,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
     const self2 = {
       get: get2,
-      set,
+      set: set2,
       add: add2,
       clone
     };
@@ -140040,7 +140016,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     function get2() {
       return value;
     }
-    function set(n2) {
+    function set2(n2) {
       value = normalizeInput(n2);
     }
     function add2(n2) {
@@ -140054,7 +140030,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
     const self2 = {
       get: get2,
-      set,
+      set: set2,
       add: add2,
       subtract
     };
@@ -144956,7 +144932,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.21";
+  const version = "0.9.23";
   const ApiInterceptorContext = reactExports.createContext(null);
   function useApiInterceptorContext() {
     return reactExports.useContext(ApiInterceptorContext);
@@ -149041,7 +149017,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               {
                 sources,
                 projectCompilation,
-                mockApi: globalProps.demoMockApi,
+                mockApi: globalProps == null ? void 0 : globalProps.demoMockApi,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfirmationModalContextProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   AppContent,
                   {
@@ -149098,13 +149074,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     projectCompilation
   }) {
     const rootNode = reactExports.useMemo(() => {
-      const themedRoot = node2.type === "Theme" ? {
-        ...node2,
-        props: {
-          ...node2.props,
-          root: true
-        }
-      } : {
+      const themedRoot = {
         type: "Theme",
         props: {
           root: true
@@ -149886,7 +149856,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.21 (built 4/29/2025)" };
+  var define_process_env_default$2 = { VITE_XMLUI_VERSION: "0.9.23 (built 5/1/2025)" };
   const MAIN_FILE = "Main." + componentFileExtension;
   const MAIN_CODE_BEHIND_FILE = "Main." + codeBehindFileExtension;
   const CONFIG_FILE = "config.json";
@@ -154324,7 +154294,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.21 (built 4/29/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.23 (built 5/1/2025)" };
   var __defProp$7 = Object.defineProperty;
   var __export = (target2, all2) => {
     for (var name2 in all2)