xmlui 0.9.35 → 0.9.37

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);
 }/*
@@ -2506,7 +2509,7 @@ See this source for details: https://css-tricks.com/line-clampin/
  * 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.
  */
-._text_1qfdf_13 {
+._text_a71fu_13 {
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0;
@@ -2568,7 +2571,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-default);
   vertical-align: var(--xmlui-verticalAlign-Text-default);
 }
-._text_1qfdf_13._markdown_1qfdf_75 {
+._text_a71fu_13._markdown_a71fu_75 {
   padding: var(--xmlui-padding-Text-markdown);
   padding-left: var(--xmlui-paddingLeft-Text-markdown, var(--xmlui-paddingHorizontal-Text-markdown, var(--xmlui-padding-Text-markdown)));
   padding-right: var(--xmlui-paddingRight-Text-markdown, var(--xmlui-paddingHorizontal-Text-markdown, var(--xmlui-padding-Text-markdown)));
@@ -2625,7 +2628,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-markdown);
   vertical-align: var(--xmlui-verticalAlign-Text-markdown);
 }
-._text_1qfdf_13._abbr_1qfdf_132 {
+._text_a71fu_13._abbr_a71fu_132 {
   padding: var(--xmlui-padding-Text-abbr);
   padding-left: var(--xmlui-paddingLeft-Text-abbr, var(--xmlui-paddingHorizontal-Text-abbr, var(--xmlui-padding-Text-abbr)));
   padding-right: var(--xmlui-paddingRight-Text-abbr, var(--xmlui-paddingHorizontal-Text-abbr, var(--xmlui-padding-Text-abbr)));
@@ -2682,7 +2685,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-abbr);
   vertical-align: var(--xmlui-verticalAlign-Text-abbr);
 }
-._text_1qfdf_13._cite_1qfdf_189 {
+._text_a71fu_13._cite_a71fu_189 {
   padding: var(--xmlui-padding-Text-cite);
   padding-left: var(--xmlui-paddingLeft-Text-cite, var(--xmlui-paddingHorizontal-Text-cite, var(--xmlui-padding-Text-cite)));
   padding-right: var(--xmlui-paddingRight-Text-cite, var(--xmlui-paddingHorizontal-Text-cite, var(--xmlui-padding-Text-cite)));
@@ -2739,7 +2742,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-cite);
   vertical-align: var(--xmlui-verticalAlign-Text-cite);
 }
-._text_1qfdf_13._em_1qfdf_246 {
+._text_a71fu_13._em_a71fu_246 {
   padding: var(--xmlui-padding-Text-em);
   padding-left: var(--xmlui-paddingLeft-Text-em, var(--xmlui-paddingHorizontal-Text-em, var(--xmlui-padding-Text-em)));
   padding-right: var(--xmlui-paddingRight-Text-em, var(--xmlui-paddingHorizontal-Text-em, var(--xmlui-padding-Text-em)));
@@ -2796,12 +2799,12 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-em);
   vertical-align: var(--xmlui-verticalAlign-Text-em);
 }
