xmlui 0.9.21 → 0.9.23

package/dist/xmlui-metadata.umd.js

@@ -1694,7 +1694,7 @@
   }, ref) {
     const generatedId = React.useId();
     const inputId = id || generatedId;
-    if (label2 === void 0) {
+    if (label2 === void 0 && !validationResult) {
       return /* @__PURE__ */ jsxRuntime.jsx(Slot, { style, id: inputId, ref, children });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { style, ref, children: [
@@ -3120,7 +3120,7 @@
     },
     opaque: true
   });
-  const themeVars$F = `'{"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 themeVars$F = `'{"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 styles$I = {
     themeVars: themeVars$F
   };
@@ -3159,7 +3159,7 @@
     return React.useContext(AppLayoutContext);
   }
   const ScrollContext = React.createContext(null);
-  const themeVars$E = `'{"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 themeVars$E = `'{"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 styles$H = {
     themeVars: themeVars$E
   };
@@ -3389,7 +3389,6 @@
       case "vertical":
       case "vertical-sticky":
       case "vertical-full-header":
-      case "vertical-constrained-width":
         return "vertical";
       default:
         return "horizontal";
@@ -3453,6 +3452,7 @@
     themeVars: parseScssVar(styles$I.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."
@@ -3460,6 +3460,7 @@
     defaultThemeVars: {
       [`width-navPanel-${COMP$$}`]: "$space-64",
       [`maxWidth-content-${COMP$$}`]: "$maxWidth-content",
+      [`maxWidth-${COMP$$}-vertical`]: "100%",
       [`boxShadow-header-${COMP$$}`]: "$boxShadow-spread",
       [`boxShadow-navPanel-${COMP$$}`]: "$boxShadow-spread",
       [`scroll-padding-block-Pages`]: "$space-4",
@@ -5699,7 +5700,7 @@
     },
     themeVars: parseScssVar(styles$s.themeVars)
   });
-  const themeVars$o = `'{"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 themeVars$o = `'{"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 styles$r = {
     themeVars: themeVars$o
   };
@@ -6571,9 +6572,6 @@
     }
   ];
   const FormContext = useContextSelector.createContext(void 0);
-  function useFormContext() {
-    return useContextSelector.useContext(FormContext);
-  }
   function useFormContextPart(selector) {
     return useContextSelector.useContextSelector(FormContext, selector);
   }
@@ -6634,6 +6632,10 @@
       value: "colorpicker",
       description: "Renders ColorPicker"
     },
+    {
+      value: "items",
+      description: "Renders Items"
+    },
     {
       value: "custom",
       description: "Custom control specified in children"
@@ -6959,26 +6961,8 @@
   function pluralize(count, word) {
     return count === 1 ? word : word + "s";
   }
-  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 lodashEs.get(obj, path);
   };
   produce((state, action) => {
     var _a, _b, _c, _d;
@@ -6996,16 +6980,17 @@
     switch (action.type) {
       case FormActionKind.FIELD_INITIALIZED: {
         if (!state.interactionFlags[uid].isDirty || action.payload.force) {
-          setByPath(state.subject, uid, action.payload.value);
+          lodashEs.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);
+        lodashEs.set(state.subject, uid, action.payload.value);
         state.interactionFlags[uid].isDirty = true;
         state.interactionFlags[uid].forceShowValidationResult = false;
         break;
@@ -7161,7 +7146,6 @@
         originalSubject: initialValue,
         validationResults: formState.validationResults,
         interactionFlags: formState.interactionFlags,
-        resetVersion: formState.resetVersion,
         dispatch,
         enabled: isEnabled2
       };
@@ -7170,7 +7154,6 @@
       formState.interactionFlags,
       formState.subject,
       formState.validationResults,
-      formState.resetVersion,
       initialValue,
       isEnabled2,
       itemLabelBreak,
@@ -7314,7 +7297,8 @@
               !swapCancelAndSave && [cancelButton, submitButton]
             ] })
           ]
