xmlui 0.10.26 → 0.11.2

package/dist/lib/{index-DHXWMb-6.mjs → index-DyhCY6Ga.js}

@@ -9,8 +9,9 @@ import { useQuery, useInfiniteQuery, QueryClientProvider, QueryClient } from "@t
 import produce, { createDraft, finishDraft, enableMapSet } from "immer";
 import { throttle, get, isNil, omitBy, isUndefined, isString as isString$1, isPlainObject, noop as noop$2, isEmpty, isEqual, union, uniq, orderBy as orderBy$1, isObject, isArray, groupBy, sortBy, omit, isNumber, set, isNaN as isNaN$1, cloneDeep, merge, defaultTo, capitalize, unset, setWith, keyBy, pick } from "lodash-es";
 import { formatDistanceToNow, parse, format, parseISO, isValid, isToday, isYesterday, isTomorrow, isThisWeek, formatRelative, isThisYear, isSameDay, differenceInMinutes } from "date-fns";
-import { l as labelPositionMd, o as orientationOptionMd, v as validationStatusMd, b as alignmentOptionValues, i as isSizeType, c as layoutOptionKeys, L as LinkTargetMd, d as alignmentOptionMd, e as iconPositionMd, f as buttonTypesMd, s as sizeMd, g as buttonThemeMd, h as buttonVariantMd, T as TextVariantElement, V as VariantPropsKeys, j as variantOptionsMd, k as scrollAnchoringValues, m as buttonThemeNames, n as iconPositionNames, p as buttonVariantNames, q as buttonVariantValues, t as triggerPositionNames, r as httpMethodNames, u as orientationOptionValues, w as viewportSizeNames, M as MetadataProvider } from "./metadata-utils-DXUdlyja.mjs";
+import { l as labelPositionMd, o as orientationOptionMd, v as validationStatusMd, b as alignmentOptionValues, i as isSizeType, c as layoutOptionKeys, L as LinkTargetMd, d as alignmentOptionMd, e as iconPositionMd, f as buttonTypesMd, s as sizeMd, g as buttonThemeMd, h as buttonVariantMd, T as TextVariantElement, V as VariantPropsKeys, j as variantOptionsMd, k as scrollAnchoringValues, m as buttonThemeNames, n as iconPositionNames, p as buttonVariantNames, q as buttonVariantValues, t as triggerPositionNames, r as httpMethodNames, u as orientationOptionValues, w as viewportSizeNames, M as MetadataProvider } from "./metadata-utils-D27cn-XB.js";
 import classnames from "classnames";
+import { c as PART_LABELED_ITEM, d as PART_LABEL, b as PART_INPUT, P as PART_START_ADORNMENT, a as PART_END_ADORNMENT, x as xmlUiMarkupToComponent, e as errReportComponent, f as errReportMessage, g as errReportScriptError, h as errReportModuleErrors } from "./xmlui-parser-BZZ430Wm.js";
 import Color from "color";
 import * as ReactDropdownMenu from "@radix-ui/react-dropdown-menu";
 import { DropdownMenu as DropdownMenu$1, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuSub, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuSubContent as DropdownMenuSubContent$1 } from "@radix-ui/react-dropdown-menu";
@@ -21,7 +22,7 @@ import { useLocation, NavLink as NavLink$1, Link, useNavigate, Routes, Route, Na
 import { Helmet, HelmetProvider } from "react-helmet-async";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { useContextSelector, createContext as createContext$1 } from "use-context-selector";
-import { F as Parser, G as T_CALCULATED_MEMBER_ACCESS_EXPRESSION, H as T_MEMBER_ACCESS_EXPRESSION, I as T_IDENTIFIER, J as T_PREFIX_OP_EXPRESSION, K as T_FUNCTION_DECLARATION, L as T_ARROW_EXPRESSION, M as createXmlUiTreeNodeId, O as T_EMPTY_STATEMENT, Q as T_SWITCH_STATEMENT, R as T_TRY_STATEMENT, V as T_THROW_STATEMENT, W as T_FOR_OF_STATEMENT, X as T_FOR_IN_STATEMENT, Y as T_FOR_STATEMENT, Z as T_EXPRESSION_STATEMENT, _ as T_BREAK_STATEMENT, $ as T_CONTINUE_STATEMENT, a0 as T_DO_WHILE_STATEMENT, a1 as T_WHILE_STATEMENT, a2 as T_RETURN_STATEMENT, a3 as T_IF_STATEMENT, a4 as T_CONST_STATEMENT, a5 as T_LET_STATEMENT, a6 as T_ARROW_EXPRESSION_STATEMENT, a7 as T_BLOCK_STATEMENT, a8 as T_VAR_STATEMENT, a9 as T_ASSIGNMENT_EXPRESSION, aa as T_LITERAL, ab as T_SPREAD_EXPRESSION, ac as T_FUNCTION_INVOCATION_EXPRESSION, ad as T_POSTFIX_OP_EXPRESSION, ae as T_CONDITIONAL_EXPRESSION, af as T_BINARY_EXPRESSION, ag as T_UNARY_EXPRESSION, ah as T_OBJECT_LITERAL, ai as T_ARRAY_LITERAL, aj as T_SEQUENCE_EXPRESSION, ak as T_TEMPLATE_LITERAL_EXPRESSION, al as T_VAR_DECLARATION, am as T_DESTRUCTURE, h as createXmlUiParser, w as nodeToComponentDef, D as DiagnosticCategory, E as ErrCodes, S as SyntaxKind, an as PARSED_MARK_PROP, ao as collectCodeBehindFromSource, ap as removeCodeBehindTokensFromTree } from "./transform-Tooy42EB.mjs";
+import { F as Parser, G as T_CALCULATED_MEMBER_ACCESS_EXPRESSION, H as T_MEMBER_ACCESS_EXPRESSION, I as T_IDENTIFIER, J as T_PREFIX_OP_EXPRESSION, K as T_FUNCTION_DECLARATION, L as T_ARROW_EXPRESSION, M as createXmlUiTreeNodeId, O as T_EMPTY_STATEMENT, Q as T_SWITCH_STATEMENT, R as T_TRY_STATEMENT, V as T_THROW_STATEMENT, W as T_FOR_OF_STATEMENT, X as T_FOR_IN_STATEMENT, Y as T_FOR_STATEMENT, Z as T_EXPRESSION_STATEMENT, _ as T_BREAK_STATEMENT, $ as T_CONTINUE_STATEMENT, a0 as T_DO_WHILE_STATEMENT, a1 as T_WHILE_STATEMENT, a2 as T_RETURN_STATEMENT, a3 as T_IF_STATEMENT, a4 as T_CONST_STATEMENT, a5 as T_LET_STATEMENT, a6 as T_ARROW_EXPRESSION_STATEMENT, a7 as T_BLOCK_STATEMENT, a8 as T_VAR_STATEMENT, a9 as T_ASSIGNMENT_EXPRESSION, aa as T_LITERAL, ab as T_SPREAD_EXPRESSION, ac as T_FUNCTION_INVOCATION_EXPRESSION, ad as T_POSTFIX_OP_EXPRESSION, ae as T_CONDITIONAL_EXPRESSION, af as T_BINARY_EXPRESSION, ag as T_UNARY_EXPRESSION, ah as T_OBJECT_LITERAL, ai as T_ARRAY_LITERAL, aj as T_SEQUENCE_EXPRESSION, ak as T_TEMPLATE_LITERAL_EXPRESSION, al as T_VAR_DECLARATION, am as T_DESTRUCTURE, an as PARSED_MARK_PROP, ao as collectCodeBehindFromSource, ap as removeCodeBehindTokensFromTree } from "./transform-Tooy42EB.js";
 import memoizeOne from "memoize-one";
 import { Virtualizer } from "virtua";
 import { useReactTable, getPaginationRowModel, getCoreRowModel, flexRender } from "@tanstack/react-table";
@@ -52,7 +53,7 @@ import * as RechartsPrimitive from "recharts";
 import { Area, ResponsiveContainer, AreaChart as AreaChart$1, XAxis, YAxis, CartesianGrid, Tooltip as Tooltip$2, Legend as Legend$1, BarChart as BarChart$1, Bar, PieChart as PieChart$1, Pie, LabelList as LabelList$1, Sector, LineChart as LineChart$1, Line, Radar, RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, PolarRadiusAxis } from "recharts";
 import { MemoryRouter, HashRouter, BrowserRouter } from "react-router-dom";
 import { AnimatePresence, motion } from "framer-motion";
-import { c as componentFileExtension, a as codeBehindFileExtension, g as getLintSeverity, L as LintSeverity, l as lintApp, p as printComponentLints, d as lintErrorsComponent } from "./xmlui-serializer-uCYa8_tZ.mjs";
+import { c as componentFileExtension, a as codeBehindFileExtension, g as getLintSeverity, L as LintSeverity, l as lintApp, p as printComponentLints, d as lintErrorsComponent } from "./xmlui-serializer-D9D2mQ8m.js";
 var client = {};
 var m = require$$0;
 if (process.env.NODE_ENV === "production") {
@@ -599,6 +600,22 @@ function asyncThrottle(func, wait, options2) {
     throttled(resolve, reject, args);
   });
 }
