xmlui 0.12.13 → 0.12.14

package/dist/lib/{index-CTP4jTbc.js → index-CoONXJTv.js}

@@ -7,13 +7,14 @@ import toast, { Toaster, ToastBar } from "react-hot-toast";
 import yaml from "js-yaml";
 import { useQuery, useInfiniteQuery, QueryClientProvider, QueryClient } from "@tanstack/react-query";
 import produce, { createDraft, finishDraft, enableMapSet } from "immer";
-import { i as parseLayoutProperty, t as toCssPropertyNames, j as layoutOptionKeys, s as shallowCompare, u as useEvent, k as capitalizeFirstLetter$1, n as isComponentDefChildren, N as NotAComponentDefError, q as toCssVar$1, r as resolveAndCleanProps, v as normalizePath, w as THEME_VAR_PREFIX$2, S as StyleParser, x as generatedId, y as asyncThrottle, z as asOptionalBoolean, A as partitionObject, e as extractParam, B as randomUUID, C as processStatementQueue, D as readCookie, G as GenericBackendError, E as shouldKeep, F as createContextVariableError, h as delay$1, H as toCssPropertyName, I as removeNullProperties, J as asyncWait, K as evalBinding, P as PropsTrasform, M as debounce$1, O as distinct, Q as findByField, R as toHashObject, U as pluralize$1, V as humanReadableDateTimeTillNow, W as ensureMainThread, Y as evalArrow, Z as evalIdentifier, _ as evalLiteral, $ as setExprValue, a0 as evalMemberAccessCore, a1 as isBannedFunction, a2 as getRootIdScope, a3 as evalPreOrPostCore, a4 as evalAssignmentCore, a5 as evalBinaryCore, a6 as evalUnaryCore, a7 as evalCalculatedMemberAccessCore, a8 as evalTemplateLiteralCore, a9 as getExprValue, aa as isPromise, ab as hoistFunctionDeclarations, ac as StatementQueue, ad as mapStatementsToQueueItems, ae as toStatementItems, T as ThrowStatementError, af as reportEngineError, ag as StatementExecutionError, ah as releaseLoopScope, ai as createLoopScope, aj as guard, ak as provideTryBody, al as createTryScope, am as innermostTryScope, an as innermostLoopScope, ao as provideFinallyErrorBody, ap as provideFinallyBody, aq as innermostBlockScope, ar as provideCatchBody, as as provideLoopBody, at as mapToItem, au as closing, av as ScriptParseError, aw as createValueExtractor, ax as collectVariableDependencies, ay as parseParameterString, az as pickFromObject, aA as resolveResponsiveWhen, aB as getFileExtension, aC as formatFileSizeInBytes, c as componentFileExtension, a as codeBehindFileExtension, g as getLintSeverity, L as LintSeverity, l as lintApp, p as printComponentLints, d as lintErrorsComponent } from "./xmlui-serializer-DbksENG1.js";
+import { i as parseLayoutProperty, t as toCssPropertyNames, j as layoutOptionKeys, s as shallowCompare, u as useEvent, k as capitalizeFirstLetter$1, n as isComponentDefChildren, N as NotAComponentDefError, q as toCssVar$1, r as resolveAndCleanProps, v as normalizePath, w as THEME_VAR_PREFIX$2, S as StyleParser, x as generatedId, y as asyncThrottle, z as asOptionalBoolean, A as partitionObject, e as extractParam, B as randomUUID, C as processStatementQueue, D as readCookie, G as GenericBackendError, E as shouldKeep, F as createContextVariableError, H as parseParameterString, h as delay$1, I as toCssPropertyName, J as removeNullProperties, K as asyncWait, M as evalBinding, P as PropsTrasform, O as debounce$1, Q as distinct, R as findByField, U as toHashObject, V as pluralize$1, W as humanReadableDateTimeTillNow, Y as ensureMainThread, Z as evalArrow, _ as evalIdentifier, $ as evalLiteral, a0 as setExprValue, a1 as evalMemberAccessCore, a2 as isBannedFunction, a3 as getRootIdScope, a4 as evalPreOrPostCore, a5 as evalAssignmentCore, a6 as evalBinaryCore, a7 as evalUnaryCore, a8 as evalCalculatedMemberAccessCore, a9 as evalTemplateLiteralCore, aa as getExprValue, ab as isPromise, ac as hoistFunctionDeclarations, ad as StatementQueue, ae as mapStatementsToQueueItems, af as toStatementItems, T as ThrowStatementError, ag as reportEngineError, ah as StatementExecutionError, ai as releaseLoopScope, aj as createLoopScope, ak as guard, al as provideTryBody, am as createTryScope, an as innermostTryScope, ao as innermostLoopScope, ap as provideFinallyErrorBody, aq as provideFinallyBody, ar as innermostBlockScope, as as provideCatchBody, at as provideLoopBody, au as mapToItem, av as closing, aw as ScriptParseError, ax as createValueExtractor, ay as collectVariableDependencies, az as pickFromObject, aA as resolveResponsiveWhen, aB as getFileExtension, aC as formatFileSizeInBytes, c as componentFileExtension, a as codeBehindFileExtension, g as getLintSeverity, L as LintSeverity, l as lintApp, p as printComponentLints, d as lintErrorsComponent } from "./xmlui-serializer-CdiEmlrH.js";
 import classnames from "classnames";
 import { isEmpty, noop as noop$2, omitBy, isUndefined, isPlainObject as isPlainObject$1, isNil, unset, set, get, debounce, isEqual, union, uniq, orderBy, isObject, isArray, groupBy, sortBy, omit, throttle, isNumber, cloneDeep, isNaN as isNaN$1, merge, defaultTo, capitalize as capitalize$1, setWith, keyBy } from "lodash-es";
-import { M as MediaBreakpointKeys, Q as T_ARROW_EXPRESSION, ar as isArrowExpressionObject$1, a9 as T_ARROW_EXPRESSION_STATEMENT, P as Parser, af as T_NEW_EXPRESSION, ag as T_AWAIT_EXPRESSION, ah as T_SPREAD_EXPRESSION, ai as T_FUNCTION_INVOCATION_EXPRESSION, aj as T_POSTFIX_OP_EXPRESSION, L as T_PREFIX_OP_EXPRESSION, ad as T_ASSIGNMENT_EXPRESSION, ak as T_CONDITIONAL_EXPRESSION, al as T_BINARY_EXPRESSION, am as T_UNARY_EXPRESSION, an as T_OBJECT_LITERAL, ao as T_ARRAY_LITERAL, ap as T_SEQUENCE_EXPRESSION, I as T_CALCULATED_MEMBER_ACCESS_EXPRESSION, J as T_MEMBER_ACCESS_EXPRESSION, K as T_IDENTIFIER, ae as T_LITERAL, aq as T_TEMPLATE_LITERAL_EXPRESSION, as as T_VAR_DECLARATION, at as T_DESTRUCTURE, aa as T_BLOCK_STATEMENT, a0 as T_EXPRESSION_STATEMENT, a5 as T_RETURN_STATEMENT, V as T_EMPTY_STATEMENT, W as T_SWITCH_STATEMENT, X as T_TRY_STATEMENT, Y as T_THROW_STATEMENT, Z as T_FOR_OF_STATEMENT, _ as T_FOR_IN_STATEMENT, $ as T_FOR_STATEMENT, R as createXmlUiTreeNodeId, a1 as T_BREAK_STATEMENT, a2 as T_CONTINUE_STATEMENT, a3 as T_DO_WHILE_STATEMENT, a4 as T_WHILE_STATEMENT, a6 as T_IF_STATEMENT, a7 as T_CONST_STATEMENT, a8 as T_LET_STATEMENT, ab as T_VAR_STATEMENT, O as T_FUNCTION_DECLARATION, ac as T_ASYNC_FUNCTION_DECLARATION, au as isParsedCodeDeclaration, v as onPrefixRegex, y as stripOnPrefix, av as collectCodeBehindFromSourceWithImports, aw as removeCodeBehindTokensFromTree, ax as ModuleResolver } from "./parser-CrJtcHPI.js";
+import { M as MediaBreakpointKeys, Q as T_ARROW_EXPRESSION, ar as isArrowExpressionObject$1, a9 as T_ARROW_EXPRESSION_STATEMENT, as as T_VAR_DECLARATION, au as T_REACTIVE_VAR_DECLARATION, af as T_NEW_EXPRESSION, ag as T_AWAIT_EXPRESSION, aj as T_POSTFIX_OP_EXPRESSION, L as T_PREFIX_OP_EXPRESSION, ad as T_ASSIGNMENT_EXPRESSION, ah as T_SPREAD_EXPRESSION, an as T_OBJECT_LITERAL, ao as T_ARRAY_LITERAL, aq as T_TEMPLATE_LITERAL_EXPRESSION, ae as T_LITERAL, ai as T_FUNCTION_INVOCATION_EXPRESSION, ak as T_CONDITIONAL_EXPRESSION, ap as T_SEQUENCE_EXPRESSION, am as T_UNARY_EXPRESSION, al as T_BINARY_EXPRESSION, I as T_CALCULATED_MEMBER_ACCESS_EXPRESSION, J as T_MEMBER_ACCESS_EXPRESSION, K as T_IDENTIFIER, P as Parser, at as T_DESTRUCTURE, aa as T_BLOCK_STATEMENT, a0 as T_EXPRESSION_STATEMENT, a5 as T_RETURN_STATEMENT, V as T_EMPTY_STATEMENT, W as T_SWITCH_STATEMENT, X as T_TRY_STATEMENT, Y as T_THROW_STATEMENT, Z as T_FOR_OF_STATEMENT, _ as T_FOR_IN_STATEMENT, $ as T_FOR_STATEMENT, R as createXmlUiTreeNodeId, a1 as T_BREAK_STATEMENT, a2 as T_CONTINUE_STATEMENT, a3 as T_DO_WHILE_STATEMENT, a4 as T_WHILE_STATEMENT, a6 as T_IF_STATEMENT, a7 as T_CONST_STATEMENT, a8 as T_LET_STATEMENT, ab as T_VAR_STATEMENT, O as T_FUNCTION_DECLARATION, ac as T_ASYNC_FUNCTION_DECLARATION, av as isParsedCodeDeclaration, v as onPrefixRegex, y as stripOnPrefix, aw as collectCodeBehindFromSourceWithImports, ax as removeCodeBehindTokensFromTree, ay as ModuleResolver } from "./parser-CtPjoLla.js";
 import Color from "color";
-import { c as PART_LABELED_ITEM, d as PART_LABEL, e as PART_ICON, b as PART_INPUT, f as PART_CONTENT$2, g as PART_HEADER, x as xmlUiMarkupToComponent, h as errReportComponent, i as PART_CONCISE_VALIDATION_FEEDBACK$5, j as PART_AVATAR, k as PART_TITLE$1, l as PART_SUBTITLE, P as PART_START_ADORNMENT, a as PART_END_ADORNMENT, m as PART_CLEAR_BUTTON$1, n as PART_YEAR, o as PART_MONTH, p as PART_DAY, q as errReportMessage, r as errReportScriptError, s as errReportModuleErrors } from "./xmlui-parser-D3TD3HT1.js";
+import { c as PART_LABELED_ITEM, d as PART_LABEL, e as PART_ICON, b as PART_INPUT, f as PART_CONTENT$2, g as PART_HEADER, x as xmlUiMarkupToComponent, h as errReportComponent, i as PART_CONCISE_VALIDATION_FEEDBACK$5, j as PART_AVATAR, k as PART_TITLE$1, l as PART_SUBTITLE, P as PART_START_ADORNMENT, a as PART_END_ADORNMENT, m as PART_CLEAR_BUTTON$1, n as PART_YEAR, o as PART_MONTH, p as PART_DAY, q as errReportMessage, r as errReportScriptError, s as errReportModuleErrors } from "./xmlui-parser-DvQM_0YK.js";
 import * as InnerRadioGroup from "@radix-ui/react-radio-group";
+import { useContextSelector, createContext as createContext$1 } from "use-context-selector";
 import { OverlayScrollbarsComponent } from "overlayscrollbars-react";
 import * as DropdownMenuPrimitive 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";
@@ -26,7 +27,6 @@ import remarkGfm from "remark-gfm";
 import rehypeRaw from "rehype-raw";
 import { Link, useLocation, useNavigationType, NavLink as NavLink$1, Routes, Route, Navigate, useParams, useSearchParams, useNavigate, useInRouterContext, MemoryRouter, HashRouter, BrowserRouter } from "react-router-dom";
 import { visit } from "unist-util-visit";
-import { useContextSelector, createContext as createContext$1 } from "use-context-selector";
 import { Helmet, HelmetProvider } from "react-helmet-async";
 import * as Dialog$1 from "@radix-ui/react-dialog";
 import { Virtualizer } from "virtua";
