xmlui 0.9.34 → 0.9.36

package/dist/standalone/xmlui-standalone.umd.js

@@ -673,39 +673,42 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._container_rshqv_13 {
+._container_rso68_13 {
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: start;
   gap: 0.5em;
 }
-._container_rshqv_13._top_rshqv_20 {
+._container_rso68_13._top_rso68_20 {
   flex-direction: column;
   align-items: start;
   justify-content: center;
 }
-._container_rshqv_13._end_rshqv_25 {
+._container_rso68_13._end_rso68_25 {
   flex-direction: row-reverse;
   align-items: center;
   justify-content: start;
   gap: 0.5em;
 }
-._container_rshqv_13._bottom_rshqv_31 {
+._container_rso68_13._bottom_rso68_31 {
   flex-direction: column-reverse;
   align-items: start;
   justify-content: center;
 }
-._container_rshqv_13._start_rshqv_36 {
+._container_rso68_13._start_rso68_36 {
   flex-direction: row;
   align-items: center;
   justify-content: start;
   gap: 0.5em;
 }
-._container_rshqv_13._shrinkToLabel_rshqv_42 {
+._container_rso68_13._shrinkToLabel_rso68_42 {
   width: fit-content;
 }
-._container_rshqv_13 ._inputLabel_rshqv_45 {
+._container_rso68_13 ._itemWithLabel_rso68_45 {
+  width: 100%;
+}
+._container_rso68_13 ._inputLabel_rso68_48 {
   display: flex;
   color: var(--xmlui-textColor-FormItemLabel);
   font-family: var(--xmlui-fontFamily-FormItemLabel);
@@ -718,22 +721,22 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   word-break: normal;
   white-space: nowrap;
 }
-._container_rshqv_13 ._inputLabel_rshqv_45._disabled_rshqv_58 {
+._container_rso68_13 ._inputLabel_rso68_48._disabled_rso68_61 {
   cursor: not-allowed;
   color: var(--xmlui-textColor--disabled);
 }
-._container_rshqv_13 ._inputLabel_rshqv_45._labelBreak_rshqv_62 {
+._container_rso68_13 ._inputLabel_rso68_48._labelBreak_rso68_65 {
   white-space: normal;
   word-break: break-word;
 }
-._container_rshqv_13 ._inputLabel_rshqv_45._required_rshqv_66 {
+._container_rso68_13 ._inputLabel_rso68_48._required_rso68_69 {
   color: var(--xmlui-textColor-FormItemLabel-required);
   font-size: var(--xmlui-fontSize-FormItemLabel-required);
   font-weight: var(--xmlui-fontWeight-FormItemLabel-required);
   font-style: var(--xmlui-fontStyle-FormItemLabel-required);
   text-transform: var(--xmlui-textTransform-FormItemLabel-required);
 }
-._container_rshqv_13 ._inputLabel_rshqv_45 ._requiredMark_rshqv_73 {
+._container_rso68_13 ._inputLabel_rso68_48 ._requiredMark_rso68_76 {
   margin-left: 0.2em;
   color: var(--xmlui-textColor-FormItemLabel-requiredMark);
 }/*
@@ -809,7 +812,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._content_buj87_13._base_buj87_13 {
+._linkWrapper_9n0c1_13 {
+  outline: inherit;
+  text-decoration: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  position: relative;
+  flex-shrink: 0;
+  white-space: nowrap;
+  gap: var(--xmlui-space-2);
   border-left: var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)));
   border-right: var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)));
   border-top: var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)));
@@ -835,127 +847,91 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   padding-right: var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)));
   padding-top: var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)));
   padding-bottom: var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)));
-  outline: inherit;
-  text-decoration: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: var(--xmlui-space-2);
   font-size: var(--xmlui-fontSize-NavLink);
   font-weight: var(--xmlui-fontWeight-NavLink);
   font-family: var(--xmlui-fontFamily-NavLink);
   word-wrap: var(--xmlui-wordWrap-NavLink);
-  position: relative;
-  transition: color 0.1s, background-color 0.1s;
   color: var(--xmlui-textColor-NavLink);
   background-color: var(--xmlui-backgroundColor-NavLink);
-  flex-shrink: 0;
-  white-space: nowrap;
-}
-._content_buj87_13._base_buj87_13 ._icon_buj87_56 {
-  color: var(--xmlui-color-icon-NavLink);
+  transition: color 0.1s, background-color 0.1s;
 }
-._content_buj87_13._base_buj87_13 * {
+._linkWrapper_9n0c1_13 * {
   color: var(--xmlui-textColor-NavLink);
 }
-._content_buj87_13._base_buj87_13._includeHoverIndicator_buj87_62:after {
-  transition: color 0.1s, background-color 0.1s;
-  position: absolute;
-  left: 0.1em;
-  right: 0.1em;
-  bottom: 0;
-  height: var(--xmlui-thickness-indicator-NavLink);
-  border-radius: var(--xmlui-borderRadius-indicator-NavLink);
-  content: "";
-}
-._content_buj87_13._base_buj87_13:hover._displayActive_buj87_72, ._content_buj87_13._base_buj87_13:focus-visible {
-  color: var(--xmlui-textColor-NavLink--hover);
-  background-color: var(--xmlui-backgroundColor-NavLink--hover);
+._linkWrapper_9n0c1_13 ._icon_9n0c1_59 {
+  color: var(--xmlui-color-icon-NavLink);
 }
-._content_buj87_13._base_buj87_13:hover._displayActive_buj87_72 *, ._content_buj87_13._base_buj87_13:focus-visible * {
-  color: var(--xmlui-textColor-NavLink--hover);
+._linkWrapper_9n0c1_13._disabled_9n0c1_62 {
+  cursor: not-allowed;
+  color: var(--xmlui-textColor--disabled);
 }
-._content_buj87_13._base_buj87_13:hover._displayActive_buj87_72:after, ._content_buj87_13._base_buj87_13:focus-visible:after {
-  background-color: var(--xmlui-color-indicator-NavLink--hover);
+._linkWrapper_9n0c1_13._disabled_9n0c1_62 ._icon_9n0c1_59 {
+  color: var(--xmlui-textColor--disabled);
 }
-._content_buj87_13._base_buj87_13:focus-visible {
+._linkWrapper_9n0c1_13:focus-visible {
   outline-width: var(--xmlui-outlineWidth-NavLink--focus);
   outline-color: var(--xmlui-outlineColor-NavLink--focus);
   outline-style: var(--xmlui-outlineStyle-NavLink--focus);
   outline-offset: var(--xmlui-outlineOffset-NavLink--focus);
 }
-._content_buj87_13._base_buj87_13[role=menuitem] {
+._linkWrapper_9n0c1_13[role=menuitem] {
   outline: none;
 }
-._content_buj87_13._base_buj87_13[role=menuitem]:not(:hover):focus-visible {
+._linkWrapper_9n0c1_13[role=menuitem]:not(:hover):focus-visible {
   outline-width: var(--xmlui-outlineWidth-NavLink--focus);
   outline-color: var(--xmlui-outlineColor-NavLink--focus);
   outline-style: var(--xmlui-outlineStyle-NavLink--focus);
   outline-offset: var(--xmlui-outlineOffset-NavLink--focus);
 }
-._content_buj87_13._base_buj87_13:active._displayActive_buj87_72 {
-  color: var(--xmlui-textColor-NavLink--pressed);
-  background-color: var(--xmlui-backgroundColor-NavLink--pressed);
-  font-weight: var(--xmlui-fontWeight-NavLink--pressed);
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:after {
+  transition: color 0.1s, background-color 0.1s;
+  position: absolute;
+  left: 0.1em;
+  right: 0.1em;
+  bottom: 0;
+  height: var(--xmlui-thickness-indicator-NavLink);
+  border-radius: var(--xmlui-borderRadius-indicator-NavLink);
+  content: "";
+}
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84._vertical_9n0c1_94:after {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: auto;
+  width: var(--xmlui-thickness-indicator-NavLink);
+  height: auto;
+}
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):hover, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):hover {
+  color: var(--xmlui-textColor-NavLink--hover);
+  background-color: var(--xmlui-backgroundColor-NavLink--hover);
 }
-._content_buj87_13._base_buj87_13:active._displayActive_buj87_72 * {
-  font-weight: var(--xmlui-fontWeight-NavLink--pressed);
-  color: var(--xmlui-textColor-NavLink--pressed);
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):hover *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):hover * {
+  color: var(--xmlui-textColor-NavLink--hover);
 }
-._content_buj87_13._base_buj87_13:active._displayActive_buj87_72:after {
-  background-color: var(--xmlui-color-indicator-NavLink--pressed);
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):hover:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):hover:after {
+  background-color: var(--xmlui-color-indicator-NavLink--hover);
 }
-._content_buj87_13._base_buj87_13._navItemActive_buj87_109 {
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112 {
   color: var(--xmlui-textColor-NavLink--active);
   background-color: var(--xmlui-backgroundColor-NavLink--active);
   font-weight: var(--xmlui-fontWeight-NavLink--active);
 }
-._content_buj87_13._base_buj87_13._navItemActive_buj87_109 * {
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112 *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112 * {
   font-weight: var(--xmlui-fontWeight-NavLink--active);
   color: var(--xmlui-textColor-NavLink--active);
 }
-._content_buj87_13._base_buj87_13._navItemActive_buj87_109 > * {
-  z-index: 1;
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112:after {
+  background-color: var(--xmlui-color-indicator-NavLink--active);
 }
-._content_buj87_13._base_buj87_13._navItemActive_buj87_109:hover {
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active:hover, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active:hover, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112:hover, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112:hover {
   color: var(--xmlui-textColor-NavLink--hover--active);
   background-color: var(--xmlui-backgroundColor-NavLink--hover--active);
 }
-._content_buj87_13._base_buj87_13._navItemActive_buj87_109:hover * {
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active:hover *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active:hover *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112:hover *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112:hover * {
   color: var(--xmlui-textColor-NavLink--hover--active);
 }
-._content_buj87_13._base_buj87_13._navItemActive_buj87_109:after {
-  z-index: 0;
-  background-color: var(--xmlui-color-indicator-NavLink--active);
-}
-._content_buj87_13._base_buj87_13._navItemActive_buj87_109:active {
-  color: var(--xmlui-textColor-NavLink--pressed--active);
-  background-color: var(--xmlui-backgroundColor-NavLink--pressed--active);
-  font-weight: var(--xmlui-fontWeight-NavLink--pressed);
-}
-._content_buj87_13._base_buj87_13._navItemActive_buj87_109:active * {
-  font-weight: var(--xmlui-fontWeight-NavLink--pressed);
-  color: var(--xmlui-textColor-NavLink--pressed--active);
-}
-._content_buj87_13._base_buj87_13._navItemActive_buj87_109:active:after {
-  background-color: var(--xmlui-color-indicator-NavLink--pressed);
-}
-._content_buj87_13._base_buj87_13._disabled_buj87_144 {
-  cursor: not-allowed;
-  color: var(--xmlui-textColor--disabled);
-}
-._content_buj87_13._base_buj87_13._vertical_buj87_148:after {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: auto;
-  width: var(--xmlui-thickness-indicator-NavLink);
-  height: auto;
-  border-radius: var(--xmlui-borderRadius-indicator-NavLink);
-}
-._content_buj87_13._base_buj87_13._indented_buj87_157 {
-  padding-left: 2.4em;
-  flex-shrink: 0;
+._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:disabled._active_9n0c1_112:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84._disabled_9n0c1_62._active_9n0c1_112:after {
+  background-color: var(--xmlui-textColor--disabled);
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
  *
@@ -18047,7 +18023,7 @@ li .htmlOl {
       });
     }
   }
-  var define_process_env_default$a = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.34 (built 5/19/2025)" };
+  var define_process_env_default$a = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.36 (built 5/20/2025)" };
   class Mutation extends Removable {
     constructor(config) {
       super();
@@ -19993,7 +19969,7 @@ ${error2.errorObject}`;
     throw errorToThrow ?? error2;
   }
   const themeVars$R = '"[]"';
-  const base$2 = "_base_724s4_13";
+  const base$1 = "_base_724s4_13";
   const hoverContainer = "_hoverContainer_724s4_22";
   const handlesClick = "_handlesClick_724s4_35";
   const vertical$7 = "_vertical_724s4_39";
@@ -20010,7 +19986,7 @@ ${error2.errorObject}`;
   const alignItemsBaseline = "_alignItemsBaseline_724s4_88";
   const styles$12 = {
     themeVars: themeVars$R,
-    base: base$2,
+    base: base$1,
     hoverContainer,
     handlesClick,
     vertical: vertical$7,
@@ -29726,17 +29702,18 @@ ${error2.errorObject}`;
     return element2.props.ref || element2.ref;
   }
   const themeVars$M = `'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)", "fontFamily-FormItemLabel": "var(--xmlui-fontFamily-FormItemLabel)", "fontSize-FormItemLabel": "var(--xmlui-fontSize-FormItemLabel)", "fontWeight-FormItemLabel": "var(--xmlui-fontWeight-FormItemLabel)", "fontStyle-FormItemLabel": "var(--xmlui-fontStyle-FormItemLabel)", "textTransform-FormItemLabel": "var(--xmlui-textTransform-FormItemLabel)", "textColor-FormItemLabel-required": "var(--xmlui-textColor-FormItemLabel-required)", "fontSize-FormItemLabel-required": "var(--xmlui-fontSize-FormItemLabel-required)", "fontWeight-FormItemLabel-required": "var(--xmlui-fontWeight-FormItemLabel-required)", "fontStyle-FormItemLabel-required": "var(--xmlui-fontStyle-FormItemLabel-required)", "textTransform-FormItemLabel-required": "var(--xmlui-textTransform-FormItemLabel-required)", "textColor-FormItemLabel-requiredMark": "var(--xmlui-textColor-FormItemLabel-requiredMark)"}'`;
-  const container$3 = "_container_rshqv_13";
-  const top$2 = "_top_rshqv_20";
-  const end$1 = "_end_rshqv_25";
-  const bottom$2 = "_bottom_rshqv_31";
-  const start$1 = "_start_rshqv_36";
-  const shrinkToLabel = "_shrinkToLabel_rshqv_42";
-  const inputLabel = "_inputLabel_rshqv_45";
-  const disabled$8 = "_disabled_rshqv_58";
-  const labelBreak = "_labelBreak_rshqv_62";
-  const required = "_required_rshqv_66";
-  const requiredMark = "_requiredMark_rshqv_73";
+  const container$3 = "_container_rso68_13";
+  const top$2 = "_top_rso68_20";
+  const end$1 = "_end_rso68_25";
+  const bottom$2 = "_bottom_rso68_31";
+  const start$1 = "_start_rso68_36";
+  const shrinkToLabel = "_shrinkToLabel_rso68_42";
+  const itemWithLabel = "_itemWithLabel_rso68_45";
+  const inputLabel = "_inputLabel_rso68_48";
+  const disabled$8 = "_disabled_rso68_61";
+  const labelBreak = "_labelBreak_rso68_65";
+  const required = "_required_rso68_69";
+  const requiredMark = "_requiredMark_rso68_76";
   const styles$$ = {
     themeVars: themeVars$M,
     container: container$3,
@@ -29745,6 +29722,7 @@ ${error2.errorObject}`;
     bottom: bottom$2,
     start: start$1,
     shrinkToLabel,
+    itemWithLabel,
     inputLabel,
     disabled: disabled$8,
     labelBreak,
@@ -29807,7 +29785,7 @@ ${error2.errorObject}`;
     if (label2 === void 0 && !validationResult) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Slot$4, { style: style2, id: inputId, ref, children });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: style2, ref, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: style2, ref, className: styles$$.itemWithLabel, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
@@ -30246,25 +30224,21 @@ ${error2.errorObject}`;
       );
     }
   );
-  const themeVars$K = `'{"padding-NavLink": "var(--xmlui-padding-NavLink)", "paddingHorizontal-NavLink": "var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink))", "paddingVertical-NavLink": "var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink))", "paddingLeft-NavLink": "var(--xmlui-paddingLeft-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingRight-NavLink": "var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingTop-NavLink": "var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "paddingBottom-NavLink": "var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "border-NavLink": "var(--xmlui-border-NavLink)", "borderHorizontal-NavLink": "var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink))", "borderVertical-NavLink": "var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink))", "borderLeft-NavLink": "var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderRight-NavLink": "var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderTop-NavLink": "var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderBottom-NavLink": "var(--xmlui-borderBottom-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderWidth-NavLink": "var(--xmlui-borderWidth-NavLink)", "borderHorizontalWidth-NavLink": "var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderLeftWidth-NavLink": "var(--xmlui-borderLeftWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderRightWidth-NavLink": "var(--xmlui-borderRightWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderVerticalWidth-NavLink": "var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderTopWidth-NavLink": "var(--xmlui-borderTopWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderBottomWidth-NavLink": "var(--xmlui-borderBottomWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderStyle-NavLink": "var(--xmlui-borderStyle-NavLink)", "borderHorizontalStyle-NavLink": "var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderLeftStyle-NavLink": "var(--xmlui-borderLeftStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderRightStyle-NavLink": "var(--xmlui-borderRightStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderVerticalStyle-NavLink": "var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderTopStyle-NavLink": "var(--xmlui-borderTopStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderBottomStyle-NavLink": "var(--xmlui-borderBottomStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderColor-NavLink": "var(--xmlui-borderColor-NavLink)", "borderHorizontalColor-NavLink": "var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderLeftColor-NavLink": "var(--xmlui-borderLeftColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRightColor-NavLink": "var(--xmlui-borderRightColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderVerticalColor-NavLink": "var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderTopColor-NavLink": "var(--xmlui-borderTopColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderBottomColor-NavLink": "var(--xmlui-borderBottomColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderStartStartRadius-NavLink": "var(--xmlui-borderStartStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderStartEndRadius-NavLink": "var(--xmlui-borderStartEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndStartRadius-NavLink": "var(--xmlui-borderEndStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndEndRadius-NavLink": "var(--xmlui-borderEndEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "backgroundColor-NavLink": "var(--xmlui-backgroundColor-NavLink)", "backgroundColor-NavLink--hover": "var(--xmlui-backgroundColor-NavLink--hover)", "backgroundColor-NavLink--hover--active": "var(--xmlui-backgroundColor-NavLink--hover--active)", "backgroundColor-NavLink--active": "var(--xmlui-backgroundColor-NavLink--active)", "backgroundColor-NavLink--pressed": "var(--xmlui-backgroundColor-NavLink--pressed)", "backgroundColor-NavLink--pressed--active": "var(--xmlui-backgroundColor-NavLink--pressed--active)", "fontSize-NavLink": "var(--xmlui-fontSize-NavLink)", "wordWrap-NavLink": "var(--xmlui-wordWrap-NavLink)", "textColor-NavLink": "var(--xmlui-textColor-NavLink)", "textColor-NavLink--hover": "var(--xmlui-textColor-NavLink--hover)", "textColor-NavLink--active": "var(--xmlui-textColor-NavLink--active)", "textColor-NavLink--hover--active": "var(--xmlui-textColor-NavLink--hover--active)", "textColor-NavLink--pressed": "var(--xmlui-textColor-NavLink--pressed)", "textColor-NavLink--pressed--active": "var(--xmlui-textColor-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "fontFamily-NavLink": "var(--xmlui-fontFamily-NavLink)", "fontWeight-NavLink": "var(--xmlui-fontWeight-NavLink)", "fontWeight-NavLink--pressed": "var(--xmlui-fontWeight-NavLink--pressed)", "fontWeight-NavLink--active": "var(--xmlui-fontWeight-NavLink--active)", "borderRadius-indicator-NavLink": "var(--xmlui-borderRadius-indicator-NavLink)", "thickness-indicator-NavLink": "var(--xmlui-thickness-indicator-NavLink)", "color-indicator-NavLink": "var(--xmlui-color-indicator-NavLink)", "color-indicator-NavLink--hover": "var(--xmlui-color-indicator-NavLink--hover)", "color-indicator-NavLink--active": "var(--xmlui-color-indicator-NavLink--active)", "color-indicator-NavLink--pressed": "var(--xmlui-color-indicator-NavLink--pressed)", "outlineWidth-NavLink--focus": "var(--xmlui-outlineWidth-NavLink--focus)", "outlineColor-NavLink--focus": "var(--xmlui-outlineColor-NavLink--focus)", "outlineStyle-NavLink--focus": "var(--xmlui-outlineStyle-NavLink--focus)", "outlineOffset-NavLink--focus": "var(--xmlui-outlineOffset-NavLink--focus)"}'`;
-  const content$5 = "_content_buj87_13";
-  const base$1 = "_base_buj87_13";
-  const icon$2 = "_icon_buj87_56";
-  const includeHoverIndicator = "_includeHoverIndicator_buj87_62";
-  const displayActive = "_displayActive_buj87_72";
-  const navItemActive = "_navItemActive_buj87_109";
-  const disabled$7 = "_disabled_buj87_144";
-  const vertical$6 = "_vertical_buj87_148";
+  const themeVars$K = `'{"padding-NavLink": "var(--xmlui-padding-NavLink)", "paddingHorizontal-NavLink": "var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink))", "paddingVertical-NavLink": "var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink))", "paddingLeft-NavLink": "var(--xmlui-paddingLeft-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingRight-NavLink": "var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingTop-NavLink": "var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "paddingBottom-NavLink": "var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "border-NavLink": "var(--xmlui-border-NavLink)", "borderHorizontal-NavLink": "var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink))", "borderVertical-NavLink": "var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink))", "borderLeft-NavLink": "var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderRight-NavLink": "var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderTop-NavLink": "var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderBottom-NavLink": "var(--xmlui-borderBottom-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderWidth-NavLink": "var(--xmlui-borderWidth-NavLink)", "borderHorizontalWidth-NavLink": "var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderLeftWidth-NavLink": "var(--xmlui-borderLeftWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderRightWidth-NavLink": "var(--xmlui-borderRightWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderVerticalWidth-NavLink": "var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderTopWidth-NavLink": "var(--xmlui-borderTopWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderBottomWidth-NavLink": "var(--xmlui-borderBottomWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderStyle-NavLink": "var(--xmlui-borderStyle-NavLink)", "borderHorizontalStyle-NavLink": "var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderLeftStyle-NavLink": "var(--xmlui-borderLeftStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderRightStyle-NavLink": "var(--xmlui-borderRightStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderVerticalStyle-NavLink": "var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderTopStyle-NavLink": "var(--xmlui-borderTopStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderBottomStyle-NavLink": "var(--xmlui-borderBottomStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderColor-NavLink": "var(--xmlui-borderColor-NavLink)", "borderHorizontalColor-NavLink": "var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderLeftColor-NavLink": "var(--xmlui-borderLeftColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRightColor-NavLink": "var(--xmlui-borderRightColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderVerticalColor-NavLink": "var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderTopColor-NavLink": "var(--xmlui-borderTopColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderBottomColor-NavLink": "var(--xmlui-borderBottomColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderStartStartRadius-NavLink": "var(--xmlui-borderStartStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderStartEndRadius-NavLink": "var(--xmlui-borderStartEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndStartRadius-NavLink": "var(--xmlui-borderEndStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndEndRadius-NavLink": "var(--xmlui-borderEndEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "outlineWidth-NavLink--focus": "var(--xmlui-outlineWidth-NavLink--focus)", "outlineColor-NavLink--focus": "var(--xmlui-outlineColor-NavLink--focus)", "outlineStyle-NavLink--focus": "var(--xmlui-outlineStyle-NavLink--focus)", "outlineOffset-NavLink--focus": "var(--xmlui-outlineOffset-NavLink--focus)", "fontFamily-NavLink": "var(--xmlui-fontFamily-NavLink)", "fontWeight-NavLink": "var(--xmlui-fontWeight-NavLink)", "fontWeight-NavLink--pressed": "var(--xmlui-fontWeight-NavLink--pressed)", "fontWeight-NavLink--active": "var(--xmlui-fontWeight-NavLink--active)", "fontSize-NavLink": "var(--xmlui-fontSize-NavLink)", "wordWrap-NavLink": "var(--xmlui-wordWrap-NavLink)", "backgroundColor-NavLink": "var(--xmlui-backgroundColor-NavLink)", "backgroundColor-NavLink--hover": "var(--xmlui-backgroundColor-NavLink--hover)", "backgroundColor-NavLink--active": "var(--xmlui-backgroundColor-NavLink--active)", "backgroundColor-NavLink--pressed": "var(--xmlui-backgroundColor-NavLink--pressed)", "textColor-NavLink": "var(--xmlui-textColor-NavLink)", "textColor-NavLink--hover": "var(--xmlui-textColor-NavLink--hover)", "textColor-NavLink--active": "var(--xmlui-textColor-NavLink--active)", "textColor-NavLink--hover--active": "var(--xmlui-textColor-NavLink--hover--active)", "textColor-NavLink--pressed": "var(--xmlui-textColor-NavLink--pressed)", "textColor-NavLink--pressed--active": "var(--xmlui-textColor-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "color-indicator-NavLink": "var(--xmlui-color-indicator-NavLink)", "color-indicator-NavLink--hover": "var(--xmlui-color-indicator-NavLink--hover)", "color-indicator-NavLink--active": "var(--xmlui-color-indicator-NavLink--active)", "backgroundColor-NavLink--hover--active": "var(--xmlui-backgroundColor-NavLink--hover--active)", "color-indicator-NavLink--pressed": "var(--xmlui-color-indicator-NavLink--pressed)", "backgroundColor-NavLink--pressed--active": "var(--xmlui-backgroundColor-NavLink--pressed--active)", "thickness-indicator-NavLink": "var(--xmlui-thickness-indicator-NavLink)", "borderRadius-indicator-NavLink": "var(--xmlui-borderRadius-indicator-NavLink)"}'`;
+  const linkWrapper = "_linkWrapper_9n0c1_13";
+  const icon$2 = "_icon_9n0c1_59";
+  const disabled$7 = "_disabled_9n0c1_62";
+  const displayIndicator = "_displayIndicator_9n0c1_84";
+  const vertical$6 = "_vertical_9n0c1_94";
+  const active$4 = "_active_9n0c1_112";
   const navLinkStyles = {
     themeVars: themeVars$K,
-    content: content$5,
-    base: base$1,
+    linkWrapper,
     icon: icon$2,
-    includeHoverIndicator,
-    displayActive,
-    navItemActive,
     disabled: disabled$7,
-    vertical: vertical$6
+    displayIndicator,
+    vertical: vertical$6,
+    active: active$4
   };
   const themeVars$J = `'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`;
   const base = "_base_13qtg_13";
@@ -37744,16 +37718,24 @@ ${error2.errorObject}`;
     disabled: disabled2,
     to: to2,
     sx = {},
-    displayActive: displayActive2 = true,
+    displayActive = true,
+    forceActive,
     vertical: vertical2,
     style: style2,
     onClick,
     icon: icon2,
-    forceActive,
     ...rest
   }, ref) {
     const appLayoutContext = useAppLayoutContext();
     const navPanelContext = reactExports.useContext(NavPanelContext);
+    const [isClicked, setIsClicked] = reactExports.useState(false);
+    const onClickForButton = reactExports.useCallback(
+      (event) => {
+        setIsClicked((last2) => !last2);
+        onClick == null ? void 0 : onClick(event);
+      },
+      [onClick]
+    );
     let safeVertical = vertical2;
     if (appLayoutContext && safeVertical === void 0) {
       safeVertical = getAppLayoutOrientation(appLayoutContext.layout) === "vertical" || (navPanelContext == null ? void 0 : navPanelContext.inDrawer);
@@ -37764,21 +37746,23 @@ ${error2.errorObject}`;
       }
     }, [to2]);
     const styleObj = { ...sx, ...style2 };
-    const baseClasses = classnames(navLinkStyles.content, navLinkStyles.base, {
+    const sharedClasses = classnames(navLinkStyles.linkWrapper, {
       [navLinkStyles.disabled]: disabled2,
       [navLinkStyles.vertical]: safeVertical,
-      [navLinkStyles.includeHoverIndicator]: displayActive2,
-      [navLinkStyles.navItemActive]: displayActive2 && forceActive
+      [navLinkStyles.displayIndicator]: displayActive
     });
-    let content2;
+    let content2 = null;
     if (disabled2 || !smartTo) {
       content2 = /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
+          id: uid,
           ...rest,
           ref,
-          onClick,
-          className: baseClasses,
+          onClick: onClickForButton,
+          className: classnames(sharedClasses, {
+            [navLinkStyles.active]: displayActive && (isClicked || forceActive)
+          }),
           style: styleObj,
           disabled: disabled2,
           children: [
@@ -37797,9 +37781,8 @@ ${error2.errorObject}`;
           to: smartTo,
           style: styleObj,
           onClick,
-          className: ({ isActive }) => classnames(baseClasses, {
-            [navLinkStyles.displayActive]: displayActive2,
-            [navLinkStyles.navItemActive]: displayActive2 && (isActive || forceActive)
+          className: ({ isActive }) => classnames(sharedClasses, {
+            [navLinkStyles.active]: displayActive && (isActive || forceActive)
           }),
           children: [
             icon2,
@@ -101004,6 +100987,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     icon: icon2,
     renderChild: renderChild2,
     to: to2,
+    disabled: disabled2 = false,
     initiallyExpanded,
     iconHorizontalCollapsed,
     iconHorizontalExpanded,
@@ -101025,7 +101009,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         iconVerticalCollapsed: iconVerticalCollapsed ?? defaultProps$4.iconVerticalCollapsed,
         iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$4.iconVerticalExpanded
       };
-    }, [iconHorizontalCollapsed, iconHorizontalExpanded, iconVerticalCollapsed, iconVerticalExpanded, level]);
+    }, [
+      iconHorizontalCollapsed,
+      iconHorizontalExpanded,
+      iconVerticalCollapsed,
+      iconVerticalExpanded,
+      level
+    ]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(NavGroupContext.Provider, { value: navGroupContextValue, children: inline ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       ExpandableNavGroup,
       {
@@ -101036,7 +101026,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         node: node2,
         renderChild: renderChild2,
         ref,
-        initiallyExpanded
+        initiallyExpanded,
+        disabled: disabled2
       }
     ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       DropDownNavGroup,
@@ -101046,7 +101037,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         node: node2,
         renderChild: renderChild2,
         ref,
-        to: to2
+        to: to2,
+        disabled: disabled2
       }
     ) });
   });
@@ -101057,7 +101049,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     renderChild: renderChild2,
     node: node2,
     to: to2,
-    initiallyExpanded = false
+    initiallyExpanded = false,
+    disabled: disabled2 = false
   }, ref) {
     const { level, iconVerticalCollapsed, iconVerticalExpanded } = reactExports.useContext(NavGroupContext);
     const [expanded, setExpanded] = reactExports.useState(initiallyExpanded);
@@ -101066,11 +101059,21 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       paddingLeft: level >= 1 ? level * 2 + "em" : void 0
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(NavLink, { style: toggleStyle, onClick: () => setExpanded((prev) => !prev), icon: icon2, to: to2, children: [
-        label2,
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { name: expanded ? iconVerticalExpanded : iconVerticalCollapsed })
-      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        NavLink,
+        {
+          style: toggleStyle,
+          onClick: () => setExpanded((prev) => !prev),
+          icon: icon2,
+          to: to2,
+          disabled: disabled2,
+          children: [
+            label2,
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { name: expanded ? iconVerticalExpanded : iconVerticalCollapsed })
+          ]
+        }
+      ),
       expanded && renderChild2(node2.children, {
         wrapChild: ({ node: node22 }, renderedChild) => {
           if (node22.type === "NavLink") {
@@ -101094,7 +101097,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     icon: icon2,
     renderChild: renderChild2,
     node: node2,
-    to: to2
+    to: to2,
+    disabled: disabled2 = false
   }, ref) {
     const {
       level,
@@ -101114,7 +101118,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }
     const [expanded, setExpanded] = reactExports.useState(false);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper, { onOpenChange: (open) => setExpanded(open), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger3, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(NavLink, { icon: icon2, style: { flexShrink: 0 }, vertical: level >= 1, to: to2, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger3, { asChild: true, disabled: disabled2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(NavLink, { icon: icon2, style: { flexShrink: 0 }, vertical: level >= 1, to: to2, disabled: disabled2, children: [
         label2,
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
         level === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { name: expanded ? iconVerticalExpanded : iconVerticalCollapsed }),
@@ -101155,10 +101159,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   const COMP$B = "NavGroup";
   const NavGroupMd = createMetadata({
-    description: `The \`NavGroup\` component is a container for grouping related navigation targets (\`NavLink\` components). It can be displayed as a submenu in the App's UI.`,
+    description: `The \`${COMP$B}\` component is a container for grouping related navigation targets (\`NavLink\` components). It can be displayed as a submenu in the App's UI.`,
     props: {
       label: dLabel(),
       initiallyExpanded: d$5("This property defines whether the group is initially expanded or collapsed."),
+      enabled: dEnabled(),
       to: {
         description: `This property defines an optional navigation link.`,
         valueType: "string"
@@ -101203,6 +101208,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         NavGroup,
         {
           label: extractValue.asDisplayText(node2.props.label),
+          disabled: !extractValue.asOptionalBoolean(node2.props.enabled ?? true),
           to: extractValue.asOptionalString(node2.props.to),
           icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { name: extractValue.asString(node2.props.icon), className: navLinkStyles.icon }),
           node: node2,
@@ -132474,7 +132480,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function isResponseWithoutBody(status) {
     return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
   }
-  var define_process_env_default$6 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.34 (built 5/19/2025)" };
+  var define_process_env_default$6 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.36 (built 5/20/2025)" };
   var __defProp$7 = Object.defineProperty;
   var __export = (target2, all2) => {
     for (var name2 in all2)
@@ -156257,7 +156263,7 @@ If this message still persists after updating, please report an issue: https://g
       /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
     ] });
   }
-  const version = "0.9.34";
+  const version = "0.9.36";
   const miscellaneousUtils = {
     capitalize: capitalize$1,
     pluralize: pluralize$1,
@@ -161767,7 +161773,7 @@ If this message still persists after updating, please report an issue: https://g
       valueType: "boolean"
     }
   };
-  var define_process_env_default = { VITE_XMLUI_VERSION: "0.9.34 (built 5/19/2025)" };
+  var define_process_env_default = { VITE_XMLUI_VERSION: "0.9.36 (built 5/20/2025)" };
   const MAIN_FILE = "Main." + componentFileExtension;
   const MAIN_CODE_BEHIND_FILE = "Main." + codeBehindFileExtension;
   const CONFIG_FILE = "config.json";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmlui",
-  "version": "0.9.34",
+  "version": "0.9.36",
   "sideEffects": false,
   "scripts": {
     "start-test-bed": "cd src/testing/infrastructure && xmlui start",