-._text_1qfdf_13 ._text_1qfdf_13._codefence_1qfdf_303 {
+._text_a71fu_13 ._text_a71fu_13._codefence_a71fu_303 {
   display: block;
   margin-top: var(--xmlui-marginTop-Text-codefence);
   margin-bottom: var(--xmlui-marginBottom-Text-codefence);
 }
-:not(._text_1qfdf_13._codefence_1qfdf_303) > ._text_1qfdf_13._code_1qfdf_303, :not(._text_1qfdf_13._codefence_1qfdf_303) > ._textcode_1qfdf_308 {
+:not(._text_a71fu_13._codefence_a71fu_303) > ._text_a71fu_13._code_a71fu_303, :not(._text_a71fu_13._codefence_a71fu_303) > ._textcode_a71fu_308 {
   padding: var(--xmlui-padding-Text-code);
   padding-left: var(--xmlui-paddingLeft-Text-code, var(--xmlui-paddingHorizontal-Text-code, var(--xmlui-padding-Text-code)));
   padding-right: var(--xmlui-paddingRight-Text-code, var(--xmlui-paddingHorizontal-Text-code, var(--xmlui-padding-Text-code)));
@@ -2858,7 +2861,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-code);
   vertical-align: var(--xmlui-verticalAlign-Text-code);
 }
-._text_1qfdf_13._codefence_1qfdf_303:has(> ._text_1qfdf_13._code_1qfdf_303), ._text_1qfdf_13._codefence_1qfdf_303:has(> code) {
+._text_a71fu_13._codefence_a71fu_303:has(> ._text_a71fu_13._code_a71fu_303), ._text_a71fu_13._codefence_a71fu_303:has(> code) {
   padding: var(--xmlui-padding-Text-codefence);
   padding-left: var(--xmlui-paddingLeft-Text-codefence, var(--xmlui-paddingHorizontal-Text-codefence, var(--xmlui-padding-Text-codefence)));
   padding-right: var(--xmlui-paddingRight-Text-codefence, var(--xmlui-paddingHorizontal-Text-codefence, var(--xmlui-padding-Text-codefence)));
@@ -2916,31 +2919,30 @@ See this source for details: https://css-tricks.com/line-clampin/
   vertical-align: var(--xmlui-verticalAlign-Text-codefence);
   overflow-x: auto;
   text-overflow: initial;
-  font-size: var(--xmlui-fontSize-small);
   line-height: 1.4;
 }
-._text_1qfdf_13._codefence_1qfdf_303:has(> code > span) {
+._text_a71fu_13._codefence_a71fu_303:has(> code > span) {
   padding-inline: 0;
 }
-._text_1qfdf_13._codefence_1qfdf_303 > code > span:not([class*=numbered]) {
+._text_a71fu_13._codefence_a71fu_303 > code > span:not([class*=numbered]) {
   padding-inline: var(--xmlui-space-3);
 }
-._text_1qfdf_13._codefence_1qfdf_303 > code {
+._text_a71fu_13._codefence_a71fu_303 > code {
   white-space: pre-wrap;
   display: inline-block;
   width: 100%;
 }
-._text_1qfdf_13._codefence_1qfdf_303 > code::before {
+._text_a71fu_13._codefence_a71fu_303 > code::before {
   counter-reset: listing;
 }
-._text_1qfdf_13._codefence_1qfdf_303 > code > span {
+._text_a71fu_13._codefence_a71fu_303 > code > span {
   display: inline-block;
   width: 100%;
 }
-._text_1qfdf_13._codefence_1qfdf_303 > code > span[class*=numbered] {
+._text_a71fu_13._codefence_a71fu_303 > code > span[class*=numbered] {
   counter-increment: listing;
 }
-._text_1qfdf_13._codefence_1qfdf_303 > code > span[class*=numbered]::before {
+._text_a71fu_13._codefence_a71fu_303 > code > span[class*=numbered]::before {
   content: counter(listing);
   display: inline-block;
   width: var(--xmlui-space-12);
@@ -2950,7 +2952,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   text-align: right;
   color: var(--xmlui-textColor-secondary);
 }
-._text_1qfdf_13._deleted_1qfdf_457 {
+._text_a71fu_13._deleted_a71fu_456 {
   padding: var(--xmlui-padding-Text-deleted);
   padding-left: var(--xmlui-paddingLeft-Text-deleted, var(--xmlui-paddingHorizontal-Text-deleted, var(--xmlui-padding-Text-deleted)));
   padding-right: var(--xmlui-paddingRight-Text-deleted, var(--xmlui-paddingHorizontal-Text-deleted, var(--xmlui-padding-Text-deleted)));
@@ -3007,7 +3009,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-deleted);
   vertical-align: var(--xmlui-verticalAlign-Text-deleted);
 }
-._text_1qfdf_13._deleted_1qfdf_457::before, ._text_1qfdf_13._deleted_1qfdf_457::after {
+._text_a71fu_13._deleted_a71fu_456::before, ._text_a71fu_13._deleted_a71fu_456::after {
   clip-path: inset(100%);
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
@@ -3016,13 +3018,13 @@ See this source for details: https://css-tricks.com/line-clampin/
   white-space: nowrap;
   width: 1px;
 }
-._text_1qfdf_13._deleted_1qfdf_457::before {
+._text_a71fu_13._deleted_a71fu_456::before {
   content: " [deletion start] ";
 }
-._text_1qfdf_13._deleted_1qfdf_457::after {
+._text_a71fu_13._deleted_a71fu_456::after {
   content: " [deletion end] ";
 }
-._text_1qfdf_13._inserted_1qfdf_529 {
+._text_a71fu_13._inserted_a71fu_528 {
   padding: var(--xmlui-padding-Text-inserted);
   padding-left: var(--xmlui-paddingLeft-Text-inserted, var(--xmlui-paddingHorizontal-Text-inserted, var(--xmlui-padding-Text-inserted)));
   padding-right: var(--xmlui-paddingRight-Text-inserted, var(--xmlui-paddingHorizontal-Text-inserted, var(--xmlui-padding-Text-inserted)));
@@ -3079,7 +3081,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-inserted);
   vertical-align: var(--xmlui-verticalAlign-Text-inserted);
 }
-._text_1qfdf_13._inserted_1qfdf_529::before, ._text_1qfdf_13._inserted_1qfdf_529::after {
+._text_a71fu_13._inserted_a71fu_528::before, ._text_a71fu_13._inserted_a71fu_528::after {
   clip-path: inset(100%);
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
@@ -3088,13 +3090,13 @@ See this source for details: https://css-tricks.com/line-clampin/
   white-space: nowrap;
   width: 1px;
 }
-._text_1qfdf_13._inserted_1qfdf_529::before {
+._text_a71fu_13._inserted_a71fu_528::before {
   content: " [insertion start] ";
 }
-._text_1qfdf_13._inserted_1qfdf_529::after {
+._text_a71fu_13._inserted_a71fu_528::after {
   content: " [insertion end] ";
 }
-._text_1qfdf_13._keyboard_1qfdf_601 {
+._text_a71fu_13._keyboard_a71fu_600 {
   padding: var(--xmlui-padding-Text-keyboard);
   padding-left: var(--xmlui-paddingLeft-Text-keyboard, var(--xmlui-paddingHorizontal-Text-keyboard, var(--xmlui-padding-Text-keyboard)));
   padding-right: var(--xmlui-paddingRight-Text-keyboard, var(--xmlui-paddingHorizontal-Text-keyboard, var(--xmlui-padding-Text-keyboard)));
@@ -3151,7 +3153,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-keyboard);
   vertical-align: var(--xmlui-verticalAlign-Text-keyboard);
 }
-._text_1qfdf_13._marked_1qfdf_658 {
+._text_a71fu_13._marked_a71fu_657 {
   padding: var(--xmlui-padding-Text-marked);
   padding-left: var(--xmlui-paddingLeft-Text-marked, var(--xmlui-paddingHorizontal-Text-marked, var(--xmlui-padding-Text-marked)));
   padding-right: var(--xmlui-paddingRight-Text-marked, var(--xmlui-paddingHorizontal-Text-marked, var(--xmlui-padding-Text-marked)));
@@ -3208,7 +3210,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-marked);
   vertical-align: var(--xmlui-verticalAlign-Text-marked);
 }
-._text_1qfdf_13._marked_1qfdf_658::before, ._text_1qfdf_13._marked_1qfdf_658::after {
+._text_a71fu_13._marked_a71fu_657::before, ._text_a71fu_13._marked_a71fu_657::after {
   clip-path: inset(100%);
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
@@ -3217,13 +3219,13 @@ See this source for details: https://css-tricks.com/line-clampin/
   white-space: nowrap;
   width: 1px;
 }
-._text_1qfdf_13._marked_1qfdf_658::before {
+._text_a71fu_13._marked_a71fu_657::before {
   content: " [highlight start] ";
 }
-._text_1qfdf_13._marked_1qfdf_658::after {
+._text_a71fu_13._marked_a71fu_657::after {
   content: " [highlight end] ";
 }
-._text_1qfdf_13._mono_1qfdf_730 {
+._text_a71fu_13._mono_a71fu_729 {
   padding: var(--xmlui-padding-Text-mono);
   padding-left: var(--xmlui-paddingLeft-Text-mono, var(--xmlui-paddingHorizontal-Text-mono, var(--xmlui-padding-Text-mono)));
   padding-right: var(--xmlui-paddingRight-Text-mono, var(--xmlui-paddingHorizontal-Text-mono, var(--xmlui-padding-Text-mono)));
@@ -3280,7 +3282,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-mono);
   vertical-align: var(--xmlui-verticalAlign-Text-mono);
 }
-._text_1qfdf_13._sample_1qfdf_787 {
+._text_a71fu_13._sample_a71fu_786 {
   padding: var(--xmlui-padding-Text-sample);
   padding-left: var(--xmlui-paddingLeft-Text-sample, var(--xmlui-paddingHorizontal-Text-sample, var(--xmlui-padding-Text-sample)));
   padding-right: var(--xmlui-paddingRight-Text-sample, var(--xmlui-paddingHorizontal-Text-sample, var(--xmlui-padding-Text-sample)));
@@ -3337,7 +3339,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-sample);
   vertical-align: var(--xmlui-verticalAlign-Text-sample);
 }
-._text_1qfdf_13._sup_1qfdf_844 {
+._text_a71fu_13._sup_a71fu_843 {
   padding: var(--xmlui-padding-Text-sup);
   padding-left: var(--xmlui-paddingLeft-Text-sup, var(--xmlui-paddingHorizontal-Text-sup, var(--xmlui-padding-Text-sup)));
   padding-right: var(--xmlui-paddingRight-Text-sup, var(--xmlui-paddingHorizontal-Text-sup, var(--xmlui-padding-Text-sup)));
@@ -3394,7 +3396,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-sup);
   vertical-align: var(--xmlui-verticalAlign-Text-sup);
 }
-._text_1qfdf_13._sub_1qfdf_901 {
+._text_a71fu_13._sub_a71fu_900 {
   padding: var(--xmlui-padding-Text-sub);
   padding-left: var(--xmlui-paddingLeft-Text-sub, var(--xmlui-paddingHorizontal-Text-sub, var(--xmlui-padding-Text-sub)));
   padding-right: var(--xmlui-paddingRight-Text-sub, var(--xmlui-paddingHorizontal-Text-sub, var(--xmlui-padding-Text-sub)));
@@ -3451,7 +3453,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-sub);
   vertical-align: var(--xmlui-verticalAlign-Text-sub);
 }
-._text_1qfdf_13._var_1qfdf_958 {
+._text_a71fu_13._var_a71fu_957 {
   padding: var(--xmlui-padding-Text-var);
   padding-left: var(--xmlui-paddingLeft-Text-var, var(--xmlui-paddingHorizontal-Text-var, var(--xmlui-padding-Text-var)));
   padding-right: var(--xmlui-paddingRight-Text-var, var(--xmlui-paddingHorizontal-Text-var, var(--xmlui-padding-Text-var)));
@@ -3508,7 +3510,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-var);
   vertical-align: var(--xmlui-verticalAlign-Text-var);
 }
-._text_1qfdf_13._title_1qfdf_1015 {
+._text_a71fu_13._title_a71fu_1014 {
   padding: var(--xmlui-padding-Text-title);
   padding-left: var(--xmlui-paddingLeft-Text-title, var(--xmlui-paddingHorizontal-Text-title, var(--xmlui-padding-Text-title)));
   padding-right: var(--xmlui-paddingRight-Text-title, var(--xmlui-paddingHorizontal-Text-title, var(--xmlui-padding-Text-title)));
@@ -3565,7 +3567,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-title);
   vertical-align: var(--xmlui-verticalAlign-Text-title);
 }
-._text_1qfdf_13._subtitle_1qfdf_1072 {
+._text_a71fu_13._subtitle_a71fu_1071 {
   padding: var(--xmlui-padding-Text-subtitle);
   padding-left: var(--xmlui-paddingLeft-Text-subtitle, var(--xmlui-paddingHorizontal-Text-subtitle, var(--xmlui-padding-Text-subtitle)));
   padding-right: var(--xmlui-paddingRight-Text-subtitle, var(--xmlui-paddingHorizontal-Text-subtitle, var(--xmlui-padding-Text-subtitle)));
@@ -3622,7 +3624,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-subtitle);
   vertical-align: var(--xmlui-verticalAlign-Text-subtitle);
 }
-._text_1qfdf_13._small_1qfdf_1129 {
+._text_a71fu_13._small_a71fu_1128 {
   padding: var(--xmlui-padding-Text-small);
   padding-left: var(--xmlui-paddingLeft-Text-small, var(--xmlui-paddingHorizontal-Text-small, var(--xmlui-padding-Text-small)));
   padding-right: var(--xmlui-paddingRight-Text-small, var(--xmlui-paddingHorizontal-Text-small, var(--xmlui-padding-Text-small)));
@@ -3679,7 +3681,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-small);
   vertical-align: var(--xmlui-verticalAlign-Text-small);
 }
-._text_1qfdf_13._caption_1qfdf_1186 {
+._text_a71fu_13._caption_a71fu_1185 {
   padding: var(--xmlui-padding-Text-caption);
   padding-left: var(--xmlui-paddingLeft-Text-caption, var(--xmlui-paddingHorizontal-Text-caption, var(--xmlui-padding-Text-caption)));
   padding-right: var(--xmlui-paddingRight-Text-caption, var(--xmlui-paddingHorizontal-Text-caption, var(--xmlui-padding-Text-caption)));
@@ -3736,7 +3738,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-caption);
   vertical-align: var(--xmlui-verticalAlign-Text-caption);
 }
-._text_1qfdf_13._placeholder_1qfdf_1243 {
+._text_a71fu_13._placeholder_a71fu_1242 {
   padding: var(--xmlui-padding-Text-placeholder);
   padding-left: var(--xmlui-paddingLeft-Text-placeholder, var(--xmlui-paddingHorizontal-Text-placeholder, var(--xmlui-padding-Text-placeholder)));
   padding-right: var(--xmlui-paddingRight-Text-placeholder, var(--xmlui-paddingHorizontal-Text-placeholder, var(--xmlui-padding-Text-placeholder)));
@@ -3793,7 +3795,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-placeholder);
   vertical-align: var(--xmlui-verticalAlign-Text-placeholder);
 }
-._text_1qfdf_13._paragraph_1qfdf_1300 {
+._text_a71fu_13._paragraph_a71fu_1299 {
   padding: var(--xmlui-padding-Text-paragraph);
   padding-left: var(--xmlui-paddingLeft-Text-paragraph, var(--xmlui-paddingHorizontal-Text-paragraph, var(--xmlui-padding-Text-paragraph)));
   padding-right: var(--xmlui-paddingRight-Text-paragraph, var(--xmlui-paddingHorizontal-Text-paragraph, var(--xmlui-padding-Text-paragraph)));
@@ -3850,7 +3852,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-paragraph);
   vertical-align: var(--xmlui-verticalAlign-Text-paragraph);
 }
-._text_1qfdf_13._subheading_1qfdf_1357 {
+._text_a71fu_13._subheading_a71fu_1356 {
   padding: var(--xmlui-padding-Text-subheading);
   padding-left: var(--xmlui-paddingLeft-Text-subheading, var(--xmlui-paddingHorizontal-Text-subheading, var(--xmlui-padding-Text-subheading)));
   padding-right: var(--xmlui-paddingRight-Text-subheading, var(--xmlui-paddingHorizontal-Text-subheading, var(--xmlui-padding-Text-subheading)));
@@ -3907,7 +3909,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-subheading);
   vertical-align: var(--xmlui-verticalAlign-Text-subheading);
 }
-._text_1qfdf_13._tableheading_1qfdf_1414 {
+._text_a71fu_13._tableheading_a71fu_1413 {
   padding: var(--xmlui-padding-Text-tableheading);
   padding-left: var(--xmlui-paddingLeft-Text-tableheading, var(--xmlui-paddingHorizontal-Text-tableheading, var(--xmlui-padding-Text-tableheading)));
   padding-right: var(--xmlui-paddingRight-Text-tableheading, var(--xmlui-paddingHorizontal-Text-tableheading, var(--xmlui-padding-Text-tableheading)));
@@ -3964,7 +3966,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-tableheading);
   vertical-align: var(--xmlui-verticalAlign-Text-tableheading);
 }
-._text_1qfdf_13._secondary_1qfdf_1471 {
+._text_a71fu_13._secondary_a71fu_1470 {
   padding: var(--xmlui-padding-Text-secondary);
   padding-left: var(--xmlui-paddingLeft-Text-secondary, var(--xmlui-paddingHorizontal-Text-secondary, var(--xmlui-padding-Text-secondary)));
   padding-right: var(--xmlui-paddingRight-Text-secondary, var(--xmlui-paddingHorizontal-Text-secondary, var(--xmlui-padding-Text-secondary)));
@@ -4021,7 +4023,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin-right: var(--xmlui-marginRight-Text-secondary);
   vertical-align: var(--xmlui-verticalAlign-Text-secondary);
 }
-._text_1qfdf_13._strong_1qfdf_1528 {
+._text_a71fu_13._strong_a71fu_1527 {
   font-weight: var(--xmlui-fontWeight-bold);
 }
 
@@ -4029,18 +4031,18 @@ See this source for details: https://css-tricks.com/line-clampin/
 This is a Chromium based solution that is supported by most modern browsers.
 See this source for details: https://css-tricks.com/line-clampin/
 */
-._truncateOverflow_1qfdf_1536 {
+._truncateOverflow_a71fu_1535 {
   overflow: hidden;
   overflow-wrap: break-word;
   white-space: nowrap;
   max-width: 100%;
 }
 
-._preserveLinebreaks_1qfdf_1543 {
+._preserveLinebreaks_a71fu_1542 {
   white-space: pre-wrap;
 }
 
-._noEllipsis_1qfdf_1547 {
+._noEllipsis_a71fu_1546 {
   text-overflow: clip;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -18020,7 +18022,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.35 (built 5/20/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.37 (built 5/21/2025)" };
   class Mutation extends Removable {
     constructor(config) {
       super();
@@ -29699,17 +29701,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,
@@ -29718,6 +29721,7 @@ ${error2.errorObject}`;
     bottom: bottom$2,
     start: start$1,
     shrinkToLabel,
+    itemWithLabel,
     inputLabel,
     disabled: disabled$8,
     labelBreak,
@@ -29780,7 +29784,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",
         {
@@ -46968,35 +46972,35 @@ ${error2.errorObject}`;
     }
   );
   const themeVars$B = `'{"marginTop-Text-default": "var(--xmlui-marginTop-Text-default)", "marginBottom-Text-default": "var(--xmlui-marginBottom-Text-default)", "marginLeft-Text-default": "var(--xmlui-marginLeft-Text-default)", "marginRight-Text-default": "var(--xmlui-marginRight-Text-default)", "verticalAlign-Text-default": "var(--xmlui-verticalAlign-Text-default)", "marginTop-Text-markdown": "var(--xmlui-marginTop-Text-markdown)", "marginBottom-Text-markdown": "var(--xmlui-marginBottom-Text-markdown)", "marginLeft-Text-markdown": "var(--xmlui-marginLeft-Text-markdown)", "marginRight-Text-markdown": "var(--xmlui-marginRight-Text-markdown)", "verticalAlign-Text-markdown": "var(--xmlui-verticalAlign-Text-markdown)", "marginTop-Text-abbr": "var(--xmlui-marginTop-Text-abbr)", "marginBottom-Text-abbr": "var(--xmlui-marginBottom-Text-abbr)", "marginLeft-Text-abbr": "var(--xmlui-marginLeft-Text-abbr)", "marginRight-Text-abbr": "var(--xmlui-marginRight-Text-abbr)", "verticalAlign-Text-abbr": "var(--xmlui-verticalAlign-Text-abbr)", "marginTop-Text-cite": "var(--xmlui-marginTop-Text-cite)", "marginBottom-Text-cite": "var(--xmlui-marginBottom-Text-cite)", "marginLeft-Text-cite": "var(--xmlui-marginLeft-Text-cite)", "marginRight-Text-cite": "var(--xmlui-marginRight-Text-cite)", "verticalAlign-Text-cite": "var(--xmlui-verticalAlign-Text-cite)", "marginTop-Text-em": "var(--xmlui-marginTop-Text-em)", "marginBottom-Text-em": "var(--xmlui-marginBottom-Text-em)", "marginLeft-Text-em": "var(--xmlui-marginLeft-Text-em)", "marginRight-Text-em": "var(--xmlui-marginRight-Text-em)", "verticalAlign-Text-em": "var(--xmlui-verticalAlign-Text-em)", "marginTop-Text-codefence": "var(--xmlui-marginTop-Text-codefence)", "marginBottom-Text-codefence": "var(--xmlui-marginBottom-Text-codefence)", "marginTop-Text-code": "var(--xmlui-marginTop-Text-code)", "marginBottom-Text-code": "var(--xmlui-marginBottom-Text-code)", "marginLeft-Text-code": "var(--xmlui-marginLeft-Text-code)", "marginRight-Text-code": "var(--xmlui-marginRight-Text-code)", "verticalAlign-Text-code": "var(--xmlui-verticalAlign-Text-code)", "marginLeft-Text-codefence": "var(--xmlui-marginLeft-Text-codefence)", "marginRight-Text-codefence": "var(--xmlui-marginRight-Text-codefence)", "verticalAlign-Text-codefence": "var(--xmlui-verticalAlign-Text-codefence)", "marginTop-Text-deleted": "var(--xmlui-marginTop-Text-deleted)", "marginBottom-Text-deleted": "var(--xmlui-marginBottom-Text-deleted)", "marginLeft-Text-deleted": "var(--xmlui-marginLeft-Text-deleted)", "marginRight-Text-deleted": "var(--xmlui-marginRight-Text-deleted)", "verticalAlign-Text-deleted": "var(--xmlui-verticalAlign-Text-deleted)", "marginTop-Text-inserted": "var(--xmlui-marginTop-Text-inserted)", "marginBottom-Text-inserted": "var(--xmlui-marginBottom-Text-inserted)", "marginLeft-Text-inserted": "var(--xmlui-marginLeft-Text-inserted)", "marginRight-Text-inserted": "var(--xmlui-marginRight-Text-inserted)", "verticalAlign-Text-inserted": "var(--xmlui-verticalAlign-Text-inserted)", "marginTop-Text-keyboard": "var(--xmlui-marginTop-Text-keyboard)", "marginBottom-Text-keyboard": "var(--xmlui-marginBottom-Text-keyboard)", "marginLeft-Text-keyboard": "var(--xmlui-marginLeft-Text-keyboard)", "marginRight-Text-keyboard": "var(--xmlui-marginRight-Text-keyboard)", "verticalAlign-Text-keyboard": "var(--xmlui-verticalAlign-Text-keyboard)", "marginTop-Text-marked": "var(--xmlui-marginTop-Text-marked)", "marginBottom-Text-marked": "var(--xmlui-marginBottom-Text-marked)", "marginLeft-Text-marked": "var(--xmlui-marginLeft-Text-marked)", "marginRight-Text-marked": "var(--xmlui-marginRight-Text-marked)", "verticalAlign-Text-marked": "var(--xmlui-verticalAlign-Text-marked)", "marginTop-Text-mono": "var(--xmlui-marginTop-Text-mono)", "marginBottom-Text-mono": "var(--xmlui-marginBottom-Text-mono)", "marginLeft-Text-mono": "var(--xmlui-marginLeft-Text-mono)", "marginRight-Text-mono": "var(--xmlui-marginRight-Text-mono)", "verticalAlign-Text-mono": "var(--xmlui-verticalAlign-Text-mono)", "marginTop-Text-sample": "var(--xmlui-marginTop-Text-sample)", "marginBottom-Text-sample": "var(--xmlui-marginBottom-Text-sample)", "marginLeft-Text-sample": "var(--xmlui-marginLeft-Text-sample)", "marginRight-Text-sample": "var(--xmlui-marginRight-Text-sample)", "verticalAlign-Text-sample": "var(--xmlui-verticalAlign-Text-sample)", "marginTop-Text-sup": "var(--xmlui-marginTop-Text-sup)", "marginBottom-Text-sup": "var(--xmlui-marginBottom-Text-sup)", "marginLeft-Text-sup": "var(--xmlui-marginLeft-Text-sup)", "marginRight-Text-sup": "var(--xmlui-marginRight-Text-sup)", "verticalAlign-Text-sup": "var(--xmlui-verticalAlign-Text-sup)", "marginTop-Text-sub": "var(--xmlui-marginTop-Text-sub)", "marginBottom-Text-sub": "var(--xmlui-marginBottom-Text-sub)", "marginLeft-Text-sub": "var(--xmlui-marginLeft-Text-sub)", "marginRight-Text-sub": "var(--xmlui-marginRight-Text-sub)", "verticalAlign-Text-sub": "var(--xmlui-verticalAlign-Text-sub)", "marginTop-Text-var": "var(--xmlui-marginTop-Text-var)", "marginBottom-Text-var": "var(--xmlui-marginBottom-Text-var)", "marginLeft-Text-var": "var(--xmlui-marginLeft-Text-var)", "marginRight-Text-var": "var(--xmlui-marginRight-Text-var)", "verticalAlign-Text-var": "var(--xmlui-verticalAlign-Text-var)", "marginTop-Text-title": "var(--xmlui-marginTop-Text-title)", "marginBottom-Text-title": "var(--xmlui-marginBottom-Text-title)", "marginLeft-Text-title": "var(--xmlui-marginLeft-Text-title)", "marginRight-Text-title": "var(--xmlui-marginRight-Text-title)", "verticalAlign-Text-title": "var(--xmlui-verticalAlign-Text-title)", "marginTop-Text-subtitle": "var(--xmlui-marginTop-Text-subtitle)", "marginBottom-Text-subtitle": "var(--xmlui-marginBottom-Text-subtitle)", "marginLeft-Text-subtitle": "var(--xmlui-marginLeft-Text-subtitle)", "marginRight-Text-subtitle": "var(--xmlui-marginRight-Text-subtitle)", "verticalAlign-Text-subtitle": "var(--xmlui-verticalAlign-Text-subtitle)", "marginTop-Text-small": "var(--xmlui-marginTop-Text-small)", "marginBottom-Text-small": "var(--xmlui-marginBottom-Text-small)", "marginLeft-Text-small": "var(--xmlui-marginLeft-Text-small)", "marginRight-Text-small": "var(--xmlui-marginRight-Text-small)", "verticalAlign-Text-small": "var(--xmlui-verticalAlign-Text-small)", "marginTop-Text-caption": "var(--xmlui-marginTop-Text-caption)", "marginBottom-Text-caption": "var(--xmlui-marginBottom-Text-caption)", "marginLeft-Text-caption": "var(--xmlui-marginLeft-Text-caption)", "marginRight-Text-caption": "var(--xmlui-marginRight-Text-caption)", "verticalAlign-Text-caption": "var(--xmlui-verticalAlign-Text-caption)", "marginTop-Text-placeholder": "var(--xmlui-marginTop-Text-placeholder)", "marginBottom-Text-placeholder": "var(--xmlui-marginBottom-Text-placeholder)", "marginLeft-Text-placeholder": "var(--xmlui-marginLeft-Text-placeholder)", "marginRight-Text-placeholder": "var(--xmlui-marginRight-Text-placeholder)", "verticalAlign-Text-placeholder": "var(--xmlui-verticalAlign-Text-placeholder)", "marginTop-Text-paragraph": "var(--xmlui-marginTop-Text-paragraph)", "marginBottom-Text-paragraph": "var(--xmlui-marginBottom-Text-paragraph)", "marginLeft-Text-paragraph": "var(--xmlui-marginLeft-Text-paragraph)", "marginRight-Text-paragraph": "var(--xmlui-marginRight-Text-paragraph)", "verticalAlign-Text-paragraph": "var(--xmlui-verticalAlign-Text-paragraph)", "marginTop-Text-subheading": "var(--xmlui-marginTop-Text-subheading)", "marginBottom-Text-subheading": "var(--xmlui-marginBottom-Text-subheading)", "marginLeft-Text-subheading": "var(--xmlui-marginLeft-Text-subheading)", "marginRight-Text-subheading": "var(--xmlui-marginRight-Text-subheading)", "verticalAlign-Text-subheading": "var(--xmlui-verticalAlign-Text-subheading)", "marginTop-Text-tableheading": "var(--xmlui-marginTop-Text-tableheading)", "marginBottom-Text-tableheading": "var(--xmlui-marginBottom-Text-tableheading)", "marginLeft-Text-tableheading": "var(--xmlui-marginLeft-Text-tableheading)", "marginRight-Text-tableheading": "var(--xmlui-marginRight-Text-tableheading)", "verticalAlign-Text-tableheading": "var(--xmlui-verticalAlign-Text-tableheading)", "marginTop-Text-secondary": "var(--xmlui-marginTop-Text-secondary)", "marginBottom-Text-secondary": "var(--xmlui-marginBottom-Text-secondary)", "marginLeft-Text-secondary": "var(--xmlui-marginLeft-Text-secondary)", "marginRight-Text-secondary": "var(--xmlui-marginRight-Text-secondary)", "verticalAlign-Text-secondary": "var(--xmlui-verticalAlign-Text-secondary)"}'`;
-  const text$a = "_text_1qfdf_13";
-  const markdown = "_markdown_1qfdf_75";
-  const abbr = "_abbr_1qfdf_132";
-  const cite = "_cite_1qfdf_189";
-  const em = "_em_1qfdf_246";
-  const codefence = "_codefence_1qfdf_303";
-  const code$4 = "_code_1qfdf_303";
-  const textcode = "_textcode_1qfdf_308";
-  const deleted = "_deleted_1qfdf_457";
-  const inserted = "_inserted_1qfdf_529";
-  const keyboard = "_keyboard_1qfdf_601";
-  const marked = "_marked_1qfdf_658";
-  const mono = "_mono_1qfdf_730";
-  const sample = "_sample_1qfdf_787";
-  const sup = "_sup_1qfdf_844";
-  const sub = "_sub_1qfdf_901";
-  const title$3 = "_title_1qfdf_1015";
-  const subtitle = "_subtitle_1qfdf_1072";
-  const small = "_small_1qfdf_1129";
-  const caption$1 = "_caption_1qfdf_1186";
-  const placeholder$2 = "_placeholder_1qfdf_1243";
-  const paragraph$3 = "_paragraph_1qfdf_1300";
-  const subheading = "_subheading_1qfdf_1357";
-  const tableheading = "_tableheading_1qfdf_1414";
-  const secondary = "_secondary_1qfdf_1471";
-  const strong$3 = "_strong_1qfdf_1528";
-  const truncateOverflow = "_truncateOverflow_1qfdf_1536";
-  const preserveLinebreaks = "_preserveLinebreaks_1qfdf_1543";
-  const noEllipsis = "_noEllipsis_1qfdf_1547";
+  const text$a = "_text_a71fu_13";
+  const markdown = "_markdown_a71fu_75";
+  const abbr = "_abbr_a71fu_132";
+  const cite = "_cite_a71fu_189";
+  const em = "_em_a71fu_246";
+  const codefence = "_codefence_a71fu_303";
+  const code$4 = "_code_a71fu_303";
+  const textcode = "_textcode_a71fu_308";
+  const deleted = "_deleted_a71fu_456";
+  const inserted = "_inserted_a71fu_528";
+  const keyboard = "_keyboard_a71fu_600";
+  const marked = "_marked_a71fu_657";
+  const mono = "_mono_a71fu_729";
+  const sample = "_sample_a71fu_786";
+  const sup = "_sup_a71fu_843";
+  const sub = "_sub_a71fu_900";
+  const title$3 = "_title_a71fu_1014";
+  const subtitle = "_subtitle_a71fu_1071";
+  const small = "_small_a71fu_1128";
+  const caption$1 = "_caption_a71fu_1185";
+  const placeholder$2 = "_placeholder_a71fu_1242";
+  const paragraph$3 = "_paragraph_a71fu_1299";
+  const subheading = "_subheading_a71fu_1356";
+  const tableheading = "_tableheading_a71fu_1413";
+  const secondary = "_secondary_a71fu_1470";
+  const strong$3 = "_strong_a71fu_1527";
+  const truncateOverflow = "_truncateOverflow_a71fu_1535";
+  const preserveLinebreaks = "_preserveLinebreaks_a71fu_1542";
+  const noEllipsis = "_noEllipsis_a71fu_1546";
   const styles$Q = {
     themeVars: themeVars$B,
     text: text$a,
@@ -47015,7 +47019,7 @@ ${error2.errorObject}`;
     sample,
     sup,
     sub,
-    "var": "_var_1qfdf_958",
+    "var": "_var_a71fu_957",
     title: title$3,
     subtitle,
     small,
@@ -47108,6 +47112,7 @@ ${error2.errorObject}`;
       [`textColor-${COMP$18}`]: "$textColor-primary",
       [`fontFamily-${COMP$18}`]: "$fontFamily",
       [`fontWeight-${COMP$18}`]: "$fontWeight-normal",
+      [`fontSize-${COMP$18}-codefence`]: "$fontSize-small",
       [`fontFamily-${COMP$18}-code`]: "$fontFamily-monospace",
       [`fontSize-${COMP$18}-code`]: "$fontSize-small",
       [`borderWidth-${COMP$18}-code`]: "1px",
@@ -101207,7 +101212,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           to: extractValue.asOptionalString(node2.props.to),
           icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { name: extractValue.asString(node2.props.icon), className: navLinkStyles.icon }),
           node: node2,
-          initiallyExpanded: extractValue.asBoolean(node2.props.initiallyExpanded),
+          initiallyExpanded: extractValue.asOptionalBoolean(node2.props.initiallyExpanded),
           renderChild: renderChild2,
           iconHorizontalExpanded: extractValue.asOptionalString(node2.props.iconHorizontalExpanded),
           iconVerticalExpanded: extractValue.asOptionalString(node2.props.iconVerticalExpanded),
@@ -132475,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.35 (built 5/20/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.37 (built 5/21/2025)" };
   var __defProp$7 = Object.defineProperty;
   var __export = (target2, all2) => {
     for (var name2 in all2)
@@ -140863,26 +140868,13 @@ If this message still persists after updating, please report an issue: https://g
     removeIndents = true,
     children,
     style: style2,
-    codeHighlighter
+    codeHighlighter,
+    showHeadingAnchors = false
   }) {
     if (typeof children !== "string") {
       return null;
     }
     children = removeIndents ? removeTextIndents(children) : children;
-    const renderHeading2 = (level, children2) => {
-      if (typeof children2 === "string") {
-        const [headingLabel, anchorId] = getCustomAnchor(children2);
-        if (anchorId) {
-          const currentPath = window.location.href.replace(new RegExp("(?<!\\/)#.*$"), "");
-          const href = `${currentPath}#${anchorId}`;
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs(Heading, { level, id: anchorId, children: [
-            headingLabel,
-            /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, id: anchorId, "aria-label": "Permalink for this section", children: "#" })
-          ] });
-        }
-      }
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Heading, { level, children: children2 });
-    };
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$k.markdownContent, style: { ...style2 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       MarkdownHooks,
       {
@@ -140905,22 +140897,22 @@ If this message still persists after updating, please report an issue: https://g
             }
           },
           h1({ children: children2 }) {
-            return renderHeading2("h1", children2);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkAwareHeading, { level: "h1", showHeadingAnchors, children: children2 });
           },
           h2({ children: children2 }) {
-            return renderHeading2("h2", children2);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkAwareHeading, { level: "h2", showHeadingAnchors, children: children2 });
           },
           h3({ children: children2 }) {
-            return renderHeading2("h3", children2);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkAwareHeading, { level: "h3", showHeadingAnchors, children: children2 });
           },
           h4({ children: children2 }) {
-            return renderHeading2("h4", children2);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkAwareHeading, { level: "h4", showHeadingAnchors, children: children2 });
           },
           h5({ children: children2 }) {
-            return renderHeading2("h5", children2);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkAwareHeading, { level: "h5", showHeadingAnchors, children: children2 });
           },
           h6({ children: children2 }) {
-            return renderHeading2("h6", children2);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkAwareHeading, { level: "h6", showHeadingAnchors, children: children2 });
           },
           p({ id, children: children2 }) {
             return /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { uid: id, variant: "markdown", children: children2 });
@@ -141031,33 +141023,6 @@ If this message still persists after updating, please report an issue: https://g
       }
     ) });
   });
-  function removeTextIndents(input2) {
-    if (!input2) {
-      return "";
-    }
-    const lines = input2.split("\n");
-    const minIndent = lines.reduce((min2, line) => {
-      const match2 = line.match(/^\s*/);
-      const indentLength = match2 ? match2[0].length : 0;
-      return line.trim() ? Math.min(min2, indentLength) : min2;
-    }, Infinity);
-    const trimmedLines = lines.map(
-      (line) => line.startsWith(" ".repeat(minIndent)) ? line.slice(minIndent) : line
-    );
-    return trimmedLines.join("\n");
-  }
-  function getCustomAnchor(value) {
-    if (!value) {
-      return ["", ""];
-    }
-    const match2 = value.match(/^(.*?)\s*\[#([^\]]+)\]$/);
-    if (match2) {
-      const headingLabel = match2[1].trim();
-      const anchorId = match2[2].trim();
-      return [headingLabel, anchorId];
-    }
-    return [value.trim(), ""];
-  }
   const HorizontalRule = () => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: styles$k.horizontalRule });
   };
@@ -141125,6 +141090,83 @@ If this message still persists after updating, please report an issue: https://g
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx("blockquote", { className: styles$k.blockquote, style: style2, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$k.blockquoteContainer, children }) });
   };
+  function LinkAwareHeading({ children, level, showHeadingAnchors }) {
+    let headingLabel = "";
+    let anchorId = "";
+    if (!children) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+    if (typeof children === "string") {
+      [headingLabel, anchorId] = getCustomAnchor(children);
+    } else if (Array.isArray(children)) {
+      if (children.length === 0) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+      if (children.length === 1) {
+        headingLabel = children[0];
+      } else {
+        headingLabel = children.slice(0, -1);
+        const last2 = children[children.length - 1];
+        if (typeof last2 === "string") {
+          const match2 = last2.trim().match(/^\[#([^\]]+)\]$/);
+          if (match2 && match2.length > 0) {
+            anchorId = match2[1];
+          }
+        }
+      }
+    } else {
+      const headingContent = extractTextNodes(children);
+      if (!headingContent) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+      headingLabel = children;
+    }
+    if (!anchorId) {
+      anchorId = headingToAnchorLink(extractTextNodes(headingLabel));
+    }
+    const currentPath = window.location.href.replace(new RegExp("(?<!\\/)#.*$"), "");
+    const href = `${currentPath}#${anchorId}`;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Heading, { level, id: anchorId, children: [
+      headingLabel,
+      showHeadingAnchors && anchorId && // NOTE: Anchor is hidden from screen readers
+      // TODO: make sure this is a good idea
+      /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, id: anchorId, "aria-hidden": "true", children: "#" })
+    ] });
+  }
+  function removeTextIndents(input2) {
+    if (!input2) {
+      return "";
+    }
+    const lines = input2.split("\n");
+    const minIndent = lines.reduce((min2, line) => {
+      const match2 = line.match(/^\s*/);
+      const indentLength = match2 ? match2[0].length : 0;
+      return line.trim() ? Math.min(min2, indentLength) : min2;
+    }, Infinity);
+    const trimmedLines = lines.map(
+      (line) => line.startsWith(" ".repeat(minIndent)) ? line.slice(minIndent) : line
+    );
+    return trimmedLines.join("\n");
+  }
+  function getCustomAnchor(value) {
+    if (!value) {
+      return ["", ""];
+    }
+    const match2 = value.match(/^(.*?)\s*\[#([^\]]+)\]$/);
+    if (match2) {
+      const headingLabel = match2[1].trim();
+      const anchorId = match2[2].trim();
+      return [headingLabel, anchorId];
+    }
+    return [value.trim(), ""];
+  }
+  function headingToAnchorLink(rawStr) {
+    return rawStr.trim().toLocaleLowerCase().replaceAll(/[^A-Za-z0-9-]/g, "-").replaceAll(/--+/g, "-").replace(/^-|-$/, "").replace(/`/g, "").replace(/"|'/g, "");
+  }
+  function extractTextNodes(node2) {
+    if (typeof node2 === "string" || typeof node2 === "number") return node2.toString();
+    if (React.isValidElement(node2) && node2.props && node2.props.children) {
+      if (Array.isArray(node2.props.children)) {
+        return node2.props.children.map(extractTextNodes).join("");
+      }
+      return extractTextNodes(node2.props.children);
+    }
+    return "";
+  }
   function parseBindingExpression(text2, extractValue) {
     text2 = text2.replaceAll(new RegExp("(?<!\\\\)\\@\\{\\s*\\}", "g"), "");
     const regex = new RegExp("(?<!\\\\)\\@\\{((?:[^{}]|\\{(?:[^{}]|\\{(?:[^{}]|\\{[^{}]*\\})*\\})*\\})*)\\}", "g");
@@ -141425,6 +141467,11 @@ If this message still persists after updating, please report an issue: https://g
         description: "This boolean property specifies whether leading indents should be removed from the markdown content. If set to `true`, the shortest indent found at the start of the content lines is removed from the beginning of every line.",
         valueType: "boolean",
         defaultValue: true
+      },
+      showHeadingAnchors: {
+        description: "This boolean property specifies whether heading anchors should be displayed. If set to `true`, heading anchors will be displayed on hover next to headings.",
+        valueType: "boolean",
+        defaultValue: false
       }
     },
     defaultThemeVars: {
@@ -141488,6 +141535,7 @@ If this message still persists after updating, please report an issue: https://g
           removeIndents: extractValue.asOptionalBoolean(node2.props.removeIndents, true),
           codeHighlighter: extractValue(node2.props.codeHighlighter),
           extractValue,
+          showHeadingAnchors: extractValue.asOptionalBoolean(node2.props.showHeadingAnchors, false),
           children: renderedChildren
         }
       );
@@ -141498,7 +141546,8 @@ If this message still persists after updating, please report an issue: https://g
     removeIndents,
     style: style2,
     extractValue,
-    codeHighlighter
+    codeHighlighter,
+    showHeadingAnchors
   }) => {
     const markdownContent2 = reactExports.useMemo(() => {
       if (typeof children !== "string") {
@@ -141513,7 +141562,16 @@ If this message still persists after updating, please report an issue: https://g
       resolvedMd = parseBindingExpression(resolvedMd, extractValue);
       return resolvedMd;
     }, [children, extractValue]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { removeIndents, codeHighlighter, style: style2, children: markdownContent2 });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Markdown,
+      {
+        removeIndents,
+        codeHighlighter,
+        style: style2,
+        showHeadingAnchors,
+        children: markdownContent2
+      }
+    );
   };
   const COMP$u = "Select";
   const SelectMd = createMetadata({
@@ -156258,7 +156316,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.35";
+  const version = "0.9.37";
   const miscellaneousUtils = {
     capitalize: capitalize$1,
     pluralize: pluralize$1,
@@ -161768,7 +161826,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.35 (built 5/20/2025)" };
+  var define_process_env_default = { VITE_XMLUI_VERSION: "0.9.37 (built 5/21/2025)" };
   const MAIN_FILE = "Main." + componentFileExtension;
   const MAIN_CODE_BEHIND_FILE = "Main." + codeBehindFileExtension;
   const CONFIG_FILE = "config.json";