@@ -2465,7 +2465,9 @@ function wrapComponent(type, Component, metadata, config = {}) {
       const traceKind = xsVerbose ? eventNameToTraceKind(xmluiName) : void 0;
       if (!handler && !traceKind) continue;
       props[reactPropName] = (...args) => {
-        const traceId = traceKind ? pushTrace() : void 0;
+        const activeTrace = traceKind ? getCurrentTrace() : void 0;
+        const inheritInteraction = activeTrace?.startsWith("i-");
+        const traceId = traceKind && !inheritInteraction ? pushTrace() : void 0;
         try {
           let result;
           if (handler) {
@@ -2480,7 +2482,7 @@ function wrapComponent(type, Component, metadata, config = {}) {
             pushXsLog(
               createLogEntry(traceKind, {
                 component: type,
-                componentLabel: node.uid || node.testId || void 0,
+                componentLabel: ariaLabel || node.uid || void 0,
                 displayLabel: traceDisplayLabel(traceKind, xmluiName, args),
                 eventName: xmluiName,
                 ariaName: ariaLabel,
@@ -2493,7 +2495,7 @@ function wrapComponent(type, Component, metadata, config = {}) {
           }
           return result;
         } finally {
-          endTrace(traceId, traceKind);
+          if (traceId) endTrace(traceId, traceKind);
         }
       };
     }
@@ -2529,7 +2531,7 @@ function wrapComponent(type, Component, metadata, config = {}) {
           createLogEntry(traceKind, {
             traceId,
             componentType: type,
-            componentLabel: xmluiId || type,
+            componentLabel: ariaLabel || xmluiId || type,
             displayLabel: event?.displayLabel || void 0,
             eventName: eventType,
             ariaName: ariaLabel,
@@ -2610,6 +2612,11 @@ function wrapComponent(type, Component, metadata, config = {}) {
         }
       }
     }
+    const explicitAriaLabel = extractValue(node.props?.["aria-label"]);
+    ariaLabel = explicitAriaLabel || config.deriveAriaLabel?.(props) || metadata.defaultAriaLabel || props.label || void 0;
+    if (ariaLabel) {
+      props["aria-label"] = ariaLabel;
+    }
     if (xsVerbose && Array.isArray(props.data)) {
       const bindKey = node.uid || node.testId || type;
       const w = typeof window !== "undefined" ? window : {};
@@ -2621,7 +2628,8 @@ function wrapComponent(type, Component, metadata, config = {}) {
         pushXsLog(
           createLogEntry("data:bind", {
             component: type,
-            componentLabel: node.uid || node.testId || void 0,
+            componentLabel: ariaLabel || node.uid || void 0,
+            ariaName: ariaLabel,
             displayLabel: `${bindKey}: ${prevCount ?? 0} → ${currCount} items`,
             prevCount: prevCount ?? 0,
             rowCount: currCount,
@@ -2631,11 +2639,6 @@ function wrapComponent(type, Component, metadata, config = {}) {
         );
       }
     }
-    const explicitAriaLabel = extractValue(node.props?.["aria-label"]);
-    ariaLabel = explicitAriaLabel || config.deriveAriaLabel?.(props) || metadata.defaultAriaLabel || props.label || void 0;
-    if (ariaLabel) {
-      props["aria-label"] = ariaLabel;
-    }
     let rendered;
     if (config.customRender) {
       rendered = config.customRender(props, context);
@@ -2860,7 +2863,9 @@ function wrapCompound(type, RenderComponent, metadata, config = {}) {
       if (xmluiName === "didChange" && isStateful) {
         if (traceKind || handler) {
           props.onDidChange = (...args) => {
-            const traceId = traceKind ? pushTrace() : void 0;
+            const activeTrace2 = traceKind ? getCurrentTrace() : void 0;
+            const inheritInteraction2 = activeTrace2?.startsWith("i-");
+            const traceId = traceKind && !inheritInteraction2 ? pushTrace() : void 0;
             try {
               let result;
               if (handler) {
@@ -2870,7 +2875,7 @@ function wrapCompound(type, RenderComponent, metadata, config = {}) {
                 pushXsLog(
                   createLogEntry(traceKind, {
                     component: type,
-                    componentLabel: node.uid || node.testId || void 0,
+                    componentLabel: ariaLabel || node.uid || void 0,
                     displayLabel: traceDisplayLabel(traceKind, xmluiName, args),
                     eventName: xmluiName,
                     ariaName: ariaLabel,
@@ -2882,7 +2887,7 @@ function wrapCompound(type, RenderComponent, metadata, config = {}) {
               }
               return result;
             } finally {
-              endTrace(traceId, traceKind);
+              if (traceId) endTrace(traceId, traceKind);
             }
           };
         }
@@ -2906,7 +2911,7 @@ function wrapCompound(type, RenderComponent, metadata, config = {}) {
               pushXsLog(
                 createLogEntry(traceKind, {
                   component: type,
-                  componentLabel: node.uid || node.testId || void 0,
+                  componentLabel: ariaLabel || node.uid || void 0,
                   displayLabel: traceDisplayLabel(traceKind, xmluiName, args),
                   eventName: xmluiName,
                   ariaName: ariaLabel,
@@ -2956,7 +2961,7 @@ function wrapCompound(type, RenderComponent, metadata, config = {}) {
           createLogEntry(traceKind, {
             traceId,
             componentType: type,
-            componentLabel: xmluiId || type,
+            componentLabel: ariaLabel || xmluiId || type,
             displayLabel: event?.displayLabel || void 0,
             eventName: eventType,
             ariaName: ariaLabel,
@@ -3504,6 +3509,96 @@ const radioGroupRenderer = wrapComponent(COMP$1s, ThemedRadioGroup, RadioGroupMd
     }
   )
 });
+const validationSeverityValues = ["error", "warning", "valid", "none"];
+const defaultValidationMode = "errorLate";
+const validationModeMd = [
+  {
+    value: "errorLate",
+    description: "Display the error when the field loses focus.If an error is already displayed, continue for every keystroke until input is accepted."
+  },
+  {
+    value: "onChanged",
+    description: "Display error (if present) for every keystroke."
+  },
+  {
+    value: "onLostFocus",
+    description: "Show/hide error (if present) only if the field loses focus."
+  }
+];
+const FormContext = createContext$1(void 0);
+function useFormContextPart(selector) {
+  return useContextSelector(FormContext, selector);
+}
+function useIsInsideForm() {
+  const contextPart = useFormContextPart((value) => value?.dispatch);
+  return contextPart !== void 0;
+}
+const formControlTypesMd = [
+  {
+    value: "text",
+    description: "Renders TextBox"
+  },
+  {
+    value: "password",
+    description: "Renders TextBox with `password` type"
+  },
+  {
+    value: "textarea",
+    description: "Renders Textarea"
+  },
+  {
+    value: "checkbox",
+    description: "Renders Checkbox"
+  },
+  {
+    value: "number",
+    description: "Renders NumberBox"
+  },
+  {
+    value: "integer",
+    description: "Renders NumberBox with `integersOnly` set to true"
+  },
+  {
+    value: "file",
+    description: "Renders FileInput"
+  },
+  {
+    value: "datePicker",
+    description: "Renders DatePicker"
+  },
+  {
+    value: "radioGroup",
+    description: "Renders RadioGroup"
+  },
+  {
+    value: "switch",
+    description: "Renders Switch"
+  },
+  {
+    value: "select",
+    description: "Renders Select"
+  },
+  {
+    value: "autocomplete",
+    description: "Renders AutoComplete"
+  },
+  {
+    value: "slider",
+    description: "Renders Slider"
+  },
+  {
+    value: "colorpicker",
+    description: "Renders ColorPicker"
+  },
+  {
+    value: "items",
+    description: "Renders Items"
+  },
+  {
+    value: "custom",
+    description: "A custom control specified in children. If `type` is not specified but the `FormItem` has children, it considers the control a custom one."
+  }
+];
 const defaultProps$1d = {
   labelBreak: true,
   enabled: true,
@@ -3517,7 +3612,7 @@ const defaultProps$1d = {
 const numberRegex = /^[0-9]+$/;
 const ItemWithLabel = forwardRef(function ItemWithLabel2({
   id,
-  labelPosition = "top",
+  labelPosition,
   style: style2 = {},
   className,
   label: label2,
@@ -3543,6 +3638,10 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
 }, ref) {
   const generatedId2 = useId();
   const inputId = id || generatedId2;
+  const formItemLabelPosition = useFormContextPart(
+    (value) => value?.itemLabelPosition
+  );
+  const resolvedLabelPosition = labelPosition ?? formItemLabelPosition ?? "top";
   const isInHorizontalStack = layoutContext?.orientation === "horizontal";
   const [inputElement, setInputElement] = useState(null);
   const [inputHeight, setInputHeight] = useState(void 0);
@@ -3560,7 +3659,7 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
       return () => observer.disconnect();
     }
   }, [inputElement]);
-  const labelWrapperHeight = labelPosition === "start" || labelPosition === "end" ? inputHeight : "auto";
+  const labelWrapperHeight = resolvedLabelPosition === "start" || resolvedLabelPosition === "end" ? inputHeight : "auto";
   const isRadioGroup = React__default.isValidElement(children) && children.type === ThemedRadioGroup;
   if (label2 === void 0 && !validationResult) {
     return /* @__PURE__ */ jsx(Part, { partId: PART_LABELED_ITEM, children: /* @__PURE__ */ jsx(Slot, { ...rest, style: style2, className, id: inputId, ref, children }) });
@@ -3579,10 +3678,10 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
           "div",
           {
             className: classnames(styles$1k.container, {
-              [styles$1k.top]: labelPosition === "top",
-              [styles$1k.bottom]: labelPosition === "bottom",
-              [styles$1k.start]: labelPosition === "start",
-              [styles$1k.end]: labelPosition === "end",
+              [styles$1k.top]: resolvedLabelPosition === "top",
+              [styles$1k.bottom]: resolvedLabelPosition === "bottom",
+              [styles$1k.start]: resolvedLabelPosition === "start",
+              [styles$1k.end]: resolvedLabelPosition === "end",
               [styles$1k.shrinkToLabel]: shrinkToLabel2
             }),
             dir: rest?.direction,
@@ -3652,10 +3751,10 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
     "div",
     {
       className: classnames(styles$1k.container, {
-        [styles$1k.top]: labelPosition === "top",
-        [styles$1k.bottom]: labelPosition === "bottom",
-        [styles$1k.start]: labelPosition === "start",
-        [styles$1k.end]: labelPosition === "end",
+        [styles$1k.top]: resolvedLabelPosition === "top",
+        [styles$1k.bottom]: resolvedLabelPosition === "bottom",
+        [styles$1k.start]: resolvedLabelPosition === "start",
+        [styles$1k.end]: resolvedLabelPosition === "end",
         [styles$1k.shrinkToLabel]: shrinkToLabel2
       }),
       dir: rest?.direction,
@@ -7582,17 +7681,18 @@ const styles$18 = {
   breakHyphenate: breakHyphenate$2
 };
 const themeVars$R = `'{"border-H1": "var(--xmlui-border-H1)", "borderHorizontal-H1": "var(--xmlui-borderHorizontal-H1, var(--xmlui-border-H1))", "borderVertical-H1": "var(--xmlui-borderVertical-H1, var(--xmlui-border-H1))", "borderLeft-H1": "var(--xmlui-borderLeft-H1, var(--xmlui-borderHorizontal-H1, var(--xmlui-border-H1)))", "borderRight-H1": "var(--xmlui-borderRight-H1, var(--xmlui-borderHorizontal-H1, var(--xmlui-border-H1)))", "borderTop-H1": "var(--xmlui-borderTop-H1, var(--xmlui-borderVertical-H1, var(--xmlui-border-H1)))", "borderBottom-H1": "var(--xmlui-borderBottom-H1, var(--xmlui-borderVertical-H1, var(--xmlui-border-H1)))", "borderWidth-H1": "var(--xmlui-borderWidth-H1)", "borderHorizontalWidth-H1": "var(--xmlui-borderHorizontalWidth-H1, var(--xmlui-borderWidth-H1))", "borderLeftWidth-H1": "var(--xmlui-borderLeftWidth-H1, var(--xmlui-borderHorizontalWidth-H1, var(--xmlui-borderWidth-H1)))", "borderRightWidth-H1": "var(--xmlui-borderRightWidth-H1, var(--xmlui-borderHorizontalWidth-H1, var(--xmlui-borderWidth-H1)))", "borderVerticalWidth-H1": "var(--xmlui-borderVerticalWidth-H1, var(--xmlui-borderWidth-H1))", "borderTopWidth-H1": "var(--xmlui-borderTopWidth-H1, var(--xmlui-borderVerticalWidth-H1, var(--xmlui-borderWidth-H1)))", "borderBottomWidth-H1": "var(--xmlui-borderBottomWidth-H1, var(--xmlui-borderVerticalWidth-H1, var(--xmlui-borderWidth-H1)))", "borderStyle-H1": "var(--xmlui-borderStyle-H1)", "borderHorizontalStyle-H1": "var(--xmlui-borderHorizontalStyle-H1, var(--xmlui-borderStyle-H1))", "borderLeftStyle-H1": "var(--xmlui-borderLeftStyle-H1, var(--xmlui-borderHorizontalStyle-H1, var(--xmlui-borderStyle-H1)))", "borderRightStyle-H1": "var(--xmlui-borderRightStyle-H1, var(--xmlui-borderHorizontalStyle-H1, var(--xmlui-borderStyle-H1)))", "borderVerticalStyle-H1": "var(--xmlui-borderVerticalStyle-H1, var(--xmlui-borderStyle-H1))", "borderTopStyle-H1": "var(--xmlui-borderTopStyle-H1, var(--xmlui-borderVerticalStyle-H1, var(--xmlui-borderStyle-H1)))", "borderBottomStyle-H1": "var(--xmlui-borderBottomStyle-H1, var(--xmlui-borderVerticalStyle-H1, var(--xmlui-borderStyle-H1)))", "borderColor-H1": "var(--xmlui-borderColor-H1)", "borderHorizontalColor-H1": "var(--xmlui-borderHorizontalColor-H1, var(--xmlui-borderColor-H1))", "borderLeftColor-H1": "var(--xmlui-borderLeftColor-H1, var(--xmlui-borderHorizontalColor-H1, var(--xmlui-borderColor-H1)))", "borderRightColor-H1": "var(--xmlui-borderRightColor-H1, var(--xmlui-borderHorizontalColor-H1, var(--xmlui-borderColor-H1)))", "borderVerticalColor-H1": "var(--xmlui-borderVerticalColor-H1, var(--xmlui-borderColor-H1))", "borderTopColor-H1": "var(--xmlui-borderTopColor-H1, var(--xmlui-borderVerticalColor-H1, var(--xmlui-borderColor-H1)))", "borderBottomColor-H1": "var(--xmlui-borderBottomColor-H1, var(--xmlui-borderVerticalColor-H1, var(--xmlui-borderColor-H1)))", "borderStartStartRadius-H1": "var(--xmlui-borderStartStartRadius-H1, var(--xmlui-borderRadius-H1))", "borderStartEndRadius-H1": "var(--xmlui-borderStartEndRadius-H1, var(--xmlui-borderRadius-H1))", "borderEndStartRadius-H1": "var(--xmlui-borderEndStartRadius-H1, var(--xmlui-borderRadius-H1))", "borderEndEndRadius-H1": "var(--xmlui-borderEndEndRadius-H1, var(--xmlui-borderRadius-H1))", "padding-H1": "var(--xmlui-padding-H1)", "paddingHorizontal-H1": "var(--xmlui-paddingHorizontal-H1, var(--xmlui-padding-H1))", "paddingVertical-H1": "var(--xmlui-paddingVertical-H1, var(--xmlui-padding-H1))", "paddingLeft-H1": "var(--xmlui-paddingLeft-H1, var(--xmlui-paddingHorizontal-H1, var(--xmlui-padding-H1)))", "paddingRight-H1": "var(--xmlui-paddingRight-H1, var(--xmlui-paddingHorizontal-H1, var(--xmlui-padding-H1)))", "paddingTop-H1": "var(--xmlui-paddingTop-H1, var(--xmlui-paddingVertical-H1, var(--xmlui-padding-H1)))", "paddingBottom-H1": "var(--xmlui-paddingBottom-H1, var(--xmlui-paddingVertical-H1, var(--xmlui-padding-H1)))", "textColor-H1": "var(--xmlui-textColor-H1)", "fontFamily-H1": "var(--xmlui-fontFamily-H1)", "fontSize-H1": "var(--xmlui-fontSize-H1)", "fontStyle-H1": "var(--xmlui-fontStyle-H1)", "fontVariant-H1": "var(--xmlui-fontVariant-H1)", "fontWeight-H1": "var(--xmlui-fontWeight-H1)", "fontStretch-H1": "var(--xmlui-fontStretch-H1)", "textDecorationLine-H1": "var(--xmlui-textDecorationLine-H1)", "textDecorationColor-H1": "var(--xmlui-textDecorationColor-H1)", "textDecorationStyle-H1": "var(--xmlui-textDecorationStyle-H1)", "textDecorationThickness-H1": "var(--xmlui-textDecorationThickness-H1)", "textUnderlineOffset-H1": "var(--xmlui-textUnderlineOffset-H1)", "lineHeight-H1": "var(--xmlui-lineHeight-H1)", "backgroundColor-H1": "var(--xmlui-backgroundColor-H1)", "textTransform-H1": "var(--xmlui-textTransform-H1)", "letterSpacing-H1": "var(--xmlui-letterSpacing-H1)", "wordSpacing-H1": "var(--xmlui-wordSpacing-H1)", "textShadow-H1": "var(--xmlui-textShadow-H1)", "textIndent-H1": "var(--xmlui-textIndent-H1)", "textAlign-H1": "var(--xmlui-textAlign-H1)", "textAlignLast-H1": "var(--xmlui-textAlignLast-H1)", "wordBreak-H1": "var(--xmlui-wordBreak-H1)", "wordWrap-H1": "var(--xmlui-wordWrap-H1)", "direction-H1": "var(--xmlui-direction-H1)", "writingMode-H1": "var(--xmlui-writingMode-H1)", "lineBreak-H1": "var(--xmlui-lineBreak-H1)", "border-H2": "var(--xmlui-border-H2)", "borderHorizontal-H2": "var(--xmlui-borderHorizontal-H2, var(--xmlui-border-H2))", "borderVertical-H2": "var(--xmlui-borderVertical-H2, var(--xmlui-border-H2))", "borderLeft-H2": "var(--xmlui-borderLeft-H2, var(--xmlui-borderHorizontal-H2, var(--xmlui-border-H2)))", "borderRight-H2": "var(--xmlui-borderRight-H2, var(--xmlui-borderHorizontal-H2, var(--xmlui-border-H2)))", "borderTop-H2": "var(--xmlui-borderTop-H2, var(--xmlui-borderVertical-H2, var(--xmlui-border-H2)))", "borderBottom-H2": "var(--xmlui-borderBottom-H2, var(--xmlui-borderVertical-H2, var(--xmlui-border-H2)))", "borderWidth-H2": "var(--xmlui-borderWidth-H2)", "borderHorizontalWidth-H2": "var(--xmlui-borderHorizontalWidth-H2, var(--xmlui-borderWidth-H2))", "borderLeftWidth-H2": "var(--xmlui-borderLeftWidth-H2, var(--xmlui-borderHorizontalWidth-H2, var(--xmlui-borderWidth-H2)))", "borderRightWidth-H2": "var(--xmlui-borderRightWidth-H2, var(--xmlui-borderHorizontalWidth-H2, var(--xmlui-borderWidth-H2)))", "borderVerticalWidth-H2": "var(--xmlui-borderVerticalWidth-H2, var(--xmlui-borderWidth-H2))", "borderTopWidth-H2": "var(--xmlui-borderTopWidth-H2, var(--xmlui-borderVerticalWidth-H2, var(--xmlui-borderWidth-H2)))", "borderBottomWidth-H2": "var(--xmlui-borderBottomWidth-H2, var(--xmlui-borderVerticalWidth-H2, var(--xmlui-borderWidth-H2)))", "borderStyle-H2": "var(--xmlui-borderStyle-H2)", "borderHorizontalStyle-H2": "var(--xmlui-borderHorizontalStyle-H2, var(--xmlui-borderStyle-H2))", "borderLeftStyle-H2": "var(--xmlui-borderLeftStyle-H2, var(--xmlui-borderHorizontalStyle-H2, var(--xmlui-borderStyle-H2)))", "borderRightStyle-H2": "var(--xmlui-borderRightStyle-H2, var(--xmlui-borderHorizontalStyle-H2, var(--xmlui-borderStyle-H2)))", "borderVerticalStyle-H2": "var(--xmlui-borderVerticalStyle-H2, var(--xmlui-borderStyle-H2))", "borderTopStyle-H2": "var(--xmlui-borderTopStyle-H2, var(--xmlui-borderVerticalStyle-H2, var(--xmlui-borderStyle-H2)))", "borderBottomStyle-H2": "var(--xmlui-borderBottomStyle-H2, var(--xmlui-borderVerticalStyle-H2, var(--xmlui-borderStyle-H2)))", "borderColor-H2": "var(--xmlui-borderColor-H2)", "borderHorizontalColor-H2": "var(--xmlui-borderHorizontalColor-H2, var(--xmlui-borderColor-H2))", "borderLeftColor-H2": "var(--xmlui-borderLeftColor-H2, var(--xmlui-borderHorizontalColor-H2, var(--xmlui-borderColor-H2)))", "borderRightColor-H2": "var(--xmlui-borderRightColor-H2, var(--xmlui-borderHorizontalColor-H2, var(--xmlui-borderColor-H2)))", "borderVerticalColor-H2": "var(--xmlui-borderVerticalColor-H2, var(--xmlui-borderColor-H2))", "borderTopColor-H2": "var(--xmlui-borderTopColor-H2, var(--xmlui-borderVerticalColor-H2, var(--xmlui-borderColor-H2)))", "borderBottomColor-H2": "var(--xmlui-borderBottomColor-H2, var(--xmlui-borderVerticalColor-H2, var(--xmlui-borderColor-H2)))", "borderStartStartRadius-H2": "var(--xmlui-borderStartStartRadius-H2, var(--xmlui-borderRadius-H2))", "borderStartEndRadius-H2": "var(--xmlui-borderStartEndRadius-H2, var(--xmlui-borderRadius-H2))", "borderEndStartRadius-H2": "var(--xmlui-borderEndStartRadius-H2, var(--xmlui-borderRadius-H2))", "borderEndEndRadius-H2": "var(--xmlui-borderEndEndRadius-H2, var(--xmlui-borderRadius-H2))", "padding-H2": "var(--xmlui-padding-H2)", "paddingHorizontal-H2": "var(--xmlui-paddingHorizontal-H2, var(--xmlui-padding-H2))", "paddingVertical-H2": "var(--xmlui-paddingVertical-H2, var(--xmlui-padding-H2))", "paddingLeft-H2": "var(--xmlui-paddingLeft-H2, var(--xmlui-paddingHorizontal-H2, var(--xmlui-padding-H2)))", "paddingRight-H2": "var(--xmlui-paddingRight-H2, var(--xmlui-paddingHorizontal-H2, var(--xmlui-padding-H2)))", "paddingTop-H2": "var(--xmlui-paddingTop-H2, var(--xmlui-paddingVertical-H2, var(--xmlui-padding-H2)))", "paddingBottom-H2": "var(--xmlui-paddingBottom-H2, var(--xmlui-paddingVertical-H2, var(--xmlui-padding-H2)))", "textColor-H2": "var(--xmlui-textColor-H2)", "fontFamily-H2": "var(--xmlui-fontFamily-H2)", "fontSize-H2": "var(--xmlui-fontSize-H2)", "fontStyle-H2": "var(--xmlui-fontStyle-H2)", "fontVariant-H2": "var(--xmlui-fontVariant-H2)", "fontWeight-H2": "var(--xmlui-fontWeight-H2)", "fontStretch-H2": "var(--xmlui-fontStretch-H2)", "textDecorationLine-H2": "var(--xmlui-textDecorationLine-H2)", "textDecorationColor-H2": "var(--xmlui-textDecorationColor-H2)", "textDecorationStyle-H2": "var(--xmlui-textDecorationStyle-H2)", "textDecorationThickness-H2": "var(--xmlui-textDecorationThickness-H2)", "textUnderlineOffset-H2": "var(--xmlui-textUnderlineOffset-H2)", "lineHeight-H2": "var(--xmlui-lineHeight-H2)", "backgroundColor-H2": "var(--xmlui-backgroundColor-H2)", "textTransform-H2": "var(--xmlui-textTransform-H2)", "letterSpacing-H2": "var(--xmlui-letterSpacing-H2)", "wordSpacing-H2": "var(--xmlui-wordSpacing-H2)", "textShadow-H2": "var(--xmlui-textShadow-H2)", "textIndent-H2": "var(--xmlui-textIndent-H2)", "textAlign-H2": "var(--xmlui-textAlign-H2)", "textAlignLast-H2": "var(--xmlui-textAlignLast-H2)", "wordBreak-H2": "var(--xmlui-wordBreak-H2)", "wordWrap-H2": "var(--xmlui-wordWrap-H2)", "direction-H2": "var(--xmlui-direction-H2)", "writingMode-H2": "var(--xmlui-writingMode-H2)", "lineBreak-H2": "var(--xmlui-lineBreak-H2)", "border-H3": "var(--xmlui-border-H3)", "borderHorizontal-H3": "var(--xmlui-borderHorizontal-H3, var(--xmlui-border-H3))", "borderVertical-H3": "var(--xmlui-borderVertical-H3, var(--xmlui-border-H3))", "borderLeft-H3": "var(--xmlui-borderLeft-H3, var(--xmlui-borderHorizontal-H3, var(--xmlui-border-H3)))", "borderRight-H3": "var(--xmlui-borderRight-H3, var(--xmlui-borderHorizontal-H3, var(--xmlui-border-H3)))", "borderTop-H3": "var(--xmlui-borderTop-H3, var(--xmlui-borderVertical-H3, var(--xmlui-border-H3)))", "borderBottom-H3": "var(--xmlui-borderBottom-H3, var(--xmlui-borderVertical-H3, var(--xmlui-border-H3)))", "borderWidth-H3": "var(--xmlui-borderWidth-H3)", "borderHorizontalWidth-H3": "var(--xmlui-borderHorizontalWidth-H3, var(--xmlui-borderWidth-H3))", "borderLeftWidth-H3": "var(--xmlui-borderLeftWidth-H3, var(--xmlui-borderHorizontalWidth-H3, var(--xmlui-borderWidth-H3)))", "borderRightWidth-H3": "var(--xmlui-borderRightWidth-H3, var(--xmlui-borderHorizontalWidth-H3, var(--xmlui-borderWidth-H3)))", "borderVerticalWidth-H3": "var(--xmlui-borderVerticalWidth-H3, var(--xmlui-borderWidth-H3))", "borderTopWidth-H3": "var(--xmlui-borderTopWidth-H3, var(--xmlui-borderVerticalWidth-H3, var(--xmlui-borderWidth-H3)))", "borderBottomWidth-H3": "var(--xmlui-borderBottomWidth-H3, var(--xmlui-borderVerticalWidth-H3, var(--xmlui-borderWidth-H3)))", "borderStyle-H3": "var(--xmlui-borderStyle-H3)", "borderHorizontalStyle-H3": "var(--xmlui-borderHorizontalStyle-H3, var(--xmlui-borderStyle-H3))", "borderLeftStyle-H3": "var(--xmlui-borderLeftStyle-H3, var(--xmlui-borderHorizontalStyle-H3, var(--xmlui-borderStyle-H3)))", "borderRightStyle-H3": "var(--xmlui-borderRightStyle-H3, var(--xmlui-borderHorizontalStyle-H3, var(--xmlui-borderStyle-H3)))", "borderVerticalStyle-H3": "var(--xmlui-borderVerticalStyle-H3, var(--xmlui-borderStyle-H3))", "borderTopStyle-H3": "var(--xmlui-borderTopStyle-H3, var(--xmlui-borderVerticalStyle-H3, var(--xmlui-borderStyle-H3)))", "borderBottomStyle-H3": "var(--xmlui-borderBottomStyle-H3, var(--xmlui-borderVerticalStyle-H3, var(--xmlui-borderStyle-H3)))", "borderColor-H3": "var(--xmlui-borderColor-H3)", "borderHorizontalColor-H3": "var(--xmlui-borderHorizontalColor-H3, var(--xmlui-borderColor-H3))", "borderLeftColor-H3": "var(--xmlui-borderLeftColor-H3, var(--xmlui-borderHorizontalColor-H3, var(--xmlui-borderColor-H3)))", "borderRightColor-H3": "var(--xmlui-borderRightColor-H3, var(--xmlui-borderHorizontalColor-H3, var(--xmlui-borderColor-H3)))", "borderVerticalColor-H3": "var(--xmlui-borderVerticalColor-H3, var(--xmlui-borderColor-H3))", "borderTopColor-H3": "var(--xmlui-borderTopColor-H3, var(--xmlui-borderVerticalColor-H3, var(--xmlui-borderColor-H3)))", "borderBottomColor-H3": "var(--xmlui-borderBottomColor-H3, var(--xmlui-borderVerticalColor-H3, var(--xmlui-borderColor-H3)))", "borderStartStartRadius-H3": "var(--xmlui-borderStartStartRadius-H3, var(--xmlui-borderRadius-H3))", "borderStartEndRadius-H3": "var(--xmlui-borderStartEndRadius-H3, var(--xmlui-borderRadius-H3))", "borderEndStartRadius-H3": "var(--xmlui-borderEndStartRadius-H3, var(--xmlui-borderRadius-H3))", "borderEndEndRadius-H3": "var(--xmlui-borderEndEndRadius-H3, var(--xmlui-borderRadius-H3))", "padding-H3": "var(--xmlui-padding-H3)", "paddingHorizontal-H3": "var(--xmlui-paddingHorizontal-H3, var(--xmlui-padding-H3))", "paddingVertical-H3": "var(--xmlui-paddingVertical-H3, var(--xmlui-padding-H3))", "paddingLeft-H3": "var(--xmlui-paddingLeft-H3, var(--xmlui-paddingHorizontal-H3, var(--xmlui-padding-H3)))", "paddingRight-H3": "var(--xmlui-paddingRight-H3, var(--xmlui-paddingHorizontal-H3, var(--xmlui-padding-H3)))", "paddingTop-H3": "var(--xmlui-paddingTop-H3, var(--xmlui-paddingVertical-H3, var(--xmlui-padding-H3)))", "paddingBottom-H3": "var(--xmlui-paddingBottom-H3, var(--xmlui-paddingVertical-H3, var(--xmlui-padding-H3)))", "textColor-H3": "var(--xmlui-textColor-H3)", "fontFamily-H3": "var(--xmlui-fontFamily-H3)", "fontSize-H3": "var(--xmlui-fontSize-H3)", "fontStyle-H3": "var(--xmlui-fontStyle-H3)", "fontVariant-H3": "var(--xmlui-fontVariant-H3)", "fontWeight-H3": "var(--xmlui-fontWeight-H3)", "fontStretch-H3": "var(--xmlui-fontStretch-H3)", "textDecorationLine-H3": "var(--xmlui-textDecorationLine-H3)", "textDecorationColor-H3": "var(--xmlui-textDecorationColor-H3)", "textDecorationStyle-H3": "var(--xmlui-textDecorationStyle-H3)", "textDecorationThickness-H3": "var(--xmlui-textDecorationThickness-H3)", "textUnderlineOffset-H3": "var(--xmlui-textUnderlineOffset-H3)", "lineHeight-H3": "var(--xmlui-lineHeight-H3)", "backgroundColor-H3": "var(--xmlui-backgroundColor-H3)", "textTransform-H3": "var(--xmlui-textTransform-H3)", "letterSpacing-H3": "var(--xmlui-letterSpacing-H3)", "wordSpacing-H3": "var(--xmlui-wordSpacing-H3)", "textShadow-H3": "var(--xmlui-textShadow-H3)", "textIndent-H3": "var(--xmlui-textIndent-H3)", "textAlign-H3": "var(--xmlui-textAlign-H3)", "textAlignLast-H3": "var(--xmlui-textAlignLast-H3)", "wordBreak-H3": "var(--xmlui-wordBreak-H3)", "wordWrap-H3": "var(--xmlui-wordWrap-H3)", "direction-H3": "var(--xmlui-direction-H3)", "writingMode-H3": "var(--xmlui-writingMode-H3)", "lineBreak-H3": "var(--xmlui-lineBreak-H3)", "border-H4": "var(--xmlui-border-H4)", "borderHorizontal-H4": "var(--xmlui-borderHorizontal-H4, var(--xmlui-border-H4))", "borderVertical-H4": "var(--xmlui-borderVertical-H4, var(--xmlui-border-H4))", "borderLeft-H4": "var(--xmlui-borderLeft-H4, var(--xmlui-borderHorizontal-H4, var(--xmlui-border-H4)))", "borderRight-H4": "var(--xmlui-borderRight-H4, var(--xmlui-borderHorizontal-H4, var(--xmlui-border-H4)))", "borderTop-H4": "var(--xmlui-borderTop-H4, var(--xmlui-borderVertical-H4, var(--xmlui-border-H4)))", "borderBottom-H4": "var(--xmlui-borderBottom-H4, var(--xmlui-borderVertical-H4, var(--xmlui-border-H4)))", "borderWidth-H4": "var(--xmlui-borderWidth-H4)", "borderHorizontalWidth-H4": "var(--xmlui-borderHorizontalWidth-H4, var(--xmlui-borderWidth-H4))", "borderLeftWidth-H4": "var(--xmlui-borderLeftWidth-H4, var(--xmlui-borderHorizontalWidth-H4, var(--xmlui-borderWidth-H4)))", "borderRightWidth-H4": "var(--xmlui-borderRightWidth-H4, var(--xmlui-borderHorizontalWidth-H4, var(--xmlui-borderWidth-H4)))", "borderVerticalWidth-H4": "var(--xmlui-borderVerticalWidth-H4, var(--xmlui-borderWidth-H4))", "borderTopWidth-H4": "var(--xmlui-borderTopWidth-H4, var(--xmlui-borderVerticalWidth-H4, var(--xmlui-borderWidth-H4)))", "borderBottomWidth-H4": "var(--xmlui-borderBottomWidth-H4, var(--xmlui-borderVerticalWidth-H4, var(--xmlui-borderWidth-H4)))", "borderStyle-H4": "var(--xmlui-borderStyle-H4)", "borderHorizontalStyle-H4": "var(--xmlui-borderHorizontalStyle-H4, var(--xmlui-borderStyle-H4))", "borderLeftStyle-H4": "var(--xmlui-borderLeftStyle-H4, var(--xmlui-borderHorizontalStyle-H4, var(--xmlui-borderStyle-H4)))", "borderRightStyle-H4": "var(--xmlui-borderRightStyle-H4, var(--xmlui-borderHorizontalStyle-H4, var(--xmlui-borderStyle-H4)))", "borderVerticalStyle-H4": "var(--xmlui-borderVerticalStyle-H4, var(--xmlui-borderStyle-H4))", "borderTopStyle-H4": "var(--xmlui-borderTopStyle-H4, var(--xmlui-borderVerticalStyle-H4, var(--xmlui-borderStyle-H4)))", "borderBottomStyle-H4": "var(--xmlui-borderBottomStyle-H4, var(--xmlui-borderVerticalStyle-H4, var(--xmlui-borderStyle-H4)))", "borderColor-H4": "var(--xmlui-borderColor-H4)", "borderHorizontalColor-H4": "var(--xmlui-borderHorizontalColor-H4, var(--xmlui-borderColor-H4))", "borderLeftColor-H4": "var(--xmlui-borderLeftColor-H4, var(--xmlui-borderHorizontalColor-H4, var(--xmlui-borderColor-H4)))", "borderRightColor-H4": "var(--xmlui-borderRightColor-H4, var(--xmlui-borderHorizontalColor-H4, var(--xmlui-borderColor-H4)))", "borderVerticalColor-H4": "var(--xmlui-borderVerticalColor-H4, var(--xmlui-borderColor-H4))", "borderTopColor-H4": "var(--xmlui-borderTopColor-H4, var(--xmlui-borderVerticalColor-H4, var(--xmlui-borderColor-H4)))", "borderBottomColor-H4": "var(--xmlui-borderBottomColor-H4, var(--xmlui-borderVerticalColor-H4, var(--xmlui-borderColor-H4)))", "borderStartStartRadius-H4": "var(--xmlui-borderStartStartRadius-H4, var(--xmlui-borderRadius-H4))", "borderStartEndRadius-H4": "var(--xmlui-borderStartEndRadius-H4, var(--xmlui-borderRadius-H4))", "borderEndStartRadius-H4": "var(--xmlui-borderEndStartRadius-H4, var(--xmlui-borderRadius-H4))", "borderEndEndRadius-H4": "var(--xmlui-borderEndEndRadius-H4, var(--xmlui-borderRadius-H4))", "padding-H4": "var(--xmlui-padding-H4)", "paddingHorizontal-H4": "var(--xmlui-paddingHorizontal-H4, var(--xmlui-padding-H4))", "paddingVertical-H4": "var(--xmlui-paddingVertical-H4, var(--xmlui-padding-H4))", "paddingLeft-H4": "var(--xmlui-paddingLeft-H4, var(--xmlui-paddingHorizontal-H4, var(--xmlui-padding-H4)))", "paddingRight-H4": "var(--xmlui-paddingRight-H4, var(--xmlui-paddingHorizontal-H4, var(--xmlui-padding-H4)))", "paddingTop-H4": "var(--xmlui-paddingTop-H4, var(--xmlui-paddingVertical-H4, var(--xmlui-padding-H4)))", "paddingBottom-H4": "var(--xmlui-paddingBottom-H4, var(--xmlui-paddingVertical-H4, var(--xmlui-padding-H4)))", "textColor-H4": "var(--xmlui-textColor-H4)", "fontFamily-H4": "var(--xmlui-fontFamily-H4)", "fontSize-H4": "var(--xmlui-fontSize-H4)", "fontStyle-H4": "var(--xmlui-fontStyle-H4)", "fontVariant-H4": "var(--xmlui-fontVariant-H4)", "fontWeight-H4": "var(--xmlui-fontWeight-H4)", "fontStretch-H4": "var(--xmlui-fontStretch-H4)", "textDecorationLine-H4": "var(--xmlui-textDecorationLine-H4)", "textDecorationColor-H4": "var(--xmlui-textDecorationColor-H4)", "textDecorationStyle-H4": "var(--xmlui-textDecorationStyle-H4)", "textDecorationThickness-H4": "var(--xmlui-textDecorationThickness-H4)", "textUnderlineOffset-H4": "var(--xmlui-textUnderlineOffset-H4)", "lineHeight-H4": "var(--xmlui-lineHeight-H4)", "backgroundColor-H4": "var(--xmlui-backgroundColor-H4)", "textTransform-H4": "var(--xmlui-textTransform-H4)", "letterSpacing-H4": "var(--xmlui-letterSpacing-H4)", "wordSpacing-H4": "var(--xmlui-wordSpacing-H4)", "textShadow-H4": "var(--xmlui-textShadow-H4)", "textIndent-H4": "var(--xmlui-textIndent-H4)", "textAlign-H4": "var(--xmlui-textAlign-H4)", "textAlignLast-H4": "var(--xmlui-textAlignLast-H4)", "wordBreak-H4": "var(--xmlui-wordBreak-H4)", "wordWrap-H4": "var(--xmlui-wordWrap-H4)", "direction-H4": "var(--xmlui-direction-H4)", "writingMode-H4": "var(--xmlui-writingMode-H4)", "lineBreak-H4": "var(--xmlui-lineBreak-H4)", "border-H5": "var(--xmlui-border-H5)", "borderHorizontal-H5": "var(--xmlui-borderHorizontal-H5, var(--xmlui-border-H5))", "borderVertical-H5": "var(--xmlui-borderVertical-H5, var(--xmlui-border-H5))", "borderLeft-H5": "var(--xmlui-borderLeft-H5, var(--xmlui-borderHorizontal-H5, var(--xmlui-border-H5)))", "borderRight-H5": "var(--xmlui-borderRight-H5, var(--xmlui-borderHorizontal-H5, var(--xmlui-border-H5)))", "borderTop-H5": "var(--xmlui-borderTop-H5, var(--xmlui-borderVertical-H5, var(--xmlui-border-H5)))", "borderBottom-H5": "var(--xmlui-borderBottom-H5, var(--xmlui-borderVertical-H5, var(--xmlui-border-H5)))", "borderWidth-H5": "var(--xmlui-borderWidth-H5)", "borderHorizontalWidth-H5": "var(--xmlui-borderHorizontalWidth-H5, var(--xmlui-borderWidth-H5))", "borderLeftWidth-H5": "var(--xmlui-borderLeftWidth-H5, var(--xmlui-borderHorizontalWidth-H5, var(--xmlui-borderWidth-H5)))", "borderRightWidth-H5": "var(--xmlui-borderRightWidth-H5, var(--xmlui-borderHorizontalWidth-H5, var(--xmlui-borderWidth-H5)))", "borderVerticalWidth-H5": "var(--xmlui-borderVerticalWidth-H5, var(--xmlui-borderWidth-H5))", "borderTopWidth-H5": "var(--xmlui-borderTopWidth-H5, var(--xmlui-borderVerticalWidth-H5, var(--xmlui-borderWidth-H5)))", "borderBottomWidth-H5": "var(--xmlui-borderBottomWidth-H5, var(--xmlui-borderVerticalWidth-H5, var(--xmlui-borderWidth-H5)))", "borderStyle-H5": "var(--xmlui-borderStyle-H5)", "borderHorizontalStyle-H5": "var(--xmlui-borderHorizontalStyle-H5, var(--xmlui-borderStyle-H5))", "borderLeftStyle-H5": "var(--xmlui-borderLeftStyle-H5, var(--xmlui-borderHorizontalStyle-H5, var(--xmlui-borderStyle-H5)))", "borderRightStyle-H5": "var(--xmlui-borderRightStyle-H5, var(--xmlui-borderHorizontalStyle-H5, var(--xmlui-borderStyle-H5)))", "borderVerticalStyle-H5": "var(--xmlui-borderVerticalStyle-H5, var(--xmlui-borderStyle-H5))", "borderTopStyle-H5": "var(--xmlui-borderTopStyle-H5, var(--xmlui-borderVerticalStyle-H5, var(--xmlui-borderStyle-H5)))", "borderBottomStyle-H5": "var(--xmlui-borderBottomStyle-H5, var(--xmlui-borderVerticalStyle-H5, var(--xmlui-borderStyle-H5)))", "borderColor-H5": "var(--xmlui-borderColor-H5)", "borderHorizontalColor-H5": "var(--xmlui-borderHorizontalColor-H5, var(--xmlui-borderColor-H5))", "borderLeftColor-H5": "var(--xmlui-borderLeftColor-H5, var(--xmlui-borderHorizontalColor-H5, var(--xmlui-borderColor-H5)))", "borderRightColor-H5": "var(--xmlui-borderRightColor-H5, var(--xmlui-borderHorizontalColor-H5, var(--xmlui-borderColor-H5)))", "borderVerticalColor-H5": "var(--xmlui-borderVerticalColor-H5, var(--xmlui-borderColor-H5))", "borderTopColor-H5": "var(--xmlui-borderTopColor-H5, var(--xmlui-borderVerticalColor-H5, var(--xmlui-borderColor-H5)))", "borderBottomColor-H5": "var(--xmlui-borderBottomColor-H5, var(--xmlui-borderVerticalColor-H5, var(--xmlui-borderColor-H5)))", "borderStartStartRadius-H5": "var(--xmlui-borderStartStartRadius-H5, var(--xmlui-borderRadius-H5))", "borderStartEndRadius-H5": "var(--xmlui-borderStartEndRadius-H5, var(--xmlui-borderRadius-H5))", "borderEndStartRadius-H5": "var(--xmlui-borderEndStartRadius-H5, var(--xmlui-borderRadius-H5))", "borderEndEndRadius-H5": "var(--xmlui-borderEndEndRadius-H5, var(--xmlui-borderRadius-H5))", "padding-H5": "var(--xmlui-padding-H5)", "paddingHorizontal-H5": "var(--xmlui-paddingHorizontal-H5, var(--xmlui-padding-H5))", "paddingVertical-H5": "var(--xmlui-paddingVertical-H5, var(--xmlui-padding-H5))", "paddingLeft-H5": "var(--xmlui-paddingLeft-H5, var(--xmlui-paddingHorizontal-H5, var(--xmlui-padding-H5)))", "paddingRight-H5": "var(--xmlui-paddingRight-H5, var(--xmlui-paddingHorizontal-H5, var(--xmlui-padding-H5)))", "paddingTop-H5": "var(--xmlui-paddingTop-H5, var(--xmlui-paddingVertical-H5, var(--xmlui-padding-H5)))", "paddingBottom-H5": "var(--xmlui-paddingBottom-H5, var(--xmlui-paddingVertical-H5, var(--xmlui-padding-H5)))", "textColor-H5": "var(--xmlui-textColor-H5)", "fontFamily-H5": "var(--xmlui-fontFamily-H5)", "fontSize-H5": "var(--xmlui-fontSize-H5)", "fontStyle-H5": "var(--xmlui-fontStyle-H5)", "fontVariant-H5": "var(--xmlui-fontVariant-H5)", "fontWeight-H5": "var(--xmlui-fontWeight-H5)", "fontStretch-H5": "var(--xmlui-fontStretch-H5)", "textDecorationLine-H5": "var(--xmlui-textDecorationLine-H5)", "textDecorationColor-H5": "var(--xmlui-textDecorationColor-H5)", "textDecorationStyle-H5": "var(--xmlui-textDecorationStyle-H5)", "textDecorationThickness-H5": "var(--xmlui-textDecorationThickness-H5)", "textUnderlineOffset-H5": "var(--xmlui-textUnderlineOffset-H5)", "lineHeight-H5": "var(--xmlui-lineHeight-H5)", "backgroundColor-H5": "var(--xmlui-backgroundColor-H5)", "textTransform-H5": "var(--xmlui-textTransform-H5)", "letterSpacing-H5": "var(--xmlui-letterSpacing-H5)", "wordSpacing-H5": "var(--xmlui-wordSpacing-H5)", "textShadow-H5": "var(--xmlui-textShadow-H5)", "textIndent-H5": "var(--xmlui-textIndent-H5)", "textAlign-H5": "var(--xmlui-textAlign-H5)", "textAlignLast-H5": "var(--xmlui-textAlignLast-H5)", "wordBreak-H5": "var(--xmlui-wordBreak-H5)", "wordWrap-H5": "var(--xmlui-wordWrap-H5)", "direction-H5": "var(--xmlui-direction-H5)", "writingMode-H5": "var(--xmlui-writingMode-H5)", "lineBreak-H5": "var(--xmlui-lineBreak-H5)", "border-H6": "var(--xmlui-border-H6)", "borderHorizontal-H6": "var(--xmlui-borderHorizontal-H6, var(--xmlui-border-H6))", "borderVertical-H6": "var(--xmlui-borderVertical-H6, var(--xmlui-border-H6))", "borderLeft-H6": "var(--xmlui-borderLeft-H6, var(--xmlui-borderHorizontal-H6, var(--xmlui-border-H6)))", "borderRight-H6": "var(--xmlui-borderRight-H6, var(--xmlui-borderHorizontal-H6, var(--xmlui-border-H6)))", "borderTop-H6": "var(--xmlui-borderTop-H6, var(--xmlui-borderVertical-H6, var(--xmlui-border-H6)))", "borderBottom-H6": "var(--xmlui-borderBottom-H6, var(--xmlui-borderVertical-H6, var(--xmlui-border-H6)))", "borderWidth-H6": "var(--xmlui-borderWidth-H6)", "borderHorizontalWidth-H6": "var(--xmlui-borderHorizontalWidth-H6, var(--xmlui-borderWidth-H6))", "borderLeftWidth-H6": "var(--xmlui-borderLeftWidth-H6, var(--xmlui-borderHorizontalWidth-H6, var(--xmlui-borderWidth-H6)))", "borderRightWidth-H6": "var(--xmlui-borderRightWidth-H6, var(--xmlui-borderHorizontalWidth-H6, var(--xmlui-borderWidth-H6)))", "borderVerticalWidth-H6": "var(--xmlui-borderVerticalWidth-H6, var(--xmlui-borderWidth-H6))", "borderTopWidth-H6": "var(--xmlui-borderTopWidth-H6, var(--xmlui-borderVerticalWidth-H6, var(--xmlui-borderWidth-H6)))", "borderBottomWidth-H6": "var(--xmlui-borderBottomWidth-H6, var(--xmlui-borderVerticalWidth-H6, var(--xmlui-borderWidth-H6)))", "borderStyle-H6": "var(--xmlui-borderStyle-H6)", "borderHorizontalStyle-H6": "var(--xmlui-borderHorizontalStyle-H6, var(--xmlui-borderStyle-H6))", "borderLeftStyle-H6": "var(--xmlui-borderLeftStyle-H6, var(--xmlui-borderHorizontalStyle-H6, var(--xmlui-borderStyle-H6)))", "borderRightStyle-H6": "var(--xmlui-borderRightStyle-H6, var(--xmlui-borderHorizontalStyle-H6, var(--xmlui-borderStyle-H6)))", "borderVerticalStyle-H6": "var(--xmlui-borderVerticalStyle-H6, var(--xmlui-borderStyle-H6))", "borderTopStyle-H6": "var(--xmlui-borderTopStyle-H6, var(--xmlui-borderVerticalStyle-H6, var(--xmlui-borderStyle-H6)))", "borderBottomStyle-H6": "var(--xmlui-borderBottomStyle-H6, var(--xmlui-borderVerticalStyle-H6, var(--xmlui-borderStyle-H6)))", "borderColor-H6": "var(--xmlui-borderColor-H6)", "borderHorizontalColor-H6": "var(--xmlui-borderHorizontalColor-H6, var(--xmlui-borderColor-H6))", "borderLeftColor-H6": "var(--xmlui-borderLeftColor-H6, var(--xmlui-borderHorizontalColor-H6, var(--xmlui-borderColor-H6)))", "borderRightColor-H6": "var(--xmlui-borderRightColor-H6, var(--xmlui-borderHorizontalColor-H6, var(--xmlui-borderColor-H6)))", "borderVerticalColor-H6": "var(--xmlui-borderVerticalColor-H6, var(--xmlui-borderColor-H6))", "borderTopColor-H6": "var(--xmlui-borderTopColor-H6, var(--xmlui-borderVerticalColor-H6, var(--xmlui-borderColor-H6)))", "borderBottomColor-H6": "var(--xmlui-borderBottomColor-H6, var(--xmlui-borderVerticalColor-H6, var(--xmlui-borderColor-H6)))", "borderStartStartRadius-H6": "var(--xmlui-borderStartStartRadius-H6, var(--xmlui-borderRadius-H6))", "borderStartEndRadius-H6": "var(--xmlui-borderStartEndRadius-H6, var(--xmlui-borderRadius-H6))", "borderEndStartRadius-H6": "var(--xmlui-borderEndStartRadius-H6, var(--xmlui-borderRadius-H6))", "borderEndEndRadius-H6": "var(--xmlui-borderEndEndRadius-H6, var(--xmlui-borderRadius-H6))", "padding-H6": "var(--xmlui-padding-H6)", "paddingHorizontal-H6": "var(--xmlui-paddingHorizontal-H6, var(--xmlui-padding-H6))", "paddingVertical-H6": "var(--xmlui-paddingVertical-H6, var(--xmlui-padding-H6))", "paddingLeft-H6": "var(--xmlui-paddingLeft-H6, var(--xmlui-paddingHorizontal-H6, var(--xmlui-padding-H6)))", "paddingRight-H6": "var(--xmlui-paddingRight-H6, var(--xmlui-paddingHorizontal-H6, var(--xmlui-padding-H6)))", "paddingTop-H6": "var(--xmlui-paddingTop-H6, var(--xmlui-paddingVertical-H6, var(--xmlui-padding-H6)))", "paddingBottom-H6": "var(--xmlui-paddingBottom-H6, var(--xmlui-paddingVertical-H6, var(--xmlui-padding-H6)))", "textColor-H6": "var(--xmlui-textColor-H6)", "fontFamily-H6": "var(--xmlui-fontFamily-H6)", "fontSize-H6": "var(--xmlui-fontSize-H6)", "fontStyle-H6": "var(--xmlui-fontStyle-H6)", "fontVariant-H6": "var(--xmlui-fontVariant-H6)", "fontWeight-H6": "var(--xmlui-fontWeight-H6)", "fontStretch-H6": "var(--xmlui-fontStretch-H6)", "textDecorationLine-H6": "var(--xmlui-textDecorationLine-H6)", "textDecorationColor-H6": "var(--xmlui-textDecorationColor-H6)", "textDecorationStyle-H6": "var(--xmlui-textDecorationStyle-H6)", "textDecorationThickness-H6": "var(--xmlui-textDecorationThickness-H6)", "textUnderlineOffset-H6": "var(--xmlui-textUnderlineOffset-H6)", "lineHeight-H6": "var(--xmlui-lineHeight-H6)", "backgroundColor-H6": "var(--xmlui-backgroundColor-H6)", "textTransform-H6": "var(--xmlui-textTransform-H6)", "letterSpacing-H6": "var(--xmlui-letterSpacing-H6)", "wordSpacing-H6": "var(--xmlui-wordSpacing-H6)", "textShadow-H6": "var(--xmlui-textShadow-H6)", "textIndent-H6": "var(--xmlui-textIndent-H6)", "textAlign-H6": "var(--xmlui-textAlign-H6)", "textAlignLast-H6": "var(--xmlui-textAlignLast-H6)", "wordBreak-H6": "var(--xmlui-wordBreak-H6)", "wordWrap-H6": "var(--xmlui-wordWrap-H6)", "direction-H6": "var(--xmlui-direction-H6)", "writingMode-H6": "var(--xmlui-writingMode-H6)", "lineBreak-H6": "var(--xmlui-lineBreak-H6)", "color-anchor-Heading": "var(--xmlui-color-anchor-Heading)", "gap-anchor-Heading": "var(--xmlui-gap-anchor-Heading)", "textDecorationLine-anchor-Heading": "var(--xmlui-textDecorationLine-anchor-Heading)", "Heading:textColor-H1": "var(--xmlui-textColor-H1)", "Heading:letterSpacing-H1": "var(--xmlui-letterSpacing-H1)", "Heading:fontFamily-H1": "var(--xmlui-fontFamily-H1)", "Heading:fontWeight-H1": "var(--xmlui-fontWeight-H1)", "marginTop-H1": "var(--xmlui-marginTop-H1)", "marginBottom-H1": "var(--xmlui-marginBottom-H1)", "Heading:textDecorationLine-H1": "var(--xmlui-textDecorationLine-H1)", "Heading:textDecorationColor-H1": "var(--xmlui-textDecorationColor-H1)", "Heading:textDecorationStyle-H1": "var(--xmlui-textDecorationStyle-H1)", "Heading:textDecorationThickness-H1": "var(--xmlui-textDecorationThickness-H1)", "Heading:textUnderlineOffset-H1": "var(--xmlui-textUnderlineOffset-H1)", "Heading:textColor-H2": "var(--xmlui-textColor-H2)", "Heading:letterSpacing-H2": "var(--xmlui-letterSpacing-H2)", "Heading:fontFamily-H2": "var(--xmlui-fontFamily-H2)", "Heading:fontWeight-H2": "var(--xmlui-fontWeight-H2)", "marginTop-H2": "var(--xmlui-marginTop-H2)", "marginBottom-H2": "var(--xmlui-marginBottom-H2)", "Heading:textDecorationLine-H2": "var(--xmlui-textDecorationLine-H2)", "Heading:textDecorationColor-H2": "var(--xmlui-textDecorationColor-H2)", "Heading:textDecorationStyle-H2": "var(--xmlui-textDecorationStyle-H2)", "Heading:textDecorationThickness-H2": "var(--xmlui-textDecorationThickness-H2)", "Heading:textUnderlineOffset-H2": "var(--xmlui-textUnderlineOffset-H2)", "Heading:textColor-H3": "var(--xmlui-textColor-H3)", "Heading:letterSpacing-H3": "var(--xmlui-letterSpacing-H3)", "Heading:fontFamily-H3": "var(--xmlui-fontFamily-H3)", "Heading:fontWeight-H3": "var(--xmlui-fontWeight-H3)", "marginTop-H3": "var(--xmlui-marginTop-H3)", "marginBottom-H3": "var(--xmlui-marginBottom-H3)", "Heading:textDecorationLine-H3": "var(--xmlui-textDecorationLine-H3)", "Heading:textDecorationColor-H3": "var(--xmlui-textDecorationColor-H3)", "Heading:textDecorationStyle-H3": "var(--xmlui-textDecorationStyle-H3)", "Heading:textDecorationThickness-H3": "var(--xmlui-textDecorationThickness-H3)", "Heading:textUnderlineOffset-H3": "var(--xmlui-textUnderlineOffset-H3)", "Heading:textColor-H4": "var(--xmlui-textColor-H4)", "Heading:letterSpacing-H4": "var(--xmlui-letterSpacing-H4)", "Heading:fontFamily-H4": "var(--xmlui-fontFamily-H4)", "Heading:fontWeight-H4": "var(--xmlui-fontWeight-H4)", "marginTop-H4": "var(--xmlui-marginTop-H4)", "marginBottom-H4": "var(--xmlui-marginBottom-H4)", "Heading:textDecorationLine-H4": "var(--xmlui-textDecorationLine-H4)", "Heading:textDecorationColor-H4": "var(--xmlui-textDecorationColor-H4)", "Heading:textDecorationStyle-H4": "var(--xmlui-textDecorationStyle-H4)", "Heading:textDecorationThickness-H4": "var(--xmlui-textDecorationThickness-H4)", "Heading:textUnderlineOffset-H4": "var(--xmlui-textUnderlineOffset-H4)", "Heading:textColor-H5": "var(--xmlui-textColor-H5)", "Heading:letterSpacing-H5": "var(--xmlui-letterSpacing-H5)", "Heading:fontFamily-H5": "var(--xmlui-fontFamily-H5)", "Heading:fontWeight-H5": "var(--xmlui-fontWeight-H5)", "marginTop-H5": "var(--xmlui-marginTop-H5)", "marginBottom-H5": "var(--xmlui-marginBottom-H5)", "Heading:textDecorationLine-H5": "var(--xmlui-textDecorationLine-H5)", "Heading:textDecorationColor-H5": "var(--xmlui-textDecorationColor-H5)", "Heading:textDecorationStyle-H5": "var(--xmlui-textDecorationStyle-H5)", "Heading:textDecorationThickness-H5": "var(--xmlui-textDecorationThickness-H5)", "Heading:textUnderlineOffset-H5": "var(--xmlui-textUnderlineOffset-H5)", "Heading:textColor-H6": "var(--xmlui-textColor-H6)", "Heading:letterSpacing-H6": "var(--xmlui-letterSpacing-H6)", "Heading:fontFamily-H6": "var(--xmlui-fontFamily-H6)", "Heading:fontWeight-H6": "var(--xmlui-fontWeight-H6)", "marginTop-H6": "var(--xmlui-marginTop-H6)", "marginBottom-H6": "var(--xmlui-marginBottom-H6)", "Heading:textDecorationLine-H6": "var(--xmlui-textDecorationLine-H6)", "Heading:textDecorationColor-H6": "var(--xmlui-textDecorationColor-H6)", "Heading:textDecorationStyle-H6": "var(--xmlui-textDecorationStyle-H6)", "Heading:textDecorationThickness-H6": "var(--xmlui-textDecorationThickness-H6)", "Heading:textUnderlineOffset-H6": "var(--xmlui-textUnderlineOffset-H6)", "Heading:backgroundColor-H1": "var(--xmlui-backgroundColor-H1)", "Heading:backgroundColor-H2": "var(--xmlui-backgroundColor-H2)", "Heading:backgroundColor-H3": "var(--xmlui-backgroundColor-H3)", "Heading:backgroundColor-H4": "var(--xmlui-backgroundColor-H4)", "Heading:backgroundColor-H5": "var(--xmlui-backgroundColor-H5)", "Heading:backgroundColor-H6": "var(--xmlui-backgroundColor-H6)"}'`;
-const heading$1 = "_heading_w0ok6_14";
-const h1 = "_h1_w0ok6_14";
-const h2 = "_h2_w0ok6_78";
-const h3 = "_h3_w0ok6_142";
-const h4 = "_h4_w0ok6_206";
-const h5 = "_h5_w0ok6_270";
-const h6 = "_h6_w0ok6_334";
-const anchorRef$1 = "_anchorRef_w0ok6_412";
-const truncateOverflow$2 = "_truncateOverflow_w0ok6_422";
-const preserveLinebreaks$2 = "_preserveLinebreaks_w0ok6_427";
-const noEllipsis$2 = "_noEllipsis_w0ok6_430";
+const heading$1 = "_heading_ytzle_14";
+const h1 = "_h1_ytzle_14";
+const h2 = "_h2_ytzle_78";
+const h3 = "_h3_ytzle_142";
+const h4 = "_h4_ytzle_206";
+const h5 = "_h5_ytzle_270";
+const h6 = "_h6_ytzle_334";
+const customAnchor = "_customAnchor_ytzle_408";
+const anchorRef$1 = "_anchorRef_ytzle_420";
+const truncateOverflow$2 = "_truncateOverflow_ytzle_430";
+const preserveLinebreaks$2 = "_preserveLinebreaks_ytzle_435";
+const noEllipsis$2 = "_noEllipsis_ytzle_438";
 const styles$17 = {
   themeVars: themeVars$R,
   heading: heading$1,
@@ -7602,6 +7702,7 @@ const styles$17 = {
   h4,
   h5,
   h6,
+  customAnchor,
   anchorRef: anchorRef$1,
   truncateOverflow: truncateOverflow$2,
   preserveLinebreaks: preserveLinebreaks$2,
@@ -7775,6 +7876,7 @@ const Heading = forwardRef(function Heading2({
   classes,
   omitFromToc = defaultProps$17.omitFromToc,
   showAnchor,
+  anchorRenderer,
   registerComponentApi,
   ...furtherProps
 }, forwardedRef) {
@@ -7848,7 +7950,7 @@ const Heading = forwardRef(function Heading2({
       children: [
         anchorId && /* @__PURE__ */ jsx("span", { ref: anchorRef2, id: anchorId, className: styles$17.anchorRef, "data-anchor": true }),
         children,
-        showAnchor && anchorId && /* @__PURE__ */ jsx(
+        showAnchor && anchorId && (anchorRenderer ? /* @__PURE__ */ jsx("span", { className: styles$17.customAnchor, children: anchorRenderer(anchorId, `#${anchorId}`) }) : /* @__PURE__ */ jsx(
           "a",
           {
             href: `#${anchorId}`,
@@ -7863,7 +7965,7 @@ const Heading = forwardRef(function Heading2({
             },
             children: "#"
           }
-        )
+        ))
       ]
     }
   );
@@ -7918,6 +8020,9 @@ const SHOW_ANCHOR_DESC = {
   type: "boolean",
   defaultValue: defaultProps$17.showAnchor
 };
+const ANCHOR_TEMPLATE_DESC = dComponent(
+  "An optional template to customize the anchor link rendered next to the heading when `showAnchor` is enabled. The template receives `$anchorId` (the computed anchor ID) and `$anchorHref` (the anchor href string, e.g. `#my-heading`) as context variables."
+);
 const APIS_DESC = {
   scrollIntoView: {
     signature: "scrollIntoView()",
@@ -7961,7 +8066,8 @@ const HeadingMd = createMetadata({
     ellipses: ELLIPSES_DESC,
     preserveLinebreaks: PRESERVE_DESC,
     omitFromToc: OMIT_FROM_TOC_DESC,
-    showAnchor: SHOW_ANCHOR_DESC
+    showAnchor: SHOW_ANCHOR_DESC,
+    anchorTemplate: ANCHOR_TEMPLATE_DESC
   },
   apis: APIS_DESC,
   themeVars: parseScssVar(styles$17.themeVars),
@@ -7999,7 +8105,8 @@ const H1Md = createMetadata({
     ellipses: ELLIPSES_DESC,
     preserveLinebreaks: PRESERVE_DESC,
     omitFromToc: OMIT_FROM_TOC_DESC,
-    showAnchor: SHOW_ANCHOR_DESC
+    showAnchor: SHOW_ANCHOR_DESC,
+    anchorTemplate: ANCHOR_TEMPLATE_DESC
   },
   apis: APIS_DESC,
   themeVars: parseScssVar(styles$17.themeVars),
@@ -8030,7 +8137,8 @@ const H2Md = createMetadata({
     ellipses: ELLIPSES_DESC,
     preserveLinebreaks: PRESERVE_DESC,
     omitFromToc: OMIT_FROM_TOC_DESC,
-    showAnchor: SHOW_ANCHOR_DESC
+    showAnchor: SHOW_ANCHOR_DESC,
+    anchorTemplate: ANCHOR_TEMPLATE_DESC
   },
   apis: APIS_DESC,
   themeVars: parseScssVar(styles$17.themeVars),
@@ -8061,7 +8169,8 @@ const H3Md = createMetadata({
     ellipses: ELLIPSES_DESC,
     preserveLinebreaks: PRESERVE_DESC,
     omitFromToc: OMIT_FROM_TOC_DESC,
-    showAnchor: SHOW_ANCHOR_DESC
+    showAnchor: SHOW_ANCHOR_DESC,
+    anchorTemplate: ANCHOR_TEMPLATE_DESC
   },
   apis: APIS_DESC,
   themeVars: parseScssVar(styles$17.themeVars),
@@ -8092,7 +8201,8 @@ const H4Md = createMetadata({
     omitFromToc: OMIT_FROM_TOC_DESC,
     ellipses: ELLIPSES_DESC,
     preserveLinebreaks: PRESERVE_DESC,
-    showAnchor: SHOW_ANCHOR_DESC
+    showAnchor: SHOW_ANCHOR_DESC,
+    anchorTemplate: ANCHOR_TEMPLATE_DESC
   },
   apis: APIS_DESC,
   themeVars: parseScssVar(styles$17.themeVars),
@@ -8123,7 +8233,8 @@ const H5Md = createMetadata({
     omitFromToc: OMIT_FROM_TOC_DESC,
     ellipses: ELLIPSES_DESC,
     preserveLinebreaks: PRESERVE_DESC,
-    showAnchor: SHOW_ANCHOR_DESC
+    showAnchor: SHOW_ANCHOR_DESC,
+    anchorTemplate: ANCHOR_TEMPLATE_DESC
   },
   apis: APIS_DESC,
   themeVars: parseScssVar(styles$17.themeVars),
@@ -8154,7 +8265,8 @@ const H6Md = createMetadata({
     omitFromToc: OMIT_FROM_TOC_DESC,
     ellipses: ELLIPSES_DESC,
     preserveLinebreaks: PRESERVE_DESC,
-    showAnchor: SHOW_ANCHOR_DESC
+    showAnchor: SHOW_ANCHOR_DESC,
+    anchorTemplate: ANCHOR_TEMPLATE_DESC
   },
   apis: APIS_DESC,
   themeVars: parseScssVar(styles$17.themeVars),
@@ -8180,13 +8292,23 @@ function renderHeading({
   classes,
   level,
   renderChild: renderChild2,
-  registerComponentApi
+  registerComponentApi,
+  layoutContext
 }) {
-  const { maxLines, preserveLinebreaks: preserveLinebreaks2, ellipses, showAnchor, ...restProps } = node.props;
+  const { maxLines, preserveLinebreaks: preserveLinebreaks2, ellipses, showAnchor, anchorTemplate, ...restProps } = node.props;
   delete restProps.level;
   const showAnchorValue = extractValue.asOptionalBoolean(node.props?.showAnchor);
   const extractedLevel = extractValue(level);
   const normalizedLevel = normalizeHeadingLevel(extractedLevel);
+  const anchorRenderer = anchorTemplate ? (anchorId, anchorHref) => /* @__PURE__ */ jsx(
+    MemoizedItem,
+    {
+      node: anchorTemplate,
+      contextVars: { $anchorId: anchorId, $anchorHref: anchorHref },
+      renderChild: renderChild2,
+      layoutContext
+    }
+  ) : void 0;
   return /* @__PURE__ */ jsx(
     Heading,
     {
@@ -8199,6 +8321,7 @@ function renderHeading({
       classes,
       omitFromToc: extractValue.asOptionalBoolean(node.props?.omitFromToc),
       registerComponentApi,
+      anchorRenderer,
       ...resolveAndCleanProps(restProps, extractValue),
       children: extractValue.asDisplayText(node.props.value) || renderChild2(node.children)
     }
@@ -8216,7 +8339,8 @@ const headingComponentRenderer = wrapComponent(
       classes: context.classes,
       level: context.node.props.level,
       renderChild: context.renderChild,
-      registerComponentApi: context.registerComponentApi
+      registerComponentApi: context.registerComponentApi,
+      layoutContext: context.layoutContext
     })
   }
 );
@@ -8232,7 +8356,8 @@ const h1ComponentRenderer = wrapComponent(
       classes: context.classes,
       level: "h1",
       renderChild: context.renderChild,
-      registerComponentApi: context.registerComponentApi
+      registerComponentApi: context.registerComponentApi,
+      layoutContext: context.layoutContext
     })
   }
 );
@@ -8248,7 +8373,8 @@ const h2ComponentRenderer = wrapComponent(
       classes: context.classes,
       level: "h2",
       renderChild: context.renderChild,
-      registerComponentApi: context.registerComponentApi
+      registerComponentApi: context.registerComponentApi,
+      layoutContext: context.layoutContext
     })
   }
 );
@@ -8264,7 +8390,8 @@ const h3ComponentRenderer = wrapComponent(
       classes: context.classes,
       level: "h3",
       renderChild: context.renderChild,
-      registerComponentApi: context.registerComponentApi
+      registerComponentApi: context.registerComponentApi,
+      layoutContext: context.layoutContext
     })
   }
 );
@@ -8280,7 +8407,8 @@ const h4ComponentRenderer = wrapComponent(
       classes: context.classes,
       level: "h4",
       renderChild: context.renderChild,
-      registerComponentApi: context.registerComponentApi
+      registerComponentApi: context.registerComponentApi,
+      layoutContext: context.layoutContext
     })
   }
 );
@@ -8296,7 +8424,8 @@ const h5ComponentRenderer = wrapComponent(
       classes: context.classes,
       level: "h5",
       renderChild: context.renderChild,
-      registerComponentApi: context.registerComponentApi
+      registerComponentApi: context.registerComponentApi,
+      layoutContext: context.layoutContext
     })
   }
 );
@@ -8312,7 +8441,8 @@ const h6ComponentRenderer = wrapComponent(
       classes: context.classes,
       level: "h6",
       renderChild: context.renderChild,
-      registerComponentApi: context.registerComponentApi
+      registerComponentApi: context.registerComponentApi,
+      layoutContext: context.layoutContext
     })
   }
 );
@@ -10539,7 +10669,7 @@ function ApiInterceptorProvider({
       return;
     }
     void (async () => {
-      const { initMock } = await import("./initMock-BVEw0iLi.js");
+      const { initMock } = await import("./initMock-mzDxjYsY.js");
       const apiInstance2 = await initMock(interceptor);
       setApiInstance(apiInstance2);
       setInitialized(true);
@@ -10556,7 +10686,7 @@ function ApiInterceptorProvider({
           if (process.env.VITE_MOCK_ENABLED) {
             const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
               useWorker ? import("./apiInterceptorWorker-CDO-h2U4.js") : Promise.resolve({ createApiInterceptorWorker: () => null }),
-              import("./initMock-BVEw0iLi.js")
+              import("./initMock-mzDxjYsY.js")
             ]);
             if (interceptor || forceInitialize) {
               const apiInstance2 = await initMock(interceptor || {});
@@ -10593,7 +10723,7 @@ function ApiInterceptorProvider({
         void (async () => {
           const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
             import("./apiInterceptorWorker-CDO-h2U4.js"),
-            import("./initMock-BVEw0iLi.js")
+            import("./initMock-mzDxjYsY.js")
           ]);
           const apiInstance2 = await initMock(interceptor);
           await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
@@ -11388,6 +11518,7 @@ const Markdown = memo(
     openLinkInNewTab,
     overflowMode = defaultProps$11.overflowMode,
     breakMode = defaultProps$11.breakMode,
+    anchorRenderer,
     ...rest
   }, ref) {
     const overflowClasses = useMemo(() => {
@@ -11509,27 +11640,27 @@ const Markdown = memo(
               },
               h1({ children: children2 }) {
                 const { label: label2, uid } = removeGeneratedAnchorSuffix(children2);
-                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h1", uid, showAnchor: showHeadingAnchors, children: label2 });
+                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h1", uid, showAnchor: showHeadingAnchors, anchorRenderer, children: label2 });
               },
               h2({ children: children2 }) {
                 const { label: label2, uid } = removeGeneratedAnchorSuffix(children2);
-                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h2", uid, showAnchor: showHeadingAnchors, children: label2 });
+                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h2", uid, showAnchor: showHeadingAnchors, anchorRenderer, children: label2 });
               },
               h3({ children: children2 }) {
                 const { label: label2, uid } = removeGeneratedAnchorSuffix(children2);
-                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h3", uid, showAnchor: showHeadingAnchors, children: label2 });
+                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h3", uid, showAnchor: showHeadingAnchors, anchorRenderer, children: label2 });
               },
               h4({ children: children2 }) {
                 const { label: label2, uid } = removeGeneratedAnchorSuffix(children2);
-                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h4", uid, showAnchor: showHeadingAnchors, children: label2 });
+                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h4", uid, showAnchor: showHeadingAnchors, anchorRenderer, children: label2 });
               },
               h5({ children: children2 }) {
                 const { label: label2, uid } = removeGeneratedAnchorSuffix(children2);
-                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h5", uid, showAnchor: showHeadingAnchors, children: label2 });
+                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h5", uid, showAnchor: showHeadingAnchors, anchorRenderer, children: label2 });
               },
               h6({ children: children2 }) {
                 const { label: label2, uid } = removeGeneratedAnchorSuffix(children2);
-                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h6", uid, showAnchor: showHeadingAnchors, children: label2 });
+                return /* @__PURE__ */ jsx(ThemedHeading, { className, level: "h6", uid, showAnchor: showHeadingAnchors, anchorRenderer, children: label2 });
               },
               p({ id, children: children2, node }) {
                 if (node?.children?.[0]?.tagName === "samp") {
@@ -12323,6 +12454,9 @@ const MarkdownMd = createMetadata({
       description: "This boolean property specifies whether heading anchors should be displayed. If set to `true`, heading anchors will be displayed on hover next to headings.",
       valueType: "boolean"
     },
+    anchorTemplate: dComponent(
+      "An optional template to customize the anchor link rendered next to each heading. Requires `showHeadingAnchors` to be `true`. The template receives `$anchorId` and `$anchorHref` as context variables."
+    ),
     grayscale: {
       description: "This boolean property specifies whether images should be displayed in grayscale. If set to `true`, all images within the markdown will be rendered in grayscale.",
       valueType: "boolean"
@@ -12477,7 +12611,8 @@ const markdownComponentRenderer = wrapComponent(
       "truncateLinks",
       "openLinkInNewTab",
       "overflowMode",
-      "breakMode"
+      "breakMode",
+      "anchorTemplate"
     ],
     customRender(_props, { node, extractValue, renderChild: renderChild2, classes }) {
       let renderedChildren = "";
@@ -12509,6 +12644,14 @@ const markdownComponentRenderer = wrapComponent(
           openLinkInNewTab: extractValue.asOptionalBoolean(node.props.openLinkInNewTab),
           overflowMode: extractValue(node.props.overflowMode),
           breakMode: extractValue(node.props.breakMode),
+          anchorRenderer: node.props.anchorTemplate ? (anchorId, anchorHref) => /* @__PURE__ */ jsx(
+            MemoizedItem,
+            {
+              node: node.props.anchorTemplate,
+              contextVars: { $anchorId: anchorId, $anchorHref: anchorHref },
+              renderChild: renderChild2
+            }
+          ) : void 0,
           children: renderedChildren
         }
       );
@@ -12529,7 +12672,8 @@ const TransformedMarkdown = forwardRef(
     truncateLinks: truncateLinks2,
     openLinkInNewTab,
     overflowMode,
-    breakMode
+    breakMode,
+    anchorRenderer
   }, ref) => {
     const markdownContent2 = useMemo(() => {
       if (typeof children !== "string") {
@@ -12564,6 +12708,7 @@ const TransformedMarkdown = forwardRef(
         openLinkInNewTab,
         overflowMode,
         breakMode,
+        anchorRenderer,
         children: markdownContent2
       }
     );
@@ -12861,96 +13006,6 @@ const ConciseValidationFeedback = ({
   }
   return null;
 };
-const validationSeverityValues = ["error", "warning", "valid", "none"];
-const defaultValidationMode = "errorLate";
-const validationModeMd = [
-  {
-    value: "errorLate",
-    description: "Display the error when the field loses focus.If an error is already displayed, continue for every keystroke until input is accepted."
-  },
-  {
-    value: "onChanged",
-    description: "Display error (if present) for every keystroke."
-  },
-  {
-    value: "onLostFocus",
-    description: "Show/hide error (if present) only if the field loses focus."
-  }
-];
-const FormContext = createContext$1(void 0);
-function useFormContextPart(selector) {
-  return useContextSelector(FormContext, selector);
-}
-function useIsInsideForm() {
-  const contextPart = useFormContextPart((value) => value?.dispatch);
-  return contextPart !== void 0;
-}
-const formControlTypesMd = [
-  {
-    value: "text",
-    description: "Renders TextBox"
-  },
-  {
-    value: "password",
-    description: "Renders TextBox with `password` type"
-  },
-  {
-    value: "textarea",
-    description: "Renders Textarea"
-  },
-  {
-    value: "checkbox",
-    description: "Renders Checkbox"
-  },
-  {
-    value: "number",
-    description: "Renders NumberBox"
-  },
-  {
-    value: "integer",
-    description: "Renders NumberBox with `integersOnly` set to true"
-  },
-  {
-    value: "file",
-    description: "Renders FileInput"
-  },
-  {
-    value: "datePicker",
-    description: "Renders DatePicker"
-  },
-  {
-    value: "radioGroup",
-    description: "Renders RadioGroup"
-  },
-  {
-    value: "switch",
-    description: "Renders Switch"
-  },
-  {
-    value: "select",
-    description: "Renders Select"
-  },
-  {
-    value: "autocomplete",
-    description: "Renders AutoComplete"
-  },
-  {
-    value: "slider",
-    description: "Renders Slider"
-  },
-  {
-    value: "colorpicker",
-    description: "Renders ColorPicker"
-  },
-  {
-    value: "items",
-    description: "Renders Items"
-  },
-  {
-    value: "custom",
-    description: "A custom control specified in children. If `type` is not specified but the `FormItem` has children, it considers the control a custom one."
-  }
-];
 const PART_CONCISE_VALIDATION_FEEDBACK$4 = "conciseValidationFeedback";
 const defaultProps$$ = {
   value: "",
@@ -15044,7 +15099,10 @@ function buildLinkMap(navLinks) {
 const defaultProps$W = {
   inDrawer: false,
   scrollStyle: "normal",
-  showScrollerFade: true
+  showScrollerFade: true,
+  syncWithContent: false,
+  syncScrollBehavior: "smooth",
+  syncScrollPosition: "center"
 };
 const NavPanelContext = React__default.createContext(null);
 const contextValue = {
@@ -15097,10 +15155,63 @@ const NavPanel = forwardRef(function NavPanel2({
   navLinks,
   scrollStyle = defaultProps$W.scrollStyle,
   showScrollerFade = defaultProps$W.showScrollerFade,
+  syncWithContent = defaultProps$W.syncWithContent,
+  syncScrollBehavior = defaultProps$W.syncScrollBehavior,
+  syncScrollPosition = defaultProps$W.syncScrollPosition,
   ...rest
 }, forwardedRef) {
   const appLayoutContext = useAppLayoutContext();
   const linkInfoContext = useLinkInfoContext();
+  const localRef = useRef(null);
+  const location = useLocation();
+  const clickedInsideRef = useRef(false);
+  const mergedRef = useCallback(
+    (node) => {
+      localRef.current = node;
+      if (typeof forwardedRef === "function") {
+        forwardedRef(node);
+      } else if (forwardedRef) {
+        forwardedRef.current = node;
+      }
+    },
+    [forwardedRef]
+  );
+  useEffect(() => {
+    if (!syncWithContent || !localRef.current) return;
+    if (clickedInsideRef.current) {
+      clickedInsideRef.current = false;
+      return;
+    }
+    const panel2 = localRef.current;
+    let scrolled = false;
+    const findAndScrollToActiveLink = () => {
+      const candidates = Array.from(panel2.querySelectorAll(".xmlui-navlink-active"));
+      const leafLink = candidates.find((el2) => el2.getAttribute("aria-expanded") === null);
+      if (!leafLink) return false;
+      let el = leafLink.parentElement;
+      while (el && el !== panel2) {
+        if (el.getAttribute("aria-hidden") === "true") return false;
+        el = el.parentElement;
+      }
+      leafLink.scrollIntoView({ block: syncScrollPosition, behavior: syncScrollBehavior });
+      return true;
+    };
+    if (findAndScrollToActiveLink()) {
+      scrolled = true;
+      return;
+    }
+    const handleTransitionEnd = (e) => {
+      if (scrolled || e.propertyName !== "grid-template-rows") return;
+      if (findAndScrollToActiveLink()) {
+        scrolled = true;
+        panel2.removeEventListener("transitionend", handleTransitionEnd);
+      }
+    };
+    panel2.addEventListener("transitionend", handleTransitionEnd);
+    return () => {
+      panel2.removeEventListener("transitionend", handleTransitionEnd);
+    };
+  }, [syncWithContent, syncScrollBehavior, syncScrollPosition, location.pathname]);
   const horizontal2 = getAppLayoutOrientation(appLayoutContext?.layout) === "horizontal";
   const showLogo = appLayoutContext?.layout === "vertical" || appLayoutContext?.layout === "vertical-sticky";
   const isCondensed = appLayoutContext?.layout?.startsWith("condensed");
@@ -15135,7 +15246,10 @@ const NavPanel = forwardRef(function NavPanel2({
     "div",
     {
       ...rest,
-      ref: forwardedRef,
+      ref: mergedRef,
+      onMouseDown: () => {
+        clickedInsideRef.current = true;
+      },
       className: classnames(styles$U.wrapper, classes?.[COMPONENT_PART_KEY], className, {
         [styles$U.horizontal]: horizontal2,
         [styles$U.vertical]: vertical2,
@@ -15357,6 +15471,8 @@ const ExpandableNavGroup = forwardRef(function ExpandableNavGroup2({
         traceId: typeof window !== "undefined" ? window._xsCurrentTrace : void 0,
         kind: "focus:change",
         component: "NavGroup",
+        ariaName: label2,
+        componentLabel: label2,
         displayLabel: label2,
         label: label2,
         expanded: newExpanded
@@ -15462,6 +15578,7 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
             traceId: typeof window !== "undefined" ? window._xsCurrentTrace : void 0,
             kind: "focus:change",
             component: "NavGroup",
+            ariaName: label2,
             displayLabel: label2,
             label: label2,
             expanded: open
@@ -16541,6 +16658,7 @@ const TreeComponent = memo((props) => {
         traceId: typeof window !== "undefined" ? window._xsCurrentTrace : void 0,
         kind: "selection:change",
         component: "Tree",
+        ariaName: node ? node.name : void 0,
         displayLabel: node ? node.name : null,
         selectedId: node ? String(node.key) : null,
         selectedName: node ? node.name : null
@@ -18457,37 +18575,39 @@ const MessageListenerMd = createMetadata({
   }
 });
 const messageListenerComponentRenderer = wrapComponent(COMP$15, MessageListenerNative, MessageListenerMd, {});
-const themeVars$B = `'{"textColor-pagination-Table": "var(--xmlui-textColor-pagination-Table)", "backgroundColor-Table": "var(--xmlui-backgroundColor-Table)", "textColor-Table": "var(--xmlui-textColor-Table)", "backgroundColor-row-Table": "var(--xmlui-backgroundColor-row-Table)", "backgroundColor-row-Table--hover": "var(--xmlui-backgroundColor-row-Table--hover)", "backgroundColor-selected-Table": "var(--xmlui-backgroundColor-selected-Table)", "backgroundColor-selected-Table--hover": "var(--xmlui-backgroundColor-selected-Table--hover)", "backgroundColor-heading-Table": "var(--xmlui-backgroundColor-heading-Table)", "backgroundColor-heading-Table--hover": "var(--xmlui-backgroundColor-heading-Table--hover)", "backgroundColor-heading-Table--active": "var(--xmlui-backgroundColor-heading-Table--active)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "paddingHorizontal-heading-Table": "var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table))", "paddingVertical-heading-Table": "var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table))", "paddingLeft-heading-Table": "var(--xmlui-paddingLeft-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingRight-heading-Table": "var(--xmlui-paddingRight-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingTop-heading-Table": "var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingBottom-heading-Table": "var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "paddingHorizontal-cell-Table": "var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table))", "paddingVertical-cell-Table": "var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table))", "paddingLeft-cell-Table": "var(--xmlui-paddingLeft-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingRight-cell-Table": "var(--xmlui-paddingRight-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingTop-cell-Table": "var(--xmlui-paddingTop-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingBottom-cell-Table": "var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingHorizontal-cell-first-Table": "var(--xmlui-paddingHorizontal-cell-first-Table)", "paddingHorizontal-cell-last-Table": "var(--xmlui-paddingHorizontal-cell-last-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "borderHorizontal-cell-Table": "var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table))", "borderVertical-cell-Table": "var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table))", "borderLeft-cell-Table": "var(--xmlui-borderLeft-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderRight-cell-Table": "var(--xmlui-borderRight-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderTop-cell-Table": "var(--xmlui-borderTop-cell-Table, var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table)))", "borderBottom-cell-Table": "var(--xmlui-borderBottom-cell-Table)", "borderWidth-cell-Table": "var(--xmlui-borderWidth-cell-Table)", "borderHorizontalWidth-cell-Table": "var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderLeftWidth-cell-Table": "var(--xmlui-borderLeftWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderRightWidth-cell-Table": "var(--xmlui-borderRightWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderVerticalWidth-cell-Table": "var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderTopWidth-cell-Table": "var(--xmlui-borderTopWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderBottomWidth-cell-Table": "var(--xmlui-borderBottomWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderStyle-cell-Table": "var(--xmlui-borderStyle-cell-Table)", "borderHorizontalStyle-cell-Table": "var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderLeftStyle-cell-Table": "var(--xmlui-borderLeftStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderRightStyle-cell-Table": "var(--xmlui-borderRightStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderVerticalStyle-cell-Table": "var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderTopStyle-cell-Table": "var(--xmlui-borderTopStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderBottomStyle-cell-Table": "var(--xmlui-borderBottomStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderColor-cell-Table": "var(--xmlui-borderColor-cell-Table)", "borderHorizontalColor-cell-Table": "var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderLeftColor-cell-Table": "var(--xmlui-borderLeftColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderRightColor-cell-Table": "var(--xmlui-borderRightColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderVerticalColor-cell-Table": "var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderTopColor-cell-Table": "var(--xmlui-borderTopColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderBottomColor-cell-Table": "var(--xmlui-borderBottomColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderStartStartRadius-cell-Table": "var(--xmlui-borderStartStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderStartEndRadius-cell-Table": "var(--xmlui-borderStartEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndStartRadius-cell-Table": "var(--xmlui-borderEndStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndEndRadius-cell-Table": "var(--xmlui-borderEndEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "border-Table": "var(--xmlui-border-Table)", "borderHorizontal-Table": "var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table))", "borderVertical-Table": "var(--xmlui-borderVertical-Table, var(--xmlui-border-Table))", "borderLeft-Table": "var(--xmlui-borderLeft-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderRight-Table": "var(--xmlui-borderRight-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderTop-Table": "var(--xmlui-borderTop-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderBottom-Table": "var(--xmlui-borderBottom-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderWidth-Table": "var(--xmlui-borderWidth-Table)", "borderHorizontalWidth-Table": "var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table))", "borderLeftWidth-Table": "var(--xmlui-borderLeftWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderRightWidth-Table": "var(--xmlui-borderRightWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderVerticalWidth-Table": "var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table))", "borderTopWidth-Table": "var(--xmlui-borderTopWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderBottomWidth-Table": "var(--xmlui-borderBottomWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderStyle-Table": "var(--xmlui-borderStyle-Table)", "borderHorizontalStyle-Table": "var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table))", "borderLeftStyle-Table": "var(--xmlui-borderLeftStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderRightStyle-Table": "var(--xmlui-borderRightStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderVerticalStyle-Table": "var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table))", "borderTopStyle-Table": "var(--xmlui-borderTopStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderBottomStyle-Table": "var(--xmlui-borderBottomStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderColor-Table": "var(--xmlui-borderColor-Table)", "borderHorizontalColor-Table": "var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table))", "borderLeftColor-Table": "var(--xmlui-borderLeftColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderRightColor-Table": "var(--xmlui-borderRightColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderVerticalColor-Table": "var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table))", "borderTopColor-Table": "var(--xmlui-borderTopColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderBottomColor-Table": "var(--xmlui-borderBottomColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderStartStartRadius-Table": "var(--xmlui-borderStartStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderStartEndRadius-Table": "var(--xmlui-borderStartEndRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndStartRadius-Table": "var(--xmlui-borderEndStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndEndRadius-Table": "var(--xmlui-borderEndEndRadius-Table, var(--xmlui-borderRadius-Table))", "backgroundColor-pagination-Table": "var(--xmlui-backgroundColor-pagination-Table)", "textColor-heading-Table": "var(--xmlui-textColor-heading-Table)", "fontWeight-row-Table": "var(--xmlui-fontWeight-row-Table)", "fontSize-row-Table": "var(--xmlui-fontSize-row-Table)", "fontWeight-heading-Table": "var(--xmlui-fontWeight-heading-Table)", "fontSize-heading-Table": "var(--xmlui-fontSize-heading-Table)", "textTransform-heading-Table": "var(--xmlui-textTransform-heading-Table)", "borderRadius-Table": "var(--xmlui-borderRadius-Table)", "outlineWidth-heading-Table--focus": "var(--xmlui-outlineWidth-heading-Table--focus)", "outlineColor-heading-Table--focus": "var(--xmlui-outlineColor-heading-Table--focus)", "outlineStyle-heading-Table--focus": "var(--xmlui-outlineStyle-heading-Table--focus)", "outlineOffset-heading-Table--focus": "var(--xmlui-outlineOffset-heading-Table--focus)", "borderBottom-last-row-Table": "var(--xmlui-borderBottom-last-row-Table)"}'`;
-const wrapper$a = "_wrapper_18fjn_14";
-const noScroll = "_noScroll_18fjn_42";
-const clickableHeader = "_clickableHeader_18fjn_45";
-const headerContent$1 = "_headerContent_18fjn_59";
-const orderingIndicator = "_orderingIndicator_18fjn_62";
-const activeOrdering = "_activeOrdering_18fjn_67";
-const alwaysShow = "_alwaysShow_18fjn_67";
-const headerRow = "_headerRow_18fjn_104";
-const columnCell = "_columnCell_18fjn_108";
-const cell = "_cell_18fjn_109";
-const alignTop = "_alignTop_18fjn_117";
-const alignCenter$1 = "_alignCenter_18fjn_121";
-const alignBottom = "_alignBottom_18fjn_125";
-const table = "_table_18fjn_129";
-const row$1 = "_row_18fjn_139";
-const checkBoxWrapper = "_checkBoxWrapper_18fjn_146";
-const showInHeader = "_showInHeader_18fjn_151";
-const showInRow = "_showInRow_18fjn_151";
-const selected$3 = "_selected_18fjn_156";
-const allSelected = "_allSelected_18fjn_156";
-const cellContent = "_cellContent_18fjn_187";
-const focused$3 = "_focused_18fjn_214";
-const disabled$7 = "_disabled_18fjn_226";
-const noBottomBorder = "_noBottomBorder_18fjn_233";
-const headerWrapper = "_headerWrapper_18fjn_246";
-const noRows$1 = "_noRows_18fjn_263";
-const loadingWrapper$1 = "_loadingWrapper_18fjn_302";
-const forceHoverWrapper = "_forceHoverWrapper_18fjn_315";
-const resizer$1 = "_resizer_18fjn_318";
-const isResizing = "_isResizing_18fjn_339";
+const themeVars$B = `'{"textColor-pagination-Table": "var(--xmlui-textColor-pagination-Table)", "backgroundColor-Table": "var(--xmlui-backgroundColor-Table)", "textColor-Table": "var(--xmlui-textColor-Table)", "backgroundColor-row-Table": "var(--xmlui-backgroundColor-row-Table)", "backgroundColor-row-Table--hover": "var(--xmlui-backgroundColor-row-Table--hover)", "backgroundColor-selected-Table": "var(--xmlui-backgroundColor-selected-Table)", "backgroundColor-selected-Table--hover": "var(--xmlui-backgroundColor-selected-Table--hover)", "backgroundColor-evenRow-Table": "var(--xmlui-backgroundColor-evenRow-Table)", "backgroundColor-oddRow-Table": "var(--xmlui-backgroundColor-oddRow-Table)", "backgroundColor-heading-Table": "var(--xmlui-backgroundColor-heading-Table)", "backgroundColor-heading-Table--hover": "var(--xmlui-backgroundColor-heading-Table--hover)", "backgroundColor-heading-Table--active": "var(--xmlui-backgroundColor-heading-Table--active)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "paddingHorizontal-heading-Table": "var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table))", "paddingVertical-heading-Table": "var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table))", "paddingLeft-heading-Table": "var(--xmlui-paddingLeft-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingRight-heading-Table": "var(--xmlui-paddingRight-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingTop-heading-Table": "var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingBottom-heading-Table": "var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "paddingHorizontal-cell-Table": "var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table))", "paddingVertical-cell-Table": "var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table))", "paddingLeft-cell-Table": "var(--xmlui-paddingLeft-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingRight-cell-Table": "var(--xmlui-paddingRight-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingTop-cell-Table": "var(--xmlui-paddingTop-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingBottom-cell-Table": "var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingHorizontal-cell-first-Table": "var(--xmlui-paddingHorizontal-cell-first-Table)", "paddingHorizontal-cell-last-Table": "var(--xmlui-paddingHorizontal-cell-last-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "borderHorizontal-cell-Table": "var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table))", "borderVertical-cell-Table": "var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table))", "borderLeft-cell-Table": "var(--xmlui-borderLeft-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderRight-cell-Table": "var(--xmlui-borderRight-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderTop-cell-Table": "var(--xmlui-borderTop-cell-Table, var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table)))", "borderBottom-cell-Table": "var(--xmlui-borderBottom-cell-Table)", "borderWidth-cell-Table": "var(--xmlui-borderWidth-cell-Table)", "borderHorizontalWidth-cell-Table": "var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderLeftWidth-cell-Table": "var(--xmlui-borderLeftWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderRightWidth-cell-Table": "var(--xmlui-borderRightWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderVerticalWidth-cell-Table": "var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderTopWidth-cell-Table": "var(--xmlui-borderTopWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderBottomWidth-cell-Table": "var(--xmlui-borderBottomWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderStyle-cell-Table": "var(--xmlui-borderStyle-cell-Table)", "borderHorizontalStyle-cell-Table": "var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderLeftStyle-cell-Table": "var(--xmlui-borderLeftStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderRightStyle-cell-Table": "var(--xmlui-borderRightStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderVerticalStyle-cell-Table": "var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderTopStyle-cell-Table": "var(--xmlui-borderTopStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderBottomStyle-cell-Table": "var(--xmlui-borderBottomStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderColor-cell-Table": "var(--xmlui-borderColor-cell-Table)", "borderHorizontalColor-cell-Table": "var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderLeftColor-cell-Table": "var(--xmlui-borderLeftColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderRightColor-cell-Table": "var(--xmlui-borderRightColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderVerticalColor-cell-Table": "var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderTopColor-cell-Table": "var(--xmlui-borderTopColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderBottomColor-cell-Table": "var(--xmlui-borderBottomColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderStartStartRadius-cell-Table": "var(--xmlui-borderStartStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderStartEndRadius-cell-Table": "var(--xmlui-borderStartEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndStartRadius-cell-Table": "var(--xmlui-borderEndStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndEndRadius-cell-Table": "var(--xmlui-borderEndEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "border-Table": "var(--xmlui-border-Table)", "borderHorizontal-Table": "var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table))", "borderVertical-Table": "var(--xmlui-borderVertical-Table, var(--xmlui-border-Table))", "borderLeft-Table": "var(--xmlui-borderLeft-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderRight-Table": "var(--xmlui-borderRight-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderTop-Table": "var(--xmlui-borderTop-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderBottom-Table": "var(--xmlui-borderBottom-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderWidth-Table": "var(--xmlui-borderWidth-Table)", "borderHorizontalWidth-Table": "var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table))", "borderLeftWidth-Table": "var(--xmlui-borderLeftWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderRightWidth-Table": "var(--xmlui-borderRightWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderVerticalWidth-Table": "var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table))", "borderTopWidth-Table": "var(--xmlui-borderTopWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderBottomWidth-Table": "var(--xmlui-borderBottomWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderStyle-Table": "var(--xmlui-borderStyle-Table)", "borderHorizontalStyle-Table": "var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table))", "borderLeftStyle-Table": "var(--xmlui-borderLeftStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderRightStyle-Table": "var(--xmlui-borderRightStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderVerticalStyle-Table": "var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table))", "borderTopStyle-Table": "var(--xmlui-borderTopStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderBottomStyle-Table": "var(--xmlui-borderBottomStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderColor-Table": "var(--xmlui-borderColor-Table)", "borderHorizontalColor-Table": "var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table))", "borderLeftColor-Table": "var(--xmlui-borderLeftColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderRightColor-Table": "var(--xmlui-borderRightColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderVerticalColor-Table": "var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table))", "borderTopColor-Table": "var(--xmlui-borderTopColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderBottomColor-Table": "var(--xmlui-borderBottomColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderStartStartRadius-Table": "var(--xmlui-borderStartStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderStartEndRadius-Table": "var(--xmlui-borderStartEndRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndStartRadius-Table": "var(--xmlui-borderEndStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndEndRadius-Table": "var(--xmlui-borderEndEndRadius-Table, var(--xmlui-borderRadius-Table))", "backgroundColor-pagination-Table": "var(--xmlui-backgroundColor-pagination-Table)", "textColor-heading-Table": "var(--xmlui-textColor-heading-Table)", "fontWeight-row-Table": "var(--xmlui-fontWeight-row-Table)", "fontSize-row-Table": "var(--xmlui-fontSize-row-Table)", "fontWeight-heading-Table": "var(--xmlui-fontWeight-heading-Table)", "fontSize-heading-Table": "var(--xmlui-fontSize-heading-Table)", "textTransform-heading-Table": "var(--xmlui-textTransform-heading-Table)", "borderRadius-Table": "var(--xmlui-borderRadius-Table)", "outlineWidth-heading-Table--focus": "var(--xmlui-outlineWidth-heading-Table--focus)", "outlineColor-heading-Table--focus": "var(--xmlui-outlineColor-heading-Table--focus)", "outlineStyle-heading-Table--focus": "var(--xmlui-outlineStyle-heading-Table--focus)", "outlineOffset-heading-Table--focus": "var(--xmlui-outlineOffset-heading-Table--focus)", "borderBottom-last-row-Table": "var(--xmlui-borderBottom-last-row-Table)"}'`;
+const wrapper$a = "_wrapper_fhn7y_14";
+const noScroll = "_noScroll_fhn7y_42";
+const clickableHeader = "_clickableHeader_fhn7y_45";
+const headerContent$1 = "_headerContent_fhn7y_59";
+const orderingIndicator = "_orderingIndicator_fhn7y_62";
+const activeOrdering = "_activeOrdering_fhn7y_67";
+const alwaysShow = "_alwaysShow_fhn7y_67";
+const headerRow = "_headerRow_fhn7y_104";
+const columnCell = "_columnCell_fhn7y_108";
+const cell = "_cell_fhn7y_109";
+const alignTop = "_alignTop_fhn7y_117";
+const alignCenter$1 = "_alignCenter_fhn7y_121";
+const alignBottom = "_alignBottom_fhn7y_125";
+const table = "_table_fhn7y_129";
+const row$1 = "_row_fhn7y_139";
+const checkBoxWrapper = "_checkBoxWrapper_fhn7y_146";
+const showInHeader = "_showInHeader_fhn7y_151";
+const showInRow = "_showInRow_fhn7y_151";
+const selected$3 = "_selected_fhn7y_156";
+const allSelected = "_allSelected_fhn7y_156";
+const cellContent = "_cellContent_fhn7y_187";
+const evenRow = "_evenRow_fhn7y_202";
+const oddRow = "_oddRow_fhn7y_205";
+const focused$3 = "_focused_fhn7y_220";
+const disabled$7 = "_disabled_fhn7y_232";
+const noBottomBorder = "_noBottomBorder_fhn7y_239";
+const headerWrapper = "_headerWrapper_fhn7y_252";
+const noRows$1 = "_noRows_fhn7y_269";
+const loadingWrapper$1 = "_loadingWrapper_fhn7y_308";
+const forceHoverWrapper = "_forceHoverWrapper_fhn7y_321";
+const resizer$1 = "_resizer_fhn7y_324";
+const isResizing = "_isResizing_fhn7y_345";
 const styles$R = {
   themeVars: themeVars$B,
   wrapper: wrapper$a,
@@ -18511,6 +18631,8 @@ const styles$R = {
   selected: selected$3,
   allSelected,
   cellContent,
+  evenRow,
+  oddRow,
   focused: focused$3,
   disabled: disabled$7,
   noBottomBorder,
@@ -19774,6 +19896,7 @@ function useRowSelection({
         traceId: typeof window !== "undefined" ? window._xsCurrentTrace : void 0,
         kind: "selection:change",
         component: "Table",
+        ariaName: `${selectedItems.length} item${selectedItems.length !== 1 ? "s" : ""}`,
         displayLabel: `${selectedItems.length} item${selectedItems.length !== 1 ? "s" : ""}`,
         selectedIds: selectedItems.map((item2) => item2.id ?? item2.key),
         selectedCount: selectedItems.length
@@ -19845,16 +19968,16 @@ function useRowSelection({
   };
 }
 const themeVars$A = `'{"backgroundColor-Pagination": "var(--xmlui-backgroundColor-Pagination)", "borderColor-Pagination": "var(--xmlui-borderColor-Pagination)", "borderRadius-selector-Pagination": "var(--xmlui-borderRadius-selector-Pagination)", "textColor-Pagination": "var(--xmlui-textColor-Pagination)", "backgroundColor-selector-Pagination": "var(--xmlui-backgroundColor-selector-Pagination)", "textColor-selector-Pagination": "var(--xmlui-textColor-selector-Pagination)", "padding-Pagination": "var(--xmlui-padding-Pagination)", "gap-buttonRow-Pagination": "var(--xmlui-gap-buttonRow-Pagination)"}'`;
-const pagination = "_pagination_mkwjn_14";
-const paginationVertical = "_paginationVertical_mkwjn_23";
-const startSlot = "_startSlot_mkwjn_28";
-const endSlot = "_endSlot_mkwjn_28";
-const centerSlot = "_centerSlot_mkwjn_28";
-const slot = "_slot_mkwjn_86";
-const selectorContainer = "_selectorContainer_mkwjn_117";
-const pageSizeSelect = "_pageSizeSelect_mkwjn_127";
-const buttonRow$1 = "_buttonRow_mkwjn_149";
-const paginationListVertical = "_paginationListVertical_mkwjn_160";
+const pagination = "_pagination_1vhkm_14";
+const paginationVertical = "_paginationVertical_1vhkm_23";
+const startSlot = "_startSlot_1vhkm_28";
+const endSlot = "_endSlot_1vhkm_28";
+const centerSlot = "_centerSlot_1vhkm_28";
+const slot = "_slot_1vhkm_86";
+const selectorContainer = "_selectorContainer_1vhkm_117";
+const pageSizeSelect = "_pageSizeSelect_1vhkm_127";
+const buttonRow$1 = "_buttonRow_1vhkm_149";
+const paginationListVertical = "_paginationListVertical_1vhkm_160";
 const styles$Q = {
   themeVars: themeVars$A,
   pagination,
@@ -19868,48 +19991,48 @@ const styles$Q = {
   buttonRow: buttonRow$1,
   paginationListVertical
 };
-const themeVars$z = `'{"border-Select": "var(--xmlui-border-Select)", "borderHorizontal-Select": "var(--xmlui-borderHorizontal-Select, var(--xmlui-border-Select))", "borderVertical-Select": "var(--xmlui-borderVertical-Select, var(--xmlui-border-Select))", "borderLeft-Select": "var(--xmlui-borderLeft-Select, var(--xmlui-borderHorizontal-Select, var(--xmlui-border-Select)))", "borderRight-Select": "var(--xmlui-borderRight-Select, var(--xmlui-borderHorizontal-Select, var(--xmlui-border-Select)))", "borderTop-Select": "var(--xmlui-borderTop-Select, var(--xmlui-borderVertical-Select, var(--xmlui-border-Select)))", "borderBottom-Select": "var(--xmlui-borderBottom-Select, var(--xmlui-borderVertical-Select, var(--xmlui-border-Select)))", "borderWidth-Select": "var(--xmlui-borderWidth-Select)", "borderHorizontalWidth-Select": "var(--xmlui-borderHorizontalWidth-Select, var(--xmlui-borderWidth-Select))", "borderLeftWidth-Select": "var(--xmlui-borderLeftWidth-Select, var(--xmlui-borderHorizontalWidth-Select, var(--xmlui-borderWidth-Select)))", "borderRightWidth-Select": "var(--xmlui-borderRightWidth-Select, var(--xmlui-borderHorizontalWidth-Select, var(--xmlui-borderWidth-Select)))", "borderVerticalWidth-Select": "var(--xmlui-borderVerticalWidth-Select, var(--xmlui-borderWidth-Select))", "borderTopWidth-Select": "var(--xmlui-borderTopWidth-Select, var(--xmlui-borderVerticalWidth-Select, var(--xmlui-borderWidth-Select)))", "borderBottomWidth-Select": "var(--xmlui-borderBottomWidth-Select, var(--xmlui-borderVerticalWidth-Select, var(--xmlui-borderWidth-Select)))", "borderStyle-Select": "var(--xmlui-borderStyle-Select)", "borderHorizontalStyle-Select": "var(--xmlui-borderHorizontalStyle-Select, var(--xmlui-borderStyle-Select))", "borderLeftStyle-Select": "var(--xmlui-borderLeftStyle-Select, var(--xmlui-borderHorizontalStyle-Select, var(--xmlui-borderStyle-Select)))", "borderRightStyle-Select": "var(--xmlui-borderRightStyle-Select, var(--xmlui-borderHorizontalStyle-Select, var(--xmlui-borderStyle-Select)))", "borderVerticalStyle-Select": "var(--xmlui-borderVerticalStyle-Select, var(--xmlui-borderStyle-Select))", "borderTopStyle-Select": "var(--xmlui-borderTopStyle-Select, var(--xmlui-borderVerticalStyle-Select, var(--xmlui-borderStyle-Select)))", "borderBottomStyle-Select": "var(--xmlui-borderBottomStyle-Select, var(--xmlui-borderVerticalStyle-Select, var(--xmlui-borderStyle-Select)))", "borderColor-Select": "var(--xmlui-borderColor-Select)", "borderHorizontalColor-Select": "var(--xmlui-borderHorizontalColor-Select, var(--xmlui-borderColor-Select))", "borderLeftColor-Select": "var(--xmlui-borderLeftColor-Select, var(--xmlui-borderHorizontalColor-Select, var(--xmlui-borderColor-Select)))", "borderRightColor-Select": "var(--xmlui-borderRightColor-Select, var(--xmlui-borderHorizontalColor-Select, var(--xmlui-borderColor-Select)))", "borderVerticalColor-Select": "var(--xmlui-borderVerticalColor-Select, var(--xmlui-borderColor-Select))", "borderTopColor-Select": "var(--xmlui-borderTopColor-Select, var(--xmlui-borderVerticalColor-Select, var(--xmlui-borderColor-Select)))", "borderBottomColor-Select": "var(--xmlui-borderBottomColor-Select, var(--xmlui-borderVerticalColor-Select, var(--xmlui-borderColor-Select)))", "borderStartStartRadius-Select": "var(--xmlui-borderStartStartRadius-Select, var(--xmlui-borderRadius-Select))", "borderStartEndRadius-Select": "var(--xmlui-borderStartEndRadius-Select, var(--xmlui-borderRadius-Select))", "borderEndStartRadius-Select": "var(--xmlui-borderEndStartRadius-Select, var(--xmlui-borderRadius-Select))", "borderEndEndRadius-Select": "var(--xmlui-borderEndEndRadius-Select, var(--xmlui-borderRadius-Select))", "padding-Select": "var(--xmlui-padding-Select)", "paddingHorizontal-Select": "var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select))", "paddingVertical-Select": "var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select))", "paddingLeft-Select": "var(--xmlui-paddingLeft-Select, var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select)))", "paddingRight-Select": "var(--xmlui-paddingRight-Select, var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select)))", "paddingTop-Select": "var(--xmlui-paddingTop-Select, var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select)))", "paddingBottom-Select": "var(--xmlui-paddingBottom-Select, var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select)))", "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:borderRadius-Select": "var(--xmlui-borderRadius-Select)", "Input:borderColor-Select": "var(--xmlui-borderColor-Select)", "Input:borderWidth-Select": "var(--xmlui-borderWidth-Select)", "Input:borderStyle-Select": "var(--xmlui-borderStyle-Select)", "Input:fontSize-Select": "var(--xmlui-fontSize-Select)", "Input:backgroundColor-Select": "var(--xmlui-backgroundColor-Select)", "Input:boxShadow-Select": "var(--xmlui-boxShadow-Select)", "Input:textColor-Select": "var(--xmlui-textColor-Select)", "Input:borderColor-Select--hover": "var(--xmlui-borderColor-Select--hover)", "Input:backgroundColor-Select--hover": "var(--xmlui-backgroundColor-Select--hover)", "Input:boxShadow-Select--hover": "var(--xmlui-boxShadow-Select--hover)", "Input:textColor-Select--hover": "var(--xmlui-textColor-Select--hover)", "Input:outlineWidth-Select--focus": "var(--xmlui-outlineWidth-Select--focus)", "Input:outlineColor-Select--focus": "var(--xmlui-outlineColor-Select--focus)", "Input:outlineStyle-Select--focus": "var(--xmlui-outlineStyle-Select--focus)", "Input:outlineOffset-Select--focus": "var(--xmlui-outlineOffset-Select--focus)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:fontSize-placeholder-Select": "var(--xmlui-fontSize-placeholder-Select)", "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:fontSize-Select--error": "var(--xmlui-fontSize-Select--error)", "Input:backgroundColor-Select--error": "var(--xmlui-backgroundColor-Select--error)", "Input:boxShadow-Select--error": "var(--xmlui-boxShadow-Select--error)", "Input:textColor-Select--error": "var(--xmlui-textColor-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:textColor-placeholder-Select--error": "var(--xmlui-textColor-placeholder-Select--error)", "Input:fontSize-placeholder-Select--error": "var(--xmlui-fontSize-placeholder-Select--error)", "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:fontSize-Select--warning": "var(--xmlui-fontSize-Select--warning)", "Input:backgroundColor-Select--warning": "var(--xmlui-backgroundColor-Select--warning)", "Input:boxShadow-Select--warning": "var(--xmlui-boxShadow-Select--warning)", "Input:textColor-Select--warning": "var(--xmlui-textColor-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:textColor-placeholder-Select--warning": "var(--xmlui-textColor-placeholder-Select--warning)", "Input:fontSize-placeholder-Select--warning": "var(--xmlui-fontSize-placeholder-Select--warning)", "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:fontSize-Select--success": "var(--xmlui-fontSize-Select--success)", "Input:backgroundColor-Select--success": "var(--xmlui-backgroundColor-Select--success)", "Input:boxShadow-Select--success": "var(--xmlui-boxShadow-Select--success)", "Input:textColor-Select--success": "var(--xmlui-textColor-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)", "Input:textColor-placeholder-Select--success": "var(--xmlui-textColor-placeholder-Select--success)", "Input:fontSize-placeholder-Select--success": "var(--xmlui-fontSize-placeholder-Select--success)", "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)", "borderRadius-Select-badge": "var(--xmlui-borderRadius-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: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--active": "var(--xmlui-backgroundColor-item-Select--active)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "textColor-item-Select--disabled": "var(--xmlui-textColor-item-Select--disabled)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)", "minHeight-Select": "var(--xmlui-minHeight-Select)", "minHeight-item-Select": "var(--xmlui-minHeight-item-Select)"}'`;
-const selectTrigger = "_selectTrigger_1jp5s_17";
-const error$b = "_error_1jp5s_56";
-const warning$b = "_warning_1jp5s_82";
-const valid$b = "_valid_1jp5s_108";
-const disabled$6 = "_disabled_1jp5s_134";
-const placeholder$2 = "_placeholder_1jp5s_146";
-const actions$1 = "_actions_1jp5s_163";
-const action$1 = "_action_1jp5s_163";
-const badgeListContainer = "_badgeListContainer_1jp5s_178";
-const badgeList$1 = "_badgeList_1jp5s_178";
-const inputWrapper$1 = "_inputWrapper_1jp5s_191";
-const badge$2 = "_badge_1jp5s_178";
-const selectContent = "_selectContent_1jp5s_226";
-const command$1 = "_command_1jp5s_245";
-const commandInputContainer = "_commandInputContainer_1jp5s_252";
-const commandInput$1 = "_commandInput_1jp5s_252";
-const commandList$1 = "_commandList_1jp5s_271";
-const groupHeader = "_groupHeader_1jp5s_279";
-const multiSelectOption = "_multiSelectOption_1jp5s_291";
-const multiSelectOptionContent = "_multiSelectOptionContent_1jp5s_306";
-const highlighted$1 = "_highlighted_1jp5s_315";
-const disabledOption$1 = "_disabledOption_1jp5s_321";
-const selectValue = "_selectValue_1jp5s_336";
-const selectDropdownContent = "_selectDropdownContent_1jp5s_346";
-const fadeIn = "_fadeIn_1jp5s_1";
-const zoomIn = "_zoomIn_1jp5s_1";
-const fadeOut = "_fadeOut_1jp5s_1";
-const zoomOut = "_zoomOut_1jp5s_1";
-const slideInFromTop = "_slideInFromTop_1jp5s_1";
-const slideInFromRight = "_slideInFromRight_1jp5s_1";
-const slideInFromLeft = "_slideInFromLeft_1jp5s_1";
-const slideInFromBottom = "_slideInFromBottom_1jp5s_1";
-const selectViewport = "_selectViewport_1jp5s_378";
-const selectScrollUpButton = "_selectScrollUpButton_1jp5s_382";
-const selectScrollDownButton = "_selectScrollDownButton_1jp5s_390";
-const selectEmpty = "_selectEmpty_1jp5s_398";
-const selectOption = "_selectOption_1jp5s_411";
-const selectOptionContent = "_selectOptionContent_1jp5s_435";
-const selectOptionIndicator = "_selectOptionIndicator_1jp5s_449";
-const loading = "_loading_1jp5s_459";
-const srOnly$1 = "_srOnly_1jp5s_462";
+const themeVars$z = `'{"border-Select": "var(--xmlui-border-Select)", "borderHorizontal-Select": "var(--xmlui-borderHorizontal-Select, var(--xmlui-border-Select))", "borderVertical-Select": "var(--xmlui-borderVertical-Select, var(--xmlui-border-Select))", "borderLeft-Select": "var(--xmlui-borderLeft-Select, var(--xmlui-borderHorizontal-Select, var(--xmlui-border-Select)))", "borderRight-Select": "var(--xmlui-borderRight-Select, var(--xmlui-borderHorizontal-Select, var(--xmlui-border-Select)))", "borderTop-Select": "var(--xmlui-borderTop-Select, var(--xmlui-borderVertical-Select, var(--xmlui-border-Select)))", "borderBottom-Select": "var(--xmlui-borderBottom-Select, var(--xmlui-borderVertical-Select, var(--xmlui-border-Select)))", "borderWidth-Select": "var(--xmlui-borderWidth-Select)", "borderHorizontalWidth-Select": "var(--xmlui-borderHorizontalWidth-Select, var(--xmlui-borderWidth-Select))", "borderLeftWidth-Select": "var(--xmlui-borderLeftWidth-Select, var(--xmlui-borderHorizontalWidth-Select, var(--xmlui-borderWidth-Select)))", "borderRightWidth-Select": "var(--xmlui-borderRightWidth-Select, var(--xmlui-borderHorizontalWidth-Select, var(--xmlui-borderWidth-Select)))", "borderVerticalWidth-Select": "var(--xmlui-borderVerticalWidth-Select, var(--xmlui-borderWidth-Select))", "borderTopWidth-Select": "var(--xmlui-borderTopWidth-Select, var(--xmlui-borderVerticalWidth-Select, var(--xmlui-borderWidth-Select)))", "borderBottomWidth-Select": "var(--xmlui-borderBottomWidth-Select, var(--xmlui-borderVerticalWidth-Select, var(--xmlui-borderWidth-Select)))", "borderStyle-Select": "var(--xmlui-borderStyle-Select)", "borderHorizontalStyle-Select": "var(--xmlui-borderHorizontalStyle-Select, var(--xmlui-borderStyle-Select))", "borderLeftStyle-Select": "var(--xmlui-borderLeftStyle-Select, var(--xmlui-borderHorizontalStyle-Select, var(--xmlui-borderStyle-Select)))", "borderRightStyle-Select": "var(--xmlui-borderRightStyle-Select, var(--xmlui-borderHorizontalStyle-Select, var(--xmlui-borderStyle-Select)))", "borderVerticalStyle-Select": "var(--xmlui-borderVerticalStyle-Select, var(--xmlui-borderStyle-Select))", "borderTopStyle-Select": "var(--xmlui-borderTopStyle-Select, var(--xmlui-borderVerticalStyle-Select, var(--xmlui-borderStyle-Select)))", "borderBottomStyle-Select": "var(--xmlui-borderBottomStyle-Select, var(--xmlui-borderVerticalStyle-Select, var(--xmlui-borderStyle-Select)))", "borderColor-Select": "var(--xmlui-borderColor-Select)", "borderHorizontalColor-Select": "var(--xmlui-borderHorizontalColor-Select, var(--xmlui-borderColor-Select))", "borderLeftColor-Select": "var(--xmlui-borderLeftColor-Select, var(--xmlui-borderHorizontalColor-Select, var(--xmlui-borderColor-Select)))", "borderRightColor-Select": "var(--xmlui-borderRightColor-Select, var(--xmlui-borderHorizontalColor-Select, var(--xmlui-borderColor-Select)))", "borderVerticalColor-Select": "var(--xmlui-borderVerticalColor-Select, var(--xmlui-borderColor-Select))", "borderTopColor-Select": "var(--xmlui-borderTopColor-Select, var(--xmlui-borderVerticalColor-Select, var(--xmlui-borderColor-Select)))", "borderBottomColor-Select": "var(--xmlui-borderBottomColor-Select, var(--xmlui-borderVerticalColor-Select, var(--xmlui-borderColor-Select)))", "borderStartStartRadius-Select": "var(--xmlui-borderStartStartRadius-Select, var(--xmlui-borderRadius-Select))", "borderStartEndRadius-Select": "var(--xmlui-borderStartEndRadius-Select, var(--xmlui-borderRadius-Select))", "borderEndStartRadius-Select": "var(--xmlui-borderEndStartRadius-Select, var(--xmlui-borderRadius-Select))", "borderEndEndRadius-Select": "var(--xmlui-borderEndEndRadius-Select, var(--xmlui-borderRadius-Select))", "padding-Select": "var(--xmlui-padding-Select)", "paddingHorizontal-Select": "var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select))", "paddingVertical-Select": "var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select))", "paddingLeft-Select": "var(--xmlui-paddingLeft-Select, var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select)))", "paddingRight-Select": "var(--xmlui-paddingRight-Select, var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select)))", "paddingTop-Select": "var(--xmlui-paddingTop-Select, var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select)))", "paddingBottom-Select": "var(--xmlui-paddingBottom-Select, var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select)))", "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:borderRadius-Select": "var(--xmlui-borderRadius-Select)", "Input:borderColor-Select": "var(--xmlui-borderColor-Select)", "Input:borderWidth-Select": "var(--xmlui-borderWidth-Select)", "Input:borderStyle-Select": "var(--xmlui-borderStyle-Select)", "Input:fontSize-Select": "var(--xmlui-fontSize-Select)", "Input:backgroundColor-Select": "var(--xmlui-backgroundColor-Select)", "Input:boxShadow-Select": "var(--xmlui-boxShadow-Select)", "Input:textColor-Select": "var(--xmlui-textColor-Select)", "Input:borderColor-Select--hover": "var(--xmlui-borderColor-Select--hover)", "Input:backgroundColor-Select--hover": "var(--xmlui-backgroundColor-Select--hover)", "Input:boxShadow-Select--hover": "var(--xmlui-boxShadow-Select--hover)", "Input:textColor-Select--hover": "var(--xmlui-textColor-Select--hover)", "Input:outlineWidth-Select--focus": "var(--xmlui-outlineWidth-Select--focus)", "Input:outlineColor-Select--focus": "var(--xmlui-outlineColor-Select--focus)", "Input:outlineStyle-Select--focus": "var(--xmlui-outlineStyle-Select--focus)", "Input:outlineOffset-Select--focus": "var(--xmlui-outlineOffset-Select--focus)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:fontSize-placeholder-Select": "var(--xmlui-fontSize-placeholder-Select)", "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:fontSize-Select--error": "var(--xmlui-fontSize-Select--error)", "Input:backgroundColor-Select--error": "var(--xmlui-backgroundColor-Select--error)", "Input:boxShadow-Select--error": "var(--xmlui-boxShadow-Select--error)", "Input:textColor-Select--error": "var(--xmlui-textColor-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:textColor-placeholder-Select--error": "var(--xmlui-textColor-placeholder-Select--error)", "Input:fontSize-placeholder-Select--error": "var(--xmlui-fontSize-placeholder-Select--error)", "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:fontSize-Select--warning": "var(--xmlui-fontSize-Select--warning)", "Input:backgroundColor-Select--warning": "var(--xmlui-backgroundColor-Select--warning)", "Input:boxShadow-Select--warning": "var(--xmlui-boxShadow-Select--warning)", "Input:textColor-Select--warning": "var(--xmlui-textColor-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:textColor-placeholder-Select--warning": "var(--xmlui-textColor-placeholder-Select--warning)", "Input:fontSize-placeholder-Select--warning": "var(--xmlui-fontSize-placeholder-Select--warning)", "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:fontSize-Select--success": "var(--xmlui-fontSize-Select--success)", "Input:backgroundColor-Select--success": "var(--xmlui-backgroundColor-Select--success)", "Input:boxShadow-Select--success": "var(--xmlui-boxShadow-Select--success)", "Input:textColor-Select--success": "var(--xmlui-textColor-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)", "Input:textColor-placeholder-Select--success": "var(--xmlui-textColor-placeholder-Select--success)", "Input:fontSize-placeholder-Select--success": "var(--xmlui-fontSize-placeholder-Select--success)", "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)", "borderRadius-Select-badge": "var(--xmlui-borderRadius-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: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--active": "var(--xmlui-backgroundColor-item-Select--active)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "textColor-item-Select--disabled": "var(--xmlui-textColor-item-Select--disabled)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)", "minHeight-Select": "var(--xmlui-minHeight-Select)", "minWidth-Select": "var(--xmlui-minWidth-Select)", "minHeight-item-Select": "var(--xmlui-minHeight-item-Select)"}'`;
+const selectTrigger = "_selectTrigger_1w1m2_17";
+const error$b = "_error_1w1m2_57";
+const warning$b = "_warning_1w1m2_83";
+const valid$b = "_valid_1w1m2_109";
+const disabled$6 = "_disabled_1w1m2_135";
+const placeholder$2 = "_placeholder_1w1m2_147";
+const actions$1 = "_actions_1w1m2_164";
+const action$1 = "_action_1w1m2_164";
+const badgeListContainer = "_badgeListContainer_1w1m2_179";
+const badgeList$1 = "_badgeList_1w1m2_179";
+const inputWrapper$1 = "_inputWrapper_1w1m2_192";
+const badge$2 = "_badge_1w1m2_179";
+const selectContent = "_selectContent_1w1m2_227";
+const command$1 = "_command_1w1m2_246";
+const commandInputContainer = "_commandInputContainer_1w1m2_253";
+const commandInput$1 = "_commandInput_1w1m2_253";
+const commandList$1 = "_commandList_1w1m2_272";
+const groupHeader = "_groupHeader_1w1m2_280";
+const multiSelectOption = "_multiSelectOption_1w1m2_292";
+const multiSelectOptionContent = "_multiSelectOptionContent_1w1m2_307";
+const highlighted$1 = "_highlighted_1w1m2_316";
+const disabledOption$1 = "_disabledOption_1w1m2_322";
+const selectValue = "_selectValue_1w1m2_337";
+const selectDropdownContent = "_selectDropdownContent_1w1m2_347";
+const fadeIn = "_fadeIn_1w1m2_1";
+const zoomIn = "_zoomIn_1w1m2_1";
+const fadeOut = "_fadeOut_1w1m2_1";
+const zoomOut = "_zoomOut_1w1m2_1";
+const slideInFromTop = "_slideInFromTop_1w1m2_1";
+const slideInFromRight = "_slideInFromRight_1w1m2_1";
+const slideInFromLeft = "_slideInFromLeft_1w1m2_1";
+const slideInFromBottom = "_slideInFromBottom_1w1m2_1";
+const selectViewport = "_selectViewport_1w1m2_379";
+const selectScrollUpButton = "_selectScrollUpButton_1w1m2_383";
+const selectScrollDownButton = "_selectScrollDownButton_1w1m2_391";
+const selectEmpty = "_selectEmpty_1w1m2_399";
+const selectOption = "_selectOption_1w1m2_412";
+const selectOptionContent = "_selectOptionContent_1w1m2_436";
+const selectOptionIndicator = "_selectOptionIndicator_1w1m2_450";
+const loading = "_loading_1w1m2_460";
+const srOnly$1 = "_srOnly_1w1m2_463";
 const styles$P = {
   themeVars: themeVars$z,
   selectTrigger,
@@ -20381,6 +20504,10 @@ const Select = forwardRef(function Select2({
   ...rest
 }, forwardedRef) {
   const [referenceElement, setReferenceElement] = useState(null);
+  const ariaLabelRef = useRef("");
+  if (typeof window !== "undefined" && Array.isArray(window._xsLogs)) {
+    ariaLabelRef.current = rest["aria-label"] || "";
+  }
   const [open, setOpen] = useState(false);
   const [panelWidth, setPanelWidth] = useState(0);
   const observer = useRef();
@@ -20493,9 +20620,12 @@ const Select = forwardRef(function Select2({
           componentType: "Select",
           componentLabel: optionLabel2,
           ariaRole: "option",
+          selectAriaLabel: ariaLabelRef.current,
           ariaName: optionLabel2
         });
         pushXsLog(createLogEntry("native:selection:change", {
+          component: "Select",
+          ariaName: ariaLabelRef.current || void 0,
           displayLabel: optionLabel2,
           value: newSelectedValue
         }));
@@ -20668,6 +20798,7 @@ const Select = forwardRef(function Select2({
       /* @__PURE__ */ jsx(
         SimpleSelect,
         {
+          ref: forwardedRef,
           value: currentValue,
           onValueChange: (val) => toggleOption(val),
           id,
@@ -21094,7 +21225,8 @@ const SelectMd = createMetadata({
     [`borderColor-${COMP$13}--disabled`]: "$borderColor--disabled",
     [`textColor-${COMP$13}--disabled`]: "$textColor--disabled",
     [`minHeight-${COMP$13}`]: "$space-7",
-    [`minHeight-item-${COMP$13}`]: "$space-7"
+    [`minHeight-item-${COMP$13}`]: "$space-7",
+    [`minWidth-${COMP$13}`]: "$space-16"
   }
 });
 const ThemedSelect = React__default.forwardRef(
@@ -21156,6 +21288,7 @@ const selectComponentRenderer = wrapComponent(
       return /* @__PURE__ */ jsx(
         Select,
         {
+          "aria-label": _props["aria-label"],
           multiSelect,
           classes,
           contentClassName: classes?.[COMPONENT_PART_KEY],
@@ -22254,6 +22387,7 @@ const Table = forwardRef(
     onPasteAction,
     onDeleteAction,
     alwaysShowHeader = defaultProps$N.alwaysShowHeader,
+    striped = defaultProps$N.striped,
     ...rest
     // cols
   }, forwardedRef) => {
@@ -22266,6 +22400,12 @@ const Table = forwardRef(
     const ref = forwardedRef ? composeRefs(wrapperRef, forwardedRef) : wrapperRef;
     const tableRef = useRef(null);
     const effectivePageSize = pageSize ?? (pageSizeOptions?.[0] || DEFAULT_PAGE_SIZES[0]);
+    const effectivePageSizeOptions = useMemo(() => {
+      if (pageSizeOptions.includes(effectivePageSize)) {
+        return pageSizeOptions;
+      }
+      return [...pageSizeOptions, effectivePageSize].sort((a, b) => a - b);
+    }, [pageSizeOptions, effectivePageSize]);
     const effectiveIsPaginated = useMemo(() => {
       if (isPaginated !== void 0) {
         return isPaginated;
@@ -22419,11 +22559,21 @@ const Table = forwardRef(
               if (allowStarSize && starSizedWidthMatch) {
                 starSizedWidth2 = starSizedWidthMatch[1] + "*";
               } else {
-                const pixelWidthMatch = resolvedWidth.match(/^\s*(\d+)\s*(px)?\s*$/);
+                const pixelWidthMatch = resolvedWidth.match(/^\s*(\d+(?:\.\d+)?)\s*(px)?\s*$/);
                 if (pixelWidthMatch) {
-                  width2 = Number(pixelWidthMatch[1]);
+                  width2 = parseFloat(pixelWidthMatch[1]);
                 } else {
-                  throw new Error(`Invalid TableColumnDef '${propName}' value: ${resolvedWidth}`);
+                  const remEmMatch = resolvedWidth.match(/^\s*(\d+(?:\.\d+)?)\s*(rem|em)\s*$/);
+                  if (remEmMatch) {
+                    const rootFontSize = parseFloat(
+                      getComputedStyle(document.documentElement).fontSize
+                    );
+                    width2 = parseFloat(remEmMatch[1]) * (isNaN(rootFontSize) ? 16 : rootFontSize);
+                  } else {
+                    throw new Error(
+                      `Invalid TableColumnDef '${propName}' value: ${resolvedWidth}`
+                    );
+                  }
                 }
               }
             }
@@ -22739,7 +22889,8 @@ const Table = forwardRef(
       tolerancePixels,
       setHoveredRowId,
       lookupEventHandler,
-      rowDoubleClick
+      rowDoubleClick,
+      striped
     };
     const rowStateRef = useRef(rowState);
     rowStateRef.current = rowState;
@@ -22766,7 +22917,9 @@ const Table = forwardRef(
                 [styles$R.selected]: row2.getIsSelected(),
                 [styles$R.focused]: s.focusedIndex === rowIndex,
                 [styles$R.disabled]: s.rowDisabledPredicate(row2.original),
-                [styles$R.noBottomBorder]: s.noBottomBorder
+                [styles$R.noBottomBorder]: s.noBottomBorder,
+                [styles$R.evenRow]: s.striped && rowIndex % 2 === 0,
+                [styles$R.oddRow]: s.striped && rowIndex % 2 !== 0
               }),
               onClick: (event) => {
                 if (event.detail >= 2) {
@@ -22897,12 +23050,43 @@ const Table = forwardRef(
           numberOfUnitsById[column.id] = units;
         }
       });
-      const numberOfAllUnits = Object.values(numberOfUnitsById).reduce((acc, val) => acc + val, 0);
-      columnsWithoutSize.forEach((column) => {
-        widths[column.id] = Math.floor(
-          availableWidth * (numberOfUnitsById[column.id] / numberOfAllUnits)
-        );
-      });
+      let remaining = availableWidth;
+      const unitsMap = new Map(
+        columnsWithoutSize.map((col) => [col.id, numberOfUnitsById[col.id]])
+      );
+      const constrainedWidths = /* @__PURE__ */ new Map();
+      let changed = true;
+      while (changed && unitsMap.size > 0) {
+        changed = false;
+        const totalUnits = [...unitsMap.values()].reduce((s, v) => s + v, 0);
+        if (totalUnits === 0) break;
+        for (const [id, units] of [...unitsMap.entries()]) {
+          const col = columnsWithoutSize.find((c) => c.id === id);
+          const allocated = remaining * (units / totalUnits);
+          const maxSize = col.columnDef.maxSize ?? Number.MAX_SAFE_INTEGER;
+          const minSize = col.columnDef.minSize ?? 20;
+          if (allocated > maxSize) {
+            constrainedWidths.set(id, maxSize);
+            remaining -= maxSize;
+            unitsMap.delete(id);
+            changed = true;
+            break;
+          } else if (allocated < minSize) {
+            constrainedWidths.set(id, minSize);
+            remaining -= minSize;
+            unitsMap.delete(id);
+            changed = true;
+            break;
+          }
+        }
+      }
+      const finalTotalUnits = [...unitsMap.values()].reduce((s, v) => s + v, 0);
+      for (const [id, units] of unitsMap.entries()) {
+        widths[id] = Math.floor(remaining * (units / (finalTotalUnits || 1)));
+      }
+      for (const [id, w] of constrainedWidths.entries()) {
+        widths[id] = w;
+      }
       flushSync(() => {
         setColumnSizing((prev) => {
           return {
@@ -22927,7 +23111,7 @@ const Table = forwardRef(
         pageIndex: pagination2.pageIndex,
         pageSize: pagination2.pageSize,
         itemCount: safeData.length,
-        pageSizeOptions,
+        pageSizeOptions: effectivePageSizeOptions,
         onPageDidChange: (page) => table2.setPageIndex(page),
         onPageSizeDidChange: (size) => table2.setPageSize(size),
         showCurrentPage,
@@ -23275,7 +23459,8 @@ const defaultProps$N = {
     paste: "CmdOrCtrl+V",
     delete: "Delete"
   },
-  alwaysShowHeader: false
+  alwaysShowHeader: false,
+  striped: false
 };
 const COMP$11 = "Table";
 const userSelectValues$1 = [
@@ -23310,7 +23495,7 @@ const TableMd = createMetadata({
       defaultValue: defaultProps$N.idKey
     },
     isPaginated: {
-      description: `This property adds pagination controls to the \`${COMP$11}\`.`,
+      description: `This property adds pagination controls to the \`${COMP$11}\`. When enabled, the pagination bar is automatically hidden if all rows fit on a single page. You can omit this property and set only \`pageSize\` instead — pagination will then activate automatically when the data length exceeds the page size and hide itself when it does not.`,
       valueType: "boolean",
       defaultValue: defaultProps$N.isPaginated
     },
@@ -23329,7 +23514,7 @@ const TableMd = createMetadata({
       `The name of a global variable to synchronize the table's selection state with. The named variable must reference an object; the table will read from and write to its 'selectedIds' property. When provided, this takes precedence over both \`initiallySelected\` and \`syncWithAppState\`. Multiple tables sharing the same variable name will keep their selections in sync automatically. A runtime error is signalled if the value is not a valid JavaScript variable name.`
     ),
     pageSize: d(
-      `This property defines the number of rows to display per page when pagination is enabled.`
+      `This property defines the number of rows to display per page. When set without also setting \`isPaginated\`, pagination is activated automatically whenever the number of data rows exceeds this value and suppressed otherwise. This makes \`pageSize\` the minimal way to get auto-activating, auto-hiding pagination: no conditional expressions on \`isPaginated\` or the position props are needed.`
     ),
     pageSizeOptions: {
       description: "This property holds an array of page sizes (numbers) the user can select for pagination. If this property is not defined, the component allows only a page size of 10 items."
@@ -23490,6 +23675,11 @@ const TableMd = createMetadata({
       description: "This property indicates whether the table header is always visible when scrolling and no height is specified. When set to `true`, the header is sticky and always visible on page scroll. Otherwise, it scrolls with the content and may not be visible when scrolled down.",
       valueType: "boolean",
       defaultValue: defaultProps$N.alwaysShowHeader
+    },
+    striped: {
+      description: "When set to `true`, the table rows alternate between the `backgroundColor-evenRow-Table` and `backgroundColor-oddRow-Table` theme variables, creating a striped appearance.",
+      valueType: "boolean",
+      defaultValue: defaultProps$N.striped
     }
   },
   events: {
@@ -23626,7 +23816,9 @@ const TableMd = createMetadata({
     [`borderRadius-${COMP$11}`]: "$borderRadius",
     [`userSelect-heading-${COMP$11}`]: "text",
     [`userSelect-cell-${COMP$11}`]: "none",
-    [`userSelect-row-${COMP$11}`]: "none"
+    [`userSelect-row-${COMP$11}`]: "none",
+    [`backgroundColor-evenRow-${COMP$11}`]: `$backgroundColor-row-${COMP$11}`,
+    [`backgroundColor-oddRow-${COMP$11}`]: `$color-surface-100`
   }
 });
 const TableWithColumns = memo(
@@ -23817,7 +24009,8 @@ const TableWithColumns = memo(
               node.props.alwaysShowSelectionCheckboxes
             ),
             keyBindings: extractValue(node.props.keyBindings),
-            alwaysShowHeader: extractValue.asOptionalBoolean(node.props.alwaysShowHeader)
+            alwaysShowHeader: extractValue.asOptionalBoolean(node.props.alwaysShowHeader),
+            striped: extractValue.asOptionalBoolean(node.props.striped)
           }
         )
       ] });
@@ -24845,7 +25038,7 @@ const ModalDialog = React__default.forwardRef(
         ref: composedRef,
         style: { ...style2, gap: void 0 },
         children: [
-          (!!title2 || !!titleTemplate) && /* @__PURE__ */ jsx(Part, { partId: PART_TITLE, children: /* @__PURE__ */ jsx(Dialog$1.Title, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsx("header", { id: "dialogTitle", className: styles$I.dialogTitle, children: titleTemplate || title2 }) }) }),
+          !!title2 || !!titleTemplate ? /* @__PURE__ */ jsx(Part, { partId: PART_TITLE, children: /* @__PURE__ */ jsx(Dialog$1.Title, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsx("header", { id: "dialogTitle", className: styles$I.dialogTitle, children: titleTemplate || title2 }) }) }) : /* @__PURE__ */ jsx(VisuallyHidden$2, { children: /* @__PURE__ */ jsx(Dialog$1.Title, {}) }),
           /* @__PURE__ */ jsx("div", { className: styles$I.innerContent, style: { gap: style2?.gap }, children: /* @__PURE__ */ jsx(ModalVisibilityContext.Provider, { value: modalVisibilityContextValue, children }) }),
           closeButtonVisible && /* @__PURE__ */ jsx(Dialog$1.Close, { asChild: true, children: /* @__PURE__ */ jsx(
             ThemedButton,
@@ -29451,6 +29644,7 @@ const TextBox = forwardRef(function TextBox2({
             id,
             ref: inputRef,
             type: actualType,
+            "aria-label": rest["aria-label"],
             className: classnames(styles$A.input, {
               [styles$A.readOnly]: readOnly2
             }),
@@ -32435,10 +32629,12 @@ const Form = forwardRef(function({
               errorMessages2.push(...msgs);
             }
           }
+          const formAriaLabel = rest["aria-label"] || id;
           pushXsLog2(createLogEntry2("validation:error", {
             component: "Form",
-            componentLabel: id || void 0,
-            displayLabel: `${id || "Form"}: ${errorFields.length} error${errorFields.length > 1 ? "s" : ""}: ${errorFields.join(", ")}`,
+            componentLabel: formAriaLabel || void 0,
+            ariaName: formAriaLabel || void 0,
+            displayLabel: `${formAriaLabel || "Form"}: ${errorFields.length} error${errorFields.length > 1 ? "s" : ""}: ${errorFields.join(", ")}`,
             errorFields,
             errorMessages: errorMessages2
           }));
@@ -35960,6 +36156,23 @@ const NavPanelMd = createMetadata({
       description: `When enabled, displays gradient fade indicators at the top and bottom edges of the navigation panel when scrollable content extends beyond the visible area. The fade effect provides a visual cue to users that additional content is available by scrolling. The indicators automatically appear and disappear based on the scroll position. This property only works with "overlay", "whenMouseOver", and "whenScrolling" scroll styles. On mobile/touch devices, this property has no effect.`,
       valueType: "boolean",
       defaultValue: defaultProps$W.showScrollerFade
+    },
+    syncWithContent: {
+      description: `When enabled, any page navigation automatically scrolls the corresponding navigation item within the NavPanel into view, keeping the active link visible.`,
+      valueType: "boolean",
+      defaultValue: defaultProps$W.syncWithContent
+    },
+    syncScrollBehavior: {
+      description: `Controls the scroll animation when \`syncWithContent\` is enabled. Use \`"smooth"\` for an animated scroll or \`"instant"\` to jump immediately to the active item without animation.`,
+      valueType: "string",
+      availableValues: ["smooth", "instant"],
+      defaultValue: defaultProps$W.syncScrollBehavior
+    },
+    syncScrollPosition: {
+      description: `Controls the vertical alignment of the active navigation item within the NavPanel when \`syncWithContent\` scrolls it into view. \`"center"\` places the item in the middle of the visible area; \`"nearest"\` scrolls the minimum amount needed; \`"start"\` aligns it to the top; \`"end"\` aligns it to the bottom.`,
+      valueType: "string",
+      availableValues: ["center", "nearest", "start", "end"],
+      defaultValue: defaultProps$W.syncScrollPosition
     }
   },
   themeVars: parseScssVar(styles$U.themeVars),
@@ -36014,6 +36227,15 @@ function NavPanelWithBuiltNavHierarchy({
     defaultProps$W.scrollStyle
   );
   const showScrollerFade = extractValue.asOptionalBoolean(node.props.showScrollerFade);
+  const syncWithContent = extractValue.asOptionalBoolean(node.props.syncWithContent);
+  const syncScrollBehavior = extractValue.asOptionalString(
+    node.props.syncScrollBehavior,
+    defaultProps$W.syncScrollBehavior
+  );
+  const syncScrollPosition = extractValue.asOptionalString(
+    node.props.syncScrollPosition,
+    defaultProps$W.syncScrollPosition
+  );
   const footerContent = node.props.footerTemplate ? renderChild2(node.props.footerTemplate) : void 0;
   return /* @__PURE__ */ jsx(
     NavPanel,
@@ -36027,6 +36249,9 @@ function NavPanelWithBuiltNavHierarchy({
       navLinks,
       scrollStyle,
       showScrollerFade,
+      syncWithContent,
+      syncScrollBehavior,
+      syncScrollPosition,
       children: renderChild2(expandedChildren)
     }
   );
@@ -38463,7 +38688,8 @@ function resolveThemeVarsWithCssVars(theme2) {
     return input2;
   }
 }
-const TOASTER_CONTAINER_STYLE = {
+const DEFAULT_NOTIFICATION_POSITION = "top-end";
+const STANDARD_CONTAINER_STYLE = {
   top: 40,
   right: 40,
   bottom: 40,
@@ -38471,8 +38697,28 @@ const TOASTER_CONTAINER_STYLE = {
   position: "absolute",
   overflowY: "hidden"
 };
+function resolveToasterProps(position) {
+  switch (position) {
+    case "top-start":
+      return { position: "top-left", containerStyle: STANDARD_CONTAINER_STYLE };
+    case "top-center":
+      return { position: "top-center", containerStyle: STANDARD_CONTAINER_STYLE };
+    case "top-end":
+      return { position: "top-right", containerStyle: STANDARD_CONTAINER_STYLE };
+    case "bottom-start":
+      return { position: "bottom-left", containerStyle: STANDARD_CONTAINER_STYLE };
+    case "bottom-center":
+      return { position: "bottom-center", containerStyle: STANDARD_CONTAINER_STYLE };
+    case "bottom-end":
+    default:
+      return { position: "bottom-right", containerStyle: STANDARD_CONTAINER_STYLE };
+  }
+}
 let toasterMounted = false;
-const NotificationToast = ({ toastDuration }) => {
+const NotificationToast = ({
+  toastDuration,
+  notificationPosition = DEFAULT_NOTIFICATION_POSITION
+}) => {
   const [shouldRender, setShouldRender] = useState(false);
   const { root: root2 } = useTheme();
   useEffect(() => {
@@ -38482,12 +38728,13 @@ const NotificationToast = ({ toastDuration }) => {
     }
   }, []);
   if (!shouldRender) return null;
+  const { position, containerStyle } = resolveToasterProps(notificationPosition);
   return createPortal(
     /* @__PURE__ */ jsx(
       Toaster,
       {
-        position: "top-right",
-        containerStyle: TOASTER_CONTAINER_STYLE,
+        position,
+        containerStyle,
         toastOptions: { style: { padding: "12px 16px" }, duration: toastDuration },
         children: (t) => /* @__PURE__ */ jsx("div", { onClick: () => toast.dismiss(t.id), children: /* @__PURE__ */ jsx(ToastBar, { position: t.position, toast: t, style: { wordBreak: "break-word" }, children: ({ icon: icon2, message }) => /* @__PURE__ */ jsxs(Fragment, { children: [
           icon2,
@@ -38502,6 +38749,7 @@ const defaultProps$j = {
   isRoot: false,
   applyIf: true,
   toastDuration: 5e3,
+  notificationPosition: DEFAULT_NOTIFICATION_POSITION,
   themeVars: EMPTY_OBJECT,
   root: false
 };
@@ -38514,6 +38762,7 @@ function Theme({
   node,
   tone,
   toastDuration = defaultProps$j.toastDuration,
+  notificationPosition = defaultProps$j.notificationPosition,
   themeVars: themeVars2 = defaultProps$j.themeVars,
   layoutContext,
   children
@@ -38555,15 +38804,29 @@ function Theme({
   const componentRegistry = useComponentRegistry();
   const transformedStyles = useMemo(() => {
     const filteredThemeCssVars = {};
-    Object.entries({ ...themeCssVars, ...themeVars2 }).forEach(([key, value]) => {
-      const rawKey = key.replace(/^--[^-]+-/, "");
-      let componentName = parseHVar(rawKey)?.component;
-      const registeredComponent = componentRegistry.lookupComponentRenderer(componentName || "");
-      if (!componentName || registeredComponent?.isCompoundComponent || componentName === "Input" || componentName === "Heading" || componentName === "Footer") {
-        const resolvedValue = allThemeVarsWithResolvedHierarchicalVars[rawKey] ?? value;
-        filteredThemeCssVars[key] = resolvedValue;
-      }
-    });
+    const needsCompiledVars = tone !== void 0 || id !== void 0 || Object.keys(themeVars2).some((key) => !parseHVar(key)?.component);
+    if (needsCompiledVars) {
+      Object.entries({ ...themeCssVars, ...themeVars2 }).forEach(([key, value]) => {
+        const rawKey = key.replace(/^--[^-]+-/, "");
+        let componentName = parseHVar(rawKey)?.component;
+        const registeredComponent = componentRegistry.lookupComponentRenderer(componentName || "");
+        const inComponentThemeVars = componentRegistry.componentThemeVars.has(rawKey);
+        const allowed = !componentName || // Compound (user-defined) components pass through unconditionally as a
+        // safety net for theme vars that aren't statically analyzable (e.g.,
+        // dynamic expressions). The primary optimization path is via
+        // componentThemeVars in ThemeProvider, populated from auto-generated
+        // metadata in registerCompoundComponentRenderer.
+        registeredComponent?.isCompoundComponent || componentName === "Input" || componentName === "Heading" || componentName === "Footer" || // Also allow any theme var explicitly referenced inside a user-defined
+        // component's template (collected by generateUdComponentMetadata).
+        // e.g. width="$width-Inc" inside IncrementButton → "width-Inc" is allowed
+        // even though "Inc" is not a registered component name.
+        inComponentThemeVars;
+        if (allowed) {
+          const resolvedValue = allThemeVarsWithResolvedHierarchicalVars[rawKey] ?? value;
+          filteredThemeCssVars[key] = resolvedValue;
+        }
+      });
+    }
     Object.entries(themeVars2).forEach(([key, value]) => {
       filteredThemeCssVars[`--${THEME_VAR_PREFIX$1}-${key}`] = value;
     });
@@ -38607,7 +38870,15 @@ function Theme({
       };
     }
     return ret;
-  }, [isRoot, themeCssVars, themeTone, getThemeVar, componentRegistry]);
+  }, [
+    themeCssVars,
+    themeVars2,
+    themeTone,
+    isRoot,
+    componentRegistry,
+    allThemeVarsWithResolvedHierarchicalVars,
+    getThemeVar
+  ]);
   const className = useStyles(transformedStyles, { layer: "themes" });
   const [currentThemeRoot, setCurrentThemeRoot] = useState(root2);
   const currentThemeContextValue = useMemo(() => {
@@ -38629,13 +38900,11 @@ function Theme({
     allThemeVarsWithResolvedHierarchicalVars,
     currentTheme,
     currentThemeRoot,
-    fontLinks,
     getResourceUrl,
     getThemeVar,
     themeCssVars,
     themeTone,
-    disableInlineStyle,
-    componentRegistry
+    disableInlineStyle
   ]);
   const { indexing } = useIndexerContext();
   const rootClasses = useMemo(() => {
@@ -38666,7 +38935,7 @@ function Theme({
         renderChild2 && renderChild2(node.children),
         children
       ] }),
-      /* @__PURE__ */ jsx(NotificationToast, { toastDuration })
+      /* @__PURE__ */ jsx(NotificationToast, { toastDuration, notificationPosition })
     ] });
   }
   const needsWrapper = id !== void 0 || Object.keys(themeVars2).length > 0 || Object.keys(themeCssVars).length > 0;
@@ -38755,6 +39024,7 @@ const themeComponentRenderer = wrapComponent(
     customRender(_props, { node, extractValue, renderChild: renderChild2, layoutContext, appContext }) {
       const { tone, ...restProps } = node.props;
       const toastDuration = appContext?.appGlobals?.notifications?.duration;
+      const notificationPosition = appContext?.appGlobals?.notifications?.position;
       let themeTone = extractValue.asOptionalString(tone);
       if (themeTone && themeTone !== "dark") {
         themeTone = "light";
@@ -38781,6 +39051,7 @@ const themeComponentRenderer = wrapComponent(
           renderChild: renderChild2,
           tone: themeTone,
           toastDuration,
+          notificationPosition,
           themeVars: themeVars2,
           node
         }
@@ -38909,7 +39180,11 @@ const columnComponentRenderer = wrapComponent(COMP$r, Column, ColumnMd, {
     const canSortDefault = appContext?.appGlobals?.columnCanSortDefault ?? defaultProps$i.canSort;
     const horizontalAlignment = extractValue.asOptionalString(node.props.horizontalAlignment);
     const verticalAlignment = extractValue.asOptionalString(node.props.verticalAlignment);
+    const backgroundColor = extractValue.asOptionalString(node.props.backgroundColor);
     const style2 = {};
+    if (backgroundColor) {
+      style2.backgroundColor = backgroundColor;
+    }
     if (horizontalAlignment) {
       style2.display = "flex";
       style2.justifyContent = horizontalAlignment === "start" ? "flex-start" : horizontalAlignment === "center" ? "center" : horizontalAlignment === "end" ? "flex-end" : horizontalAlignment;
@@ -38925,7 +39200,6 @@ const columnComponentRenderer = wrapComponent(COMP$r, Column, ColumnMd, {
     return /* @__PURE__ */ jsx(
       Column,
       {
-        className: classes?.[COMPONENT_PART_KEY],
         style: Object.keys(style2).length > 0 ? style2 : void 0,
         header: extractValue.asDisplayText(node.props.header),
         accessorKey: extractValue.asOptionalString(node.props.bindTo),
@@ -39965,6 +40239,295 @@ async function callApi({ state, appContext, lookupAction, getCurrentState, apiIn
   }
 }
 const apiAction = createAction("callApi", callApi);
+const THEME_VAR_REGEX = /\$([a-zA-Z][a-zA-Z0-9_-]*)/g;
+function extractPropsFromExpression(expr) {
+  const props = /* @__PURE__ */ new Set();
+  walkExpression(expr, props);
+  return [...props];
+}
+function walkExpression(expr, props) {
+  switch (expr.type) {
+    case T_MEMBER_ACCESS_EXPRESSION:
+      if (expr.obj.type === T_IDENTIFIER && expr.obj.name === "$props") {
+        props.add(expr.member);
+      } else {
+        walkExpression(expr.obj, props);
+      }
+      break;
+    case T_CALCULATED_MEMBER_ACCESS_EXPRESSION:
+      walkExpression(expr.obj, props);
+      walkExpression(expr.member, props);
+      break;
+    case T_BINARY_EXPRESSION:
+      walkExpression(expr.left, props);
+      walkExpression(expr.right, props);
+      break;
+    case T_UNARY_EXPRESSION:
+      walkExpression(expr.expr, props);
+      break;
+    case T_SEQUENCE_EXPRESSION:
+      for (const e of expr.exprs) walkExpression(e, props);
+      break;
+    case T_CONDITIONAL_EXPRESSION:
+      walkExpression(expr.cond, props);
+      walkExpression(expr.thenE, props);
+      walkExpression(expr.elseE, props);
+      break;
+    case T_FUNCTION_INVOCATION_EXPRESSION:
+      walkExpression(expr.obj, props);
+      if (expr.arguments) {
+        for (const arg of expr.arguments) walkExpression(arg, props);
+      }
+      break;
+    case T_TEMPLATE_LITERAL_EXPRESSION:
+      for (const seg of expr.segments) {
+        if ("type" in seg && seg.type !== T_LITERAL) {
+          walkExpression(seg, props);
+        }
+      }
+      break;
+    case T_ARRAY_LITERAL:
+      for (const item2 of expr.items) walkExpression(item2, props);
+      break;
+    case T_OBJECT_LITERAL:
+      for (const prop of expr.props) {
+        if (Array.isArray(prop)) {
+          walkExpression(prop[0], props);
+          walkExpression(prop[1], props);
+        } else {
+          walkExpression(prop, props);
+        }
+      }
+      break;
+    case T_SPREAD_EXPRESSION:
+      walkExpression(expr.expr, props);
+      break;
+    case T_ASSIGNMENT_EXPRESSION:
+      walkExpression(expr.leftValue, props);
+      walkExpression(expr.expr, props);
+      break;
+    case T_ARROW_EXPRESSION:
+      break;
+    case T_PREFIX_OP_EXPRESSION:
+    case T_POSTFIX_OP_EXPRESSION:
+      walkExpression(expr.expr, props);
+      break;
+    case T_AWAIT_EXPRESSION:
+      walkExpression(expr.expr, props);
+      break;
+    case T_NEW_EXPRESSION:
+      walkExpression(expr.callee, props);
+      if (expr.arguments) {
+        for (const arg of expr.arguments) walkExpression(arg, props);
+      }
+      break;
+    case T_REACTIVE_VAR_DECLARATION:
+      walkExpression(expr.expr, props);
+      break;
+    case T_VAR_DECLARATION:
+      if (expr.expr) walkExpression(expr.expr, props);
+      break;
+  }
+}
+function extractThemeVarsFromValue(value) {
+  if (!value || typeof value !== "string") return [];
+  const vars2 = /* @__PURE__ */ new Set();
+  let match;
+  THEME_VAR_REGEX.lastIndex = 0;
+  while ((match = THEME_VAR_REGEX.exec(value)) !== null) {
+    vars2.add(match[1]);
+  }
+  return [...vars2];
+}
+function isParsedPropertyValue(value) {
+  return typeof value === "object" && value !== null && value.__PARSED === true && "segments" in value;
+}
+function isParsedEventValue$1(value) {
+  return typeof value === "object" && value !== null && value.__PARSED === true && "statements" in value;
+}
+function isComponentDef(value) {
+  return typeof value === "object" && value !== null && typeof value.type === "string";
+}
+function walkComponentDefTree(def2, visitor) {
+  visitor(def2);
+  if (Array.isArray(def2.children)) {
+    for (const child of def2.children) {
+      if (isComponentDef(child)) {
+        walkComponentDefTree(child, visitor);
+      }
+    }
+  }
+  if (Array.isArray(def2.loaders)) {
+    for (const loader of def2.loaders) {
+      if (isComponentDef(loader)) {
+        walkComponentDefTree(loader, visitor);
+      }
+    }
+  }
+  if (def2.slots) {
+    for (const slotChildren of Object.values(def2.slots)) {
+      if (Array.isArray(slotChildren)) {
+        for (const child of slotChildren) {
+          if (isComponentDef(child)) {
+            walkComponentDefTree(child, visitor);
+          }
+        }
+      }
+    }
+  }
+  if (def2.props) {
+    for (const value of Object.values(def2.props)) {
+      if (isComponentDef(value)) {
+        walkComponentDefTree(value, visitor);
+      }
+    }
+  }
+  if (def2.events) {
+    for (const value of Object.values(def2.events)) {
+      if (isComponentDef(value)) {
+        walkComponentDefTree(value, visitor);
+      }
+    }
+  }
+}
+function collectPropsFromComponentDef(def2) {
+  const found = /* @__PURE__ */ new Set();
+  walkComponentDefTree(def2, (node) => {
+    extractPropsFromRecord(node.props, found);
+    extractPropsFromRecord(node.vars, found);
+    extractPropsFromEventRecord(node.events, found);
+    extractPropsFromRawString(node.when, found);
+  });
+  return [...found];
+}
+function extractPropsFromRecord(record, out) {
+  if (!record) return;
+  for (const value of Object.values(record)) {
+    if (typeof value === "string") {
+      try {
+        const segments = parseParameterString(value);
+        for (const segment of segments) {
+          if (segment.type === "expression") {
+            for (const prop of extractPropsFromExpression(segment.value)) {
+              out.add(prop);
+            }
+          }
+        }
+      } catch {
+      }
+    } else if (isParsedPropertyValue(value) && value.segments) {
+      for (const segment of value.segments) {
+        if (segment.expr) {
+          for (const prop of extractPropsFromExpression(segment.expr)) {
+            out.add(prop);
+          }
+        }
+      }
+    }
+  }
+}
+function extractPropsFromEventRecord(record, out) {
+  if (!record) return;
+  for (const value of Object.values(record)) {
+    if (isParsedEventValue$1(value) && value.statements) {
+      for (const stmt of value.statements) {
+        extractPropsFromStatement(stmt, out);
+      }
+    }
+  }
+}
+function extractPropsFromRawString(value, out) {
+  if (typeof value !== "string") return;
+  try {
+    const segments = parseParameterString(value);
+    for (const segment of segments) {
+      if (segment.type === "expression") {
+        for (const prop of extractPropsFromExpression(segment.value)) {
+          out.add(prop);
+        }
+      }
+    }
+  } catch {
+  }
+}
+function extractPropsFromStatement(stmt, out) {
+  if (!stmt || typeof stmt !== "object") return;
+  switch (stmt.type) {
+    case "ExpressionStatement":
+    case "ArrowExpressionStatement":
+      if (stmt.expr) extractPropsFromExprIntoSet(stmt.expr, out);
+      break;
+    case "ReturnStatement":
+    case "ThrowStatement":
+      if (stmt.expr) extractPropsFromExprIntoSet(stmt.expr, out);
+      break;
+    case "IfStatement":
+      if (stmt.cond) extractPropsFromExprIntoSet(stmt.cond, out);
+      if (stmt.thenB) extractPropsFromStatement(stmt.thenB, out);
+      if (stmt.elseB) extractPropsFromStatement(stmt.elseB, out);
+      break;
+    case "BlockStatement":
+      if (Array.isArray(stmt.stmts)) {
+        for (const s of stmt.stmts) extractPropsFromStatement(s, out);
+      }
+      break;
+    case "LetStatement":
+    case "ConstStatement":
+    case "VarStatement":
+      if (Array.isArray(stmt.decls)) {
+        for (const decl of stmt.decls) {
+          if (decl.expr) extractPropsFromExprIntoSet(decl.expr, out);
+        }
+      }
+      break;
+    default:
+      for (const key of ["expr", "cond", "left", "right", "obj", "body"]) {
+        if (stmt[key] && typeof stmt[key] === "object") {
+          if ("type" in stmt[key]) {
+            extractPropsFromExprIntoSet(stmt[key], out);
+          }
+        }
+      }
+      break;
+  }
+}
+function extractPropsFromExprIntoSet(expr, out) {
+  for (const prop of extractPropsFromExpression(expr)) {
+    out.add(prop);
+  }
+}
+function collectThemeVarsFromComponentDef(def2) {
+  const result = {};
+  walkComponentDefTree(def2, (node) => {
+    if (!node.props) return;
+    for (const [key, value] of Object.entries(node.props)) {
+      const parsed = parseLayoutProperty(key);
+      if (typeof parsed === "string") continue;
+      if (typeof value !== "string" || value.includes("{")) continue;
+      for (const themeVar of extractThemeVarsFromValue(value)) {
+        result[themeVar] = "";
+      }
+    }
+  });
+  return result;
+}
+function generateUdComponentMetadata(compoundDef) {
+  const innerDef = compoundDef.component;
+  const propNames = collectPropsFromComponentDef(innerDef);
+  const themeVars2 = collectThemeVarsFromComponentDef(innerDef);
+  const props = Object.fromEntries(
+    propNames.map((name) => [
+      name,
+      { description: "" }
+    ])
+  );
+  return {
+    status: "stable",
+    description: `User-defined component: ${compoundDef.name}`,
+    props,
+    themeVars: themeVars2
+  };
+}
 async function download({ state, appContext }, {
   params,
   url,
@@ -45469,6 +46032,7 @@ const Tabs = forwardRef(function Tabs2({
                   traceId: typeof window !== "undefined" ? window._xsCurrentTrace : void 0,
                   kind: "focus:change",
                   component: "Tabs",
+                  ariaName: tabItem?.label,
                   displayLabel: tabItem?.label,
                   tabIndex: newIndex,
                   tabId: tabItem.id || tabItem.innerId,
@@ -45536,6 +46100,8 @@ const Tabs = forwardRef(function Tabs2({
             traceId: typeof window !== "undefined" ? window._xsCurrentTrace : void 0,
             kind: "focus:change",
             component: "Tabs",
+            ariaName: tabItem?.label,
+            componentLabel: tabItem?.label,
             displayLabel: tabItem?.label,
             tabIndex: newIndex,
             tabId: tabItem.id || tabItem.innerId,
@@ -46377,6 +46943,7 @@ const AccordionComponent = forwardRef(function AccordionComponent2({
           traceId: typeof window !== "undefined" ? window._xsCurrentTrace : void 0,
           kind: "focus:change",
           component: "Accordion",
+          ariaName: Array.isArray(value) ? value.join(", ") : String(value),
           displayLabel: Array.isArray(value) ? value.join(", ") : String(value),
           expandedItems: value
         });
@@ -50828,7 +51395,7 @@ const NestedAppMd = createMetadata({
     [`borderRadius-viewControls-${COMP$4}`]: "5px",
     [`padding-viewControls-${COMP$4}`]: "$space-0_5",
     [`borderBottom-header-${COMP$4}`]: "0.5px solid $borderColor",
-    [`backgroundColor-header-${COMP$4}`]: "$color-primary-50",
+    [`backgroundColor-header-${COMP$4}`]: "$color-surface-100",
     [`color-loadingText-${COMP$4}`]: "$color-surface-600",
     // --- Split view styles
     [`padding-button-splitView-${COMP$4}`]: "1px 6px",
@@ -51869,6 +52436,8 @@ class ComponentRegistry {
   }
   // --- Registers a compound component using its definition and metadata
   registerCompoundComponentRenderer({ compoundComponentDef, metadata }, namespace) {
+    const autoMetadata = generateUdComponentMetadata(compoundComponentDef);
+    const mergedMetadata = metadata ? { ...autoMetadata, ...metadata } : autoMetadata;
     const component2 = {
       type: compoundComponentDef.name,
       renderer: (rendererContext) => {
@@ -51883,7 +52452,7 @@ class ComponentRegistry {
         );
       },
       isCompoundComponent: true,
-      metadata
+      metadata: mergedMetadata
     };
     this.registerComponentRenderer(component2, namespace);
   }
@@ -52018,6 +52587,7 @@ const ConfirmationModalContextProvider = ({ children }) => {
           traceId: w._xsCurrentTrace,
           kind: "modal:show",
           modalType: "confirmation",
+          ariaName: title22,
           title: title22,
           buttons: [
             { label: actionLabel, value: true },
@@ -52048,6 +52618,7 @@ const ConfirmationModalContextProvider = ({ children }) => {
         traceId: w._xsCurrentTrace,
         kind: "modal:confirm",
         modalType: "confirmation",
+        ariaName: title2,
         value,
         buttonLabel
       });
@@ -52068,7 +52639,8 @@ const ConfirmationModalContextProvider = ({ children }) => {
         perfTs: typeof performance !== "undefined" ? performance.now() : void 0,
         traceId: w._xsCurrentTrace,
         kind: "modal:cancel",
-        modalType: "confirmation"
+        modalType: "confirmation",
+        ariaName: title2
       });
     }
     if (resolver.current) {
@@ -52965,7 +53537,7 @@ function IconProvider({ children, icons }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.12.13";
+const version = "0.12.14";
 function createPubSubService() {
   const subscriptions = /* @__PURE__ */ new Map();
   const publishTopic = (topic, data) => {
@@ -56819,7 +57391,8 @@ const StateContainer = memo(
     const localVarsStateContext = useCombinedState(
       stateFromOutside,
       componentStateWithApis,
-      node.contextVars
+      node.contextVars,
+      routingParams
     );
     const parsedScriptPart = node.scriptCollected;
     if (parsedScriptPart?.moduleErrors && !isEmpty(parsedScriptPart.moduleErrors)) {
@@ -57256,7 +57829,7 @@ function ApiBoundComponent({
 }) {
   const wrappedWithAdapter = useMemo(() => {
     function generateloaderUid(key) {
-      return `${node.uid}_data_${key}`;
+      return `${node.uid ?? node.type}_data_${key}`;
     }
     function generateEventHandler(actionComponent) {
       const { type } = actionComponent;
@@ -60427,7 +61000,8 @@ const implicitPropsMetadata = {
 };
 const MAIN_FILE = "Main." + componentFileExtension;
 const MAIN_CODE_BEHIND_FILE = "Main." + codeBehindFileExtension;
-const MAIN_XS_BUILT_RESOURCE = "/src/Main.xmlui.xs";
+const GLOBALS_FILE = "Globals.xs";
+const GLOBALS_XS_BUILT_RESOURCE = "/src/Globals.xs";
 const CONFIG_FILE = "config.json";
 const metadataProvider = new MetadataProvider(collectedComponentMetadata);
 function initStorageGlobals() {
@@ -60704,11 +61278,15 @@ function resolveRuntime(runtime) {
   let config;
   let entryPoint;
   let entryPointCodeBehind;
+  let globalsXs;
   let apiInterceptor;
   for (const [key, value] of Object.entries(runtime)) {
     if (matchesFileName(key, "config")) {
       config = value.default;
     }
+    if (key.endsWith("/Globals.xs") && !matchesFolder(key, "components")) {
+      globalsXs = value.default;
+    }
     if (matchesFileName(key, "Main") || matchesFileName(key, "App")) {
       if (key.endsWith(codeBehindFileExtension)) {
         entryPointCodeBehind = value.default;
@@ -60781,17 +61359,11 @@ function resolveRuntime(runtime) {
     functions: entryPointCodeBehind?.functions,
     scriptError: entryPointCodeBehind?.moduleErrors
   };
-  if (entryPointCodeBehind?.vars || entryPointCodeBehind?.functions) {
+  if (globalsXs?.vars || globalsXs?.functions) {
     entryPointWithCodeBehind = transformMainXsToGlobalTags(
       entryPointWithCodeBehind,
-      entryPointCodeBehind
+      globalsXs
     );
-    if (entryPointCodeBehind?.vars && entryPointWithCodeBehind.vars) {
-      const promotedKeys = Object.keys(entryPointCodeBehind.vars);
-      const remainingVars = { ...entryPointWithCodeBehind.vars };
-      promotedKeys.forEach((k) => delete remainingVars[k]);
-      entryPointWithCodeBehind = { ...entryPointWithCodeBehind, vars: remainingVars };
-    }
   }
   let components = [];
   if (config?.components) {
@@ -60962,9 +61534,9 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
     return extractedVars;
   };
   const [globalVars, setGlobalVars] = useState(() => {
-    const mainXs = runtime?.[MAIN_XS_BUILT_RESOURCE];
-    const mainXsData = mainXs?.default ?? mainXs;
-    const extracted = extractGlobals({ ...mainXsData?.vars || {}, ...mainXsData?.functions || {} });
+    const globalsXs = runtime?.[GLOBALS_XS_BUILT_RESOURCE];
+    const globalsXsData = globalsXs?.default ?? globalsXs;
+    const extracted = extractGlobals({ ...globalsXsData?.vars || {}, ...globalsXsData?.functions || {} });
     const resolvedRuntime = resolveRuntime(runtime);
     const appDef = mergeAppDefWithRuntime(resolvedRuntime.standaloneApp, standaloneAppDef);
     if (appDef?.entryPoint) {
@@ -60986,22 +61558,13 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
         if (!appDef) {
           throw new Error("couldn't find the application metadata");
         }
-        const mainXs = runtime?.[MAIN_XS_BUILT_RESOURCE];
-        const mainXsData = mainXs?.default ?? mainXs;
-        if (mainXsData?.vars || mainXsData?.functions) {
+        const globalsXs = runtime?.[GLOBALS_XS_BUILT_RESOURCE];
+        const globalsXsData = globalsXs?.default ?? globalsXs;
+        if (globalsXsData?.vars || globalsXsData?.functions) {
           appDef.entryPoint = transformMainXsToGlobalTags(
             appDef.entryPoint,
-            mainXsData
+            globalsXsData
           );
-          if (mainXsData?.vars && appDef.entryPoint) {
-            const promotedKeys = Object.keys(mainXsData.vars);
-            const ep = appDef.entryPoint;
-            if (ep.vars) {
-              const remainingVars = { ...ep.vars };
-              promotedKeys.forEach((k) => delete remainingVars[k]);
-              appDef.entryPoint = { ...ep, vars: remainingVars };
-            }
-          }
         }
         const { errorComponent: lintErrorComponent2, toastMessages: toastMessages2 } = processAppLinting(appDef, metadataProvider);
         if (lintErrorComponent2) {
@@ -61091,21 +61654,17 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
       });
       const globalsPromise = new Promise(async (resolve) => {
         try {
-          const resp = await fetchWithoutCache(MAIN_CODE_BEHIND_FILE);
+          const resp = await fetchWithoutCache(GLOBALS_FILE);
           if (resp.ok) {
             const parsedGlobals2 = await parseCodeBehindResponse(resp);
-            const mainXs = parsedGlobals2?.codeBehind;
+            const globalsXs = parsedGlobals2?.codeBehind;
             const extractedGlobals = extractGlobals({
-              ...mainXs?.vars || {},
-              ...mainXs?.functions || {}
+              ...globalsXs?.vars || {},
+              ...globalsXs?.functions || {}
             });
             resolve({ ...parsedGlobals2?.codeBehind, src: parsedGlobals2?.src, __extractedGlobals: extractedGlobals });
           } else {
-            resolve({
-              component: errReportMessage(`Failed to load the code-behind (${MAIN_CODE_BEHIND_FILE})`),
-              file: MAIN_CODE_BEHIND_FILE,
-              hasError: true
-            });
+            resolve(null);
           }
         } catch (e) {
           resolve(null);
@@ -61160,9 +61719,25 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
             resolve(null);
           }
         });
-        if (loadedEntryPointCodeBehind.hasError) {
+        if (loadedEntryPointCodeBehind?.hasError) {
           errorComponents.push(loadedEntryPointCodeBehind.component);
         }
+      } else {
+        loadedEntryPointCodeBehind = await (async () => {
+          try {
+            const resp = await fetchWithoutCache(MAIN_CODE_BEHIND_FILE);
+            if (resp.ok) {
+              const parsed = await parseCodeBehindResponse(resp);
+              if (parsed.hasError) {
+                errorComponents.push(parsed.component);
+                return parsed;
+              }
+              return { ...parsed.codeBehind, src: parsed.src };
+            }
+          } catch (e) {
+          }
+          return null;
+        })();
       }
       loadedComponents.forEach((compWrapper) => {
         if (compWrapper.hasError) {
@@ -61204,12 +61779,6 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
           entryPointWithCodeBehind,
           loadedGlobals
         );
-        if (loadedGlobals?.vars && entryPointWithCodeBehind.vars) {
-          const promotedKeys = Object.keys(loadedGlobals.vars);
-          const remainingVars = { ...entryPointWithCodeBehind.vars };
-          promotedKeys.forEach((k) => delete remainingVars[k]);
-          entryPointWithCodeBehind = { ...entryPointWithCodeBehind, vars: remainingVars };
-        }
       }
       const defaultTheme = entryPointWithCodeBehind.props?.defaultTheme;
       if (defaultTheme && typeof defaultTheme === "string" && !defaultTheme.includes("{")) {
@@ -61446,10 +62015,10 @@ function startApp(runtime, extensions = [], extensionManager = new StandaloneExt
   );
   return contentRoot;
 }
-function transformMainXsToGlobalTags(entryPoint, mainXs) {
+function transformMainXsToGlobalTags(entryPoint, globalsXsDef) {
   const globalVars = {};
-  if (mainXs.vars) {
-    Object.entries(mainXs.vars).forEach(([varName, varDef]) => {
+  if (globalsXsDef.vars) {
+    Object.entries(globalsXsDef.vars).forEach(([varName, varDef]) => {
       if (typeof varDef === "object" && varDef !== null && varDef.__PARSED__ && varDef.tree) {
         const source = varDef.tree.source;
         if (typeof source === "string") {
@@ -61461,8 +62030,8 @@ function transformMainXsToGlobalTags(entryPoint, mainXs) {
     });
   }
   const functions = {};
-  if (mainXs.functions) {
-    Object.entries(mainXs.functions).forEach(([funcName, funcDef]) => {
+  if (globalsXsDef.functions) {
+    Object.entries(globalsXsDef.functions).forEach(([funcName, funcDef]) => {
       if (typeof funcDef === "object" && funcDef !== null && funcDef.__PARSED__ && funcDef.tree) {
         try {
           const evalContext = {