xmlui 0.11.7 → 0.11.8

package/dist/metadata/{collectedComponentMetadata-CSFNLstl.js → collectedComponentMetadata-CTUU7sdt.js}

@@ -501,13 +501,13 @@ const styles$1j = {
   fullScreenSpinnerWrapper
 };
 const PART_RING = "ring";
-const defaultProps$1h = {
+const defaultProps$1i = {
   delay: 400,
   fullScreen: false
 };
 const Spinner = forwardRef(function Spinner2({
-  delay: delay2 = defaultProps$1h.delay,
-  fullScreen: fullScreen2 = defaultProps$1h.fullScreen,
+  delay: delay2 = defaultProps$1i.delay,
+  fullScreen: fullScreen2 = defaultProps$1i.fullScreen,
   style: style2,
   className,
   ...rest
@@ -573,7 +573,7 @@ const PART_LABELED_ITEM = "labeledItem";
 const PART_INPUT = "input";
 const PART_START_ADORNMENT = "startAdornment";
 const PART_END_ADORNMENT = "endAdornment";
-const defaultProps$1g = {
+const defaultProps$1h = {
   labelBreak: true
 };
 const numberRegex = /^[0-9]+$/;
@@ -583,7 +583,7 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
   style: style2 = {},
   className,
   label: label2,
-  labelBreak: labelBreak2 = defaultProps$1g.labelBreak,
+  labelBreak: labelBreak2 = defaultProps$1h.labelBreak,
   labelWidth,
   enabled: enabled2 = true,
   required: required2 = false,
@@ -2920,7 +2920,7 @@ function useFindIconRenderer(name, fallback) {
   return { iconRenderer: null, iconName: null };
 }
 const VisuallyHidden = ({ children, ...props }) => /* @__PURE__ */ jsx(VisuallyHidden$2, { ...props, children });
-const defaultProps$1f = {
+const defaultProps$1g = {
   type: "button",
   iconPosition: "start",
   contentPosition: "center",
@@ -2932,14 +2932,14 @@ const defaultProps$1f = {
 };
 const Button = React__default.forwardRef(function Button2({
   id,
-  type = defaultProps$1f.type,
+  type = defaultProps$1g.type,
   icon: icon2,
-  iconPosition = defaultProps$1f.iconPosition,
-  contentPosition = defaultProps$1f.contentPosition,
-  orientation = defaultProps$1f.orientation,
-  variant = defaultProps$1f.variant,
-  themeColor = defaultProps$1f.themeColor,
-  size = defaultProps$1f.size,
+  iconPosition = defaultProps$1g.iconPosition,
+  contentPosition = defaultProps$1g.contentPosition,
+  orientation = defaultProps$1g.orientation,
+  variant = defaultProps$1g.variant,
+  themeColor = defaultProps$1g.themeColor,
+  size = defaultProps$1g.size,
   disabled: disabled2,
   children,
   formId,
@@ -2949,7 +2949,7 @@ const Button = React__default.forwardRef(function Button2({
   style: style2,
   gap,
   className,
-  autoFocus = defaultProps$1f.autoFocus,
+  autoFocus = defaultProps$1g.autoFocus,
   contextualLabel,
   ...rest
 }, ref) {
@@ -2964,7 +2964,7 @@ const Button = React__default.forwardRef(function Button2({
   }, [autoFocus]);
   const iconToLeft = iconPosition === "start";
   if (!isSizeType(size)) {
-    size = defaultProps$1f.size;
+    size = defaultProps$1g.size;
   }
   return /* @__PURE__ */ jsxs(
     "button",
@@ -3019,7 +3019,7 @@ const IconLabel = ({ icon: icon2, accessibleName = "" }) => {
 function hasRenderableChildren(children) {
   return !!children?.some((child) => child?.type !== "Slot");
 }
-const COMP$1y = "Button";
+const COMP$1x = "Button";
 const ButtonMd = createMetadata({
   status: "stable",
   description: "`Button` is the primary interactive component for triggering actions like form submissions, navigation, opening modals, and API calls. It supports multiple visual styles and sizes to match different UI contexts and importance levels.",
@@ -3028,133 +3028,133 @@ const ButtonMd = createMetadata({
       description: "Indicates if the button should receive focus when the page loads.",
       isRequired: false,
       type: "boolean",
-      defaultValue: defaultProps$1f.autoFocus
+      defaultValue: defaultProps$1g.autoFocus
     },
     variant: {
       description: "The button variant determines the level of emphasis the button should possess.",
       isRequired: false,
       type: "string",
       availableValues: buttonVariantMd,
-      defaultValue: defaultProps$1f.variant
+      defaultValue: defaultProps$1g.variant
     },
     themeColor: {
       description: "Sets the button color scheme defined in the application theme.",
       isRequired: false,
       type: "string",
       availableValues: buttonThemeMd,
-      defaultValue: defaultProps$1f.themeColor
+      defaultValue: defaultProps$1g.themeColor
     },
     size: {
       description: "Sets the size of the button.",
       isRequired: false,
       type: "string",
       availableValues: sizeMd,
-      defaultValue: defaultProps$1f.size
+      defaultValue: defaultProps$1g.size
     },
     label: {
-      description: `This property is an optional string to set a label for the ${COMP$1y}. If no label is specified and an icon is set, the ${COMP$1y} will modify its styling to look like a small icon button. When the ${COMP$1y} has nested children, it will display them and ignore the value of the \`label\` prop.`,
+      description: `This property is an optional string to set a label for the ${COMP$1x}. If no label is specified and an icon is set, the ${COMP$1x} will modify its styling to look like a small icon button. When the ${COMP$1x} has nested children, it will display them and ignore the value of the \`label\` prop.`,
       type: "string"
     },
     type: {
-      description: `This optional string describes how the ${COMP$1y} appears in an HTML context. You rarely need to set this property explicitly.`,
+      description: `This optional string describes how the ${COMP$1x} appears in an HTML context. You rarely need to set this property explicitly.`,
       availableValues: buttonTypesMd,
       valueType: "string",
-      defaultValue: defaultProps$1f.type
+      defaultValue: defaultProps$1g.type
     },
     enabled: {
       description: `The value of this property indicates whether the button accepts actions (\`true\`) or does not react to them (\`false\`).`,
       type: "boolean",
       defaultValue: true
     },
-    orientation: dOrientation(defaultProps$1f.orientation),
+    orientation: dOrientation(defaultProps$1g.orientation),
     icon: {
-      description: `This string value denotes an icon name. The framework will render an icon if XMLUI recognizes the icon by its name. If no label is specified and an icon is set, the ${COMP$1y} displays only that icon.`,
+      description: `This string value denotes an icon name. The framework will render an icon if XMLUI recognizes the icon by its name. If no label is specified and an icon is set, the ${COMP$1x} displays only that icon.`,
       type: "string"
     },
     iconPosition: {
-      description: `This optional string determines the location of the icon in the ${COMP$1y}.`,
+      description: `This optional string determines the location of the icon in the ${COMP$1x}.`,
       availableValues: iconPositionMd,
       type: "string",
-      defaultValue: defaultProps$1f.iconPosition
+      defaultValue: defaultProps$1g.iconPosition
     },
     contentPosition: {
-      description: `This optional value determines how the label and icon (or nested children) should be placedinside the ${COMP$1y} component.`,
+      description: `This optional value determines how the label and icon (or nested children) should be placedinside the ${COMP$1x} component.`,
       availableValues: alignmentOptionMd,
       type: "string",
-      defaultValue: defaultProps$1f.contentPosition
+      defaultValue: defaultProps$1g.contentPosition
     },
     contextualLabel: {
-      description: `This optional value is used to provide an accessible name for the ${COMP$1y} in the context of its usage.`,
+      description: `This optional value is used to provide an accessible name for the ${COMP$1x} in the context of its usage.`,
       type: "string"
     }
   },
   events: {
-    click: dClick(COMP$1y),
-    gotFocus: dGotFocus(COMP$1y),
-    lostFocus: dLostFocus(COMP$1y)
+    click: dClick(COMP$1x),
+    gotFocus: dGotFocus(COMP$1x),
+    lostFocus: dLostFocus(COMP$1x)
   },
   themeVars: parseScssVar(styles$1l.themeVars),
   defaultThemeVars: {
     // --- Default styles for supporting "variant" behavior
-    [`padding-${COMP$1y}`]: "$space-2 $space-4",
-    [`gap-${COMP$1y}`]: "$space-2",
-    [`borderColor-${COMP$1y}`]: "transparent",
-    [`backgroundColor-${COMP$1y}`]: "transparent",
-    [`transition-${COMP$1y}`]: "color 0.2s, background 0.2s",
-    [`width-${COMP$1y}`]: "fit-content",
-    [`height-${COMP$1y}`]: "fit-content",
-    [`borderRadius-${COMP$1y}`]: "$borderRadius",
-    [`fontSize-${COMP$1y}`]: "$fontSize-sm",
-    [`fontWeight-${COMP$1y}`]: "$fontWeight-medium",
-    [`fontStyle-${COMP$1y}`]: "$fontStyle-normal",
-    [`backgroundColor-${COMP$1y}-primary`]: "$color-primary-500",
-    [`backgroundColor-${COMP$1y}-attention`]: "$backgroundColor-attention",
-    [`borderColor-${COMP$1y}-attention`]: "$color-attention",
-    [`backgroundColor-${COMP$1y}--disabled`]: "$backgroundColor--disabled",
-    [`borderColor-${COMP$1y}--disabled`]: "$borderColor--disabled",
-    [`borderStyle-${COMP$1y}`]: "solid",
-    [`textColor-${COMP$1y}--disabled`]: "$textColor--disabled",
-    [`outlineColor-${COMP$1y}--focus`]: "$outlineColor--focus",
-    [`borderWidth-${COMP$1y}`]: "1px",
-    [`outlineWidth-${COMP$1y}--focus`]: "$outlineWidth--focus",
-    [`outlineStyle-${COMP$1y}--focus`]: "$outlineStyle--focus",
-    [`outlineOffset-${COMP$1y}--focus`]: "$outlineOffset--focus",
-    [`paddingHorizontal-${COMP$1y}-xs`]: "$space-1",
-    [`paddingVertical-${COMP$1y}-xs`]: "$space-0_5",
-    [`paddingHorizontal-${COMP$1y}-sm`]: "$space-4",
-    [`paddingVertical-${COMP$1y}-sm`]: "$space-2",
-    [`paddingHorizontal-${COMP$1y}-md`]: "$space-4",
-    [`paddingVertical-${COMP$1y}-md`]: "$space-3",
-    [`paddingHorizontal-${COMP$1y}-lg`]: "$space-5",
-    [`paddingVertical-${COMP$1y}-lg`]: "$space-4",
-    [`textColor-${COMP$1y}`]: "$color-surface-950",
-    [`textColor-${COMP$1y}-solid`]: "$const-color-surface-50",
-    [`borderColor-${COMP$1y}-primary`]: "$color-primary-500",
-    [`backgroundColor-${COMP$1y}-primary--hover`]: "$color-primary-400",
-    [`backgroundColor-${COMP$1y}-primary--active`]: "$color-primary-500",
-    [`backgroundColor-${COMP$1y}-primary-outlined--hover`]: "$color-primary-50",
-    [`backgroundColor-${COMP$1y}-primary-outlined--active`]: "$color-primary-100",
-    [`borderColor-${COMP$1y}-primary-outlined`]: "$color-primary-600",
-    [`borderColor-${COMP$1y}-primary-outlined--hover`]: "$color-primary-500",
-    [`textColor-${COMP$1y}-primary-outlined`]: "$color-primary-900",
-    [`textColor-${COMP$1y}-primary-outlined--hover`]: "$color-primary-950",
-    [`textColor-${COMP$1y}-primary-outlined--active`]: "$color-primary-900",
-    [`backgroundColor-${COMP$1y}-primary-ghost--hover`]: "$color-primary-50",
-    [`backgroundColor-${COMP$1y}-primary-ghost--active`]: "$color-primary-100",
-    [`borderColor-${COMP$1y}-secondary`]: "$color-secondary-100",
-    [`backgroundColor-${COMP$1y}-secondary`]: "$color-secondary-500",
-    [`backgroundColor-${COMP$1y}-secondary--hover`]: "$color-secondary-400",
-    [`backgroundColor-${COMP$1y}-secondary--active`]: "$color-secondary-500",
-    [`backgroundColor-${COMP$1y}-secondary-outlined--hover`]: "$color-secondary-50",
-    [`backgroundColor-${COMP$1y}-secondary-outlined--active`]: "$color-secondary-100",
-    [`backgroundColor-${COMP$1y}-secondary-ghost--hover`]: "$color-secondary-100",
-    [`backgroundColor-${COMP$1y}-secondary-ghost--active`]: "$color-secondary-100",
-    [`backgroundColor-${COMP$1y}-attention--hover`]: "$color-danger-400",
-    [`backgroundColor-${COMP$1y}-attention--active`]: "$color-danger-500",
-    [`backgroundColor-${COMP$1y}-attention-outlined--hover`]: "$color-danger-50",
-    [`backgroundColor-${COMP$1y}-attention-outlined--active`]: "$color-danger-100",
-    [`backgroundColor-${COMP$1y}-attention-ghost--hover`]: "$color-danger-50",
-    [`backgroundColor-${COMP$1y}-attention-ghost--active`]: "$color-danger-100"
+    [`padding-${COMP$1x}`]: "$space-2 $space-4",
+    [`gap-${COMP$1x}`]: "$space-2",
+    [`borderColor-${COMP$1x}`]: "transparent",
+    [`backgroundColor-${COMP$1x}`]: "transparent",
+    [`transition-${COMP$1x}`]: "color 0.2s, background 0.2s",
+    [`width-${COMP$1x}`]: "fit-content",
+    [`height-${COMP$1x}`]: "fit-content",
+    [`borderRadius-${COMP$1x}`]: "$borderRadius",
+    [`fontSize-${COMP$1x}`]: "$fontSize-sm",
+    [`fontWeight-${COMP$1x}`]: "$fontWeight-medium",
+    [`fontStyle-${COMP$1x}`]: "$fontStyle-normal",
+    [`backgroundColor-${COMP$1x}-primary`]: "$color-primary-500",
+    [`backgroundColor-${COMP$1x}-attention`]: "$backgroundColor-attention",
+    [`borderColor-${COMP$1x}-attention`]: "$color-attention",
+    [`backgroundColor-${COMP$1x}--disabled`]: "$backgroundColor--disabled",
+    [`borderColor-${COMP$1x}--disabled`]: "$borderColor--disabled",
+    [`borderStyle-${COMP$1x}`]: "solid",
+    [`textColor-${COMP$1x}--disabled`]: "$textColor--disabled",
+    [`outlineColor-${COMP$1x}--focus`]: "$outlineColor--focus",
+    [`borderWidth-${COMP$1x}`]: "1px",
+    [`outlineWidth-${COMP$1x}--focus`]: "$outlineWidth--focus",
+    [`outlineStyle-${COMP$1x}--focus`]: "$outlineStyle--focus",
+    [`outlineOffset-${COMP$1x}--focus`]: "$outlineOffset--focus",
+    [`paddingHorizontal-${COMP$1x}-xs`]: "$space-1",
+    [`paddingVertical-${COMP$1x}-xs`]: "$space-0_5",
+    [`paddingHorizontal-${COMP$1x}-sm`]: "$space-4",
+    [`paddingVertical-${COMP$1x}-sm`]: "$space-2",
+    [`paddingHorizontal-${COMP$1x}-md`]: "$space-4",
+    [`paddingVertical-${COMP$1x}-md`]: "$space-3",
+    [`paddingHorizontal-${COMP$1x}-lg`]: "$space-5",
+    [`paddingVertical-${COMP$1x}-lg`]: "$space-4",
+    [`textColor-${COMP$1x}`]: "$color-surface-950",
+    [`textColor-${COMP$1x}-solid`]: "$const-color-surface-50",
+    [`borderColor-${COMP$1x}-primary`]: "$color-primary-500",
+    [`backgroundColor-${COMP$1x}-primary--hover`]: "$color-primary-400",
+    [`backgroundColor-${COMP$1x}-primary--active`]: "$color-primary-500",
+    [`backgroundColor-${COMP$1x}-primary-outlined--hover`]: "$color-primary-50",
+    [`backgroundColor-${COMP$1x}-primary-outlined--active`]: "$color-primary-100",
+    [`borderColor-${COMP$1x}-primary-outlined`]: "$color-primary-600",
+    [`borderColor-${COMP$1x}-primary-outlined--hover`]: "$color-primary-500",
+    [`textColor-${COMP$1x}-primary-outlined`]: "$color-primary-900",
+    [`textColor-${COMP$1x}-primary-outlined--hover`]: "$color-primary-950",
+    [`textColor-${COMP$1x}-primary-outlined--active`]: "$color-primary-900",
+    [`backgroundColor-${COMP$1x}-primary-ghost--hover`]: "$color-primary-50",
+    [`backgroundColor-${COMP$1x}-primary-ghost--active`]: "$color-primary-100",
+    [`borderColor-${COMP$1x}-secondary`]: "$color-secondary-100",
+    [`backgroundColor-${COMP$1x}-secondary`]: "$color-secondary-500",
+    [`backgroundColor-${COMP$1x}-secondary--hover`]: "$color-secondary-400",
+    [`backgroundColor-${COMP$1x}-secondary--active`]: "$color-secondary-500",
+    [`backgroundColor-${COMP$1x}-secondary-outlined--hover`]: "$color-secondary-50",
+    [`backgroundColor-${COMP$1x}-secondary-outlined--active`]: "$color-secondary-100",
+    [`backgroundColor-${COMP$1x}-secondary-ghost--hover`]: "$color-secondary-100",
+    [`backgroundColor-${COMP$1x}-secondary-ghost--active`]: "$color-secondary-100",
+    [`backgroundColor-${COMP$1x}-attention--hover`]: "$color-danger-400",
+    [`backgroundColor-${COMP$1x}-attention--active`]: "$color-danger-500",
+    [`backgroundColor-${COMP$1x}-attention-outlined--hover`]: "$color-danger-50",
+    [`backgroundColor-${COMP$1x}-attention-outlined--active`]: "$color-danger-100",
+    [`backgroundColor-${COMP$1x}-attention-ghost--hover`]: "$color-danger-50",
+    [`backgroundColor-${COMP$1x}-attention-ghost--active`]: "$color-danger-100"
   }
 });
 const buttonComponentRenderer = createComponentRenderer(
@@ -3294,7 +3294,7 @@ function useContentAlignment(orientation, horizontal2, vertical2) {
   }, [orientation, horizontal2, vertical2]);
 }
 const DEFAULT_ORIENTATION$1 = "vertical";
-const defaultProps$1e = {
+const defaultProps$1f = {
   orientation: DEFAULT_ORIENTATION$1,
   reverse: false,
   hoverContainer: false,
@@ -3303,13 +3303,13 @@ const defaultProps$1e = {
 const Stack = forwardRef(function Stack2({
   uid,
   children,
-  orientation = defaultProps$1e.orientation,
+  orientation = defaultProps$1f.orientation,
   horizontalAlignment,
   verticalAlignment,
   style: style2,
-  reverse: reverse2 = defaultProps$1e.reverse,
-  hoverContainer: hoverContainer2 = defaultProps$1e.hoverContainer,
-  visibleOnHover: visibleOnHover2 = defaultProps$1e.visibleOnHover,
+  reverse: reverse2 = defaultProps$1f.reverse,
+  hoverContainer: hoverContainer2 = defaultProps$1f.hoverContainer,
+  visibleOnHover: visibleOnHover2 = defaultProps$1f.visibleOnHover,
   onClick,
   onMount,
   className,
@@ -3346,7 +3346,7 @@ const Stack = forwardRef(function Stack2({
     }
   );
 });
-const COMP$1x = "Stack";
+const COMP$1w = "Stack";
 const HORIZONTAL_ALIGNMENT = {
   description: "Manages the horizontal content alignment for each child element in the Stack.",
   availableValues: alignmentOptionValues,
@@ -3371,7 +3371,7 @@ const stackMd = createMetadata({
     reverse: {
       description: "Optional boolean property to reverse the order of child elements.",
       valueType: "boolean",
-      defaultValue: defaultProps$1e.reverse
+      defaultValue: defaultProps$1f.reverse
     },
     wrapContent: {
       description: "Optional boolean which wraps the content if set to true and the available space is not big enough. Works only with horizontal orientations.",
@@ -3382,21 +3382,21 @@ const stackMd = createMetadata({
       description: "An optional property that governs the Stack's orientation (whether the Stack lays out its children in a row or a column).",
       availableValues: ["horizontal", "vertical"],
       valueType: "string",
-      defaultValue: defaultProps$1e.orientation
+      defaultValue: defaultProps$1f.orientation
     },
     horizontalAlignment: HORIZONTAL_ALIGNMENT,
     verticalAlignment: VERTICAL_ALIGNMENT,
     hoverContainer: {
       ...dInternal("Reserved for future use"),
-      defaultValue: defaultProps$1e.hoverContainer
+      defaultValue: defaultProps$1f.hoverContainer
     },
     visibleOnHover: {
       ...dInternal("Reserved for future use"),
-      defaultValue: defaultProps$1e.visibleOnHover
+      defaultValue: defaultProps$1f.visibleOnHover
     }
   },
   events: {
-    click: dClick(COMP$1x),
+    click: dClick(COMP$1w),
     mounted: dInternal("Reserved for future use")
   },
   themeVars: parseScssVar(styles$1h.themeVars)
@@ -3409,7 +3409,7 @@ const StackMd = {
 };
 const VStackMd = {
   ...StackMd,
-  specializedFrom: COMP$1x,
+  specializedFrom: COMP$1w,
   description: `This component represents a stack rendering its contents vertically.`,
   props: {
     ...stackMd.props
@@ -3417,7 +3417,7 @@ const VStackMd = {
 };
 const HStackMd = {
   ...StackMd,
-  specializedFrom: COMP$1x,
+  specializedFrom: COMP$1w,
   description: `This component represents a stack rendering its contents horizontally.`,
   props: {
     ...stackMd.props
@@ -3425,12 +3425,12 @@ const HStackMd = {
 };
 const CVStackMd = {
   ...StackMd,
-  specializedFrom: COMP$1x,
+  specializedFrom: COMP$1w,
   description: `This component represents a stack that renders its contents vertically and aligns that in the center along both axes.`
 };
 const CHStackMd = {
   ...StackMd,
-  specializedFrom: COMP$1x,
+  specializedFrom: COMP$1w,
   description: `This component represents a stack that renders its contents horizontally and aligns that in the center along both axes.`
 };
 function renderStack({
@@ -3465,7 +3465,7 @@ function renderStack({
   );
 }
 const stackComponentRenderer = createComponentRenderer(
-  COMP$1x,
+  COMP$1w,
   StackMd,
   ({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler }) => {
     const orientation = extractValue(node.props?.orientation) || DEFAULT_ORIENTATION$1;
@@ -4302,7 +4302,7 @@ function setCustomVariantCache(variant, entry) {
 function hasCustomVariantCache(variant) {
   return customVariantCache.has(variant);
 }
-const defaultProps$1d = {
+const defaultProps$1e = {
   maxLines: 0,
   preserveLinebreaks: false,
   ellipses: true,
@@ -4312,14 +4312,14 @@ const defaultProps$1d = {
 const Text = forwardRef(function Text2({
   uid,
   variant,
-  maxLines = defaultProps$1d.maxLines,
+  maxLines = defaultProps$1e.maxLines,
   style: style2,
   className,
   children,
-  preserveLinebreaks: preserveLinebreaks2 = defaultProps$1d.preserveLinebreaks,
-  ellipses = defaultProps$1d.ellipses,
-  overflowMode = defaultProps$1d.overflowMode,
-  breakMode = defaultProps$1d.breakMode,
+  preserveLinebreaks: preserveLinebreaks2 = defaultProps$1e.preserveLinebreaks,
+  ellipses = defaultProps$1e.ellipses,
+  overflowMode = defaultProps$1e.overflowMode,
+  breakMode = defaultProps$1e.breakMode,
   registerComponentApi,
   ...variantSpecificProps
 }, forwardedRef) {
@@ -4484,7 +4484,7 @@ function Adornment({ iconName, text: text2, className, onClick, ...rest }) {
     }
   ) : null });
 }
-const defaultProps$1c = {
+const defaultProps$1d = {
   type: "text",
   value: "",
   initialValue: "",
@@ -4500,20 +4500,20 @@ const defaultProps$1c = {
 };
 const TextBox = forwardRef(function TextBox2({
   id,
-  type = defaultProps$1c.type,
-  value = defaultProps$1c.value,
-  updateState = defaultProps$1c.updateState,
-  initialValue = defaultProps$1c.initialValue,
+  type = defaultProps$1d.type,
+  value = defaultProps$1d.value,
+  updateState = defaultProps$1d.updateState,
+  initialValue = defaultProps$1d.initialValue,
   style: style2,
   className,
   maxLength,
-  enabled: enabled2 = defaultProps$1c.enabled,
+  enabled: enabled2 = defaultProps$1d.enabled,
   placeholder: placeholder2,
-  validationStatus = defaultProps$1c.validationStatus,
-  onDidChange = defaultProps$1c.onDidChange,
-  onFocus = defaultProps$1c.onFocus,
-  onBlur = defaultProps$1c.onBlur,
-  onKeyDown = defaultProps$1c.onKeyDown,
+  validationStatus = defaultProps$1d.validationStatus,
+  onDidChange = defaultProps$1d.onDidChange,
+  onFocus = defaultProps$1d.onFocus,
+  onBlur = defaultProps$1d.onBlur,
+  onKeyDown = defaultProps$1d.onKeyDown,
   registerComponentApi,
   startText,
   startIcon,
@@ -4525,8 +4525,8 @@ const TextBox = forwardRef(function TextBox2({
   tabIndex,
   required: required2,
   showPasswordToggle,
-  passwordVisibleIcon = defaultProps$1c.passwordVisibleIcon,
-  passwordHiddenIcon = defaultProps$1c.passwordHiddenIcon,
+  passwordVisibleIcon = defaultProps$1d.passwordVisibleIcon,
+  passwordHiddenIcon = defaultProps$1d.passwordHiddenIcon,
   ...rest
 }, ref) {
   const inputRef = useRef(null);
@@ -4651,7 +4651,7 @@ const TextBox = forwardRef(function TextBox2({
     }
   );
 });
-const COMP$1w = "TextBox";
+const COMP$1v = "TextBox";
 const TextBoxMd = createMetadata({
   status: "stable",
   description: "`TextBox` captures user text input for forms, search fields, and data entry with support for validation, icons, and formatting hints.",
@@ -4674,7 +4674,7 @@ const TextBoxMd = createMetadata({
     placeholder: dPlaceholder(),
     initialValue: {
       ...dInitialValue(),
-      defaultValue: defaultProps$1c.initialValue
+      defaultValue: defaultProps$1d.initialValue
     },
     maxLength: dMaxLength(),
     autoFocus: dAutoFocus(),
@@ -4682,11 +4682,11 @@ const TextBoxMd = createMetadata({
     readOnly: dReadonly(),
     enabled: {
       ...dEnabled(),
-      defaultValue: defaultProps$1c.enabled
+      defaultValue: defaultProps$1d.enabled
     },
     validationStatus: {
       ...dValidationStatus(),
-      defaultValue: defaultProps$1c.validationStatus
+      defaultValue: defaultProps$1d.validationStatus
     },
     startText: dStartText(),
     startIcon: dStartIcon(),
@@ -4711,13 +4711,13 @@ const TextBoxMd = createMetadata({
     }
   },
   events: {
-    gotFocus: dGotFocus(COMP$1w),
-    lostFocus: dLostFocus(COMP$1w),
-    didChange: dDidChange(COMP$1w)
+    gotFocus: dGotFocus(COMP$1v),
+    lostFocus: dLostFocus(COMP$1v),
+    didChange: dDidChange(COMP$1v)
   },
   apis: {
     focus: {
-      description: `This method sets the focus on the \`${COMP$1w}\` component.`,
+      description: `This method sets the focus on the \`${COMP$1v}\` component.`,
       signature: "focus(): void"
     },
     value: {
@@ -4725,7 +4725,7 @@ const TextBoxMd = createMetadata({
       signature: "get value(): string | undefined"
     },
     setValue: {
-      description: `This API sets the value of the \`${COMP$1w}\`. You can use it to programmatically change the value.`,
+      description: `This API sets the value of the \`${COMP$1v}\`. You can use it to programmatically change the value.`,
       signature: "setValue(value: string): void",
       parameters: {
         value: "The new value to set. If the value is empty, it will clear the input."
@@ -4740,8 +4740,8 @@ const TextBoxMd = createMetadata({
     "backgroundColor-Input--disabled": "$backgroundColor--disabled",
     "borderWidth-Input": "1px",
     "minHeight-Input": "39px",
-    [`paddingHorizontal-${COMP$1w}`]: "$space-2",
-    [`paddingVertical-${COMP$1w}`]: "$space-2",
+    [`paddingHorizontal-${COMP$1v}`]: "$space-2",
+    [`paddingVertical-${COMP$1v}`]: "$space-2",
     "gap-adornment-Input": "$space-2",
     "borderStyle-Input": "solid",
     "borderColor-Input--disabled": "$borderColor--disabled",
@@ -4798,7 +4798,7 @@ function renderTextBox(className, state, updateState, extractValue, node, lookup
   );
 }
 const textBoxComponentRenderer = createComponentRenderer(
-  COMP$1w,
+  COMP$1v,
   TextBoxMd,
   ({
     node,
@@ -5878,7 +5878,7 @@ const RootThemeDefinition = {
     "boxShadow-spread-2": "-6px -4px 40px 10px rgba(0, 0, 0, 0.1)",
     "boxShadow-spread-2-xl": "-6px -4px 40px 18px rgba(0, 0, 0, 0.1)",
     // --- The default maximum content width
-    "maxWidth-content": "1320px",
+    "maxWidth-content": "1280px",
     // --- Background colors
     backgroundColor: "$color-surface-subtle",
     "backgroundColor-overlay": "rgba(0, 0, 0, 0.2)",
@@ -7212,7 +7212,7 @@ const NotificationToast = ({ toastDuration }) => {
     root2
   );
 };
-const defaultProps$1b = {
+const defaultProps$1c = {
   isRoot: false,
   applyIf: true,
   toastDuration: 5e3,
@@ -7221,13 +7221,13 @@ const defaultProps$1b = {
 };
 function Theme({
   id,
-  isRoot = defaultProps$1b.isRoot,
+  isRoot = defaultProps$1c.isRoot,
   applyIf,
   renderChild: renderChild2,
   node,
   tone,
-  toastDuration = defaultProps$1b.toastDuration,
-  themeVars: themeVars2 = defaultProps$1b.themeVars,
+  toastDuration = defaultProps$1c.toastDuration,
+  themeVars: themeVars2 = defaultProps$1c.themeVars,
   layoutContext,
   children
 }) {
@@ -7342,7 +7342,7 @@ function Theme({
   if (indexing) {
     return children;
   }
-  const shouldApplyTheme = applyIf ?? defaultProps$1b.applyIf;
+  const shouldApplyTheme = applyIf ?? defaultProps$1c.applyIf;
   if (!shouldApplyTheme) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       renderChild2 && renderChild2(node.children),
@@ -7401,7 +7401,7 @@ function RootClasses({ classNames = EMPTY_ARRAY }) {
   registry.addRootClasses(classNames);
   return null;
 }
-const COMP$1v = "Theme";
+const COMP$1u = "Theme";
 const ThemeMd = createMetadata({
   status: "stable",
   description: "`Theme` creates styling contexts to customize the appearance of nested components without using CSS.",
@@ -7418,7 +7418,7 @@ const ThemeMd = createMetadata({
       `This property indicates whether the component is at the root of the application.`,
       void 0,
       "boolean",
-      defaultProps$1b.root
+      defaultProps$1c.root
     ),
     applyIf: d(
       `This property controls whether the theme wrapper is applied. When true (default), the theme wraps the children. When false, children are rendered unwrapped.`,
@@ -7430,7 +7430,7 @@ const ThemeMd = createMetadata({
   opaque: true
 });
 const themeComponentRenderer = createComponentRenderer(
-  COMP$1v,
+  COMP$1u,
   ThemeMd,
   ({ node, extractValue, renderChild: renderChild2, layoutContext, appContext }) => {
     const { tone, ...restProps } = node.props;
@@ -7456,22 +7456,23 @@ const themeComponentRenderer = createComponentRenderer(
   }
 );
 const themeVars$X = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "backgroundColor-navPanel-App": "var(--xmlui-backgroundColor-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "backgroundColor-content-App": "var(--xmlui-backgroundColor-content-App)", "borderLeft-content-App": "var(--xmlui-borderLeft-content-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "maxWidth-App": "var(--xmlui-maxWidth-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
-const wrapper$k = "_wrapper_1vmpp_15";
-const verticalFullHeader = "_verticalFullHeader_1vmpp_15";
-const navPanelWrapper = "_navPanelWrapper_1vmpp_15";
-const vertical$7 = "_vertical_1vmpp_15";
-const contentWrapper$2 = "_contentWrapper_1vmpp_33";
-const noScrollbarGutters = "_noScrollbarGutters_1vmpp_39";
-const PagesWrapper = "_PagesWrapper_1vmpp_46";
-const footerWrapper = "_footerWrapper_1vmpp_50";
-const sticky = "_sticky_1vmpp_53";
-const horizontal$6 = "_horizontal_1vmpp_57";
-const desktop = "_desktop_1vmpp_79";
-const headerWrapper$1 = "_headerWrapper_1vmpp_94";
-const PagesWrapperInner = "_PagesWrapperInner_1vmpp_137";
-const scrollWholePage = "_scrollWholePage_1vmpp_212";
-const content$8 = "_content_1vmpp_33";
-const withDefaultContentPadding = "_withDefaultContentPadding_1vmpp_326";
+const wrapper$k = "_wrapper_1le1z_15";
+const verticalFullHeader = "_verticalFullHeader_1le1z_15";
+const navPanelWrapper = "_navPanelWrapper_1le1z_15";
+const vertical$7 = "_vertical_1le1z_15";
+const contentWrapper$2 = "_contentWrapper_1le1z_33";
+const noScrollbarGutters = "_noScrollbarGutters_1le1z_39";
+const PagesWrapper = "_PagesWrapper_1le1z_46";
+const footerWrapper = "_footerWrapper_1le1z_50";
+const sticky = "_sticky_1le1z_53";
+const nonSticky = "_nonSticky_1le1z_57";
+const horizontal$6 = "_horizontal_1le1z_60";
+const headerWrapper$1 = "_headerWrapper_1le1z_86";
+const desktop = "_desktop_1le1z_92";
+const PagesWrapperInner = "_PagesWrapperInner_1le1z_150";
+const scrollWholePage = "_scrollWholePage_1le1z_228";
+const content$8 = "_content_1le1z_33";
+const withDefaultContentPadding = "_withDefaultContentPadding_1le1z_342";
 const styles$1b = {
   themeVars: themeVars$X,
   wrapper: wrapper$k,
@@ -7483,9 +7484,10 @@ const styles$1b = {
   PagesWrapper,
   footerWrapper,
   sticky,
+  nonSticky,
   horizontal: horizontal$6,
-  desktop,
   headerWrapper: headerWrapper$1,
+  desktop,
   PagesWrapperInner,
   scrollWholePage,
   content: content$8,
@@ -7601,17 +7603,17 @@ SheetTitle.displayName = SheetPrimitive.Title.displayName;
 const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, { ref, className: classnames("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 const themeVars$V = `'{"padding-AppHeader": "var(--xmlui-padding-AppHeader)", "paddingHorizontal-AppHeader": "var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader))", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader))", "paddingLeft-AppHeader": "var(--xmlui-paddingLeft-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingRight-AppHeader": "var(--xmlui-paddingRight-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingTop-AppHeader": "var(--xmlui-paddingTop-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingBottom-AppHeader": "var(--xmlui-paddingBottom-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "paddingHorizontal-logo-AppHeader": "var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingVertical-logo-AppHeader": "var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingLeft-logo-AppHeader": "var(--xmlui-paddingLeft-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingRight-logo-AppHeader": "var(--xmlui-paddingRight-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingTop-logo-AppHeader": "var(--xmlui-paddingTop-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingBottom-logo-AppHeader": "var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "border-AppHeader": "var(--xmlui-border-AppHeader)", "borderHorizontal-AppHeader": "var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader))", "borderVertical-AppHeader": "var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader))", "borderLeft-AppHeader": "var(--xmlui-borderLeft-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderRight-AppHeader": "var(--xmlui-borderRight-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderTop-AppHeader": "var(--xmlui-borderTop-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderWidth-AppHeader": "var(--xmlui-borderWidth-AppHeader)", "borderHorizontalWidth-AppHeader": "var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderLeftWidth-AppHeader": "var(--xmlui-borderLeftWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderRightWidth-AppHeader": "var(--xmlui-borderRightWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderVerticalWidth-AppHeader": "var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderTopWidth-AppHeader": "var(--xmlui-borderTopWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderBottomWidth-AppHeader": "var(--xmlui-borderBottomWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderStyle-AppHeader": "var(--xmlui-borderStyle-AppHeader)", "borderHorizontalStyle-AppHeader": "var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderLeftStyle-AppHeader": "var(--xmlui-borderLeftStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderRightStyle-AppHeader": "var(--xmlui-borderRightStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderVerticalStyle-AppHeader": "var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderTopStyle-AppHeader": "var(--xmlui-borderTopStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderBottomStyle-AppHeader": "var(--xmlui-borderBottomStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderColor-AppHeader": "var(--xmlui-borderColor-AppHeader)", "borderHorizontalColor-AppHeader": "var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderLeftColor-AppHeader": "var(--xmlui-borderLeftColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderRightColor-AppHeader": "var(--xmlui-borderRightColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderVerticalColor-AppHeader": "var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderTopColor-AppHeader": "var(--xmlui-borderTopColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderBottomColor-AppHeader": "var(--xmlui-borderBottomColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderStartStartRadius-AppHeader": "var(--xmlui-borderStartStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderStartEndRadius-AppHeader": "var(--xmlui-borderStartEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndStartRadius-AppHeader": "var(--xmlui-borderEndStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndEndRadius-AppHeader": "var(--xmlui-borderEndEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "alignment-content-AppHeader": "var(--xmlui-alignment-content-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "maxWidth-content-AppHeader": "var(--xmlui-maxWidth-content-AppHeader)", "maxWidth-AppHeader": "var(--xmlui-maxWidth-AppHeader)", "padding-drawerToggle-AppHeader": "var(--xmlui-padding-drawerToggle-AppHeader)"}'`;
-const header$2 = "_header_k4by4_14";
-const headerInner = "_headerInner_k4by4_40";
-const full$1 = "_full_k4by4_56";
-const childrenWrapper = "_childrenWrapper_k4by4_63";
-const subNavPanelSlot = "_subNavPanelSlot_k4by4_74";
-const logoAndTitle = "_logoAndTitle_k4by4_78";
-const logoContainer = "_logoContainer_k4by4_90";
-const customLogoContainer = "_customLogoContainer_k4by4_102";
-const rightItems = "_rightItems_k4by4_110";
-const drawerToggle = "_drawerToggle_k4by4_138";
-const logoLink = "_logoLink_k4by4_147";
+const header$2 = "_header_yogh8_14";
+const headerInner = "_headerInner_yogh8_40";
+const full$1 = "_full_yogh8_56";
+const childrenWrapper = "_childrenWrapper_yogh8_63";
+const subNavPanelSlot = "_subNavPanelSlot_yogh8_74";
+const logoAndTitle = "_logoAndTitle_yogh8_78";
+const logoContainer = "_logoContainer_yogh8_90";
+const customLogoContainer = "_customLogoContainer_yogh8_102";
+const rightItems = "_rightItems_yogh8_110";
+const drawerToggle = "_drawerToggle_yogh8_138";
+const logoLink = "_logoLink_yogh8_147";
 const styles$1a = {
   themeVars: themeVars$V,
   header: header$2,
@@ -7634,7 +7636,7 @@ const styles$19 = {
   img,
   clickable: clickable$1
 };
-const defaultProps$1a = {
+const defaultProps$1b = {
   fit: "contain",
   lazyLoad: false,
   inline: false
@@ -7643,13 +7645,13 @@ const Image = forwardRef(function Img({
   src,
   alt,
   imageData,
-  fit = defaultProps$1a.fit,
+  fit = defaultProps$1b.fit,
   style: style2,
   className,
   onClick,
   aspectRatio,
-  lazyLoad = defaultProps$1a.lazyLoad,
-  inline = defaultProps$1a.inline,
+  lazyLoad = defaultProps$1b.lazyLoad,
+  inline = defaultProps$1b.inline,
   ...rest
 }, ref) {
   const [blobUrl, setBlobUrl] = useState(null);
@@ -7711,11 +7713,11 @@ function safeConvertPropToString(prop) {
   }
   return void 0;
 }
-const defaultProps$19 = {
+const defaultProps$1a = {
   alt: "Logo",
   inline: false
 };
-const Logo$1 = forwardRef(function Logo2({ style: style2, alt = defaultProps$19.alt, inline = defaultProps$19.inline, className, ...rest }, forwardedRef) {
+const Logo$1 = forwardRef(function Logo2({ style: style2, alt = defaultProps$1a.alt, inline = defaultProps$1a.inline, className, ...rest }, forwardedRef) {
   const logoUrl = useLogoUrl();
   if (!logoUrl) {
     return null;
@@ -7777,14 +7779,14 @@ function getComposedRef(...refs) {
   }
   return composeRefs(...nonUndefinedRefs);
 }
-const themeVars$S = `'{"border-NavPanel": "var(--xmlui-border-NavPanel)", "borderHorizontal-NavPanel": "var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel))", "borderVertical-NavPanel": "var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel))", "borderLeft-NavPanel": "var(--xmlui-borderLeft-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderRight-NavPanel": "var(--xmlui-borderRight-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderTop-NavPanel": "var(--xmlui-borderTop-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderBottom-NavPanel": "var(--xmlui-borderBottom-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderWidth-NavPanel": "var(--xmlui-borderWidth-NavPanel)", "borderHorizontalWidth-NavPanel": "var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderLeftWidth-NavPanel": "var(--xmlui-borderLeftWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderRightWidth-NavPanel": "var(--xmlui-borderRightWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderVerticalWidth-NavPanel": "var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderTopWidth-NavPanel": "var(--xmlui-borderTopWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderBottomWidth-NavPanel": "var(--xmlui-borderBottomWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderStyle-NavPanel": "var(--xmlui-borderStyle-NavPanel)", "borderHorizontalStyle-NavPanel": "var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderLeftStyle-NavPanel": "var(--xmlui-borderLeftStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderRightStyle-NavPanel": "var(--xmlui-borderRightStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderVerticalStyle-NavPanel": "var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderTopStyle-NavPanel": "var(--xmlui-borderTopStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderBottomStyle-NavPanel": "var(--xmlui-borderBottomStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderColor-NavPanel": "var(--xmlui-borderColor-NavPanel)", "borderHorizontalColor-NavPanel": "var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderLeftColor-NavPanel": "var(--xmlui-borderLeftColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderRightColor-NavPanel": "var(--xmlui-borderRightColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderVerticalColor-NavPanel": "var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderTopColor-NavPanel": "var(--xmlui-borderTopColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderBottomColor-NavPanel": "var(--xmlui-borderBottomColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderStartStartRadius-NavPanel": "var(--xmlui-borderStartStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderStartEndRadius-NavPanel": "var(--xmlui-borderStartEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndStartRadius-NavPanel": "var(--xmlui-borderEndStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndEndRadius-NavPanel": "var(--xmlui-borderEndEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "backgroundColor-NavPanel": "var(--xmlui-backgroundColor-NavPanel)", "backgroundColor-NavPanel-horizontal": "var(--xmlui-backgroundColor-NavPanel-horizontal)", "boxShadow-NavPanel": "var(--xmlui-boxShadow-NavPanel)", "padding-NavPanel": "var(--xmlui-padding-NavPanel)", "paddingHorizontal-NavPanel": "var(--xmlui-paddingHorizontal-NavPanel)", "paddingVertical-NavPanel": "var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel))", "paddingLeft-NavPanel": "var(--xmlui-paddingLeft-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingRight-NavPanel": "var(--xmlui-paddingRight-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingTop-NavPanel": "var(--xmlui-paddingTop-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingBottom-NavPanel": "var(--xmlui-paddingBottom-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "padding-logo-NavPanel": "var(--xmlui-padding-logo-NavPanel)", "paddingHorizontal-logo-NavPanel": "var(--xmlui-paddingHorizontal-logo-NavPanel)", "paddingVertical-logo-NavPanel": "var(--xmlui-paddingVertical-logo-NavPanel)", "paddingLeft-logo-NavPanel": "var(--xmlui-paddingLeft-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingRight-logo-NavPanel": "var(--xmlui-paddingRight-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingTop-logo-NavPanel": "var(--xmlui-paddingTop-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingBottom-logo-NavPanel": "var(--xmlui-paddingBottom-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "marginBottom-logo-NavPanel": "var(--xmlui-marginBottom-logo-NavPanel)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader)", "alignment-content-AppHeader": "var(--xmlui-alignment-content-AppHeader)", "horizontalAlignment-logo-NavPanel": "var(--xmlui-horizontalAlignment-logo-NavPanel)"}'`;
-const wrapper$j = "_wrapper_lfqop_14";
-const condensed = "_condensed_lfqop_51";
-const vertical$5 = "_vertical_lfqop_54";
-const horizontal$5 = "_horizontal_lfqop_57";
-const wrapperInner = "_wrapperInner_lfqop_62";
-const logoWrapper$1 = "_logoWrapper_lfqop_79";
-const inDrawer = "_inDrawer_lfqop_89";
+const themeVars$S = `'{"border-NavPanel": "var(--xmlui-border-NavPanel)", "borderHorizontal-NavPanel": "var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel))", "borderVertical-NavPanel": "var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel))", "borderLeft-NavPanel": "var(--xmlui-borderLeft-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderRight-NavPanel": "var(--xmlui-borderRight-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderTop-NavPanel": "var(--xmlui-borderTop-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderBottom-NavPanel": "var(--xmlui-borderBottom-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderWidth-NavPanel": "var(--xmlui-borderWidth-NavPanel)", "borderHorizontalWidth-NavPanel": "var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderLeftWidth-NavPanel": "var(--xmlui-borderLeftWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderRightWidth-NavPanel": "var(--xmlui-borderRightWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderVerticalWidth-NavPanel": "var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderTopWidth-NavPanel": "var(--xmlui-borderTopWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderBottomWidth-NavPanel": "var(--xmlui-borderBottomWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderStyle-NavPanel": "var(--xmlui-borderStyle-NavPanel)", "borderHorizontalStyle-NavPanel": "var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderLeftStyle-NavPanel": "var(--xmlui-borderLeftStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderRightStyle-NavPanel": "var(--xmlui-borderRightStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderVerticalStyle-NavPanel": "var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderTopStyle-NavPanel": "var(--xmlui-borderTopStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderBottomStyle-NavPanel": "var(--xmlui-borderBottomStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderColor-NavPanel": "var(--xmlui-borderColor-NavPanel)", "borderHorizontalColor-NavPanel": "var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderLeftColor-NavPanel": "var(--xmlui-borderLeftColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderRightColor-NavPanel": "var(--xmlui-borderRightColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderVerticalColor-NavPanel": "var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderTopColor-NavPanel": "var(--xmlui-borderTopColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderBottomColor-NavPanel": "var(--xmlui-borderBottomColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderStartStartRadius-NavPanel": "var(--xmlui-borderStartStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderStartEndRadius-NavPanel": "var(--xmlui-borderStartEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndStartRadius-NavPanel": "var(--xmlui-borderEndStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndEndRadius-NavPanel": "var(--xmlui-borderEndEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "backgroundColor-NavPanel": "var(--xmlui-backgroundColor-NavPanel)", "backgroundColor-NavPanel-horizontal": "var(--xmlui-backgroundColor-NavPanel-horizontal)", "borderRight-NavPanel-vertical": "var(--xmlui-borderRight-NavPanel-vertical)", "boxShadow-NavPanel": "var(--xmlui-boxShadow-NavPanel)", "padding-NavPanel": "var(--xmlui-padding-NavPanel)", "paddingHorizontal-NavPanel": "var(--xmlui-paddingHorizontal-NavPanel)", "paddingVertical-NavPanel": "var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel))", "paddingLeft-NavPanel": "var(--xmlui-paddingLeft-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingRight-NavPanel": "var(--xmlui-paddingRight-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingTop-NavPanel": "var(--xmlui-paddingTop-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingBottom-NavPanel": "var(--xmlui-paddingBottom-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "padding-logo-NavPanel": "var(--xmlui-padding-logo-NavPanel)", "paddingHorizontal-logo-NavPanel": "var(--xmlui-paddingHorizontal-logo-NavPanel)", "paddingVertical-logo-NavPanel": "var(--xmlui-paddingVertical-logo-NavPanel)", "paddingLeft-logo-NavPanel": "var(--xmlui-paddingLeft-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingRight-logo-NavPanel": "var(--xmlui-paddingRight-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingTop-logo-NavPanel": "var(--xmlui-paddingTop-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingBottom-logo-NavPanel": "var(--xmlui-paddingBottom-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "marginBottom-logo-NavPanel": "var(--xmlui-marginBottom-logo-NavPanel)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader)", "alignment-content-AppHeader": "var(--xmlui-alignment-content-AppHeader)", "horizontalAlignment-logo-NavPanel": "var(--xmlui-horizontalAlignment-logo-NavPanel)"}'`;
+const wrapper$j = "_wrapper_ggqnq_14";
+const condensed = "_condensed_ggqnq_51";
+const vertical$5 = "_vertical_ggqnq_54";
+const horizontal$5 = "_horizontal_ggqnq_58";
+const wrapperInner = "_wrapperInner_ggqnq_64";
+const logoWrapper$1 = "_logoWrapper_ggqnq_81";
+const inDrawer = "_inDrawer_ggqnq_91";
 const styles$18 = {
   themeVars: themeVars$S,
   wrapper: wrapper$j,
@@ -7902,7 +7904,7 @@ function buildLinkMap(navLinks) {
   processNodes(navLinks);
   return linkMap;
 }
-const defaultProps$18 = {
+const defaultProps$19 = {
   inDrawer: false
 };
 const NavPanelContext = React__default.createContext(null);
@@ -7926,7 +7928,7 @@ const NavPanel = forwardRef(function NavPanel2({
   style: style2,
   logoContent,
   className,
-  inDrawer: inDrawer2 = defaultProps$18.inDrawer,
+  inDrawer: inDrawer2 = defaultProps$19.inDrawer,
   renderChild: renderChild2,
   navLinks,
   ...rest
@@ -8001,7 +8003,7 @@ function mergeProps(childProps, restProps) {
   }
   return { ...childProps, ...overrideProps };
 }
-const defaultProps$17 = {
+const defaultProps$18 = {
   iconHorizontalExpanded: "chevronright",
   iconHorizontalCollapsed: "chevronright",
   iconVerticalExpanded: "chevrondown",
@@ -8034,10 +8036,10 @@ const NavGroup = forwardRef(function NavGroup2({
     return {
       level: level + 1,
       layoutIsVertical,
-      iconHorizontalCollapsed: iconHorizontalCollapsed ?? defaultProps$17.iconHorizontalCollapsed,
-      iconHorizontalExpanded: iconHorizontalExpanded ?? defaultProps$17.iconHorizontalExpanded,
-      iconVerticalCollapsed: iconVerticalCollapsed ?? (level < 0 && !inline ? defaultProps$17.iconVerticalExpanded : defaultProps$17.iconVerticalCollapsed),
-      iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$17.iconVerticalExpanded
+      iconHorizontalCollapsed: iconHorizontalCollapsed ?? defaultProps$18.iconHorizontalCollapsed,
+      iconHorizontalExpanded: iconHorizontalExpanded ?? defaultProps$18.iconHorizontalExpanded,
+      iconVerticalCollapsed: iconVerticalCollapsed ?? (level < 0 && !inline ? defaultProps$18.iconVerticalExpanded : defaultProps$18.iconVerticalCollapsed),
+      iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$18.iconVerticalExpanded
     };
   }, [
     iconHorizontalCollapsed,
@@ -8229,12 +8231,12 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
 const NavGroupContext = createContext({
   level: -1,
   layoutIsVertical: false,
-  iconHorizontalCollapsed: defaultProps$17.iconHorizontalCollapsed,
-  iconHorizontalExpanded: defaultProps$17.iconHorizontalExpanded,
-  iconVerticalCollapsed: defaultProps$17.iconVerticalCollapsed,
-  iconVerticalExpanded: defaultProps$17.iconVerticalExpanded
+  iconHorizontalCollapsed: defaultProps$18.iconHorizontalCollapsed,
+  iconHorizontalExpanded: defaultProps$18.iconHorizontalExpanded,
+  iconVerticalCollapsed: defaultProps$18.iconVerticalCollapsed,
+  iconVerticalExpanded: defaultProps$18.iconVerticalExpanded
 });
-const defaultProps$16 = {
+const defaultProps$17 = {
   active: false,
   displayActive: true
 };
@@ -8244,7 +8246,7 @@ const NavLink = forwardRef(function NavLink2({
   children,
   disabled: disabled2,
   to,
-  displayActive: displayActive2 = defaultProps$16.displayActive,
+  displayActive: displayActive2 = defaultProps$17.displayActive,
   vertical: vertical2,
   style: style2,
   onClick,
@@ -8319,7 +8321,7 @@ const NavLink = forwardRef(function NavLink2({
   return content2;
 });
 const PART_HAMBURGER = "hamburger";
-const defaultProps$15 = {
+const defaultProps$16 = {
   showLogo: true
 };
 function useLogoUrl() {
@@ -8342,7 +8344,7 @@ const AppHeader = ({
   canRestrictContentWidth,
   navPanelVisible = true,
   toggleDrawer,
-  showLogo = defaultProps$15.showLogo,
+  showLogo = defaultProps$16.showLogo,
   hasRegisteredNavPanel,
   title: title2,
   titleContent,
@@ -15112,7 +15114,7 @@ class PropsTrasform {
     return this.mapValues(filteredKeys, this.extractValue);
   }
 }
-const defaultProps$14 = {
+const defaultProps$15 = {
   scrollWholePage: true,
   noScrollbarGutters: false,
   defaultTone: void 0,
@@ -15126,10 +15128,10 @@ function App({
   style: style2 = EMPTY_OBJECT,
   layout,
   loggedInUser,
-  scrollWholePage: scrollWholePage2 = defaultProps$14.scrollWholePage,
-  noScrollbarGutters: noScrollbarGutters2 = defaultProps$14.noScrollbarGutters,
-  onReady = defaultProps$14.onReady,
-  onMessageReceived = defaultProps$14.onMessageReceived,
+  scrollWholePage: scrollWholePage2 = defaultProps$15.scrollWholePage,
+  noScrollbarGutters: noScrollbarGutters2 = defaultProps$15.noScrollbarGutters,
+  onReady = defaultProps$15.onReady,
+  onMessageReceived = defaultProps$15.onMessageReceived,
   header: header2,
   navPanel,
   footer,
@@ -15140,12 +15142,13 @@ function App({
   logoLight,
   defaultTone,
   defaultTheme,
-  autoDetectTone = defaultProps$14.autoDetectTone,
+  autoDetectTone = defaultProps$15.autoDetectTone,
   renderChild: renderChild2,
   name,
   className,
   applyDefaultContentPadding,
   registerComponentApi,
+  footerSticky = true,
   ...rest
 }) {
   const { getThemeVar } = useTheme();
@@ -15347,6 +15350,7 @@ function App({
   let pagesWrapperClasses = classnames(styles$1b.PagesWrapperInner, {
     [styles$1b.withDefaultContentPadding]: applyDefaultContentPadding
   });
+  const footerShouldBeNonSticky = !footerSticky && safeLayout !== "desktop";
   switch (safeLayout) {
     case "vertical":
       content2 = /* @__PURE__ */ jsxs(
@@ -15385,7 +15389,16 @@ function App({
                 }
               ),
               /* @__PURE__ */ jsx("div", { className: styles$1b.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }),
-              /* @__PURE__ */ jsx("div", { className: styles$1b.footerWrapper, ref: footerRefCallback, children: footer })
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classnames(styles$1b.footerWrapper, {
+                    [styles$1b.nonSticky]: footerShouldBeNonSticky
+                  }),
+                  ref: footerRefCallback,
+                  children: footer
+                }
+              )
             ] })
           ]
         }
@@ -15412,7 +15425,16 @@ function App({
               navPanelVisible && /* @__PURE__ */ jsx("aside", { className: styles$1b.navPanelWrapper, children: navPanel }),
               /* @__PURE__ */ jsx("main", { className: styles$1b.contentWrapper, children: /* @__PURE__ */ jsx("div", { className: styles$1b.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }) })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: styles$1b.footerWrapper, ref: footerRefCallback, children: footer })
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classnames(styles$1b.footerWrapper, {
+                  [styles$1b.nonSticky]: footerShouldBeNonSticky
+                }),
+                ref: footerRefCallback,
+                children: footer
+              }
+            )
           ]
         }
       );
@@ -15443,7 +15465,16 @@ function App({
               }
             ),
             /* @__PURE__ */ jsx("div", { className: styles$1b.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }),
-            /* @__PURE__ */ jsx("div", { className: styles$1b.footerWrapper, ref: footerRefCallback, children: footer })
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classnames(styles$1b.footerWrapper, {
+                  [styles$1b.nonSticky]: footerShouldBeNonSticky
+                }),
+                ref: footerRefCallback,
+                children: footer
+              }
+            )
           ]
         }
       );
@@ -15489,7 +15520,16 @@ function App({
               }
             ),
             /* @__PURE__ */ jsx("div", { className: styles$1b.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }),
-            /* @__PURE__ */ jsx("div", { className: styles$1b.footerWrapper, ref: footerRefCallback, children: footer })
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classnames(styles$1b.footerWrapper, {
+                  [styles$1b.nonSticky]: footerShouldBeNonSticky
+                }),
+                ref: footerRefCallback,
+                children: footer
+              }
+            )
           ]
         }
       );
@@ -15548,7 +15588,7 @@ function getAppLayoutOrientation(appLayout) {
       return "horizontal";
   }
 }
-const COMP$1u = "App";
+const COMP$1t = "App";
 const AppMd = createMetadata({
   status: "stable",
   description: "The `App` component is the root container that defines your application's overall structure and layout. It provides a complete UI framework with built-in navigation, header, footer, and content areas that work together seamlessly.",
@@ -15581,36 +15621,36 @@ const AppMd = createMetadata({
     scrollWholePage: {
       description: `This boolean property specifies whether the whole page should scroll (\`true\`) or just the content area (\`false\`). The default value is \`true\`.`,
       valueType: "boolean",
-      defaultValue: defaultProps$14.scrollWholePage
+      defaultValue: defaultProps$15.scrollWholePage
     },
     noScrollbarGutters: {
       description: "This boolean property specifies whether the scrollbar gutters should be hidden.",
       valueType: "boolean",
-      defaultValue: defaultProps$14.noScrollbarGutters
+      defaultValue: defaultProps$15.noScrollbarGutters
     },
     defaultTone: {
       description: `This property sets the app's default tone ("light" or "dark").`,
       valueType: "string",
-      defaultValue: defaultProps$14.defaultTone,
+      defaultValue: defaultProps$15.defaultTone,
       availableValues: ["light", "dark"]
     },
     defaultTheme: {
       description: "This property sets the app's default theme.",
       valueType: "string",
-      defaultValue: defaultProps$14.defaultTheme
+      defaultValue: defaultProps$15.defaultTheme
     },
     autoDetectTone: {
       description: `This boolean property enables automatic detection of the system theme preference. When set to true and no defaultTone is specified, the app will automatically use "light" or "dark" tone based on the user's system theme setting. The app will also respond to changes in the system theme preference.`,
       valueType: "boolean",
-      defaultValue: defaultProps$14.autoDetectTone
+      defaultValue: defaultProps$15.autoDetectTone
     }
   },
   events: {
     ready: {
-      description: `This event fires when the \`${COMP$1u}\` component finishes rendering on the page.`
+      description: `This event fires when the \`${COMP$1t}\` component finishes rendering on the page.`
     },
     messageReceived: {
-      description: `This event fires when the \`${COMP$1u}\` component receives a message from another window or iframe via the window.postMessage API.`
+      description: `This event fires when the \`${COMP$1t}\` component receives a message from another window or iframe via the window.postMessage API.`
     }
   },
   themeVars: { ...parseScssVar(styles$1b.themeVars), ...parseScssVar(drawerStyles.themeVars) },
@@ -15623,11 +15663,12 @@ const AppMd = createMetadata({
   },
   defaultThemeVars: {
     "maxWidth-Drawer": "100%",
-    [`width-navPanel-${COMP$1u}`]: "$space-64",
-    [`backgroundColor-navPanel-${COMP$1u}`]: "$backgroundColor",
-    [`maxWidth-content-${COMP$1u}`]: "$maxWidth-content",
-    [`boxShadow-header-${COMP$1u}`]: "none",
-    [`boxShadow-navPanel-${COMP$1u}`]: "$boxShadow-spread",
+    [`width-navPanel-${COMP$1t}`]: "$space-64",
+    [`backgroundColor-navPanel-${COMP$1t}`]: "$backgroundColor",
+    [`maxWidth-content-${COMP$1t}`]: "$maxWidth-content",
+    [`maxWidth-${COMP$1t}`]: "$maxWidth-content",
+    [`boxShadow-header-${COMP$1t}`]: "none",
+    [`boxShadow-navPanel-${COMP$1t}`]: "none",
     [`scroll-padding-block-Pages`]: "$space-4",
     [`backgroundColor-content-App`]: "$backgroundColor",
     light: {
@@ -15799,6 +15840,17 @@ function AppNode({ node, extractValue, renderChild: renderChild2, className, loo
     findOrCreateNavGroup
   ]);
   const applyDefaultContentPadding = !Pages2;
+  const footerSticky = useMemo(() => {
+    if (!Footer3) return true;
+    let footerNode = Footer3;
+    if (Footer3.type === "Theme" && Footer3.children?.length > 0) {
+      footerNode = Footer3.children.find((child) => child.type === "Footer");
+    }
+    if (footerNode?.type === "Footer" && footerNode.props?.sticky !== void 0) {
+      return extractValue.asOptionalBoolean(footerNode.props.sticky, true);
+    }
+    return true;
+  }, [Footer3, extractValue]);
   const appProps = useMemo(
     () => ({
       scrollWholePage: extractValue.asOptionalBoolean(node.props.scrollWholePage, true),
@@ -15815,7 +15867,8 @@ function AppNode({ node, extractValue, renderChild: renderChild2, className, loo
       defaultTone: extractValue(node.props.defaultTone),
       defaultTheme: extractValue(node.props.defaultTheme),
       autoDetectTone: extractValue.asOptionalBoolean(node.props.autoDetectTone, false),
-      applyDefaultContentPadding
+      applyDefaultContentPadding,
+      footerSticky
     }),
     [
       extractValue,
@@ -15832,7 +15885,8 @@ function AppNode({ node, extractValue, renderChild: renderChild2, className, loo
       node.props.defaultTheme,
       node.props.autoDetectTone,
       className,
-      applyDefaultContentPadding
+      applyDefaultContentPadding,
+      footerSticky
     ]
   );
   const renderedHeader = useMemo(() => renderChild2(AppHeader2), [AppHeader2, renderChild2]);
@@ -15973,7 +16027,7 @@ function PageIndexer({
   return /* @__PURE__ */ jsx("div", { ref: contentRef, children: renderChild2(Page.children) });
 }
 const appRenderer = createComponentRenderer(
-  COMP$1u,
+  COMP$1t,
   AppMd,
   ({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler, registerComponentApi }) => {
     return /* @__PURE__ */ jsx(
@@ -16098,13 +16152,13 @@ const SlotItem = memo(
   }
 );
 SlotItem.displayName = "SlotItem";
-const COMP$1t = "AppHeader";
+const COMP$1s = "AppHeader";
 const AppHeaderMd = createMetadata({
   status: "stable",
   description: "`AppHeader` defines the top navigation bar of your application within the [`App`](/components/App) component. It automatically handles logo placement, application title, and user profile areas with built-in responsive behavior.",
   props: {
     profileMenuTemplate: dComponent(
-      `This property makes the profile menu slot of the \`${COMP$1t}\` component customizable.`
+      `This property makes the profile menu slot of the \`${COMP$1s}\` component customizable.`
     ),
     logoTemplate: dComponent(
       "This property defines the template to use for the logo. With this property, you can construct your custom logo instead of using a single image."
@@ -16119,28 +16173,28 @@ const AppHeaderMd = createMetadata({
     showLogo: {
       description: "Show the logo in the header",
       valueType: "boolean",
-      defaultValue: defaultProps$15.showLogo
+      defaultValue: defaultProps$16.showLogo
     }
   },
   themeVars: parseScssVar(styles$1a.themeVars),
   themeVarDescriptions: {
-    [`padding‑logo‑${COMP$1t}`]: "This theme variable sets the padding of the logo in the app header (including all `padding` variants, such as `paddingLeft-logo-AppHeader` and others).",
-    [`width‑logo‑${COMP$1t}`]: "Sets the width of the displayed logo"
+    [`padding‑logo‑${COMP$1s}`]: "This theme variable sets the padding of the logo in the app header (including all `padding` variants, such as `paddingLeft-logo-AppHeader` and others).",
+    [`width‑logo‑${COMP$1s}`]: "Sets the width of the displayed logo"
   },
   defaultThemeVars: {
-    [`padding-drawerToggle-${COMP$1t}`]: "$space-0_5",
-    [`height-${COMP$1t}`]: "$space-14",
-    [`maxWidth-content-${COMP$1t}`]: "$maxWidth-content-App",
-    [`maxWidth-${COMP$1t}`]: "$maxWidth-App",
-    [`borderBottom-${COMP$1t}`]: "1px solid $borderColor",
-    ...paddingSubject(`logo-${COMP$1t}`, { horizontal: "$space-0", vertical: "$space-0" }),
-    ...paddingSubject(COMP$1t, { horizontal: "$space-4", vertical: "$space-0" }),
-    [`borderRadius-${COMP$1t}`]: "0px",
-    [`backgroundColor-${COMP$1t}`]: "$color-surface-raised"
+    [`padding-drawerToggle-${COMP$1s}`]: "$space-0_5",
+    [`height-${COMP$1s}`]: "$space-14",
+    [`maxWidth-content-${COMP$1s}`]: "$maxWidth-content-App",
+    [`maxWidth-${COMP$1s}`]: "$maxWidth-App",
+    [`borderBottom-${COMP$1s}`]: "1px solid $borderColor",
+    ...paddingSubject(`logo-${COMP$1s}`, { horizontal: "$space-0", vertical: "$space-0" }),
+    ...paddingSubject(COMP$1s, { horizontal: "$space-4", vertical: "$space-0" }),
+    [`borderRadius-${COMP$1s}`]: "0px",
+    [`backgroundColor-${COMP$1s}`]: "$color-surface-raised"
   }
 });
 const appHeaderComponentRenderer = createComponentRenderer(
-  COMP$1t,
+  COMP$1s,
   AppHeaderMd,
   ({ node, renderChild: renderChild2, className, layoutContext, extractValue }) => {
     const logoTemplate = node.props.logoTemplate || node.slots?.logoSlot;
@@ -16177,11 +16231,11 @@ const AppStateContext = createContext$1(null);
 function useAppStateContextPart(selector) {
   return useContextSelector(AppStateContext, selector);
 }
-const defaultProps$13 = {
+const defaultProps$14 = {
   bucket: "default"
 };
 function AppState({
-  bucket = defaultProps$13.bucket,
+  bucket = defaultProps$14.bucket,
   updateState,
   initialValue,
   registerComponentApi,
@@ -16226,7 +16280,7 @@ function AppState({
   }, [bucket, registerComponentApi, update, value]);
   return null;
 }
-const COMP$1s = "AppState";
+const COMP$1r = "AppState";
 const AppStateMd = createMetadata({
   status: "stable",
   description: "`AppState` is an invisible component that provides global state management across your entire application. Unlike component variables that are scoped locally, AppState allows any component to access and update shared state without prop drilling.",
@@ -16237,12 +16291,12 @@ const AppStateMd = createMetadata({
   },
   props: {
     bucket: {
-      description: `This property is the identifier of the bucket to which the \`${COMP$1s}\` instance is bound. Multiple \`${COMP$1s}\` instances with the same bucket will share the same state object: any of them updating the state will cause the other instances to view the new, updated state.`,
+      description: `This property is the identifier of the bucket to which the \`${COMP$1r}\` instance is bound. Multiple \`${COMP$1r}\` instances with the same bucket will share the same state object: any of them updating the state will cause the other instances to view the new, updated state.`,
       valueType: "string",
-      defaultValue: defaultProps$13.bucket
+      defaultValue: defaultProps$14.bucket
     },
     initialValue: {
-      description: `This property contains the initial state value. Though you can use multiple \`${COMP$1s}\`component instances for the same bucket with their \`initialValue\` set, it may result in faulty app logic. When xmlui instantiates an \`${COMP$1s}\` with an explicit initial value, that value is immediately merged with the existing state. The issue may come from the behavior that \`initialValue\` is set (merged) only when a component mounts. By default, the bucket's initial state is undefined.`
+      description: `This property contains the initial state value. Though you can use multiple \`${COMP$1r}\`component instances for the same bucket with their \`initialValue\` set, it may result in faulty app logic. When xmlui instantiates an \`${COMP$1r}\` with an explicit initial value, that value is immediately merged with the existing state. The issue may come from the behavior that \`initialValue\` is set (merged) only when a component mounts. By default, the bucket's initial state is undefined.`
     }
   },
   apis: {
@@ -16281,7 +16335,7 @@ const AppStateMd = createMetadata({
   nonVisual: true
 });
 const appStateComponentRenderer = createComponentRenderer(
-  COMP$1s,
+  COMP$1r,
   AppStateMd,
   ({ node, extractValue, updateState, registerComponentApi, lookupEventHandler }) => {
     return /* @__PURE__ */ jsx(
@@ -16312,10 +16366,10 @@ const styles$16 = {
   lg,
   clickable
 };
-const defaultProps$12 = {
+const defaultProps$13 = {
   size: "sm"
 };
-const Avatar = memo(forwardRef(function Avatar2({ size = defaultProps$12.size, url, name, style: style2, className, onClick, ...rest }, ref) {
+const Avatar = memo(forwardRef(function Avatar2({ size = defaultProps$13.size, url, name, style: style2, className, onClick, ...rest }, ref) {
   const abbreviatedName = useMemo(() => abbrevName(name ?? null), [name]);
   const handleKeyDown = (event) => {
     if (onClick && (event.key === "Enter" || event.key === " ")) {
@@ -16370,23 +16424,23 @@ function abbrevName(name) {
   }
   return null;
 }
-const COMP$1r = "Avatar";
+const COMP$1q = "Avatar";
 const AvatarMd = createMetadata({
   status: "stable",
   description: "`Avatar` displays a user or entity's profile picture as a circular image, with automatic fallback to initials when no image is provided. It's commonly used in headers, user lists, comments, and anywhere you need to represent a person or organization.",
   props: {
     size: {
-      description: `This property defines the display size of the ${COMP$1r}.`,
+      description: `This property defines the display size of the ${COMP$1q}.`,
       availableValues: sizeMd,
       valueType: "string",
-      defaultValue: defaultProps$12.size
+      defaultValue: defaultProps$13.size
     },
     name: {
-      description: `This property sets the name value the ${COMP$1r} uses to display initials. If neither this property nor \`url\` is defined, an empty avatar is displayed.`,
+      description: `This property sets the name value the ${COMP$1q} uses to display initials. If neither this property nor \`url\` is defined, an empty avatar is displayed.`,
       valueType: "string"
     },
     url: {
-      description: `This property specifies the URL of the image to display in the ${COMP$1r}. If neither this property nor \`name\` is defined, an empty avatar is displayed.`,
+      description: `This property specifies the URL of the image to display in the ${COMP$1q}. If neither this property nor \`name\` is defined, an empty avatar is displayed.`,
       valueType: "string"
     }
   },
@@ -16395,16 +16449,16 @@ const AvatarMd = createMetadata({
   },
   themeVars: parseScssVar(styles$16.themeVars),
   defaultThemeVars: {
-    [`borderRadius-${COMP$1r}`]: "4px",
-    [`boxShadow-${COMP$1r}`]: "inset 0 0 0 1px rgba(4,32,69,0.1)",
-    [`textColor-${COMP$1r}`]: "$textColor-secondary",
-    [`fontWeight-${COMP$1r}`]: "$fontWeight-bold",
-    [`border-${COMP$1r}`]: "0px solid $color-surface-400A80",
-    [`backgroundColor-${COMP$1r}`]: "$color-surface-100"
+    [`borderRadius-${COMP$1q}`]: "4px",
+    [`boxShadow-${COMP$1q}`]: "inset 0 0 0 1px rgba(4,32,69,0.1)",
+    [`textColor-${COMP$1q}`]: "$textColor-secondary",
+    [`fontWeight-${COMP$1q}`]: "$fontWeight-bold",
+    [`border-${COMP$1q}`]: "0px solid $color-surface-400A80",
+    [`backgroundColor-${COMP$1q}`]: "$color-surface-100"
   }
 });
 const avatarComponentRenderer = createComponentRenderer(
-  COMP$1r,
+  COMP$1q,
   AvatarMd,
   ({ node, extractValue, lookupEventHandler, className, extractResourceUrl }) => {
     return /* @__PURE__ */ jsx(
@@ -16431,10 +16485,10 @@ const badgeVariantValues = ["badge", "pill"];
 function isBadgeColors(color) {
   return typeof color === "object" && color !== null && "label" in color && "background" in color && typeof color.label === "string" && typeof color.background === "string";
 }
-const defaultProps$11 = {
+const defaultProps$12 = {
   variant: "badge"
 };
-const Badge = forwardRef(function Badge2({ children, color, variant = defaultProps$11.variant, style: style2, className, ...rest }, forwardedRef) {
+const Badge = forwardRef(function Badge2({ children, color, variant = defaultProps$12.variant, style: style2, className, ...rest }, forwardedRef) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -16455,7 +16509,7 @@ const Badge = forwardRef(function Badge2({ children, color, variant = defaultPro
     }
   );
 });
-const COMP$1q = "Badge";
+const COMP$1p = "Badge";
 const BadgeMd = createMetadata({
   status: "stable",
   description: "`Badge` displays small text labels with colored backgrounds, commonly used for status indicators, categories, tags, and counts. It supports dynamic color mapping based on content values, useful for status systems and data categorization.",
@@ -16469,10 +16523,10 @@ const BadgeMd = createMetadata({
       description: "Modifies the shape of the component. Comes in the regular `badge` variant or the `pill` variant with fully rounded corners.",
       type: "string",
       availableValues: badgeVariantValues,
-      defaultValue: defaultProps$11.variant
+      defaultValue: defaultProps$12.variant
     },
     colorMap: {
-      description: `The \`${COMP$1q}\` component supports the mapping of a list of colors using the \`value\` prop as the key. If this property is not set, no color mapping is used.`
+      description: `The \`${COMP$1p}\` component supports the mapping of a list of colors using the \`value\` prop as the key. If this property is not set, no color mapping is used.`
     },
     themeColor: dInternal(`(**NOT IMPLEMENTED YET**) The theme color of the component.`),
     indicatorText: dInternal(
@@ -16487,18 +16541,18 @@ const BadgeMd = createMetadata({
   events: {},
   themeVars: parseScssVar(styles$15.themeVars),
   defaultThemeVars: {
-    [`padding-${COMP$1q}`]: `$space-0_5 $space-2`,
-    [`border-${COMP$1q}`]: `0px solid $borderColor`,
-    [`padding-${COMP$1q}-pill`]: `$space-0_5 $space-2`,
-    [`borderRadius-${COMP$1q}`]: "4px",
-    [`fontSize-${COMP$1q}`]: "0.8em",
-    [`fontSize-${COMP$1q}-pill`]: "0.8em",
-    [`backgroundColor-${COMP$1q}`]: "rgb(from $color-secondary-500 r g b / 0.6)",
-    [`textColor-${COMP$1q}`]: "$const-color-surface-0"
+    [`padding-${COMP$1p}`]: `$space-0_5 $space-2`,
+    [`border-${COMP$1p}`]: `0px solid $borderColor`,
+    [`padding-${COMP$1p}-pill`]: `$space-0_5 $space-2`,
+    [`borderRadius-${COMP$1p}`]: "4px",
+    [`fontSize-${COMP$1p}`]: "0.8em",
+    [`fontSize-${COMP$1p}-pill`]: "0.8em",
+    [`backgroundColor-${COMP$1p}`]: "rgb(from $color-secondary-500 r g b / 0.6)",
+    [`textColor-${COMP$1p}`]: "$const-color-surface-0"
   }
 });
 const badgeComponentRenderer = createComponentRenderer(
-  COMP$1q,
+  COMP$1p,
   BadgeMd,
   ({ node, extractValue, renderChild: renderChild2, className }) => {
     const value = extractValue.asDisplayText(node.props.value);
@@ -16679,16 +16733,16 @@ const anchorRef$1 = "_anchorRef_1tdkt_2";
 const styles$14 = {
   anchorRef: anchorRef$1
 };
-const defaultProps$10 = {
+const defaultProps$11 = {
   level: 1,
   omitFromToc: false
 };
 const Bookmark = ({
   uid,
-  level = defaultProps$10.level,
+  level = defaultProps$11.level,
   children,
   title: title2,
-  omitFromToc = defaultProps$10.omitFromToc,
+  omitFromToc = defaultProps$11.omitFromToc,
   registerComponentApi,
   ...rest
 }) => {
@@ -16722,7 +16776,7 @@ const Bookmark = ({
   }, [uid, observeIntersection, registerHeading, level, title2, omitFromToc]);
   return /* @__PURE__ */ jsx("span", { ...rest, ref: elementRef, id: uid, "data-anchor": true, className: styles$14.anchorRef, children });
 };
-const COMP$1p = "Bookmark";
+const COMP$1o = "Bookmark";
 const BookmarkMd = createMetadata({
   status: "stable",
   description: "As its name suggests, this component places a bookmark into its parent component's view. The component has an `id` that you can use in links to navigate (scroll to) the bookmark's location.",
@@ -16735,7 +16789,7 @@ const BookmarkMd = createMetadata({
     level: {
       description: "The level of the bookmark. The level is used to determine the bookmark's position in the table of contents.",
       valueType: "number",
-      defaultValue: defaultProps$10.level
+      defaultValue: defaultProps$11.level
     },
     title: {
       description: "Defines the text to display the bookmark in the table of contents. If this property is empty, the text falls back to the value of `id`.",
@@ -16744,7 +16798,7 @@ const BookmarkMd = createMetadata({
     omitFromToc: {
       description: "If true, this bookmark will be excluded from the table of contents.",
       valueType: "boolean",
-      defaultValue: defaultProps$10.omitFromToc
+      defaultValue: defaultProps$11.omitFromToc
     }
   },
   apis: {
@@ -16755,7 +16809,7 @@ const BookmarkMd = createMetadata({
   }
 });
 const bookmarkComponentRenderer = createComponentRenderer(
-  COMP$1p,
+  COMP$1o,
   BookmarkMd,
   (rendererContext) => {
     const { node, renderChild: renderChild2, extractValue, layoutContext } = rendererContext;
@@ -16799,7 +16853,7 @@ const styles$12 = {
   disabled: disabled$a,
   iconWrapper
 };
-const defaultProps$$ = {
+const defaultProps$10 = {
   active: false,
   disabled: false
 };
@@ -16808,10 +16862,10 @@ const LinkNative = forwardRef(function LinkNative2(props, forwardedRef) {
     to,
     children,
     icon: icon2,
-    active: active2 = defaultProps$$.active,
+    active: active2 = defaultProps$10.active,
     onClick,
     target: target2,
-    disabled: disabled2 = defaultProps$$.disabled,
+    disabled: disabled2 = defaultProps$10.disabled,
     style: style2,
     className,
     ...anchorProps
@@ -16876,7 +16930,7 @@ const styles$11 = {
   preserveLinebreaks,
   noEllipsis
 };
-const defaultProps$_ = {
+const defaultProps$$ = {
   level: "h1",
   ellipses: true,
   omitFromToc: false,
@@ -16886,16 +16940,16 @@ const defaultProps$_ = {
 };
 const Heading = forwardRef(function Heading2({
   uid,
-  level = defaultProps$_.level,
+  level = defaultProps$$.level,
   children,
   sx,
   style: style2,
   title: title2,
-  maxLines = defaultProps$_.maxLines,
+  maxLines = defaultProps$$.maxLines,
   preserveLinebreaks: preserveLinebreaks2,
-  ellipses = defaultProps$_.ellipses,
+  ellipses = defaultProps$$.ellipses,
   className,
-  omitFromToc = defaultProps$_.omitFromToc,
+  omitFromToc = defaultProps$$.omitFromToc,
   showAnchor,
   registerComponentApi,
   ...furtherProps
@@ -16986,20 +17040,20 @@ const Heading = forwardRef(function Heading2({
     }
   );
 });
-const defaultProps$Z = {
+const defaultProps$_ = {
   orientation: "vertical",
   showAvatar: false
 };
 const Card = forwardRef(function Card2({
   children,
-  orientation = defaultProps$Z.orientation,
+  orientation = defaultProps$_.orientation,
   style: style2,
   className,
   title: title2,
   subtitle: subtitle2,
   linkTo,
   avatarUrl,
-  showAvatar = !!avatarUrl || defaultProps$Z.showAvatar,
+  showAvatar = !!avatarUrl || defaultProps$_.showAvatar,
   avatarSize,
   onClick,
   ...rest
@@ -17037,19 +17091,19 @@ const Card = forwardRef(function Card2({
     }
   );
 });
-const COMP$1o = "Card";
+const COMP$1n = "Card";
 const CardMd = createMetadata({
   status: "stable",
   description: "`Card` is a versatile container that groups related content with a visual boundary, typically featuring background color, padding, borders, and rounded corners. It's ideal for organizing information, creating sections, and establishing visual hierarchy in your interface.",
   props: {
     avatarUrl: {
-      description: `The url for an avarar image. If not specified, but [\`showAvatar\`](#showAvatar) is true, ${COMP$1o} will show the first letters of the [\`title\`](#title).`,
+      description: `The url for an avarar image. If not specified, but [\`showAvatar\`](#showAvatar) is true, ${COMP$1n} will show the first letters of the [\`title\`](#title).`,
       type: "string"
     },
     showAvatar: {
       description: `Indicates whether the avatar should be displayed`,
       valueType: "boolean",
-      defaultValue: defaultProps$Z.showAvatar
+      defaultValue: defaultProps$_.showAvatar
     },
     avatarSize: {
       description: `This prop sets the size of the avatar. The default value is \`sm\`.`,
@@ -17069,33 +17123,33 @@ const CardMd = createMetadata({
       valueType: "string"
     },
     orientation: {
-      description: `An optional property that governs the ${COMP$1o}'s orientation (whether the ${COMP$1o} lays out its children in a row or a column). If the orientation is set to \`horizontal\`, the ${COMP$1o} will display its children in a row, except for its [\`title\`](#title) and [\`subtitle\`](#subtitle).`,
+      description: `An optional property that governs the ${COMP$1n}'s orientation (whether the ${COMP$1n} lays out its children in a row or a column). If the orientation is set to \`horizontal\`, the ${COMP$1n} will display its children in a row, except for its [\`title\`](#title) and [\`subtitle\`](#subtitle).`,
       availableValues: orientationOptionMd,
       valueType: "string",
-      defaultValue: defaultProps$Z.orientation
+      defaultValue: defaultProps$_.orientation
     }
   },
   events: {
-    click: dClick(COMP$1o)
+    click: dClick(COMP$1n)
   },
   themeVars: parseScssVar(styles$13.themeVars),
   defaultThemeVars: {
-    [`padding-${COMP$1o}`]: "$space-4",
-    [`border-${COMP$1o}`]: "1px solid $borderColor",
-    [`borderRadius-${COMP$1o}`]: "$borderRadius",
-    [`boxShadow-${COMP$1o}`]: "none",
-    [`backgroundColor-${COMP$1o}`]: "$color-surface-raised",
-    [`gap-${COMP$1o}`]: "var(--stack-gap-default)",
-    [`gap-title-${COMP$1o}`]: "$gap-none",
-    [`gap-avatar-${COMP$1o}`]: "$gap-normal",
-    [`verticalAlignment-title-${COMP$1o}`]: "center"
+    [`padding-${COMP$1n}`]: "$space-4",
+    [`border-${COMP$1n}`]: "1px solid $borderColor",
+    [`borderRadius-${COMP$1n}`]: "$borderRadius",
+    [`boxShadow-${COMP$1n}`]: "none",
+    [`backgroundColor-${COMP$1n}`]: "$color-surface-raised",
+    [`gap-${COMP$1n}`]: "var(--stack-gap-default)",
+    [`gap-title-${COMP$1n}`]: "$gap-none",
+    [`gap-avatar-${COMP$1n}`]: "$gap-normal",
+    [`verticalAlignment-title-${COMP$1n}`]: "center"
   },
   themeVarDescriptions: {
-    [`gap-${COMP$1o}`]: "The gap between the component's children.",
-    [`gap-title-${COMP$1o}`]: "The gap between the title and the subtitle",
-    [`gap-avatar-${COMP$1o}`]: "The gap between the avatar and the title panel",
-    [`horizontalAlignment-title-${COMP$1o}`]: "The horizontal alignment of panel with the title and subtitle",
-    [`verticalAlignment-title-${COMP$1o}`]: "The vertical alignment of the title and subtitle to the avatar"
+    [`gap-${COMP$1n}`]: "The gap between the component's children.",
+    [`gap-title-${COMP$1n}`]: "The gap between the title and the subtitle",
+    [`gap-avatar-${COMP$1n}`]: "The gap between the avatar and the title panel",
+    [`horizontalAlignment-title-${COMP$1n}`]: "The horizontal alignment of panel with the title and subtitle",
+    [`verticalAlignment-title-${COMP$1n}`]: "The vertical alignment of the title and subtitle to the avatar"
   }
 });
 const cardComponentRenderer = createComponentRenderer(
@@ -17121,10 +17175,10 @@ const cardComponentRenderer = createComponentRenderer(
     );
   }
 );
-const defaultProps$Y = {
+const defaultProps$Z = {
   throttleWaitInMs: 0
 };
-function ChangeListener({ listenTo, onChange, throttleWaitInMs = defaultProps$Y.throttleWaitInMs }) {
+function ChangeListener({ listenTo, onChange, throttleWaitInMs = defaultProps$Z.throttleWaitInMs }) {
   const prevValue = usePrevious(listenTo);
   const throttledOnChange = useMemo(() => {
     if (throttleWaitInMs !== 0 && onChange) {
@@ -17144,7 +17198,7 @@ function ChangeListener({ listenTo, onChange, throttleWaitInMs = defaultProps$Y.
   }, [listenTo, throttledOnChange, prevValue]);
   return null;
 }
-const COMP$1n = "ChangeListener";
+const COMP$1m = "ChangeListener";
 const ChangeListenerMd = createMetadata({
   status: "stable",
   description: "`ChangeListener` is an invisible component that watches for changes in values and triggers actions in response. It's essential for creating reactive behavior when you need to respond to data changes, state updates, or component property modifications outside of normal event handlers.",
@@ -17156,15 +17210,15 @@ const ChangeListenerMd = createMetadata({
     throttleWaitInMs: {
       description: `This variable sets a throttling time (in milliseconds) to apply when executing the \`didChange\` event handler. All changes within that throttling time will only fire the \`didChange\` event once.`,
       valueType: "number",
-      defaultValue: defaultProps$Y.throttleWaitInMs
+      defaultValue: defaultProps$Z.throttleWaitInMs
     }
   },
   events: {
-    didChange: dDidChange(COMP$1n)
+    didChange: dDidChange(COMP$1m)
   }
 });
 const changeListenerComponentRenderer = createComponentRenderer(
-  COMP$1n,
+  COMP$1m,
   ChangeListenerMd,
   ({ node, lookupEventHandler, extractValue }) => {
     return /* @__PURE__ */ jsx(
@@ -17198,7 +17252,7 @@ const styles$10 = {
   valid: valid$c,
   "switch": "_switch_qiuzz_146"
 };
-const defaultProps$X = {
+const defaultProps$Y = {
   initialValue: false,
   value: false,
   enabled: true,
@@ -17207,19 +17261,19 @@ const defaultProps$X = {
 };
 const Toggle = forwardRef(function Toggle2({
   id,
-  initialValue = defaultProps$X.initialValue,
-  value = defaultProps$X.value,
-  enabled: enabled2 = defaultProps$X.enabled,
+  initialValue = defaultProps$Y.initialValue,
+  value = defaultProps$Y.value,
+  enabled: enabled2 = defaultProps$Y.enabled,
   style: style2,
   readOnly: readOnly2,
-  validationStatus = defaultProps$X.validationStatus,
+  validationStatus = defaultProps$Y.validationStatus,
   updateState = noop$1,
   onClick = noop$1,
   onDidChange = noop$1,
   onFocus = noop$1,
   onBlur = noop$1,
   variant = "checkbox",
-  indeterminate = defaultProps$X.indeterminate,
+  indeterminate = defaultProps$Y.indeterminate,
   className,
   required: required2,
   autoFocus,
@@ -17400,10 +17454,10 @@ const MemoizedItem = memo(
   }
 );
 MemoizedItem.displayName = "MemoizedItem";
-const defaultProps$W = {
-  ...defaultProps$X
+const defaultProps$X = {
+  ...defaultProps$Y
 };
-const COMP$1m = "Checkbox";
+const COMP$1l = "Checkbox";
 const CheckboxMd = createMetadata({
   status: "stable",
   description: "`Checkbox` allows users to make binary choices with a clickable box that shows checked/unchecked states. It's essential for settings, preferences, multi-select lists, and accepting terms or conditions.",
@@ -17416,32 +17470,32 @@ const CheckboxMd = createMetadata({
     }
   },
   props: {
-    indeterminate: dIndeterminate(defaultProps$X.indeterminate),
+    indeterminate: dIndeterminate(defaultProps$Y.indeterminate),
     required: dRequired(),
-    initialValue: dInitialValue(defaultProps$X.initialValue),
+    initialValue: dInitialValue(defaultProps$Y.initialValue),
     autoFocus: dAutoFocus(),
     readOnly: dReadonly(),
     enabled: dEnabled(),
-    validationStatus: dValidationStatus(defaultProps$X.validationStatus),
+    validationStatus: dValidationStatus(defaultProps$Y.validationStatus),
     description: dInternal(
-      `(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${COMP$1m} besides its label.`
+      `(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${COMP$1l} besides its label.`
     ),
     inputTemplate: dComponent("This property is used to define a custom checkbox input template")
   },
   childrenAsTemplate: "inputTemplate",
   events: {
-    click: dClick(COMP$1m),
-    gotFocus: dGotFocus(COMP$1m),
-    lostFocus: dLostFocus(COMP$1m),
-    didChange: dDidChange(COMP$1m)
+    click: dClick(COMP$1l),
+    gotFocus: dGotFocus(COMP$1l),
+    lostFocus: dLostFocus(COMP$1l),
+    didChange: dDidChange(COMP$1l)
   },
   apis: {
     value: {
-      description: `This method returns the current value of the ${COMP$1m}.`,
+      description: `This method returns the current value of the ${COMP$1l}.`,
       signature: "get value(): boolean"
     },
     setValue: {
-      description: `This method sets the current value of the ${COMP$1m}.`,
+      description: `This method sets the current value of the ${COMP$1l}.`,
       signature: "set value(value: boolean): void",
       parameters: {
         value: "The new value to set for the checkbox."
@@ -17451,20 +17505,20 @@ const CheckboxMd = createMetadata({
   themeVars: parseScssVar(styles$10.themeVars),
   limitThemeVarsToComponent: true,
   defaultThemeVars: {
-    [`borderColor-checked-${COMP$1m}--error`]: `$borderColor-${COMP$1m}--error`,
-    [`backgroundColor-checked-${COMP$1m}--error`]: `$borderColor-${COMP$1m}--error`,
-    [`borderColor-checked-${COMP$1m}--warning`]: `$borderColor-${COMP$1m}--warning`,
-    [`backgroundColor-checked-${COMP$1m}--warning`]: `$borderColor-${COMP$1m}--warning`,
-    [`borderColor-checked-${COMP$1m}--success`]: `$borderColor-${COMP$1m}--success`,
-    [`backgroundColor-checked-${COMP$1m}--success`]: `$borderColor-${COMP$1m}--success`,
-    [`backgroundColor-indicator-${COMP$1m}`]: "$backgroundColor-primary",
-    [`borderColor-checked-${COMP$1m}`]: "$color-primary-500",
-    [`backgroundColor-checked-${COMP$1m}`]: "$color-primary-500",
-    [`backgroundColor-${COMP$1m}--disabled`]: "$color-surface-200"
+    [`borderColor-checked-${COMP$1l}--error`]: `$borderColor-${COMP$1l}--error`,
+    [`backgroundColor-checked-${COMP$1l}--error`]: `$borderColor-${COMP$1l}--error`,
+    [`borderColor-checked-${COMP$1l}--warning`]: `$borderColor-${COMP$1l}--warning`,
+    [`backgroundColor-checked-${COMP$1l}--warning`]: `$borderColor-${COMP$1l}--warning`,
+    [`borderColor-checked-${COMP$1l}--success`]: `$borderColor-${COMP$1l}--success`,
+    [`backgroundColor-checked-${COMP$1l}--success`]: `$borderColor-${COMP$1l}--success`,
+    [`backgroundColor-indicator-${COMP$1l}`]: "$backgroundColor-primary",
+    [`borderColor-checked-${COMP$1l}`]: "$color-primary-500",
+    [`backgroundColor-checked-${COMP$1l}`]: "$color-primary-500",
+    [`backgroundColor-${COMP$1l}--disabled`]: "$color-surface-200"
   }
 });
 const checkboxComponentRenderer = createComponentRenderer(
-  COMP$1m,
+  COMP$1l,
   CheckboxMd,
   ({
     node,
@@ -17494,7 +17548,7 @@ const checkboxComponentRenderer = createComponentRenderer(
         className,
         initialValue: extractValue.asOptionalBoolean(
           node.props.initialValue,
-          defaultProps$W.initialValue
+          defaultProps$X.initialValue
         ),
         value: state?.value,
         readOnly: extractValue.asOptionalBoolean(node.props.readOnly),
@@ -17522,11 +17576,11 @@ const styles$$ = {
   horizontal: horizontal$3,
   vertical: vertical$3
 };
-const defaultProps$V = {
+const defaultProps$W = {
   orientation: "horizontal"
 };
 const ContentSeparator = forwardRef(
-  ({ orientation = defaultProps$V.orientation, size, style: style2, className, ...rest }, ref) => {
+  ({ orientation = defaultProps$W.orientation, size, style: style2, className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -17549,7 +17603,7 @@ const ContentSeparator = forwardRef(
     );
   }
 );
-const COMP$1l = "ContentSeparator";
+const COMP$1k = "ContentSeparator";
 const ContentSeparatorMd = createMetadata({
   status: "stable",
   description: "`ContentSeparator` creates visual dividers between content sections using horizontal or vertical lines. It's essential for improving readability by breaking up dense content, separating list items, or creating clear boundaries between different UI sections.",
@@ -17561,18 +17615,18 @@ const ContentSeparatorMd = createMetadata({
     orientation: {
       description: "Sets the main axis of the component",
       availableValues: orientationOptionMd,
-      defaultValue: defaultProps$V.orientation,
+      defaultValue: defaultProps$W.orientation,
       valueType: "string"
     }
   },
   themeVars: parseScssVar(styles$$.themeVars),
   defaultThemeVars: {
-    [`backgroundColor-${COMP$1l}`]: "$color-surface-200",
-    [`size-${COMP$1l}`]: "1px",
-    [`marginVertical-${COMP$1l}`]: "0",
-    [`marginHorizontal-${COMP$1l}`]: "0",
-    [`paddingVertical-${COMP$1l}`]: "0",
-    [`paddingHorizontal-${COMP$1l}`]: "0",
+    [`backgroundColor-${COMP$1k}`]: "$color-surface-200",
+    [`size-${COMP$1k}`]: "1px",
+    [`marginVertical-${COMP$1k}`]: "0",
+    [`marginHorizontal-${COMP$1k}`]: "0",
+    [`paddingVertical-${COMP$1k}`]: "0",
+    [`paddingHorizontal-${COMP$1k}`]: "0",
     light: {
       // --- No light-specific theme vars
     },
@@ -17582,7 +17636,7 @@ const ContentSeparatorMd = createMetadata({
   }
 });
 const contentSeparatorComponentRenderer = createComponentRenderer(
-  COMP$1l,
+  COMP$1k,
   ContentSeparatorMd,
   ({ node, className, extractValue }) => {
     return /* @__PURE__ */ jsx(
@@ -17716,7 +17770,7 @@ const dateFormats$1 = [
   "yyyyMMdd",
   "MMddyyyy"
 ];
-const defaultProps$U = {
+const defaultProps$V = {
   mode: "single",
   validationStatus: "none",
   enabled: true,
@@ -17742,24 +17796,24 @@ const DatePicker = forwardRef(function DatePicker2({
   id,
   initialValue,
   value,
-  mode = defaultProps$U.mode,
-  enabled: enabled2 = defaultProps$U.enabled,
+  mode = defaultProps$V.mode,
+  enabled: enabled2 = defaultProps$V.enabled,
   placeholder: placeholder2,
   updateState = noop$1,
-  validationStatus = defaultProps$U.validationStatus,
+  validationStatus = defaultProps$V.validationStatus,
   onDidChange = noop$1,
   onFocus = noop$1,
   onBlur = noop$1,
-  dateFormat = defaultProps$U.dateFormat,
-  showWeekNumber = defaultProps$U.showWeekNumber,
-  weekStartsOn = defaultProps$U.weekStartsOn,
+  dateFormat = defaultProps$V.dateFormat,
+  showWeekNumber = defaultProps$V.showWeekNumber,
+  weekStartsOn = defaultProps$V.weekStartsOn,
   startDate,
   endDate,
-  disabledDates = defaultProps$U.disabledDates,
+  disabledDates = defaultProps$V.disabledDates,
   style: style2,
   className,
   registerComponentApi,
-  inline = defaultProps$U.inline,
+  inline = defaultProps$V.inline,
   startText,
   startIcon,
   endText,
@@ -18086,7 +18140,7 @@ const parseDate = (dateString) => {
   }
   return void 0;
 };
-const COMP$1k = "DatePicker";
+const COMP$1j = "DatePicker";
 const DatePickerMd = createMetadata({
   status: "experimental",
   description: "`DatePicker` provides an interactive calendar interface for selecting single dates or date ranges, with customizable formatting and validation options. It displays a text input that opens a calendar popup when clicked, offering both keyboard and mouse interaction.",
@@ -18095,29 +18149,29 @@ const DatePickerMd = createMetadata({
     initialValue: dInitialValue(),
     autoFocus: dAutoFocus(),
     readOnly: dReadonly(),
-    enabled: dEnabled(defaultProps$U.enabled),
-    validationStatus: dValidationStatus(defaultProps$U.validationStatus),
+    enabled: dEnabled(defaultProps$V.enabled),
+    validationStatus: dValidationStatus(defaultProps$V.validationStatus),
     mode: {
       description: "The mode of the datepicker (single or range)",
       valueType: "string",
       availableValues: DatePickerModeValues,
-      defaultValue: defaultProps$U.mode
+      defaultValue: defaultProps$V.mode
     },
     dateFormat: {
       description: "The format of the date displayed in the input field",
       valueType: "string",
-      defaultValue: defaultProps$U.dateFormat,
+      defaultValue: defaultProps$V.dateFormat,
       availableValues: dateFormats$1
     },
     showWeekNumber: {
       description: "Whether to show the week number in the calendar",
       valueType: "boolean",
-      defaultValue: defaultProps$U.showWeekNumber
+      defaultValue: defaultProps$V.showWeekNumber
     },
     weekStartsOn: {
       description: "The first day of the week. 0 is Sunday, 1 is Monday, etc.",
       valueType: "number",
-      defaultValue: defaultProps$U.weekStartsOn,
+      defaultValue: defaultProps$V.weekStartsOn,
       availableValues: [
         {
           value: WeekDays$1.Sunday,
@@ -18164,7 +18218,7 @@ const DatePickerMd = createMetadata({
     inline: {
       description: "If set to true, the calendar is always visible and its panel is rendered as part of the layout. If false, the calendar is shown in a popup when the input is focused or clicked.",
       valueType: "boolean",
-      defaultValue: defaultProps$U.inline
+      defaultValue: defaultProps$V.inline
     },
     startText: dStartText(),
     startIcon: dStartIcon(),
@@ -18172,13 +18226,13 @@ const DatePickerMd = createMetadata({
     endIcon: dEndIcon()
   },
   events: {
-    didChange: dDidChange(COMP$1k),
-    gotFocus: dGotFocus(COMP$1k),
-    lostFocus: dLostFocus(COMP$1k)
+    didChange: dDidChange(COMP$1j),
+    gotFocus: dGotFocus(COMP$1j),
+    lostFocus: dLostFocus(COMP$1j)
   },
   apis: {
     focus: {
-      description: `Focus the ${COMP$1k} component.`,
+      description: `Focus the ${COMP$1j} component.`,
       signature: "focus(): void"
     },
     value: {
@@ -18186,7 +18240,7 @@ const DatePickerMd = createMetadata({
       signature: "get value(): any"
     },
     setValue: {
-      description: `This method sets the current value of the ${COMP$1k}.`,
+      description: `This method sets the current value of the ${COMP$1j}.`,
       signature: "set value(value: any): void",
       parameters: {
         value: "The new value to set for the date picker."
@@ -18195,19 +18249,19 @@ const DatePickerMd = createMetadata({
   },
   themeVars: parseScssVar(styles$_.themeVars),
   defaultThemeVars: {
-    [`boxShadow-menu-${COMP$1k}`]: "$boxShadow-md",
-    [`borderRadius-menu-${COMP$1k}`]: "$borderRadius",
-    [`textColor-value-${COMP$1k}`]: "$textColor-primary",
-    [`borderColor-selectedItem-${COMP$1k}`]: "$color-primary-200",
-    [`backgroundColor-menu-${COMP$1k}`]: "$color-surface-50",
-    [`backgroundColor-item-${COMP$1k}--hover`]: "$color-surface-100",
-    [`backgroundColor-item-${COMP$1k}--active`]: "$color-surface-200",
-    [`paddingVertical-${COMP$1k}`]: "$space-2",
-    [`paddingHorizontal-${COMP$1k}`]: "$space-2"
+    [`boxShadow-menu-${COMP$1j}`]: "$boxShadow-md",
+    [`borderRadius-menu-${COMP$1j}`]: "$borderRadius",
+    [`textColor-value-${COMP$1j}`]: "$textColor-primary",
+    [`borderColor-selectedItem-${COMP$1j}`]: "$color-primary-200",
+    [`backgroundColor-menu-${COMP$1j}`]: "$color-surface-50",
+    [`backgroundColor-item-${COMP$1j}--hover`]: "$color-surface-100",
+    [`backgroundColor-item-${COMP$1j}--active`]: "$color-surface-200",
+    [`paddingVertical-${COMP$1j}`]: "$space-2",
+    [`paddingHorizontal-${COMP$1j}`]: "$space-2"
   }
 });
 const datePickerComponentRenderer = createComponentRenderer(
-  COMP$1k,
+  COMP$1j,
   DatePickerMd,
   ({
     node,
@@ -18621,16 +18675,16 @@ const MenuSeparatorMd = createMetadata({
 const menuSeparatorRenderer = createComponentRenderer(MSEP, MenuSeparatorMd, () => {
   return /* @__PURE__ */ jsx(MenuSeparator, {});
 });
-const defaultProps$T = {
+const defaultProps$U = {
   theme: "light",
   select: noop$1,
   autoFocus: false
 };
 const EmojiSelector = forwardRef(
   ({
-    select = defaultProps$T.select,
-    theme: theme2 = defaultProps$T.theme,
-    autoFocus = defaultProps$T.autoFocus,
+    select = defaultProps$U.select,
+    theme: theme2 = defaultProps$U.theme,
+    autoFocus = defaultProps$U.autoFocus,
     ...rest
   }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -18656,14 +18710,14 @@ const EmojiSelector = forwardRef(
     }
   )
 );
-const COMP$1j = "EmojiSelector";
+const COMP$1i = "EmojiSelector";
 const EmojiSelectorMd = createMetadata({
   status: "experimental",
   description: "`EmojiSelector` enables users to browse, search and select emojis from their system's native emoji set.",
   props: {
     autoFocus: {
       ...dAutoFocus(),
-      defaultValue: defaultProps$T.autoFocus
+      defaultValue: defaultProps$U.autoFocus
     }
   },
   events: {
@@ -18671,7 +18725,7 @@ const EmojiSelectorMd = createMetadata({
   }
 });
 const emojiSelectorRenderer = createComponentRenderer(
-  COMP$1j,
+  COMP$1i,
   EmojiSelectorMd,
   ({ node, lookupEventHandler, extractValue }) => {
     const onActionSelect = lookupEventHandler("select");
@@ -18701,7 +18755,7 @@ const styles$Y = {
   button: button$1
 };
 const { useDropzone: useDropzone$1 } = dropzone;
-const defaultProps$S = {
+const defaultProps$T = {
   enabled: true,
   buttonPosition: "end",
   buttonLabel: "Browse",
@@ -18715,12 +18769,12 @@ const defaultProps$S = {
 };
 const FileInput = ({
   id,
-  enabled: enabled2 = defaultProps$S.enabled,
+  enabled: enabled2 = defaultProps$T.enabled,
   style: style2,
   className,
   placeholder: placeholder2,
-  buttonPosition = defaultProps$S.buttonPosition,
-  buttonLabel = defaultProps$S.buttonLabel,
+  buttonPosition = defaultProps$T.buttonPosition,
+  buttonLabel = defaultProps$T.buttonLabel,
   buttonIcon: buttonIcon2,
   buttonIconPosition,
   variant,
@@ -18728,16 +18782,16 @@ const FileInput = ({
   buttonSize,
   autoFocus,
   validationStatus,
-  updateState = defaultProps$S.updateState,
-  onDidChange = defaultProps$S.onDidChange,
-  onFocus = defaultProps$S.onFocus,
-  onBlur = defaultProps$S.onBlur,
+  updateState = defaultProps$T.updateState,
+  onDidChange = defaultProps$T.onDidChange,
+  onFocus = defaultProps$T.onFocus,
+  onBlur = defaultProps$T.onBlur,
   registerComponentApi,
   value,
   initialValue,
   acceptsFileType,
-  multiple = defaultProps$S.multiple,
-  directory = defaultProps$S.directory,
+  multiple = defaultProps$T.multiple,
+  directory = defaultProps$T.directory,
   required: required2,
   ...rest
 }) => {
@@ -18871,7 +18925,7 @@ function isFile(value) {
 function isFileArray(value) {
   return Array.isArray(value) && value.every(isFile);
 }
-const COMP$1i = "FileInput";
+const COMP$1h = "FileInput";
 const DEFAULT_ICON = "browse:FileInput";
 const FileInputMd = createMetadata({
   status: "stable",
@@ -18887,7 +18941,7 @@ const FileInputMd = createMetadata({
     buttonVariant: d("The button variant to use", buttonVariantNames),
     buttonLabel: d(`This property is an optional string to set a label for the button part.`),
     buttonIcon: d(
-      `The ID of the icon to display in the button. You can change the default icon for all ${COMP$1i} instances with the "icon.browse:FileInput" declaration in the app configuration file.`
+      `The ID of the icon to display in the button. You can change the default icon for all ${COMP$1h} instances with the "icon.browse:FileInput" declaration in the app configuration file.`
     ),
     buttonIconPosition: d(
       `This optional string determines the location of the button icon.`,
@@ -18904,7 +18958,7 @@ const FileInputMd = createMetadata({
         null,
         "boolean"
       ),
-      defaultValue: defaultProps$S.multiple
+      defaultValue: defaultProps$T.multiple
     },
     directory: {
       ...d(
@@ -18912,27 +18966,27 @@ const FileInputMd = createMetadata({
         null,
         "boolean"
       ),
-      defaultValue: defaultProps$S.directory
+      defaultValue: defaultProps$T.directory
     },
     buttonPosition: {
       ...d(`This property determines the position of the button relative to the input field.`, [
         "start",
         "end"
       ]),
-      defaultValue: defaultProps$S.buttonPosition
+      defaultValue: defaultProps$T.buttonPosition
     },
     buttonSize: d("The size of the button (small, medium, large)", sizeMd),
     buttonThemeColor: d(
       "The button color scheme (primary, secondary, attention)",
       buttonThemeNames,
       "string",
-      defaultProps$S.buttonThemeColor
+      defaultProps$T.buttonThemeColor
     )
   },
   events: {
-    didChange: dDidChange(COMP$1i),
-    gotFocus: dGotFocus(COMP$1i),
-    lostFocus: dLostFocus(COMP$1i)
+    didChange: dDidChange(COMP$1h),
+    gotFocus: dGotFocus(COMP$1h),
+    lostFocus: dLostFocus(COMP$1h)
   },
   apis: {
     value: {
@@ -18958,7 +19012,7 @@ const FileInputMd = createMetadata({
   themeVars: parseScssVar(styles$Y.themeVars)
 });
 const fileInputRenderer = createComponentRenderer(
-  COMP$1i,
+  COMP$1h,
   FileInputMd,
   ({ node, state, updateState, extractValue, lookupEventHandler, registerComponentApi, className }) => {
     const iconName = extractValue.asOptionalString(node.props.buttonIcon) || DEFAULT_ICON;
@@ -19001,7 +19055,7 @@ const styles$X = {
   dropPlaceholder
 };
 const { useDropzone } = dropzone;
-const defaultProps$R = {
+const defaultProps$S = {
   onUpload: asyncNoop,
   uid: "fileUploadDialog",
   allowPaste: true,
@@ -19010,14 +19064,14 @@ const defaultProps$R = {
 };
 const FileUploadDropZone = forwardRef(function FileUploadDropZone2({
   children,
-  onUpload = defaultProps$R.onUpload,
-  uid = defaultProps$R.uid,
+  onUpload = defaultProps$S.onUpload,
+  uid = defaultProps$S.uid,
   registerComponentApi,
   style: style2,
   className,
-  allowPaste = defaultProps$R.allowPaste,
-  text: text2 = defaultProps$R.text,
-  disabled: disabled2 = defaultProps$R.disabled,
+  allowPaste = defaultProps$S.allowPaste,
+  text: text2 = defaultProps$S.text,
+  disabled: disabled2 = defaultProps$S.disabled,
   updateState,
   acceptedFileTypes,
   maxFiles,
@@ -19099,20 +19153,20 @@ const FileUploadDropZone = forwardRef(function FileUploadDropZone2({
     ] })
   ] });
 });
-const COMP$1h = "FileUploadDropZone";
+const COMP$1g = "FileUploadDropZone";
 const FileUploadDropZoneMd = createMetadata({
   status: "stable",
   description: "`FileUploadDropZone` enables users to upload files by dragging and dropping files from their local file system onto a designated area within the UI.",
   props: {
     text: {
       description: "With this property, you can change the default text to display when files are dragged over the drop zone.",
-      defaultValue: defaultProps$R.text,
+      defaultValue: defaultProps$S.text,
       type: "string"
     },
     allowPaste: {
       description: "This property indicates if the drop zone accepts files pasted from the clipboard (`true`) or only dragged files (`false`).",
       type: "boolean",
-      defaultValue: defaultProps$R.allowPaste
+      defaultValue: defaultProps$S.allowPaste
     },
     enabled: d(
       `If set to \`false\`, the drop zone will be disabled and users will not be able to upload files.`,
@@ -19143,7 +19197,7 @@ const FileUploadDropZoneMd = createMetadata({
   }
 });
 const fileUploadDropZoneComponentRenderer = createComponentRenderer(
-  COMP$1h,
+  COMP$1g,
   FileUploadDropZoneMd,
   ({ node, extractValue, updateState, renderChild: renderChild2, lookupEventHandler, registerComponentApi, className }) => {
     return /* @__PURE__ */ jsx(
@@ -19283,7 +19337,7 @@ const FlowItemWrapper = forwardRef(function FlowItemWrapper2({ children, forceBr
     isStarSizing && /* @__PURE__ */ jsx(FlowItemBreak, {})
   ] });
 });
-const defaultProps$Q = {
+const defaultProps$R = {
   columnGap: "$gap-normal",
   rowGap: "$gap-normal"
 };
@@ -19309,29 +19363,29 @@ const FlowLayout = forwardRef(function FlowLayout2({ style: style2, className, c
   }, [_columnGap, _rowGap]);
   return /* @__PURE__ */ jsx(FlowLayoutContext.Provider, { value: flowLayoutContextValue, children: /* @__PURE__ */ jsx("div", { style: style2, className, ref: forwardedRef, ...rest, children: /* @__PURE__ */ jsx("div", { className: styles$W.outer, children: /* @__PURE__ */ jsx("div", { className: classnames(styles$W.flowContainer, styles$W.horizontal), style: innerStyle, children }) }) }) });
 });
-const COMP$1g = "FlowLayout";
+const COMP$1f = "FlowLayout";
 const FlowLayoutMd = createMetadata({
   status: "stable",
   description: "`FlowLayout` positions content in rows with automatic wrapping. When items exceed the available horizontal space, they automatically wrap to a new line.",
   props: {
     gap: {
-      description: `This property defines the gap between items in the same row and between rows. The ${COMP$1g} component creates a new row when an item is about to overflow the current row.`,
+      description: `This property defines the gap between items in the same row and between rows. The ${COMP$1f} component creates a new row when an item is about to overflow the current row.`,
       type: "string",
       defaultValue: "$gap-normal"
     },
     columnGap: {
       description: "The `columnGap` property specifies the space between items in a single row; it overrides the `gap` value.",
-      defaultValue: defaultProps$Q.columnGap
+      defaultValue: defaultProps$R.columnGap
     },
     rowGap: {
-      description: `The \`rowGap\` property specifies the space between the ${COMP$1g} rows; it overrides the \`gap\` value.`,
-      defaultValue: defaultProps$Q.rowGap
+      description: `The \`rowGap\` property specifies the space between the ${COMP$1f} rows; it overrides the \`gap\` value.`,
+      defaultValue: defaultProps$R.rowGap
     }
   },
   themeVars: parseScssVar(styles$W.themeVars)
 });
 const flowLayoutComponentRenderer = createComponentRenderer(
-  COMP$1g,
+  COMP$1f,
   FlowLayoutMd,
   ({ node, renderChild: renderChild2, className, extractValue }) => {
     if (!isComponentDefChildren(node.children)) {
@@ -19374,40 +19428,62 @@ const styles$V = {
   wrapper: wrapper$f,
   full
 };
+const defaultProps$Q = {
+  sticky: true
+};
 const Footer = forwardRef(function Footer2({
   children,
   style: style2,
   className,
+  sticky: sticky2 = defaultProps$Q.sticky,
   ...rest
 }, forwardedRef) {
   const { layout } = useAppLayoutContext() || {};
   const canRestrictContentWidth = layout !== "vertical-full-header";
-  return /* @__PURE__ */ jsx("div", { ...rest, className: styles$V.outerWrapper, ref: forwardedRef, style: style2, role: "contentinfo", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classnames(styles$V.wrapper, className, {
-        [styles$V.full]: !canRestrictContentWidth
-      }),
-      children
+      ...rest,
+      className: styles$V.outerWrapper,
+      ref: forwardedRef,
+      style: style2,
+      role: "contentinfo",
+      "data-sticky": sticky2,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classnames(styles$V.wrapper, className, {
+            [styles$V.full]: !canRestrictContentWidth
+          }),
+          children
+        }
+      )
     }
-  ) });
+  );
 });
-const COMP$1f = "Footer";
+const COMP$1e = "Footer";
 const FooterMd = createMetadata({
   status: "stable",
   description: "`Footer` provides a designated area at the bottom of your application for footer content such as branding, copyright notices, or utility controls like theme toggles.",
+  props: {
+    sticky: {
+      description: "When set to true (default), keeps the Footer docked to the bottom of the page in sticky layouts. When set to false, allows the Footer to scroll with the main content for non-desktop layouts. In desktop layout, the Footer remains sticky regardless of this property.",
+      valueType: "boolean",
+      defaultValue: true
+    }
+  },
   themeVars: parseScssVar(styles$V.themeVars),
   limitThemeVarsToComponent: true,
   defaultThemeVars: {
-    [`backgroundColor-${COMP$1f}`]: "$backgroundColor-AppHeader",
-    [`verticalAlignment-${COMP$1f}`]: "center",
-    [`fontSize-${COMP$1f}`]: "$fontSize-sm",
-    [`textColor-${COMP$1f}`]: "$textColor-secondary",
-    [`maxWidth-content-${COMP$1f}`]: "$maxWidth-content",
-    [`borderTop-${COMP$1f}`]: `1px solid $borderColor`,
-    [`padding-${COMP$1f}`]: "$space-2 $space-4",
-    [`gap-${COMP$1f}`]: "$space-normal",
-    [`margin-${COMP$1f}`]: `0 auto`,
+    [`backgroundColor-${COMP$1e}`]: "$backgroundColor-AppHeader",
+    [`verticalAlignment-${COMP$1e}`]: "center",
+    [`fontSize-${COMP$1e}`]: "$fontSize-sm",
+    [`textColor-${COMP$1e}`]: "$textColor-secondary",
+    [`maxWidth-content-${COMP$1e}`]: "$maxWidth-content",
+    [`borderTop-${COMP$1e}`]: `1px solid $borderColor`,
+    [`padding-${COMP$1e}`]: "$space-2 $space-4",
+    [`gap-${COMP$1e}`]: "$space-normal",
+    [`margin-${COMP$1e}`]: `0 auto`,
     light: {
       // --- No light-specific theme vars
     },
@@ -19417,13 +19493,21 @@ const FooterMd = createMetadata({
   }
 });
 const footerRenderer = createComponentRenderer(
-  COMP$1f,
+  COMP$1e,
   FooterMd,
-  ({ node, renderChild: renderChild2, className, layoutContext }) => {
-    return /* @__PURE__ */ jsx(Footer, { className: classnames(layoutContext?.themeClassName, className), children: renderChild2(node.children, {
-      type: "Stack",
-      orientation: "horizontal"
-    }) });
+  ({ node, renderChild: renderChild2, className, layoutContext, extractValue }) => {
+    const sticky2 = extractValue.asOptionalBoolean(node.props.sticky, true);
+    return /* @__PURE__ */ jsx(
+      Footer,
+      {
+        className: classnames(layoutContext?.themeClassName, className),
+        sticky: sticky2,
+        children: renderChild2(node.children, {
+          type: "Stack",
+          orientation: "horizontal"
+        })
+      }
+    );
   }
 );
 const themeVars$D = `'{"gap-Form": "var(--xmlui-gap-Form)", "gap-buttonRow-Form": "var(--xmlui-gap-buttonRow-Form)", "marginTop-buttonRow-Form": "var(--xmlui-marginTop-buttonRow-Form)"}'`;
@@ -21285,7 +21369,7 @@ const FormWithContextVar = forwardRef(function({
   ) });
 });
 FormWithContextVar.displayName = "FormWithContextVar";
-const COMP$1e = "Form";
+const COMP$1d = "Form";
 const FormMd = createMetadata({
   status: "stable",
   description: "`Form` provides a structured container for collecting and validating user input, with built-in data binding, validation, and submission handling. It automatically manages form state and provides context for nested form controls to work together.",
@@ -21415,7 +21499,7 @@ const FormMd = createMetadata({
   }
 });
 const formComponentRenderer = createComponentRenderer(
-  COMP$1e,
+  COMP$1d,
   FormMd,
   ({ node, renderChild: renderChild2, extractValue, className, lookupEventHandler, registerComponentApi }) => {
     return /* @__PURE__ */ jsx(
@@ -23993,38 +24077,40 @@ const styles$K = {
   arrow
 };
 const themeVars$t = `'{"textColor-Text": "var(--xmlui-textColor-Text)", "fontFamily-Text": "var(--xmlui-fontFamily-Text)", "fontSize-Text": "var(--xmlui-fontSize-Text)", "fontStyle-Text": "var(--xmlui-fontStyle-Text)", "fontVariant-Text": "var(--xmlui-fontVariant-Text)", "fontWeight-Text": "var(--xmlui-fontWeight-Text)", "fontStretch-Text": "var(--xmlui-fontStretch-Text)", "textDecorationLine-Text": "var(--xmlui-textDecorationLine-Text)", "textDecorationColor-Text": "var(--xmlui-textDecorationColor-Text)", "textDecorationStyle-Text": "var(--xmlui-textDecorationStyle-Text)", "textDecorationThickness-Text": "var(--xmlui-textDecorationThickness-Text)", "textUnderlineOffset-Text": "var(--xmlui-textUnderlineOffset-Text)", "lineHeight-Text": "var(--xmlui-lineHeight-Text)", "backgroundColor-Text": "var(--xmlui-backgroundColor-Text)", "textTransform-Text": "var(--xmlui-textTransform-Text)", "letterSpacing-Text": "var(--xmlui-letterSpacing-Text)", "wordSpacing-Text": "var(--xmlui-wordSpacing-Text)", "textShadow-Text": "var(--xmlui-textShadow-Text)", "textIndent-Text": "var(--xmlui-textIndent-Text)", "textAlign-Text": "var(--xmlui-textAlign-Text)", "textAlignLast-Text": "var(--xmlui-textAlignLast-Text)", "wordBreak-Text": "var(--xmlui-wordBreak-Text)", "wordWrap-Text": "var(--xmlui-wordWrap-Text)", "direction-Text": "var(--xmlui-direction-Text)", "writingMode-Text": "var(--xmlui-writingMode-Text)", "lineBreak-Text": "var(--xmlui-lineBreak-Text)", "paddingTop-Markdown": "var(--xmlui-paddingTop-Markdown)", "paddingBottom-Markdown": "var(--xmlui-paddingBottom-Markdown)", "backgroundColor-Markdown": "var(--xmlui-backgroundColor-Markdown)", "padding-Blockquote": "var(--xmlui-padding-Blockquote)", "paddingHorizontal-Blockquote": "var(--xmlui-paddingHorizontal-Blockquote, var(--xmlui-padding-Blockquote))", "paddingVertical-Blockquote": "var(--xmlui-paddingVertical-Blockquote, var(--xmlui-padding-Blockquote))", "paddingLeft-Blockquote": "var(--xmlui-paddingLeft-Blockquote)", "paddingRight-Blockquote": "var(--xmlui-paddingRight-Blockquote, var(--xmlui-paddingHorizontal-Blockquote, var(--xmlui-padding-Blockquote)))", "paddingTop-Blockquote": "var(--xmlui-paddingTop-Blockquote, var(--xmlui-paddingVertical-Blockquote, var(--xmlui-padding-Blockquote)))", "paddingBottom-Blockquote": "var(--xmlui-paddingBottom-Blockquote, var(--xmlui-paddingVertical-Blockquote, var(--xmlui-padding-Blockquote)))", "border-Blockquote": "var(--xmlui-border-Blockquote)", "borderHorizontal-Blockquote": "var(--xmlui-borderHorizontal-Blockquote, var(--xmlui-border-Blockquote))", "borderVertical-Blockquote": "var(--xmlui-borderVertical-Blockquote, var(--xmlui-border-Blockquote))", "borderLeft-Blockquote": "var(--xmlui-borderLeft-Blockquote, var(--xmlui-borderHorizontal-Blockquote, var(--xmlui-border-Blockquote)))", "borderRight-Blockquote": "var(--xmlui-borderRight-Blockquote, var(--xmlui-borderHorizontal-Blockquote, var(--xmlui-border-Blockquote)))", "borderTop-Blockquote": "var(--xmlui-borderTop-Blockquote, var(--xmlui-borderVertical-Blockquote, var(--xmlui-border-Blockquote)))", "borderBottom-Blockquote": "var(--xmlui-borderBottom-Blockquote, var(--xmlui-borderVertical-Blockquote, var(--xmlui-border-Blockquote)))", "borderWidth-Blockquote": "var(--xmlui-borderWidth-Blockquote)", "borderHorizontalWidth-Blockquote": "var(--xmlui-borderHorizontalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote))", "borderLeftWidth-Blockquote": "var(--xmlui-borderLeftWidth-Blockquote, var(--xmlui-borderHorizontalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote)))", "borderRightWidth-Blockquote": "var(--xmlui-borderRightWidth-Blockquote, var(--xmlui-borderHorizontalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote)))", "borderVerticalWidth-Blockquote": "var(--xmlui-borderVerticalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote))", "borderTopWidth-Blockquote": "var(--xmlui-borderTopWidth-Blockquote, var(--xmlui-borderVerticalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote)))", "borderBottomWidth-Blockquote": "var(--xmlui-borderBottomWidth-Blockquote, var(--xmlui-borderVerticalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote)))", "borderStyle-Blockquote": "var(--xmlui-borderStyle-Blockquote)", "borderHorizontalStyle-Blockquote": "var(--xmlui-borderHorizontalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote))", "borderLeftStyle-Blockquote": "var(--xmlui-borderLeftStyle-Blockquote, var(--xmlui-borderHorizontalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote)))", "borderRightStyle-Blockquote": "var(--xmlui-borderRightStyle-Blockquote, var(--xmlui-borderHorizontalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote)))", "borderVerticalStyle-Blockquote": "var(--xmlui-borderVerticalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote))", "borderTopStyle-Blockquote": "var(--xmlui-borderTopStyle-Blockquote, var(--xmlui-borderVerticalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote)))", "borderBottomStyle-Blockquote": "var(--xmlui-borderBottomStyle-Blockquote, var(--xmlui-borderVerticalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote)))", "borderColor-Blockquote": "var(--xmlui-borderColor-Blockquote)", "borderHorizontalColor-Blockquote": "var(--xmlui-borderHorizontalColor-Blockquote, var(--xmlui-borderColor-Blockquote))", "borderLeftColor-Blockquote": "var(--xmlui-borderLeftColor-Blockquote, var(--xmlui-borderHorizontalColor-Blockquote, var(--xmlui-borderColor-Blockquote)))", "borderRightColor-Blockquote": "var(--xmlui-borderRightColor-Blockquote, var(--xmlui-borderHorizontalColor-Blockquote, var(--xmlui-borderColor-Blockquote)))", "borderVerticalColor-Blockquote": "var(--xmlui-borderVerticalColor-Blockquote, var(--xmlui-borderColor-Blockquote))", "borderTopColor-Blockquote": "var(--xmlui-borderTopColor-Blockquote, var(--xmlui-borderVerticalColor-Blockquote, var(--xmlui-borderColor-Blockquote)))", "borderBottomColor-Blockquote": "var(--xmlui-borderBottomColor-Blockquote, var(--xmlui-borderVerticalColor-Blockquote, var(--xmlui-borderColor-Blockquote)))", "borderStartStartRadius-Blockquote": "var(--xmlui-borderStartStartRadius-Blockquote, var(--xmlui-borderRadius-Blockquote))", "borderStartEndRadius-Blockquote": "var(--xmlui-borderStartEndRadius-Blockquote, var(--xmlui-borderRadius-Blockquote))", "borderEndStartRadius-Blockquote": "var(--xmlui-borderEndStartRadius-Blockquote, var(--xmlui-borderRadius-Blockquote))", "borderEndEndRadius-Blockquote": "var(--xmlui-borderEndEndRadius-Blockquote, var(--xmlui-borderRadius-Blockquote))", "color-accent-Blockquote": "var(--xmlui-color-accent-Blockquote)", "width-accent-Blockquote": "var(--xmlui-width-accent-Blockquote)", "backgroundColor-Blockquote": "var(--xmlui-backgroundColor-Blockquote)", "borderRadius-Blockquote": "var(--xmlui-borderRadius-Blockquote)", "marginTop-Blockquote": "var(--xmlui-marginTop-Blockquote)", "marginBottom-Blockquote": "var(--xmlui-marginBottom-Blockquote)", "padding-Admonition": "var(--xmlui-padding-Admonition)", "paddingHorizontal-Admonition": "var(--xmlui-paddingHorizontal-Admonition, var(--xmlui-padding-Admonition))", "paddingVertical-Admonition": "var(--xmlui-paddingVertical-Admonition, var(--xmlui-padding-Admonition))", "paddingLeft-Admonition": "var(--xmlui-paddingLeft-Admonition, var(--xmlui-paddingHorizontal-Admonition, var(--xmlui-padding-Admonition)))", "paddingRight-Admonition": "var(--xmlui-paddingRight-Admonition, var(--xmlui-paddingHorizontal-Admonition, var(--xmlui-padding-Admonition)))", "paddingTop-Admonition": "var(--xmlui-paddingTop-Admonition, var(--xmlui-paddingVertical-Admonition, var(--xmlui-padding-Admonition)))", "paddingBottom-Admonition": "var(--xmlui-paddingBottom-Admonition, var(--xmlui-paddingVertical-Admonition, var(--xmlui-padding-Admonition)))", "border-Admonition": "var(--xmlui-border-Admonition)", "borderHorizontal-Admonition": "var(--xmlui-borderHorizontal-Admonition, var(--xmlui-border-Admonition))", "borderVertical-Admonition": "var(--xmlui-borderVertical-Admonition, var(--xmlui-border-Admonition))", "borderLeft-Admonition": "var(--xmlui-borderLeft-Admonition, var(--xmlui-borderHorizontal-Admonition, var(--xmlui-border-Admonition)))", "borderRight-Admonition": "var(--xmlui-borderRight-Admonition, var(--xmlui-borderHorizontal-Admonition, var(--xmlui-border-Admonition)))", "borderTop-Admonition": "var(--xmlui-borderTop-Admonition, var(--xmlui-borderVertical-Admonition, var(--xmlui-border-Admonition)))", "borderBottom-Admonition": "var(--xmlui-borderBottom-Admonition, var(--xmlui-borderVertical-Admonition, var(--xmlui-border-Admonition)))", "borderWidth-Admonition": "var(--xmlui-borderWidth-Admonition)", "borderHorizontalWidth-Admonition": "var(--xmlui-borderHorizontalWidth-Admonition, var(--xmlui-borderWidth-Admonition))", "borderLeftWidth-Admonition": "var(--xmlui-borderLeftWidth-Admonition, var(--xmlui-borderHorizontalWidth-Admonition, var(--xmlui-borderWidth-Admonition)))", "borderRightWidth-Admonition": "var(--xmlui-borderRightWidth-Admonition, var(--xmlui-borderHorizontalWidth-Admonition, var(--xmlui-borderWidth-Admonition)))", "borderVerticalWidth-Admonition": "var(--xmlui-borderVerticalWidth-Admonition, var(--xmlui-borderWidth-Admonition))", "borderTopWidth-Admonition": "var(--xmlui-borderTopWidth-Admonition, var(--xmlui-borderVerticalWidth-Admonition, var(--xmlui-borderWidth-Admonition)))", "borderBottomWidth-Admonition": "var(--xmlui-borderBottomWidth-Admonition, var(--xmlui-borderVerticalWidth-Admonition, var(--xmlui-borderWidth-Admonition)))", "borderStyle-Admonition": "var(--xmlui-borderStyle-Admonition)", "borderHorizontalStyle-Admonition": "var(--xmlui-borderHorizontalStyle-Admonition, var(--xmlui-borderStyle-Admonition))", "borderLeftStyle-Admonition": "var(--xmlui-borderLeftStyle-Admonition, var(--xmlui-borderHorizontalStyle-Admonition, var(--xmlui-borderStyle-Admonition)))", "borderRightStyle-Admonition": "var(--xmlui-borderRightStyle-Admonition, var(--xmlui-borderHorizontalStyle-Admonition, var(--xmlui-borderStyle-Admonition)))", "borderVerticalStyle-Admonition": "var(--xmlui-borderVerticalStyle-Admonition, var(--xmlui-borderStyle-Admonition))", "borderTopStyle-Admonition": "var(--xmlui-borderTopStyle-Admonition, var(--xmlui-borderVerticalStyle-Admonition, var(--xmlui-borderStyle-Admonition)))", "borderBottomStyle-Admonition": "var(--xmlui-borderBottomStyle-Admonition, var(--xmlui-borderVerticalStyle-Admonition, var(--xmlui-borderStyle-Admonition)))", "borderColor-Admonition": "var(--xmlui-borderColor-Admonition)", "borderHorizontalColor-Admonition": "var(--xmlui-borderHorizontalColor-Admonition, var(--xmlui-borderColor-Admonition))", "borderLeftColor-Admonition": "var(--xmlui-borderLeftColor-Admonition, var(--xmlui-borderHorizontalColor-Admonition, var(--xmlui-borderColor-Admonition)))", "borderRightColor-Admonition": "var(--xmlui-borderRightColor-Admonition, var(--xmlui-borderHorizontalColor-Admonition, var(--xmlui-borderColor-Admonition)))", "borderVerticalColor-Admonition": "var(--xmlui-borderVerticalColor-Admonition, var(--xmlui-borderColor-Admonition))", "borderTopColor-Admonition": "var(--xmlui-borderTopColor-Admonition, var(--xmlui-borderVerticalColor-Admonition, var(--xmlui-borderColor-Admonition)))", "borderBottomColor-Admonition": "var(--xmlui-borderBottomColor-Admonition, var(--xmlui-borderVerticalColor-Admonition, var(--xmlui-borderColor-Admonition)))", "borderStartStartRadius-Admonition": "var(--xmlui-borderStartStartRadius-Admonition, var(--xmlui-borderRadius-Admonition))", "borderStartEndRadius-Admonition": "var(--xmlui-borderStartEndRadius-Admonition, var(--xmlui-borderRadius-Admonition))", "borderEndStartRadius-Admonition": "var(--xmlui-borderEndStartRadius-Admonition, var(--xmlui-borderRadius-Admonition))", "borderEndEndRadius-Admonition": "var(--xmlui-borderEndEndRadius-Admonition, var(--xmlui-borderRadius-Admonition))", "backgroundColor-Admonition": "var(--xmlui-backgroundColor-Admonition)", "borderRadius-Admonition": "var(--xmlui-borderRadius-Admonition)", "size-icon-Admonition": "var(--xmlui-size-icon-Admonition)", "marginTop-Admonition": "var(--xmlui-marginTop-Admonition)", "marginBottom-Admonition": "var(--xmlui-marginBottom-Admonition)", "marginLeft-Admonition-content": "var(--xmlui-marginLeft-Admonition-content)", "marginTop-HtmlVideo": "var(--xmlui-marginTop-HtmlVideo)", "marginBottom-HtmlVideo": "var(--xmlui-marginBottom-HtmlVideo)", "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)", "marginTop-H1-markdown": "var(--xmlui-marginTop-H1-markdown)", "marginBottom-H1-markdown": "var(--xmlui-marginBottom-H1-markdown)", "fontSize-H1-markdown": "var(--xmlui-fontSize-H1-markdown)", "marginTop-H2-markdown": "var(--xmlui-marginTop-H2-markdown)", "marginBottom-H2-markdown": "var(--xmlui-marginBottom-H2-markdown)", "marginTop-H3-markdown": "var(--xmlui-marginTop-H3-markdown)", "marginBottom-H3-markdown": "var(--xmlui-marginBottom-H3-markdown)", "marginTop-H4-markdown": "var(--xmlui-marginTop-H4-markdown)", "marginBottom-H4-markdown": "var(--xmlui-marginBottom-H4-markdown)", "marginTop-H5-markdown": "var(--xmlui-marginTop-H5-markdown)", "marginBottom-H5-markdown": "var(--xmlui-marginBottom-H5-markdown)", "marginTop-H6-markdown": "var(--xmlui-marginTop-H6-markdown)", "marginBottom-H6-markdown": "var(--xmlui-marginBottom-H6-markdown)", "marginTop-Image-markdown": "var(--xmlui-marginTop-Image-markdown)", "marginBottom-Image-markdown": "var(--xmlui-marginBottom-Image-markdown)", "marginLeft-Image-markdown": "var(--xmlui-marginLeft-Image-markdown)", "marginRight-Image-markdown": "var(--xmlui-marginRight-Image-markdown)", "backgroundColor-Admonition-info": "var(--xmlui-backgroundColor-Admonition-info)", "borderColor-Admonition-info": "var(--xmlui-borderColor-Admonition-info)", "backgroundColor-Admonition-warning": "var(--xmlui-backgroundColor-Admonition-warning)", "borderColor-Admonition-warning": "var(--xmlui-borderColor-Admonition-warning)", "backgroundColor-Admonition-danger": "var(--xmlui-backgroundColor-Admonition-danger)", "borderColor-Admonition-danger": "var(--xmlui-borderColor-Admonition-danger)", "backgroundColor-Admonition-note": "var(--xmlui-backgroundColor-Admonition-note)", "borderColor-Admonition-note": "var(--xmlui-borderColor-Admonition-note)", "backgroundColor-Admonition-tip": "var(--xmlui-backgroundColor-Admonition-tip)", "borderColor-Admonition-tip": "var(--xmlui-borderColor-Admonition-tip)", "borderColor-HorizontalRule": "var(--xmlui-borderColor-HorizontalRule)", "borderStyle-HorizontalRule": "var(--xmlui-borderStyle-HorizontalRule)", "borderWidth-HorizontalRule": "var(--xmlui-borderWidth-HorizontalRule)", "textColor-HtmlTable": "var(--xmlui-textColor-HtmlTable)", "backgroundColor-HtmlTable": "var(--xmlui-backgroundColor-HtmlTable)", "fontFamily-HtmlTable": "var(--xmlui-fontFamily-HtmlTable)", "fontSize-HtmlTable": "var(--xmlui-fontSize-HtmlTable)", "fontWeight-HtmlTable": "var(--xmlui-fontWeight-HtmlTable)", "textTransform-HtmlTable": "var(--xmlui-textTransform-HtmlTable)", "marginTop-HtmlTable": "var(--xmlui-marginTop-HtmlTable)", "marginBottom-HtmlTable": "var(--xmlui-marginBottom-HtmlTable)", "width-HtmlTable": "var(--xmlui-width-HtmlTable)", "border-HtmlTable": "var(--xmlui-border-HtmlTable)", "borderHorizontal-HtmlTable": "var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable))", "borderVertical-HtmlTable": "var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable))", "borderLeft-HtmlTable": "var(--xmlui-borderLeft-HtmlTable, var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderRight-HtmlTable": "var(--xmlui-borderRight-HtmlTable, var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderTop-HtmlTable": "var(--xmlui-borderTop-HtmlTable, var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderBottom-HtmlTable": "var(--xmlui-borderBottom-HtmlTable, var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderWidth-HtmlTable": "var(--xmlui-borderWidth-HtmlTable)", "borderHorizontalWidth-HtmlTable": "var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable))", "borderLeftWidth-HtmlTable": "var(--xmlui-borderLeftWidth-HtmlTable, var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderRightWidth-HtmlTable": "var(--xmlui-borderRightWidth-HtmlTable, var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderVerticalWidth-HtmlTable": "var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable))", "borderTopWidth-HtmlTable": "var(--xmlui-borderTopWidth-HtmlTable, var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderBottomWidth-HtmlTable": "var(--xmlui-borderBottomWidth-HtmlTable, var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderStyle-HtmlTable": "var(--xmlui-borderStyle-HtmlTable)", "borderHorizontalStyle-HtmlTable": "var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable))", "borderLeftStyle-HtmlTable": "var(--xmlui-borderLeftStyle-HtmlTable, var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderRightStyle-HtmlTable": "var(--xmlui-borderRightStyle-HtmlTable, var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderVerticalStyle-HtmlTable": "var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable))", "borderTopStyle-HtmlTable": "var(--xmlui-borderTopStyle-HtmlTable, var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderBottomStyle-HtmlTable": "var(--xmlui-borderBottomStyle-HtmlTable, var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderColor-HtmlTable": "var(--xmlui-borderColor-HtmlTable)", "borderHorizontalColor-HtmlTable": "var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable))", "borderLeftColor-HtmlTable": "var(--xmlui-borderLeftColor-HtmlTable, var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderRightColor-HtmlTable": "var(--xmlui-borderRightColor-HtmlTable, var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderVerticalColor-HtmlTable": "var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable))", "borderTopColor-HtmlTable": "var(--xmlui-borderTopColor-HtmlTable, var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderBottomColor-HtmlTable": "var(--xmlui-borderBottomColor-HtmlTable, var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderStartStartRadius-HtmlTable": "var(--xmlui-borderStartStartRadius-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "borderStartEndRadius-HtmlTable": "var(--xmlui-borderStartEndRadius-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "borderEndStartRadius-HtmlTable": "var(--xmlui-borderEndStartRadius-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "borderEndEndRadius-HtmlTable": "var(--xmlui-borderEndEndRadius-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "padding-HtmlTable": "var(--xmlui-padding-HtmlTable)", "paddingHorizontal-HtmlTable": "var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable))", "paddingVertical-HtmlTable": "var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable))", "paddingLeft-HtmlTable": "var(--xmlui-paddingLeft-HtmlTable, var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingRight-HtmlTable": "var(--xmlui-paddingRight-HtmlTable, var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingTop-HtmlTable": "var(--xmlui-paddingTop-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingBottom-HtmlTable": "var(--xmlui-paddingBottom-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)))", "backgroundColor-HtmlThead": "var(--xmlui-backgroundColor-HtmlThead)", "textColor-HtmlThead": "var(--xmlui-textColor-HtmlThead)", "fontWeight-HtmlThead": "var(--xmlui-fontWeight-HtmlThead)", "fontSize-HtmlThead": "var(--xmlui-fontSize-HtmlThead)", "textTransform-HtmlThead": "var(--xmlui-textTransform-HtmlThead)", "border-HtmlThead": "var(--xmlui-border-HtmlThead)", "borderHorizontal-HtmlThead": "var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead))", "borderVertical-HtmlThead": "var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead))", "borderLeft-HtmlThead": "var(--xmlui-borderLeft-HtmlThead, var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderRight-HtmlThead": "var(--xmlui-borderRight-HtmlThead, var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderTop-HtmlThead": "var(--xmlui-borderTop-HtmlThead, var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderBottom-HtmlThead": "var(--xmlui-borderBottom-HtmlThead, var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderWidth-HtmlThead": "var(--xmlui-borderWidth-HtmlThead)", "borderHorizontalWidth-HtmlThead": "var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead))", "borderLeftWidth-HtmlThead": "var(--xmlui-borderLeftWidth-HtmlThead, var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderRightWidth-HtmlThead": "var(--xmlui-borderRightWidth-HtmlThead, var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderVerticalWidth-HtmlThead": "var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead))", "borderTopWidth-HtmlThead": "var(--xmlui-borderTopWidth-HtmlThead, var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderBottomWidth-HtmlThead": "var(--xmlui-borderBottomWidth-HtmlThead, var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderStyle-HtmlThead": "var(--xmlui-borderStyle-HtmlThead)", "borderHorizontalStyle-HtmlThead": "var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead))", "borderLeftStyle-HtmlThead": "var(--xmlui-borderLeftStyle-HtmlThead, var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderRightStyle-HtmlThead": "var(--xmlui-borderRightStyle-HtmlThead, var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderVerticalStyle-HtmlThead": "var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead))", "borderTopStyle-HtmlThead": "var(--xmlui-borderTopStyle-HtmlThead, var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderBottomStyle-HtmlThead": "var(--xmlui-borderBottomStyle-HtmlThead, var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderColor-HtmlThead": "var(--xmlui-borderColor-HtmlThead)", "borderHorizontalColor-HtmlThead": "var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead))", "borderLeftColor-HtmlThead": "var(--xmlui-borderLeftColor-HtmlThead, var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderRightColor-HtmlThead": "var(--xmlui-borderRightColor-HtmlThead, var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderVerticalColor-HtmlThead": "var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead))", "borderTopColor-HtmlThead": "var(--xmlui-borderTopColor-HtmlThead, var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderBottomColor-HtmlThead": "var(--xmlui-borderBottomColor-HtmlThead, var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderStartStartRadius-HtmlThead": "var(--xmlui-borderStartStartRadius-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "borderStartEndRadius-HtmlThead": "var(--xmlui-borderStartEndRadius-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "borderEndStartRadius-HtmlThead": "var(--xmlui-borderEndStartRadius-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "borderEndEndRadius-HtmlThead": "var(--xmlui-borderEndEndRadius-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "padding-HtmlThead": "var(--xmlui-padding-HtmlThead)", "paddingHorizontal-HtmlThead": "var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead))", "paddingVertical-HtmlThead": "var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead))", "paddingLeft-HtmlThead": "var(--xmlui-paddingLeft-HtmlThead, var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingRight-HtmlThead": "var(--xmlui-paddingRight-HtmlThead, var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingTop-HtmlThead": "var(--xmlui-paddingTop-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingBottom-HtmlThead": "var(--xmlui-paddingBottom-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)))", "backgroundColor-HtmlTbody": "var(--xmlui-backgroundColor-HtmlTbody)", "textColor-HtmlTbody": "var(--xmlui-textColor-HtmlTbody)", "textAlign-HtmlTbody": "var(--xmlui-textAlign-HtmlTbody)", "verticalAlignment-HtmlTbody": "var(--xmlui-verticalAlignment-HtmlTbody)", "textTransform-HtmlTbody": "var(--xmlui-textTransform-HtmlTbody)", "backgroundColor-HtmlTfoot": "var(--xmlui-backgroundColor-HtmlTfoot)", "textColor-HtmlTfoot": "var(--xmlui-textColor-HtmlTfoot)", "backgroundColor-HtmlTh": "var(--xmlui-backgroundColor-HtmlTh)", "textColor-HtmlTh": "var(--xmlui-textColor-HtmlTh)", "fontWeight-HtmlTh": "var(--xmlui-fontWeight-HtmlTh)", "fontSize-HtmlTh": "var(--xmlui-fontSize-HtmlTh)", "backgroundColor-HtmlTh--hover": "var(--xmlui-backgroundColor-HtmlTh--hover)", "border-HtmlTh": "var(--xmlui-border-HtmlTh)", "borderHorizontal-HtmlTh": "var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh))", "borderVertical-HtmlTh": "var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh))", "borderLeft-HtmlTh": "var(--xmlui-borderLeft-HtmlTh, var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderRight-HtmlTh": "var(--xmlui-borderRight-HtmlTh, var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderTop-HtmlTh": "var(--xmlui-borderTop-HtmlTh, var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderBottom-HtmlTh": "var(--xmlui-borderBottom-HtmlTh, var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderWidth-HtmlTh": "var(--xmlui-borderWidth-HtmlTh)", "borderHorizontalWidth-HtmlTh": "var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh))", "borderLeftWidth-HtmlTh": "var(--xmlui-borderLeftWidth-HtmlTh, var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderRightWidth-HtmlTh": "var(--xmlui-borderRightWidth-HtmlTh, var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderVerticalWidth-HtmlTh": "var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh))", "borderTopWidth-HtmlTh": "var(--xmlui-borderTopWidth-HtmlTh, var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderBottomWidth-HtmlTh": "var(--xmlui-borderBottomWidth-HtmlTh, var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderStyle-HtmlTh": "var(--xmlui-borderStyle-HtmlTh)", "borderHorizontalStyle-HtmlTh": "var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh))", "borderLeftStyle-HtmlTh": "var(--xmlui-borderLeftStyle-HtmlTh, var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderRightStyle-HtmlTh": "var(--xmlui-borderRightStyle-HtmlTh, var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderVerticalStyle-HtmlTh": "var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh))", "borderTopStyle-HtmlTh": "var(--xmlui-borderTopStyle-HtmlTh, var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderBottomStyle-HtmlTh": "var(--xmlui-borderBottomStyle-HtmlTh, var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderColor-HtmlTh": "var(--xmlui-borderColor-HtmlTh)", "borderHorizontalColor-HtmlTh": "var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh))", "borderLeftColor-HtmlTh": "var(--xmlui-borderLeftColor-HtmlTh, var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderRightColor-HtmlTh": "var(--xmlui-borderRightColor-HtmlTh, var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderVerticalColor-HtmlTh": "var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh))", "borderTopColor-HtmlTh": "var(--xmlui-borderTopColor-HtmlTh, var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderBottomColor-HtmlTh": "var(--xmlui-borderBottomColor-HtmlTh, var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderStartStartRadius-HtmlTh": "var(--xmlui-borderStartStartRadius-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "borderStartEndRadius-HtmlTh": "var(--xmlui-borderStartEndRadius-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "borderEndStartRadius-HtmlTh": "var(--xmlui-borderEndStartRadius-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "borderEndEndRadius-HtmlTh": "var(--xmlui-borderEndEndRadius-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "padding-HtmlTh": "var(--xmlui-padding-HtmlTh)", "paddingHorizontal-HtmlTh": "var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh))", "paddingVertical-HtmlTh": "var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh))", "paddingLeft-HtmlTh": "var(--xmlui-paddingLeft-HtmlTh, var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingRight-HtmlTh": "var(--xmlui-paddingRight-HtmlTh, var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingTop-HtmlTh": "var(--xmlui-paddingTop-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingBottom-HtmlTh": "var(--xmlui-paddingBottom-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)))", "backgroundColor-HtmlTr": "var(--xmlui-backgroundColor-HtmlTr)", "backgroundColor-HtmlTr--hover": "var(--xmlui-backgroundColor-HtmlTr--hover)", "backgroundColor-even-HtmlTr": "var(--xmlui-backgroundColor-even-HtmlTr)", "textColor-HtmlTr": "var(--xmlui-textColor-HtmlTr)", "textColor-HtmlTr--hover": "var(--xmlui-textColor-HtmlTr--hover)", "fontSize-HtmlTr": "var(--xmlui-fontSize-HtmlTr)", "fontWeight-HtmlTr": "var(--xmlui-fontWeight-HtmlTr)", "border-HtmlTr": "var(--xmlui-border-HtmlTr)", "borderHorizontal-HtmlTr": "var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr))", "borderVertical-HtmlTr": "var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr))", "borderLeft-HtmlTr": "var(--xmlui-borderLeft-HtmlTr, var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderRight-HtmlTr": "var(--xmlui-borderRight-HtmlTr, var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderTop-HtmlTr": "var(--xmlui-borderTop-HtmlTr, var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderBottom-HtmlTr": "var(--xmlui-borderBottom-HtmlTr, var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderWidth-HtmlTr": "var(--xmlui-borderWidth-HtmlTr)", "borderHorizontalWidth-HtmlTr": "var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr))", "borderLeftWidth-HtmlTr": "var(--xmlui-borderLeftWidth-HtmlTr, var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderRightWidth-HtmlTr": "var(--xmlui-borderRightWidth-HtmlTr, var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderVerticalWidth-HtmlTr": "var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr))", "borderTopWidth-HtmlTr": "var(--xmlui-borderTopWidth-HtmlTr, var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderBottomWidth-HtmlTr": "var(--xmlui-borderBottomWidth-HtmlTr, var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderStyle-HtmlTr": "var(--xmlui-borderStyle-HtmlTr)", "borderHorizontalStyle-HtmlTr": "var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr))", "borderLeftStyle-HtmlTr": "var(--xmlui-borderLeftStyle-HtmlTr, var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderRightStyle-HtmlTr": "var(--xmlui-borderRightStyle-HtmlTr, var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderVerticalStyle-HtmlTr": "var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr))", "borderTopStyle-HtmlTr": "var(--xmlui-borderTopStyle-HtmlTr, var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderBottomStyle-HtmlTr": "var(--xmlui-borderBottomStyle-HtmlTr, var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderColor-HtmlTr": "var(--xmlui-borderColor-HtmlTr)", "borderHorizontalColor-HtmlTr": "var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr))", "borderLeftColor-HtmlTr": "var(--xmlui-borderLeftColor-HtmlTr, var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderRightColor-HtmlTr": "var(--xmlui-borderRightColor-HtmlTr, var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderVerticalColor-HtmlTr": "var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr))", "borderTopColor-HtmlTr": "var(--xmlui-borderTopColor-HtmlTr, var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderBottomColor-HtmlTr": "var(--xmlui-borderBottomColor-HtmlTr, var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderStartStartRadius-HtmlTr": "var(--xmlui-borderStartStartRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "borderStartEndRadius-HtmlTr": "var(--xmlui-borderStartEndRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "borderEndStartRadius-HtmlTr": "var(--xmlui-borderEndStartRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "borderEndEndRadius-HtmlTr": "var(--xmlui-borderEndEndRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "backgroundColor-HtmlTd": "var(--xmlui-backgroundColor-HtmlTd)", "text-align-HtmlTd": "var(--xmlui-text-align-HtmlTd)", "verticalAlignment-HtmlTd": "var(--xmlui-verticalAlignment-HtmlTd)", "fontSize-HtmlTd": "var(--xmlui-fontSize-HtmlTd)", "fontWeight-HtmlTd": "var(--xmlui-fontWeight-HtmlTd)", "border-HtmlTd": "var(--xmlui-border-HtmlTd)", "borderHorizontal-HtmlTd": "var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd))", "borderVertical-HtmlTd": "var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd))", "borderLeft-HtmlTd": "var(--xmlui-borderLeft-HtmlTd, var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderRight-HtmlTd": "var(--xmlui-borderRight-HtmlTd, var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderTop-HtmlTd": "var(--xmlui-borderTop-HtmlTd, var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderBottom-HtmlTd": "var(--xmlui-borderBottom-HtmlTd, var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderWidth-HtmlTd": "var(--xmlui-borderWidth-HtmlTd)", "borderHorizontalWidth-HtmlTd": "var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd))", "borderLeftWidth-HtmlTd": "var(--xmlui-borderLeftWidth-HtmlTd, var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderRightWidth-HtmlTd": "var(--xmlui-borderRightWidth-HtmlTd, var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderVerticalWidth-HtmlTd": "var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd))", "borderTopWidth-HtmlTd": "var(--xmlui-borderTopWidth-HtmlTd, var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderBottomWidth-HtmlTd": "var(--xmlui-borderBottomWidth-HtmlTd, var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderStyle-HtmlTd": "var(--xmlui-borderStyle-HtmlTd)", "borderHorizontalStyle-HtmlTd": "var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd))", "borderLeftStyle-HtmlTd": "var(--xmlui-borderLeftStyle-HtmlTd, var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderRightStyle-HtmlTd": "var(--xmlui-borderRightStyle-HtmlTd, var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderVerticalStyle-HtmlTd": "var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd))", "borderTopStyle-HtmlTd": "var(--xmlui-borderTopStyle-HtmlTd, var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderBottomStyle-HtmlTd": "var(--xmlui-borderBottomStyle-HtmlTd, var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderColor-HtmlTd": "var(--xmlui-borderColor-HtmlTd)", "borderHorizontalColor-HtmlTd": "var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd))", "borderLeftColor-HtmlTd": "var(--xmlui-borderLeftColor-HtmlTd, var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderRightColor-HtmlTd": "var(--xmlui-borderRightColor-HtmlTd, var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderVerticalColor-HtmlTd": "var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd))", "borderTopColor-HtmlTd": "var(--xmlui-borderTopColor-HtmlTd, var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderBottomColor-HtmlTd": "var(--xmlui-borderBottomColor-HtmlTd, var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderStartStartRadius-HtmlTd": "var(--xmlui-borderStartStartRadius-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "borderStartEndRadius-HtmlTd": "var(--xmlui-borderStartEndRadius-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "borderEndStartRadius-HtmlTd": "var(--xmlui-borderEndStartRadius-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "borderEndEndRadius-HtmlTd": "var(--xmlui-borderEndEndRadius-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "padding-HtmlTd": "var(--xmlui-padding-HtmlTd)", "paddingHorizontal-HtmlTd": "var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd))", "paddingVertical-HtmlTd": "var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd))", "paddingLeft-HtmlTd": "var(--xmlui-paddingLeft-HtmlTd, var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingRight-HtmlTd": "var(--xmlui-paddingRight-HtmlTd, var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingTop-HtmlTd": "var(--xmlui-paddingTop-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingBottom-HtmlTd": "var(--xmlui-paddingBottom-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)))", "border-HtmlOl": "var(--xmlui-border-HtmlOl)", "borderHorizontal-HtmlOl": "var(--xmlui-borderHorizontal-HtmlOl, var(--xmlui-border-HtmlOl))", "borderVertical-HtmlOl": "var(--xmlui-borderVertical-HtmlOl, var(--xmlui-border-HtmlOl))", "borderLeft-HtmlOl": "var(--xmlui-borderLeft-HtmlOl, var(--xmlui-borderHorizontal-HtmlOl, var(--xmlui-border-HtmlOl)))", "borderRight-HtmlOl": "var(--xmlui-borderRight-HtmlOl, var(--xmlui-borderHorizontal-HtmlOl, var(--xmlui-border-HtmlOl)))", "borderTop-HtmlOl": "var(--xmlui-borderTop-HtmlOl, var(--xmlui-borderVertical-HtmlOl, var(--xmlui-border-HtmlOl)))", "borderBottom-HtmlOl": "var(--xmlui-borderBottom-HtmlOl, var(--xmlui-borderVertical-HtmlOl, var(--xmlui-border-HtmlOl)))", "borderWidth-HtmlOl": "var(--xmlui-borderWidth-HtmlOl)", "borderHorizontalWidth-HtmlOl": "var(--xmlui-borderHorizontalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl))", "borderLeftWidth-HtmlOl": "var(--xmlui-borderLeftWidth-HtmlOl, var(--xmlui-borderHorizontalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl)))", "borderRightWidth-HtmlOl": "var(--xmlui-borderRightWidth-HtmlOl, var(--xmlui-borderHorizontalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl)))", "borderVerticalWidth-HtmlOl": "var(--xmlui-borderVerticalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl))", "borderTopWidth-HtmlOl": "var(--xmlui-borderTopWidth-HtmlOl, var(--xmlui-borderVerticalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl)))", "borderBottomWidth-HtmlOl": "var(--xmlui-borderBottomWidth-HtmlOl, var(--xmlui-borderVerticalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl)))", "borderStyle-HtmlOl": "var(--xmlui-borderStyle-HtmlOl)", "borderHorizontalStyle-HtmlOl": "var(--xmlui-borderHorizontalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl))", "borderLeftStyle-HtmlOl": "var(--xmlui-borderLeftStyle-HtmlOl, var(--xmlui-borderHorizontalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl)))", "borderRightStyle-HtmlOl": "var(--xmlui-borderRightStyle-HtmlOl, var(--xmlui-borderHorizontalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl)))", "borderVerticalStyle-HtmlOl": "var(--xmlui-borderVerticalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl))", "borderTopStyle-HtmlOl": "var(--xmlui-borderTopStyle-HtmlOl, var(--xmlui-borderVerticalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl)))", "borderBottomStyle-HtmlOl": "var(--xmlui-borderBottomStyle-HtmlOl, var(--xmlui-borderVerticalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl)))", "borderColor-HtmlOl": "var(--xmlui-borderColor-HtmlOl)", "borderHorizontalColor-HtmlOl": "var(--xmlui-borderHorizontalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl))", "borderLeftColor-HtmlOl": "var(--xmlui-borderLeftColor-HtmlOl, var(--xmlui-borderHorizontalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl)))", "borderRightColor-HtmlOl": "var(--xmlui-borderRightColor-HtmlOl, var(--xmlui-borderHorizontalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl)))", "borderVerticalColor-HtmlOl": "var(--xmlui-borderVerticalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl))", "borderTopColor-HtmlOl": "var(--xmlui-borderTopColor-HtmlOl, var(--xmlui-borderVerticalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl)))", "borderBottomColor-HtmlOl": "var(--xmlui-borderBottomColor-HtmlOl, var(--xmlui-borderVerticalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl)))", "borderStartStartRadius-HtmlOl": "var(--xmlui-borderStartStartRadius-HtmlOl, var(--xmlui-borderRadius-HtmlOl))", "borderStartEndRadius-HtmlOl": "var(--xmlui-borderStartEndRadius-HtmlOl, var(--xmlui-borderRadius-HtmlOl))", "borderEndStartRadius-HtmlOl": "var(--xmlui-borderEndStartRadius-HtmlOl, var(--xmlui-borderRadius-HtmlOl))", "borderEndEndRadius-HtmlOl": "var(--xmlui-borderEndEndRadius-HtmlOl, var(--xmlui-borderRadius-HtmlOl))", "padding-HtmlOl": "var(--xmlui-padding-HtmlOl)", "paddingHorizontal-HtmlOl": "var(--xmlui-paddingHorizontal-HtmlOl, var(--xmlui-padding-HtmlOl))", "paddingVertical-HtmlOl": "var(--xmlui-paddingVertical-HtmlOl, var(--xmlui-padding-HtmlOl))", "paddingLeft-HtmlOl": "var(--xmlui-paddingLeft-HtmlOl, var(--xmlui-paddingHorizontal-HtmlOl, var(--xmlui-padding-HtmlOl)))", "paddingRight-HtmlOl": "var(--xmlui-paddingRight-HtmlOl, var(--xmlui-paddingHorizontal-HtmlOl, var(--xmlui-padding-HtmlOl)))", "paddingTop-HtmlOl": "var(--xmlui-paddingTop-HtmlOl, var(--xmlui-paddingVertical-HtmlOl, var(--xmlui-padding-HtmlOl)))", "paddingBottom-HtmlOl": "var(--xmlui-paddingBottom-HtmlOl, var(--xmlui-paddingVertical-HtmlOl, var(--xmlui-padding-HtmlOl)))", "marginTop-HtmlOl": "var(--xmlui-marginTop-HtmlOl)", "marginBottom-HtmlOl": "var(--xmlui-marginBottom-HtmlOl)", "border-HtmlUl": "var(--xmlui-border-HtmlUl)", "borderHorizontal-HtmlUl": "var(--xmlui-borderHorizontal-HtmlUl, var(--xmlui-border-HtmlUl))", "borderVertical-HtmlUl": "var(--xmlui-borderVertical-HtmlUl, var(--xmlui-border-HtmlUl))", "borderLeft-HtmlUl": "var(--xmlui-borderLeft-HtmlUl, var(--xmlui-borderHorizontal-HtmlUl, var(--xmlui-border-HtmlUl)))", "borderRight-HtmlUl": "var(--xmlui-borderRight-HtmlUl, var(--xmlui-borderHorizontal-HtmlUl, var(--xmlui-border-HtmlUl)))", "borderTop-HtmlUl": "var(--xmlui-borderTop-HtmlUl, var(--xmlui-borderVertical-HtmlUl, var(--xmlui-border-HtmlUl)))", "borderBottom-HtmlUl": "var(--xmlui-borderBottom-HtmlUl, var(--xmlui-borderVertical-HtmlUl, var(--xmlui-border-HtmlUl)))", "borderWidth-HtmlUl": "var(--xmlui-borderWidth-HtmlUl)", "borderHorizontalWidth-HtmlUl": "var(--xmlui-borderHorizontalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl))", "borderLeftWidth-HtmlUl": "var(--xmlui-borderLeftWidth-HtmlUl, var(--xmlui-borderHorizontalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl)))", "borderRightWidth-HtmlUl": "var(--xmlui-borderRightWidth-HtmlUl, var(--xmlui-borderHorizontalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl)))", "borderVerticalWidth-HtmlUl": "var(--xmlui-borderVerticalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl))", "borderTopWidth-HtmlUl": "var(--xmlui-borderTopWidth-HtmlUl, var(--xmlui-borderVerticalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl)))", "borderBottomWidth-HtmlUl": "var(--xmlui-borderBottomWidth-HtmlUl, var(--xmlui-borderVerticalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl)))", "borderStyle-HtmlUl": "var(--xmlui-borderStyle-HtmlUl)", "borderHorizontalStyle-HtmlUl": "var(--xmlui-borderHorizontalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl))", "borderLeftStyle-HtmlUl": "var(--xmlui-borderLeftStyle-HtmlUl, var(--xmlui-borderHorizontalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl)))", "borderRightStyle-HtmlUl": "var(--xmlui-borderRightStyle-HtmlUl, var(--xmlui-borderHorizontalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl)))", "borderVerticalStyle-HtmlUl": "var(--xmlui-borderVerticalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl))", "borderTopStyle-HtmlUl": "var(--xmlui-borderTopStyle-HtmlUl, var(--xmlui-borderVerticalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl)))", "borderBottomStyle-HtmlUl": "var(--xmlui-borderBottomStyle-HtmlUl, var(--xmlui-borderVerticalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl)))", "borderColor-HtmlUl": "var(--xmlui-borderColor-HtmlUl)", "borderHorizontalColor-HtmlUl": "var(--xmlui-borderHorizontalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl))", "borderLeftColor-HtmlUl": "var(--xmlui-borderLeftColor-HtmlUl, var(--xmlui-borderHorizontalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl)))", "borderRightColor-HtmlUl": "var(--xmlui-borderRightColor-HtmlUl, var(--xmlui-borderHorizontalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl)))", "borderVerticalColor-HtmlUl": "var(--xmlui-borderVerticalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl))", "borderTopColor-HtmlUl": "var(--xmlui-borderTopColor-HtmlUl, var(--xmlui-borderVerticalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl)))", "borderBottomColor-HtmlUl": "var(--xmlui-borderBottomColor-HtmlUl, var(--xmlui-borderVerticalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl)))", "borderStartStartRadius-HtmlUl": "var(--xmlui-borderStartStartRadius-HtmlUl, var(--xmlui-borderRadius-HtmlUl))", "borderStartEndRadius-HtmlUl": "var(--xmlui-borderStartEndRadius-HtmlUl, var(--xmlui-borderRadius-HtmlUl))", "borderEndStartRadius-HtmlUl": "var(--xmlui-borderEndStartRadius-HtmlUl, var(--xmlui-borderRadius-HtmlUl))", "borderEndEndRadius-HtmlUl": "var(--xmlui-borderEndEndRadius-HtmlUl, var(--xmlui-borderRadius-HtmlUl))", "padding-HtmlUl": "var(--xmlui-padding-HtmlUl)", "paddingHorizontal-HtmlUl": "var(--xmlui-paddingHorizontal-HtmlUl, var(--xmlui-padding-HtmlUl))", "paddingVertical-HtmlUl": "var(--xmlui-paddingVertical-HtmlUl, var(--xmlui-padding-HtmlUl))", "paddingLeft-HtmlUl": "var(--xmlui-paddingLeft-HtmlUl, var(--xmlui-paddingHorizontal-HtmlUl, var(--xmlui-padding-HtmlUl)))", "paddingRight-HtmlUl": "var(--xmlui-paddingRight-HtmlUl, var(--xmlui-paddingHorizontal-HtmlUl, var(--xmlui-padding-HtmlUl)))", "paddingTop-HtmlUl": "var(--xmlui-paddingTop-HtmlUl, var(--xmlui-paddingVertical-HtmlUl, var(--xmlui-padding-HtmlUl)))", "paddingBottom-HtmlUl": "var(--xmlui-paddingBottom-HtmlUl, var(--xmlui-paddingVertical-HtmlUl, var(--xmlui-padding-HtmlUl)))", "marginTop-HtmlUl": "var(--xmlui-marginTop-HtmlUl)", "marginBottom-HtmlUl": "var(--xmlui-marginBottom-HtmlUl)", "border-HtmlLi": "var(--xmlui-border-HtmlLi)", "borderHorizontal-HtmlLi": "var(--xmlui-borderHorizontal-HtmlLi, var(--xmlui-border-HtmlLi))", "borderVertical-HtmlLi": "var(--xmlui-borderVertical-HtmlLi, var(--xmlui-border-HtmlLi))", "borderLeft-HtmlLi": "var(--xmlui-borderLeft-HtmlLi, var(--xmlui-borderHorizontal-HtmlLi, var(--xmlui-border-HtmlLi)))", "borderRight-HtmlLi": "var(--xmlui-borderRight-HtmlLi, var(--xmlui-borderHorizontal-HtmlLi, var(--xmlui-border-HtmlLi)))", "borderTop-HtmlLi": "var(--xmlui-borderTop-HtmlLi, var(--xmlui-borderVertical-HtmlLi, var(--xmlui-border-HtmlLi)))", "borderBottom-HtmlLi": "var(--xmlui-borderBottom-HtmlLi, var(--xmlui-borderVertical-HtmlLi, var(--xmlui-border-HtmlLi)))", "borderWidth-HtmlLi": "var(--xmlui-borderWidth-HtmlLi)", "borderHorizontalWidth-HtmlLi": "var(--xmlui-borderHorizontalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi))", "borderLeftWidth-HtmlLi": "var(--xmlui-borderLeftWidth-HtmlLi, var(--xmlui-borderHorizontalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi)))", "borderRightWidth-HtmlLi": "var(--xmlui-borderRightWidth-HtmlLi, var(--xmlui-borderHorizontalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi)))", "borderVerticalWidth-HtmlLi": "var(--xmlui-borderVerticalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi))", "borderTopWidth-HtmlLi": "var(--xmlui-borderTopWidth-HtmlLi, var(--xmlui-borderVerticalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi)))", "borderBottomWidth-HtmlLi": "var(--xmlui-borderBottomWidth-HtmlLi, var(--xmlui-borderVerticalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi)))", "borderStyle-HtmlLi": "var(--xmlui-borderStyle-HtmlLi)", "borderHorizontalStyle-HtmlLi": "var(--xmlui-borderHorizontalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi))", "borderLeftStyle-HtmlLi": "var(--xmlui-borderLeftStyle-HtmlLi, var(--xmlui-borderHorizontalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi)))", "borderRightStyle-HtmlLi": "var(--xmlui-borderRightStyle-HtmlLi, var(--xmlui-borderHorizontalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi)))", "borderVerticalStyle-HtmlLi": "var(--xmlui-borderVerticalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi))", "borderTopStyle-HtmlLi": "var(--xmlui-borderTopStyle-HtmlLi, var(--xmlui-borderVerticalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi)))", "borderBottomStyle-HtmlLi": "var(--xmlui-borderBottomStyle-HtmlLi, var(--xmlui-borderVerticalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi)))", "borderColor-HtmlLi": "var(--xmlui-borderColor-HtmlLi)", "borderHorizontalColor-HtmlLi": "var(--xmlui-borderHorizontalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi))", "borderLeftColor-HtmlLi": "var(--xmlui-borderLeftColor-HtmlLi, var(--xmlui-borderHorizontalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi)))", "borderRightColor-HtmlLi": "var(--xmlui-borderRightColor-HtmlLi, var(--xmlui-borderHorizontalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi)))", "borderVerticalColor-HtmlLi": "var(--xmlui-borderVerticalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi))", "borderTopColor-HtmlLi": "var(--xmlui-borderTopColor-HtmlLi, var(--xmlui-borderVerticalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi)))", "borderBottomColor-HtmlLi": "var(--xmlui-borderBottomColor-HtmlLi, var(--xmlui-borderVerticalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi)))", "borderStartStartRadius-HtmlLi": "var(--xmlui-borderStartStartRadius-HtmlLi, var(--xmlui-borderRadius-HtmlLi))", "borderStartEndRadius-HtmlLi": "var(--xmlui-borderStartEndRadius-HtmlLi, var(--xmlui-borderRadius-HtmlLi))", "borderEndStartRadius-HtmlLi": "var(--xmlui-borderEndStartRadius-HtmlLi, var(--xmlui-borderRadius-HtmlLi))", "borderEndEndRadius-HtmlLi": "var(--xmlui-borderEndEndRadius-HtmlLi, var(--xmlui-borderRadius-HtmlLi))", "padding-HtmlLi": "var(--xmlui-padding-HtmlLi)", "paddingHorizontal-HtmlLi": "var(--xmlui-paddingHorizontal-HtmlLi, var(--xmlui-padding-HtmlLi))", "paddingVertical-HtmlLi": "var(--xmlui-paddingVertical-HtmlLi, var(--xmlui-padding-HtmlLi))", "paddingLeft-HtmlLi": "var(--xmlui-paddingLeft-HtmlLi, var(--xmlui-paddingHorizontal-HtmlLi, var(--xmlui-padding-HtmlLi)))", "paddingRight-HtmlLi": "var(--xmlui-paddingRight-HtmlLi, var(--xmlui-paddingHorizontal-HtmlLi, var(--xmlui-padding-HtmlLi)))", "paddingTop-HtmlLi": "var(--xmlui-paddingTop-HtmlLi, var(--xmlui-paddingVertical-HtmlLi, var(--xmlui-padding-HtmlLi)))", "paddingBottom-HtmlLi": "var(--xmlui-paddingBottom-HtmlLi, var(--xmlui-paddingVertical-HtmlLi, var(--xmlui-padding-HtmlLi)))", "marginLeft-HtmlLi": "var(--xmlui-marginLeft-HtmlLi)", "marginTop-HtmlLi": "var(--xmlui-marginTop-HtmlLi)", "marginBottom-HtmlLi": "var(--xmlui-marginBottom-HtmlLi)", "listStyleType-HtmlLi": "var(--xmlui-listStyleType-HtmlLi)", "border-HtmlDetails": "var(--xmlui-border-HtmlDetails)", "borderHorizontal-HtmlDetails": "var(--xmlui-borderHorizontal-HtmlDetails, var(--xmlui-border-HtmlDetails))", "borderVertical-HtmlDetails": "var(--xmlui-borderVertical-HtmlDetails, var(--xmlui-border-HtmlDetails))", "borderLeft-HtmlDetails": "var(--xmlui-borderLeft-HtmlDetails, var(--xmlui-borderHorizontal-HtmlDetails, var(--xmlui-border-HtmlDetails)))", "borderRight-HtmlDetails": "var(--xmlui-borderRight-HtmlDetails, var(--xmlui-borderHorizontal-HtmlDetails, var(--xmlui-border-HtmlDetails)))", "borderTop-HtmlDetails": "var(--xmlui-borderTop-HtmlDetails, var(--xmlui-borderVertical-HtmlDetails, var(--xmlui-border-HtmlDetails)))", "borderBottom-HtmlDetails": "var(--xmlui-borderBottom-HtmlDetails, var(--xmlui-borderVertical-HtmlDetails, var(--xmlui-border-HtmlDetails)))", "borderWidth-HtmlDetails": "var(--xmlui-borderWidth-HtmlDetails)", "borderHorizontalWidth-HtmlDetails": "var(--xmlui-borderHorizontalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails))", "borderLeftWidth-HtmlDetails": "var(--xmlui-borderLeftWidth-HtmlDetails, var(--xmlui-borderHorizontalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails)))", "borderRightWidth-HtmlDetails": "var(--xmlui-borderRightWidth-HtmlDetails, var(--xmlui-borderHorizontalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails)))", "borderVerticalWidth-HtmlDetails": "var(--xmlui-borderVerticalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails))", "borderTopWidth-HtmlDetails": "var(--xmlui-borderTopWidth-HtmlDetails, var(--xmlui-borderVerticalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails)))", "borderBottomWidth-HtmlDetails": "var(--xmlui-borderBottomWidth-HtmlDetails, var(--xmlui-borderVerticalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails)))", "borderStyle-HtmlDetails": "var(--xmlui-borderStyle-HtmlDetails)", "borderHorizontalStyle-HtmlDetails": "var(--xmlui-borderHorizontalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails))", "borderLeftStyle-HtmlDetails": "var(--xmlui-borderLeftStyle-HtmlDetails, var(--xmlui-borderHorizontalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails)))", "borderRightStyle-HtmlDetails": "var(--xmlui-borderRightStyle-HtmlDetails, var(--xmlui-borderHorizontalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails)))", "borderVerticalStyle-HtmlDetails": "var(--xmlui-borderVerticalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails))", "borderTopStyle-HtmlDetails": "var(--xmlui-borderTopStyle-HtmlDetails, var(--xmlui-borderVerticalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails)))", "borderBottomStyle-HtmlDetails": "var(--xmlui-borderBottomStyle-HtmlDetails, var(--xmlui-borderVerticalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails)))", "borderColor-HtmlDetails": "var(--xmlui-borderColor-HtmlDetails)", "borderHorizontalColor-HtmlDetails": "var(--xmlui-borderHorizontalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails))", "borderLeftColor-HtmlDetails": "var(--xmlui-borderLeftColor-HtmlDetails, var(--xmlui-borderHorizontalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails)))", "borderRightColor-HtmlDetails": "var(--xmlui-borderRightColor-HtmlDetails, var(--xmlui-borderHorizontalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails)))", "borderVerticalColor-HtmlDetails": "var(--xmlui-borderVerticalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails))", "borderTopColor-HtmlDetails": "var(--xmlui-borderTopColor-HtmlDetails, var(--xmlui-borderVerticalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails)))", "borderBottomColor-HtmlDetails": "var(--xmlui-borderBottomColor-HtmlDetails, var(--xmlui-borderVerticalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails)))", "borderStartStartRadius-HtmlDetails": "var(--xmlui-borderStartStartRadius-HtmlDetails, var(--xmlui-borderRadius-HtmlDetails))", "borderStartEndRadius-HtmlDetails": "var(--xmlui-borderStartEndRadius-HtmlDetails, var(--xmlui-borderRadius-HtmlDetails))", "borderEndStartRadius-HtmlDetails": "var(--xmlui-borderEndStartRadius-HtmlDetails, var(--xmlui-borderRadius-HtmlDetails))", "borderEndEndRadius-HtmlDetails": "var(--xmlui-borderEndEndRadius-HtmlDetails, var(--xmlui-borderRadius-HtmlDetails))", "padding-HtmlDetails": "var(--xmlui-padding-HtmlDetails)", "paddingHorizontal-HtmlDetails": "var(--xmlui-paddingHorizontal-HtmlDetails, var(--xmlui-padding-HtmlDetails))", "paddingVertical-HtmlDetails": "var(--xmlui-paddingVertical-HtmlDetails, var(--xmlui-padding-HtmlDetails))", "paddingLeft-HtmlDetails": "var(--xmlui-paddingLeft-HtmlDetails, var(--xmlui-paddingHorizontal-HtmlDetails, var(--xmlui-padding-HtmlDetails)))", "paddingRight-HtmlDetails": "var(--xmlui-paddingRight-HtmlDetails, var(--xmlui-paddingHorizontal-HtmlDetails, var(--xmlui-padding-HtmlDetails)))", "paddingTop-HtmlDetails": "var(--xmlui-paddingTop-HtmlDetails, var(--xmlui-paddingVertical-HtmlDetails, var(--xmlui-padding-HtmlDetails)))", "paddingBottom-HtmlDetails": "var(--xmlui-paddingBottom-HtmlDetails, var(--xmlui-paddingVertical-HtmlDetails, var(--xmlui-padding-HtmlDetails)))", "marginTop-HtmlDetails": "var(--xmlui-marginTop-HtmlDetails)", "marginBottom-HtmlDetails": "var(--xmlui-marginBottom-HtmlDetails)"}'`;
-const markdownContent = "_markdownContent_7k9ge_14";
-const markdown = "_markdown_7k9ge_14";
-const block = "_block_7k9ge_136";
-const blockquote = "_blockquote_7k9ge_142";
-const blockquoteContainer = "_blockquoteContainer_7k9ge_158";
-const admonitionBlockquote = "_admonitionBlockquote_7k9ge_186";
-const info = "_info_7k9ge_218";
-const warning$4 = "_warning_7k9ge_222";
-const danger = "_danger_7k9ge_226";
-const note = "_note_7k9ge_230";
-const tip = "_tip_7k9ge_234";
-const admonitionContainer = "_admonitionContainer_7k9ge_238";
-const admonitionIcon = "_admonitionIcon_7k9ge_243";
-const admonitionContent = "_admonitionContent_7k9ge_247";
-const horizontalRule = "_horizontalRule_7k9ge_258";
-const tableScrollContainer = "_tableScrollContainer_7k9ge_280";
-const detailsAdornment = "_detailsAdornment_7k9ge_284";
-const htmlTable$1 = "_htmlTable_7k9ge_318";
-const htmlThead$1 = "_htmlThead_7k9ge_354";
-const htmlTbody$1 = "_htmlTbody_7k9ge_386";
-const htmlTfoot$1 = "_htmlTfoot_7k9ge_393";
-const htmlTh$1 = "_htmlTh_7k9ge_354";
-const htmlTr$1 = "_htmlTr_7k9ge_431";
-const htmlTd$1 = "_htmlTd_7k9ge_467";
-const htmlUl$1 = "_htmlUl_7k9ge_499";
-const htmlOl$1 = "_htmlOl_7k9ge_528";
-const htmlLi = "_htmlLi_7k9ge_557";
-const htmlVideo = "_htmlVideo_7k9ge_588";
-const htmlDetails$1 = "_htmlDetails_7k9ge_592";
+const markdownContent = "_markdownContent_1aepy_14";
+const htmlTh$1 = "_htmlTh_1aepy_58";
+const htmlTd$1 = "_htmlTd_1aepy_59";
+const markdown = "_markdown_1aepy_14";
+const block = "_block_1aepy_141";
+const blockquote = "_blockquote_1aepy_147";
+const blockquoteContainer = "_blockquoteContainer_1aepy_163";
+const admonitionBlockquote = "_admonitionBlockquote_1aepy_191";
+const info = "_info_1aepy_223";
+const warning$4 = "_warning_1aepy_227";
+const danger = "_danger_1aepy_231";
+const note = "_note_1aepy_235";
+const tip = "_tip_1aepy_239";
+const admonitionContainer = "_admonitionContainer_1aepy_243";
+const admonitionIcon = "_admonitionIcon_1aepy_248";
+const admonitionContent = "_admonitionContent_1aepy_252";
+const horizontalRule = "_horizontalRule_1aepy_263";
+const tableScrollContainer = "_tableScrollContainer_1aepy_285";
+const detailsAdornment = "_detailsAdornment_1aepy_289";
+const htmlTable$1 = "_htmlTable_1aepy_323";
+const htmlThead$1 = "_htmlThead_1aepy_359";
+const htmlTbody$1 = "_htmlTbody_1aepy_391";
+const htmlTfoot$1 = "_htmlTfoot_1aepy_398";
+const htmlTr$1 = "_htmlTr_1aepy_440";
+const htmlUl$1 = "_htmlUl_1aepy_512";
+const htmlOl$1 = "_htmlOl_1aepy_541";
+const htmlLi = "_htmlLi_1aepy_570";
+const htmlVideo = "_htmlVideo_1aepy_601";
+const htmlDetails$1 = "_htmlDetails_1aepy_605";
 const styles$J = {
   themeVars: themeVars$t,
   markdownContent,
+  htmlTh: htmlTh$1,
+  htmlTd: htmlTd$1,
   markdown,
   block,
   blockquote,
@@ -24045,9 +24131,7 @@ const styles$J = {
   htmlThead: htmlThead$1,
   htmlTbody: htmlTbody$1,
   htmlTfoot: htmlTfoot$1,
-  htmlTh: htmlTh$1,
   htmlTr: htmlTr$1,
-  htmlTd: htmlTd$1,
   htmlUl: htmlUl$1,
   htmlOl: htmlOl$1,
   htmlLi,
@@ -25263,11 +25347,11 @@ const ResponsiveBar = forwardRef(function ResponsiveBar2({
     }
   );
 });
-const COMP$1d = "ResponsiveBar";
+const COMP$1c = "ResponsiveBar";
 const ResponsiveBarMd = createMetadata({
   status: "stable",
   description: "`ResponsiveBar` is a layout container that automatically manages child component overflow by moving items that don't fit into a dropdown menu. It supports both horizontal and vertical orientations and provides a space-efficient way to display navigation items, toolbar buttons, or other components that need to adapt to varying container dimensions while maintaining full functionality.",
-  docFolder: COMP$1d,
+  docFolder: COMP$1c,
   props: {
     orientation: {
       description: "Layout direction of the responsive bar. In horizontal mode, items are arranged left-to-right and overflow is based on container width. In vertical mode, items are arranged top-to-bottom and overflow is based on container height.",
@@ -25287,20 +25371,20 @@ const ResponsiveBarMd = createMetadata({
     }
   },
   events: {
-    click: dClick(COMP$1d)
+    click: dClick(COMP$1c)
   },
   apis: {},
   contextVars: {},
   themeVars: parseScssVar(styles$F.themeVars),
   limitThemeVarsToComponent: true,
   defaultThemeVars: {
-    [`backgroundColor-${COMP$1d}`]: "transparent",
-    [`padding-${COMP$1d}`]: "0",
-    [`margin-${COMP$1d}`]: "0"
+    [`backgroundColor-${COMP$1c}`]: "transparent",
+    [`padding-${COMP$1c}`]: "0",
+    [`margin-${COMP$1c}`]: "0"
   }
 });
 const responsiveBarComponentRenderer = createComponentRenderer(
-  COMP$1d,
+  COMP$1c,
   ResponsiveBarMd,
   ({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler }) => {
     return /* @__PURE__ */ jsx(
@@ -25316,14 +25400,14 @@ const responsiveBarComponentRenderer = createComponentRenderer(
     );
   }
 );
-const COMP$1c = "SpaceFiller";
+const COMP$1b = "SpaceFiller";
 const SpaceFillerMd = createMetadata({
   status: "stable",
   description: "`SpaceFiller` works well in layout containers to fill remaining (unused) space. Its behavior depends on the layout container in which it is used.",
   themeVars: parseScssVar(styles$R.themeVars)
 });
-const spaceFillerComponentRenderer = createComponentRenderer(COMP$1c, SpaceFillerMd, () => /* @__PURE__ */ jsx(SpaceFiller, {}));
-const COMP$1b = "TextArea";
+const spaceFillerComponentRenderer = createComponentRenderer(COMP$1b, SpaceFillerMd, () => /* @__PURE__ */ jsx(SpaceFiller, {}));
+const COMP$1a = "TextArea";
 const resizeOptionsMd = [
   { value: "(undefined)", description: "No resizing" },
   { value: "horizontal", description: "Can only resize horizontally" },
@@ -25354,15 +25438,15 @@ const TextAreaMd = createMetadata({
       defaultValue: defaultProps$H.enterSubmits
     },
     escResets: {
-      description: `This boolean property indicates whether the ${COMP$1b} contents should be reset when pressing the ESC key.`,
+      description: `This boolean property indicates whether the ${COMP$1a} contents should be reset when pressing the ESC key.`,
       valueType: "boolean",
       defaultValue: false
     },
     maxRows: d(
-      `This optional property sets the maximum number of text rows the \`${COMP$1b}\` can grow. If not set, the number of rows is unlimited.`
+      `This optional property sets the maximum number of text rows the \`${COMP$1a}\` can grow. If not set, the number of rows is unlimited.`
     ),
     minRows: d(
-      `This optional property sets the minimum number of text rows the \`${COMP$1b}\` can shrink. If not set, the minimum number of rows is 1.`
+      `This optional property sets the minimum number of text rows the \`${COMP$1a}\` can shrink. If not set, the minimum number of rows is 1.`
     ),
     rows: {
       description: `Specifies the number of rows the component initially has.`,
@@ -25370,7 +25454,7 @@ const TextAreaMd = createMetadata({
       defaultValue: defaultProps$H.rows
     },
     autoSize: {
-      description: `If set to \`true\`, this boolean property enables the \`${COMP$1b}\` to resize automatically based on the number of lines inside it.`,
+      description: `If set to \`true\`, this boolean property enables the \`${COMP$1a}\` to resize automatically based on the number of lines inside it.`,
       valueType: "boolean",
       defaultValue: false
     },
@@ -25388,13 +25472,13 @@ const TextAreaMd = createMetadata({
     }
   },
   events: {
-    gotFocus: dGotFocus(COMP$1b),
-    lostFocus: dLostFocus(COMP$1b),
-    didChange: dDidChange(COMP$1b)
+    gotFocus: dGotFocus(COMP$1a),
+    lostFocus: dLostFocus(COMP$1a),
+    didChange: dDidChange(COMP$1a)
   },
   apis: {
     focus: {
-      description: `This method sets the focus on the \`${COMP$1b}\` component.`,
+      description: `This method sets the focus on the \`${COMP$1a}\` component.`,
       signature: "focus(): void"
     },
     value: {
@@ -25405,12 +25489,12 @@ const TextAreaMd = createMetadata({
   },
   themeVars: parseScssVar(styles$N.themeVars),
   defaultThemeVars: {
-    [`paddingVertical-${COMP$1b}`]: "$space-2",
-    [`paddingHorizontal-${COMP$1b}`]: "$space-2"
+    [`paddingVertical-${COMP$1a}`]: "$space-2",
+    [`paddingHorizontal-${COMP$1a}`]: "$space-2"
   }
 });
 const textAreaComponentRenderer = createComponentRenderer(
-  COMP$1b,
+  COMP$1a,
   TextAreaMd,
   ({
     node,
@@ -25450,7 +25534,7 @@ const textAreaComponentRenderer = createComponentRenderer(
     );
   }
 );
-const COMP$1a = "NavLink";
+const COMP$19 = "NavLink";
 const NavLinkMd = createMetadata({
   status: "stable",
   description: "`NavLink` creates interactive navigation items that connect users to different destinations within an app or external URLs. It automatically indicates active states, supports custom icons and labels, and can execute custom actions instead of navigation when needed.",
@@ -25460,7 +25544,7 @@ const NavLinkMd = createMetadata({
     active: {
       description: `This property indicates if the particular navigation is an active link. An active link has a particular visual appearance, provided its [\`displayActive\`](#displayactive) property is set to \`true\`.`,
       valueType: "boolean",
-      defaultValue: defaultProps$16.active
+      defaultValue: defaultProps$17.active
     },
     target: {
       description: `This optionally property specifies how to open the clicked link.`,
@@ -25469,50 +25553,50 @@ const NavLinkMd = createMetadata({
     },
     label: dLabel(),
     vertical: {
-      description: `This property sets how the active status is displayed on the \`${COMP$1a}\` component. If set to true, the indicator is displayed on the side which lends itself to a vertically aligned navigation menu. By default, it displays a horizontal indicator.`,
+      description: `This property sets how the active status is displayed on the \`${COMP$19}\` component. If set to true, the indicator is displayed on the side which lends itself to a vertically aligned navigation menu. By default, it displays a horizontal indicator.`,
       valueType: "boolean"
     },
     displayActive: {
       description: `This Boolean property indicates if the active state of a link should have a visual indication. Setting it to \`false\` removes the visual indication of an active link.`,
       valueType: "boolean",
-      defaultValue: defaultProps$16.displayActive
+      defaultValue: defaultProps$17.displayActive
     },
     icon: d(
       `This property allows you to add an optional icon (specify the icon's name) to the navigation link.`
     )
   },
   events: {
-    click: dClick(COMP$1a)
+    click: dClick(COMP$19)
   },
   themeVars: parseScssVar(navLinkStyles.themeVars),
   themeVarDescriptions: {
-    [`color-indicator-${COMP$1a}`]: "Provides the following states: `--hover`, `--active`, `--pressed`"
+    [`color-indicator-${COMP$19}`]: "Provides the following states: `--hover`, `--active`, `--pressed`"
   },
   defaultThemeVars: {
-    [`border-${COMP$1a}`]: "0px solid $borderColor",
-    [`borderRadius-${COMP$1a}`]: "$borderRadius",
-    [`backgroundColor-${COMP$1a}`]: "transparent",
-    [`paddingHorizontal-${COMP$1a}`]: "$space-4",
-    [`paddingVertical-${COMP$1a}`]: "$space-2",
-    [`fontSize-${COMP$1a}`]: "$fontSize-sm",
-    [`fontWeight-${COMP$1a}`]: "$fontWeight-normal",
-    [`fontFamily-${COMP$1a}`]: "$fontFamily",
-    [`textColor-${COMP$1a}`]: "$textColor-primary",
-    [`fontWeight-${COMP$1a}--pressed`]: "$fontWeight-normal",
-    [`thickness-indicator-${COMP$1a}`]: "$space-0_5",
-    [`outlineColor-${COMP$1a}--focus`]: "$outlineColor--focus",
-    [`outlineWidth-${COMP$1a}--focus`]: "$outlineWidth--focus",
-    [`outlineStyle-${COMP$1a}--focus`]: "$outlineStyle--focus",
-    [`outlineOffset-${COMP$1a}--focus`]: "-1px",
-    [`borderRadius-indicator-${COMP$1a}`]: "$borderRadius",
-    [`color-icon-${COMP$1a}`]: "$color-surface-500",
-    [`color-indicator-${COMP$1a}--active`]: "$color-primary-500",
-    [`color-indicator-${COMP$1a}--pressed`]: "$color-primary-500",
-    [`color-indicator-${COMP$1a}--hover`]: "$color-primary-600"
+    [`border-${COMP$19}`]: "0px solid $borderColor",
+    [`borderRadius-${COMP$19}`]: "$borderRadius",
+    [`backgroundColor-${COMP$19}`]: "transparent",
+    [`paddingHorizontal-${COMP$19}`]: "$space-4",
+    [`paddingVertical-${COMP$19}`]: "$space-2",
+    [`fontSize-${COMP$19}`]: "$fontSize-sm",
+    [`fontWeight-${COMP$19}`]: "$fontWeight-normal",
+    [`fontFamily-${COMP$19}`]: "$fontFamily",
+    [`textColor-${COMP$19}`]: "$textColor-primary",
+    [`fontWeight-${COMP$19}--pressed`]: "$fontWeight-normal",
+    [`thickness-indicator-${COMP$19}`]: "$space-0_5",
+    [`outlineColor-${COMP$19}--focus`]: "$outlineColor--focus",
+    [`outlineWidth-${COMP$19}--focus`]: "$outlineWidth--focus",
+    [`outlineStyle-${COMP$19}--focus`]: "$outlineStyle--focus",
+    [`outlineOffset-${COMP$19}--focus`]: "-1px",
+    [`borderRadius-indicator-${COMP$19}`]: "$borderRadius",
+    [`color-icon-${COMP$19}`]: "$color-surface-500",
+    [`color-indicator-${COMP$19}--active`]: "$color-primary-500",
+    [`color-indicator-${COMP$19}--pressed`]: "$color-primary-500",
+    [`color-indicator-${COMP$19}--hover`]: "$color-primary-600"
   }
 });
 const navLinkComponentRenderer = createComponentRenderer(
-  COMP$1a,
+  COMP$19,
   NavLinkMd,
   ({ node, extractValue, renderChild: renderChild2, className }) => {
     const iconName = extractValue.asString(node.props.icon);
@@ -25533,7 +25617,7 @@ const navLinkComponentRenderer = createComponentRenderer(
     );
   }
 );
-const COMP$19 = "Link";
+const COMP$18 = "Link";
 const LinkMd = createMetadata({
   status: "stable",
   description: "`Link` creates clickable navigation elements for internal app routes or external URLs. You can use the `label` and `icon` properties for simple text links, or embed custom components like buttons, cards, or complex layouts for rich interactive link presentations.",
@@ -25545,10 +25629,10 @@ const LinkMd = createMetadata({
     active: {
       description: `Indicates whether this link is active or not. If so, it will have a distinct visual appearance.`,
       type: "boolean",
-      defaultValue: defaultProps$$.active
+      defaultValue: defaultProps$10.active
     },
     target: {
-      description: `This property specifies where to open the link represented by the \`${COMP$19}\`. This property accepts the following values (in accordance with the HTML standard):`,
+      description: `This property specifies where to open the link represented by the \`${COMP$18}\`. This property accepts the following values (in accordance with the HTML standard):`,
       availableValues: LinkTargetMd,
       type: "string"
     },
@@ -25564,37 +25648,37 @@ const LinkMd = createMetadata({
   },
   themeVars: parseScssVar(styles$12.themeVars),
   themeVarDescriptions: {
-    [`gap-icon-${COMP$19}`]: "This property defines the size of the gap between the icon and the label."
+    [`gap-icon-${COMP$18}`]: "This property defines the size of the gap between the icon and the label."
   },
   defaultThemeVars: {
-    [`border-${COMP$19}`]: "0px solid $borderColor",
-    [`textColor-${COMP$19}`]: "$color-primary-500",
-    [`textDecorationColor-${COMP$19}`]: `textDecorationColor-${COMP$19}`,
-    [`textColor-${COMP$19}--hover`]: `$color-primary-400`,
-    [`textDecorationColor-${COMP$19}--hover`]: `textColor-${COMP$19}--hover`,
-    [`textColor-${COMP$19}--active`]: "$color-primary-400",
-    [`textDecorationColor-${COMP$19}--active`]: `textColor-${COMP$19}--active`,
-    [`textColor-${COMP$19}--hover--active`]: `$textColor-${COMP$19}--active`,
-    [`textUnderlineOffset-${COMP$19}`]: "$space-1",
-    [`textDecorationLine-${COMP$19}`]: "underline",
-    [`textDecorationStyle-${COMP$19}`]: "solid",
-    [`outlineColor-${COMP$19}--focus`]: "$outlineColor--focus",
-    [`outlineWidth-${COMP$19}--focus`]: "$outlineWidth--focus",
-    [`outlineStyle-${COMP$19}--focus`]: "$outlineStyle--focus",
-    [`outlineOffset-${COMP$19}--focus`]: "$outlineOffset--focus",
-    [`fontSize-${COMP$19}`]: "inherit",
-    [`fontWeight-${COMP$19}--active`]: "$fontWeight-bold",
-    [`gap-icon-${COMP$19}`]: "$gap-tight",
-    [`padding-icon-${COMP$19}`]: "$space-0_5",
+    [`border-${COMP$18}`]: "0px solid $borderColor",
+    [`textColor-${COMP$18}`]: "$color-primary-500",
+    [`textDecorationColor-${COMP$18}`]: `textDecorationColor-${COMP$18}`,
+    [`textColor-${COMP$18}--hover`]: `$color-primary-400`,
+    [`textDecorationColor-${COMP$18}--hover`]: `textColor-${COMP$18}--hover`,
+    [`textColor-${COMP$18}--active`]: "$color-primary-400",
+    [`textDecorationColor-${COMP$18}--active`]: `textColor-${COMP$18}--active`,
+    [`textColor-${COMP$18}--hover--active`]: `$textColor-${COMP$18}--active`,
+    [`textUnderlineOffset-${COMP$18}`]: "$space-1",
+    [`textDecorationLine-${COMP$18}`]: "underline",
+    [`textDecorationStyle-${COMP$18}`]: "solid",
+    [`outlineColor-${COMP$18}--focus`]: "$outlineColor--focus",
+    [`outlineWidth-${COMP$18}--focus`]: "$outlineWidth--focus",
+    [`outlineStyle-${COMP$18}--focus`]: "$outlineStyle--focus",
+    [`outlineOffset-${COMP$18}--focus`]: "$outlineOffset--focus",
+    [`fontSize-${COMP$18}`]: "inherit",
+    [`fontWeight-${COMP$18}--active`]: "$fontWeight-bold",
+    [`gap-icon-${COMP$18}`]: "$gap-tight",
+    [`padding-icon-${COMP$18}`]: "$space-0_5",
     dark: {
-      [`textColor-${COMP$19}`]: "$color-primary-600",
-      [`textColor-${COMP$19}--hover`]: `$color-primary-500`,
-      [`textColor-${COMP$19}--active`]: "$color-primary-500"
+      [`textColor-${COMP$18}`]: "$color-primary-600",
+      [`textColor-${COMP$18}--hover`]: `$color-primary-500`,
+      [`textColor-${COMP$18}--active`]: "$color-primary-500"
     }
   }
 });
 const localLinkComponentRenderer = createComponentRenderer(
-  COMP$19,
+  COMP$18,
   LinkMd,
   ({ node, extractValue, renderChild: renderChild2, lookupEventHandler, className }) => {
     return /* @__PURE__ */ jsx(
@@ -26986,10 +27070,10 @@ const TreeComponent = memo((props) => {
     }
   );
 });
-const COMP$18 = "Tree";
+const COMP$17 = "Tree";
 const TreeMd = createMetadata({
   status: "stable",
-  description: `The \`${COMP$18}\` component is a virtualized tree component that displays hierarchical data with support for flat and hierarchy data formats.`,
+  description: `The \`${COMP$17}\` component is a virtualized tree component that displays hierarchical data with support for flat and hierarchy data formats.`,
   props: {
     data: {
       description: `The data source of the tree. Format depends on the dataFormat property.`,
@@ -27249,20 +27333,20 @@ const TreeMd = createMetadata({
   },
   themeVars: parseScssVar(styles$E.themeVars),
   defaultThemeVars: {
-    [`backgroundColor-${COMP$18}-row--selected`]: "$color-primary-50",
-    [`backgroundColor-${COMP$18}-row--hover`]: "$color-surface-100",
-    [`textColor-${COMP$18}`]: "$textColor-primary",
-    [`textColor-${COMP$18}--selected`]: "$color-primary-900",
-    [`textColor-${COMP$18}--hover`]: "$textColor-primary",
-    [`borderColor-${COMP$18}-row--focus`]: "$color-primary-500",
-    [`outlineColor-${COMP$18}--focus`]: "$outlineColor--focus",
-    [`outlineWidth-${COMP$18}--focus`]: "$outlineWidth--focus",
-    [`outlineStyle-${COMP$18}--focus`]: "$outlineStyle--focus",
-    [`outlineOffset-${COMP$18}--focus`]: "$outlineOffset--focus"
+    [`backgroundColor-${COMP$17}-row--selected`]: "$color-primary-50",
+    [`backgroundColor-${COMP$17}-row--hover`]: "$color-surface-100",
+    [`textColor-${COMP$17}`]: "$textColor-primary",
+    [`textColor-${COMP$17}--selected`]: "$color-primary-900",
+    [`textColor-${COMP$17}--hover`]: "$textColor-primary",
+    [`borderColor-${COMP$17}-row--focus`]: "$color-primary-500",
+    [`outlineColor-${COMP$17}--focus`]: "$outlineColor--focus",
+    [`outlineWidth-${COMP$17}--focus`]: "$outlineWidth--focus",
+    [`outlineStyle-${COMP$17}--focus`]: "$outlineStyle--focus",
+    [`outlineOffset-${COMP$17}--focus`]: "$outlineOffset--focus"
   }
 });
 const treeComponentRenderer = createComponentRenderer(
-  COMP$18,
+  COMP$17,
   TreeMd,
   ({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler, registerComponentApi }) => {
     const defaultItemTemplate = {
@@ -27341,10 +27425,10 @@ const treeComponentRenderer = createComponentRenderer(
     );
   }
 );
-const COMP$17 = "TreeDisplay";
+const COMP$16 = "TreeDisplay";
 const TreeDisplayMd = createMetadata({
   status: "stable",
-  description: `The \`${COMP$17}\` component displays hierarchical data in a tree structure. It accepts an indented text format where each line is an entry in the tree, and the number of leading spaces determines the nesting level. The component renders the tree with SVG lines and continuous vertical guides to clearly visualize parent-child relationships in the hierarchy.`,
+  description: `The \`${COMP$16}\` component displays hierarchical data in a tree structure. It accepts an indented text format where each line is an entry in the tree, and the number of leading spaces determines the nesting level. The component renders the tree with SVG lines and continuous vertical guides to clearly visualize parent-child relationships in the hierarchy.`,
   props: {
     content: {
       description: "The indented text content to display as a tree structure. Each level of indentation (using spaces) represents one level in the tree hierarchy.",
@@ -27359,21 +27443,21 @@ const TreeDisplayMd = createMetadata({
   },
   themeVars: parseScssVar(styles$H.themeVars),
   defaultThemeVars: {
-    [`backgroundColor-${COMP$17}`]: "$backgroundColor-CodeBlock",
-    [`borderRadius-${COMP$17}`]: "8px",
-    [`padding-${COMP$17}`]: "$space-4",
-    [`paddingLeft-${COMP$17}`]: "$space-2",
-    [`fontSize-${COMP$17}`]: "$fontSize-code",
-    [`fontWeight-${COMP$17}`]: "$fontWeight-normal",
-    [`fontFamily-${COMP$17}`]: "$fontFamily-monospace",
-    [`color-${COMP$17}`]: "$textColor-primary",
-    [`color-connect-${COMP$17}`]: "$color-surface-200",
-    [`boxShadow-${COMP$17}`]: "none",
-    [`border-${COMP$17}`]: "0.5px solid $borderColor"
+    [`backgroundColor-${COMP$16}`]: "$backgroundColor-CodeBlock",
+    [`borderRadius-${COMP$16}`]: "8px",
+    [`padding-${COMP$16}`]: "$space-4",
+    [`paddingLeft-${COMP$16}`]: "$space-2",
+    [`fontSize-${COMP$16}`]: "$fontSize-code",
+    [`fontWeight-${COMP$16}`]: "$fontWeight-normal",
+    [`fontFamily-${COMP$16}`]: "$fontFamily-monospace",
+    [`color-${COMP$16}`]: "$textColor-primary",
+    [`color-connect-${COMP$16}`]: "$color-surface-200",
+    [`boxShadow-${COMP$16}`]: "none",
+    [`border-${COMP$16}`]: "0.5px solid $borderColor"
   }
 });
 const treeDisplayComponentRenderer = createComponentRenderer(
-  COMP$17,
+  COMP$16,
   TreeDisplayMd,
   ({ node, extractValue, renderChild: renderChild2, className }) => {
     return /* @__PURE__ */ jsx(
@@ -27387,7 +27471,7 @@ const treeDisplayComponentRenderer = createComponentRenderer(
     );
   }
 );
-const COMP$16 = "Heading";
+const COMP$15 = "Heading";
 function normalizeHeadingLevel(value) {
   if (value === null || value === void 0) {
     return "h1";
@@ -27410,7 +27494,7 @@ function normalizeHeadingLevel(value) {
   return "h1";
 }
 const VALUE_DESC = d(
-  `This property determines the text displayed in the heading. \`${COMP$16}\` also accepts nested text instead of specifying the \`value\`. If both \`value\` and a nested text are used, the \`value\` will be displayed.`
+  `This property determines the text displayed in the heading. \`${COMP$15}\` also accepts nested text instead of specifying the \`value\`. If both \`value\` and a nested text are used, the \`value\` will be displayed.`
 );
 const MAX_LINES_DESC = d(
   "This optional property determines the maximum number of lines the component can wrap to. If there is not enough space for all of the text, the component wraps the text up to as many lines as specified. If the value is not specified, there is no limit on the number of displayed lines."
@@ -27418,24 +27502,24 @@ const MAX_LINES_DESC = d(
 const ELLIPSES_DESC = {
   description: `This property indicates whether ellipses should be displayed (\`true\`) when the heading text is cropped or not (\`false\`).`,
   type: "boolean",
-  defaultValue: defaultProps$_.ellipses
+  defaultValue: defaultProps$$.ellipses
 };
 const PRESERVE_DESC = d(
   `This property indicates whether linebreaks should be preserved when displaying text.`,
   void 0,
   "boolean",
-  defaultProps$_.preserveLinebreaks
+  defaultProps$$.preserveLinebreaks
 );
 const LEVEL_DESC = (level) => `Represents a heading level ${level} text`;
 const OMIT_FROM_TOC_DESC = {
   description: "If true, this heading will be excluded from the table of contents.",
   type: "boolean",
-  defaultValue: defaultProps$_.omitFromToc
+  defaultValue: defaultProps$$.omitFromToc
 };
 const SHOW_ANCHOR_DESC = {
   description: "This property indicates whether an anchor link should be displayed next to the heading. If set to `true`, an anchor link will be displayed on hover next to the heading.",
   type: "boolean",
-  defaultValue: defaultProps$_.showAnchor
+  defaultValue: defaultProps$$.showAnchor
 };
 const APIS_DESC = {
   scrollIntoView: {
@@ -27474,7 +27558,7 @@ const HeadingMd = createMetadata({
         "5",
         "6"
       ],
-      defaultValue: defaultProps$_.level
+      defaultValue: defaultProps$$.level
     },
     maxLines: MAX_LINES_DESC,
     ellipses: ELLIPSES_DESC,
@@ -27486,13 +27570,13 @@ const HeadingMd = createMetadata({
   themeVars: parseScssVar(styles$11.themeVars),
   limitThemeVarsToComponent: true,
   defaultThemeVars: {
-    [`fontFamily-${COMP$16}`]: "$fontFamily",
-    [`textColor-${COMP$16}`]: "inherit",
-    [`fontWeight-${COMP$16}`]: "$fontWeight-bold",
-    [`letterSpacing-${COMP$16} `]: "0",
-    [`color-anchor-${COMP$16} `]: "$color-surface-400",
-    [`gap-anchor-${COMP$16} `]: "$space-2",
-    [`textDecorationLine-anchor-${COMP$16} `]: "underline",
+    [`fontFamily-${COMP$15}`]: "$fontFamily",
+    [`textColor-${COMP$15}`]: "inherit",
+    [`fontWeight-${COMP$15}`]: "$fontWeight-bold",
+    [`letterSpacing-${COMP$15} `]: "0",
+    [`color-anchor-${COMP$15} `]: "$color-surface-400",
+    [`gap-anchor-${COMP$15} `]: "$space-2",
+    [`textDecorationLine-anchor-${COMP$15} `]: "underline",
     light: {
       // --- No light-specific theme vars
     },
@@ -27505,7 +27589,7 @@ const H1 = "H1";
 const H1Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(1),
-  specializedFrom: COMP$16,
+  specializedFrom: COMP$15,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -27535,7 +27619,7 @@ const H2 = "H2";
 const H2Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(2),
-  specializedFrom: COMP$16,
+  specializedFrom: COMP$15,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -27565,7 +27649,7 @@ const H3 = "H3";
 const H3Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(3),
-  specializedFrom: COMP$16,
+  specializedFrom: COMP$15,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -27595,7 +27679,7 @@ const H4 = "H4";
 const H4Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(4),
-  specializedFrom: COMP$16,
+  specializedFrom: COMP$15,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -27625,7 +27709,7 @@ const H5 = "H5";
 const H5Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(5),
-  specializedFrom: COMP$16,
+  specializedFrom: COMP$15,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -27655,7 +27739,7 @@ const H6 = "H6";
 const H6Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(6),
-  specializedFrom: COMP$16,
+  specializedFrom: COMP$15,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -27712,7 +27796,7 @@ function renderHeading({
   );
 }
 const headingComponentRenderer = createComponentRenderer(
-  COMP$16,
+  COMP$15,
   HeadingMd,
   ({ node, extractValue, className, renderChild: renderChild2, registerComponentApi }) => {
     return renderHeading({
@@ -27809,13 +27893,13 @@ const h6ComponentRenderer = createComponentRenderer(
     });
   }
 );
-const COMP$15 = "Text";
+const COMP$14 = "Text";
 const TextMd = createMetadata({
   status: "stable",
-  description: `The \`${COMP$15}\` component displays textual information in a number of optional styles and variants.`,
+  description: `The \`${COMP$14}\` component displays textual information in a number of optional styles and variants.`,
   props: {
     value: d(
-      `The text to be displayed. This value can also be set via nesting the text into the \`${COMP$15}\` component.`
+      `The text to be displayed. This value can also be set via nesting the text into the \`${COMP$14}\` component.`
     ),
     variant: {
       description: "An optional string value that provides named presets for text variants with a unique combination of font style, weight, size, color, and other parameters. If not defined, the text uses the current style of its context. In addition to predefined variants, you can specify custom variant names and style them using theme variables with the pattern `{cssProperty}-Text-{variantName}` (e.g., `textColor-Text-brandTitle`, `fontSize-Text-highlight`). See the documentation for a complete list of supported CSS properties.",
@@ -27827,12 +27911,12 @@ const TextMd = createMetadata({
     preserveLinebreaks: {
       description: `This property indicates if linebreaks should be preserved when displaying text.`,
       valueType: "boolean",
-      defaultValue: defaultProps$1d.preserveLinebreaks
+      defaultValue: defaultProps$1e.preserveLinebreaks
     },
     ellipses: {
       description: "This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`).",
       valueType: "boolean",
-      defaultValue: defaultProps$1d.ellipses
+      defaultValue: defaultProps$1e.ellipses
     },
     breakMode: {
       description: "This property controls how text breaks into multiple lines. `normal` uses standard word boundaries, `word` breaks long words to prevent overflow, `anywhere` breaks at any character, `keep` prevents word breaking, and `hyphenate` uses automatic hyphenation. When not specified, uses the default browser behavior or theme variables.",
@@ -27875,77 +27959,77 @@ const TextMd = createMetadata({
   },
   themeVars: parseScssVar(styles$1e.themeVars),
   defaultThemeVars: {
-    [`borderRadius-${COMP$15}`]: "$borderRadius",
-    [`borderStyle-${COMP$15}`]: "solid",
-    [`fontSize-${COMP$15}`]: "$fontSize-sm",
-    [`borderWidth-${COMP$15}`]: "$space-0",
-    [`textColor-${COMP$15}`]: "$textColor-primary",
-    [`fontFamily-${COMP$15}`]: "$fontFamily",
-    [`fontWeight-${COMP$15}`]: "$fontWeight-normal",
-    [`fontSize-${COMP$15}-secondary`]: "$fontSize-sm",
-    [`textColor-${COMP$15}-secondary`]: "$textColor-secondary",
-    [`fontWeight-${COMP$15}-abbr`]: "$fontWeight-bold",
-    [`textTransform-${COMP$15}-abbr`]: "uppercase",
-    [`fontStyle-${COMP$15}-cite`]: "italic",
-    [`fontSize-${COMP$15}-codefence`]: "$fontSize-code",
-    [`fontFamily-${COMP$15}-codefence`]: "$fontFamily-monospace",
-    [`paddingHorizontal-${COMP$15}-codefence`]: "$space-4",
-    [`paddingVertical-${COMP$15}-codefence`]: "$space-3",
-    [`textColor-${COMP$15}-codefence`]: "$color-surface-900",
-    [`lineHeight-${COMP$15}-codefence`]: "1.5",
-    [`fontFamily-${COMP$15}-code`]: "$fontFamily-monospace",
-    [`fontSize-${COMP$15}-code`]: "$fontSize-sm",
-    [`borderWidth-${COMP$15}-code`]: "1px",
-    [`borderStyle-${COMP$15}-code`]: "solid",
-    [`borderRadius-${COMP$15}-code`]: "4px",
-    [`paddingHorizontal-${COMP$15}-code`]: "$space-0_5",
-    [`paddingBottom-${COMP$15}-code`]: "2px",
-    [`backgroundColor-${COMP$15}-code`]: "rgb(from $color-surface-100 r g b / 0.4)",
-    [`borderColor-${COMP$15}-code`]: "$color-surface-100",
-    [`textDecorationLine-${COMP$15}-deleted`]: "line-through",
-    [`textDecorationLine-${COMP$15}-inserted`]: "underline",
-    [`fontFamily-${COMP$15}-keyboard`]: "$fontFamily-monospace",
-    [`fontSize-${COMP$15}-keyboard`]: "$fontSize-sm",
-    [`fontWeight-${COMP$15}-keyboard`]: "$fontWeight-bold",
-    [`borderWidth-${COMP$15}-keyboard`]: "1px",
-    [`paddingHorizontal-${COMP$15}-keyboard`]: "$space-1",
-    [`backgroundColor-${COMP$15}-keyboard`]: "rgb(from $color-surface-100 r g b / 0.4)",
-    [`borderColor-${COMP$15}-keyboard`]: "$color-surface-300",
-    [`fontFamily-${COMP$15}-sample`]: "$fontFamily-monospace",
-    [`fontSize-${COMP$15}-sample`]: "$fontSize-sm",
-    [`fontSize-${COMP$15}-sup`]: "$fontSize-xs",
-    [`verticalAlignment-${COMP$15}-sup`]: "super",
-    [`fontSize-${COMP$15}-sub`]: "$fontSize-xs",
-    [`verticalAlignment-${COMP$15}-sub`]: "sub",
-    [`fontStyle-${COMP$15}-var`]: "italic",
-    [`fontStyle-${COMP$15}-em`]: "italic",
-    [`fontFamily-${COMP$15}-mono`]: "$fontFamily-monospace",
-    [`fontSize-${COMP$15}-title`]: "$fontSize-2xl",
-    [`fontSize-${COMP$15}-subtitle`]: "$fontSize-xl",
-    [`fontSize-${COMP$15}-small`]: "$fontSize-sm",
-    [`letterSpacing-${COMP$15}-caption`]: "0.05rem",
-    [`fontSize-${COMP$15}-placeholder`]: "$fontSize-xs",
-    [`textColor-${COMP$15}-placeholder`]: "$color-surface-500",
-    [`paddingVertical-${COMP$15}-paragraph`]: "$space-1",
-    [`fontSize-${COMP$15}-subheading`]: "$fontSize-H6",
-    [`fontWeight-${COMP$15}-subheading`]: "$fontWeight-bold",
-    [`letterSpacing-${COMP$15}-subheading`]: "0.04em",
-    [`textTransform-${COMP$15}-subheading`]: "uppercase",
-    [`textColor-${COMP$15}-subheading`]: "$textColor-secondary",
-    [`marginTop-${COMP$15}-tableheading`]: "$space-1",
-    [`marginBottom-${COMP$15}-tableheading`]: "$space-4",
-    [`paddingHorizontal-${COMP$15}-tableheading`]: "$space-1",
-    [`fontSize-${COMP$15}-tableheading`]: "$fontSize-H6",
-    [`fontWeight-${COMP$15}-tableheading`]: "$fontWeight-bold",
-    [`fontWeight-${COMP$15}-strong`]: "$fontWeight-bold",
-    [`backgroundColor-${COMP$15}-marked`]: "rgb(from $color-primary-200 r g b / 0.4)",
+    [`borderRadius-${COMP$14}`]: "$borderRadius",
+    [`borderStyle-${COMP$14}`]: "solid",
+    [`fontSize-${COMP$14}`]: "$fontSize-sm",
+    [`borderWidth-${COMP$14}`]: "$space-0",
+    [`textColor-${COMP$14}`]: "$textColor-primary",
+    [`fontFamily-${COMP$14}`]: "$fontFamily",
+    [`fontWeight-${COMP$14}`]: "$fontWeight-normal",
+    [`fontSize-${COMP$14}-secondary`]: "$fontSize-sm",
+    [`textColor-${COMP$14}-secondary`]: "$textColor-secondary",
+    [`fontWeight-${COMP$14}-abbr`]: "$fontWeight-bold",
+    [`textTransform-${COMP$14}-abbr`]: "uppercase",
+    [`fontStyle-${COMP$14}-cite`]: "italic",
+    [`fontSize-${COMP$14}-codefence`]: "$fontSize-code",
+    [`fontFamily-${COMP$14}-codefence`]: "$fontFamily-monospace",
+    [`paddingHorizontal-${COMP$14}-codefence`]: "$space-4",
+    [`paddingVertical-${COMP$14}-codefence`]: "$space-3",
+    [`textColor-${COMP$14}-codefence`]: "$color-surface-900",
+    [`lineHeight-${COMP$14}-codefence`]: "1.5",
+    [`fontFamily-${COMP$14}-code`]: "$fontFamily-monospace",
+    [`fontSize-${COMP$14}-code`]: "$fontSize-sm",
+    [`borderWidth-${COMP$14}-code`]: "1px",
+    [`borderStyle-${COMP$14}-code`]: "solid",
+    [`borderRadius-${COMP$14}-code`]: "4px",
+    [`paddingHorizontal-${COMP$14}-code`]: "$space-0_5",
+    [`paddingBottom-${COMP$14}-code`]: "2px",
+    [`backgroundColor-${COMP$14}-code`]: "rgb(from $color-surface-100 r g b / 0.4)",
+    [`borderColor-${COMP$14}-code`]: "$color-surface-100",
+    [`textDecorationLine-${COMP$14}-deleted`]: "line-through",
+    [`textDecorationLine-${COMP$14}-inserted`]: "underline",
+    [`fontFamily-${COMP$14}-keyboard`]: "$fontFamily-monospace",
+    [`fontSize-${COMP$14}-keyboard`]: "$fontSize-sm",
+    [`fontWeight-${COMP$14}-keyboard`]: "$fontWeight-bold",
+    [`borderWidth-${COMP$14}-keyboard`]: "1px",
+    [`paddingHorizontal-${COMP$14}-keyboard`]: "$space-1",
+    [`backgroundColor-${COMP$14}-keyboard`]: "rgb(from $color-surface-100 r g b / 0.4)",
+    [`borderColor-${COMP$14}-keyboard`]: "$color-surface-300",
+    [`fontFamily-${COMP$14}-sample`]: "$fontFamily-monospace",
+    [`fontSize-${COMP$14}-sample`]: "$fontSize-sm",
+    [`fontSize-${COMP$14}-sup`]: "$fontSize-xs",
+    [`verticalAlignment-${COMP$14}-sup`]: "super",
+    [`fontSize-${COMP$14}-sub`]: "$fontSize-xs",
+    [`verticalAlignment-${COMP$14}-sub`]: "sub",
+    [`fontStyle-${COMP$14}-var`]: "italic",
+    [`fontStyle-${COMP$14}-em`]: "italic",
+    [`fontFamily-${COMP$14}-mono`]: "$fontFamily-monospace",
+    [`fontSize-${COMP$14}-title`]: "$fontSize-2xl",
+    [`fontSize-${COMP$14}-subtitle`]: "$fontSize-xl",
+    [`fontSize-${COMP$14}-small`]: "$fontSize-sm",
+    [`letterSpacing-${COMP$14}-caption`]: "0.05rem",
+    [`fontSize-${COMP$14}-placeholder`]: "$fontSize-xs",
+    [`textColor-${COMP$14}-placeholder`]: "$color-surface-500",
+    [`paddingVertical-${COMP$14}-paragraph`]: "$space-1",
+    [`fontSize-${COMP$14}-subheading`]: "$fontSize-H6",
+    [`fontWeight-${COMP$14}-subheading`]: "$fontWeight-bold",
+    [`letterSpacing-${COMP$14}-subheading`]: "0.04em",
+    [`textTransform-${COMP$14}-subheading`]: "uppercase",
+    [`textColor-${COMP$14}-subheading`]: "$textColor-secondary",
+    [`marginTop-${COMP$14}-tableheading`]: "$space-1",
+    [`marginBottom-${COMP$14}-tableheading`]: "$space-4",
+    [`paddingHorizontal-${COMP$14}-tableheading`]: "$space-1",
+    [`fontSize-${COMP$14}-tableheading`]: "$fontSize-H6",
+    [`fontWeight-${COMP$14}-tableheading`]: "$fontWeight-bold",
+    [`fontWeight-${COMP$14}-strong`]: "$fontWeight-bold",
+    [`backgroundColor-${COMP$14}-marked`]: "rgb(from $color-primary-200 r g b / 0.4)",
     dark: {
-      [`backgroundColor-${COMP$15}-marked`]: "rgb(from $color-primary-400 r g b / 0.4)"
+      [`backgroundColor-${COMP$14}-marked`]: "rgb(from $color-primary-400 r g b / 0.4)"
     }
   }
 });
 const textComponentRenderer = createComponentRenderer(
-  COMP$15,
+  COMP$14,
   TextMd,
   ({ node, extractValue, className, renderChild: renderChild2, registerComponentApi }) => {
     const {
@@ -27969,9 +28053,9 @@ const textComponentRenderer = createComponentRenderer(
         className,
         preserveLinebreaks: extractValue.asOptionalBoolean(
           preserveLinebreaks2,
-          defaultProps$1d.preserveLinebreaks
+          defaultProps$1e.preserveLinebreaks
         ),
-        ellipses: extractValue.asOptionalBoolean(ellipses, defaultProps$1d.ellipses),
+        ellipses: extractValue.asOptionalBoolean(ellipses, defaultProps$1e.ellipses),
         overflowMode: extractValue(overflowMode),
         breakMode: extractValue(breakMode),
         registerComponentApi,
@@ -27981,7 +28065,7 @@ const textComponentRenderer = createComponentRenderer(
     );
   }
 );
-const COMP$14 = "Fragment";
+const COMP$13 = "Fragment";
 const FragmentMd = createMetadata({
   status: "stable",
   description: "`Fragment` provides conditional rendering. You can use `when=` on any component to render it conditionally, use `Fragment` to apply `when` to a group of components.",
@@ -27991,7 +28075,7 @@ const FragmentMd = createMetadata({
   }
 });
 const fragmentComponentRenderer = createComponentRenderer(
-  COMP$14,
+  COMP$13,
   FragmentMd,
   ({ node, extractValue, renderChild: renderChild2, layoutContext }) => {
     let renderedChild = renderChild2(node.children, layoutContext);
@@ -28001,54 +28085,6 @@ const fragmentComponentRenderer = createComponentRenderer(
     return renderedChild;
   }
 );
-const COMP$13 = "Choose";
-const ChooseMd = createMetadata({
-  status: "stable",
-  description: "`Choose` is a non-visual component that provides switch-like conditional rendering. It evaluates a condition and renders the first child whose `case` attribute matches the condition value. If no match is found, it renders a child without a `case` attribute (the default case). Only one child is rendered. If a child component needs its own `case` property, use `$case` for matching instead, which will be transposed to `case` in the rendered child.",
-  props: {
-    condition: d(
-      "The value to match against child `case` or `$case` attributes. This can be any expression that evaluates to a comparable value (string, number, boolean, etc.)."
-    )
-  },
-  nonVisual: true
-});
-const chooseComponentRenderer = createComponentRenderer(
-  COMP$13,
-  ChooseMd,
-  ({ node, extractValue, renderChild: renderChild2, layoutContext }) => {
-    const conditionValue = extractValue(node.props.condition);
-    if (!node.children || node.children.length === 0) {
-      return null;
-    }
-    for (const child of node.children) {
-      const caseValue = child.props?.case;
-      if (caseValue !== void 0) {
-        const extractedCaseValue = extractValue(caseValue);
-        if (extractedCaseValue === conditionValue) {
-          let modifiedProps = { ...child.props };
-          const dollarCaseValue = child.props?.$case;
-          if (dollarCaseValue !== void 0) {
-            const { case: _, $case: __, ...restProps } = modifiedProps;
-            modifiedProps = { ...restProps, case: dollarCaseValue };
-          } else {
-            const { case: _, ...restProps } = modifiedProps;
-            modifiedProps = restProps;
-          }
-          const childWithModifiedProps = {
-            ...child,
-            props: modifiedProps
-          };
-          const rendered = renderChild2([childWithModifiedProps], layoutContext);
-          return Array.isArray(rendered) ? /* @__PURE__ */ jsx(Fragment$1, { children: rendered }, extractValue(node.uid)) : rendered;
-        }
-      } else {
-        const rendered = renderChild2([child], layoutContext);
-        return Array.isArray(rendered) ? /* @__PURE__ */ jsx(Fragment$1, { children: rendered }, extractValue(node.uid)) : rendered;
-      }
-    }
-    return null;
-  }
-);
 const themeVars$n = `'{"textColor-pagination-Table": "var(--xmlui-textColor-pagination-Table)", "backgroundColor-Table": "var(--xmlui-backgroundColor-Table)", "textColor-Table": "var(--xmlui-textColor-Table)", "backgroundColor-row-Table": "var(--xmlui-backgroundColor-row-Table)", "backgroundColor-row-Table--hover": "var(--xmlui-backgroundColor-row-Table--hover)", "backgroundColor-selected-Table": "var(--xmlui-backgroundColor-selected-Table)", "backgroundColor-selected-Table--hover": "var(--xmlui-backgroundColor-selected-Table--hover)", "backgroundColor-heading-Table": "var(--xmlui-backgroundColor-heading-Table)", "backgroundColor-heading-Table--hover": "var(--xmlui-backgroundColor-heading-Table--hover)", "backgroundColor-heading-Table--active": "var(--xmlui-backgroundColor-heading-Table--active)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "paddingHorizontal-heading-Table": "var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table))", "paddingVertical-heading-Table": "var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table))", "paddingLeft-heading-Table": "var(--xmlui-paddingLeft-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingRight-heading-Table": "var(--xmlui-paddingRight-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingTop-heading-Table": "var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingBottom-heading-Table": "var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "paddingHorizontal-cell-Table": "var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table))", "paddingVertical-cell-Table": "var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table))", "paddingLeft-cell-Table": "var(--xmlui-paddingLeft-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingRight-cell-Table": "var(--xmlui-paddingRight-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingTop-cell-Table": "var(--xmlui-paddingTop-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingBottom-cell-Table": "var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingHorizontal-cell-first-Table": "var(--xmlui-paddingHorizontal-cell-first-Table)", "paddingHorizontal-cell-last-Table": "var(--xmlui-paddingHorizontal-cell-last-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "borderHorizontal-cell-Table": "var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table))", "borderVertical-cell-Table": "var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table))", "borderLeft-cell-Table": "var(--xmlui-borderLeft-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderRight-cell-Table": "var(--xmlui-borderRight-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderTop-cell-Table": "var(--xmlui-borderTop-cell-Table, var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table)))", "borderBottom-cell-Table": "var(--xmlui-borderBottom-cell-Table)", "borderWidth-cell-Table": "var(--xmlui-borderWidth-cell-Table)", "borderHorizontalWidth-cell-Table": "var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderLeftWidth-cell-Table": "var(--xmlui-borderLeftWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderRightWidth-cell-Table": "var(--xmlui-borderRightWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderVerticalWidth-cell-Table": "var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderTopWidth-cell-Table": "var(--xmlui-borderTopWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderBottomWidth-cell-Table": "var(--xmlui-borderBottomWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderStyle-cell-Table": "var(--xmlui-borderStyle-cell-Table)", "borderHorizontalStyle-cell-Table": "var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderLeftStyle-cell-Table": "var(--xmlui-borderLeftStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderRightStyle-cell-Table": "var(--xmlui-borderRightStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderVerticalStyle-cell-Table": "var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderTopStyle-cell-Table": "var(--xmlui-borderTopStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderBottomStyle-cell-Table": "var(--xmlui-borderBottomStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderColor-cell-Table": "var(--xmlui-borderColor-cell-Table)", "borderHorizontalColor-cell-Table": "var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderLeftColor-cell-Table": "var(--xmlui-borderLeftColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderRightColor-cell-Table": "var(--xmlui-borderRightColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderVerticalColor-cell-Table": "var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderTopColor-cell-Table": "var(--xmlui-borderTopColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderBottomColor-cell-Table": "var(--xmlui-borderBottomColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderStartStartRadius-cell-Table": "var(--xmlui-borderStartStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderStartEndRadius-cell-Table": "var(--xmlui-borderStartEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndStartRadius-cell-Table": "var(--xmlui-borderEndStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndEndRadius-cell-Table": "var(--xmlui-borderEndEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "border-Table": "var(--xmlui-border-Table)", "borderHorizontal-Table": "var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table))", "borderVertical-Table": "var(--xmlui-borderVertical-Table, var(--xmlui-border-Table))", "borderLeft-Table": "var(--xmlui-borderLeft-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderRight-Table": "var(--xmlui-borderRight-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderTop-Table": "var(--xmlui-borderTop-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderBottom-Table": "var(--xmlui-borderBottom-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderWidth-Table": "var(--xmlui-borderWidth-Table)", "borderHorizontalWidth-Table": "var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table))", "borderLeftWidth-Table": "var(--xmlui-borderLeftWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderRightWidth-Table": "var(--xmlui-borderRightWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderVerticalWidth-Table": "var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table))", "borderTopWidth-Table": "var(--xmlui-borderTopWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderBottomWidth-Table": "var(--xmlui-borderBottomWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderStyle-Table": "var(--xmlui-borderStyle-Table)", "borderHorizontalStyle-Table": "var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table))", "borderLeftStyle-Table": "var(--xmlui-borderLeftStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderRightStyle-Table": "var(--xmlui-borderRightStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderVerticalStyle-Table": "var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table))", "borderTopStyle-Table": "var(--xmlui-borderTopStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderBottomStyle-Table": "var(--xmlui-borderBottomStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderColor-Table": "var(--xmlui-borderColor-Table)", "borderHorizontalColor-Table": "var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table))", "borderLeftColor-Table": "var(--xmlui-borderLeftColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderRightColor-Table": "var(--xmlui-borderRightColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderVerticalColor-Table": "var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table))", "borderTopColor-Table": "var(--xmlui-borderTopColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderBottomColor-Table": "var(--xmlui-borderBottomColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderStartStartRadius-Table": "var(--xmlui-borderStartStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderStartEndRadius-Table": "var(--xmlui-borderStartEndRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndStartRadius-Table": "var(--xmlui-borderEndStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndEndRadius-Table": "var(--xmlui-borderEndEndRadius-Table, var(--xmlui-borderRadius-Table))", "backgroundColor-pagination-Table": "var(--xmlui-backgroundColor-pagination-Table)", "textColor-heading-Table": "var(--xmlui-textColor-heading-Table)", "fontWeight-row-Table": "var(--xmlui-fontWeight-row-Table)", "fontSize-row-Table": "var(--xmlui-fontSize-row-Table)", "fontWeight-heading-Table": "var(--xmlui-fontWeight-heading-Table)", "fontSize-heading-Table": "var(--xmlui-fontSize-heading-Table)", "textTransform-heading-Table": "var(--xmlui-textTransform-heading-Table)", "borderRadius-Table": "var(--xmlui-borderRadius-Table)", "outlineWidth-heading-Table--focus": "var(--xmlui-outlineWidth-heading-Table--focus)", "outlineColor-heading-Table--focus": "var(--xmlui-outlineColor-heading-Table--focus)", "outlineStyle-heading-Table--focus": "var(--xmlui-outlineStyle-heading-Table--focus)", "outlineOffset-heading-Table--focus": "var(--xmlui-outlineOffset-heading-Table--focus)", "borderBottom-last-row-Table": "var(--xmlui-borderBottom-last-row-Table)"}'`;
 const wrapper$c = "_wrapper_fw2wb_14";
 const noScroll = "_noScroll_fw2wb_42";
@@ -30613,12 +30649,12 @@ const ImageMd = createMetadata({
     fit: {
       description: "This property sets how the image content should be resized to fit its container.",
       type: "string",
-      defaultValue: defaultProps$1a.fit
+      defaultValue: defaultProps$1b.fit
     },
     lazyLoad: {
       description: `Lazy loading instructs the browser to load the image only when it is imminently needed (e.g. user scrolls to it).`,
       type: "boolean",
-      defaultValue: defaultProps$1a.lazyLoad
+      defaultValue: defaultProps$1b.lazyLoad
     },
     aspectRatio: d(
       'This property sets a preferred aspect ratio for the image, which will be used in calculating auto sizes and other layout functions. If this value is not used, the original aspect ratio is kept. The value can be a number of a string (such as "16/9").'
@@ -30626,7 +30662,7 @@ const ImageMd = createMetadata({
     inline: {
       description: `When set to true, the image will be displayed as an inline element instead of a block element.`,
       type: "boolean",
-      defaultValue: defaultProps$1a.inline
+      defaultValue: defaultProps$1b.inline
     },
     animation: dInternal(`The optional animation object to be applied to the component`)
   },
@@ -33157,7 +33193,7 @@ const NavPanelMd = createMetadata({
     inDrawer: {
       description: `This property determines if the navigation panel is displayed in a drawer.`,
       valueType: "boolean",
-      defaultValue: defaultProps$18.inDrawer
+      defaultValue: defaultProps$19.inDrawer
     }
   },
   themeVars: parseScssVar(styles$18.themeVars),
@@ -33167,6 +33203,7 @@ const NavPanelMd = createMetadata({
     [`backgroundColor-${COMP$M}`]: "$backgroundColor",
     [`backgroundColor-${COMP$M}-horizontal`]: "$backgroundColor-AppHeader",
     [`border-${COMP$M}`]: "0px solid $borderColor",
+    [`borderRight-${COMP$M}-vertical`]: "1px solid $borderColor",
     [`paddingHorizontal-${COMP$M}`]: "0",
     [`paddingVertical-logo-${COMP$M}`]: "$space-4",
     [`paddingHorizontal-logo-${COMP$M}`]: "$space-4",
@@ -33367,22 +33404,22 @@ const NavGroupMd = createMetadata({
     iconHorizontalExpanded: {
       description: "Set a custom icon to display when the navigation menu is expanded, is in a **horizontal** app layout, and is in a navigation submenu.",
       valueType: "string",
-      defaultValue: defaultProps$17.iconHorizontalExpanded
+      defaultValue: defaultProps$18.iconHorizontalExpanded
     },
     iconVerticalExpanded: {
       description: "Set a custom icon to display when the navigation menu is expanded, is in a **vertical** app layout, or is in a **horizontal** layout and is the top-level navigation item in the menu.",
       valueType: "string",
-      defaultValue: defaultProps$17.iconVerticalExpanded
+      defaultValue: defaultProps$18.iconVerticalExpanded
     },
     iconHorizontalCollapsed: {
       description: "Set a custom icon to display when the navigation menu is collapsed, is in a **horizontal** app layout, and is in a navigation submenu.",
       valueType: "string",
-      defaultValue: defaultProps$17.iconHorizontalCollapsed
+      defaultValue: defaultProps$18.iconHorizontalCollapsed
     },
     iconVerticalCollapsed: {
       description: "Set a custom icon to display when the navigation menu is collapsed, is in a **vertical** app layout, or is in a **horizontal** layout and is the top-level navigation item in the menu.",
       valueType: "string",
-      defaultValue: defaultProps$17.iconVerticalCollapsed
+      defaultValue: defaultProps$18.iconVerticalCollapsed
     }
   },
   themeVars: parseScssVar(styles$17.themeVars),
@@ -33422,12 +33459,12 @@ const LogoMd = createMetadata({
     alt: {
       description: "Alternative text for the logo image for accessibility.",
       type: "string",
-      defaultValue: defaultProps$19.alt
+      defaultValue: defaultProps$1a.alt
     },
     inline: {
       description: `When set to true, the image will be displayed as an inline element instead of a block element.`,
       type: "boolean",
-      defaultValue: defaultProps$19.inline
+      defaultValue: defaultProps$1a.inline
     }
   }
 });
@@ -33449,7 +33486,7 @@ const COMP$I = "RadioGroup";
 const RGOption = `RadioGroupOption`;
 const RadioGroupMd = createMetadata({
   status: "stable",
-  description: "`RadioGroup` creates a mutually exclusive selection interface where users can choose only one option from a group of radio buttons. It manages the selection state and ensures that selecting one option automatically deselects all others in the group.\n\nRadio options store their values as strings. Numbers and booleans are converted to strings when assigned, while objects, functions and arrays default to an empty string unless resolved via binding expressions.",
+  description: "`RadioGroup` creates a mutually exclusive selection interface where users can choose only one option from a group of radio buttons. It manages the selection state and ensures that selecting one option automatically deselects all others in the group.Radio options store their values as strings. Numbers and booleans are converted to strings when assigned, while objects, functions and arrays default to an empty string unless resolved via binding expressions.",
   props: {
     initialValue: {
       ...dInitialValue(),
@@ -33582,12 +33619,12 @@ const SpinnerMd = createMetadata({
     delay: {
       description: `The delay in milliseconds before the spinner is displayed.`,
       valueType: "number",
-      defaultValue: defaultProps$1h.delay
+      defaultValue: defaultProps$1i.delay
     },
     fullScreen: {
       description: `If set to \`true\`, the component will be rendered in a full screen container.`,
       valueType: "boolean",
-      defaultValue: defaultProps$1h.fullScreen
+      defaultValue: defaultProps$1i.fullScreen
     }
   },
   themeVars: parseScssVar(styles$1j.themeVars),
@@ -33974,11 +34011,11 @@ const SwitchMd = createMetadata({
   },
   props: {
     required: dRequired(),
-    initialValue: dInitialValue(defaultProps$X.initialValue),
+    initialValue: dInitialValue(defaultProps$Y.initialValue),
     autoFocus: dAutoFocus(),
     readOnly: dReadonly(),
     enabled: dEnabled(),
-    validationStatus: dValidationStatus(defaultProps$X.validationStatus),
+    validationStatus: dValidationStatus(defaultProps$Y.validationStatus),
     description: dInternal(
       `(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${COMP$D} besides its label.`
     )
@@ -34044,7 +34081,7 @@ const switchComponentRenderer = createComponentRenderer(
         className,
         initialValue: extractValue.asOptionalBoolean(
           node.props.initialValue,
-          defaultProps$X.initialValue
+          defaultProps$Y.initialValue
         ),
         value: state?.value,
         readOnly: extractValue.asOptionalBoolean(node.props.readOnly),
@@ -39977,7 +40014,7 @@ const accordionItemComponentRenderer = createComponentRenderer(
 const COMP$r = "Slider";
 const SliderMd = createMetadata({
   status: "stable",
-  description: "`Slider` provides an interactive control for selecting numeric values within a defined range, supporting both single value selection and range selection with multiple thumbs. It offers precise control through customizable steps and visual feedback with formatted value display.\n\nHover over the component to see the tooltip with the current value. On mobile, tap the thumb to see the tooltip.",
+  description: "`Slider` provides an interactive control for selecting numeric values within a defined range, supporting both single value selection and range selection with multiple thumbs. It offers precise control through customizable steps and visual feedback with formatted value display.Hover over the component to see the tooltip with the current value. On mobile, tap the thumb to see the tooltip.",
   props: {
     initialValue: dInitialValue(),
     minValue: {
@@ -46396,9 +46433,6 @@ class ComponentRegistry {
     if (define_process_env_default$4.VITE_USED_COMPONENTS_Fragment !== "false") {
       this.registerCoreComponent(fragmentComponentRenderer);
     }
-    if (define_process_env_default$4.VITE_USED_COMPONENTS_Choose !== "false") {
-      this.registerCoreComponent(chooseComponentRenderer);
-    }
     if (define_process_env_default$4.VITE_USED_COMPONENTS_Table !== "false") {
       this.registerCoreComponent(tableComponentRenderer);
       this.registerCoreComponent(columnComponentRenderer);
@@ -47807,7 +47841,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.11.7";
+const version = "0.11.8";
 const miscellaneousUtils = {
   capitalize,
   pluralize: pluralize$1,
@@ -55459,7 +55493,7 @@ function ApiInterceptorProvider({
       return;
     }
     void (async () => {
-      const { initMock } = await import("./initMock-CyTd5aE8.js");
+      const { initMock } = await import("./initMock-yTa1A5M3.js");
       const apiInstance2 = await initMock(interceptor);
       setApiInstance(apiInstance2);
       setInitialized(true);
@@ -55476,7 +55510,7 @@ function ApiInterceptorProvider({
           if (define_process_env_default.VITE_MOCK_ENABLED) {
             const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
               useWorker ? import("./apiInterceptorWorker-Wgm2_zjg.js") : Promise.resolve({ createApiInterceptorWorker: () => null }),
-              import("./initMock-CyTd5aE8.js")
+              import("./initMock-yTa1A5M3.js")
             ]);
             if (interceptor || forceInitialize) {
               const apiInstance2 = await initMock(interceptor || {});
@@ -55513,7 +55547,7 @@ function ApiInterceptorProvider({
         void (async () => {
           const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
             import("./apiInterceptorWorker-Wgm2_zjg.js"),
-            import("./initMock-CyTd5aE8.js")
+            import("./initMock-yTa1A5M3.js")
           ]);
           const apiInstance2 = await initMock(interceptor);
           await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
@@ -56004,8 +56038,8 @@ function AppWithCodeViewNative({
     )
   ] });
 }
-const codeText = "_codeText_trvop_14";
-const codefence = "_codefence_trvop_21";
+const codeText = "_codeText_fmjbn_14";
+const codefence = "_codefence_fmjbn_21";
 const styles$1 = {
   codeText,
   codefence
@@ -57890,7 +57924,7 @@ const filteredValidationSeverityValues = validationSeverityValues.filter(
 const FormItemMd = createMetadata({
   status: "stable",
   allowArbitraryProps: true,
-  description: "`FormItem` wraps individual input controls within a `Form`, providing data binding, validation, labeling, and layout functionality. It connects form controls to the parent form's data model and handles validation feedback automatically.\n\n> **Note:** `FormItem` must be used inside a `Form` component.",
+  description: "`FormItem` wraps individual input controls within a `Form`, providing data binding, validation, labeling, and layout functionality. It connects form controls to the parent form's data model and handles validation feedback automatically. **Note:** `FormItem` must be used inside a `Form` component.",
   props: {
     bindTo: {
       description: "This property binds a particular input field to one of the attributes of the `Form` data. It names the property of the form's `data` data to get the input's initial value.When the field is saved, its value will be stored in the `data` property with this name. If the property is not set, the input will be bound to an internal data field but not submitted."
@@ -58371,7 +58405,6 @@ const collectedComponentMetadata = {
   Carousel: CarouselMd,
   ChangeListener: ChangeListenerMd,
   Checkbox: CheckboxMd,
-  Choose: ChooseMd,
   CODE: HtmlCodeMd,
   ColorPicker: ColorPickerMd,
   Column: ColumnMd,