-        }
+        },
+        formState.resetVersion
       ),
       confirmSubmitModalVisible && /* @__PURE__ */ jsxRuntime.jsx(
         ModalDialog,
@@ -12273,41 +12257,41 @@
     );
   }
   const themeVars$j = `'{"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$6 = "_error_1ept5_21";
-  const warning$6 = "_warning_1ept5_29";
-  const valid$6 = "_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 = "_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$6 = "_error_1xb91_21";
+  const warning$6 = "_warning_1xb91_29";
+  const valid$6 = "_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 = "_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$l = {
     themeVars: themeVars$j,
     selectValue,
@@ -12425,7 +12409,6 @@
         reactSelect.Content,
         {
           className: styles$l.selectContent,
-          position: "popper",
           style: { height },
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(reactSelect.ScrollUpButton, { className: styles$l.selectScrollUpButton, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "chevronup" }) }),
@@ -14459,6 +14442,32 @@
     };
     return onInputChange;
   }
+  function Items({ items, renderItem, reverse: reverse2 = false }) {
+    const itemsToRender = React.useMemo(() => {
+      if (!items) {
+        return [];
+      }
+      let normalizedItems = items;
+      if (lodashEs.isPlainObject(items)) {
+        normalizedItems = Object.values(items);
+      }
+      return reverse2 ? [...normalizedItems].reverse() : normalizedItems;
+    }, [items, reverse2]);
+    if (!itemsToRender || !Array.isArray(itemsToRender)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: itemsToRender.map((item, index) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem == null ? void 0 : renderItem(
+        {
+          $item: item,
+          $itemIndex: index,
+          $isFirst: index === 0,
+          $isLast: index === itemsToRender.length - 1
+        },
+        index
+      ) }, index);
+    }) });
+  }
   const DEFAULT_LABEL_POSITIONS = {
     checkbox: "end"
   };
@@ -14468,6 +14477,33 @@
     enabled: true,
     customValidationsDebounce: 0
   };
+  const FormItemContext = React.createContext({ parentFormItemId: null });
+  function ArrayLikeFormItem({
+    children,
+    formItemId,
+    registerComponentApi,
+    value = EMPTY_ARRAY,
+    updateState
+  }) {
+    const formContextValue = React.useMemo(() => {
+      return {
+        parentFormItemId: formItemId
+      };
+    }, [formItemId]);
+    const addItem = useEvent((item) => {
+      updateState({ value: [...value, item] });
+    });
+    const removeItem = useEvent((index) => {
+      updateState({ value: value.filter((item, i) => i !== index) });
+    });
+    React.useEffect(() => {
+      registerComponentApi == null ? void 0 : registerComponentApi({
+        addItem,
+        removeItem
+      });
+    }, [addItem, registerComponentApi, removeItem]);
+    return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: formContextValue, children });
+  }
   React.memo(function FormItem2({
     style,
     bindTo,
@@ -14485,11 +14521,27 @@
     registerComponentApi,
     maxTextLength,
     inputRenderer,
+    itemIndex,
+    initialValue: initialValueFromProps,
     ...rest
   }) {
-    var _a;
     const defaultId = React.useId();
-    const [formItemId, setFormItemId] = React.useState(bindTo);
+    const { parentFormItemId } = React.useContext(FormItemContext);
+    const formItemId = React.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
@@ -14497,26 +14549,20 @@
     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;
     React.useEffect(() => {
-      const newId = bindTo || `${defaultId}${UNBOUND_FIELD_SUFFIX}`;
-      setFormItemId(newId);
-      dispatch(fieldInitialized(newId, initialValue));
-    }, [bindTo, dispatch, initialValue]);
-    React.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 = React.useCallback(
       ({ value: value2 }, options2) => {
@@ -14739,6 +14785,19 @@
         );
         break;
       }
+      case "items": {
+        formControl = /* @__PURE__ */ jsxRuntime.jsx(
+          ArrayLikeFormItem,
+          {
+            formItemId,
+            registerComponentApi,
+            updateState: onStateChange,
+            value,
+            children: /* @__PURE__ */ jsxRuntime.jsx(Items, { items: value, renderItem: inputRenderer })
+          }
+        );
+        break;
+      }
       case "custom": {
         formControl = children;
         break;
@@ -15506,7 +15565,7 @@
     const { level } = React.useContext(NavGroupContext);
     const appLayoutContext = useAppLayoutContext();
     const navPanelContext = React.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;
     }
@@ -15518,7 +15577,7 @@
         iconVerticalCollapsed: iconVerticalCollapsed ?? defaultProps$3.iconVerticalCollapsed,
         iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$3.iconVerticalExpanded
       };
-    }, [level]);
+    }, [iconHorizontalCollapsed, iconHorizontalExpanded, iconVerticalCollapsed, iconVerticalExpanded, level]);
     return /* @__PURE__ */ jsxRuntime.jsx(NavGroupContext.Provider, { value: navGroupContextValue, children: inline ? /* @__PURE__ */ jsxRuntime.jsx(
       ExpandableNavGroup,
       {