+const debounceRegistry = /* @__PURE__ */ new Map();
+function debounce(delayMs, func, ...args) {
+  const key = func.toString();
+  const existing = debounceRegistry.get(key);
+  if (existing !== void 0) {
+    clearTimeout(existing.timeoutId);
+  }
+  const timeoutId = setTimeout(() => {
+    const entry = debounceRegistry.get(key);
+    if (entry) {
+      func(...entry.args);
+      debounceRegistry.delete(key);
+    }
+  }, delayMs);
+  debounceRegistry.set(key, { timeoutId, args });
+}
 const keyPrefix$1 = "xmlui";
 const themeVars$12 = '"[]"';
 const themeVars$13 = {
@@ -853,11 +870,6 @@ const Spinner = forwardRef(function Spinner2({
     );
   }
 });
-const PART_LABEL = "label";
-const PART_LABELED_ITEM = "labeledItem";
-const PART_INPUT = "input";
-const PART_START_ADORNMENT = "startAdornment";
-const PART_END_ADORNMENT = "endAdornment";
 const defaultProps$1g = {
   labelBreak: true
 };
@@ -4310,21 +4322,21 @@ function getComposedRef(...refs) {
   return composeRefs(...nonUndefinedRefs);
 }
 const themeVars$U = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "backgroundColor-navPanel-App": "var(--xmlui-backgroundColor-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": "var(--xmlui-maxWidth-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
