xmlui 0.9.21 → 0.9.23

package/dist/xmlui-metadata.mjs

@@ -4,7 +4,7 @@ import React__default, { useRef, useInsertionEffect, useCallback, useContext, us
 import classnames from "classnames";
 import * as VisuallyHidden$1 from "@radix-ui/react-visually-hidden";
 import { VisuallyHidden as VisuallyHidden$2 } from "@radix-ui/react-visually-hidden";
-import { throttle, omitBy, isUndefined, isEmpty, noop as noop$2, isArray, isNumber, isNil, isNaN as isNaN$1, isEqual, union, uniq, orderBy } from "lodash-es";
+import { throttle, omitBy, isUndefined, isEmpty, noop as noop$2, isArray, isNumber, set, get, isNil, isNaN as isNaN$1, isPlainObject, isEqual, union, uniq, orderBy } from "lodash-es";
 import { NavLink as NavLink$1, Link } from "@remix-run/react";
 import { DayPicker } from "react-day-picker";
 import { parse, format, parseISO, isValid } from "date-fns";
@@ -13,7 +13,7 @@ import { DropdownMenu, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuCont
 import { flushSync } from "react-dom";
 import produce from "immer";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-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 * as dropzone from "react-dropzone";
 import { Portal, Root, Trigger, Value, Icon as Icon$1, Content, ScrollUpButton, Viewport, ScrollDownButton, Item, ItemText, ItemIndicator } from "@radix-ui/react-select";
 import { Popover, PopoverTrigger, PopoverContent, Portal as Portal$1 } from "@radix-ui/react-popover";
@@ -1697,7 +1697,7 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
 }, ref) {
   const generatedId = useId();
   const inputId = id || generatedId;
-  if (label2 === void 0) {
+  if (label2 === void 0 && !validationResult) {
     return /* @__PURE__ */ jsx(Slot, { style, id: inputId, ref, children });
   }
   return /* @__PURE__ */ jsxs("div", { style, ref, children: [
@@ -3123,7 +3123,7 @@ const ThemeMd = createMetadata({
   },
   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
 };
@@ -3162,7 +3162,7 @@ function useAppLayoutContext() {
   return useContext(AppLayoutContext);
 }
 const ScrollContext = React__default.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
 };
@@ -3392,7 +3392,6 @@ function getAppLayoutOrientation(appLayout) {
     case "vertical":
     case "vertical-sticky":
     case "vertical-full-header":
-    case "vertical-constrained-width":
       return "vertical";
     default:
       return "horizontal";
@@ -3456,6 +3455,7 @@ const AppMd = createMetadata({
   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."
@@ -3463,6 +3463,7 @@ const AppMd = createMetadata({
   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",
@@ -5702,7 +5703,7 @@ const FlowLayoutMd = createMetadata({
   },
   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
 };
@@ -6574,9 +6575,6 @@ const validationModeMd = [
   }
 ];
 const FormContext = createContext$1(void 0);
-function useFormContext() {
-  return useContext$1(FormContext);
-}
 function useFormContextPart(selector) {
   return useContextSelector(FormContext, selector);
 }
@@ -6637,6 +6635,10 @@ const formControlTypesMd = [
     value: "colorpicker",
     description: "Renders ColorPicker"
   },
+  {
+    value: "items",
+    description: "Renders Items"
+  },
   {
     value: "custom",
     description: "Custom control specified in children"
@@ -6962,26 +6964,8 @@ function groupInvalidValidationResultsBySeverity(validationResults) {
 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 get(obj, path);
 };
 produce((state, action) => {
   var _a, _b, _c, _d;
@@ -6999,16 +6983,17 @@ 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;
@@ -7164,7 +7149,6 @@ const Form = forwardRef(function({
       originalSubject: initialValue,
       validationResults: formState.validationResults,
       interactionFlags: formState.interactionFlags,
-      resetVersion: formState.resetVersion,
       dispatch,
       enabled: isEnabled2
     };
@@ -7173,7 +7157,6 @@ const Form = forwardRef(function({
     formState.interactionFlags,
     formState.subject,
     formState.validationResults,
-    formState.resetVersion,
     initialValue,
     isEnabled2,
     itemLabelBreak,
@@ -7317,7 +7300,8 @@ const Form = forwardRef(function({
             !swapCancelAndSave && [cancelButton, submitButton]
           ] })
         ]
-      }
+      },
+      formState.resetVersion
     ),
     confirmSubmitModalVisible && /* @__PURE__ */ jsx(
       ModalDialog,
@@ -12276,41 +12260,41 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
   );
 }
 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,
@@ -12428,7 +12412,6 @@ const SimpleSelect = forwardRef(function SimpleSelect2(props, forwardedRef) {
       Content,
       {
         className: styles$l.selectContent,
-        position: "popper",
         style: { height },
         children: [
           /* @__PURE__ */ jsx(ScrollUpButton, { className: styles$l.selectScrollUpButton, children: /* @__PURE__ */ jsx(Icon, { name: "chevronup" }) }),
@@ -14462,6 +14445,32 @@ function useCursorCorrection(value, inputRef) {
   };
   return onInputChange;
 }
+function Items({ items, renderItem, reverse: reverse2 = false }) {
+  const itemsToRender = useMemo(() => {
+    if (!items) {
+      return [];
+    }
+    let normalizedItems = items;
+    if (isPlainObject(items)) {
+      normalizedItems = Object.values(items);
+    }
+    return reverse2 ? [...normalizedItems].reverse() : normalizedItems;
+  }, [items, reverse2]);
+  if (!itemsToRender || !Array.isArray(itemsToRender)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: itemsToRender.map((item, index) => {
+    return /* @__PURE__ */ jsx(Fragment$1, { 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"
 };
@@ -14471,6 +14480,33 @@ const defaultProps$4 = {
   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((item) => {
+    updateState({ value: [...value, item] });
+  });
+  const removeItem = useEvent((index) => {
+    updateState({ value: value.filter((item, i) => i !== index) });
+  });
+  useEffect(() => {
+    registerComponentApi == null ? void 0 : registerComponentApi({
+      addItem,
+      removeItem
+    });
+  }, [addItem, registerComponentApi, removeItem]);
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: formContextValue, children });
+}
 memo(function FormItem2({
   style,
   bindTo,
@@ -14488,11 +14524,27 @@ 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
@@ -14500,26 +14552,20 @@ 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) => {
@@ -14742,6 +14788,19 @@ 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;
@@ -15509,7 +15568,7 @@ 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;
   }
@@ -15521,7 +15580,7 @@ forwardRef(function NavGroup2({
       iconVerticalCollapsed: iconVerticalCollapsed ?? defaultProps$3.iconVerticalCollapsed,
       iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$3.iconVerticalExpanded
     };
-  }, [level]);
+  }, [iconHorizontalCollapsed, iconHorizontalExpanded, iconVerticalCollapsed, iconVerticalExpanded, level]);
   return /* @__PURE__ */ jsx(NavGroupContext.Provider, { value: navGroupContextValue, children: inline ? /* @__PURE__ */ jsx(
     ExpandableNavGroup,
     {