xmlui 0.9.21 → 0.9.23

package/dist/{index-B3CWFAxa.mjs → index-B8C8yAZL.mjs}

@@ -5,7 +5,7 @@ import React__default, { useRef, useInsertionEffect, useCallback, useMemo, useCo
 import require$$0, { flushSync, createPortal } from "react-dom";
 import { useQuery, useInfiniteQuery, QueryClientProvider, QueryClient } from "@tanstack/react-query";
 import produce, { createDraft, finishDraft, enableMapSet } from "immer";
-import { throttle, get, isNil, omitBy, isUndefined, noop as noop$2, isPlainObject, isEqual, union, uniq, orderBy as orderBy$1, isEmpty, isObject, isArray, groupBy, sortBy, omit, isNumber, isString, isNaN as isNaN$1, cloneDeep, merge, defaultTo, capitalize, unset, setWith, keyBy, pick } from "lodash-es";
+import { throttle, get, isNil, omitBy, isUndefined, noop as noop$2, isPlainObject, isEqual, union, uniq, orderBy as orderBy$1, isEmpty, isObject, isArray, groupBy, sortBy, omit, isNumber, isString, set, isNaN as isNaN$1, cloneDeep, merge, defaultTo, capitalize, unset, setWith, keyBy, pick } from "lodash-es";
 import { formatDistanceToNow, parse, format, parseISO, isValid, isTomorrow, isYesterday, isToday, isThisWeek, formatRelative, isThisYear, isSameDay, differenceInMinutes } from "date-fns";
 import { v as validationStatusMd, l as labelPositionMd, o as orientationOptionMd, a as alignmentOptionValues, L as LinkTargetMd, b as alignmentOptionMd, i as iconPositionMd, c as buttonTypesMd, s as sizeMd, d as buttonThemeMd, e as buttonVariantMd, P as Parser, T as T_CALCULATED_MEMBER_ACCESS_EXPRESSION, f as T_MEMBER_ACCESS_EXPRESSION, g as T_IDENTIFIER, h as T_PREFIX_OP_EXPRESSION, j as T_FUNCTION_DECLARATION, k as T_ARROW_EXPRESSION, m as createXmlUiTreeNodeId, n as T_EMPTY_STATEMENT, p as T_SWITCH_STATEMENT, q as T_TRY_STATEMENT, r as T_THROW_STATEMENT, t as T_FOR_OF_STATEMENT, u as T_FOR_IN_STATEMENT, w as T_FOR_STATEMENT, x as T_EXPRESSION_STATEMENT, y as T_BREAK_STATEMENT, z as T_CONTINUE_STATEMENT, A as T_DO_WHILE_STATEMENT, B as T_WHILE_STATEMENT, C as T_RETURN_STATEMENT, D as T_IF_STATEMENT, E as T_CONST_STATEMENT, F as T_LET_STATEMENT, G as T_ARROW_EXPRESSION_STATEMENT, H as T_BLOCK_STATEMENT, I as T_VAR_STATEMENT, J as T_ASSIGNMENT_EXPRESSION, K as T_LITERAL, M as T_SPREAD_EXPRESSION, N as T_FUNCTION_INVOCATION_EXPRESSION, O as T_POSTFIX_OP_EXPRESSION, Q as T_CONDITIONAL_EXPRESSION, R as T_BINARY_EXPRESSION, S as T_UNARY_EXPRESSION, U as T_OBJECT_LITERAL, V as T_ARRAY_LITERAL, W as T_SEQUENCE_EXPRESSION, X as T_TEMPLATE_LITERAL_EXPRESSION, Y as T_VAR_DECLARATION, Z as T_DESTRUCTURE, _ as TextVariantElement, $ as VariantPropsKeys, a0 as variantOptionsMd, a1 as scrollAnchoringValues, a2 as buttonThemeNames, a3 as iconPositionNames, a4 as buttonVariantNames, a5 as nodeToComponentDef, a6 as triggerPositionNames, a7 as httpMethodNames, a8 as PARSED_MARK_PROP, a9 as layoutOptionKeys, aa as viewportSizeNames, ab as componentFileExtension, ac as codeBehindFileExtension, ad as getLintSeverity, ae as LintSeverity, af as lintApp, ag as printComponentLints, ah as lintErrorsComponent, ai as collectCodeBehindFromSource, aj as removeCodeBehindTokensFromTree } from "./lint-EcgF-9Wr.mjs";
 import classnames from "classnames";
@@ -24,7 +24,7 @@ import { RenderPropSticky } from "react-sticky-el";
 import * as dropzone from "react-dropzone";
 import toast, { Toaster, ToastBar } from "react-hot-toast";
 import { Virtualizer } from "virtua";
-import { createContext as createContext$1, useContextSelector, useContext as useContext$1 } from "use-context-selector";
+import { createContext as createContext$1, useContextSelector } from "use-context-selector";
 import memoizeOne from "memoize-one";
 import { Portal, Root, Trigger, Value, Icon as Icon$1, Content, ScrollUpButton, Viewport, ScrollDownButton, Item as Item$1, ItemText, ItemIndicator, SelectItemText } from "@radix-ui/react-select";
 import { Popover, PopoverTrigger, PopoverContent, Portal as Portal$1 } from "@radix-ui/react-popover";
@@ -1505,7 +1505,7 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
 }, ref) {
   const generatedId2 = useId();
   const inputId = id || generatedId2;
-  if (label2 === void 0) {
+  if (label2 === void 0 && !validationResult) {
     return /* @__PURE__ */ jsx(Slot, { style: style2, id: inputId, ref, children });
   }
   return /* @__PURE__ */ jsxs("div", { style: style2, ref, children: [
@@ -3384,23 +3384,23 @@ function createUrlWithQueryParams(to2) {
   }
   return to2;
 }
-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$g = "_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$2 = "_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$g = "_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$2 = "_content_fx8ts_27";
+const noScrollbarGutters = "_noScrollbarGutters_fx8ts_161";
 const styles$W = {
   themeVars: themeVars$G,
   wrapper: wrapper$g,
@@ -3411,11 +3411,11 @@ const styles$W = {
   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$2,
   noScrollbarGutters
@@ -3565,21 +3565,23 @@ const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, { ref, className: classnames("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.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$U = {
   themeVars: themeVars$F,
   header: header$1,
   headerInner,
-  full: full$1,
+  verticalFullHeader: verticalFullHeader$1,
+  scrollWholePage,
   childrenWrapper,
   subNavPanelSlot,
   logoAndTitle,
@@ -3810,7 +3812,6 @@ const AppHeader = ({
   style: style2 = EMPTY_OBJECT,
   logoContent,
   className,
-  canRestrictContentWidth,
   navPanelVisible = true,
   toggleDrawer,
   showLogo,
@@ -3823,6 +3824,7 @@ const AppHeader = ({
   const logoUrl = useLogoUrl();
   const subNavPanelSlot2 = useRef(null);
   const safeLogoTitle = mediaSize.sizeIndex < 2 ? null : !titleContent && title2 ? /* @__PURE__ */ jsx(NavLink, { to: "/", displayActive: false, style: { paddingLeft: 0 }, children: title2 }) : titleContent;
+  const layoutContext = useAppLayoutContext();
   useIsomorphicLayoutEffect(() => {
     registerSubNavPanelSlot == null ? void 0 : registerSubNavPanelSlot(subNavPanelSlot2.current);
   }, []);
@@ -3830,7 +3832,8 @@ const AppHeader = ({
     "div",
     {
       className: classnames(styles$U.headerInner, {
-        [styles$U.full]: !canRestrictContentWidth
+        [styles$U.verticalFullHeader]: (layoutContext == null ? void 0 : layoutContext.layout) === "vertical-full-header",
+        [styles$U.scrollWholePage]: layoutContext == null ? void 0 : layoutContext.scrollWholePage
       }),
       children: [
         !navPanelVisible && hasRegisteredNavPanel && /* @__PURE__ */ jsx(
@@ -3878,14 +3881,12 @@ function AppContextAwareAppHeader({
     registerSubNavPanelSlot
   } = appLayoutContext || {};
   const displayLogo = layout !== "vertical" && layout !== "vertical-sticky" && showLogo;
-  const canRestrictContentWidth = layout !== "vertical-full-header";
   return /* @__PURE__ */ jsxs(
     AppHeader,
     {
       hasRegisteredNavPanel,
       navPanelVisible,
       toggleDrawer,
-      canRestrictContentWidth,
       showLogo: displayLogo,
       logoContent: logoContent || renderChild2(logoContentDef),
       profileMenu,
@@ -3926,6 +3927,8 @@ function App({
   const { setActiveThemeTone, setActiveThemeId, themes } = useThemes();
   const mounted = 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;
@@ -4035,7 +4038,9 @@ function App({
       navPanelDef,
       logoContentDef,
       registerSubNavPanelSlot,
-      subNavPanelSlot: subNavPanelSlot2
+      subNavPanelSlot: subNavPanelSlot2,
+      isFullVerticalWidth,
+      scrollWholePage: scrollWholePage2
     };
   }, [
     hasRegisteredNavPanel,
@@ -4050,7 +4055,9 @@ function App({
     navPanelDef,
     logoContentDef,
     registerSubNavPanelSlot,
-    subNavPanelSlot2
+    subNavPanelSlot2,
+    isFullVerticalWidth,
+    scrollWholePage2
   ]);
   useEffect(() => {
     if (navPanelVisible) {
@@ -4124,35 +4131,10 @@ function App({
                 children: header2
               }
             ),
-            /* @__PURE__ */ jsxs("div", { className: styles$W.content, children: [
+            /* @__PURE__ */ jsx("div", { className: styles$W.contentScroller, children: /* @__PURE__ */ jsx("div", { className: styles$W.contentAligner, children: /* @__PURE__ */ jsxs("div", { className: styles$W.content, children: [
               navPanelVisible && /* @__PURE__ */ jsx("aside", { className: styles$W.navPanelWrapper, children: navPanel }),
               /* @__PURE__ */ jsx("main", { className: styles$W.contentWrapper, children: /* @__PURE__ */ jsx("div", { className: styles$W.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx(ScrollContext.Provider, { value: scrollContainerRef, children: /* @__PURE__ */ jsx("div", { className: styles$W.PagesWrapperInner, style: pagesWrapperInnerStyle, children }) }) }) })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: styles$W.footerWrapper, ref: footerRefCallback, children: footer })
-          ]
-        }
-      );
-      break;
-    case "vertical-constrained-width":
-      content2 = /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: classnames(wrapperBaseClasses, styles$W.verticalConstrained),
-          style: styleWithHelpers,
-          ref: scrollPageContainerRef,
-          children: [
-            /* @__PURE__ */ jsx(
-              "header",
-              {
-                className: classnames(styles$W.headerWrapper, styles$W.sticky),
-                ref: headerRefCallback,
-                children: /* @__PURE__ */ jsx("div", { className: styles$W.header, style: { paddingInline: 0 }, children: header2 })
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: classnames(styles$W.content, styles$W.verticalConstrained), children: [
-              navPanelVisible && /* @__PURE__ */ jsx("aside", { className: styles$W.navPanelWrapper, children: navPanel }),
-              /* @__PURE__ */ jsx("main", { className: styles$W.contentWrapper, children: /* @__PURE__ */ jsx("div", { className: styles$W.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx(ScrollContext.Provider, { value: scrollContainerRef, children: /* @__PURE__ */ jsx("div", { className: styles$W.PagesWrapperInner, style: pagesWrapperInnerStyle, children }) }) }) })
-            ] }),
+            ] }) }) }),
             /* @__PURE__ */ jsx("div", { className: styles$W.footerWrapper, ref: footerRefCallback, children: footer })
           ]
         }
@@ -4248,7 +4230,6 @@ function getAppLayoutOrientation(appLayout) {
     case "vertical":
     case "vertical-sticky":
     case "vertical-full-header":
-    case "vertical-constrained-width":
       return "vertical";
     default:
       return "horizontal";
@@ -11433,8 +11414,8 @@ function Items({ items, renderItem, reverse: reverse2 = false }) {
   if (!itemsToRender || !Array.isArray(itemsToRender)) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: itemsToRender.map(
-    (item2, index) => renderItem(
+  return /* @__PURE__ */ jsx(Fragment, { children: itemsToRender.map((item2, index) => {
+    return /* @__PURE__ */ jsx(Fragment$1, { children: renderItem == null ? void 0 : renderItem(
       {
         $item: item2,
         $itemIndex: index,
@@ -11442,8 +11423,8 @@ function Items({ items, renderItem, reverse: reverse2 = false }) {
         $isLast: index === itemsToRender.length - 1
       },
       index
-    )
-  ) });
+    ) }, index);
+  }) });
 }
 const COMP$V = "Items";
 const ItemsMd = createMetadata({
@@ -13193,9 +13174,6 @@ const validationModeMd = [
   }
 ];
 const FormContext = createContext$1(void 0);
-function useFormContext() {
-  return useContext$1(FormContext);
-}
 function useFormContextPart(selector) {
   return useContextSelector(FormContext, selector);
 }
@@ -13256,6 +13234,10 @@ const formControlTypesMd = [
     value: "colorpicker",
     description: "Renders ColorPicker"
   },
+  {
+    value: "items",
+    description: "Renders Items"
+  },
   {
     value: "custom",
     description: "Custom control specified in children"
@@ -15726,41 +15708,41 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
   );
 }
 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$7 = "_error_1ept5_21";
-const warning$7 = "_warning_1ept5_29";
-const valid$7 = "_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$7 = "_error_1xb91_21";
+const warning$7 = "_warning_1xb91_29";
+const valid$7 = "_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$t = {
   themeVars: themeVars$g,
   selectValue,
@@ -15878,7 +15860,6 @@ const SimpleSelect = forwardRef(function SimpleSelect2(props, forwardedRef) {
       Content,
       {
         className: styles$t.selectContent,
-        position: "popper",
         style: { height },
         children: [
           /* @__PURE__ */ jsx(ScrollUpButton, { className: styles$t.selectScrollUpButton, children: /* @__PURE__ */ jsx(Icon, { name: "chevronup" }) }),
@@ -16866,26 +16847,8 @@ const ValidationEntry = ({ issue }) => {
     /* @__PURE__ */ jsx(Text, { variant: "small", preserveLinebreaks: true, children: message })
   ] }) });
 };
-const setByPath = (obj, path, val) => {
-  const keys = path.split(".");
-  for (let i = 0; i < keys.length; i++) {
-    const currentKey = keys[i];
-    const nextKey = keys[i + 1];
-    if (typeof nextKey !== "undefined") {
-      obj[currentKey] = obj[currentKey] ? obj[currentKey] : {};
-    } else {
-      obj[currentKey] = val;
-    }
-    obj = obj[currentKey];
-  }
-};
 const getByPath = (obj, path) => {
-  const keys = path.split(".");
-  let ret = obj;
-  for (let i = 0; i < keys.length; i++) {
-    ret = ret == null ? void 0 : ret[keys[i]];
-  }
-  return ret;
+  return get(obj, path);
 };
 const formReducer = produce((state, action) => {
   var _a, _b, _c, _d;
@@ -16903,16 +16866,17 @@ const formReducer = produce((state, action) => {
   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;
@@ -17068,7 +17032,6 @@ const Form = forwardRef(function({
       originalSubject: initialValue,
       validationResults: formState.validationResults,
       interactionFlags: formState.interactionFlags,
-      resetVersion: formState.resetVersion,
       dispatch,
       enabled: isEnabled2
     };
@@ -17077,7 +17040,6 @@ const Form = forwardRef(function({
     formState.interactionFlags,
     formState.subject,
     formState.validationResults,
-    formState.resetVersion,
     initialValue,
     isEnabled2,
     itemLabelBreak,
@@ -17221,7 +17183,8 @@ const Form = forwardRef(function({
             !swapCancelAndSave && [cancelButton, submitButton]
           ] })
         ]
-      }
+      },
+      formState.resetVersion
     ),
     confirmSubmitModalVisible && /* @__PURE__ */ jsx(
       ModalDialog,
@@ -18572,6 +18535,33 @@ const defaultProps$5 = {
   enabled: true,
   customValidationsDebounce: 0
 };
+const FormItemContext = createContext({ parentFormItemId: null });
+function ArrayLikeFormItem({
+  children,
+  formItemId,
+  registerComponentApi,
+  value = EMPTY_ARRAY,
+  updateState
+}) {
+  const formContextValue = useMemo(() => {
+    return {
+      parentFormItemId: formItemId
+    };
+  }, [formItemId]);
+  const addItem = useEvent((item2) => {
+    updateState({ value: [...value, item2] });
+  });
+  const removeItem = useEvent((index) => {
+    updateState({ value: value.filter((item2, i) => i !== index) });
+  });
+  useEffect(() => {
+    registerComponentApi == null ? void 0 : registerComponentApi({
+      addItem,
+      removeItem
+    });
+  }, [addItem, registerComponentApi, removeItem]);
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: formContextValue, children });
+}
 const FormItem = memo(function FormItem2({
   style: style2,
   bindTo,
@@ -18589,11 +18579,27 @@ const FormItem = memo(function FormItem2({
   registerComponentApi,
   maxTextLength,
   inputRenderer,
+  itemIndex,
+  initialValue: initialValueFromProps,
   ...rest
 }) {
-  var _a;
   const defaultId = useId();
-  const [formItemId, setFormItemId] = useState(bindTo);
+  const { parentFormItemId } = useContext(FormItemContext);
+  const formItemId = 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
@@ -18601,26 +18607,20 @@ const FormItem = memo(function FormItem2({
   const labelPositionValue = useFormContextPart(
     (value2) => labelPosition || value2.itemLabelPosition || DEFAULT_LABEL_POSITIONS[type]
   );
-  const resetVersion = (_a = useFormContext()) == null ? void 0 : _a.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;
   useEffect(() => {
-    const newId = bindTo || `${defaultId}${UNBOUND_FIELD_SUFFIX}`;
-    setFormItemId(newId);
-    dispatch(fieldInitialized(newId, initialValue));
-  }, [bindTo, dispatch, initialValue]);
-  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 = useCallback(
     ({ value: value2 }, options2) => {
@@ -18843,6 +18843,19 @@ const FormItem = memo(function FormItem2({
       );
       break;
     }
+    case "items": {
+      formControl = /* @__PURE__ */ jsx(
+        ArrayLikeFormItem,
+        {
+          formItemId,
+          registerComponentApi,
+          updateState: onStateChange,
+          value,
+          children: /* @__PURE__ */ jsx(Items, { items: value, renderItem: inputRenderer })
+        }
+      );
+      break;
+    }
     case "custom": {
       formControl = children;
       break;
@@ -19149,6 +19162,8 @@ const formItemComponentRenderer = createComponentRenderer(
         validationMode: extractValue.asOptionalString(validationMode),
         registerComponentApi,
         maxTextLength: extractValue(maxTextLength),
+        itemIndex: extractValue("{$itemIndex}"),
+        initialValue: extractValue(node.props.initialValue),
         inputRenderer: inputTemplate ? (contextVars) => /* @__PURE__ */ jsx(
           MemoizedItem,
           {
@@ -20264,6 +20279,7 @@ const AppMd = createMetadata({
   themeVars: parseScssVar(styles$W.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."
@@ -20271,6 +20287,7 @@ const AppMd = createMetadata({
   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",
@@ -20538,15 +20555,15 @@ const pagesRenderer = createComponentRenderer(
     );
   }
 );
-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$3 = "_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$3 = "_wrapper_1iosm_38";
+const verticalFullHeader = "_verticalFullHeader_1iosm_78";
 const styles$j = {
   themeVars: themeVars$9,
   outerWrapper,
   wrapper: wrapper$3,
-  full
+  verticalFullHeader
 };
 const Footer = forwardRef(function Footer2({
   children,
@@ -20554,12 +20571,11 @@ const Footer = forwardRef(function Footer2({
   className
 }, forwardedRef) {
   const { layout } = useAppLayoutContext() || {};
-  const canRestrictContentWidth = layout !== "vertical-full-header";
   return /* @__PURE__ */ jsx("div", { className: styles$j.outerWrapper, ref: forwardedRef, style: style2, children: /* @__PURE__ */ jsx(
     "div",
     {
       className: classnames(styles$j.wrapper, className, {
-        [styles$j.full]: !canRestrictContentWidth
+        [styles$j.verticalFullHeader]: layout === "vertical-full-header"
       }),
       children
     }
@@ -20653,7 +20669,7 @@ const NavGroup = forwardRef(function NavGroup2({
   const { level } = useContext(NavGroupContext);
   const appLayoutContext = useAppLayoutContext();
   const navPanelContext = 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;
   }
@@ -20665,7 +20681,7 @@ const NavGroup = forwardRef(function NavGroup2({
       iconVerticalCollapsed: iconVerticalCollapsed ?? defaultProps$4.iconVerticalCollapsed,
       iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$4.iconVerticalExpanded
     };
-  }, [level]);
+  }, [iconHorizontalCollapsed, iconHorizontalExpanded, iconVerticalCollapsed, iconVerticalExpanded, level]);
   return /* @__PURE__ */ jsx(NavGroupContext.Provider, { value: navGroupContextValue, children: inline ? /* @__PURE__ */ jsx(
     ExpandableNavGroup,
     {
@@ -31444,7 +31460,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.9.21";
+const version = "0.9.23";
 const ApiInterceptorContext = createContext(null);
 function useApiInterceptorContext() {
   return useContext(ApiInterceptorContext);
@@ -35445,7 +35461,7 @@ const AppWrapper = ({
             {
               sources,
               projectCompilation,
-              mockApi: globalProps.demoMockApi,
+              mockApi: globalProps == null ? void 0 : globalProps.demoMockApi,
               children: /* @__PURE__ */ jsx(ConfirmationModalContextProvider, { children: /* @__PURE__ */ jsx(
                 AppContent,
                 {
@@ -35502,13 +35518,7 @@ function AppRoot({
   projectCompilation
 }) {
   const rootNode = useMemo(() => {
-    const themedRoot = node.type === "Theme" ? {
-      ...node,
-      props: {
-        ...node.props,
-        root: true
-      }
-    } : {
+    const themedRoot = {
       type: "Theme",
       props: {
         root: true
@@ -35583,7 +35593,7 @@ function ApiInterceptorProvider({
       let interceptorWorker;
       (async () => {
         if (process.env.VITE_MOCK_ENABLED) {
-          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-7aKQ2rBj.mjs");
+          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-DZyEgCvB.mjs");
           if (interceptor) {
             interceptorWorker = await createApiInterceptorWorker(interceptor, apiWorker);
             if (!apiWorker) {