-const wrapper$l = "_wrapper_ccbox_15";
-const verticalFullHeader = "_verticalFullHeader_ccbox_15";
-const navPanelWrapper = "_navPanelWrapper_ccbox_15";
-const vertical$5 = "_vertical_ccbox_15";
-const contentWrapper$2 = "_contentWrapper_ccbox_33";
-const noScrollbarGutters = "_noScrollbarGutters_ccbox_39";
-const PagesWrapper = "_PagesWrapper_ccbox_46";
-const footerWrapper = "_footerWrapper_ccbox_50";
-const sticky = "_sticky_ccbox_53";
-const horizontal$5 = "_horizontal_ccbox_57";
-const PagesWrapperInner = "_PagesWrapperInner_ccbox_106";
-const scrollWholePage = "_scrollWholePage_ccbox_118";
-const headerWrapper$1 = "_headerWrapper_ccbox_121";
-const content$7 = "_content_ccbox_33";
-const withDefaultContentPadding = "_withDefaultContentPadding_ccbox_217";
+const wrapper$l = "_wrapper_1gy6l_15";
+const verticalFullHeader = "_verticalFullHeader_1gy6l_15";
+const navPanelWrapper = "_navPanelWrapper_1gy6l_15";
+const vertical$5 = "_vertical_1gy6l_15";
+const contentWrapper$2 = "_contentWrapper_1gy6l_33";
+const noScrollbarGutters = "_noScrollbarGutters_1gy6l_39";
+const PagesWrapper = "_PagesWrapper_1gy6l_46";
+const footerWrapper = "_footerWrapper_1gy6l_50";
+const sticky = "_sticky_1gy6l_53";
+const horizontal$5 = "_horizontal_1gy6l_57";
+const PagesWrapperInner = "_PagesWrapperInner_1gy6l_106";
+const scrollWholePage = "_scrollWholePage_1gy6l_118";
+const headerWrapper$1 = "_headerWrapper_1gy6l_121";
+const content$7 = "_content_1gy6l_33";
+const withDefaultContentPadding = "_withDefaultContentPadding_1gy6l_217";
 const styles$1c = {
   themeVars: themeVars$U,
   wrapper: wrapper$l,
@@ -4505,17 +4517,17 @@ SheetTitle.displayName = SheetPrimitive.Title.displayName;
 const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, { ref, className: classnames("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 const themeVars$S = `'{"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)", "alignment-content-AppHeader": "var(--xmlui-alignment-content-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "maxWidth-content-AppHeader": "var(--xmlui-maxWidth-content-AppHeader)", "maxWidth-AppHeader": "var(--xmlui-maxWidth-AppHeader)", "padding-drawerToggle-AppHeader": "var(--xmlui-padding-drawerToggle-AppHeader)"}'`;
-const header$2 = "_header_l3p6p_14";
-const headerInner = "_headerInner_l3p6p_40";
-const full$1 = "_full_l3p6p_58";
-const childrenWrapper = "_childrenWrapper_l3p6p_61";
-const subNavPanelSlot = "_subNavPanelSlot_l3p6p_72";
-const logoAndTitle = "_logoAndTitle_l3p6p_76";
-const logoContainer = "_logoContainer_l3p6p_88";
-const customLogoContainer = "_customLogoContainer_l3p6p_100";
-const rightItems = "_rightItems_l3p6p_108";
-const drawerToggle = "_drawerToggle_l3p6p_134";
-const logoLink = "_logoLink_l3p6p_143";
+const header$2 = "_header_1i887_14";
+const headerInner = "_headerInner_1i887_40";
+const full$1 = "_full_1i887_58";
+const childrenWrapper = "_childrenWrapper_1i887_61";
+const subNavPanelSlot = "_subNavPanelSlot_1i887_72";
+const logoAndTitle = "_logoAndTitle_1i887_76";
+const logoContainer = "_logoContainer_1i887_88";
+const customLogoContainer = "_customLogoContainer_1i887_100";
+const rightItems = "_rightItems_1i887_108";
+const drawerToggle = "_drawerToggle_1i887_134";
+const logoLink = "_logoLink_1i887_143";
 const styles$1b = {
   themeVars: themeVars$S,
   header: header$2,
@@ -17504,10 +17516,14 @@ function Queue({
   //progressFeedback,
   renderProgressFeedback,
   renderResultFeedback,
-  clearAfterFinish = defaultProps$L.clearAfterFinish
+  clearAfterFinish = defaultProps$L.clearAfterFinish,
+  queueState: externalQueueState,
+  dispatch: externalDispatch
 }) {
   const runningActionItemRef = useRef(/* @__PURE__ */ new Set());
-  const [queueState, dispatch] = useReducer(queueReducer, INITIAL_STATE);
+  const [internalQueueState, internalDispatch] = useReducer(queueReducer, INITIAL_STATE);
+  const queueState = externalQueueState ?? internalQueueState;
+  const dispatch = externalDispatch ?? internalDispatch;
   let appContext = useAppContext();
   const enqueueItem = useEvent((item2) => {
     const itemId = generatedId();
@@ -17675,6 +17691,89 @@ function Queue({
   }, [doComplete, doSingle, prevQueue, queue]);
   return null;
 }
+function QueueWithContextVar({
+  node,
+  renderChild: renderChild2,
+  extractValue,
+  lookupEventHandler,
+  registerComponentApi
+}) {
+  const [queueState, dispatch] = useReducer(queueReducer, INITIAL_STATE);
+  const completedItems = useMemo(() => {
+    return Object.values(queueState.queueState).filter((item2) => item2.status === "completed");
+  }, [queueState.queueState]);
+  const queuedItems = useMemo(() => {
+    return Object.values(queueState.queueState);
+  }, [queueState.queueState]);
+  const $completedItems = completedItems;
+  const $queuedItems = queuedItems;
+  return /* @__PURE__ */ jsx(
+    Queue,
+    {
+      queueState,
+      dispatch,
+      registerComponentApi,
+      renderResultFeedback: node.props.resultFeedback ? (completedItems2, queuedItems2) => {
+        return /* @__PURE__ */ jsx(
+          MemoizedItem,
+          {
+            node: node.props.resultFeedback,
+            contextVars: {
+              $completedItems: completedItems2,
+              $queuedItems: queuedItems2
+            },
+            renderChild: renderChild2
+          }
+        );
+      } : void 0,
+      renderProgressFeedback: node.props.progressFeedback ? (completedItems2, queuedItems2) => {
+        return /* @__PURE__ */ jsx(
+          MemoizedItem,
+          {
+            node: node.props.progressFeedback,
+            contextVars: {
+              $completedItems: completedItems2,
+              $queuedItems: queuedItems2
+            },
+            renderChild: renderChild2
+          }
+        );
+      } : void 0,
+      willProcessItem: lookupEventHandler("willProcess", {
+        context: {
+          $completedItems,
+          $queuedItems
+        }
+      }),
+      processItem: lookupEventHandler("process", {
+        signError: false,
+        context: {
+          $completedItems,
+          $queuedItems
+        }
+      }),
+      didProcessItem: lookupEventHandler("didProcess", {
+        context: {
+          $completedItems,
+          $queuedItems
+        }
+      }),
+      processItemError: lookupEventHandler("processError", {
+        context: {
+          $completedItems,
+          $queuedItems
+        }
+      }),
+      onComplete: lookupEventHandler("complete", {
+        context: {
+          $completedItems,
+          $queuedItems
+        }
+      }),
+      clearAfterFinish: extractValue.asOptionalBoolean(node.props.clearAfterFinish)
+    }
+  );
+}
 const COMP$13 = "Queue";
 const QueueMd = createMetadata({
   status: "stable",
@@ -17752,41 +17851,13 @@ const queueComponentRenderer = createComponentRenderer(
   QueueMd,
   ({ node, registerComponentApi, lookupEventHandler, renderChild: renderChild2, extractValue }) => {
     return /* @__PURE__ */ jsx(
-      Queue,
+      QueueWithContextVar,
       {
-        registerComponentApi,
-        renderResultFeedback: node.props.resultFeedback ? (completedItems, queuedItems) => {
-          return /* @__PURE__ */ jsx(
-            MemoizedItem,
-            {
-              node: node.props.resultFeedback,
-              contextVars: {
-                $completedItems: completedItems,
-                $queuedItems: queuedItems
-              },
-              renderChild: renderChild2
-            }
-          );
-        } : void 0,
-        renderProgressFeedback: node.props.progressFeedback ? (completedItems, queuedItems) => {
-          return /* @__PURE__ */ jsx(
-            MemoizedItem,
-            {
-              node: node.props.progressFeedback,
-              contextVars: {
-                $completedItems: completedItems,
-                $queuedItems: queuedItems
-              },
-              renderChild: renderChild2
-            }
-          );
-        } : void 0,
-        willProcessItem: lookupEventHandler("willProcess"),
-        processItem: lookupEventHandler("process", { signError: false }),
-        didProcessItem: lookupEventHandler("didProcess"),
-        processItemError: lookupEventHandler("processError"),
-        onComplete: lookupEventHandler("complete"),
-        clearAfterFinish: extractValue.asOptionalBoolean(node.props.clearAfterFinish)
+        node,
+        renderChild: renderChild2,
+        extractValue,
+        lookupEventHandler,
+        registerComponentApi
       }
     );
   }
@@ -18109,7 +18180,7 @@ const ListNative = forwardRef(function DynamicHeightList({
   defaultGroups = EMPTY_ARRAY,
   registerComponentApi,
   borderCollapse: borderCollapse2 = defaultProps$K.borderCollapse,
-  ...rest2
+  ...rest
 }, ref) {
   var _a2;
   const virtualizerRef = useRef(null);
@@ -18256,7 +18327,7 @@ const ListNative = forwardRef(function DynamicHeightList({
   return /* @__PURE__ */ jsx(ListItemTypeContext.Provider, { value: rowTypeContextValue, children: /* @__PURE__ */ jsx(ListContext.Provider, { value: expandContextValue, children: /* @__PURE__ */ jsxs(
     "div",
     {
-      ...rest2,
+      ...rest,
       ref: rootRef,
       style: style2,
       className: classnames(
@@ -18739,13 +18810,14 @@ var FormActionKind = /* @__PURE__ */ ((FormActionKind2) => {
   FormActionKind2["RESET"] = "FormActionKind:RESET";
   return FormActionKind2;
 })(FormActionKind || {});
-function fieldInitialized(uid, value, force = false) {
+function fieldInitialized(uid, value, force = false, noSubmit = false) {
   return {
     type: "FormActionKind:FIELD_INITIALIZED",
     payload: {
       uid,
       value,
-      force
+      force,
+      noSubmit
     }
   };
 }
@@ -22222,14 +22294,20 @@ const formReducer = produce((state, action2) => {
   }
   switch (action2.type) {
     case FormActionKind.FIELD_INITIALIZED: {
-      if (!state.interactionFlags[uid].isDirty || action2.payload.force) {
+      if (action2.payload.value !== void 0 && (!state.interactionFlags[uid].isDirty || action2.payload.force)) {
         set(state.subject, uid, action2.payload.value);
       }
+      if (state.noSubmitFields[uid] === true || action2.payload.noSubmit === true) {
+        state.noSubmitFields[uid] = true;
+      } else {
+        state.noSubmitFields[uid] = false;
+      }
       break;
     }
     case FormActionKind.FIELD_REMOVED: {
       delete state.validationResults[uid];
       delete state.interactionFlags[uid];
+      delete state.noSubmitFields[uid];
       break;
     }
     case FormActionKind.FIELD_VALUE_CHANGED: {
@@ -22345,6 +22423,7 @@ const initialState = {
   validationResults: {},
   generalValidationResults: [],
   interactionFlags: {},
+  noSubmitFields: {},
   submitInProgress: false,
   resetVersion: 0
 };
@@ -22356,12 +22435,14 @@ const defaultProps$z = {
   itemLabelBreak: true,
   keepModalOpenOnSubmit: false,
   swapCancelAndSave: false,
-  hideButtonRowUntilDirty: false
+  hideButtonRowUntilDirty: false,
+  hideButtonRow: false,
+  enableSubmit: true
 };
-function cleanUpSubject(subject) {
+function cleanUpSubject(subject, noSubmitFields) {
   return Object.entries(subject || {}).reduce(
     (acc, [key, value]) => {
-      if (!key.endsWith(UNBOUND_FIELD_SUFFIX)) {
+      if (!key.endsWith(UNBOUND_FIELD_SUFFIX) && !noSubmitFields[key]) {
         acc[key] = value;
       }
       return acc;
@@ -22394,6 +22475,8 @@ const Form = forwardRef(function({
   itemLabelPosition = defaultProps$z.itemLabelPosition,
   keepModalOpenOnSubmit = defaultProps$z.keepModalOpenOnSubmit,
   hideButtonRowUntilDirty,
+  hideButtonRow = defaultProps$z.hideButtonRow,
+  enableSubmit = defaultProps$z.enableSubmit,
   ...rest
 }, ref) {
   const formRef = useRef(null);
@@ -22435,6 +22518,20 @@ const Form = forwardRef(function({
     onCancel == null ? void 0 : onCancel();
     void requestModalFormClose();
   });
+  const doValidate = useEvent(async () => {
+    dispatch(triedToSubmit());
+    const { error: error2, warning: warning2 } = groupInvalidValidationResultsBySeverity(
+      Object.values(formState.validationResults)
+    );
+    const cleanedData = cleanUpSubject(formState.subject, formState.noSubmitFields);
+    return {
+      isValid: error2.length === 0,
+      data: cleanedData,
+      errors: error2,
+      warnings: warning2,
+      validationResults: formState.validationResults
+    };
+  });
   const doSubmit = useEvent(async (event) => {
     var _a2;
     event == null ? void 0 : event.preventDefault();
@@ -22442,21 +22539,18 @@ const Form = forwardRef(function({
       return;
     }
     setConfirmSubmitModalVisible(false);
-    dispatch(triedToSubmit());
-    const { error: error2, warning: warning2 } = groupInvalidValidationResultsBySeverity(
-      Object.values(formState.validationResults)
-    );
-    if (error2.length) {
+    const validationResult = await doValidate();
+    if (!validationResult.isValid) {
       return;
     }
-    if (warning2.length && !confirmSubmitModalVisible) {
+    if (validationResult.warnings.length > 0 && !confirmSubmitModalVisible) {
       setConfirmSubmitModalVisible(true);
       return;
     }
     const prevFocused = document.activeElement;
     dispatch(formSubmitting());
     try {
-      const filteredSubject = cleanUpSubject(formState.subject);
+      const filteredSubject = validationResult.data;
       const canSubmit = await (onWillSubmit == null ? void 0 : onWillSubmit(filteredSubject));
       if (canSubmit === false) {
         dispatch(
@@ -22485,7 +22579,7 @@ const Form = forwardRef(function({
       const fieldValidationResults = {};
       if (e instanceof Error && "errorCategory" in e && e.errorCategory === "GenericBackendError" && ((_a2 = e.details) == null ? void 0 : _a2.issues) && Array.isArray(e.details.issues)) {
         e.details.issues.forEach((issue) => {
-          const validationResult = {
+          const validationResult2 = {
             isValid: false,
             invalidMessage: issue.message,
             severity: issue.severity || "error",
@@ -22493,9 +22587,9 @@ const Form = forwardRef(function({
           };
           if (issue.field !== void 0) {
             fieldValidationResults[issue.field] = fieldValidationResults[issue.field] || [];
-            fieldValidationResults[issue.field].push(validationResult);
+            fieldValidationResults[issue.field].push(validationResult2);
           } else {
-            generalValidationResults.push(validationResult);
+            generalValidationResults.push(validationResult2);
           }
         });
       } else {
@@ -22545,15 +22639,16 @@ const Form = forwardRef(function({
     "cancel"
   );
   const submitButton = useMemo(
-    () => /* @__PURE__ */ jsx(Button, { "data-part-id": PART_SUBMIT_BUTTON, type: "submit", disabled: !isEnabled2, children: formState.submitInProgress ? saveInProgressLabel : saveLabel }, "submit"),
-    [isEnabled2, formState.submitInProgress, saveInProgressLabel, saveLabel]
+    () => /* @__PURE__ */ jsx(Button, { "data-part-id": PART_SUBMIT_BUTTON, type: "submit", disabled: !isEnabled2 || !enableSubmit, children: formState.submitInProgress ? saveInProgressLabel : saveLabel }, "submit"),
+    [isEnabled2, enableSubmit, formState.submitInProgress, saveInProgressLabel, saveLabel]
   );
   useEffect(() => {
     registerComponentApi == null ? void 0 : registerComponentApi({
       reset: doReset,
-      update: updateData
+      update: updateData,
+      validate: doValidate
     });
-  }, [doReset, updateData, registerComponentApi]);
+  }, [doReset, updateData, doValidate, registerComponentApi]);
   let safeButtonRow = /* @__PURE__ */ jsx(Fragment, { children: buttonRow2 || /* @__PURE__ */ jsxs("div", { className: styles$G.buttonRow, children: [
     swapCancelAndSave && [submitButton, cancelButton],
     !swapCancelAndSave && [cancelButton, submitButton]
@@ -22573,7 +22668,7 @@ const Form = forwardRef(function({
       },
       /* @__PURE__ */ jsx(ValidationSummary, { generalValidationResults: formState.generalValidationResults }),
       /* @__PURE__ */ jsx(FormContext.Provider, { value: formContextValue, children }),
-      (!hideButtonRowUntilDirty || isDirty) && safeButtonRow
+      !hideButtonRow && (!hideButtonRowUntilDirty || isDirty) && safeButtonRow
     ),
     confirmSubmitModalVisible && /* @__PURE__ */ jsx(
       ModalDialog,
@@ -22633,8 +22728,8 @@ const FormWithContextVar = forwardRef(function({
         });
       });
     };
-    return { ...cleanUpSubject(formState.subject), update: updateData };
-  }, [formState.subject]);
+    return { ...cleanUpSubject(formState.subject, formState.noSubmitFields), update: updateData };
+  }, [formState.subject, formState.noSubmitFields]);
   const nodeWithItem = useMemo(() => {
     return {
       type: "Fragment",
@@ -22660,6 +22755,8 @@ const FormWithContextVar = forwardRef(function({
       itemLabelBreak: extractValue.asOptionalBoolean(node.props.itemLabelBreak),
       itemLabelWidth: itemLabelWidthCssProps.width,
       hideButtonRowUntilDirty: extractValue.asOptionalBoolean(node.props.hideButtonRowUntilDirty),
+      hideButtonRow: extractValue.asOptionalBoolean(node.props.hideButtonRow),
+      enableSubmit: extractValue.asOptionalBoolean(node.props.enableSubmit),
       formState,
       dispatch,
       id: node.uid,
@@ -24206,511 +24303,6 @@ const ExpandableItem = forwardRef(function ExpandableItem2({
     }
   );
 });
-const COLOR_DANGER_100 = "hsl(356, 100%, 91%)";
-const COLOR_DANGER_300 = "hsl(356, 100%, 70%)";
-const COLOR_PRIMARY = "hsl(204, 30.3%, 13%)";
-const COLOR_PRIMARY_LINE_NUMS = "#555b5e";
-const RADIUS = "0.5rem";
-function xmlUiMarkupToComponent(source, fileId = 0) {
-  const { parse: parse2, getText } = createXmlUiParser(source);
-  const { node, errors } = parse2();
-  if (errors.length > 0) {
-    const errorsForDisplay = addDisplayFieldsToErrors(errors, source);
-    const erroneousCompoundComponentName = getCompoundCompName(node, getText);
-    return { component: null, errors: errorsForDisplay, erroneousCompoundComponentName };
-  }
-  try {
-    const component2 = nodeToComponentDef(node, getText, fileId);
-    const transformResult = { component: component2, errors: [] };
-    return transformResult;
-  } catch (e) {
-    const erroneousCompoundComponentName = getCompoundCompName(node, getText);
-    const singleErr = {
-      message: e.message,
-      errPosCol: 0,
-      errPosLine: 0,
-      code: ErrCodes.expEq,
-      category: DiagnosticCategory.Error,
-      pos: 0,
-      end: 0,
-      contextPos: 0,
-      contextEnd: 0,
-      contextSource: "",
-      contextStartLine: 0
-    };
-    return {
-      component: null,
-      erroneousCompoundComponentName,
-      errors: [singleErr]
-    };
-  }
-}
-function createErrorMessageComponent(message) {
-  const comp = {
-    type: "VStack",
-    props: { padding: "$padding-normal", gap: 0 },
-    children: [
-      {
-        type: "H1",
-        props: {
-          value: message,
-          padding: "$padding-normal",
-          backgroundColor: "$color-error",
-          color: "white"
-        }
-      }
-    ]
-  };
-  return comp;
-}
-function errReportMessage(message) {
-  const comp = createErrorMessageComponent(message);
-  comp.component = createErrorMessageComponent(message);
-  return comp;
-}
-function createErrorReportComponent(errors, fileName) {
-  const errList = errors.sort((a, b) => {
-    if (a.pos === void 0 && b.pos === void 0) {
-      return 0;
-    } else if (a.pos === void 0) {
-      return 1;
-    } else if (b.pos === void 0) {
-      return -1;
-    } else {
-      return a.pos - b.pos;
-    }
-  }).map((e, idx) => {
-    const errorStartInContext = e.pos - e.contextPos;
-    const errorEndInContext = e.end - e.contextPos;
-    const contextLines = e.contextSource.split("\n");
-    let currentPos = 0;
-    const lastLineNumber = e.contextStartLine + contextLines.length - 1;
-    const maxDigits = lastLineNumber.toString().length;
-    const contextChildren = [];
-    for (let lineIdx = 0; lineIdx < contextLines.length; lineIdx++) {
-      const line2 = contextLines[lineIdx];
-      const lineNumber = e.contextStartLine + lineIdx;
-      const paddedLineNumber = lineNumber.toString().padStart(maxDigits, "0");
-      const linePrefix = `${paddedLineNumber} | `;
-      const lineStart = currentPos;
-      const lineEnd = currentPos + line2.length;
-      const lineChildren = [
-        {
-          type: "Theme",
-          props: {},
-          children: [
-            {
-              type: "Text",
-              props: {
-                value: linePrefix,
-                fontFamily: "monospace",
-                color: COLOR_PRIMARY_LINE_NUMS
-              }
-            }
-          ]
-        },
-        ,
-      ];
-      if (errorStartInContext >= lineStart && errorStartInContext < lineEnd) {
-        const beforeError = line2.substring(0, errorStartInContext - lineStart);
-        const errorInLine = line2.substring(
-          errorStartInContext - lineStart,
-          Math.min(errorEndInContext - lineStart, line2.length)
-        );
-        const afterError = line2.substring(Math.min(errorEndInContext - lineStart, line2.length));
-        if (beforeError) {
-          lineChildren.push({
-            type: "Text",
-            props: {
-              value: beforeError,
-              fontFamily: "monospace"
-            }
-          });
-        }
-        if (errorInLine) {
-          lineChildren.push({
-            type: "Text",
-            props: {
-              value: errorInLine,
-              fontFamily: "monospace",
-              textDecorationLine: "underline",
-              textDecorationColor: "$color-error",
-              backgroundColor: COLOR_DANGER_100
-            }
-          });
-        }
-        if (afterError) {
-          lineChildren.push({
-            type: "Text",
-            props: {
-              value: afterError,
-              fontFamily: "monospace"
-            }
-          });
-        }
-      } else if (errorStartInContext < lineStart && errorEndInContext > lineEnd) {
-        lineChildren.push({
-          type: "Text",
-          props: {
-            value: line2,
-            fontFamily: "monospace",
-            textDecorationLine: "underline",
-            textDecorationColor: "$color-error",
-            backgroundColor: COLOR_DANGER_100
-          }
-        });
-      } else if (errorStartInContext < lineStart && errorEndInContext >= lineStart && errorEndInContext < lineEnd) {
-        const errorInLine = line2.substring(0, errorEndInContext - lineStart);
-        const afterError = line2.substring(errorEndInContext - lineStart);
-        if (errorInLine) {
-          lineChildren.push({
-            type: "Text",
-            props: {
-              value: errorInLine,
-              fontFamily: "monospace",
-              textDecorationLine: "underline",
-              textDecorationColor: "$color-error",
-              backgroundColor: COLOR_DANGER_100
-            }
-          });
-        }
-        if (afterError) {
-          lineChildren.push({
-            type: "Text",
-            props: {
-              value: afterError,
-              fontFamily: "monospace"
-            }
-          });
-        }
-      } else if (lineEnd === errorStartInContext && errorStartInContext === errorEndInContext) {
-        lineChildren.push({
-          type: "Text",
-          props: {
-            value: line2,
-            fontFamily: "monospace"
-          }
-        });
-        lineChildren.push({
-          type: "Text",
-          props: {
-            value: " ",
-            preserveLinebreaks: true,
-            textDecorationLine: "underline",
-            fontFamily: "monospace",
-            fontWeight: "bold",
-            backgroundColor: COLOR_DANGER_100,
-            color: "$color-error"
-          }
-        });
-      } else {
-        lineChildren.push({
-          type: "Text",
-          props: {
-            value: line2,
-            fontFamily: "monospace"
-          }
-        });
-      }
-      contextChildren.push({
-        type: "HStack",
-        props: { gap: "0" },
-        children: lineChildren
-      });
-      currentPos = lineEnd + 1;
-    }
-    const errMsgComponenet = {
-      type: "Text",
-      children: [
-        {
-          type: "Text",
-          props: {
-            value: `#${idx + 1}: ${fileName} (${e.errPosLine}:${e.errPosCol}):`
-            // color: "hsl(204, 30.3%, 27%)",
-          }
-        },
-        {
-          type: "Text",
-          props: {
-            value: ` ${e.message}`,
-            fontWeight: "bold"
-          }
-        }
-      ]
-    };
-    const context = {
-      type: "HStack",
-      props: {
-        width: "100%"
-      },
-      children: [
-        {
-          type: "VStack",
-          props: {
-            gap: "0",
-            padding: "$padding-normal",
-            backgroundColor: "$color-surface-variant"
-          },
-          children: contextChildren
-        }
-      ]
-    };
-    const errComponent = {
-      type: "VStack",
-      props: {
-        gap: "$gap-none",
-        padding: "16px",
-        backgroundColor: "white",
-        borderRadius: RADIUS
-      },
-      children: [errMsgComponenet]
-    };
-    if (!(e.contextSource === "" && e.pos === 0 && e.end === 0)) {
-      errComponent.children.push(context);
-    }
-    return errComponent;
-  });
-  const comp = {
-    type: "Theme",
-    props: {
-      "textColor-primary": COLOR_PRIMARY
-    },
-    children: [
-      {
-        type: "VStack",
-        props: {
-          padding: "16px 32px 16px 38px",
-          gap: 0,
-          backgroundColor: COLOR_DANGER_100,
-          margin: "10px",
-          border: "2px solid " + COLOR_DANGER_300,
-          borderRadius: RADIUS
-        },
-        children: [
-          {
-            type: "HStack",
-            props: {
-              verticalAlignment: "center",
-              marginLeft: "-34px",
-              padding: "0px 0px 15px 0px",
-              gap: "4px"
-            },
-            children: [
-              {
-                type: "Icon",
-                props: {
-                  name: "error",
-                  size: "30px",
-                  color: "$color-error"
-                }
-              },
-              {
-                type: "H2",
-                props: {
-                  value: `${errList.length} ${errList.length > 1 ? "errors" : "error"} while processing XMLUI markup`,
-                  fontWeight: "bold",
-                  showAnchor: false
-                }
-              }
-            ]
-          },
-          {
-            type: "VStack",
-            props: {
-              padding: "$padding-none",
-              gap: "16px"
-            },
-            children: errList
-          }
-        ]
-      }
-    ]
-  };
-  return comp;
-}
-function errReportComponent(errors, fileName, compoundCompName) {
-  const comp = createErrorReportComponent(errors, fileName);
-  comp.name = compoundCompName;
-  comp.component = createErrorReportComponent(errors, fileName);
-  return comp;
-}
-function createScriptErrorComponent(error2, fileName) {
-  const comp = {
-    type: "VStack",
-    props: { padding: "$padding-normal", gap: 0 },
-    children: [
-      {
-        type: "H1",
-        props: {
-          value: `An error found while processing XMLUI code-behind script`,
-          padding: "$padding-normal",
-          backgroundColor: "$color-error",
-          color: "white"
-        }
-      },
-      {
-        type: "VStack",
-        props: {
-          gap: "$gap-tight",
-          padding: "$padding-normal"
-        },
-        children: [
-          {
-            type: "HStack",
-            props: { gap: "0" },
-            children: [
-              {
-                type: "Text",
-                props: {
-                  value: `${fileName} (${error2.line}:${error2.column}): `,
-                  color: "$color-info"
-                }
-              },
-              {
-                type: "Text",
-                props: { value: ` ${error2.text}`, fontWeight: "bold" }
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  };
-  return comp;
-}
-function errReportScriptError(error2, fileName) {
-  const comp = createScriptErrorComponent(error2, fileName);
-  comp.component = createScriptErrorComponent(error2, fileName);
-  return comp;
-}
-function createModuleErrorsComponent(errors, fileName) {
-  const errList = [];
-  let idx = 1;
-  Object.keys(errors).map((key) => {
-    const e = errors[key];
-    for (let err of e) {
-      errList.push({
-        type: "VStack",
-        props: { gap: "0px" },
-        children: [
-          {
-            type: "HStack",
-            props: { gap: "0" },
-            children: [
-              {
-                type: "Text",
-                props: {
-                  value: `#${idx++}: ${fileName} (${err.line}:${err.column}): `,
-                  color: "$color-info"
-                }
-              },
-              {
-                type: "Text",
-                props: { value: ` ${err.text}`, fontWeight: "bold" }
-              }
-            ]
-          }
-        ]
-      });
-    }
-  });
-  const comp = {
-    type: "VStack",
-    props: { padding: "$padding-normal", gap: 0 },
-    children: [
-      {
-        type: "H1",
-        props: {
-          value: `${errList.length} ${errList.length > 1 ? "Errors" : "Error"} found while processing XMLUI code-behind script`,
-          padding: "$padding-normal",
-          backgroundColor: "$color-error",
-          color: "white"
-        }
-      },
-      {
-        type: "VStack",
-        props: {
-          gap: "$gap-tight",
-          padding: "$padding-normal"
-        },
-        children: errList
-      }
-    ]
-  };
-  return comp;
-}
-function errReportModuleErrors(errors, fileName) {
-  const comp = createModuleErrorsComponent(errors, fileName);
-  comp.component = createModuleErrorsComponent(errors, fileName);
-  return comp;
-}
-function getCompoundCompName(node, getText) {
-  var _a2, _b, _c, _d, _e, _f;
-  const rootTag = (_a2 = node == null ? void 0 : node.children) == null ? void 0 : _a2[0];
-  const rootTagNameTokens = (_c = (_b = rootTag == null ? void 0 : rootTag.children) == null ? void 0 : _b.find(
-    (c) => c.kind === SyntaxKind.TagNameNode
-  )) == null ? void 0 : _c.children;
-  const rootTagName = rootTagNameTokens == null ? void 0 : rootTagNameTokens[rootTagNameTokens.length - 1];
-  if (rootTagName === void 0 || getText(rootTagName) !== "Component") {
-    return void 0;
-  }
-  const attrs = (_e = (_d = rootTag.children) == null ? void 0 : _d.find((c) => c.kind === SyntaxKind.AttributeListNode)) == null ? void 0 : _e.children;
-  const nameAttrTokens = (_f = attrs == null ? void 0 : attrs.find(
-    (c) => c.kind === SyntaxKind.AttributeNode && getText(c == null ? void 0 : c.children[0]) === "name"
-  )) == null ? void 0 : _f.children;
-  const nameValueToken = nameAttrTokens == null ? void 0 : nameAttrTokens[nameAttrTokens.length - 1];
-  if (nameValueToken !== void 0 && nameValueToken.kind === SyntaxKind.StringLiteral) {
-    const strLit = getText(nameValueToken);
-    return strLit.substring(1, strLit.length - 1);
-  }
-  return void 0;
-}
-function addDisplayFieldsToErrors(errors, source) {
-  const { offsetToPosForDisplay } = createDocumentCursor(source);
-  return errors.map((err) => {
-    const { line: errPosLine, character: errPosCol } = offsetToPosForDisplay(err.pos);
-    const { line: contextStartLine } = offsetToPosForDisplay(err.contextPos);
-    return {
-      ...err,
-      errPosLine,
-      errPosCol,
-      contextStartLine,
-      contextSource: source.substring(err.contextPos, err.contextEnd)
-    };
-  });
-}
-function createDocumentCursor(text2) {
-  const newlinePositions = [];
-  for (let i = 0; i < text2.length; ++i) {
-    if (text2[i] === "\n") {
-      newlinePositions.push(i);
-    }
-  }
-  return {
-    offsetToPos,
-    offsetToPosForDisplay
-  };
-  function offsetToPos(offset) {
-    let left2 = 0;
-    let right2 = newlinePositions.length;
-    while (left2 < right2) {
-      const mid = Math.floor((left2 + right2) / 2);
-      if (newlinePositions[mid] < offset) {
-        left2 = mid + 1;
-      } else {
-        right2 = mid;
-      }
-    }
-    let col = left2 === 0 ? offset : offset - newlinePositions[left2 - 1] - 1;
-    return { line: left2, character: col };
-  }
-  function offsetToPosForDisplay(offset) {
-    let pos = offsetToPos(offset);
-    pos.line += 1;
-    pos.character += 1;
-    return pos;
-  }
-}
 const ApiInterceptorContext = createContext(null);
 function useApiInterceptorContext() {
   return useContext(ApiInterceptorContext);
@@ -24737,7 +24329,7 @@ function ApiInterceptorProvider({
       return;
     }
     void (async () => {
-      const { initMock } = await import("./initMock-TxnkId6_.mjs");
+      const { initMock } = await import("./initMock-DN7MXrdn.js");
       const apiInstance2 = await initMock(interceptor);
       setApiInstance(apiInstance2);
       setInitialized(true);
@@ -24753,8 +24345,8 @@ function ApiInterceptorProvider({
         void (async () => {
           if (process.env.VITE_MOCK_ENABLED) {
             const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
-              useWorker ? import("./apiInterceptorWorker-QiltRtq1.mjs") : Promise.resolve({ createApiInterceptorWorker: () => null }),
-              import("./initMock-TxnkId6_.mjs")
+              useWorker ? import("./apiInterceptorWorker-QiltRtq1.js") : Promise.resolve({ createApiInterceptorWorker: () => null }),
+              import("./initMock-DN7MXrdn.js")
             ]);
             if (interceptor || forceInitialize) {
               const apiInstance2 = await initMock(interceptor || {});
@@ -24790,8 +24382,8 @@ function ApiInterceptorProvider({
       if (parentInterceptorWorker) {
         void (async () => {
           const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
-            import("./apiInterceptorWorker-QiltRtq1.mjs"),
-            import("./initMock-TxnkId6_.mjs")
+            import("./apiInterceptorWorker-QiltRtq1.js"),
+            import("./initMock-DN7MXrdn.js")
           ]);
           const apiInstance2 = await initMock(interceptor);
           await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
@@ -25483,8 +25075,8 @@ function AppWithCodeViewNative({
     )
   ] });
 }
-const codeText = "_codeText_1vsbi_14";
-const codefence = "_codefence_1vsbi_21";
+const codeText = "_codeText_trvop_14";
+const codefence = "_codefence_trvop_21";
 const styles$u = {
   codeText,
   codefence
@@ -27035,7 +26627,8 @@ const defaultProps$s = {
   labelBreak: true,
   enabled: true,
   customValidationsDebounce: 0,
-  gap: "0"
+  gap: "0",
+  noSubmit: false
 };
 const FormItemContext = createContext({ parentFormItemId: null });
 function ArrayLikeFormItem({
@@ -27102,6 +26695,7 @@ const FormItem = memo(function FormItem2({
   itemIndex,
   initialValue: initialValueFromProps,
   gap,
+  noSubmit = defaultProps$s.noSubmit,
   ...rest
 }) {
   const validations = useShallowCompareMemoize({
@@ -27156,10 +26750,8 @@ const FormItem = memo(function FormItem2({
   const formEnabled = useFormContextPart((value2) => value2 == null ? void 0 : value2.enabled);
   const isEnabled2 = enabled2 && formEnabled;
   useEffect(() => {
-    if (initialValue !== void 0) {
-      dispatch(fieldInitialized(formItemId, initialValue));
-    }
-  }, [dispatch, formItemId, initialValue]);
+    dispatch(fieldInitialized(formItemId, initialValue, false, noSubmit));
+  }, [dispatch, formItemId, initialValue, noSubmit]);
   useValidation(validations, onValidate, value, dispatch, formItemId, customValidationsDebounce);
   const onStateChange = useCallback(
     ({ value: value2 }, options2) => {
@@ -27605,6 +27197,11 @@ const FormItemMd = createMetadata({
       description: "This property defines the gap between the adornments and the input area.",
       valueType: "string",
       defaultValue: defaultProps$s.gap
+    },
+    noSubmit: {
+      description: "When set to `true`, the field will not be included in the form's submitted data. This is useful for fields that should be present in the form but not submitted, similar to hidden fields. If multiple FormItems reference the same `bindTo` value and any of them has `noSubmit` set to `true`, the field will NOT be submitted.",
+      type: "boolean",
+      defaultValue: defaultProps$s.noSubmit
     }
   },
   events: {
@@ -27684,6 +27281,7 @@ const formItemComponentRenderer = createComponentRenderer(
       validationMode,
       maxTextLength,
       gap,
+      noSubmit,
       ...rest
     } = node.props;
     const resolvedRestProps = extractValue(rest);
@@ -27728,6 +27326,7 @@ const formItemComponentRenderer = createComponentRenderer(
         maxTextLength: extractValue(maxTextLength),
         itemIndex: extractValue("{$itemIndex}"),
         initialValue: extractValue(node.props.initialValue),
+        noSubmit: extractValue.asOptionalBoolean(noSubmit),
         inputRenderer: inputTemplate ? (contextVars) => /* @__PURE__ */ jsx(
           MemoizedItem,
           {
@@ -28591,6 +28190,16 @@ const FormMd = createMetadata({
       type: "boolean",
       defaultValue: defaultProps$z.hideButtonRowUntilDirty
     },
+    hideButtonRow: {
+      description: `This property hides the button row entirely when set to true.`,
+      type: "boolean",
+      defaultValue: defaultProps$z.hideButtonRow
+    },
+    enableSubmit: {
+      description: `This property controls whether the submit button is enabled. When set to false, the submit button is disabled and the form cannot be submitted.`,
+      type: "boolean",
+      defaultValue: defaultProps$z.enableSubmit
+    },
     submitUrl: d(`URL to submit the form data.`),
     submitMethod: {
       description: "This property sets the HTTP method to use when submitting the form data. If not defined, `put` is used when the form has initial data; otherwise, `post`."
@@ -28628,6 +28237,11 @@ const FormMd = createMetadata({
       parameters: {
         data: "An object containing the form data to update."
       }
+    },
+    validate: {
+      description: "This method triggers validation on all form fields without submitting the form. It displays validation errors and returns the validation result along with the cleaned form data. This is useful for implementing custom submit buttons or performing operations that require validated data without actually submitting the form.",
+      signature: "validate(): Promise<{ isValid: boolean, data: Record<string, any>, errors: ValidationResult[], warnings: ValidationResult[], validationResults: Record<string, ValidationResult> }>",
+      returns: "A promise that resolves to an object containing validation status, cleaned data, and detailed validation results."
     }
   },
   themeVars: parseScssVar(styles$G.themeVars),
@@ -38637,12 +38251,14 @@ const TableOfContentsMd = createMetadata({
     [`paddingLeft-${COMP_CHILD}-level-5`]: "$space-6",
     [`paddingLeft-${COMP_CHILD}-level-6`]: "$space-6",
     [`fontWeight-${COMP_CHILD}`]: "$fontWeight-bold",
-    [`fontWeight-${COMP_CHILD}-level-3`]: "normal",
-    [`fontWeight-${COMP_CHILD}-level-4`]: "normal",
-    [`fontWeight-${COMP_CHILD}-level-5`]: "normal",
-    [`fontWeight-${COMP_CHILD}-level-6`]: "normal",
+    [`fontWeight-${COMP_CHILD}-level-2`]: "$fontWeight-medium",
+    [`fontWeight-${COMP_CHILD}-level-3`]: "$fontWeight-normal",
+    [`fontWeight-${COMP_CHILD}-level-4`]: "$fontWeight-normal",
+    [`fontWeight-${COMP_CHILD}-level-5`]: "$fontWeight-normal",
+    [`fontWeight-${COMP_CHILD}-level-6`]: "$fontWeight-normal",
     [`fontStyle-${COMP_CHILD}-level-6`]: "italic",
-    [`color-${COMP_CHILD}--active`]: "$color-primary-500"
+    [`textColor-${COMP_CHILD}--active`]: "$color-primary-400",
+    [`fontWeight-${COMP_CHILD}--active`]: "$fontWeight-bold"
   }
 });
 function IndexAwareTableOfContents(props) {
@@ -43533,7 +43149,8 @@ function BarChart({
     hide: miniMode || hideX,
     height: miniMode || hideX ? 0 : xAxisHeight,
     tick: miniMode || hideTickX ? false : { fill: "currentColor", fontSize },
-    tickFormatter: miniMode || hideTickX ? void 0 : tickFormatterX
+    tickFormatter: miniMode || hideTickX ? void 0 : tickFormatterX,
+    domain: [0, (dataMax) => dataMax * 1.05]
   } : {
     type: "category",
     dataKey: nameKey,
@@ -43562,7 +43179,8 @@ function BarChart({
     hide: miniMode || hideY,
     tickCount: yTickCount,
     tickFormatter: miniMode || hideTickY ? void 0 : tickFormatterY,
-    width: miniMode || hideY ? 0 : yAxisWidth
+    width: miniMode || hideY ? 0 : yAxisWidth,
+    domain: [0, (dataMax) => dataMax * 1.1]
   };
   return /* @__PURE__ */ jsxs(ChartProvider, { value: chartContextValue, children: [
     children,
@@ -44395,7 +44013,8 @@ const LineChart = forwardRef(function LineChart2({
                       hide: miniMode || hideY,
                       tickLine: false,
                       tickFormatter: miniMode ? void 0 : tickFormatterY,
-                      tick: miniMode ? false : !hideTickY && { fill: "currentColor", fontSize }
+                      tick: miniMode ? false : !hideTickY && { fill: "currentColor", fontSize },
+                      domain: [(dataMin) => dataMin * 0.95, (dataMax) => dataMax * 1.05]
                     }
                   ),
                   !miniMode && !hideTooltip && /* @__PURE__ */ jsx(Tooltip$2, { content: safeTooltipRenderer }),
@@ -46680,14 +46299,15 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.10.26";
+const version = "0.11.2";
 const miscellaneousUtils = {
   capitalize,
   pluralize: pluralize$1,
   defaultTo,
   toHashObject,
   findByField,
-  distinct
+  distinct,
+  debounce
 };
 function isoDateString(date) {
   return (!date ? /* @__PURE__ */ new Date() : new Date(date)).toJSON();
@@ -47279,10 +46899,12 @@ async function evalBinaryAsync(evaluator, thisStack, expr, evalContext, thread)
   const l = await completeExprValue(expr.left, thread);
   if (expr.op === "&&" && !l) {
     setExprValue(expr, { value: l }, thread);
+    thisStack.push(l);
     return l;
   }
   if (expr.op === "||" && l) {
     setExprValue(expr, { value: l }, thread);
+    thisStack.push(l);
     return l;
   }
   await evaluator(thisStack, expr.right, evalContext, thread);
@@ -52667,27 +52289,25 @@ export {
   toCssVar$1 as a7,
   useDevTools as a8,
   useLogger as a9,
-  errReportComponent as aa,
-  xmlUiMarkupToComponent as ab,
-  ApiInterceptorProvider as ac,
-  Spinner as ad,
-  useThemes as ae,
-  builtInThemes as af,
-  Text as ag,
-  TextBox as ah,
-  NestedApp as ai,
-  VisuallyHidden as aj,
-  LinkNative as ak,
-  ToneChangerButton as al,
-  Logo as am,
-  Breakout as an,
-  useSearchContextContent as ao,
-  useAppLayoutContext as ap,
-  StyleProvider as aq,
-  StyleRegistry as ar,
-  useEvent as as,
-  StandaloneComponent as at,
-  Theme as au,
+  ApiInterceptorProvider as aa,
+  Spinner as ab,
+  useThemes as ac,
+  builtInThemes as ad,
+  Text as ae,
+  TextBox as af,
+  NestedApp as ag,
+  VisuallyHidden as ah,
+  LinkNative as ai,
+  ToneChangerButton as aj,
+  Logo as ak,
+  Breakout as al,
+  useSearchContextContent as am,
+  useAppLayoutContext as an,
+  StyleProvider as ao,
+  StyleRegistry as ap,
+  useEvent as aq,
+  StandaloneComponent as ar,
+  Theme as as,
   StandaloneExtensionManager as b,
   createComponentRenderer as c,
   delay$1 as d,