xmlui 0.12.17 → 0.12.18

package/dist/lib/{AppRoot-CkAW1HHI.js → AppRoot-BNS2fGLn.js}

@@ -1,4 +1,3 @@
-import "./AppRoot.css";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { forwardRef, useState, useEffect, useContext, createContext, useMemo, useInsertionEffect, useLayoutEffect, useRef, memo, useCallback, useId, cloneElement, useImperativeHandle, isValidElement, startTransition, Fragment as Fragment$1, useReducer, useDeferredValue, createElement, useTransition, Children } from "react";
@@ -47,7 +46,7 @@ import { Root as Root$2, List, Trigger as Trigger$1, Content as Content$1 } from
 import scrollIntoView from "scroll-into-view-if-needed";
 import * as RAccordion from "@radix-ui/react-accordion";
 import QRCodeLib from "react-qr-code";
-function getDefaultExportFromCjs(x) {
+import './AppRoot.css';function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 var client = {};
@@ -10736,7 +10735,7 @@ function ApiInterceptorProvider({
       return;
     }
     void (async () => {
-      const { initMock } = await import("./initMock-DvFj3cun.js");
+      const { initMock } = await import("./initMock-CAH6z4DK.js");
       const apiInstance2 = await initMock(interceptor);
       setApiInstance(apiInstance2);
       setInitialized(true);
@@ -10753,7 +10752,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-DvFj3cun.js")
+              import("./initMock-CAH6z4DK.js")
             ]);
             if (interceptor || forceInitialize) {
               const apiInstance2 = await initMock(interceptor || {});
@@ -10790,7 +10789,7 @@ function ApiInterceptorProvider({
         void (async () => {
           const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
             import("./apiInterceptorWorker-CDO-h2U4.js"),
-            import("./initMock-DvFj3cun.js")
+            import("./initMock-CAH6z4DK.js")
           ]);
           const apiInstance2 = await initMock(interceptor);
           await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
@@ -20108,47 +20107,47 @@ const styles$Q = {
   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)", "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 selectTrigger = "_selectTrigger_sfiq6_17";
+const error$b = "_error_sfiq6_57";
+const warning$b = "_warning_sfiq6_83";
+const valid$b = "_valid_sfiq6_109";
+const disabled$6 = "_disabled_sfiq6_135";
+const placeholder$2 = "_placeholder_sfiq6_147";
+const actions$1 = "_actions_sfiq6_164";
+const action$1 = "_action_sfiq6_164";
+const badgeListContainer = "_badgeListContainer_sfiq6_179";
+const badgeList$1 = "_badgeList_sfiq6_179";
+const inputWrapper$1 = "_inputWrapper_sfiq6_192";
+const badge$2 = "_badge_sfiq6_179";
+const selectContent = "_selectContent_sfiq6_227";
+const command$1 = "_command_sfiq6_246";
+const commandInputContainer = "_commandInputContainer_sfiq6_253";
+const commandInput$1 = "_commandInput_sfiq6_253";
+const commandList$1 = "_commandList_sfiq6_272";
+const groupHeader = "_groupHeader_sfiq6_280";
+const multiSelectOption = "_multiSelectOption_sfiq6_292";
+const multiSelectOptionContent = "_multiSelectOptionContent_sfiq6_307";
+const highlighted$1 = "_highlighted_sfiq6_316";
+const disabledOption$1 = "_disabledOption_sfiq6_322";
+const selectValue = "_selectValue_sfiq6_337";
+const selectDropdownContent = "_selectDropdownContent_sfiq6_347";
+const fadeIn = "_fadeIn_sfiq6_1";
+const zoomIn = "_zoomIn_sfiq6_1";
+const fadeOut = "_fadeOut_sfiq6_1";
+const zoomOut = "_zoomOut_sfiq6_1";
+const slideInFromTop = "_slideInFromTop_sfiq6_1";
+const slideInFromRight = "_slideInFromRight_sfiq6_1";
+const slideInFromLeft = "_slideInFromLeft_sfiq6_1";
+const slideInFromBottom = "_slideInFromBottom_sfiq6_1";
+const selectViewport = "_selectViewport_sfiq6_381";
+const selectScrollUpButton = "_selectScrollUpButton_sfiq6_385";
+const selectScrollDownButton = "_selectScrollDownButton_sfiq6_394";
+const selectEmpty = "_selectEmpty_sfiq6_403";
+const selectOption = "_selectOption_sfiq6_416";
+const selectOptionContent = "_selectOptionContent_sfiq6_440";
+const selectOptionIndicator = "_selectOptionIndicator_sfiq6_454";
+const loading = "_loading_sfiq6_464";
+const srOnly$1 = "_srOnly_sfiq6_467";
 const styles$P = {
   themeVars: themeVars$z,
   selectTrigger,
@@ -20318,6 +20317,7 @@ const SimpleSelect = forwardRef(
       valueRenderer,
       options: options2,
       children,
+      scrollIndicators = true,
       validationIcon,
       validationStatus,
       invalidMessages,
@@ -20328,6 +20328,7 @@ const SimpleSelect = forwardRef(
     } = props;
     const composedRef = forwardRef ? composeRefs(triggerRef, forwardedRef) : triggerRef;
     const [open, setOpen] = useState(false);
+    const contentRef = useRef(null);
     useEffect(() => {
       if (!open || modal) return;
       const body2 = document.body;
@@ -20363,6 +20364,22 @@ const SimpleSelect = forwardRef(
         document.removeEventListener("touchmove", handler, true);
       };
     }, [open, modal]);
+    useEffect(() => {
+      if (!open) return;
+      const el = contentRef.current;
+      if (!el) return;
+      let rafId = requestAnimationFrame(() => {
+        rafId = requestAnimationFrame(() => {
+          el.style.height = `${el.clientHeight}px`;
+        });
+      });
+      return () => {
+        cancelAnimationFrame(rafId);
+        if (contentRef.current) {
+          contentRef.current.style.height = "auto";
+        }
+      };
+    }, [open]);
     const stringValue = useMemo(() => {
       return value != null && value !== "" ? String(value) : "";
     }, [value]);
@@ -20466,13 +20483,14 @@ const SimpleSelect = forwardRef(
           /* @__PURE__ */ jsx(Portal, { container: root2, children: /* @__PURE__ */ jsxs(
             Content,
             {
+              ref: contentRef,
               collisionPadding: 0,
               className: classnames(contentClassName, styles$P.selectDropdownContent),
               position: "popper",
               align: "start",
               style: { height: "auto", maxHeight: height, minWidth: panelWidth },
               children: [
-                /* @__PURE__ */ jsx(ScrollUpButton, { className: styles$P.selectScrollUpButton, children: /* @__PURE__ */ jsx(ThemedIcon, { name: "chevronup" }) }),
+                scrollIndicators && /* @__PURE__ */ jsx(ScrollUpButton, { className: styles$P.selectScrollUpButton, children: /* @__PURE__ */ jsx(ThemedIcon, { name: "chevronup" }) }),
                 /* @__PURE__ */ jsx(Part, { partId: "listWrapper", children: /* @__PURE__ */ jsx(Viewport, { className: styles$P.selectViewport, children: groupBy2 && groupedOptions ? (
                   // Render grouped options directly from options array
                   /* @__PURE__ */ jsx(Fragment, { children: Object.keys(groupedOptions).length === 0 ? emptyListNode : Object.entries(groupedOptions).map(([groupName, groupOptions]) => /* @__PURE__ */ jsxs(Group, { children: [
@@ -20496,7 +20514,7 @@ const SimpleSelect = forwardRef(
                     options2.length === 0 && emptyListNode
                   ] })
                 ) }) }),
-                /* @__PURE__ */ jsx(ScrollDownButton, { className: styles$P.selectScrollDownButton, children: /* @__PURE__ */ jsx(ThemedIcon, { name: "chevrondown" }) })
+                scrollIndicators && /* @__PURE__ */ jsx(ScrollDownButton, { className: styles$P.selectScrollDownButton, children: /* @__PURE__ */ jsx(ThemedIcon, { name: "chevrondown" }) })
               ]
             }
           ) })
@@ -20623,6 +20641,7 @@ const Select = forwardRef(function Select2({
   contentClassName,
   classes,
   dropdownHeight,
+  scrollIndicators,
   // Validation
   validationStatus = defaultProps$Q.validationStatus,
   // Event handlers
@@ -21004,6 +21023,7 @@ const Select = forwardRef(function Select2({
           clearable,
           onClear: clearValue,
           valueRenderer,
+          scrollIndicators,
           validationStatus,
           invalidMessages,
           finalValidationIconSuccess,
@@ -21306,6 +21326,11 @@ const SelectMd = createMetadata({
     dropdownHeight: d(
       "This property sets the height of the dropdown list. If not set, the height is determined automatically."
     ),
+    scrollIndicators: {
+      description: "This property controls whether scroll indicator arrows are displayed at the top and bottom of the dropdown list when the content overflows.",
+      valueType: "boolean",
+      defaultValue: true
+    },
     emptyListTemplate: dComponent(
       `This optional property provides the ability to customize what is displayed when the list of options is empty.`
     ),
@@ -21453,6 +21478,7 @@ const selectComponentRenderer = wrapComponent(COMP$13, Select, SelectMd, {
     "validationStatus",
     "emptyListTemplate",
     "dropdownHeight",
+    "scrollIndicators",
     "required",
     "modal",
     "groupBy",
@@ -21507,6 +21533,7 @@ const selectComponentRenderer = wrapComponent(COMP$13, Select, SelectMd, {
         registerComponentApi,
         emptyListTemplate: renderChild2(node.props.emptyListTemplate),
         dropdownHeight: extractValue(node.props.dropdownHeight),
+        scrollIndicators: extractValue.asOptionalBoolean(node.props.scrollIndicators),
         required: extractValue.asOptionalBoolean(node.props.required),
         modal: extractValue.asOptionalBoolean(node.props.modal),
         groupBy: extractValue(node.props.groupBy),
@@ -31598,53 +31625,53 @@ const numberBoxComponentRenderer = wrapComponent(COMP$H, ThemedNumberBox, Number
   deriveAriaLabel: (props) => props.label || props.placeholder
 });
 const themeVars$h = `'{"padding-DatePicker": "var(--xmlui-padding-DatePicker)", "paddingHorizontal-DatePicker": "var(--xmlui-paddingHorizontal-DatePicker, var(--xmlui-padding-DatePicker))", "paddingVertical-DatePicker": "var(--xmlui-paddingVertical-DatePicker, var(--xmlui-padding-DatePicker))", "paddingLeft-DatePicker": "var(--xmlui-paddingLeft-DatePicker, var(--xmlui-paddingHorizontal-DatePicker, var(--xmlui-padding-DatePicker)))", "paddingRight-DatePicker": "var(--xmlui-paddingRight-DatePicker, var(--xmlui-paddingHorizontal-DatePicker, var(--xmlui-padding-DatePicker)))", "paddingTop-DatePicker": "var(--xmlui-paddingTop-DatePicker, var(--xmlui-paddingVertical-DatePicker, var(--xmlui-padding-DatePicker)))", "paddingBottom-DatePicker": "var(--xmlui-paddingBottom-DatePicker, var(--xmlui-paddingVertical-DatePicker, var(--xmlui-padding-DatePicker)))", "Input:borderRadius-DatePicker": "var(--xmlui-borderRadius-DatePicker)", "Input:borderColor-DatePicker": "var(--xmlui-borderColor-DatePicker)", "Input:borderWidth-DatePicker": "var(--xmlui-borderWidth-DatePicker)", "Input:borderStyle-DatePicker": "var(--xmlui-borderStyle-DatePicker)", "Input:backgroundColor-DatePicker": "var(--xmlui-backgroundColor-DatePicker)", "Input:boxShadow-DatePicker": "var(--xmlui-boxShadow-DatePicker)", "Input:textColor-DatePicker": "var(--xmlui-textColor-DatePicker)", "Input:borderColor-DatePicker--hover": "var(--xmlui-borderColor-DatePicker--hover)", "Input:backgroundColor-DatePicker--hover": "var(--xmlui-backgroundColor-DatePicker--hover)", "Input:boxShadow-DatePicker--hover": "var(--xmlui-boxShadow-DatePicker--hover)", "Input:textColor-DatePicker--hover": "var(--xmlui-textColor-DatePicker--hover)", "Input:outlineWidth-DatePicker--focus": "var(--xmlui-outlineWidth-DatePicker--focus)", "Input:outlineColor-DatePicker--focus": "var(--xmlui-outlineColor-DatePicker--focus)", "Input:outlineStyle-DatePicker--focus": "var(--xmlui-outlineStyle-DatePicker--focus)", "Input:outlineOffset-DatePicker--focus": "var(--xmlui-outlineOffset-DatePicker--focus)", "Input:textColor-placeholder-DatePicker": "var(--xmlui-textColor-placeholder-DatePicker)", "Input:fontSize-placeholder-DatePicker": "var(--xmlui-fontSize-placeholder-DatePicker)", "Input:color-adornment-DatePicker": "var(--xmlui-color-adornment-DatePicker)", "Input:borderRadius-DatePicker--error": "var(--xmlui-borderRadius-DatePicker--error)", "Input:borderColor-DatePicker--error": "var(--xmlui-borderColor-DatePicker--error)", "Input:borderWidth-DatePicker--error": "var(--xmlui-borderWidth-DatePicker--error)", "Input:borderStyle-DatePicker--error": "var(--xmlui-borderStyle-DatePicker--error)", "Input:backgroundColor-DatePicker--error": "var(--xmlui-backgroundColor-DatePicker--error)", "Input:boxShadow-DatePicker--error": "var(--xmlui-boxShadow-DatePicker--error)", "Input:textColor-DatePicker--error": "var(--xmlui-textColor-DatePicker--error)", "Input:borderColor-DatePicker--error--hover": "var(--xmlui-borderColor-DatePicker--error--hover)", "Input:backgroundColor-DatePicker--error--hover": "var(--xmlui-backgroundColor-DatePicker--error--hover)", "Input:boxShadow-DatePicker--error--hover": "var(--xmlui-boxShadow-DatePicker--error--hover)", "Input:textColor-DatePicker--error--hover": "var(--xmlui-textColor-DatePicker--error--hover)", "Input:outlineWidth-DatePicker--error--focus": "var(--xmlui-outlineWidth-DatePicker--error--focus)", "Input:outlineColor-DatePicker--error--focus": "var(--xmlui-outlineColor-DatePicker--error--focus)", "Input:outlineStyle-DatePicker--error--focus": "var(--xmlui-outlineStyle-DatePicker--error--focus)", "Input:outlineOffset-DatePicker--error--focus": "var(--xmlui-outlineOffset-DatePicker--error--focus)", "Input:textColor-placeholder-DatePicker--error": "var(--xmlui-textColor-placeholder-DatePicker--error)", "Input:fontSize-placeholder-DatePicker--error": "var(--xmlui-fontSize-placeholder-DatePicker--error)", "Input:color-adornment-DatePicker--error": "var(--xmlui-color-adornment-DatePicker--error)", "Input:borderRadius-DatePicker--warning": "var(--xmlui-borderRadius-DatePicker--warning)", "Input:borderColor-DatePicker--warning": "var(--xmlui-borderColor-DatePicker--warning)", "Input:borderWidth-DatePicker--warning": "var(--xmlui-borderWidth-DatePicker--warning)", "Input:borderStyle-DatePicker--warning": "var(--xmlui-borderStyle-DatePicker--warning)", "Input:backgroundColor-DatePicker--warning": "var(--xmlui-backgroundColor-DatePicker--warning)", "Input:boxShadow-DatePicker--warning": "var(--xmlui-boxShadow-DatePicker--warning)", "Input:textColor-DatePicker--warning": "var(--xmlui-textColor-DatePicker--warning)", "Input:borderColor-DatePicker--warning--hover": "var(--xmlui-borderColor-DatePicker--warning--hover)", "Input:backgroundColor-DatePicker--warning--hover": "var(--xmlui-backgroundColor-DatePicker--warning--hover)", "Input:boxShadow-DatePicker--warning--hover": "var(--xmlui-boxShadow-DatePicker--warning--hover)", "Input:textColor-DatePicker--warning--hover": "var(--xmlui-textColor-DatePicker--warning--hover)", "Input:outlineWidth-DatePicker--warning--focus": "var(--xmlui-outlineWidth-DatePicker--warning--focus)", "Input:outlineColor-DatePicker--warning--focus": "var(--xmlui-outlineColor-DatePicker--warning--focus)", "Input:outlineStyle-DatePicker--warning--focus": "var(--xmlui-outlineStyle-DatePicker--warning--focus)", "Input:outlineOffset-DatePicker--warning--focus": "var(--xmlui-outlineOffset-DatePicker--warning--focus)", "Input:textColor-placeholder-DatePicker--warning": "var(--xmlui-textColor-placeholder-DatePicker--warning)", "Input:fontSize-placeholder-DatePicker--warning": "var(--xmlui-fontSize-placeholder-DatePicker--warning)", "Input:color-adornment-DatePicker--warning": "var(--xmlui-color-adornment-DatePicker--warning)", "Input:borderRadius-DatePicker--success": "var(--xmlui-borderRadius-DatePicker--success)", "Input:borderColor-DatePicker--success": "var(--xmlui-borderColor-DatePicker--success)", "Input:borderWidth-DatePicker--success": "var(--xmlui-borderWidth-DatePicker--success)", "Input:borderStyle-DatePicker--success": "var(--xmlui-borderStyle-DatePicker--success)", "Input:backgroundColor-DatePicker--success": "var(--xmlui-backgroundColor-DatePicker--success)", "Input:boxShadow-DatePicker--success": "var(--xmlui-boxShadow-DatePicker--success)", "Input:textColor-DatePicker--success": "var(--xmlui-textColor-DatePicker--success)", "Input:borderColor-DatePicker--success--hover": "var(--xmlui-borderColor-DatePicker--success--hover)", "Input:backgroundColor-DatePicker--success--hover": "var(--xmlui-backgroundColor-DatePicker--success--hover)", "Input:boxShadow-DatePicker--success--hover": "var(--xmlui-boxShadow-DatePicker--success--hover)", "Input:textColor-DatePicker--success--hover": "var(--xmlui-textColor-DatePicker--success--hover)", "Input:outlineWidth-DatePicker--success--focus": "var(--xmlui-outlineWidth-DatePicker--success--focus)", "Input:outlineColor-DatePicker--success--focus": "var(--xmlui-outlineColor-DatePicker--success--focus)", "Input:outlineStyle-DatePicker--success--focus": "var(--xmlui-outlineStyle-DatePicker--success--focus)", "Input:outlineOffset-DatePicker--success--focus": "var(--xmlui-outlineOffset-DatePicker--success--focus)", "Input:textColor-placeholder-DatePicker--success": "var(--xmlui-textColor-placeholder-DatePicker--success)", "Input:fontSize-placeholder-DatePicker--success": "var(--xmlui-fontSize-placeholder-DatePicker--success)", "Input:color-adornment-DatePicker--success": "var(--xmlui-color-adornment-DatePicker--success)", "Input:fontSize-DatePicker": "var(--xmlui-fontSize-DatePicker)", "Input:backgroundColor-DatePicker--disabled": "var(--xmlui-backgroundColor-DatePicker--disabled)", "Input:textColor-DatePicker--disabled": "var(--xmlui-textColor-DatePicker--disabled)", "Input:borderColor-DatePicker--disabled": "var(--xmlui-borderColor-DatePicker--disabled)", "Input:boxShadow-menu-DatePicker": "var(--xmlui-boxShadow-menu-DatePicker)", "Input:backgroundColor-menu-DatePicker": "var(--xmlui-backgroundColor-menu-DatePicker)", "Input:borderRadius-menu-DatePicker": "var(--xmlui-borderRadius-menu-DatePicker)", "Input:backgroundColor-item-DatePicker--active": "var(--xmlui-backgroundColor-item-DatePicker--active)", "Input:backgroundColor-item-DatePicker--hover": "var(--xmlui-backgroundColor-item-DatePicker--hover)", "Input:textColor-value-DatePicker": "var(--xmlui-textColor-value-DatePicker)", "Input:minHeight-DatePicker": "var(--xmlui-minHeight-DatePicker)", "Input:borderColor-selectedItem-DatePicker": "var(--xmlui-borderColor-selectedItem-DatePicker)"}'`;
-const datePicker = "_datePicker_1f64a_14";
-const placeholder$1 = "_placeholder_1f64a_53";
-const adornment$2 = "_adornment_1f64a_57";
-const error$8 = "_error_1f64a_60";
-const warning$8 = "_warning_1f64a_88";
-const valid$8 = "_valid_1f64a_116";
-const disabled$5 = "_disabled_1f64a_144";
-const indicator$1 = "_indicator_1f64a_150";
-const datePickerInput = "_datePickerInput_1f64a_151";
-const inlinePickerMenu = "_inlinePickerMenu_1f64a_154";
-const datePickerMenu = "_datePickerMenu_1f64a_164";
-const root$3 = "_root_1f64a_175";
-const day$1 = "_day_1f64a_255";
-const day_button = "_day_button_1f64a_261";
-const caption_label = "_caption_label_1f64a_283";
-const dropdown = "_dropdown_1f64a_293";
-const button_next = "_button_next_1f64a_296";
-const button_previous = "_button_previous_1f64a_297";
-const chevron$1 = "_chevron_1f64a_326";
-const nav = "_nav_1f64a_330";
-const dropdowns = "_dropdowns_1f64a_334";
-const dropdown_root = "_dropdown_root_1f64a_356";
-const month_caption = "_month_caption_1f64a_369";
-const month$1 = "_month_1f64a_369";
-const months = "_months_1f64a_402";
-const month_grid = "_month_grid_1f64a_409";
-const weekday = "_weekday_1f64a_420";
-const week_number = "_week_number_1f64a_429";
-const today = "_today_1f64a_440";
-const outside = "_outside_1f64a_440";
-const selected = "_selected_1f64a_443";
-const hidden = "_hidden_1f64a_459";
-const range_start = "_range_start_1f64a_463";
-const range_middle = "_range_middle_1f64a_470";
-const range_end = "_range_end_1f64a_480";
-const hovered = "_hovered_1f64a_491";
-const singleSelected = "_singleSelected_1f64a_499";
-const focusable = "_focusable_1f64a_502";
-const datePickerValue = "_datePickerValue_1f64a_505";
-const weeks_before_enter = "_weeks_before_enter_1f64a_541";
-const weeks_before_exit = "_weeks_before_exit_1f64a_544";
-const weeks_after_enter = "_weeks_after_enter_1f64a_547";
-const weeks_after_exit = "_weeks_after_exit_1f64a_550";
-const caption_after_enter = "_caption_after_enter_1f64a_581";
-const caption_after_exit = "_caption_after_exit_1f64a_584";
-const caption_before_enter = "_caption_before_enter_1f64a_587";
-const caption_before_exit = "_caption_before_exit_1f64a_590";
+const datePicker = "_datePicker_1jlyg_14";
+const placeholder$1 = "_placeholder_1jlyg_53";
+const adornment$2 = "_adornment_1jlyg_57";
+const error$8 = "_error_1jlyg_60";
+const warning$8 = "_warning_1jlyg_88";
+const valid$8 = "_valid_1jlyg_116";
+const disabled$5 = "_disabled_1jlyg_144";
+const indicator$1 = "_indicator_1jlyg_150";
+const datePickerInput = "_datePickerInput_1jlyg_151";
+const datePickerValue = "_datePickerValue_1jlyg_154";
+const inlinePickerMenu = "_inlinePickerMenu_1jlyg_158";
+const datePickerMenu = "_datePickerMenu_1jlyg_168";
+const root$3 = "_root_1jlyg_178";
+const months = "_months_1jlyg_226";
+const month_grid = "_month_grid_1jlyg_233";
+const month_caption = "_month_caption_1jlyg_236";
+const nav = "_nav_1jlyg_244";
+const button_next = "_button_next_1jlyg_252";
+const button_previous = "_button_previous_1jlyg_253";
+const chevron$1 = "_chevron_1jlyg_282";
+const month$1 = "_month_1jlyg_226";
+const caption_label = "_caption_label_1jlyg_315";
+const dropdown = "_dropdown_1jlyg_325";
+const dropdowns = "_dropdowns_1jlyg_328";
+const dropdown_root = "_dropdown_root_1jlyg_349";
+const weekday = "_weekday_1jlyg_362";
+const week_number = "_week_number_1jlyg_371";
+const day$1 = "_day_1jlyg_381";
+const day_button = "_day_button_1jlyg_387";
+const today = "_today_1jlyg_409";
+const outside = "_outside_1jlyg_409";
+const selected = "_selected_1jlyg_412";
+const hidden = "_hidden_1jlyg_425";
+const range_start = "_range_start_1jlyg_429";
+const range_middle = "_range_middle_1jlyg_436";
+const range_end = "_range_end_1jlyg_446";
+const hovered = "_hovered_1jlyg_456";
+const singleSelected = "_singleSelected_1jlyg_463";
+const focusable = "_focusable_1jlyg_466";
+const weeks_before_enter = "_weeks_before_enter_1jlyg_501";
+const weeks_before_exit = "_weeks_before_exit_1jlyg_504";
+const weeks_after_enter = "_weeks_after_enter_1jlyg_507";
+const weeks_after_exit = "_weeks_after_exit_1jlyg_510";
+const caption_after_enter = "_caption_after_enter_1jlyg_541";
+const caption_after_exit = "_caption_after_exit_1jlyg_544";
+const caption_before_enter = "_caption_before_enter_1jlyg_547";
+const caption_before_exit = "_caption_before_exit_1jlyg_550";
 const styles$w = {
   themeVars: themeVars$h,
   datePicker,
@@ -31656,25 +31683,26 @@ const styles$w = {
   disabled: disabled$5,
   indicator: indicator$1,
   datePickerInput,
+  datePickerValue,
   inlinePickerMenu,
   datePickerMenu,
   root: root$3,
-  day: day$1,
-  day_button,
-  caption_label,
-  dropdown,
+  months,
+  month_grid,
+  month_caption,
+  nav,
   button_next,
   button_previous,
   chevron: chevron$1,
-  nav,
+  month: month$1,
+  caption_label,
+  dropdown,
   dropdowns,
   dropdown_root,
-  month_caption,
-  month: month$1,
-  months,
-  month_grid,
   weekday,
   week_number,
+  day: day$1,
+  day_button,
   today,
   outside,
   selected,
@@ -31685,19 +31713,18 @@ const styles$w = {
   hovered,
   singleSelected,
   focusable,
-  datePickerValue,
   weeks_before_enter,
-  "rdp-slide_in_left": "_rdp-slide_in_left_1f64a_1",
+  "rdp-slide_in_left": "_rdp-slide_in_left_1jlyg_1",
   weeks_before_exit,
-  "rdp-slide_out_left": "_rdp-slide_out_left_1f64a_1",
+  "rdp-slide_out_left": "_rdp-slide_out_left_1jlyg_1",
   weeks_after_enter,
-  "rdp-slide_in_right": "_rdp-slide_in_right_1f64a_1",
+  "rdp-slide_in_right": "_rdp-slide_in_right_1jlyg_1",
   weeks_after_exit,
-  "rdp-slide_out_right": "_rdp-slide_out_right_1f64a_1",
+  "rdp-slide_out_right": "_rdp-slide_out_right_1jlyg_1",
   caption_after_enter,
-  "rdp-fade_in": "_rdp-fade_in_1f64a_1",
+  "rdp-fade_in": "_rdp-fade_in_1jlyg_1",
   caption_after_exit,
-  "rdp-fade_out": "_rdp-fade_out_1f64a_1",
+  "rdp-fade_out": "_rdp-fade_out_1jlyg_1",
   caption_before_enter,
   caption_before_exit
 };
@@ -37286,114 +37313,6 @@ const formSegmentComponentRenderer = wrapComponent(COMP$A, FormSegmentNative, Fo
     }
   )
 });
-const HIDDEN_STYLE$1 = {
-  position: "absolute",
-  top: "-9999px",
-  display: "none"
-};
-const indexerContextValue = {
-  indexing: true
-};
-const EXCLUDED_URL_PATTERNS = [/^\/404$/, /^\/not-found$/];
-function SearchIndexCollector({ Pages: Pages2, renderChild: renderChild2 }) {
-  const appContext = useAppContext();
-  const setIndexing = useSearchContextSetIndexing();
-  const loadedExternalIndex = useSearchContextLoadedExternalIndex();
-  const { root: root2 } = useTheme();
-  const [indexState, setIndexState] = useState({
-    index: 0,
-    done: false
-  });
-  useEffect(() => {
-    return () => {
-      setIndexing(false);
-    };
-  }, [setIndexing]);
-  const pagesToIndex = useMemo(() => {
-    return Pages2?.children?.filter(
-      (child) => child.type === "Page" && // Ensure 'Page' matches your actual component type name
-      child.props?.url && // Ensure URL exists
-      !child.props.url.includes("*") && !child.props.url.includes(":") && !EXCLUDED_URL_PATTERNS.some((pattern) => pattern.test(child.props.url)) && child.props?.searchIndexable !== false
-      // explicit opt-out
-    ) || [];
-  }, [Pages2?.children]);
-  const [, startTransitionParent] = useTransition();
-  const handlePageIndexed = useCallback(() => {
-    startTransitionParent(() => {
-      setIndexState((prev) => {
-        const nextIndex = prev.index + 1;
-        return {
-          index: nextIndex,
-          done: nextIndex >= pagesToIndex.length
-        };
-      });
-    });
-  }, [pagesToIndex.length]);
-  if (!appContext.appGlobals?.searchIndexEnabled || indexState.done || loadedExternalIndex) {
-    return null;
-  }
-  const currentPageToProcess = pagesToIndex[indexState.index];
-  if (!currentPageToProcess) {
-    if (pagesToIndex.length === 0 && !indexState.done) {
-      setIndexState({ index: 0, done: true });
-    }
-    return null;
-  }
-  return /* @__PURE__ */ jsx(IndexerContext.Provider, { value: indexerContextValue, children: root2 && createPortal(
-    /* @__PURE__ */ jsx("div", { style: HIDDEN_STYLE$1, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-      PageIndexer,
-      {
-        Page: currentPageToProcess,
-        renderChild: renderChild2,
-        onIndexed: handlePageIndexed
-      },
-      currentPageToProcess.props?.url || indexState.index
-    ) }),
-    root2
-  ) });
-}
-function PageIndexer({ Page, renderChild: renderChild2, onIndexed }) {
-  const contentRef = useRef(null);
-  const pageUrl = Page.props?.url || "";
-  const navLabel = Page.props?.navLabel || "";
-  const searchContextUpdater = useSearchContextUpdater();
-  const [phase, setPhase] = useState("rendering");
-  const [, startTransition2] = useTransition();
-  useEffect(() => {
-    startTransition2(() => {
-      setPhase("rendering");
-    });
-  }, [pageUrl]);
-  useEffect(() => {
-    if (phase === "rendering" && contentRef.current) {
-      startTransition2(() => {
-        const currentContent = contentRef.current;
-        if (!currentContent) return;
-        setPhase("extracting");
-        const clone = currentContent.cloneNode(true);
-        const elementsToRemove = clone.querySelectorAll("style, script");
-        elementsToRemove.forEach((el) => el.remove());
-        const titleElement = clone.querySelector("h1");
-        const title2 = titleElement ? titleElement.innerText : navLabel || pageUrl.split("/").pop() || pageUrl;
-        titleElement?.remove();
-        const textContent = (clone.textContent || "").trim().replace(/\s+/g, " ");
-        const categoryBasedOnUrl = pageUrl.split("/").find((segment) => segment.length > 0) || "";
-        searchContextUpdater({
-          title: title2,
-          content: textContent,
-          path: pageUrl,
-          category: SEARCH_CATEGORIES.includes(categoryBasedOnUrl) ? categoryBasedOnUrl : SEARCH_DEFAULT_CATEGORY
-        });
-        onIndexed();
-        setPhase("done");
-      });
-    }
-  }, [phase, pageUrl, searchContextUpdater, onIndexed, navLabel]);
-  if (phase === "done") {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { ref: contentRef, children: renderChild2(Page.children) });
-}
 function parseHierarchyLabels(labelText) {
   const result = [];
   let currentLabel = "";
@@ -37514,6 +37433,23 @@ function labelExistsInHierarchy(searchLabel, hierarchy) {
     return false;
   });
 }
+function extractNavGroupUrls(node) {
+  const urls = /* @__PURE__ */ new Set();
+  if (!node) return urls;
+  collectNavGroupUrls(node.children, urls);
+  return urls;
+}
+function collectNavGroupUrls(children, urls) {
+  if (!children) return;
+  for (const child of children) {
+    if (child.type === "NavGroup" && typeof child.props?.to === "string" && child.props.to) {
+      urls.add(child.props.to);
+    }
+    if (child.children) {
+      collectNavGroupUrls(child.children, urls);
+    }
+  }
+}
 function processNavItems(items, parentHierarchy, extractValue) {
   items.forEach((navItem) => {
     if (navItem.type === "NavLink") {
@@ -37604,6 +37540,116 @@ function extractNavPanelFromPages(Pages2, NavPanel3, extractValue) {
   });
   return extraNavs;
 }
+const HIDDEN_STYLE$1 = {
+  position: "absolute",
+  top: "-9999px",
+  display: "none"
+};
+const indexerContextValue = {
+  indexing: true
+};
+const EXCLUDED_URL_PATTERNS = [/^\/404$/, /^\/not-found$/];
+function SearchIndexCollector({ Pages: Pages2, NavPanel: NavPanel3, renderChild: renderChild2 }) {
+  const appContext = useAppContext();
+  const setIndexing = useSearchContextSetIndexing();
+  const loadedExternalIndex = useSearchContextLoadedExternalIndex();
+  const { root: root2 } = useTheme();
+  const [indexState, setIndexState] = useState({
+    index: 0,
+    done: false
+  });
+  useEffect(() => {
+    return () => {
+      setIndexing(false);
+    };
+  }, [setIndexing]);
+  const navGroupUrls = useMemo(() => extractNavGroupUrls(NavPanel3), [NavPanel3]);
+  const pagesToIndex = useMemo(() => {
+    return Pages2?.children?.filter(
+      (child) => child.type === "Page" && // Ensure 'Page' matches your actual component type name
+      child.props?.url && // Ensure URL exists
+      !child.props.url.includes("*") && !child.props.url.includes(":") && !EXCLUDED_URL_PATTERNS.some((pattern) => pattern.test(child.props.url)) && child.props?.searchIndexable !== false && // explicit opt-out
+      !navGroupUrls.has(child.props.url)
+      // exclude NavGroup summary pages
+    ) || [];
+  }, [Pages2?.children, navGroupUrls]);
+  const [, startTransitionParent] = useTransition();
+  const handlePageIndexed = useCallback(() => {
+    startTransitionParent(() => {
+      setIndexState((prev) => {
+        const nextIndex = prev.index + 1;
+        return {
+          index: nextIndex,
+          done: nextIndex >= pagesToIndex.length
+        };
+      });
+    });
+  }, [pagesToIndex.length]);
+  if (!appContext.appGlobals?.searchIndexEnabled || indexState.done || loadedExternalIndex) {
+    return null;
+  }
+  const currentPageToProcess = pagesToIndex[indexState.index];
+  if (!currentPageToProcess) {
+    if (pagesToIndex.length === 0 && !indexState.done) {
+      setIndexState({ index: 0, done: true });
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsx(IndexerContext.Provider, { value: indexerContextValue, children: root2 && createPortal(
+    /* @__PURE__ */ jsx("div", { style: HIDDEN_STYLE$1, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+      PageIndexer,
+      {
+        Page: currentPageToProcess,
+        renderChild: renderChild2,
+        onIndexed: handlePageIndexed
+      },
+      currentPageToProcess.props?.url || indexState.index
+    ) }),
+    root2
+  ) });
+}
+function PageIndexer({ Page, renderChild: renderChild2, onIndexed }) {
+  const contentRef = useRef(null);
+  const pageUrl = Page.props?.url || "";
+  const navLabel = Page.props?.navLabel || "";
+  const searchContextUpdater = useSearchContextUpdater();
+  const [phase, setPhase] = useState("rendering");
+  const [, startTransition2] = useTransition();
+  useEffect(() => {
+    startTransition2(() => {
+      setPhase("rendering");
+    });
+  }, [pageUrl]);
+  useEffect(() => {
+    if (phase === "rendering" && contentRef.current) {
+      startTransition2(() => {
+        const currentContent = contentRef.current;
+        if (!currentContent) return;
+        setPhase("extracting");
+        const clone = currentContent.cloneNode(true);
+        const elementsToRemove = clone.querySelectorAll("style, script");
+        elementsToRemove.forEach((el) => el.remove());
+        const titleElement = clone.querySelector("h1");
+        const title2 = titleElement ? titleElement.innerText : navLabel || pageUrl.split("/").pop() || pageUrl;
+        titleElement?.remove();
+        const textContent = (clone.textContent || "").trim().replace(/\s+/g, " ");
+        const categoryBasedOnUrl = pageUrl.split("/").find((segment) => segment.length > 0) || "";
+        searchContextUpdater({
+          title: title2,
+          content: textContent,
+          path: pageUrl,
+          category: SEARCH_CATEGORIES.includes(categoryBasedOnUrl) ? categoryBasedOnUrl : SEARCH_DEFAULT_CATEGORY
+        });
+        onIndexed();
+        setPhase("done");
+      });
+    }
+  }, [phase, pageUrl, searchContextUpdater, onIndexed, navLabel]);
+  if (phase === "done") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { ref: contentRef, children: renderChild2(Page.children) });
+}
 const COMP$z = "App";
 const AppMd = createMetadata({
   status: "stable",
@@ -37826,7 +37872,7 @@ function AppNode({ node, extractValue, renderChild: renderChild2, classes, looku
       registerComponentApi,
       children: [
         renderChild2(restChildren, contentLayoutContext),
-        /* @__PURE__ */ jsx(SearchIndexCollector, { Pages: Pages2, renderChild: renderChild2 })
+        /* @__PURE__ */ jsx(SearchIndexCollector, { Pages: Pages2, NavPanel: NavPanel3, renderChild: renderChild2 })
       ]
     }
   );
@@ -43483,6 +43529,7 @@ const formBindingBehavior = {
         labelBreak: labelBreak2,
         enabled: enabled2,
         requireLabelMode,
+        className,
         layoutContext,
         children: node
       },
@@ -54446,9 +54493,10 @@ const Dialog = ({
   children,
   isOpen,
   onClose,
-  buttons
+  buttons,
+  width
 }) => {
-  return /* @__PURE__ */ jsxs(ThemedModalDialog, { onClose, isInitiallyOpen: isOpen, title: title2, children: [
+  return /* @__PURE__ */ jsxs(ThemedModalDialog, { onClose, isInitiallyOpen: isOpen, title: title2, style: width ? { width } : void 0, children: [
     /* @__PURE__ */ jsxs("div", { className: styles$4.dialogContent, children: [
       /* @__PURE__ */ jsx("div", { id: "dialogDesc", children: /* @__PURE__ */ jsx(ThemedText, { children: description }) }),
       children
@@ -54457,7 +54505,7 @@ const Dialog = ({
   ] });
 };
 const ConfirmationModalContext = React__default.createContext({
-  confirm: (_title, _message, _actionLabel, _cancelLabel) => Promise.resolve(false)
+  confirm: () => Promise.resolve(false)
 });
 const useConfirm = () => useContext(ConfirmationModalContext);
 function isTracingActive() {
@@ -54469,6 +54517,7 @@ const ConfirmationModalContextProvider = ({ children }) => {
   const [message, setMessage] = useState();
   const [cancelLabel, setCancelLabel] = useState("Cancel");
   const [buttons, setButtons] = useState([]);
+  const [width, setWidth] = useState();
   const resolver = useRef(null);
   const buttonsRef = useRef(null);
   useEffect(() => {
@@ -54482,7 +54531,25 @@ const ConfirmationModalContextProvider = ({ children }) => {
     }
   }, [showConfirmationModal]);
   const handleShow = useCallback(
-    (title22 = "Confirm Operation", message2 = "Are you sure you want to perform this operation?", actionLabel = "Yes", cancelLabel2 = "Cancel") => {
+    (titleOrOptions = "Confirm Operation", messageArg = "Are you sure you want to perform this operation?", actionLabelArg = "Yes", cancelLabelArg = "Cancel", widthArg) => {
+      let title22;
+      let message2;
+      let actionLabel;
+      let cancelLabel2;
+      let resolvedWidth;
+      if (typeof titleOrOptions === "object" && titleOrOptions !== null) {
+        title22 = titleOrOptions.title ?? "Confirm Operation";
+        message2 = titleOrOptions.message ?? "Are you sure you want to perform this operation?";
+        actionLabel = titleOrOptions.actionLabel ?? "Yes";
+        cancelLabel2 = titleOrOptions.cancelLabel ?? "Cancel";
+        resolvedWidth = titleOrOptions.width;
+      } else {
+        title22 = titleOrOptions;
+        message2 = messageArg;
+        actionLabel = actionLabelArg;
+        cancelLabel2 = cancelLabelArg;
+        resolvedWidth = widthArg;
+      }
       if (isTracingActive()) {
         const w = window;
         w._xsPendingConfirmTrace = w._xsCurrentTrace || w._xsLastInteraction?.id;
@@ -54504,6 +54571,7 @@ const ConfirmationModalContextProvider = ({ children }) => {
       setButtons([{ label: actionLabel, value: true }]);
       setMessage(message2);
       setCancelLabel(cancelLabel2);
+      setWidth(resolvedWidth);
       setShowConfirmationModal(true);
       return new Promise(function(resolve) {
         resolver.current = resolve;
@@ -54567,6 +54635,7 @@ const ConfirmationModalContextProvider = ({ children }) => {
         description: message,
         isOpen: true,
         onClose: handleCancel,
+        width,
         buttons: /* @__PURE__ */ jsxs(
           ThemedStack,
           {
@@ -55439,7 +55508,7 @@ function IconProvider({ children, icons }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.12.17";
+const version = "0.12.18";
 function createPubSubService() {
   const subscriptions = /* @__PURE__ */ new Map();
   const publishTopic = (topic, data) => {
@@ -59307,6 +59376,7 @@ const StateContainer = memo(
       ...node.vars,
       ...parsedScriptPart?.vars
     });
+    const parentFnDeps = useFnDeps();
     const functionDeps = useMemo(() => {
       const fnDeps = {};
       Object.entries(varDefinitions).forEach(([key, value]) => {
@@ -59316,8 +59386,11 @@ const StateContainer = memo(
           fnDeps[key] = collectVariableDependencies(value, referenceTrackedApi);
         }
       });
-      return collectFnVarDeps(fnDeps);
-    }, [referenceTrackedApi, varDefinitions]);
+      const localFnDeps = collectFnVarDeps(fnDeps);
+      if (Object.keys(parentFnDeps).length === 0) return localFnDeps;
+      if (Object.keys(localFnDeps).length === 0) return parentFnDeps;
+      return { ...parentFnDeps, ...localFnDeps };
+    }, [parentFnDeps, referenceTrackedApi, varDefinitions]);
     const preResolvedLocalVars = useVars(
       varDefinitions,
       functionDeps,