xmlui 0.11.7 → 0.11.8

package/dist/lib/{index-CwYK6iB4.js → index-Sebt9Sqs.js}

@@ -809,13 +809,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
@@ -876,7 +876,7 @@ const Spinner = forwardRef(function Spinner2({
     );
   }
 });
-const defaultProps$1g = {
+const defaultProps$1h = {
   labelBreak: true
 };
 const numberRegex = /^[0-9]+$/;
@@ -886,7 +886,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,
@@ -1031,7 +1031,7 @@ function dLabelBreak(comp) {
   return {
     description: `This boolean value indicates whether the \`${comp}\` label can be split into multiple lines if it would overflow the available label width.`,
     valueType: "boolean",
-    defaultValue: defaultProps$1g.labelBreak
+    defaultValue: defaultProps$1h.labelBreak
   };
 }
 function dAutoFocus() {
@@ -1450,7 +1450,7 @@ function useHasExplicitHeight(parentRef) {
   return hasHeight;
 }
 const DEFAULT_ORIENTATION$1 = "vertical";
-const defaultProps$1f = {
+const defaultProps$1g = {
   orientation: DEFAULT_ORIENTATION$1,
   reverse: false,
   hoverContainer: false,
@@ -1459,13 +1459,13 @@ const defaultProps$1f = {
 const Stack = forwardRef(function Stack2({
   uid,
   children,
-  orientation = defaultProps$1f.orientation,
+  orientation = defaultProps$1g.orientation,
   horizontalAlignment,
   verticalAlignment,
   style: style2,
-  reverse: reverse2 = defaultProps$1f.reverse,
-  hoverContainer: hoverContainer2 = defaultProps$1f.hoverContainer,
-  visibleOnHover: visibleOnHover2 = defaultProps$1f.visibleOnHover,
+  reverse: reverse2 = defaultProps$1g.reverse,
+  hoverContainer: hoverContainer2 = defaultProps$1g.hoverContainer,
+  visibleOnHover: visibleOnHover2 = defaultProps$1g.visibleOnHover,
   onClick,
   onMount,
   className,
@@ -1502,7 +1502,7 @@ const Stack = forwardRef(function Stack2({
     }
   );
 });
-const COMP$1y = "Stack";
+const COMP$1x = "Stack";
 const HORIZONTAL_ALIGNMENT = {
   description: "Manages the horizontal content alignment for each child element in the Stack.",
   availableValues: alignmentOptionValues,
@@ -1527,7 +1527,7 @@ const stackMd = createMetadata({
     reverse: {
       description: "Optional boolean property to reverse the order of child elements.",
       valueType: "boolean",
-      defaultValue: defaultProps$1f.reverse
+      defaultValue: defaultProps$1g.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.",
@@ -1538,21 +1538,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$1f.orientation
+      defaultValue: defaultProps$1g.orientation
     },
     horizontalAlignment: HORIZONTAL_ALIGNMENT,
     verticalAlignment: VERTICAL_ALIGNMENT,
     hoverContainer: {
       ...dInternal("Reserved for future use"),
-      defaultValue: defaultProps$1f.hoverContainer
+      defaultValue: defaultProps$1g.hoverContainer
     },
     visibleOnHover: {
       ...dInternal("Reserved for future use"),
-      defaultValue: defaultProps$1f.visibleOnHover
+      defaultValue: defaultProps$1g.visibleOnHover
     }
   },
   events: {
-    click: dClick(COMP$1y),
+    click: dClick(COMP$1x),
     mounted: dInternal("Reserved for future use")
   },
   themeVars: parseScssVar(styles$1l.themeVars)
@@ -1565,7 +1565,7 @@ const StackMd = {
 };
 const VStackMd = {
   ...StackMd,
-  specializedFrom: COMP$1y,
+  specializedFrom: COMP$1x,
   description: `This component represents a stack rendering its contents vertically.`,
   props: {
     ...stackMd.props
@@ -1573,7 +1573,7 @@ const VStackMd = {
 };
 const HStackMd = {
   ...StackMd,
-  specializedFrom: COMP$1y,
+  specializedFrom: COMP$1x,
   description: `This component represents a stack rendering its contents horizontally.`,
   props: {
     ...stackMd.props
@@ -1581,12 +1581,12 @@ const HStackMd = {
 };
 const CVStackMd = {
   ...StackMd,
-  specializedFrom: COMP$1y,
+  specializedFrom: COMP$1x,
   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$1y,
+  specializedFrom: COMP$1x,
   description: `This component represents a stack that renders its contents horizontally and aligns that in the center along both axes.`
 };
 function renderStack({
@@ -1621,7 +1621,7 @@ function renderStack({
   );
 }
 const stackComponentRenderer = createComponentRenderer(
-  COMP$1y,
+  COMP$1x,
   StackMd,
   ({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler }) => {
     const orientation = extractValue(node.props?.orientation) || DEFAULT_ORIENTATION$1;
@@ -1782,7 +1782,7 @@ const styles$1g = {
   ghostAttention
 };
 const VisuallyHidden = ({ children, ...props }) => /* @__PURE__ */ jsx(VisuallyHidden$2, { ...props, children });
-const defaultProps$1e = {
+const defaultProps$1f = {
   type: "button",
   iconPosition: "start",
   contentPosition: "center",
@@ -1794,14 +1794,14 @@ const defaultProps$1e = {
 };
 const Button = React__default.forwardRef(function Button2({
   id,
-  type = defaultProps$1e.type,
+  type = defaultProps$1f.type,
   icon: icon2,
-  iconPosition = defaultProps$1e.iconPosition,
-  contentPosition = defaultProps$1e.contentPosition,
-  orientation = defaultProps$1e.orientation,
-  variant = defaultProps$1e.variant,
-  themeColor = defaultProps$1e.themeColor,
-  size = defaultProps$1e.size,
+  iconPosition = defaultProps$1f.iconPosition,
+  contentPosition = defaultProps$1f.contentPosition,
+  orientation = defaultProps$1f.orientation,
+  variant = defaultProps$1f.variant,
+  themeColor = defaultProps$1f.themeColor,
+  size = defaultProps$1f.size,
   disabled: disabled2,
   children,
   formId,
@@ -1811,7 +1811,7 @@ const Button = React__default.forwardRef(function Button2({
   style: style2,
   gap,
   className,
-  autoFocus = defaultProps$1e.autoFocus,
+  autoFocus = defaultProps$1f.autoFocus,
   contextualLabel,
   ...rest
 }, ref) {
@@ -1826,7 +1826,7 @@ const Button = React__default.forwardRef(function Button2({
   }, [autoFocus]);
   const iconToLeft = iconPosition === "start";
   if (!isSizeType(size)) {
-    size = defaultProps$1e.size;
+    size = defaultProps$1f.size;
   }
   return /* @__PURE__ */ jsxs(
     "button",
@@ -3799,11 +3799,11 @@ const ResponsiveBar = forwardRef(function ResponsiveBar2({
     }
   );
 });
-const COMP$1x = "ResponsiveBar";
+const COMP$1w = "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$1x,
+  docFolder: COMP$1w,
   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.",
@@ -3823,20 +3823,20 @@ const ResponsiveBarMd = createMetadata({
     }
   },
   events: {
-    click: dClick(COMP$1x)
+    click: dClick(COMP$1w)
   },
   apis: {},
   contextVars: {},
   themeVars: parseScssVar(styles$1i.themeVars),
   limitThemeVarsToComponent: true,
   defaultThemeVars: {
-    [`backgroundColor-${COMP$1x}`]: "transparent",
-    [`padding-${COMP$1x}`]: "0",
-    [`margin-${COMP$1x}`]: "0"
+    [`backgroundColor-${COMP$1w}`]: "transparent",
+    [`padding-${COMP$1w}`]: "0",
+    [`margin-${COMP$1w}`]: "0"
   }
 });
 const responsiveBarComponentRenderer = createComponentRenderer(
-  COMP$1x,
+  COMP$1w,
   ResponsiveBarMd,
   ({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler }) => {
     return /* @__PURE__ */ jsx(
@@ -3859,13 +3859,13 @@ const styles$1e = {
   spacer
 };
 const SpaceFiller = () => /* @__PURE__ */ jsx("div", { className: styles$1e.spacer });
-const COMP$1w = "SpaceFiller";
+const COMP$1v = "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$1e.themeVars)
 });
-const spaceFillerComponentRenderer = createComponentRenderer(COMP$1w, SpaceFillerMd, () => /* @__PURE__ */ jsx(SpaceFiller, {}));
+const spaceFillerComponentRenderer = createComponentRenderer(COMP$1v, SpaceFillerMd, () => /* @__PURE__ */ jsx(SpaceFiller, {}));
 const themeVars$W = `'{"padding-TextArea": "var(--xmlui-padding-TextArea)", "paddingHorizontal-TextArea": "var(--xmlui-paddingHorizontal-TextArea, var(--xmlui-padding-TextArea))", "paddingVertical-TextArea": "var(--xmlui-paddingVertical-TextArea, var(--xmlui-padding-TextArea))", "paddingLeft-TextArea": "var(--xmlui-paddingLeft-TextArea, var(--xmlui-paddingHorizontal-TextArea, var(--xmlui-padding-TextArea)))", "paddingRight-TextArea": "var(--xmlui-paddingRight-TextArea, var(--xmlui-paddingHorizontal-TextArea, var(--xmlui-padding-TextArea)))", "paddingTop-TextArea": "var(--xmlui-paddingTop-TextArea, var(--xmlui-paddingVertical-TextArea, var(--xmlui-padding-TextArea)))", "paddingBottom-TextArea": "var(--xmlui-paddingBottom-TextArea, var(--xmlui-paddingVertical-TextArea, var(--xmlui-padding-TextArea)))", "Input:borderRadius-TextArea--default": "var(--xmlui-borderRadius-TextArea--default)", "Input:borderColor-TextArea--default": "var(--xmlui-borderColor-TextArea--default)", "Input:borderWidth-TextArea--default": "var(--xmlui-borderWidth-TextArea--default)", "Input:borderStyle-TextArea--default": "var(--xmlui-borderStyle-TextArea--default)", "Input:fontSize-TextArea--default": "var(--xmlui-fontSize-TextArea--default)", "Input:backgroundColor-TextArea--default": "var(--xmlui-backgroundColor-TextArea--default)", "Input:boxShadow-TextArea--default": "var(--xmlui-boxShadow-TextArea--default)", "Input:textColor-TextArea--default": "var(--xmlui-textColor-TextArea--default)", "Input:borderColor-TextArea--default--hover": "var(--xmlui-borderColor-TextArea--default--hover)", "Input:backgroundColor-TextArea--default--hover": "var(--xmlui-backgroundColor-TextArea--default--hover)", "Input:boxShadow-TextArea--default--hover": "var(--xmlui-boxShadow-TextArea--default--hover)", "Input:textColor-TextArea--default--hover": "var(--xmlui-textColor-TextArea--default--hover)", "Input:borderColor-TextArea--default--focus": "var(--xmlui-borderColor-TextArea--default--focus)", "Input:backgroundColor-TextArea--default--focus": "var(--xmlui-backgroundColor-TextArea--default--focus)", "Input:boxShadow-TextArea--default--focus": "var(--xmlui-boxShadow-TextArea--default--focus)", "Input:textColor-TextArea--default--focus": "var(--xmlui-textColor-TextArea--default--focus)", "Input:outlineWidth-TextArea--default--focus": "var(--xmlui-outlineWidth-TextArea--default--focus)", "Input:outlineColor-TextArea--default--focus": "var(--xmlui-outlineColor-TextArea--default--focus)", "Input:outlineStyle-TextArea--default--focus": "var(--xmlui-outlineStyle-TextArea--default--focus)", "Input:outlineOffset-TextArea--default--focus": "var(--xmlui-outlineOffset-TextArea--default--focus)", "Input:textColor-placeholder-TextArea--default": "var(--xmlui-textColor-placeholder-TextArea--default)", "Input:fontSize-placeholder-TextArea--default": "var(--xmlui-fontSize-placeholder-TextArea--default)", "Input:borderRadius-TextArea--error": "var(--xmlui-borderRadius-TextArea--error)", "Input:borderColor-TextArea--error": "var(--xmlui-borderColor-TextArea--error)", "Input:borderWidth-TextArea--error": "var(--xmlui-borderWidth-TextArea--error)", "Input:borderStyle-TextArea--error": "var(--xmlui-borderStyle-TextArea--error)", "Input:fontSize-TextArea--error": "var(--xmlui-fontSize-TextArea--error)", "Input:backgroundColor-TextArea--error": "var(--xmlui-backgroundColor-TextArea--error)", "Input:boxShadow-TextArea--error": "var(--xmlui-boxShadow-TextArea--error)", "Input:textColor-TextArea--error": "var(--xmlui-textColor-TextArea--error)", "Input:borderColor-TextArea--error--hover": "var(--xmlui-borderColor-TextArea--error--hover)", "Input:backgroundColor-TextArea--error--hover": "var(--xmlui-backgroundColor-TextArea--error--hover)", "Input:boxShadow-TextArea--error--hover": "var(--xmlui-boxShadow-TextArea--error--hover)", "Input:textColor-TextArea--error--hover": "var(--xmlui-textColor-TextArea--error--hover)", "Input:borderColor-TextArea--error--focus": "var(--xmlui-borderColor-TextArea--error--focus)", "Input:backgroundColor-TextArea--error--focus": "var(--xmlui-backgroundColor-TextArea--error--focus)", "Input:boxShadow-TextArea--error--focus": "var(--xmlui-boxShadow-TextArea--error--focus)", "Input:textColor-TextArea--error--focus": "var(--xmlui-textColor-TextArea--error--focus)", "Input:outlineWidth-TextArea--error--focus": "var(--xmlui-outlineWidth-TextArea--error--focus)", "Input:outlineColor-TextArea--error--focus": "var(--xmlui-outlineColor-TextArea--error--focus)", "Input:outlineStyle-TextArea--error--focus": "var(--xmlui-outlineStyle-TextArea--error--focus)", "Input:outlineOffset-TextArea--error--focus": "var(--xmlui-outlineOffset-TextArea--error--focus)", "Input:textColor-placeholder-TextArea--error": "var(--xmlui-textColor-placeholder-TextArea--error)", "Input:fontSize-placeholder-TextArea--error": "var(--xmlui-fontSize-placeholder-TextArea--error)", "Input:borderRadius-TextArea--warning": "var(--xmlui-borderRadius-TextArea--warning)", "Input:borderColor-TextArea--warning": "var(--xmlui-borderColor-TextArea--warning)", "Input:borderWidth-TextArea--warning": "var(--xmlui-borderWidth-TextArea--warning)", "Input:borderStyle-TextArea--warning": "var(--xmlui-borderStyle-TextArea--warning)", "Input:fontSize-TextArea--warning": "var(--xmlui-fontSize-TextArea--warning)", "Input:backgroundColor-TextArea--warning": "var(--xmlui-backgroundColor-TextArea--warning)", "Input:boxShadow-TextArea--warning": "var(--xmlui-boxShadow-TextArea--warning)", "Input:textColor-TextArea--warning": "var(--xmlui-textColor-TextArea--warning)", "Input:borderColor-TextArea--warning--hover": "var(--xmlui-borderColor-TextArea--warning--hover)", "Input:backgroundColor-TextArea--warning--hover": "var(--xmlui-backgroundColor-TextArea--warning--hover)", "Input:boxShadow-TextArea--warning--hover": "var(--xmlui-boxShadow-TextArea--warning--hover)", "Input:textColor-TextArea--warning--hover": "var(--xmlui-textColor-TextArea--warning--hover)", "Input:borderColor-TextArea--warning--focus": "var(--xmlui-borderColor-TextArea--warning--focus)", "Input:backgroundColor-TextArea--warning--focus": "var(--xmlui-backgroundColor-TextArea--warning--focus)", "Input:boxShadow-TextArea--warning--focus": "var(--xmlui-boxShadow-TextArea--warning--focus)", "Input:textColor-TextArea--warning--focus": "var(--xmlui-textColor-TextArea--warning--focus)", "Input:outlineWidth-TextArea--warning--focus": "var(--xmlui-outlineWidth-TextArea--warning--focus)", "Input:outlineColor-TextArea--warning--focus": "var(--xmlui-outlineColor-TextArea--warning--focus)", "Input:outlineStyle-TextArea--warning--focus": "var(--xmlui-outlineStyle-TextArea--warning--focus)", "Input:outlineOffset-TextArea--warning--focus": "var(--xmlui-outlineOffset-TextArea--warning--focus)", "Input:textColor-placeholder-TextArea--warning": "var(--xmlui-textColor-placeholder-TextArea--warning)", "Input:fontSize-placeholder-TextArea--warning": "var(--xmlui-fontSize-placeholder-TextArea--warning)", "Input:borderRadius-TextArea--success": "var(--xmlui-borderRadius-TextArea--success)", "Input:borderColor-TextArea--success": "var(--xmlui-borderColor-TextArea--success)", "Input:borderWidth-TextArea--success": "var(--xmlui-borderWidth-TextArea--success)", "Input:borderStyle-TextArea--success": "var(--xmlui-borderStyle-TextArea--success)", "Input:fontSize-TextArea--success": "var(--xmlui-fontSize-TextArea--success)", "Input:backgroundColor-TextArea--success": "var(--xmlui-backgroundColor-TextArea--success)", "Input:boxShadow-TextArea--success": "var(--xmlui-boxShadow-TextArea--success)", "Input:textColor-TextArea--success": "var(--xmlui-textColor-TextArea--success)", "Input:borderColor-TextArea--success--hover": "var(--xmlui-borderColor-TextArea--success--hover)", "Input:backgroundColor-TextArea--success--hover": "var(--xmlui-backgroundColor-TextArea--success--hover)", "Input:boxShadow-TextArea--success--hover": "var(--xmlui-boxShadow-TextArea--success--hover)", "Input:textColor-TextArea--success--hover": "var(--xmlui-textColor-TextArea--success--hover)", "Input:borderColor-TextArea--success--focus": "var(--xmlui-borderColor-TextArea--success--focus)", "Input:backgroundColor-TextArea--success--focus": "var(--xmlui-backgroundColor-TextArea--success--focus)", "Input:boxShadow-TextArea--success--focus": "var(--xmlui-boxShadow-TextArea--success--focus)", "Input:textColor-TextArea--success--focus": "var(--xmlui-textColor-TextArea--success--focus)", "Input:outlineWidth-TextArea--success--focus": "var(--xmlui-outlineWidth-TextArea--success--focus)", "Input:outlineColor-TextArea--success--focus": "var(--xmlui-outlineColor-TextArea--success--focus)", "Input:outlineStyle-TextArea--success--focus": "var(--xmlui-outlineStyle-TextArea--success--focus)", "Input:outlineOffset-TextArea--success--focus": "var(--xmlui-outlineOffset-TextArea--success--focus)", "Input:textColor-placeholder-TextArea--success": "var(--xmlui-textColor-placeholder-TextArea--success)", "Input:fontSize-placeholder-TextArea--success": "var(--xmlui-fontSize-placeholder-TextArea--success)", "Input:backgroundColor-TextArea--disabled": "var(--xmlui-backgroundColor-TextArea--disabled)", "Input:textColor-TextArea--disabled": "var(--xmlui-textColor-TextArea--disabled)", "Input:borderColor-TextArea--disabled": "var(--xmlui-borderColor-TextArea--disabled)"}'`;
 const textarea = "_textarea_p2pxi_14";
 const error$d = "_error_p2pxi_59";
@@ -3936,7 +3936,7 @@ const TextAreaResizable = ({ maxRows, minRows, onChange = noop, style: style2, .
   );
 };
 const TextAreaResizable$1 = React.forwardRef(TextAreaResizable);
-const defaultProps$1d = {
+const defaultProps$1e = {
   value: "",
   placeholder: "",
   required: false,
@@ -3955,21 +3955,21 @@ const defaultProps$1d = {
 };
 const TextArea = forwardRef(function TextArea2({
   id,
-  value = defaultProps$1d.value,
-  placeholder: placeholder2 = defaultProps$1d.placeholder,
-  required: required2 = defaultProps$1d.required,
-  readOnly: readOnly2 = defaultProps$1d.readOnly,
-  allowCopy = defaultProps$1d.allowCopy,
-  updateState = defaultProps$1d.updateState,
+  value = defaultProps$1e.value,
+  placeholder: placeholder2 = defaultProps$1e.placeholder,
+  required: required2 = defaultProps$1e.required,
+  readOnly: readOnly2 = defaultProps$1e.readOnly,
+  allowCopy = defaultProps$1e.allowCopy,
+  updateState = defaultProps$1e.updateState,
   validationStatus,
-  autoFocus = defaultProps$1d.autoFocus,
-  initialValue = defaultProps$1d.initialValue,
+  autoFocus = defaultProps$1e.autoFocus,
+  initialValue = defaultProps$1e.initialValue,
   resize: resize2,
-  onDidChange = defaultProps$1d.onDidChange,
-  onFocus = defaultProps$1d.onFocus,
-  onBlur = defaultProps$1d.onBlur,
-  controlled = defaultProps$1d.controlled,
-  enterSubmits = defaultProps$1d.enterSubmits,
+  onDidChange = defaultProps$1e.onDidChange,
+  onFocus = defaultProps$1e.onFocus,
+  onBlur = defaultProps$1e.onBlur,
+  controlled = defaultProps$1e.controlled,
+  enterSubmits = defaultProps$1e.enterSubmits,
   escResets,
   style: style2,
   className,
@@ -3978,8 +3978,8 @@ const TextArea = forwardRef(function TextArea2({
   maxRows,
   minRows,
   maxLength,
-  rows = defaultProps$1d.rows,
-  enabled: enabled2 = defaultProps$1d.enabled,
+  rows = defaultProps$1e.rows,
+  enabled: enabled2 = defaultProps$1e.enabled,
   ...rest
 }, forwardedRef) {
   const inputRef = useRef(null);
@@ -4149,7 +4149,7 @@ const TextArea = forwardRef(function TextArea2({
     }
   );
 });
-const COMP$1v = "TextArea";
+const COMP$1u = "TextArea";
 const resizeOptionsMd = [
   { value: "(undefined)", description: "No resizing" },
   { value: "horizontal", description: "Can only resize horizontally" },
@@ -4177,26 +4177,26 @@ const TextAreaMd = createMetadata({
     enterSubmits: {
       description: "This optional boolean property indicates whether pressing the `Enter` key on the keyboard prompts the parent `Form` component to submit.",
       valueType: "boolean",
-      defaultValue: defaultProps$1d.enterSubmits
+      defaultValue: defaultProps$1e.enterSubmits
     },
     escResets: {
-      description: `This boolean property indicates whether the ${COMP$1v} contents should be reset when pressing the ESC key.`,
+      description: `This boolean property indicates whether the ${COMP$1u} 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$1v}\` can grow. If not set, the number of rows is unlimited.`
+      `This optional property sets the maximum number of text rows the \`${COMP$1u}\` 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$1v}\` can shrink. If not set, the minimum number of rows is 1.`
+      `This optional property sets the minimum number of text rows the \`${COMP$1u}\` can shrink. If not set, the minimum number of rows is 1.`
     ),
     rows: {
       description: `Specifies the number of rows the component initially has.`,
       valueType: "number",
-      defaultValue: defaultProps$1d.rows
+      defaultValue: defaultProps$1e.rows
     },
     autoSize: {
-      description: `If set to \`true\`, this boolean property enables the \`${COMP$1v}\` to resize automatically based on the number of lines inside it.`,
+      description: `If set to \`true\`, this boolean property enables the \`${COMP$1u}\` to resize automatically based on the number of lines inside it.`,
       valueType: "boolean",
       defaultValue: false
     },
@@ -4214,13 +4214,13 @@ const TextAreaMd = createMetadata({
     }
   },
   events: {
-    gotFocus: dGotFocus(COMP$1v),
-    lostFocus: dLostFocus(COMP$1v),
-    didChange: dDidChange(COMP$1v)
+    gotFocus: dGotFocus(COMP$1u),
+    lostFocus: dLostFocus(COMP$1u),
+    didChange: dDidChange(COMP$1u)
   },
   apis: {
     focus: {
-      description: `This method sets the focus on the \`${COMP$1v}\` component.`,
+      description: `This method sets the focus on the \`${COMP$1u}\` component.`,
       signature: "focus(): void"
     },
     value: {
@@ -4231,12 +4231,12 @@ const TextAreaMd = createMetadata({
   },
   themeVars: parseScssVar(styles$1d.themeVars),
   defaultThemeVars: {
-    [`paddingVertical-${COMP$1v}`]: "$space-2",
-    [`paddingHorizontal-${COMP$1v}`]: "$space-2"
+    [`paddingVertical-${COMP$1u}`]: "$space-2",
+    [`paddingHorizontal-${COMP$1u}`]: "$space-2"
   }
 });
 const textAreaComponentRenderer = createComponentRenderer(
-  COMP$1v,
+  COMP$1u,
   TextAreaMd,
   ({
     node,
@@ -4321,22 +4321,23 @@ function getComposedRef(...refs) {
   return composeRefs(...nonUndefinedRefs);
 }
 const themeVars$U = `'{"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$l = "_wrapper_1vmpp_15";
-const verticalFullHeader = "_verticalFullHeader_1vmpp_15";
-const navPanelWrapper = "_navPanelWrapper_1vmpp_15";
-const vertical$5 = "_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$5 = "_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$7 = "_content_1vmpp_33";
-const withDefaultContentPadding = "_withDefaultContentPadding_1vmpp_326";
+const wrapper$l = "_wrapper_1le1z_15";
+const verticalFullHeader = "_verticalFullHeader_1le1z_15";
+const navPanelWrapper = "_navPanelWrapper_1le1z_15";
+const vertical$5 = "_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$5 = "_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$7 = "_content_1le1z_33";
+const withDefaultContentPadding = "_withDefaultContentPadding_1le1z_342";
 const styles$1c = {
   themeVars: themeVars$U,
   wrapper: wrapper$l,
@@ -4348,9 +4349,10 @@ const styles$1c = {
   PagesWrapper,
   footerWrapper,
   sticky,
+  nonSticky,
   horizontal: horizontal$5,
-  desktop,
   headerWrapper: headerWrapper$1,
+  desktop,
   PagesWrapperInner,
   scrollWholePage,
   content: content$7,
@@ -4518,17 +4520,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$S = `'{"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$1b = {
   themeVars: themeVars$S,
   header: header$2,
@@ -4551,7 +4553,7 @@ const styles$1a = {
   img,
   clickable: clickable$2
 };
-const defaultProps$1c = {
+const defaultProps$1d = {
   fit: "contain",
   lazyLoad: false,
   inline: false
@@ -4560,13 +4562,13 @@ const Image = forwardRef(function Img({
   src,
   alt,
   imageData,
-  fit = defaultProps$1c.fit,
+  fit = defaultProps$1d.fit,
   style: style2,
   className,
   onClick,
   aspectRatio,
-  lazyLoad = defaultProps$1c.lazyLoad,
-  inline = defaultProps$1c.inline,
+  lazyLoad = defaultProps$1d.lazyLoad,
+  inline = defaultProps$1d.inline,
   ...rest
 }, ref) {
   const [blobUrl, setBlobUrl] = useState(null);
@@ -4628,11 +4630,11 @@ function safeConvertPropToString(prop) {
   }
   return void 0;
 }
-const defaultProps$1b = {
+const defaultProps$1c = {
   alt: "Logo",
   inline: false
 };
-const Logo = forwardRef(function Logo2({ style: style2, alt = defaultProps$1b.alt, inline = defaultProps$1b.inline, className, ...rest }, forwardedRef) {
+const Logo = forwardRef(function Logo2({ style: style2, alt = defaultProps$1c.alt, inline = defaultProps$1c.inline, className, ...rest }, forwardedRef) {
   const logoUrl = useLogoUrl();
   if (!logoUrl) {
     return null;
@@ -4689,7 +4691,7 @@ function useAppLayoutContext() {
   return useContext(AppLayoutContext);
 }
 const PART_HAMBURGER = "hamburger";
-const defaultProps$1a = {
+const defaultProps$1b = {
   showLogo: true
 };
 function useLogoUrl() {
@@ -4712,7 +4714,7 @@ const AppHeader = ({
   canRestrictContentWidth,
   navPanelVisible = true,
   toggleDrawer,
-  showLogo = defaultProps$1a.showLogo,
+  showLogo = defaultProps$1b.showLogo,
   hasRegisteredNavPanel,
   title: title2,
   titleContent,
@@ -7204,7 +7206,7 @@ class PropsTrasform {
     return this.mapValues(filteredKeys, this.extractValue);
   }
 }
-const defaultProps$19 = {
+const defaultProps$1a = {
   scrollWholePage: true,
   noScrollbarGutters: false,
   defaultTone: void 0,
@@ -7218,10 +7220,10 @@ function App({
   style: style2 = EMPTY_OBJECT,
   layout,
   loggedInUser,
-  scrollWholePage: scrollWholePage2 = defaultProps$19.scrollWholePage,
-  noScrollbarGutters: noScrollbarGutters2 = defaultProps$19.noScrollbarGutters,
-  onReady = defaultProps$19.onReady,
-  onMessageReceived = defaultProps$19.onMessageReceived,
+  scrollWholePage: scrollWholePage2 = defaultProps$1a.scrollWholePage,
+  noScrollbarGutters: noScrollbarGutters2 = defaultProps$1a.noScrollbarGutters,
+  onReady = defaultProps$1a.onReady,
+  onMessageReceived = defaultProps$1a.onMessageReceived,
   header: header2,
   navPanel,
   footer,
@@ -7232,12 +7234,13 @@ function App({
   logoLight,
   defaultTone,
   defaultTheme,
-  autoDetectTone = defaultProps$19.autoDetectTone,
+  autoDetectTone = defaultProps$1a.autoDetectTone,
   renderChild: renderChild2,
   name,
   className,
   applyDefaultContentPadding,
   registerComponentApi,
+  footerSticky = true,
   ...rest
 }) {
   const { getThemeVar } = useTheme();
@@ -7439,6 +7442,7 @@ function App({
   let pagesWrapperClasses = classnames(styles$1c.PagesWrapperInner, {
     [styles$1c.withDefaultContentPadding]: applyDefaultContentPadding
   });
+  const footerShouldBeNonSticky = !footerSticky && safeLayout !== "desktop";
   switch (safeLayout) {
     case "vertical":
       content2 = /* @__PURE__ */ jsxs(
@@ -7477,7 +7481,16 @@ function App({
                 }
               ),
               /* @__PURE__ */ jsx("div", { className: styles$1c.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }),
-              /* @__PURE__ */ jsx("div", { className: styles$1c.footerWrapper, ref: footerRefCallback, children: footer })
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classnames(styles$1c.footerWrapper, {
+                    [styles$1c.nonSticky]: footerShouldBeNonSticky
+                  }),
+                  ref: footerRefCallback,
+                  children: footer
+                }
+              )
             ] })
           ]
         }
@@ -7504,7 +7517,16 @@ function App({
               navPanelVisible && /* @__PURE__ */ jsx("aside", { className: styles$1c.navPanelWrapper, children: navPanel }),
               /* @__PURE__ */ jsx("main", { className: styles$1c.contentWrapper, children: /* @__PURE__ */ jsx("div", { className: styles$1c.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }) })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: styles$1c.footerWrapper, ref: footerRefCallback, children: footer })
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classnames(styles$1c.footerWrapper, {
+                  [styles$1c.nonSticky]: footerShouldBeNonSticky
+                }),
+                ref: footerRefCallback,
+                children: footer
+              }
+            )
           ]
         }
       );
@@ -7535,7 +7557,16 @@ function App({
               }
             ),
             /* @__PURE__ */ jsx("div", { className: styles$1c.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }),
-            /* @__PURE__ */ jsx("div", { className: styles$1c.footerWrapper, ref: footerRefCallback, children: footer })
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classnames(styles$1c.footerWrapper, {
+                  [styles$1c.nonSticky]: footerShouldBeNonSticky
+                }),
+                ref: footerRefCallback,
+                children: footer
+              }
+            )
           ]
         }
       );
@@ -7581,7 +7612,16 @@ function App({
               }
             ),
             /* @__PURE__ */ jsx("div", { className: styles$1c.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }),
-            /* @__PURE__ */ jsx("div", { className: styles$1c.footerWrapper, ref: footerRefCallback, children: footer })
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classnames(styles$1c.footerWrapper, {
+                  [styles$1c.nonSticky]: footerShouldBeNonSticky
+                }),
+                ref: footerRefCallback,
+                children: footer
+              }
+            )
           ]
         }
       );
@@ -7640,14 +7680,14 @@ function getAppLayoutOrientation(appLayout) {
       return "horizontal";
   }
 }
-const themeVars$Q = `'{"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$k = "_wrapper_lfqop_14";
-const condensed = "_condensed_lfqop_51";
-const vertical$4 = "_vertical_lfqop_54";
-const horizontal$4 = "_horizontal_lfqop_57";
-const wrapperInner = "_wrapperInner_lfqop_62";
-const logoWrapper$1 = "_logoWrapper_lfqop_79";
-const inDrawer = "_inDrawer_lfqop_89";
+const themeVars$Q = `'{"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$k = "_wrapper_ggqnq_14";
+const condensed = "_condensed_ggqnq_51";
+const vertical$4 = "_vertical_ggqnq_54";
+const horizontal$4 = "_horizontal_ggqnq_58";
+const wrapperInner = "_wrapperInner_ggqnq_64";
+const logoWrapper$1 = "_logoWrapper_ggqnq_81";
+const inDrawer = "_inDrawer_ggqnq_91";
 const styles$19 = {
   themeVars: themeVars$Q,
   wrapper: wrapper$k,
@@ -7761,7 +7801,7 @@ function buildLinkMap(navLinks) {
   processNodes(navLinks);
   return linkMap;
 }
-const defaultProps$18 = {
+const defaultProps$19 = {
   inDrawer: false
 };
 const NavPanelContext = React__default.createContext(null);
@@ -7785,7 +7825,7 @@ const NavPanel = forwardRef(function NavPanel2({
   style: style2,
   logoContent,
   className,
-  inDrawer: inDrawer2 = defaultProps$18.inDrawer,
+  inDrawer: inDrawer2 = defaultProps$19.inDrawer,
   renderChild: renderChild2,
   navLinks,
   ...rest
@@ -7860,7 +7900,7 @@ function mergeProps(childProps, restProps) {
   }
   return { ...childProps, ...overrideProps };
 }
-const defaultProps$17 = {
+const defaultProps$18 = {
   iconHorizontalExpanded: "chevronright",
   iconHorizontalCollapsed: "chevronright",
   iconVerticalExpanded: "chevrondown",
@@ -7893,10 +7933,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,
@@ -8088,12 +8128,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
 };
@@ -8103,7 +8143,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,
@@ -8177,7 +8217,7 @@ const NavLink = forwardRef(function NavLink2({
   }
   return content2;
 });
-const COMP$1u = "NavLink";
+const COMP$1t = "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.",
@@ -8187,7 +8227,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.`,
@@ -8196,50 +8236,50 @@ const NavLinkMd = createMetadata({
     },
     label: dLabel(),
     vertical: {
-      description: `This property sets how the active status is displayed on the \`${COMP$1u}\` 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$1t}\` 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$1u)
+    click: dClick(COMP$1t)
   },
   themeVars: parseScssVar(navLinkStyles.themeVars),
   themeVarDescriptions: {
-    [`color-indicator-${COMP$1u}`]: "Provides the following states: `--hover`, `--active`, `--pressed`"
+    [`color-indicator-${COMP$1t}`]: "Provides the following states: `--hover`, `--active`, `--pressed`"
   },
   defaultThemeVars: {
-    [`border-${COMP$1u}`]: "0px solid $borderColor",
-    [`borderRadius-${COMP$1u}`]: "$borderRadius",
-    [`backgroundColor-${COMP$1u}`]: "transparent",
-    [`paddingHorizontal-${COMP$1u}`]: "$space-4",
-    [`paddingVertical-${COMP$1u}`]: "$space-2",
-    [`fontSize-${COMP$1u}`]: "$fontSize-sm",
-    [`fontWeight-${COMP$1u}`]: "$fontWeight-normal",
-    [`fontFamily-${COMP$1u}`]: "$fontFamily",
-    [`textColor-${COMP$1u}`]: "$textColor-primary",
-    [`fontWeight-${COMP$1u}--pressed`]: "$fontWeight-normal",
-    [`thickness-indicator-${COMP$1u}`]: "$space-0_5",
-    [`outlineColor-${COMP$1u}--focus`]: "$outlineColor--focus",
-    [`outlineWidth-${COMP$1u}--focus`]: "$outlineWidth--focus",
-    [`outlineStyle-${COMP$1u}--focus`]: "$outlineStyle--focus",
-    [`outlineOffset-${COMP$1u}--focus`]: "-1px",
-    [`borderRadius-indicator-${COMP$1u}`]: "$borderRadius",
-    [`color-icon-${COMP$1u}`]: "$color-surface-500",
-    [`color-indicator-${COMP$1u}--active`]: "$color-primary-500",
-    [`color-indicator-${COMP$1u}--pressed`]: "$color-primary-500",
-    [`color-indicator-${COMP$1u}--hover`]: "$color-primary-600"
+    [`border-${COMP$1t}`]: "0px solid $borderColor",
+    [`borderRadius-${COMP$1t}`]: "$borderRadius",
+    [`backgroundColor-${COMP$1t}`]: "transparent",
+    [`paddingHorizontal-${COMP$1t}`]: "$space-4",
+    [`paddingVertical-${COMP$1t}`]: "$space-2",
+    [`fontSize-${COMP$1t}`]: "$fontSize-sm",
+    [`fontWeight-${COMP$1t}`]: "$fontWeight-normal",
+    [`fontFamily-${COMP$1t}`]: "$fontFamily",
+    [`textColor-${COMP$1t}`]: "$textColor-primary",
+    [`fontWeight-${COMP$1t}--pressed`]: "$fontWeight-normal",
+    [`thickness-indicator-${COMP$1t}`]: "$space-0_5",
+    [`outlineColor-${COMP$1t}--focus`]: "$outlineColor--focus",
+    [`outlineWidth-${COMP$1t}--focus`]: "$outlineWidth--focus",
+    [`outlineStyle-${COMP$1t}--focus`]: "$outlineStyle--focus",
+    [`outlineOffset-${COMP$1t}--focus`]: "-1px",
+    [`borderRadius-indicator-${COMP$1t}`]: "$borderRadius",
+    [`color-icon-${COMP$1t}`]: "$color-surface-500",
+    [`color-indicator-${COMP$1t}--active`]: "$color-primary-500",
+    [`color-indicator-${COMP$1t}--pressed`]: "$color-primary-500",
+    [`color-indicator-${COMP$1t}--hover`]: "$color-primary-600"
   }
 });
 const navLinkComponentRenderer = createComponentRenderer(
-  COMP$1u,
+  COMP$1t,
   NavLinkMd,
   ({ node, extractValue, renderChild: renderChild2, className }) => {
     const iconName = extractValue.asString(node.props.icon);
@@ -8272,7 +8312,7 @@ const styles$17 = {
   disabled: disabled$9,
   iconWrapper
 };
-const defaultProps$15 = {
+const defaultProps$16 = {
   active: false,
   disabled: false
 };
@@ -8281,10 +8321,10 @@ const LinkNative = forwardRef(function LinkNative2(props, forwardedRef) {
     to,
     children,
     icon: icon2,
-    active: active2 = defaultProps$15.active,
+    active: active2 = defaultProps$16.active,
     onClick,
     target: target2,
-    disabled: disabled2 = defaultProps$15.disabled,
+    disabled: disabled2 = defaultProps$16.disabled,
     style: style2,
     className,
     ...anchorProps
@@ -8323,7 +8363,7 @@ function specifyTypes(props) {
     referrerPolicy
   };
 }
-const COMP$1t = "Link";
+const COMP$1s = "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.",
@@ -8335,10 +8375,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$15.active
+      defaultValue: defaultProps$16.active
     },
     target: {
-      description: `This property specifies where to open the link represented by the \`${COMP$1t}\`. 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$1s}\`. This property accepts the following values (in accordance with the HTML standard):`,
       availableValues: LinkTargetMd,
       type: "string"
     },
@@ -8354,37 +8394,37 @@ const LinkMd = createMetadata({
   },
   themeVars: parseScssVar(styles$17.themeVars),
   themeVarDescriptions: {
-    [`gap-icon-${COMP$1t}`]: "This property defines the size of the gap between the icon and the label."
+    [`gap-icon-${COMP$1s}`]: "This property defines the size of the gap between the icon and the label."
   },
   defaultThemeVars: {
-    [`border-${COMP$1t}`]: "0px solid $borderColor",
-    [`textColor-${COMP$1t}`]: "$color-primary-500",
-    [`textDecorationColor-${COMP$1t}`]: `textDecorationColor-${COMP$1t}`,
-    [`textColor-${COMP$1t}--hover`]: `$color-primary-400`,
-    [`textDecorationColor-${COMP$1t}--hover`]: `textColor-${COMP$1t}--hover`,
-    [`textColor-${COMP$1t}--active`]: "$color-primary-400",
-    [`textDecorationColor-${COMP$1t}--active`]: `textColor-${COMP$1t}--active`,
-    [`textColor-${COMP$1t}--hover--active`]: `$textColor-${COMP$1t}--active`,
-    [`textUnderlineOffset-${COMP$1t}`]: "$space-1",
-    [`textDecorationLine-${COMP$1t}`]: "underline",
-    [`textDecorationStyle-${COMP$1t}`]: "solid",
-    [`outlineColor-${COMP$1t}--focus`]: "$outlineColor--focus",
-    [`outlineWidth-${COMP$1t}--focus`]: "$outlineWidth--focus",
-    [`outlineStyle-${COMP$1t}--focus`]: "$outlineStyle--focus",
-    [`outlineOffset-${COMP$1t}--focus`]: "$outlineOffset--focus",
-    [`fontSize-${COMP$1t}`]: "inherit",
-    [`fontWeight-${COMP$1t}--active`]: "$fontWeight-bold",
-    [`gap-icon-${COMP$1t}`]: "$gap-tight",
-    [`padding-icon-${COMP$1t}`]: "$space-0_5",
+    [`border-${COMP$1s}`]: "0px solid $borderColor",
+    [`textColor-${COMP$1s}`]: "$color-primary-500",
+    [`textDecorationColor-${COMP$1s}`]: `textDecorationColor-${COMP$1s}`,
+    [`textColor-${COMP$1s}--hover`]: `$color-primary-400`,
+    [`textDecorationColor-${COMP$1s}--hover`]: `textColor-${COMP$1s}--hover`,
+    [`textColor-${COMP$1s}--active`]: "$color-primary-400",
+    [`textDecorationColor-${COMP$1s}--active`]: `textColor-${COMP$1s}--active`,
+    [`textColor-${COMP$1s}--hover--active`]: `$textColor-${COMP$1s}--active`,
+    [`textUnderlineOffset-${COMP$1s}`]: "$space-1",
+    [`textDecorationLine-${COMP$1s}`]: "underline",
+    [`textDecorationStyle-${COMP$1s}`]: "solid",
+    [`outlineColor-${COMP$1s}--focus`]: "$outlineColor--focus",
+    [`outlineWidth-${COMP$1s}--focus`]: "$outlineWidth--focus",
+    [`outlineStyle-${COMP$1s}--focus`]: "$outlineStyle--focus",
+    [`outlineOffset-${COMP$1s}--focus`]: "$outlineOffset--focus",
+    [`fontSize-${COMP$1s}`]: "inherit",
+    [`fontWeight-${COMP$1s}--active`]: "$fontWeight-bold",
+    [`gap-icon-${COMP$1s}`]: "$gap-tight",
+    [`padding-icon-${COMP$1s}`]: "$space-0_5",
     dark: {
-      [`textColor-${COMP$1t}`]: "$color-primary-600",
-      [`textColor-${COMP$1t}--hover`]: `$color-primary-500`,
-      [`textColor-${COMP$1t}--active`]: "$color-primary-500"
+      [`textColor-${COMP$1s}`]: "$color-primary-600",
+      [`textColor-${COMP$1s}--hover`]: `$color-primary-500`,
+      [`textColor-${COMP$1s}--active`]: "$color-primary-500"
     }
   }
 });
 const localLinkComponentRenderer = createComponentRenderer(
-  COMP$1t,
+  COMP$1s,
   LinkMd,
   ({ node, extractValue, renderChild: renderChild2, lookupEventHandler, className }) => {
     return /* @__PURE__ */ jsx(
@@ -8804,7 +8844,7 @@ const expandParentPaths = (nodeIds, treeItemsById) => {
   });
   return Array.from(allExpandedIds);
 };
-const defaultProps$14 = {
+const defaultProps$15 = {
   dataFormat: "flat",
   idField: "id",
   nameField: "name",
@@ -8829,27 +8869,27 @@ const TreeComponent = memo((props) => {
   const {
     registerComponentApi,
     data = emptyTreeData,
-    dataFormat = defaultProps$14.dataFormat,
-    idField = defaultProps$14.idField,
-    nameField = defaultProps$14.nameField,
-    iconField = defaultProps$14.iconField,
-    iconExpandedField = defaultProps$14.iconExpandedField,
-    iconCollapsedField = defaultProps$14.iconCollapsedField,
-    parentIdField = defaultProps$14.parentIdField,
-    childrenField = defaultProps$14.childrenField,
-    selectableField = defaultProps$14.selectableField,
+    dataFormat = defaultProps$15.dataFormat,
+    idField = defaultProps$15.idField,
+    nameField = defaultProps$15.nameField,
+    iconField = defaultProps$15.iconField,
+    iconExpandedField = defaultProps$15.iconExpandedField,
+    iconCollapsedField = defaultProps$15.iconCollapsedField,
+    parentIdField = defaultProps$15.parentIdField,
+    childrenField = defaultProps$15.childrenField,
+    selectableField = defaultProps$15.selectableField,
     selectedValue,
     selectedId,
-    defaultExpanded = defaultProps$14.defaultExpanded,
-    autoExpandToSelection = defaultProps$14.autoExpandToSelection,
-    itemClickExpands = defaultProps$14.itemClickExpands,
-    dynamicField = defaultProps$14.dynamicField,
-    iconCollapsed = defaultProps$14.iconCollapsed,
-    iconExpanded = defaultProps$14.iconExpanded,
-    iconSize = defaultProps$14.iconSize,
-    itemHeight = defaultProps$14.itemHeight,
-    animateExpand = defaultProps$14.animateExpand,
-    expandRotation = defaultProps$14.expandRotation,
+    defaultExpanded = defaultProps$15.defaultExpanded,
+    autoExpandToSelection = defaultProps$15.autoExpandToSelection,
+    itemClickExpands = defaultProps$15.itemClickExpands,
+    dynamicField = defaultProps$15.dynamicField,
+    iconCollapsed = defaultProps$15.iconCollapsed,
+    iconExpanded = defaultProps$15.iconExpanded,
+    iconSize = defaultProps$15.iconSize,
+    itemHeight = defaultProps$15.itemHeight,
+    animateExpand = defaultProps$15.animateExpand,
+    expandRotation = defaultProps$15.expandRotation,
     onItemClick,
     onSelectionChanged,
     onNodeExpanded,
@@ -9814,10 +9854,10 @@ const TreeComponent = memo((props) => {
     }
   );
 });
-const COMP$1s = "Tree";
+const COMP$1r = "Tree";
 const TreeMd = createMetadata({
   status: "stable",
-  description: `The \`${COMP$1s}\` component is a virtualized tree component that displays hierarchical data with support for flat and hierarchy data formats.`,
+  description: `The \`${COMP$1r}\` 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.`,
@@ -9826,47 +9866,47 @@ const TreeMd = createMetadata({
     dataFormat: {
       description: `The input data structure format: "flat" (array with parent relationships) or "hierarchy" (nested objects).`,
       valueType: "string",
-      defaultValue: defaultProps$14.dataFormat
+      defaultValue: defaultProps$15.dataFormat
     },
     idField: {
       description: `The property name in source data for unique identifiers.`,
       valueType: "string",
-      defaultValue: defaultProps$14.idField
+      defaultValue: defaultProps$15.idField
     },
     nameField: {
       description: `The property name in source data for display text.`,
       valueType: "string",
-      defaultValue: defaultProps$14.nameField
+      defaultValue: defaultProps$15.nameField
     },
     iconField: {
       description: `The property name in source data for icon identifiers.`,
       valueType: "string",
-      defaultValue: defaultProps$14.iconField
+      defaultValue: defaultProps$15.iconField
     },
     iconExpandedField: {
       description: `The property name in source data for expanded state icons.`,
       valueType: "string",
-      defaultValue: defaultProps$14.iconExpandedField
+      defaultValue: defaultProps$15.iconExpandedField
     },
     iconCollapsedField: {
       description: `The property name in source data for collapsed state icons.`,
       valueType: "string",
-      defaultValue: defaultProps$14.iconCollapsedField
+      defaultValue: defaultProps$15.iconCollapsedField
     },
     parentIdField: {
       description: `The property name in source data for parent relationships (used in flat format).`,
       valueType: "string",
-      defaultValue: defaultProps$14.parentIdField
+      defaultValue: defaultProps$15.parentIdField
     },
     childrenField: {
       description: `The property name in source data for child arrays (used in hierarchy format).`,
       valueType: "string",
-      defaultValue: defaultProps$14.childrenField
+      defaultValue: defaultProps$15.childrenField
     },
     selectableField: {
       description: `The property name in source data for selectable state (default: "selectable").`,
       valueType: "string",
-      defaultValue: defaultProps$14.selectableField
+      defaultValue: defaultProps$15.selectableField
     },
     selectedValue: {
       description: `The selected item ID in source data format.`
@@ -9874,52 +9914,52 @@ const TreeMd = createMetadata({
     defaultExpanded: {
       description: `Initial expansion state: "none", "all", "first-level", or array of specific IDs.`,
       valueType: "string",
-      defaultValue: defaultProps$14.defaultExpanded
+      defaultValue: defaultProps$15.defaultExpanded
     },
     autoExpandToSelection: {
       description: `Automatically expand the path to the selected item.`,
       valueType: "boolean",
-      defaultValue: defaultProps$14.autoExpandToSelection
+      defaultValue: defaultProps$15.autoExpandToSelection
     },
     itemClickExpands: {
       description: "Whether clicking anywhere on a tree item should expand/collapse the node, not just the expand/collapse icon.",
       valueType: "boolean",
-      defaultValue: defaultProps$14.itemClickExpands
+      defaultValue: defaultProps$15.itemClickExpands
     },
     iconCollapsed: {
       description: `The icon name to use for collapsed nodes (default: "chevronright").`,
       valueType: "string",
-      defaultValue: defaultProps$14.iconCollapsed
+      defaultValue: defaultProps$15.iconCollapsed
     },
     iconExpanded: {
       description: `The icon name to use for expanded nodes (default: "chevrondown").`,
       valueType: "string",
-      defaultValue: defaultProps$14.iconExpanded
+      defaultValue: defaultProps$15.iconExpanded
     },
     iconSize: {
       description: `The size of the expand/collapse icons (default: "16").`,
       valueType: "string",
-      defaultValue: defaultProps$14.iconSize
+      defaultValue: defaultProps$15.iconSize
     },
     itemHeight: {
       description: `The height of each tree row in pixels (default: 35).`,
       valueType: "number",
-      defaultValue: defaultProps$14.itemHeight
+      defaultValue: defaultProps$15.itemHeight
     },
     animateExpand: {
       description: `When true, uses only the collapsed icon and rotates it for expansion instead of switching icons (default: false).`,
       valueType: "boolean",
-      defaultValue: defaultProps$14.animateExpand
+      defaultValue: defaultProps$15.animateExpand
     },
     expandRotation: {
       description: `The number of degrees to rotate the collapsed icon when expanded in animate mode (default: 90).`,
       valueType: "number",
-      defaultValue: defaultProps$14.expandRotation
+      defaultValue: defaultProps$15.expandRotation
     },
     dynamicField: {
       description: `The property name in source data for dynamic loading state (default: "dynamic").`,
       valueType: "string",
-      defaultValue: defaultProps$14.dynamicField
+      defaultValue: defaultProps$15.dynamicField
     },
     itemTemplate: {
       description: "The template for each item in the tree.",
@@ -10077,20 +10117,20 @@ const TreeMd = createMetadata({
   },
   themeVars: parseScssVar(styles$16.themeVars),
   defaultThemeVars: {
-    [`backgroundColor-${COMP$1s}-row--selected`]: "$color-primary-50",
-    [`backgroundColor-${COMP$1s}-row--hover`]: "$color-surface-100",
-    [`textColor-${COMP$1s}`]: "$textColor-primary",
-    [`textColor-${COMP$1s}--selected`]: "$color-primary-900",
-    [`textColor-${COMP$1s}--hover`]: "$textColor-primary",
-    [`borderColor-${COMP$1s}-row--focus`]: "$color-primary-500",
-    [`outlineColor-${COMP$1s}--focus`]: "$outlineColor--focus",
-    [`outlineWidth-${COMP$1s}--focus`]: "$outlineWidth--focus",
-    [`outlineStyle-${COMP$1s}--focus`]: "$outlineStyle--focus",
-    [`outlineOffset-${COMP$1s}--focus`]: "$outlineOffset--focus"
+    [`backgroundColor-${COMP$1r}-row--selected`]: "$color-primary-50",
+    [`backgroundColor-${COMP$1r}-row--hover`]: "$color-surface-100",
+    [`textColor-${COMP$1r}`]: "$textColor-primary",
+    [`textColor-${COMP$1r}--selected`]: "$color-primary-900",
+    [`textColor-${COMP$1r}--hover`]: "$textColor-primary",
+    [`borderColor-${COMP$1r}-row--focus`]: "$color-primary-500",
+    [`outlineColor-${COMP$1r}--focus`]: "$outlineColor--focus",
+    [`outlineWidth-${COMP$1r}--focus`]: "$outlineWidth--focus",
+    [`outlineStyle-${COMP$1r}--focus`]: "$outlineStyle--focus",
+    [`outlineOffset-${COMP$1r}--focus`]: "$outlineOffset--focus"
   }
 });
 const treeComponentRenderer = createComponentRenderer(
-  COMP$1s,
+  COMP$1r,
   TreeMd,
   ({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler, registerComponentApi }) => {
     const defaultItemTemplate = {
@@ -10139,9 +10179,9 @@ const treeComponentRenderer = createComponentRenderer(
         iconCollapsed: extractValue(node.props.iconCollapsed),
         iconExpanded: extractValue(node.props.iconExpanded),
         iconSize: extractValue(node.props.iconSize),
-        itemHeight: extractValue.asOptionalNumber(node.props.itemHeight, defaultProps$14.itemHeight),
-        animateExpand: extractValue.asOptionalBoolean(node.props.animateExpand, defaultProps$14.animateExpand),
-        expandRotation: extractValue.asOptionalNumber(node.props.expandRotation, defaultProps$14.expandRotation),
+        itemHeight: extractValue.asOptionalNumber(node.props.itemHeight, defaultProps$15.itemHeight),
+        animateExpand: extractValue.asOptionalBoolean(node.props.animateExpand, defaultProps$15.animateExpand),
+        expandRotation: extractValue.asOptionalNumber(node.props.expandRotation, defaultProps$15.expandRotation),
         onSelectionChanged: lookupEventHandler("selectionDidChange"),
         onNodeExpanded: lookupEventHandler("nodeDidExpand"),
         onNodeCollapsed: lookupEventHandler("nodeDidCollapse"),
@@ -10191,7 +10231,7 @@ const styles$15 = {
   treeNodeContent,
   childrenContainer
 };
-const defaultProps$13 = {
+const defaultProps$14 = {
   content: "",
   itemHeight: 20
 };
@@ -10348,44 +10388,44 @@ const renderTreeNode = (node, index, itemHeight, level = 0, ancestorLines = [])
     }) })
   ] }, `${node.label}-${index}`);
 };
-const TreeDisplay = forwardRef(function TreeDisplay2({ style: style2, className, children, content: content2 = defaultProps$13.content, itemHeight = defaultProps$13.itemHeight }, forwardedRef) {
+const TreeDisplay = forwardRef(function TreeDisplay2({ style: style2, className, children, content: content2 = defaultProps$14.content, itemHeight = defaultProps$14.itemHeight }, forwardedRef) {
   const contentString = (content2 || children?.toString() || "").toString();
   const treeNodes = useMemo(() => parseTreeContent(contentString), [contentString]);
   return /* @__PURE__ */ jsx("div", { className: classnames(styles$15.treeDisplay, className), style: style2, ref: forwardedRef, children: /* @__PURE__ */ jsx("div", { className: styles$15.content, children: treeNodes.map((node, index) => renderTreeNode(node, index, itemHeight, 0, [])) }) });
 });
-const COMP$1r = "TreeDisplay";
+const COMP$1q = "TreeDisplay";
 const TreeDisplayMd = createMetadata({
   status: "stable",
-  description: `The \`${COMP$1r}\` 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$1q}\` 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.",
       valueType: "string",
-      defaultValue: defaultProps$13.content
+      defaultValue: defaultProps$14.content
     },
     itemHeight: {
       description: "The height of each tree item in pixels.",
       valueType: "number",
-      defaultValue: defaultProps$13.itemHeight
+      defaultValue: defaultProps$14.itemHeight
     }
   },
   themeVars: parseScssVar(styles$15.themeVars),
   defaultThemeVars: {
-    [`backgroundColor-${COMP$1r}`]: "$backgroundColor-CodeBlock",
-    [`borderRadius-${COMP$1r}`]: "8px",
-    [`padding-${COMP$1r}`]: "$space-4",
-    [`paddingLeft-${COMP$1r}`]: "$space-2",
-    [`fontSize-${COMP$1r}`]: "$fontSize-code",
-    [`fontWeight-${COMP$1r}`]: "$fontWeight-normal",
-    [`fontFamily-${COMP$1r}`]: "$fontFamily-monospace",
-    [`color-${COMP$1r}`]: "$textColor-primary",
-    [`color-connect-${COMP$1r}`]: "$color-surface-200",
-    [`boxShadow-${COMP$1r}`]: "none",
-    [`border-${COMP$1r}`]: "0.5px solid $borderColor"
+    [`backgroundColor-${COMP$1q}`]: "$backgroundColor-CodeBlock",
+    [`borderRadius-${COMP$1q}`]: "8px",
+    [`padding-${COMP$1q}`]: "$space-4",
+    [`paddingLeft-${COMP$1q}`]: "$space-2",
+    [`fontSize-${COMP$1q}`]: "$fontSize-code",
+    [`fontWeight-${COMP$1q}`]: "$fontWeight-normal",
+    [`fontFamily-${COMP$1q}`]: "$fontFamily-monospace",
+    [`color-${COMP$1q}`]: "$textColor-primary",
+    [`color-connect-${COMP$1q}`]: "$color-surface-200",
+    [`boxShadow-${COMP$1q}`]: "none",
+    [`border-${COMP$1q}`]: "0.5px solid $borderColor"
   }
 });
 const treeDisplayComponentRenderer = createComponentRenderer(
-  COMP$1r,
+  COMP$1q,
   TreeDisplayMd,
   ({ node, extractValue, renderChild: renderChild2, className }) => {
     return /* @__PURE__ */ jsx(
@@ -10402,7 +10442,7 @@ const treeDisplayComponentRenderer = createComponentRenderer(
 function hasRenderableChildren(children) {
   return !!children?.some((child) => child?.type !== "Slot");
 }
-const COMP$1q = "Button";
+const COMP$1p = "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.",
@@ -10411,133 +10451,133 @@ const ButtonMd = createMetadata({
       description: "Indicates if the button should receive focus when the page loads.",
       isRequired: false,
       type: "boolean",
-      defaultValue: defaultProps$1e.autoFocus
+      defaultValue: defaultProps$1f.autoFocus
     },
     variant: {
       description: "The button variant determines the level of emphasis the button should possess.",
       isRequired: false,
       type: "string",
       availableValues: buttonVariantMd,
-      defaultValue: defaultProps$1e.variant
+      defaultValue: defaultProps$1f.variant
     },
     themeColor: {
       description: "Sets the button color scheme defined in the application theme.",
       isRequired: false,
       type: "string",
       availableValues: buttonThemeMd,
-      defaultValue: defaultProps$1e.themeColor
+      defaultValue: defaultProps$1f.themeColor
     },
     size: {
       description: "Sets the size of the button.",
       isRequired: false,
       type: "string",
       availableValues: sizeMd,
-      defaultValue: defaultProps$1e.size
+      defaultValue: defaultProps$1f.size
     },
     label: {
-      description: `This property is an optional string to set a label for the ${COMP$1q}. If no label is specified and an icon is set, the ${COMP$1q} will modify its styling to look like a small icon button. When the ${COMP$1q} 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$1p}. If no label is specified and an icon is set, the ${COMP$1p} will modify its styling to look like a small icon button. When the ${COMP$1p} 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$1q} appears in an HTML context. You rarely need to set this property explicitly.`,
+      description: `This optional string describes how the ${COMP$1p} appears in an HTML context. You rarely need to set this property explicitly.`,
       availableValues: buttonTypesMd,
       valueType: "string",
-      defaultValue: defaultProps$1e.type
+      defaultValue: defaultProps$1f.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$1e.orientation),
+    orientation: dOrientation(defaultProps$1f.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$1q} 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$1p} displays only that icon.`,
       type: "string"
     },
     iconPosition: {
-      description: `This optional string determines the location of the icon in the ${COMP$1q}.`,
+      description: `This optional string determines the location of the icon in the ${COMP$1p}.`,
       availableValues: iconPositionMd,
       type: "string",
-      defaultValue: defaultProps$1e.iconPosition
+      defaultValue: defaultProps$1f.iconPosition
     },
     contentPosition: {
-      description: `This optional value determines how the label and icon (or nested children) should be placedinside the ${COMP$1q} component.`,
+      description: `This optional value determines how the label and icon (or nested children) should be placedinside the ${COMP$1p} component.`,
       availableValues: alignmentOptionMd,
       type: "string",
-      defaultValue: defaultProps$1e.contentPosition
+      defaultValue: defaultProps$1f.contentPosition
     },
     contextualLabel: {
-      description: `This optional value is used to provide an accessible name for the ${COMP$1q} in the context of its usage.`,
+      description: `This optional value is used to provide an accessible name for the ${COMP$1p} in the context of its usage.`,
       type: "string"
     }
   },
   events: {
-    click: dClick(COMP$1q),
-    gotFocus: dGotFocus(COMP$1q),
-    lostFocus: dLostFocus(COMP$1q)
+    click: dClick(COMP$1p),
+    gotFocus: dGotFocus(COMP$1p),
+    lostFocus: dLostFocus(COMP$1p)
   },
   themeVars: parseScssVar(styles$1g.themeVars),
   defaultThemeVars: {
     // --- Default styles for supporting "variant" behavior
-    [`padding-${COMP$1q}`]: "$space-2 $space-4",
-    [`gap-${COMP$1q}`]: "$space-2",
-    [`borderColor-${COMP$1q}`]: "transparent",
-    [`backgroundColor-${COMP$1q}`]: "transparent",
-    [`transition-${COMP$1q}`]: "color 0.2s, background 0.2s",
-    [`width-${COMP$1q}`]: "fit-content",
-    [`height-${COMP$1q}`]: "fit-content",
-    [`borderRadius-${COMP$1q}`]: "$borderRadius",
-    [`fontSize-${COMP$1q}`]: "$fontSize-sm",
-    [`fontWeight-${COMP$1q}`]: "$fontWeight-medium",
-    [`fontStyle-${COMP$1q}`]: "$fontStyle-normal",
-    [`backgroundColor-${COMP$1q}-primary`]: "$color-primary-500",
-    [`backgroundColor-${COMP$1q}-attention`]: "$backgroundColor-attention",
-    [`borderColor-${COMP$1q}-attention`]: "$color-attention",
-    [`backgroundColor-${COMP$1q}--disabled`]: "$backgroundColor--disabled",
-    [`borderColor-${COMP$1q}--disabled`]: "$borderColor--disabled",
-    [`borderStyle-${COMP$1q}`]: "solid",
-    [`textColor-${COMP$1q}--disabled`]: "$textColor--disabled",
-    [`outlineColor-${COMP$1q}--focus`]: "$outlineColor--focus",
-    [`borderWidth-${COMP$1q}`]: "1px",
-    [`outlineWidth-${COMP$1q}--focus`]: "$outlineWidth--focus",
-    [`outlineStyle-${COMP$1q}--focus`]: "$outlineStyle--focus",
-    [`outlineOffset-${COMP$1q}--focus`]: "$outlineOffset--focus",
-    [`paddingHorizontal-${COMP$1q}-xs`]: "$space-1",
-    [`paddingVertical-${COMP$1q}-xs`]: "$space-0_5",
-    [`paddingHorizontal-${COMP$1q}-sm`]: "$space-4",
-    [`paddingVertical-${COMP$1q}-sm`]: "$space-2",
-    [`paddingHorizontal-${COMP$1q}-md`]: "$space-4",
-    [`paddingVertical-${COMP$1q}-md`]: "$space-3",
-    [`paddingHorizontal-${COMP$1q}-lg`]: "$space-5",
-    [`paddingVertical-${COMP$1q}-lg`]: "$space-4",
-    [`textColor-${COMP$1q}`]: "$color-surface-950",
-    [`textColor-${COMP$1q}-solid`]: "$const-color-surface-50",
-    [`borderColor-${COMP$1q}-primary`]: "$color-primary-500",
-    [`backgroundColor-${COMP$1q}-primary--hover`]: "$color-primary-400",
-    [`backgroundColor-${COMP$1q}-primary--active`]: "$color-primary-500",
-    [`backgroundColor-${COMP$1q}-primary-outlined--hover`]: "$color-primary-50",
-    [`backgroundColor-${COMP$1q}-primary-outlined--active`]: "$color-primary-100",
-    [`borderColor-${COMP$1q}-primary-outlined`]: "$color-primary-600",
-    [`borderColor-${COMP$1q}-primary-outlined--hover`]: "$color-primary-500",
-    [`textColor-${COMP$1q}-primary-outlined`]: "$color-primary-900",
-    [`textColor-${COMP$1q}-primary-outlined--hover`]: "$color-primary-950",
-    [`textColor-${COMP$1q}-primary-outlined--active`]: "$color-primary-900",
-    [`backgroundColor-${COMP$1q}-primary-ghost--hover`]: "$color-primary-50",
-    [`backgroundColor-${COMP$1q}-primary-ghost--active`]: "$color-primary-100",
-    [`borderColor-${COMP$1q}-secondary`]: "$color-secondary-100",
-    [`backgroundColor-${COMP$1q}-secondary`]: "$color-secondary-500",
-    [`backgroundColor-${COMP$1q}-secondary--hover`]: "$color-secondary-400",
-    [`backgroundColor-${COMP$1q}-secondary--active`]: "$color-secondary-500",
-    [`backgroundColor-${COMP$1q}-secondary-outlined--hover`]: "$color-secondary-50",
-    [`backgroundColor-${COMP$1q}-secondary-outlined--active`]: "$color-secondary-100",
-    [`backgroundColor-${COMP$1q}-secondary-ghost--hover`]: "$color-secondary-100",
-    [`backgroundColor-${COMP$1q}-secondary-ghost--active`]: "$color-secondary-100",
-    [`backgroundColor-${COMP$1q}-attention--hover`]: "$color-danger-400",
-    [`backgroundColor-${COMP$1q}-attention--active`]: "$color-danger-500",
-    [`backgroundColor-${COMP$1q}-attention-outlined--hover`]: "$color-danger-50",
-    [`backgroundColor-${COMP$1q}-attention-outlined--active`]: "$color-danger-100",
-    [`backgroundColor-${COMP$1q}-attention-ghost--hover`]: "$color-danger-50",
-    [`backgroundColor-${COMP$1q}-attention-ghost--active`]: "$color-danger-100"
+    [`padding-${COMP$1p}`]: "$space-2 $space-4",
+    [`gap-${COMP$1p}`]: "$space-2",
+    [`borderColor-${COMP$1p}`]: "transparent",
+    [`backgroundColor-${COMP$1p}`]: "transparent",
+    [`transition-${COMP$1p}`]: "color 0.2s, background 0.2s",
+    [`width-${COMP$1p}`]: "fit-content",
+    [`height-${COMP$1p}`]: "fit-content",
+    [`borderRadius-${COMP$1p}`]: "$borderRadius",
+    [`fontSize-${COMP$1p}`]: "$fontSize-sm",
+    [`fontWeight-${COMP$1p}`]: "$fontWeight-medium",
+    [`fontStyle-${COMP$1p}`]: "$fontStyle-normal",
+    [`backgroundColor-${COMP$1p}-primary`]: "$color-primary-500",
+    [`backgroundColor-${COMP$1p}-attention`]: "$backgroundColor-attention",
+    [`borderColor-${COMP$1p}-attention`]: "$color-attention",
+    [`backgroundColor-${COMP$1p}--disabled`]: "$backgroundColor--disabled",
+    [`borderColor-${COMP$1p}--disabled`]: "$borderColor--disabled",
+    [`borderStyle-${COMP$1p}`]: "solid",
+    [`textColor-${COMP$1p}--disabled`]: "$textColor--disabled",
+    [`outlineColor-${COMP$1p}--focus`]: "$outlineColor--focus",
+    [`borderWidth-${COMP$1p}`]: "1px",
+    [`outlineWidth-${COMP$1p}--focus`]: "$outlineWidth--focus",
+    [`outlineStyle-${COMP$1p}--focus`]: "$outlineStyle--focus",
+    [`outlineOffset-${COMP$1p}--focus`]: "$outlineOffset--focus",
+    [`paddingHorizontal-${COMP$1p}-xs`]: "$space-1",
+    [`paddingVertical-${COMP$1p}-xs`]: "$space-0_5",
+    [`paddingHorizontal-${COMP$1p}-sm`]: "$space-4",
+    [`paddingVertical-${COMP$1p}-sm`]: "$space-2",
+    [`paddingHorizontal-${COMP$1p}-md`]: "$space-4",
+    [`paddingVertical-${COMP$1p}-md`]: "$space-3",
+    [`paddingHorizontal-${COMP$1p}-lg`]: "$space-5",
+    [`paddingVertical-${COMP$1p}-lg`]: "$space-4",
+    [`textColor-${COMP$1p}`]: "$color-surface-950",
+    [`textColor-${COMP$1p}-solid`]: "$const-color-surface-50",
+    [`borderColor-${COMP$1p}-primary`]: "$color-primary-500",
+    [`backgroundColor-${COMP$1p}-primary--hover`]: "$color-primary-400",
+    [`backgroundColor-${COMP$1p}-primary--active`]: "$color-primary-500",
+    [`backgroundColor-${COMP$1p}-primary-outlined--hover`]: "$color-primary-50",
+    [`backgroundColor-${COMP$1p}-primary-outlined--active`]: "$color-primary-100",
+    [`borderColor-${COMP$1p}-primary-outlined`]: "$color-primary-600",
+    [`borderColor-${COMP$1p}-primary-outlined--hover`]: "$color-primary-500",
+    [`textColor-${COMP$1p}-primary-outlined`]: "$color-primary-900",
+    [`textColor-${COMP$1p}-primary-outlined--hover`]: "$color-primary-950",
+    [`textColor-${COMP$1p}-primary-outlined--active`]: "$color-primary-900",
+    [`backgroundColor-${COMP$1p}-primary-ghost--hover`]: "$color-primary-50",
+    [`backgroundColor-${COMP$1p}-primary-ghost--active`]: "$color-primary-100",
+    [`borderColor-${COMP$1p}-secondary`]: "$color-secondary-100",
+    [`backgroundColor-${COMP$1p}-secondary`]: "$color-secondary-500",
+    [`backgroundColor-${COMP$1p}-secondary--hover`]: "$color-secondary-400",
+    [`backgroundColor-${COMP$1p}-secondary--active`]: "$color-secondary-500",
+    [`backgroundColor-${COMP$1p}-secondary-outlined--hover`]: "$color-secondary-50",
+    [`backgroundColor-${COMP$1p}-secondary-outlined--active`]: "$color-secondary-100",
+    [`backgroundColor-${COMP$1p}-secondary-ghost--hover`]: "$color-secondary-100",
+    [`backgroundColor-${COMP$1p}-secondary-ghost--active`]: "$color-secondary-100",
+    [`backgroundColor-${COMP$1p}-attention--hover`]: "$color-danger-400",
+    [`backgroundColor-${COMP$1p}-attention--active`]: "$color-danger-500",
+    [`backgroundColor-${COMP$1p}-attention-outlined--hover`]: "$color-danger-50",
+    [`backgroundColor-${COMP$1p}-attention-outlined--active`]: "$color-danger-100",
+    [`backgroundColor-${COMP$1p}-attention-ghost--hover`]: "$color-danger-50",
+    [`backgroundColor-${COMP$1p}-attention-ghost--active`]: "$color-danger-100"
   }
 });
 const buttonComponentRenderer = createComponentRenderer(
@@ -10748,7 +10788,7 @@ function useTableOfContents() {
   }
   return context;
 }
-const defaultProps$12 = {
+const defaultProps$13 = {
   level: "h1",
   ellipses: true,
   omitFromToc: false,
@@ -10758,16 +10798,16 @@ const defaultProps$12 = {
 };
 const Heading = forwardRef(function Heading2({
   uid,
-  level = defaultProps$12.level,
+  level = defaultProps$13.level,
   children,
   sx,
   style: style2,
   title: title2,
-  maxLines = defaultProps$12.maxLines,
+  maxLines = defaultProps$13.maxLines,
   preserveLinebreaks: preserveLinebreaks2,
-  ellipses = defaultProps$12.ellipses,
+  ellipses = defaultProps$13.ellipses,
   className,
-  omitFromToc = defaultProps$12.omitFromToc,
+  omitFromToc = defaultProps$13.omitFromToc,
   showAnchor,
   registerComponentApi,
   ...furtherProps
@@ -10858,7 +10898,7 @@ const Heading = forwardRef(function Heading2({
     }
   );
 });
-const COMP$1p = "Heading";
+const COMP$1o = "Heading";
 function normalizeHeadingLevel(value) {
   if (value === null || value === void 0) {
     return "h1";
@@ -10881,7 +10921,7 @@ function normalizeHeadingLevel(value) {
   return "h1";
 }
 const VALUE_DESC = d(
-  `This property determines the text displayed in the heading. \`${COMP$1p}\` 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$1o}\` 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."
@@ -10889,24 +10929,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$12.ellipses
+  defaultValue: defaultProps$13.ellipses
 };
 const PRESERVE_DESC = d(
   `This property indicates whether linebreaks should be preserved when displaying text.`,
   void 0,
   "boolean",
-  defaultProps$12.preserveLinebreaks
+  defaultProps$13.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$12.omitFromToc
+  defaultValue: defaultProps$13.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$12.showAnchor
+  defaultValue: defaultProps$13.showAnchor
 };
 const APIS_DESC = {
   scrollIntoView: {
@@ -10945,7 +10985,7 @@ const HeadingMd = createMetadata({
         "5",
         "6"
       ],
-      defaultValue: defaultProps$12.level
+      defaultValue: defaultProps$13.level
     },
     maxLines: MAX_LINES_DESC,
     ellipses: ELLIPSES_DESC,
@@ -10957,13 +10997,13 @@ const HeadingMd = createMetadata({
   themeVars: parseScssVar(styles$14.themeVars),
   limitThemeVarsToComponent: true,
   defaultThemeVars: {
-    [`fontFamily-${COMP$1p}`]: "$fontFamily",
-    [`textColor-${COMP$1p}`]: "inherit",
-    [`fontWeight-${COMP$1p}`]: "$fontWeight-bold",
-    [`letterSpacing-${COMP$1p} `]: "0",
-    [`color-anchor-${COMP$1p} `]: "$color-surface-400",
-    [`gap-anchor-${COMP$1p} `]: "$space-2",
-    [`textDecorationLine-anchor-${COMP$1p} `]: "underline",
+    [`fontFamily-${COMP$1o}`]: "$fontFamily",
+    [`textColor-${COMP$1o}`]: "inherit",
+    [`fontWeight-${COMP$1o}`]: "$fontWeight-bold",
+    [`letterSpacing-${COMP$1o} `]: "0",
+    [`color-anchor-${COMP$1o} `]: "$color-surface-400",
+    [`gap-anchor-${COMP$1o} `]: "$space-2",
+    [`textDecorationLine-anchor-${COMP$1o} `]: "underline",
     light: {
       // --- No light-specific theme vars
     },
@@ -10976,7 +11016,7 @@ const H1 = "H1";
 const H1Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(1),
-  specializedFrom: COMP$1p,
+  specializedFrom: COMP$1o,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -11006,7 +11046,7 @@ const H2 = "H2";
 const H2Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(2),
-  specializedFrom: COMP$1p,
+  specializedFrom: COMP$1o,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -11036,7 +11076,7 @@ const H3 = "H3";
 const H3Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(3),
-  specializedFrom: COMP$1p,
+  specializedFrom: COMP$1o,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -11066,7 +11106,7 @@ const H4 = "H4";
 const H4Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(4),
-  specializedFrom: COMP$1p,
+  specializedFrom: COMP$1o,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -11096,7 +11136,7 @@ const H5 = "H5";
 const H5Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(5),
-  specializedFrom: COMP$1p,
+  specializedFrom: COMP$1o,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -11126,7 +11166,7 @@ const H6 = "H6";
 const H6Md = createMetadata({
   status: "stable",
   description: LEVEL_DESC(6),
-  specializedFrom: COMP$1p,
+  specializedFrom: COMP$1o,
   props: {
     value: VALUE_DESC,
     maxLines: MAX_LINES_DESC,
@@ -11183,7 +11223,7 @@ function renderHeading({
   );
 }
 const headingComponentRenderer = createComponentRenderer(
-  COMP$1p,
+  COMP$1o,
   HeadingMd,
   ({ node, extractValue, className, renderChild: renderChild2, registerComponentApi }) => {
     return renderHeading({
@@ -11924,7 +11964,7 @@ function setCustomVariantCache(variant, entry) {
 function hasCustomVariantCache(variant) {
   return customVariantCache.has(variant);
 }
-const defaultProps$11 = {
+const defaultProps$12 = {
   maxLines: 0,
   preserveLinebreaks: false,
   ellipses: true,
@@ -11934,14 +11974,14 @@ const defaultProps$11 = {
 const Text = forwardRef(function Text2({
   uid,
   variant,
-  maxLines = defaultProps$11.maxLines,
+  maxLines = defaultProps$12.maxLines,
   style: style2,
   className,
   children,
-  preserveLinebreaks: preserveLinebreaks2 = defaultProps$11.preserveLinebreaks,
-  ellipses = defaultProps$11.ellipses,
-  overflowMode = defaultProps$11.overflowMode,
-  breakMode = defaultProps$11.breakMode,
+  preserveLinebreaks: preserveLinebreaks2 = defaultProps$12.preserveLinebreaks,
+  ellipses = defaultProps$12.ellipses,
+  overflowMode = defaultProps$12.overflowMode,
+  breakMode = defaultProps$12.breakMode,
   registerComponentApi,
   ...variantSpecificProps
 }, forwardedRef) {
@@ -12088,13 +12128,13 @@ const Text = forwardRef(function Text2({
     }
   );
 });
-const COMP$1o = "Text";
+const COMP$1n = "Text";
 const TextMd = createMetadata({
   status: "stable",
-  description: `The \`${COMP$1o}\` component displays textual information in a number of optional styles and variants.`,
+  description: `The \`${COMP$1n}\` 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$1o}\` component.`
+      `The text to be displayed. This value can also be set via nesting the text into the \`${COMP$1n}\` 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.",
@@ -12106,12 +12146,12 @@ const TextMd = createMetadata({
     preserveLinebreaks: {
       description: `This property indicates if linebreaks should be preserved when displaying text.`,
       valueType: "boolean",
-      defaultValue: defaultProps$11.preserveLinebreaks
+      defaultValue: defaultProps$12.preserveLinebreaks
     },
     ellipses: {
       description: "This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`).",
       valueType: "boolean",
-      defaultValue: defaultProps$11.ellipses
+      defaultValue: defaultProps$12.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.",
@@ -12154,77 +12194,77 @@ const TextMd = createMetadata({
   },
   themeVars: parseScssVar(styles$13.themeVars),
   defaultThemeVars: {
-    [`borderRadius-${COMP$1o}`]: "$borderRadius",
-    [`borderStyle-${COMP$1o}`]: "solid",
-    [`fontSize-${COMP$1o}`]: "$fontSize-sm",
-    [`borderWidth-${COMP$1o}`]: "$space-0",
-    [`textColor-${COMP$1o}`]: "$textColor-primary",
-    [`fontFamily-${COMP$1o}`]: "$fontFamily",
-    [`fontWeight-${COMP$1o}`]: "$fontWeight-normal",
-    [`fontSize-${COMP$1o}-secondary`]: "$fontSize-sm",
-    [`textColor-${COMP$1o}-secondary`]: "$textColor-secondary",
-    [`fontWeight-${COMP$1o}-abbr`]: "$fontWeight-bold",
-    [`textTransform-${COMP$1o}-abbr`]: "uppercase",
-    [`fontStyle-${COMP$1o}-cite`]: "italic",
-    [`fontSize-${COMP$1o}-codefence`]: "$fontSize-code",
-    [`fontFamily-${COMP$1o}-codefence`]: "$fontFamily-monospace",
-    [`paddingHorizontal-${COMP$1o}-codefence`]: "$space-4",
-    [`paddingVertical-${COMP$1o}-codefence`]: "$space-3",
-    [`textColor-${COMP$1o}-codefence`]: "$color-surface-900",
-    [`lineHeight-${COMP$1o}-codefence`]: "1.5",
-    [`fontFamily-${COMP$1o}-code`]: "$fontFamily-monospace",
-    [`fontSize-${COMP$1o}-code`]: "$fontSize-sm",
-    [`borderWidth-${COMP$1o}-code`]: "1px",
-    [`borderStyle-${COMP$1o}-code`]: "solid",
-    [`borderRadius-${COMP$1o}-code`]: "4px",
-    [`paddingHorizontal-${COMP$1o}-code`]: "$space-0_5",
-    [`paddingBottom-${COMP$1o}-code`]: "2px",
-    [`backgroundColor-${COMP$1o}-code`]: "rgb(from $color-surface-100 r g b / 0.4)",
-    [`borderColor-${COMP$1o}-code`]: "$color-surface-100",
-    [`textDecorationLine-${COMP$1o}-deleted`]: "line-through",
-    [`textDecorationLine-${COMP$1o}-inserted`]: "underline",
-    [`fontFamily-${COMP$1o}-keyboard`]: "$fontFamily-monospace",
-    [`fontSize-${COMP$1o}-keyboard`]: "$fontSize-sm",
-    [`fontWeight-${COMP$1o}-keyboard`]: "$fontWeight-bold",
-    [`borderWidth-${COMP$1o}-keyboard`]: "1px",
-    [`paddingHorizontal-${COMP$1o}-keyboard`]: "$space-1",
-    [`backgroundColor-${COMP$1o}-keyboard`]: "rgb(from $color-surface-100 r g b / 0.4)",
-    [`borderColor-${COMP$1o}-keyboard`]: "$color-surface-300",
-    [`fontFamily-${COMP$1o}-sample`]: "$fontFamily-monospace",
-    [`fontSize-${COMP$1o}-sample`]: "$fontSize-sm",
-    [`fontSize-${COMP$1o}-sup`]: "$fontSize-xs",
-    [`verticalAlignment-${COMP$1o}-sup`]: "super",
-    [`fontSize-${COMP$1o}-sub`]: "$fontSize-xs",
-    [`verticalAlignment-${COMP$1o}-sub`]: "sub",
-    [`fontStyle-${COMP$1o}-var`]: "italic",
-    [`fontStyle-${COMP$1o}-em`]: "italic",
-    [`fontFamily-${COMP$1o}-mono`]: "$fontFamily-monospace",
-    [`fontSize-${COMP$1o}-title`]: "$fontSize-2xl",
-    [`fontSize-${COMP$1o}-subtitle`]: "$fontSize-xl",
-    [`fontSize-${COMP$1o}-small`]: "$fontSize-sm",
-    [`letterSpacing-${COMP$1o}-caption`]: "0.05rem",
-    [`fontSize-${COMP$1o}-placeholder`]: "$fontSize-xs",
-    [`textColor-${COMP$1o}-placeholder`]: "$color-surface-500",
-    [`paddingVertical-${COMP$1o}-paragraph`]: "$space-1",
-    [`fontSize-${COMP$1o}-subheading`]: "$fontSize-H6",
-    [`fontWeight-${COMP$1o}-subheading`]: "$fontWeight-bold",
-    [`letterSpacing-${COMP$1o}-subheading`]: "0.04em",
-    [`textTransform-${COMP$1o}-subheading`]: "uppercase",
-    [`textColor-${COMP$1o}-subheading`]: "$textColor-secondary",
-    [`marginTop-${COMP$1o}-tableheading`]: "$space-1",
-    [`marginBottom-${COMP$1o}-tableheading`]: "$space-4",
-    [`paddingHorizontal-${COMP$1o}-tableheading`]: "$space-1",
-    [`fontSize-${COMP$1o}-tableheading`]: "$fontSize-H6",
-    [`fontWeight-${COMP$1o}-tableheading`]: "$fontWeight-bold",
-    [`fontWeight-${COMP$1o}-strong`]: "$fontWeight-bold",
-    [`backgroundColor-${COMP$1o}-marked`]: "rgb(from $color-primary-200 r g b / 0.4)",
+    [`borderRadius-${COMP$1n}`]: "$borderRadius",
+    [`borderStyle-${COMP$1n}`]: "solid",
+    [`fontSize-${COMP$1n}`]: "$fontSize-sm",
+    [`borderWidth-${COMP$1n}`]: "$space-0",
+    [`textColor-${COMP$1n}`]: "$textColor-primary",
+    [`fontFamily-${COMP$1n}`]: "$fontFamily",
+    [`fontWeight-${COMP$1n}`]: "$fontWeight-normal",
+    [`fontSize-${COMP$1n}-secondary`]: "$fontSize-sm",
+    [`textColor-${COMP$1n}-secondary`]: "$textColor-secondary",
+    [`fontWeight-${COMP$1n}-abbr`]: "$fontWeight-bold",
+    [`textTransform-${COMP$1n}-abbr`]: "uppercase",
+    [`fontStyle-${COMP$1n}-cite`]: "italic",
+    [`fontSize-${COMP$1n}-codefence`]: "$fontSize-code",
+    [`fontFamily-${COMP$1n}-codefence`]: "$fontFamily-monospace",
+    [`paddingHorizontal-${COMP$1n}-codefence`]: "$space-4",
+    [`paddingVertical-${COMP$1n}-codefence`]: "$space-3",
+    [`textColor-${COMP$1n}-codefence`]: "$color-surface-900",
+    [`lineHeight-${COMP$1n}-codefence`]: "1.5",
+    [`fontFamily-${COMP$1n}-code`]: "$fontFamily-monospace",
+    [`fontSize-${COMP$1n}-code`]: "$fontSize-sm",
+    [`borderWidth-${COMP$1n}-code`]: "1px",
+    [`borderStyle-${COMP$1n}-code`]: "solid",
+    [`borderRadius-${COMP$1n}-code`]: "4px",
+    [`paddingHorizontal-${COMP$1n}-code`]: "$space-0_5",
+    [`paddingBottom-${COMP$1n}-code`]: "2px",
+    [`backgroundColor-${COMP$1n}-code`]: "rgb(from $color-surface-100 r g b / 0.4)",
+    [`borderColor-${COMP$1n}-code`]: "$color-surface-100",
+    [`textDecorationLine-${COMP$1n}-deleted`]: "line-through",
+    [`textDecorationLine-${COMP$1n}-inserted`]: "underline",
+    [`fontFamily-${COMP$1n}-keyboard`]: "$fontFamily-monospace",
+    [`fontSize-${COMP$1n}-keyboard`]: "$fontSize-sm",
+    [`fontWeight-${COMP$1n}-keyboard`]: "$fontWeight-bold",
+    [`borderWidth-${COMP$1n}-keyboard`]: "1px",
+    [`paddingHorizontal-${COMP$1n}-keyboard`]: "$space-1",
+    [`backgroundColor-${COMP$1n}-keyboard`]: "rgb(from $color-surface-100 r g b / 0.4)",
+    [`borderColor-${COMP$1n}-keyboard`]: "$color-surface-300",
+    [`fontFamily-${COMP$1n}-sample`]: "$fontFamily-monospace",
+    [`fontSize-${COMP$1n}-sample`]: "$fontSize-sm",
+    [`fontSize-${COMP$1n}-sup`]: "$fontSize-xs",
+    [`verticalAlignment-${COMP$1n}-sup`]: "super",
+    [`fontSize-${COMP$1n}-sub`]: "$fontSize-xs",
+    [`verticalAlignment-${COMP$1n}-sub`]: "sub",
+    [`fontStyle-${COMP$1n}-var`]: "italic",
+    [`fontStyle-${COMP$1n}-em`]: "italic",
+    [`fontFamily-${COMP$1n}-mono`]: "$fontFamily-monospace",
+    [`fontSize-${COMP$1n}-title`]: "$fontSize-2xl",
+    [`fontSize-${COMP$1n}-subtitle`]: "$fontSize-xl",
+    [`fontSize-${COMP$1n}-small`]: "$fontSize-sm",
+    [`letterSpacing-${COMP$1n}-caption`]: "0.05rem",
+    [`fontSize-${COMP$1n}-placeholder`]: "$fontSize-xs",
+    [`textColor-${COMP$1n}-placeholder`]: "$color-surface-500",
+    [`paddingVertical-${COMP$1n}-paragraph`]: "$space-1",
+    [`fontSize-${COMP$1n}-subheading`]: "$fontSize-H6",
+    [`fontWeight-${COMP$1n}-subheading`]: "$fontWeight-bold",
+    [`letterSpacing-${COMP$1n}-subheading`]: "0.04em",
+    [`textTransform-${COMP$1n}-subheading`]: "uppercase",
+    [`textColor-${COMP$1n}-subheading`]: "$textColor-secondary",
+    [`marginTop-${COMP$1n}-tableheading`]: "$space-1",
+    [`marginBottom-${COMP$1n}-tableheading`]: "$space-4",
+    [`paddingHorizontal-${COMP$1n}-tableheading`]: "$space-1",
+    [`fontSize-${COMP$1n}-tableheading`]: "$fontSize-H6",
+    [`fontWeight-${COMP$1n}-tableheading`]: "$fontWeight-bold",
+    [`fontWeight-${COMP$1n}-strong`]: "$fontWeight-bold",
+    [`backgroundColor-${COMP$1n}-marked`]: "rgb(from $color-primary-200 r g b / 0.4)",
     dark: {
-      [`backgroundColor-${COMP$1o}-marked`]: "rgb(from $color-primary-400 r g b / 0.4)"
+      [`backgroundColor-${COMP$1n}-marked`]: "rgb(from $color-primary-400 r g b / 0.4)"
     }
   }
 });
 const textComponentRenderer = createComponentRenderer(
-  COMP$1o,
+  COMP$1n,
   TextMd,
   ({ node, extractValue, className, renderChild: renderChild2, registerComponentApi }) => {
     const {
@@ -12248,9 +12288,9 @@ const textComponentRenderer = createComponentRenderer(
         className,
         preserveLinebreaks: extractValue.asOptionalBoolean(
           preserveLinebreaks2,
-          defaultProps$11.preserveLinebreaks
+          defaultProps$12.preserveLinebreaks
         ),
-        ellipses: extractValue.asOptionalBoolean(ellipses, defaultProps$11.ellipses),
+        ellipses: extractValue.asOptionalBoolean(ellipses, defaultProps$12.ellipses),
         overflowMode: extractValue(overflowMode),
         breakMode: extractValue(breakMode),
         registerComponentApi,
@@ -12260,7 +12300,7 @@ const textComponentRenderer = createComponentRenderer(
     );
   }
 );
-const COMP$1n = "Fragment";
+const COMP$1m = "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.",
@@ -12270,7 +12310,7 @@ const FragmentMd = createMetadata({
   }
 });
 const fragmentComponentRenderer = createComponentRenderer(
-  COMP$1n,
+  COMP$1m,
   FragmentMd,
   ({ node, extractValue, renderChild: renderChild2, layoutContext }) => {
     let renderedChild = renderChild2(node.children, layoutContext);
@@ -12280,54 +12320,6 @@ const fragmentComponentRenderer = createComponentRenderer(
     return renderedChild;
   }
 );
-const COMP$1m = "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$1m,
-  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$J = `'{"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$i = "_wrapper_fw2wb_14";
 const noScroll = "_noScroll_fw2wb_42";
@@ -12395,7 +12387,7 @@ const TableContext = createContext({
 function useTableContext() {
   return useContext(TableContext);
 }
-const defaultProps$10 = {
+const defaultProps$11 = {
   idKey: "id",
   selectedItems: EMPTY_ARRAY
 };
@@ -12411,9 +12403,9 @@ const StandaloneSelectionStore = ({
 };
 const SelectionStore = ({
   updateState = noop$2,
-  idKey = defaultProps$10.idKey,
+  idKey = defaultProps$11.idKey,
   children,
-  selectedItems = defaultProps$10.selectedItems,
+  selectedItems = defaultProps$11.selectedItems,
   registerComponentApi = noop$2
 }) => {
   const [items, setItems] = useState(selectedItems);
@@ -13283,7 +13275,7 @@ const styles$11 = {
   valid: valid$c,
   "switch": "_switch_qiuzz_146"
 };
-const defaultProps$$ = {
+const defaultProps$10 = {
   initialValue: false,
   value: false,
   enabled: true,
@@ -13292,19 +13284,19 @@ const defaultProps$$ = {
 };
 const Toggle = forwardRef(function Toggle2({
   id,
-  initialValue = defaultProps$$.initialValue,
-  value = defaultProps$$.value,
-  enabled: enabled2 = defaultProps$$.enabled,
+  initialValue = defaultProps$10.initialValue,
+  value = defaultProps$10.value,
+  enabled: enabled2 = defaultProps$10.enabled,
   style: style2,
   readOnly: readOnly2,
-  validationStatus = defaultProps$$.validationStatus,
+  validationStatus = defaultProps$10.validationStatus,
   updateState = noop$1,
   onClick = noop$1,
   onDidChange = noop$1,
   onFocus = noop$1,
   onBlur = noop$1,
   variant = "checkbox",
-  indeterminate = defaultProps$$.indeterminate,
+  indeterminate = defaultProps$10.indeterminate,
   className,
   required: required2,
   autoFocus,
@@ -13791,7 +13783,7 @@ const styles$10 = {
 };
 const PageNumberValues = [1, 3, 5];
 const PositionValues = ["start", "center", "end"];
-const defaultProps$_ = {
+const defaultProps$$ = {
   pageSize: 10,
   pageIndex: 0,
   maxVisiblePages: 1,
@@ -13807,17 +13799,17 @@ const PaginationNative = forwardRef(function PaginationNative2({
   id,
   enabled: enabled2 = true,
   itemCount,
-  pageSize = defaultProps$_.pageSize,
-  pageIndex = defaultProps$_.pageIndex,
-  maxVisiblePages = defaultProps$_.maxVisiblePages,
-  showPageInfo = defaultProps$_.showPageInfo,
-  showPageSizeSelector = defaultProps$_.showPageSizeSelector,
-  showCurrentPage = defaultProps$_.showCurrentPage,
+  pageSize = defaultProps$$.pageSize,
+  pageIndex = defaultProps$$.pageIndex,
+  maxVisiblePages = defaultProps$$.maxVisiblePages,
+  showPageInfo = defaultProps$$.showPageInfo,
+  showPageSizeSelector = defaultProps$$.showPageSizeSelector,
+  showCurrentPage = defaultProps$$.showCurrentPage,
   pageSizeOptions,
-  orientation = defaultProps$_.orientation,
-  buttonRowPosition = defaultProps$_.buttonRowPosition,
-  pageSizeSelectorPosition = defaultProps$_.pageSizeSelectorPosition,
-  pageInfoPosition = defaultProps$_.pageInfoPosition,
+  orientation = defaultProps$$.orientation,
+  buttonRowPosition = defaultProps$$.buttonRowPosition,
+  pageSizeSelectorPosition = defaultProps$$.pageSizeSelectorPosition,
+  pageInfoPosition = defaultProps$$.pageInfoPosition,
   hasPrevPage,
   hasNextPage,
   onPageDidChange,
@@ -14216,21 +14208,21 @@ const getCommonPinningStyles = (column) => {
 };
 const Table = forwardRef(
   ({
-    data = defaultProps$Z.data,
-    columns = defaultProps$Z.columns,
-    isPaginated = defaultProps$Z.isPaginated,
-    loading: loading2 = defaultProps$Z.loading,
+    data = defaultProps$_.data,
+    columns = defaultProps$_.columns,
+    isPaginated = defaultProps$_.isPaginated,
+    loading: loading2 = defaultProps$_.loading,
     headerHeight,
-    rowsSelectable = defaultProps$Z.rowsSelectable,
-    enableMultiRowSelection = defaultProps$Z.enableMultiRowSelection,
-    initiallySelected = defaultProps$Z.initiallySelected,
+    rowsSelectable = defaultProps$_.rowsSelectable,
+    enableMultiRowSelection = defaultProps$_.enableMultiRowSelection,
+    initiallySelected = defaultProps$_.initiallySelected,
     syncWithAppState,
-    pageSizeOptions = defaultProps$Z.pageSizeOptions,
+    pageSizeOptions = defaultProps$_.pageSizeOptions,
     pageSize = pageSizeOptions?.[0] || DEFAULT_PAGE_SIZES[0],
     currentPageIndex = 0,
     rowDisabledPredicate = defaultIsRowDisabled,
     sortBy: sortBy2,
-    sortingDirection = defaultProps$Z.sortingDirection,
+    sortingDirection = defaultProps$_.sortingDirection,
     iconSortAsc,
     iconSortDesc,
     iconNoSort,
@@ -14239,22 +14231,22 @@ const Table = forwardRef(
     style: style2,
     className,
     noDataRenderer,
-    autoFocus = defaultProps$Z.autoFocus,
-    hideHeader = defaultProps$Z.hideHeader,
-    hideNoDataView = defaultProps$Z.hideNoDataView,
-    alwaysShowSelectionHeader = defaultProps$Z.alwaysShowSelectionHeader,
+    autoFocus = defaultProps$_.autoFocus,
+    hideHeader = defaultProps$_.hideHeader,
+    hideNoDataView = defaultProps$_.hideNoDataView,
+    alwaysShowSelectionHeader = defaultProps$_.alwaysShowSelectionHeader,
     registerComponentApi,
     onSelectionDidChange,
-    noBottomBorder: noBottomBorder2 = defaultProps$Z.noBottomBorder,
-    paginationControlsLocation = defaultProps$Z.paginationControlsLocation,
-    cellVerticalAlign = defaultProps$Z.cellVerticalAlign,
-    buttonRowPosition = defaultProps$Z.buttonRowPosition,
-    pageSizeSelectorPosition = defaultProps$Z.pageSizeSelectorPosition,
-    pageInfoPosition = defaultProps$Z.pageInfoPosition,
-    showCurrentPage = defaultProps$Z.showCurrentPage,
-    showPageInfo = defaultProps$Z.showPageInfo,
-    showPageSizeSelector = defaultProps$Z.showPageSizeSelector,
-    checkboxTolerance = defaultProps$Z.checkboxTolerance,
+    noBottomBorder: noBottomBorder2 = defaultProps$_.noBottomBorder,
+    paginationControlsLocation = defaultProps$_.paginationControlsLocation,
+    cellVerticalAlign = defaultProps$_.cellVerticalAlign,
+    buttonRowPosition = defaultProps$_.buttonRowPosition,
+    pageSizeSelectorPosition = defaultProps$_.pageSizeSelectorPosition,
+    pageInfoPosition = defaultProps$_.pageInfoPosition,
+    showCurrentPage = defaultProps$_.showCurrentPage,
+    showPageInfo = defaultProps$_.showPageInfo,
+    showPageSizeSelector = defaultProps$_.showPageSizeSelector,
+    checkboxTolerance = defaultProps$_.checkboxTolerance,
     ...rest
     // cols
   }, forwardedRef) => {
@@ -14910,7 +14902,7 @@ function ColumnOrderingIndicator({
   }
   return iconNoSort !== "-" ? /* @__PURE__ */ jsx(Icon, { name: iconNoSort, fallback: "nosort", size: "12" }) : /* @__PURE__ */ jsx(Icon, { name: iconNoSort, size: "12" });
 }
-const defaultProps$Z = {
+const defaultProps$_ = {
   idKey: "id",
   data: EMPTY_ARRAY,
   columns: EMPTY_ARRAY,
@@ -14950,12 +14942,12 @@ const TableMd = createMetadata({
     idKey: {
       description: `This property is used to specify the unique ID property in the data array. If the idKey points to a property that does not exist in the data items, that will result in incorrect behavior when using selectable rows.`,
       valueType: "string",
-      defaultValue: defaultProps$Z.idKey
+      defaultValue: defaultProps$_.idKey
     },
     isPaginated: {
       description: `This property adds pagination controls to the \`${COMP$1l}\`.`,
       valueType: "boolean",
-      defaultValue: defaultProps$Z.isPaginated
+      defaultValue: defaultProps$_.isPaginated
     },
     loading: d(
       `This boolean property indicates if the component is fetching (or processing) data. This property is useful when data is loaded conditionally or receiving it takes some time.`
@@ -14978,37 +14970,37 @@ const TableMd = createMetadata({
       "Whether to show page information. It works the same as the [Pagination component property](./Pagination#showpageinfo).",
       void 0,
       "boolean",
-      defaultProps$Z.showPageInfo
+      defaultProps$_.showPageInfo
     ),
     showPageSizeSelector: d(
       "Whether to show the page size selector. It works the same as the [Pagination component property](./Pagination#showpagesizeselector).",
       void 0,
       "boolean",
-      defaultProps$Z.showPageSizeSelector
+      defaultProps$_.showPageSizeSelector
     ),
     showCurrentPage: d(
       "Whether to show the current page indicator. It works the same as the [Pagination component property](./Pagination#showcurrentpage).",
       void 0,
       "boolean",
-      defaultProps$Z.showCurrentPage
+      defaultProps$_.showCurrentPage
     ),
     pageSizeSelectorPosition: {
       description: "Determines where to place the page size selector in the layout. It works the same as the [Pagination component property](./Pagination#pagesizeselectorposition).",
       options: PositionValues,
       type: "string",
-      default: defaultProps$Z.pageSizeSelectorPosition
+      default: defaultProps$_.pageSizeSelectorPosition
     },
     pageInfoPosition: {
       description: "Determines where to place the page information in the layout. It works the same as the [Pagination component property](./Pagination#pageinfoposition).",
       options: PositionValues,
       type: "string",
-      default: defaultProps$Z.pageInfoPosition
+      default: defaultProps$_.pageInfoPosition
     },
     buttonRowPosition: d(
       "Determines where to place the pagination button row in the layout. It works the same as the [Pagination component property](./Pagination#buttonrowposition).",
       PositionValues,
       "string",
-      defaultProps$Z.buttonRowPosition
+      defaultProps$_.buttonRowPosition
     ),
     rowDisabledPredicate: d(
       `This property defines a predicate function with a return value that determines if the row should be disabled. The function retrieves the item to display and should return a Boolean-like value.`
@@ -15026,7 +15018,7 @@ const TableMd = createMetadata({
     hideHeader: {
       description: "Set the header visibility using this property. Set it to `true` to hide the header.",
       valueType: "boolean",
-      defaultValue: defaultProps$Z.hideHeader
+      defaultValue: defaultProps$_.hideHeader
     },
     iconNoSort: d(
       `Allows setting an alternate icon displayed in the ${COMP$1l} column header when sorting is enabled, but the column remains unsorted. You can change the default icon for all ${COMP$1l} instances with the "icon.nosort:Table" declaration in the app configuration file.`
@@ -15040,7 +15032,7 @@ const TableMd = createMetadata({
     enableMultiRowSelection: {
       description: `This boolean property indicates whether you can select multiple rows in the table. This property only has an effect when the rowsSelectable property is set. Setting it to \`false\` limits selection to a single row.`,
       valueType: "boolean",
-      defaultValue: defaultProps$Z.enableMultiRowSelection
+      defaultValue: defaultProps$_.enableMultiRowSelection
     },
     alwaysShowSelectionHeader: {
       description: "This property indicates when the row selection header is displayed. When the value is `true,` the selection header is always visible. Otherwise, it is displayed only when hovered.",
@@ -15056,7 +15048,7 @@ const TableMd = createMetadata({
       description: `This property determines the location of the pagination controls. It can be set to \`top\`, \`bottom\`, or \`both\`.`,
       valueType: "string",
       availableValues: TablePaginationControlsLocationValues,
-      defaultValue: defaultProps$Z.paginationControlsLocation
+      defaultValue: defaultProps$_.paginationControlsLocation
     },
     cellVerticalAlign: {
       description: `This property controls the vertical alignment of cell content. It can be set to \`top\`, \`center\`, or \`bottom\`.`,
@@ -15068,7 +15060,7 @@ const TableMd = createMetadata({
       description: `This property controls the tolerance area around checkboxes for easier interaction. This property only has an effect when the rowsSelectable property is set to \`true\`. \`none\` provides no tolerance (0px), \`compact\` provides minimal tolerance (8px), \`comfortable\` provides medium tolerance (12px), and \`spacious\` provides generous tolerance (16px) for improved accessibility.`,
       valueType: "string",
       availableValues: CheckboxToleranceValues,
-      defaultValue: defaultProps$Z.checkboxTolerance
+      defaultValue: defaultProps$_.checkboxTolerance
     }
   },
   events: {
@@ -15149,7 +15141,7 @@ const TableWithColumns = memo(
       className,
       registerComponentApi
     }, ref) => {
-      const idKey = extractValue.asOptionalString(node.props.idKey, defaultProps$Z.idKey);
+      const idKey = extractValue.asOptionalString(node.props.idKey, defaultProps$_.idKey);
       const data = extractValue(node.props.items) || extractValue(node.props.data);
       const [columnIds, setColumnIds] = useState(EMPTY_ARRAY);
       const [columnsByIds, setColumnByIds] = useState(EMPTY_OBJECT);
@@ -15307,10 +15299,10 @@ const styles$$ = {
   wrapper: wrapper$h,
   sentinel
 };
-const defaultProps$Y = {
+const defaultProps$Z = {
   to: "top"
 };
-function StickyBox({ children, uid, style: style2, to = defaultProps$Y.to, className }) {
+function StickyBox({ children, uid, style: style2, to = defaultProps$Z.to, className }) {
   const sentinelRef = useRef(null);
   const [wrapper2, setWrapper] = useState(null);
   const [stuck, setStuck] = useState(false);
@@ -15367,7 +15359,7 @@ const StickyBoxMd = createMetadata({
       description: "This property determines whether the StickyBox should be anchored to the `top` or `bottom`.",
       availableValues: ["top", "bottom"],
       valueType: "string",
-      defaultValue: defaultProps$Y.to
+      defaultValue: defaultProps$Z.to
     }
   },
   themeVars: parseScssVar(styles$$.themeVars),
@@ -15394,10 +15386,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$X = {
+const defaultProps$Y = {
   variant: "badge"
 };
-const Badge = forwardRef(function Badge2({ children, color, variant = defaultProps$X.variant, style: style2, className, ...rest }, forwardedRef) {
+const Badge = forwardRef(function Badge2({ children, color, variant = defaultProps$Y.variant, style: style2, className, ...rest }, forwardedRef) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -15432,7 +15424,7 @@ 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$X.variant
+      defaultValue: defaultProps$Y.variant
     },
     colorMap: {
       description: `The \`${COMP$1j}\` 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.`
@@ -15502,10 +15494,10 @@ const styles$Z = {
   lg,
   clickable: clickable$1
 };
-const defaultProps$W = {
+const defaultProps$X = {
   size: "sm"
 };
-const Avatar = memo(forwardRef(function Avatar2({ size = defaultProps$W.size, url, name, style: style2, className, onClick, ...rest }, ref) {
+const Avatar = memo(forwardRef(function Avatar2({ size = defaultProps$X.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 === " ")) {
@@ -15569,7 +15561,7 @@ const AvatarMd = createMetadata({
       description: `This property defines the display size of the ${COMP$1i}.`,
       availableValues: sizeMd,
       valueType: "string",
-      defaultValue: defaultProps$W.size
+      defaultValue: defaultProps$X.size
     },
     name: {
       description: `This property sets the name value the ${COMP$1i} uses to display initials. If neither this property nor \`url\` is defined, an empty avatar is displayed.`,
@@ -15619,11 +15611,11 @@ const styles$Y = {
   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",
       {
@@ -15658,7 +15650,7 @@ const ContentSeparatorMd = createMetadata({
     orientation: {
       description: "Sets the main axis of the component",
       availableValues: orientationOptionMd,
-      defaultValue: defaultProps$V.orientation,
+      defaultValue: defaultProps$W.orientation,
       valueType: "string"
     }
   },
@@ -15708,20 +15700,20 @@ const styles$X = {
   vertical: vertical$2,
   isClickable
 };
-const defaultProps$U = {
+const defaultProps$V = {
   orientation: "vertical",
   showAvatar: false
 };
 const Card = forwardRef(function Card2({
   children,
-  orientation = defaultProps$U.orientation,
+  orientation = defaultProps$V.orientation,
   style: style2,
   className,
   title: title2,
   subtitle: subtitle2,
   linkTo,
   avatarUrl,
-  showAvatar = !!avatarUrl || defaultProps$U.showAvatar,
+  showAvatar = !!avatarUrl || defaultProps$V.showAvatar,
   avatarSize,
   onClick,
   ...rest
@@ -15771,7 +15763,7 @@ const CardMd = createMetadata({
     showAvatar: {
       description: `Indicates whether the avatar should be displayed`,
       valueType: "boolean",
-      defaultValue: defaultProps$U.showAvatar
+      defaultValue: defaultProps$V.showAvatar
     },
     avatarSize: {
       description: `This prop sets the size of the avatar. The default value is \`sm\`.`,
@@ -15794,7 +15786,7 @@ const CardMd = createMetadata({
       description: `An optional property that governs the ${COMP$1g}'s orientation (whether the ${COMP$1g} lays out its children in a row or a column). If the orientation is set to \`horizontal\`, the ${COMP$1g} will display its children in a row, except for its [\`title\`](#title) and [\`subtitle\`](#subtitle).`,
       availableValues: orientationOptionMd,
       valueType: "string",
-      defaultValue: defaultProps$U.orientation
+      defaultValue: defaultProps$V.orientation
     }
   },
   events: {
@@ -15962,7 +15954,7 @@ const FlowItemWrapper = forwardRef(function FlowItemWrapper2({ children, forceBr
     isStarSizing && /* @__PURE__ */ jsx(FlowItemBreak, {})
   ] });
 });
-const defaultProps$T = {
+const defaultProps$U = {
   columnGap: "$gap-normal",
   rowGap: "$gap-normal"
 };
@@ -16000,11 +15992,11 @@ const FlowLayoutMd = createMetadata({
     },
     columnGap: {
       description: "The `columnGap` property specifies the space between items in a single row; it overrides the `gap` value.",
-      defaultValue: defaultProps$T.columnGap
+      defaultValue: defaultProps$U.columnGap
     },
     rowGap: {
       description: `The \`rowGap\` property specifies the space between the ${COMP$1f} rows; it overrides the \`gap\` value.`,
-      defaultValue: defaultProps$T.rowGap
+      defaultValue: defaultProps$U.rowGap
     }
   },
   themeVars: parseScssVar(styles$W.themeVars)
@@ -16089,7 +16081,7 @@ const useModalFormClose = () => {
 };
 const PART_TITLE = "title";
 const PART_CONTENT = "content";
-const defaultProps$S = {
+const defaultProps$T = {
   fullScreen: false,
   closeButtonVisible: true
 };
@@ -16153,9 +16145,9 @@ const ModalDialog = React__default.forwardRef(
     children,
     style: style2,
     isInitiallyOpen,
-    fullScreen: fullScreen2 = defaultProps$S.fullScreen,
+    fullScreen: fullScreen2 = defaultProps$T.fullScreen,
     title: title2,
-    closeButtonVisible = defaultProps$S.closeButtonVisible,
+    closeButtonVisible = defaultProps$T.closeButtonVisible,
     className,
     onOpen,
     onClose,
@@ -16294,13 +16286,13 @@ const ModalDialogMd = createMetadata({
     fullScreen: {
       description: `Toggles whether the dialog encompasses the whole UI (\`true\`) or not and has a minimum width and height (\`false\`).`,
       valueType: "boolean",
-      defaultValue: defaultProps$S.fullScreen
+      defaultValue: defaultProps$T.fullScreen
     },
     title: d(`Provides a prestyled heading to display the intent of the dialog.`),
     closeButtonVisible: {
       description: `Shows (\`true\`) or hides (\`false\`) the visibility of the close button on the dialog.`,
       valueType: "boolean",
-      defaultValue: defaultProps$S.closeButtonVisible
+      defaultValue: defaultProps$T.closeButtonVisible
     }
   },
   events: {
@@ -16402,14 +16394,14 @@ const styles$U = {
   wrapper: wrapper$f,
   icon: icon$3
 };
-const defaultProps$R = {
+const defaultProps$S = {
   hideIcon: false,
   icon: "noresult"
 };
 const NoResult = forwardRef(function NoResult2({
   label: label2,
-  icon: icon2 = defaultProps$R.icon,
-  hideIcon = defaultProps$R.hideIcon,
+  icon: icon2 = defaultProps$S.icon,
+  hideIcon = defaultProps$S.hideIcon,
   style: style2,
   className,
   ...rest
@@ -16437,12 +16429,12 @@ const NoResultMd = createMetadata({
     icon: {
       description: `This property defines the icon to display with the component.`,
       valueType: "string",
-      defaultValue: defaultProps$R.icon
+      defaultValue: defaultProps$S.icon
     },
     hideIcon: {
       description: `This boolean property indicates if the icon should be hidden.`,
       valueType: "boolean",
-      defaultValue: defaultProps$R.hideIcon
+      defaultValue: defaultProps$S.hideIcon
     }
   },
   themeVars: parseScssVar(styles$U.themeVars),
@@ -16483,7 +16475,7 @@ const styles$T = {
   dropPlaceholder
 };
 const { useDropzone: useDropzone$1 } = dropzone;
-const defaultProps$Q = {
+const defaultProps$R = {
   onUpload: asyncNoop,
   uid: "fileUploadDialog",
   allowPaste: true,
@@ -16492,14 +16484,14 @@ const defaultProps$Q = {
 };
 const FileUploadDropZone = forwardRef(function FileUploadDropZone2({
   children,
-  onUpload = defaultProps$Q.onUpload,
-  uid = defaultProps$Q.uid,
+  onUpload = defaultProps$R.onUpload,
+  uid = defaultProps$R.uid,
   registerComponentApi,
   style: style2,
   className,
-  allowPaste = defaultProps$Q.allowPaste,
-  text: text2 = defaultProps$Q.text,
-  disabled: disabled2 = defaultProps$Q.disabled,
+  allowPaste = defaultProps$R.allowPaste,
+  text: text2 = defaultProps$R.text,
+  disabled: disabled2 = defaultProps$R.disabled,
   updateState,
   acceptedFileTypes,
   maxFiles,
@@ -16588,13 +16580,13 @@ const FileUploadDropZoneMd = createMetadata({
   props: {
     text: {
       description: "With this property, you can change the default text to display when files are dragged over the drop zone.",
-      defaultValue: defaultProps$Q.text,
+      defaultValue: defaultProps$R.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$Q.allowPaste
+      defaultValue: defaultProps$R.allowPaste
     },
     enabled: d(
       `If set to \`false\`, the drop zone will be disabled and users will not be able to upload files.`,
@@ -16825,10 +16817,10 @@ const iframeComponentRenderer = createComponentRenderer(
     );
   }
 );
-const defaultProps$P = {
+const defaultProps$Q = {
   reverse: false
 };
-function Items({ items, renderItem, reverse: reverse2 = defaultProps$P.reverse }) {
+function Items({ items, renderItem, reverse: reverse2 = defaultProps$Q.reverse }) {
   const itemsToRender = useMemo(() => {
     if (!items) {
       return [];
@@ -16866,7 +16858,7 @@ const ItemsMd = createMetadata({
     reverse: {
       description: "This property reverses the order in which data is mapped to template components.",
       type: "boolean",
-      defaultValue: defaultProps$P.reverse
+      defaultValue: defaultProps$Q.reverse
     },
     itemTemplate: dComponent("The component template to display a single item")
   },
@@ -16910,7 +16902,7 @@ const SelectionStoreMd = createMetadata({
   props: {
     idKey: {
       description: `The selected items in the selection store needs to have a unique ID to use as an unambiguous key for that particular item. This property uniquely identifies the selected object item via a given property. By default, the key attribute is \`"id"\`.`,
-      defaultValue: defaultProps$10.idKey
+      defaultValue: defaultProps$11.idKey
     }
   }
 });
@@ -16946,12 +16938,12 @@ const ImageMd = createMetadata({
     fit: {
       description: "This property sets how the image content should be resized to fit its container.",
       type: "string",
-      defaultValue: defaultProps$1c.fit
+      defaultValue: defaultProps$1d.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$1c.lazyLoad
+      defaultValue: defaultProps$1d.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").'
@@ -16959,7 +16951,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$1c.inline
+      defaultValue: defaultProps$1d.inline
     },
     animation: dInternal(`The optional animation object to be applied to the component`)
   },
@@ -16988,10 +16980,10 @@ const imageComponentRenderer = createComponentRenderer(
     );
   }
 );
-const defaultProps$O = {
+const defaultProps$P = {
   title: "XMLUI Application"
 };
-const PageMetaTitle = ({ title: title2 = defaultProps$O.title }) => {
+const PageMetaTitle = ({ title: title2 = defaultProps$P.title }) => {
   return /* @__PURE__ */ jsx(Helmet, { title: title2 });
 };
 const COMP$16 = "PageMetaTitle";
@@ -17001,7 +16993,7 @@ const PageMetaTitleMd = createMetadata({
   props: {
     value: {
       description: `This property sets the page's title to display in the browser tab.`,
-      defaultValue: defaultProps$O.title
+      defaultValue: defaultProps$P.title
     }
   }
 });
@@ -17020,10 +17012,10 @@ const styles$R = {
   wrapper: wrapper$d,
   bar
 };
-const defaultProps$N = {
+const defaultProps$O = {
   value: 0
 };
-const ProgressBar = forwardRef(function ProgressBar2({ value = defaultProps$N.value, style: style2, className, ...rest }, forwardedRef) {
+const ProgressBar = forwardRef(function ProgressBar2({ value = defaultProps$O.value, style: style2, className, ...rest }, forwardedRef) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -17053,7 +17045,7 @@ const ProgressBarMd = createMetadata({
     value: {
       description: `This property defines the progress value with a number between 0 and 1.`,
       valueType: "number",
-      defaultValue: defaultProps$N.value
+      defaultValue: defaultProps$O.value
     }
   },
   themeVars: parseScssVar(styles$R.themeVars),
@@ -17112,7 +17104,7 @@ const parseSize = (size, containerSize) => {
 const toPercentage = (size, containerSize) => {
   return size / containerSize * 100;
 };
-const defaultProps$M = {
+const defaultProps$N = {
   initialPrimarySize: "50%",
   minPrimarySize: "0%",
   maxPrimarySize: "100%",
@@ -17121,15 +17113,15 @@ const defaultProps$M = {
   floating: false
 };
 const Splitter = ({
-  initialPrimarySize = defaultProps$M.initialPrimarySize,
-  minPrimarySize = defaultProps$M.minPrimarySize,
-  maxPrimarySize = defaultProps$M.maxPrimarySize,
-  orientation = defaultProps$M.orientation,
+  initialPrimarySize = defaultProps$N.initialPrimarySize,
+  minPrimarySize = defaultProps$N.minPrimarySize,
+  maxPrimarySize = defaultProps$N.maxPrimarySize,
+  orientation = defaultProps$N.orientation,
   children,
   style: style2,
   className,
-  swapped = defaultProps$M.swapped,
-  floating = defaultProps$M.floating,
+  swapped = defaultProps$N.swapped,
+  floating = defaultProps$N.floating,
   splitterTemplate,
   resize: resize2 = noop$1,
   visibleChildCount,
@@ -17327,7 +17319,7 @@ const baseSplitterMd = createMetadata({
     swapped: {
       description: `This optional booelan property indicates whether the \`${COMP$14}\` sections are layed out as primary and secondary (\`false\`) or secondary and primary (\`true\`) from left to right.`,
       valueType: "boolean",
-      defaultValue: defaultProps$M.swapped
+      defaultValue: defaultProps$N.swapped
     },
     splitterTemplate: dComponent(
       `The divider can be customized using XMLUI components via this property.`
@@ -17335,28 +17327,28 @@ const baseSplitterMd = createMetadata({
     initialPrimarySize: {
       description: `This optional number property sets the initial size of the primary section. The unit of the size value is in pixels or percentages.`,
       valueType: "string",
-      defaultValue: defaultProps$M.initialPrimarySize
+      defaultValue: defaultProps$N.initialPrimarySize
     },
     minPrimarySize: {
       description: `This property sets the minimum size the primary section can have. The unit of the size value is in pixels or percentages.`,
       valueType: "string",
-      defaultValue: defaultProps$M.minPrimarySize
+      defaultValue: defaultProps$N.minPrimarySize
     },
     maxPrimarySize: {
       description: `This property sets the maximum size the primary section can have. The unit of the size value is in pixels or percentages. Negative values are supported and calculate from the end of the container (e.g., "-20%" means "80% of container", "-100px" means "container size - 100px").`,
       valueType: "string",
-      defaultValue: defaultProps$M.maxPrimarySize
+      defaultValue: defaultProps$N.maxPrimarySize
     },
     floating: {
       description: `Toggles whether the resizer is visible (\`false\`) or not (\`true\`) when not hovered or dragged. The default value is \`false\`, meaning the resizer is visible all the time.`,
       valueType: "boolean",
-      defaultValue: defaultProps$M.floating
+      defaultValue: defaultProps$N.floating
     },
     orientation: {
       description: `Sets whether the \`Splitter\` divides the container horizontally and lays out the section on top of each other (\`vertical\`), or vertically by placing the sections next to each other (\`horizontal\`).`,
       valueType: "string",
       availableValues: ["horizontal", "vertical"],
-      defaultValue: defaultProps$M.orientation
+      defaultValue: defaultProps$N.orientation
     }
   },
   events: {
@@ -17525,7 +17517,7 @@ function actionQueueInitialized(queue, batchId, actionItemIds) {
     }
   };
 }
-const defaultProps$L = {
+const defaultProps$M = {
   clearAfterFinish: false
 };
 const queueReducer = produce((state, action2) => {
@@ -17612,7 +17604,7 @@ function Queue({
   //progressFeedback,
   renderProgressFeedback,
   renderResultFeedback,
-  clearAfterFinish = defaultProps$L.clearAfterFinish,
+  clearAfterFinish = defaultProps$M.clearAfterFinish,
   queueState: externalQueueState,
   dispatch: externalDispatch
 }) {
@@ -17883,7 +17875,7 @@ const QueueMd = createMetadata({
     ),
     clearAfterFinish: {
       description: `This property indicates the completed items (successful or error) should be removed from the queue after completion.`,
-      defaultValue: defaultProps$L.clearAfterFinish
+      defaultValue: defaultProps$M.clearAfterFinish
     }
   },
   nonVisual: true,
@@ -18094,7 +18086,7 @@ const styles$P = {
   section,
   sectionFooter
 };
-const defaultProps$K = {
+const defaultProps$L = {
   idKey: "id",
   scrollAnchor: "top",
   hideEmptyGroups: true,
@@ -18261,18 +18253,18 @@ const ListNative = forwardRef(function DynamicHeightList({
   groupBy: groupBy2,
   orderBy: orderBy2,
   availableGroups,
-  scrollAnchor = defaultProps$K.scrollAnchor,
+  scrollAnchor = defaultProps$L.scrollAnchor,
   requestFetchPrevPage = noop$2,
   requestFetchNextPage = noop$2,
   pageInfo,
-  idKey = defaultProps$K.idKey,
+  idKey = defaultProps$L.idKey,
   style: style2,
   className,
   emptyListPlaceholder,
   groupsInitiallyExpanded = true,
   defaultGroups = EMPTY_ARRAY,
   registerComponentApi,
-  borderCollapse: borderCollapse2 = defaultProps$K.borderCollapse,
+  borderCollapse: borderCollapse2 = defaultProps$L.borderCollapse,
   ...rest
 }, ref) {
   const virtualizerRef = useRef(null);
@@ -18521,7 +18513,7 @@ const ListMd = createMetadata({
       description: `This property pins the scroll position to a specified location of the list. Available values are shown below.`,
       availableValues: scrollAnchoringValues,
       type: "string",
-      defaultValue: defaultProps$K.scrollAnchor
+      defaultValue: defaultProps$L.scrollAnchor
     },
     groupBy: d(
       "This property sets which data item property is used to group the list items. If not set, no grouping is done."
@@ -18550,13 +18542,13 @@ const ListMd = createMetadata({
     idKey: {
       description: "Denotes which attribute of an item acts as the ID or key of the item",
       type: "string",
-      defaultValue: defaultProps$K.idKey
+      defaultValue: defaultProps$L.idKey
     },
     groupsInitiallyExpanded: d(
       `This Boolean property defines whether the list groups are initially expanded.`,
       void 0,
       "boolean",
-      defaultProps$K.groupsInitiallyExpanded
+      defaultProps$L.groupsInitiallyExpanded
     ),
     defaultGroups: d(
       `This property adds an optional list of default groups for the \`${COMP$12}\` and displays the group headers in the specified order. If the data contains group headers not in this list, those headers are also displayed (after the ones in this list); however, their order is not deterministic.`
@@ -18564,12 +18556,12 @@ const ListMd = createMetadata({
     hideEmptyGroups: {
       description: "This boolean property indicates if empty groups should be hidden (no header and footer are displayed).",
       valueType: "boolean",
-      defaultValue: defaultProps$K.hideEmptyGroups
+      defaultValue: defaultProps$L.hideEmptyGroups
     },
     borderCollapse: {
       description: "Collapse items borders",
       valueType: "boolean",
-      defaultValue: defaultProps$K.borderCollapse
+      defaultValue: defaultProps$L.borderCollapse
     }
   },
   childrenAsTemplate: "itemTemplate",
@@ -18727,10 +18719,10 @@ const positionedContainerComponentRenderer = createComponentRenderer(
     );
   }
 );
-const defaultProps$J = {
+const defaultProps$K = {
   throttleWaitInMs: 0
 };
-function ChangeListener({ listenTo, onChange, throttleWaitInMs = defaultProps$J.throttleWaitInMs }) {
+function ChangeListener({ listenTo, onChange, throttleWaitInMs = defaultProps$K.throttleWaitInMs }) {
   const prevValue = usePrevious(listenTo);
   const throttledOnChange = useMemo(() => {
     if (throttleWaitInMs !== 0 && onChange) {
@@ -18762,7 +18754,7 @@ 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$J.throttleWaitInMs
+      defaultValue: defaultProps$K.throttleWaitInMs
     }
   },
   events: {
@@ -19799,7 +19791,7 @@ function Adornment({ iconName, text: text2, className, onClick, ...rest }) {
     }
   ) : null });
 }
-const defaultProps$I = {
+const defaultProps$J = {
   type: "text",
   value: "",
   initialValue: "",
@@ -19815,20 +19807,20 @@ const defaultProps$I = {
 };
 const TextBox = forwardRef(function TextBox2({
   id,
-  type = defaultProps$I.type,
-  value = defaultProps$I.value,
-  updateState = defaultProps$I.updateState,
-  initialValue = defaultProps$I.initialValue,
+  type = defaultProps$J.type,
+  value = defaultProps$J.value,
+  updateState = defaultProps$J.updateState,
+  initialValue = defaultProps$J.initialValue,
   style: style2,
   className,
   maxLength,
-  enabled: enabled2 = defaultProps$I.enabled,
+  enabled: enabled2 = defaultProps$J.enabled,
   placeholder: placeholder2,
-  validationStatus = defaultProps$I.validationStatus,
-  onDidChange = defaultProps$I.onDidChange,
-  onFocus = defaultProps$I.onFocus,
-  onBlur = defaultProps$I.onBlur,
-  onKeyDown = defaultProps$I.onKeyDown,
+  validationStatus = defaultProps$J.validationStatus,
+  onDidChange = defaultProps$J.onDidChange,
+  onFocus = defaultProps$J.onFocus,
+  onBlur = defaultProps$J.onBlur,
+  onKeyDown = defaultProps$J.onKeyDown,
   registerComponentApi,
   startText,
   startIcon,
@@ -19840,8 +19832,8 @@ const TextBox = forwardRef(function TextBox2({
   tabIndex,
   required: required2,
   showPasswordToggle,
-  passwordVisibleIcon = defaultProps$I.passwordVisibleIcon,
-  passwordHiddenIcon = defaultProps$I.passwordHiddenIcon,
+  passwordVisibleIcon = defaultProps$J.passwordVisibleIcon,
+  passwordHiddenIcon = defaultProps$J.passwordHiddenIcon,
   ...rest
 }, ref) {
   const inputRef = useRef(null);
@@ -19981,7 +19973,7 @@ const styles$L = {
   button: button$1
 };
 const { useDropzone } = dropzone;
-const defaultProps$H = {
+const defaultProps$I = {
   enabled: true,
   buttonPosition: "end",
   buttonLabel: "Browse",
@@ -19995,12 +19987,12 @@ const defaultProps$H = {
 };
 const FileInput = ({
   id,
-  enabled: enabled2 = defaultProps$H.enabled,
+  enabled: enabled2 = defaultProps$I.enabled,
   style: style2,
   className,
   placeholder: placeholder2,
-  buttonPosition = defaultProps$H.buttonPosition,
-  buttonLabel = defaultProps$H.buttonLabel,
+  buttonPosition = defaultProps$I.buttonPosition,
+  buttonLabel = defaultProps$I.buttonLabel,
   buttonIcon: buttonIcon2,
   buttonIconPosition,
   variant,
@@ -20008,16 +20000,16 @@ const FileInput = ({
   buttonSize,
   autoFocus,
   validationStatus,
-  updateState = defaultProps$H.updateState,
-  onDidChange = defaultProps$H.onDidChange,
-  onFocus = defaultProps$H.onFocus,
-  onBlur = defaultProps$H.onBlur,
+  updateState = defaultProps$I.updateState,
+  onDidChange = defaultProps$I.onDidChange,
+  onFocus = defaultProps$I.onFocus,
+  onBlur = defaultProps$I.onBlur,
   registerComponentApi,
   value,
   initialValue,
   acceptsFileType,
-  multiple = defaultProps$H.multiple,
-  directory = defaultProps$H.directory,
+  multiple = defaultProps$I.multiple,
+  directory = defaultProps$I.directory,
   required: required2,
   ...rest
 }) => {
@@ -20223,7 +20215,7 @@ function isUsableInteger(value) {
 }
 const PART_SPINNER_UP = "spinnerUp";
 const PART_SPINNER_DOWN = "spinnerDown";
-const defaultProps$G = {
+const defaultProps$H = {
   enabled: true,
   validationStatus: "none",
   hasSpinBox: true,
@@ -20243,20 +20235,20 @@ const NumberBox = forwardRef(function NumberBox2({
   initialValue,
   style: style2,
   className,
-  enabled: enabled2 = defaultProps$G.enabled,
+  enabled: enabled2 = defaultProps$H.enabled,
   placeholder: placeholder2,
-  validationStatus = defaultProps$G.validationStatus,
-  hasSpinBox = defaultProps$G.hasSpinBox,
-  step = defaultProps$G.step,
-  integersOnly = defaultProps$G.integersOnly,
-  zeroOrPositive = defaultProps$G.zeroOrPositive,
-  min = zeroOrPositive ? 0 : defaultProps$G.min,
-  max = defaultProps$G.max,
+  validationStatus = defaultProps$H.validationStatus,
+  hasSpinBox = defaultProps$H.hasSpinBox,
+  step = defaultProps$H.step,
+  integersOnly = defaultProps$H.integersOnly,
+  zeroOrPositive = defaultProps$H.zeroOrPositive,
+  min = zeroOrPositive ? 0 : defaultProps$H.min,
+  max = defaultProps$H.max,
   maxLength,
-  updateState = defaultProps$G.updateState,
-  onDidChange = defaultProps$G.onDidChange,
-  onFocus = defaultProps$G.onFocus,
-  onBlur = defaultProps$G.onBlur,
+  updateState = defaultProps$H.updateState,
+  onDidChange = defaultProps$H.onDidChange,
+  onFocus = defaultProps$H.onFocus,
+  onBlur = defaultProps$H.onBlur,
   registerComponentApi,
   startText,
   startIcon,
@@ -20872,7 +20864,7 @@ function HiddenOption(option) {
 }
 const PART_LIST_WRAPPER$1 = "listWrapper";
 const PART_CLEAR_BUTTON$2 = "clearButton";
-const defaultProps$F = {
+const defaultProps$G = {
   enabled: true,
   placeholder: "",
   autoFocus: false,
@@ -20957,31 +20949,31 @@ const Select = forwardRef(function Select2({
   id,
   initialValue,
   value,
-  enabled: enabled2 = defaultProps$F.enabled,
-  placeholder: placeholder2 = defaultProps$F.placeholder,
-  autoFocus = defaultProps$F.autoFocus,
+  enabled: enabled2 = defaultProps$G.enabled,
+  placeholder: placeholder2 = defaultProps$G.placeholder,
+  autoFocus = defaultProps$G.autoFocus,
   readOnly: readOnly2 = false,
-  required: required2 = defaultProps$F.required,
+  required: required2 = defaultProps$G.required,
   // Styling
   style: style2,
   className,
   dropdownHeight,
   // Validation
-  validationStatus = defaultProps$F.validationStatus,
+  validationStatus = defaultProps$G.validationStatus,
   // Event handlers
   onDidChange = noop$1,
   onFocus = noop$1,
   onBlur = noop$1,
   // Multi-select and search
-  searchable = defaultProps$F.searchable,
-  multiSelect = defaultProps$F.multiSelect,
-  clearable = defaultProps$F.clearable,
+  searchable = defaultProps$G.searchable,
+  multiSelect = defaultProps$G.multiSelect,
+  clearable = defaultProps$G.clearable,
   emptyListTemplate,
   valueRenderer,
   optionRenderer,
   // Progress state
-  inProgress = defaultProps$F.inProgress,
-  inProgressNotificationMessage = defaultProps$F.inProgressNotificationMessage,
+  inProgress = defaultProps$G.inProgress,
+  inProgressNotificationMessage = defaultProps$G.inProgressNotificationMessage,
   // Internal
   updateState = noop$1,
   registerComponentApi,
@@ -21493,7 +21485,7 @@ const styles$I = {
   optionLabel,
   label
 };
-const defaultProps$E = {
+const defaultProps$F = {
   enabled: true
 };
 function convertOptionValue(value) {
@@ -21510,14 +21502,14 @@ const OptionNative = memo((props) => {
   return /* @__PURE__ */ jsx(OptionType, { ...props });
 });
 OptionNative.displayName = "OptionNative";
-const defaultProps$D = {
+const defaultProps$E = {
   checked: false,
   value: ""
 };
 const RadioItem = ({
-  checked: checked2 = defaultProps$D.checked,
+  checked: checked2 = defaultProps$E.checked,
   style: style2,
-  value = defaultProps$D.value,
+  value = defaultProps$E.value,
   onDidChange = noop$1
 }) => {
   const id = useId();
@@ -21525,8 +21517,8 @@ const RadioItem = ({
 };
 const UnwrappedRadioItem = ({
   id,
-  checked: checked2 = defaultProps$D.checked,
-  value = defaultProps$D.value,
+  checked: checked2 = defaultProps$E.checked,
+  value = defaultProps$E.value,
   statusStyles,
   disabled: disabled2,
   onDidChange = noop$1
@@ -21550,7 +21542,7 @@ const UnwrappedRadioItem = ({
     }
   );
 };
-const defaultProps$C = {
+const defaultProps$D = {
   value: "",
   initialValue: "",
   enabled: true,
@@ -21560,21 +21552,21 @@ const defaultProps$C = {
 };
 const RadioGroupStatusContext = createContext({
   status: "none",
-  enabled: defaultProps$C.enabled
+  enabled: defaultProps$D.enabled
 });
 const RadioGroup = forwardRef(function RadioGroup2({
   id,
-  value = defaultProps$C.value,
-  initialValue = defaultProps$C.initialValue,
+  value = defaultProps$D.value,
+  initialValue = defaultProps$D.initialValue,
   autofocus,
-  enabled: enabled2 = defaultProps$C.enabled,
-  validationStatus = defaultProps$C.validationStatus,
+  enabled: enabled2 = defaultProps$D.enabled,
+  validationStatus = defaultProps$D.validationStatus,
   label: label2,
   labelPosition,
   labelWidth,
   labelBreak: labelBreak2,
-  required: required2 = defaultProps$C.required,
-  readOnly: readOnly2 = defaultProps$C.readOnly,
+  required: required2 = defaultProps$D.required,
+  readOnly: readOnly2 = defaultProps$D.readOnly,
   updateState = noop$1,
   onDidChange = noop$1,
   onFocus = noop$1,
@@ -21850,7 +21842,7 @@ const dateFormats$1 = [
   "yyyyMMdd",
   "MMddyyyy"
 ];
-const defaultProps$B = {
+const defaultProps$C = {
   mode: "single",
   validationStatus: "none",
   enabled: true,
@@ -21876,24 +21868,24 @@ const DatePicker = forwardRef(function DatePicker2({
   id,
   initialValue,
   value,
-  mode = defaultProps$B.mode,
-  enabled: enabled2 = defaultProps$B.enabled,
+  mode = defaultProps$C.mode,
+  enabled: enabled2 = defaultProps$C.enabled,
   placeholder: placeholder2,
   updateState = noop$1,
-  validationStatus = defaultProps$B.validationStatus,
+  validationStatus = defaultProps$C.validationStatus,
   onDidChange = noop$1,
   onFocus = noop$1,
   onBlur = noop$1,
-  dateFormat = defaultProps$B.dateFormat,
-  showWeekNumber = defaultProps$B.showWeekNumber,
-  weekStartsOn = defaultProps$B.weekStartsOn,
+  dateFormat = defaultProps$C.dateFormat,
+  showWeekNumber = defaultProps$C.showWeekNumber,
+  weekStartsOn = defaultProps$C.weekStartsOn,
   startDate,
   endDate,
-  disabledDates = defaultProps$B.disabledDates,
+  disabledDates = defaultProps$C.disabledDates,
   style: style2,
   className,
   registerComponentApi,
-  inline = defaultProps$B.inline,
+  inline = defaultProps$C.inline,
   startText,
   startIcon,
   endText,
@@ -22244,13 +22236,13 @@ const styles$F = {
   info: info$1,
   valid: valid$6
 };
-const defaultProps$A = {
+const defaultProps$B = {
   fieldValidationResults: EMPTY_OBJECT,
   generalValidationResults: EMPTY_ARRAY
 };
 function ValidationSummary({
-  fieldValidationResults = defaultProps$A.fieldValidationResults,
-  generalValidationResults = defaultProps$A.generalValidationResults
+  fieldValidationResults = defaultProps$B.fieldValidationResults,
+  generalValidationResults = defaultProps$B.generalValidationResults
 }) {
   const [animateContainerRef] = useAutoAnimate({ duration: 100 });
   const groupedInvalidResults = useMemo(() => {
@@ -22494,7 +22486,7 @@ const initialState = {
   submitInProgress: false,
   resetVersion: 0
 };
-const defaultProps$z = {
+const defaultProps$A = {
   cancelLabel: "Cancel",
   saveLabel: "Save",
   saveInProgressLabel: "Saving...",
@@ -22525,9 +22517,9 @@ const Form = forwardRef(function({
   style: style2,
   className,
   enabled: enabled2 = true,
-  cancelLabel = defaultProps$z.cancelLabel,
-  saveLabel = defaultProps$z.saveLabel,
-  saveInProgressLabel = defaultProps$z.saveInProgressLabel,
+  cancelLabel = defaultProps$A.cancelLabel,
+  saveLabel = defaultProps$A.saveLabel,
+  saveInProgressLabel = defaultProps$A.saveInProgressLabel,
   swapCancelAndSave,
   onWillSubmit,
   onSubmit,
@@ -22537,13 +22529,13 @@ const Form = forwardRef(function({
   buttonRow: buttonRow2,
   id,
   registerComponentApi,
-  itemLabelBreak = defaultProps$z.itemLabelBreak,
+  itemLabelBreak = defaultProps$A.itemLabelBreak,
   itemLabelWidth,
-  itemLabelPosition = defaultProps$z.itemLabelPosition,
-  keepModalOpenOnSubmit = defaultProps$z.keepModalOpenOnSubmit,
+  itemLabelPosition = defaultProps$A.itemLabelPosition,
+  keepModalOpenOnSubmit = defaultProps$A.keepModalOpenOnSubmit,
   hideButtonRowUntilDirty,
-  hideButtonRow = defaultProps$z.hideButtonRow,
-  enableSubmit = defaultProps$z.enableSubmit,
+  hideButtonRow = defaultProps$A.hideButtonRow,
+  enableSubmit = defaultProps$A.enableSubmit,
   ...rest
 }, ref) {
   const formRef = useRef(null);
@@ -22930,7 +22922,7 @@ function isOptionsExist(options2, newOptions) {
     (option) => Array.from(options2).some((o) => o.value === option.value || o.label === option.label)
   );
 }
-const defaultProps$y = {
+const defaultProps$z = {
   enabled: true,
   readOnly: false,
   autoFocus: false,
@@ -22949,27 +22941,27 @@ const AutoComplete = forwardRef(function AutoComplete2({
   id,
   initialValue,
   value,
-  enabled: enabled2 = defaultProps$y.enabled,
+  enabled: enabled2 = defaultProps$z.enabled,
   placeholder: placeholder2,
-  updateState = defaultProps$y.updateState,
-  validationStatus = defaultProps$y.validationStatus,
-  onDidChange = defaultProps$y.onDidChange,
-  onFocus = defaultProps$y.onFocus,
-  onBlur = defaultProps$y.onBlur,
-  onItemCreated = defaultProps$y.onItemCreated,
+  updateState = defaultProps$z.updateState,
+  validationStatus = defaultProps$z.validationStatus,
+  onDidChange = defaultProps$z.onDidChange,
+  onFocus = defaultProps$z.onFocus,
+  onBlur = defaultProps$z.onBlur,
+  onItemCreated = defaultProps$z.onItemCreated,
   registerComponentApi,
   emptyListTemplate,
   style: style2,
   className,
   children,
-  readOnly: readOnly2 = defaultProps$y.readOnly,
-  autoFocus = defaultProps$y.autoFocus,
+  readOnly: readOnly2 = defaultProps$z.readOnly,
+  autoFocus = defaultProps$z.autoFocus,
   dropdownHeight,
-  multi = defaultProps$y.multi,
-  required: required2 = defaultProps$y.required,
-  creatable = defaultProps$y.creatable,
+  multi = defaultProps$z.multi,
+  required: required2 = defaultProps$z.required,
+  creatable = defaultProps$z.creatable,
   optionRenderer,
-  initiallyOpen = defaultProps$y.initiallyOpen,
+  initiallyOpen = defaultProps$z.initiallyOpen,
   ...rest
 }, forwardedRef) {
   const [referenceElement, setReferenceElement] = useState(null);
@@ -23567,38 +23559,40 @@ const styles$C = {
   arrow
 };
 const themeVars$i = `'{"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$B = {
   themeVars: themeVars$i,
   markdownContent,
+  htmlTh: htmlTh$1,
+  htmlTd: htmlTd$1,
   markdown,
   block,
   blockquote,
@@ -23619,9 +23613,7 @@ const styles$B = {
   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,
@@ -24364,7 +24356,7 @@ function ApiInterceptorProvider({
       return;
     }
     void (async () => {
-      const { initMock } = await import("./initMock-CvmWAkGr.js");
+      const { initMock } = await import("./initMock-DscB1vh1.js");
       const apiInstance2 = await initMock(interceptor);
       setApiInstance(apiInstance2);
       setInitialized(true);
@@ -24381,7 +24373,7 @@ function ApiInterceptorProvider({
           if (process.env.VITE_MOCK_ENABLED) {
             const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
               useWorker ? import("./apiInterceptorWorker-dwrAyq6l.js") : Promise.resolve({ createApiInterceptorWorker: () => null }),
-              import("./initMock-CvmWAkGr.js")
+              import("./initMock-DscB1vh1.js")
             ]);
             if (interceptor || forceInitialize) {
               const apiInstance2 = await initMock(interceptor || {});
@@ -24418,7 +24410,7 @@ function ApiInterceptorProvider({
         void (async () => {
           const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
             import("./apiInterceptorWorker-dwrAyq6l.js"),
-            import("./initMock-CvmWAkGr.js")
+            import("./initMock-DscB1vh1.js")
           ]);
           const apiInstance2 = await initMock(interceptor);
           await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
@@ -25106,13 +25098,13 @@ function AppWithCodeViewNative({
     )
   ] });
 }
-const codeText = "_codeText_trvop_14";
-const codefence = "_codefence_trvop_21";
+const codeText = "_codeText_fmjbn_14";
+const codefence = "_codefence_fmjbn_21";
 const styles$v = {
   codeText,
   codefence
 };
-const defaultProps$x = {
+const defaultProps$y = {
   preserveLinebreaks: false,
   ellipses: true
 };
@@ -25121,8 +25113,8 @@ const CodeText = forwardRef(function CodeText2({
   style: style2,
   className,
   children,
-  preserveLinebreaks: preserveLinebreaks2 = defaultProps$x.preserveLinebreaks,
-  ellipses = defaultProps$x.ellipses,
+  preserveLinebreaks: preserveLinebreaks2 = defaultProps$y.preserveLinebreaks,
+  ellipses = defaultProps$y.ellipses,
   ...variantSpecificProps
 }, forwardedRef) {
   const innerRef = useRef(null);
@@ -25140,7 +25132,7 @@ const CodeText = forwardRef(function CodeText2({
     }
   ) });
 });
-const defaultProps$w = {
+const defaultProps$x = {
   removeIndents: true
 };
 function PreTagComponent({ id, children, codeHighlighter }) {
@@ -25170,7 +25162,7 @@ function PreTagComponent({ id, children, codeHighlighter }) {
 }
 const Markdown = memo(
   forwardRef(function Markdown2({
-    removeIndents = defaultProps$w.removeIndents,
+    removeIndents = defaultProps$x.removeIndents,
     children,
     style: style2,
     className,
@@ -25990,7 +25982,7 @@ const MarkdownMd = createMetadata({
     removeIndents: {
       description: "This boolean property specifies whether leading indents should be removed from the markdown content. If set to `true`, the shortest indent found at the start of the content lines is removed from the beginning of every line.",
       valueType: "boolean",
-      defaultValue: defaultProps$w.removeIndents
+      defaultValue: defaultProps$x.removeIndents
     },
     showHeadingAnchors: {
       description: "This boolean property specifies whether heading anchors should be displayed. If set to `true`, heading anchors will be displayed on hover next to headings.",
@@ -26112,7 +26104,7 @@ const TransformedMarkdown = forwardRef(
     );
   }
 );
-const defaultProps$v = {
+const defaultProps$w = {
   delayDuration: 700,
   skipDelayDuration: 300,
   defaultOpen: false,
@@ -26127,15 +26119,15 @@ const Tooltip = forwardRef(function Tooltip2({
   text: text2,
   markdown: markdown2,
   tooltipTemplate,
-  delayDuration = defaultProps$v.delayDuration,
-  skipDelayDuration = defaultProps$v.skipDelayDuration,
-  defaultOpen = defaultProps$v.defaultOpen,
-  showArrow = defaultProps$v.showArrow,
-  side = defaultProps$v.side,
-  align = defaultProps$v.align,
-  sideOffset = defaultProps$v.sideOffset,
-  alignOffset = defaultProps$v.alignOffset,
-  avoidCollisions = defaultProps$v.avoidCollisions,
+  delayDuration = defaultProps$w.delayDuration,
+  skipDelayDuration = defaultProps$w.skipDelayDuration,
+  defaultOpen = defaultProps$w.defaultOpen,
+  showArrow = defaultProps$w.showArrow,
+  side = defaultProps$w.side,
+  align = defaultProps$w.align,
+  sideOffset = defaultProps$w.sideOffset,
+  alignOffset = defaultProps$w.alignOffset,
+  avoidCollisions = defaultProps$w.avoidCollisions,
   children,
   open
 }, ref) {
@@ -26229,7 +26221,7 @@ function parseOptionValue(name, value) {
       return void 0;
   }
 }
-const defaultProps$u = {
+const defaultProps$v = {
   step: 1,
   min: 0,
   max: 10,
@@ -26273,36 +26265,36 @@ const Slider = forwardRef(
     id,
     style: style2,
     className,
-    step = defaultProps$u.step,
-    min = defaultProps$u.min,
-    max = defaultProps$u.max,
+    step = defaultProps$v.step,
+    min = defaultProps$v.min,
+    max = defaultProps$v.max,
     inverted,
     updateState,
     onDidChange = noop$1,
     onFocus = noop$1,
     onBlur = noop$1,
     registerComponentApi,
-    enabled: enabled2 = defaultProps$u.enabled,
+    enabled: enabled2 = defaultProps$v.enabled,
     value,
     autoFocus,
     readOnly: readOnly2,
-    tabIndex = defaultProps$u.tabIndex,
+    tabIndex = defaultProps$v.tabIndex,
     required: required2,
-    validationStatus = defaultProps$u.validationStatus,
+    validationStatus = defaultProps$v.validationStatus,
     initialValue,
-    minStepsBetweenThumbs = defaultProps$u.minStepsBetweenThumbs,
+    minStepsBetweenThumbs = defaultProps$v.minStepsBetweenThumbs,
     rangeStyle,
     thumbStyle,
-    showValues = defaultProps$u.showValues,
-    valueFormat = defaultProps$u.valueFormat,
+    showValues = defaultProps$v.showValues,
+    valueFormat = defaultProps$v.valueFormat,
     ...rest
   }, forwardedRef) => {
     const inputRef = useRef(null);
     const ref = forwardedRef ? composeRefs(inputRef, forwardedRef) : inputRef;
     const tooltipRef = useRef(null);
     const thumbsRef = useRef([]);
-    min = parseValue(min, defaultProps$u.min);
-    max = parseValue(max, defaultProps$u.max);
+    min = parseValue(min, defaultProps$v.min);
+    max = parseValue(max, defaultProps$v.max);
     const [localValue, setLocalValue] = React__default.useState(
       () => formatValue(value || initialValue, min, min, max)
     );
@@ -26499,7 +26491,7 @@ const styles$u = {
   warning: warning$3,
   valid: valid$3
 };
-const defaultProps$t = {
+const defaultProps$u = {
   initialValue: "#000000",
   value: "#000000",
   enabled: true,
@@ -26515,14 +26507,14 @@ const ColorPicker = forwardRef(
     onFocus = noop$1,
     onBlur = noop$1,
     registerComponentApi,
-    enabled: enabled2 = defaultProps$t.enabled,
+    enabled: enabled2 = defaultProps$u.enabled,
     readOnly: readOnly2,
-    value = defaultProps$t.value,
+    value = defaultProps$u.value,
     autoFocus,
     tabIndex = 0,
     required: required2,
-    validationStatus = defaultProps$t.validationStatus,
-    initialValue = defaultProps$t.initialValue,
+    validationStatus = defaultProps$u.validationStatus,
+    initialValue = defaultProps$u.initialValue,
     ...rest
   }, forwardedRef) => {
     const [isPending, startTransition2] = useTransition();
@@ -26673,7 +26665,7 @@ const HelperText = ({ text: text2 = "", status, style: style2 }) => {
 const DEFAULT_LABEL_POSITIONS = {
   checkbox: "end"
 };
-const defaultProps$s = {
+const defaultProps$t = {
   type: "text",
   labelBreak: true,
   enabled: true,
@@ -26730,15 +26722,15 @@ const FormItem = memo(function FormItem2({
   style: style2,
   className,
   bindTo,
-  type = defaultProps$s.type,
+  type = defaultProps$t.type,
   label: label2,
-  enabled: enabled2 = defaultProps$s.enabled,
+  enabled: enabled2 = defaultProps$t.enabled,
   labelPosition,
   labelWidth,
-  labelBreak: labelBreak2 = defaultProps$s.labelBreak,
+  labelBreak: labelBreak2 = defaultProps$t.labelBreak,
   children,
   onValidate,
-  customValidationsDebounce = defaultProps$s.customValidationsDebounce,
+  customValidationsDebounce = defaultProps$t.customValidationsDebounce,
   validationMode,
   registerComponentApi,
   maxTextLength,
@@ -26746,7 +26738,7 @@ const FormItem = memo(function FormItem2({
   itemIndex,
   initialValue: initialValueFromProps,
   gap,
-  noSubmit = defaultProps$s.noSubmit,
+  noSubmit = defaultProps$t.noSubmit,
   ...rest
 }) {
   const validations = useShallowCompareMemoize({
@@ -27138,7 +27130,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."
@@ -27150,19 +27142,19 @@ const FormItemMd = createMetadata({
     labelBreak: {
       description: `This boolean value indicates if the label can be split into multiple lines if it would overflow the available label width.`,
       type: "boolean",
-      defaultValue: defaultProps$s.labelBreak
+      defaultValue: defaultProps$t.labelBreak
     },
     enabled: dEnabled(),
     type: {
       description: `This property is used to determine the specific input control the FormItem will wrap around. Note that the control names start with a lowercase letter and map to input components found in XMLUI.`,
       availableValues: formControlTypesMd,
-      defaultValue: defaultProps$s.type,
+      defaultValue: defaultProps$t.type,
       valueType: "string"
     },
     customValidationsDebounce: {
       description: `This optional number prop determines the time interval between two runs of a custom validation.`,
       type: "number",
-      defaultValue: defaultProps$s.customValidationsDebounce
+      defaultValue: defaultProps$t.customValidationsDebounce
     },
     validationMode: {
       description: `This property sets what kind of validation mode or strategy to employ for a particular input field.`,
@@ -27247,12 +27239,12 @@ const FormItemMd = createMetadata({
     gap: {
       description: "This property defines the gap between the adornments and the input area.",
       valueType: "string",
-      defaultValue: defaultProps$s.gap
+      defaultValue: defaultProps$t.gap
     },
     noSubmit: {
       description: "When set to `true`, the field will not be included in the form's submitted data. This is useful for fields that should be present in the form but not submitted, similar to hidden fields. If multiple FormItems reference the same `bindTo` value and any of them has `noSubmit` set to `true`, the field will NOT be submitted.",
       type: "boolean",
-      defaultValue: defaultProps$s.noSubmit
+      defaultValue: defaultProps$t.noSubmit
     }
   },
   events: {
@@ -27425,7 +27417,7 @@ const TextBoxMd = createMetadata({
     placeholder: dPlaceholder(),
     initialValue: {
       ...dInitialValue(),
-      defaultValue: defaultProps$I.initialValue
+      defaultValue: defaultProps$J.initialValue
     },
     maxLength: dMaxLength(),
     autoFocus: dAutoFocus(),
@@ -27433,11 +27425,11 @@ const TextBoxMd = createMetadata({
     readOnly: dReadonly(),
     enabled: {
       ...dEnabled(),
-      defaultValue: defaultProps$I.enabled
+      defaultValue: defaultProps$J.enabled
     },
     validationStatus: {
       ...dValidationStatus(),
-      defaultValue: defaultProps$I.validationStatus
+      defaultValue: defaultProps$J.validationStatus
     },
     startText: dStartText(),
     startIcon: dStartIcon(),
@@ -28048,7 +28040,7 @@ class RestApiProxy {
     return `${this.config.apiUrl || ""}${relativePath}${queryString}`;
   }
 }
-const defaultProps$r = {
+const defaultProps$s = {
   url: ""
 };
 class PollClient {
@@ -28162,7 +28154,7 @@ const RealTimeAdapterMd = createMetadata({
   props: {
     url: {
       description: `This property specifies the URL to use for long-polling.`,
-      defaultValue: defaultProps$r.url
+      defaultValue: defaultProps$s.url
     }
   },
   events: {
@@ -28194,7 +28186,7 @@ const FormMd = createMetadata({
       description: `This property sets the position of the item labels within the form.Individual \`FormItem\` instances can override this property.`,
       availableValues: labelPositionMd,
       type: "string",
-      defaultValue: defaultProps$z.itemLabelPosition
+      defaultValue: defaultProps$A.itemLabelPosition
     },
     itemLabelWidth: {
       description: "This property sets the width of the item labels within the form. Individual `FormItem` instances can override this property. If this property is not set, each form item nested in the form uses its calculated label width. These widths may be different for each item.",
@@ -28203,12 +28195,12 @@ const FormMd = createMetadata({
     itemLabelBreak: {
       description: `This boolean value indicates if form item labels can be split into multiple lines if it would overflow the available label width. Individual \`FormItem\` instances can override this property.`,
       type: "boolean",
-      defaultValue: defaultProps$z.itemLabelBreak
+      defaultValue: defaultProps$A.itemLabelBreak
     },
     keepModalOpenOnSubmit: {
       description: "This property prevents the modal from closing when the form is submitted.",
       type: "boolean",
-      defaultValue: defaultProps$z.keepModalOpenOnSubmit
+      defaultValue: defaultProps$A.keepModalOpenOnSubmit
     },
     data: {
       description: "This property sets the initial value of the form's data structure. The form infrastructure uses this value to set the initial state of form items within the form. If this property isnot set, the form does not have an initial value."
@@ -28216,37 +28208,37 @@ const FormMd = createMetadata({
     cancelLabel: {
       description: "This property defines the label of the Cancel button.",
       type: "string",
-      defaultValue: defaultProps$z.cancelLabel
+      defaultValue: defaultProps$A.cancelLabel
     },
     saveLabel: {
       description: `This property defines the label of the Save button.`,
       type: "string",
-      defaultValue: defaultProps$z.saveLabel
+      defaultValue: defaultProps$A.saveLabel
     },
     saveInProgressLabel: {
       description: "This property defines the label of the Save button to display during the form data submit (save) operation.",
       type: "string",
-      defaultValue: defaultProps$z.saveInProgressLabel
+      defaultValue: defaultProps$A.saveInProgressLabel
     },
     swapCancelAndSave: {
       description: `By default, the Cancel button is to the left of the Save button. Set this property to \`true\` to swap them or \`false\` to keep their original location.`,
       type: "boolean",
-      defaultValue: defaultProps$z.swapCancelAndSave
+      defaultValue: defaultProps$A.swapCancelAndSave
     },
     hideButtonRowUntilDirty: {
       description: `This property hides the button row until the form data is modified (dirty).`,
       type: "boolean",
-      defaultValue: defaultProps$z.hideButtonRowUntilDirty
+      defaultValue: defaultProps$A.hideButtonRowUntilDirty
     },
     hideButtonRow: {
       description: `This property hides the button row entirely when set to true.`,
       type: "boolean",
-      defaultValue: defaultProps$z.hideButtonRow
+      defaultValue: defaultProps$A.hideButtonRow
     },
     enableSubmit: {
       description: `This property controls whether the submit button is enabled. When set to false, the submit button is disabled and the form cannot be submitted.`,
       type: "boolean",
-      defaultValue: defaultProps$z.enableSubmit
+      defaultValue: defaultProps$A.enableSubmit
     },
     submitUrl: d(`URL to submit the form data.`),
     submitMethod: {
@@ -28328,16 +28320,16 @@ const formComponentRenderer = createComponentRenderer(
     );
   }
 );
-const defaultProps$q = {
+const defaultProps$r = {
   theme: "light",
   select: noop$1,
   autoFocus: false
 };
 const EmojiSelector = forwardRef(
   ({
-    select = defaultProps$q.select,
-    theme: theme2 = defaultProps$q.theme,
-    autoFocus = defaultProps$q.autoFocus,
+    select = defaultProps$r.select,
+    theme: theme2 = defaultProps$r.theme,
+    autoFocus = defaultProps$r.autoFocus,
     ...rest
   }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -28370,7 +28362,7 @@ const EmojiSelectorMd = createMetadata({
   props: {
     autoFocus: {
       ...dAutoFocus(),
-      defaultValue: defaultProps$q.autoFocus
+      defaultValue: defaultProps$r.autoFocus
     }
   },
   events: {
@@ -28430,7 +28422,7 @@ const NumberBoxMd = createMetadata({
     hasSpinBox: {
       description: `This boolean prop shows (\`true\`) or hides (\`false\`) the spinner buttons for the input field.`,
       valueType: "boolean",
-      defaultValue: defaultProps$G.hasSpinBox
+      defaultValue: defaultProps$H.hasSpinBox
     },
     spinnerUpIcon: d(
       `Allows setting an alternate icon displayed in the ${COMP$V} spinner for incrementing values. You can change the default icon for all ${COMP$V} instances with the "icon.spinnerUp:NumberBox" declaration in the app configuration file.`
@@ -28441,25 +28433,25 @@ const NumberBoxMd = createMetadata({
     step: {
       description: `This prop governs how big the step when clicking on the spinner of the field.`,
       valueType: "number",
-      defaultValue: defaultProps$G.step
+      defaultValue: defaultProps$H.step
     },
     integersOnly: {
       description: `This boolean property signs whether the input field accepts integers only (\`true\`) or not (\`false\`).`,
       valueType: "boolean",
-      defaultValue: defaultProps$G.integersOnly
+      defaultValue: defaultProps$H.integersOnly
     },
     zeroOrPositive: {
       description: `This boolean property determines whether the input value can only be 0 or positive numbers (\`true\`) or also negative (\`false\`).`,
       valueType: "boolean",
-      defaultValue: defaultProps$G.zeroOrPositive
+      defaultValue: defaultProps$H.zeroOrPositive
     },
     minValue: {
       description: "The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.If not set, no minimum value check is done.",
-      defaultValue: defaultProps$G.min
+      defaultValue: defaultProps$H.min
     },
     maxValue: {
       description: "The maximum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.If not set, no maximum value check is done.",
-      defaultValue: defaultProps$G.max
+      defaultValue: defaultProps$H.max
     }
   },
   events: {
@@ -28595,28 +28587,28 @@ 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$19.scrollWholePage
+      defaultValue: defaultProps$1a.scrollWholePage
     },
     noScrollbarGutters: {
       description: "This boolean property specifies whether the scrollbar gutters should be hidden.",
       valueType: "boolean",
-      defaultValue: defaultProps$19.noScrollbarGutters
+      defaultValue: defaultProps$1a.noScrollbarGutters
     },
     defaultTone: {
       description: `This property sets the app's default tone ("light" or "dark").`,
       valueType: "string",
-      defaultValue: defaultProps$19.defaultTone,
+      defaultValue: defaultProps$1a.defaultTone,
       availableValues: ["light", "dark"]
     },
     defaultTheme: {
       description: "This property sets the app's default theme.",
       valueType: "string",
-      defaultValue: defaultProps$19.defaultTheme
+      defaultValue: defaultProps$1a.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$19.autoDetectTone
+      defaultValue: defaultProps$1a.autoDetectTone
     }
   },
   events: {
@@ -28640,8 +28632,9 @@ const AppMd = createMetadata({
     [`width-navPanel-${COMP$T}`]: "$space-64",
     [`backgroundColor-navPanel-${COMP$T}`]: "$backgroundColor",
     [`maxWidth-content-${COMP$T}`]: "$maxWidth-content",
+    [`maxWidth-${COMP$T}`]: "$maxWidth-content",
     [`boxShadow-header-${COMP$T}`]: "none",
-    [`boxShadow-navPanel-${COMP$T}`]: "$boxShadow-spread",
+    [`boxShadow-navPanel-${COMP$T}`]: "none",
     [`scroll-padding-block-Pages`]: "$space-4",
     [`backgroundColor-content-App`]: "$backgroundColor",
     light: {
@@ -28813,6 +28806,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),
@@ -28829,7 +28833,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,
@@ -28846,7 +28851,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]);
@@ -29105,7 +29111,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$19.themeVars),
@@ -29115,6 +29121,7 @@ const NavPanelMd = createMetadata({
     [`backgroundColor-${COMP$S}`]: "$backgroundColor",
     [`backgroundColor-${COMP$S}-horizontal`]: "$backgroundColor-AppHeader",
     [`border-${COMP$S}`]: "0px solid $borderColor",
+    [`borderRight-${COMP$S}-vertical`]: "1px solid $borderColor",
     [`paddingHorizontal-${COMP$S}`]: "0",
     [`paddingVertical-logo-${COMP$S}`]: "$space-4",
     [`paddingHorizontal-logo-${COMP$S}`]: "$space-4",
@@ -29166,7 +29173,7 @@ const styles$s = {
   themeVars: themeVars$d,
   wrapper: wrapper$8
 };
-const defaultProps$p = {
+const defaultProps$q = {
   fallbackPath: "/"
 };
 function RouteWrapper({
@@ -29208,7 +29215,7 @@ function Pages({
   node,
   renderChild: renderChild2,
   extractValue,
-  fallbackPath = defaultProps$p.fallbackPath
+  fallbackPath = defaultProps$q.fallbackPath
 }) {
   const routes = [];
   const restChildren = [];
@@ -29269,7 +29276,7 @@ const PagesMd = createMetadata({
   props: {
     fallbackPath: {
       description: `The fallback path when the current URL does not match any of the paths of the pages.`,
-      defaultValue: defaultProps$p.fallbackPath
+      defaultValue: defaultProps$q.fallbackPath
     }
   },
   themeVars: parseScssVar(styles$s.themeVars),
@@ -29304,28 +29311,50 @@ const styles$r = {
   wrapper: wrapper$7,
   full
 };
+const defaultProps$p = {
+  sticky: true
+};
 const Footer = forwardRef(function Footer2({
   children,
   style: style2,
   className,
+  sticky: sticky2 = defaultProps$p.sticky,
   ...rest
 }, forwardedRef) {
   const { layout } = useAppLayoutContext() || {};
   const canRestrictContentWidth = layout !== "vertical-full-header";
-  return /* @__PURE__ */ jsx("div", { ...rest, className: styles$r.outerWrapper, ref: forwardedRef, style: style2, role: "contentinfo", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classnames(styles$r.wrapper, className, {
-        [styles$r.full]: !canRestrictContentWidth
-      }),
-      children
+      ...rest,
+      className: styles$r.outerWrapper,
+      ref: forwardedRef,
+      style: style2,
+      role: "contentinfo",
+      "data-sticky": sticky2,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classnames(styles$r.wrapper, className, {
+            [styles$r.full]: !canRestrictContentWidth
+          }),
+          children
+        }
+      )
     }
-  ) });
+  );
 });
 const COMP$Q = "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$r.themeVars),
   limitThemeVarsToComponent: true,
   defaultThemeVars: {
@@ -29349,11 +29378,19 @@ const FooterMd = createMetadata({
 const footerRenderer = createComponentRenderer(
   COMP$Q,
   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 COMP$P = "NavGroup";
@@ -29377,22 +29414,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$18.themeVars),
@@ -29432,12 +29469,12 @@ const LogoMd = createMetadata({
     alt: {
       description: "Alternative text for the logo image for accessibility.",
       type: "string",
-      defaultValue: defaultProps$1b.alt
+      defaultValue: defaultProps$1c.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$1b.inline
+      defaultValue: defaultProps$1c.inline
     }
   }
 });
@@ -29459,25 +29496,25 @@ const COMP$N = "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(),
-      defaultValue: defaultProps$C.initialValue
+      defaultValue: defaultProps$D.initialValue
     },
     autoFocus: dAutoFocus(),
     required: {
       ...dRequired(),
-      defaultValue: defaultProps$C.required
+      defaultValue: defaultProps$D.required
     },
     readOnly: dReadonly(),
     enabled: {
       ...dEnabled(),
-      defaultValue: defaultProps$C.enabled
+      defaultValue: defaultProps$D.enabled
     },
     validationStatus: {
       ...dValidationStatus(),
-      defaultValue: defaultProps$C.validationStatus
+      defaultValue: defaultProps$D.validationStatus
     },
     orientation: dInternal(
       `(*** NOT IMPLEMENTED YET ***) This property sets the orientation of the options within the radio group.`
@@ -29548,11 +29585,11 @@ const RadioItemMd = createMetadata({
   props: {
     checked: {
       description: "This property specifies whether the radio button is checked.",
-      defaultValue: defaultProps$D.checked
+      defaultValue: defaultProps$E.checked
     },
     value: {
       description: "This property specifies the value of the radio button.",
-      defaultValue: defaultProps$D.value
+      defaultValue: defaultProps$E.value
     }
   },
   events: {
@@ -29617,7 +29654,7 @@ const FileInputMd = createMetadata({
         null,
         "boolean"
       ),
-      defaultValue: defaultProps$H.multiple
+      defaultValue: defaultProps$I.multiple
     },
     directory: {
       ...d(
@@ -29625,21 +29662,21 @@ const FileInputMd = createMetadata({
         null,
         "boolean"
       ),
-      defaultValue: defaultProps$H.directory
+      defaultValue: defaultProps$I.directory
     },
     buttonPosition: {
       ...d(`This property determines the position of the button relative to the input field.`, [
         "start",
         "end"
       ]),
-      defaultValue: defaultProps$H.buttonPosition
+      defaultValue: defaultProps$I.buttonPosition
     },
     buttonSize: d("The size of the button (small, medium, large)", sizeMd),
     buttonThemeColor: d(
       "The button color scheme (primary, secondary, attention)",
       buttonThemeNames,
       "string",
-      defaultProps$H.buttonThemeColor
+      defaultProps$I.buttonThemeColor
     )
   },
   events: {
@@ -29713,12 +29750,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),
@@ -29754,7 +29791,7 @@ const SelectMd = createMetadata({
   props: {
     placeholder: {
       ...dPlaceholder(),
-      defaultValue: defaultProps$F.placeholder
+      defaultValue: defaultProps$G.placeholder
     },
     initialValue: dInitialValue(),
     value: {
@@ -29764,23 +29801,23 @@ const SelectMd = createMetadata({
     },
     autoFocus: {
       ...dAutoFocus(),
-      defaultValue: defaultProps$F.autoFocus
+      defaultValue: defaultProps$G.autoFocus
     },
     required: {
       ...dRequired(),
-      defaultValue: defaultProps$F.required
+      defaultValue: defaultProps$G.required
     },
     readOnly: {
       ...dReadonly(),
-      defaultValue: defaultProps$F.readOnly
+      defaultValue: defaultProps$G.readOnly
     },
     enabled: {
       ...dEnabled(),
-      defaultValue: defaultProps$F.enabled
+      defaultValue: defaultProps$G.enabled
     },
     validationStatus: {
       ...dValidationStatus(),
-      defaultValue: defaultProps$F.validationStatus
+      defaultValue: defaultProps$G.validationStatus
     },
     optionLabelTemplate: dComponent(
       `This property allows replacing the default template to display an option in the dropdown list.`
@@ -29799,23 +29836,23 @@ const SelectMd = createMetadata({
     ),
     multiSelect: {
       ...dMulti(),
-      defaultValue: defaultProps$F.multiSelect
+      defaultValue: defaultProps$G.multiSelect
     },
     searchable: {
       description: `This property enables the search functionality in the dropdown list.`,
-      defaultValue: defaultProps$F.searchable
+      defaultValue: defaultProps$G.searchable
     },
     inProgress: {
       description: `This property indicates whether the component is in progress. It can be used to show a loading message.`,
-      defaultValue: defaultProps$F.inProgress
+      defaultValue: defaultProps$G.inProgress
     },
     inProgressNotificationMessage: {
       description: `This property indicates the message to display when the component is in progress.`,
-      defaultValue: defaultProps$F.inProgressNotificationMessage
+      defaultValue: defaultProps$G.inProgressNotificationMessage
     },
     clearable: {
       description: `This property enables a clear button that allows the user to clear the selected value(s).`,
-      defaultValue: defaultProps$F.clearable
+      defaultValue: defaultProps$G.clearable
     }
   },
   events: {
@@ -30092,7 +30129,7 @@ const formSectionRenderer = createUserDefinedComponentRenderer(
   componentSource
 );
 const defaultProps$o = {
-  ...defaultProps$$
+  ...defaultProps$10
 };
 const COMP$H = "Checkbox";
 const CheckboxMd = createMetadata({
@@ -30107,13 +30144,13 @@ const CheckboxMd = createMetadata({
     }
   },
   props: {
-    indeterminate: dIndeterminate(defaultProps$$.indeterminate),
+    indeterminate: dIndeterminate(defaultProps$10.indeterminate),
     required: dRequired(),
-    initialValue: dInitialValue(defaultProps$$.initialValue),
+    initialValue: dInitialValue(defaultProps$10.initialValue),
     autoFocus: dAutoFocus(),
     readOnly: dReadonly(),
     enabled: dEnabled(),
-    validationStatus: dValidationStatus(defaultProps$$.validationStatus),
+    validationStatus: dValidationStatus(defaultProps$10.validationStatus),
     description: dInternal(
       `(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${COMP$H} besides its label.`
     ),
@@ -30217,11 +30254,11 @@ const SwitchMd = createMetadata({
   },
   props: {
     required: dRequired(),
-    initialValue: dInitialValue(defaultProps$$.initialValue),
+    initialValue: dInitialValue(defaultProps$10.initialValue),
     autoFocus: dAutoFocus(),
     readOnly: dReadonly(),
     enabled: dEnabled(),
-    validationStatus: dValidationStatus(defaultProps$$.validationStatus),
+    validationStatus: dValidationStatus(defaultProps$10.validationStatus),
     description: dInternal(
       `(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${COMP$G} besides its label.`
     )
@@ -30287,7 +30324,7 @@ const switchComponentRenderer = createComponentRenderer(
         className,
         initialValue: extractValue.asOptionalBoolean(
           node.props.initialValue,
-          defaultProps$$.initialValue
+          defaultProps$10.initialValue
         ),
         value: state?.value,
         readOnly: extractValue.asOptionalBoolean(node.props.readOnly),
@@ -30344,7 +30381,7 @@ const AppHeaderMd = createMetadata({
     showLogo: {
       description: "Show the logo in the header",
       valueType: "boolean",
-      defaultValue: defaultProps$1a.showLogo
+      defaultValue: defaultProps$1b.showLogo
     }
   },
   themeVars: parseScssVar(styles$1b.themeVars),
@@ -30946,7 +30983,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)",
@@ -34546,29 +34583,29 @@ const DatePickerMd = createMetadata({
     initialValue: dInitialValue(),
     autoFocus: dAutoFocus(),
     readOnly: dReadonly(),
-    enabled: dEnabled(defaultProps$B.enabled),
-    validationStatus: dValidationStatus(defaultProps$B.validationStatus),
+    enabled: dEnabled(defaultProps$C.enabled),
+    validationStatus: dValidationStatus(defaultProps$C.validationStatus),
     mode: {
       description: "The mode of the datepicker (single or range)",
       valueType: "string",
       availableValues: DatePickerModeValues,
-      defaultValue: defaultProps$B.mode
+      defaultValue: defaultProps$C.mode
     },
     dateFormat: {
       description: "The format of the date displayed in the input field",
       valueType: "string",
-      defaultValue: defaultProps$B.dateFormat,
+      defaultValue: defaultProps$C.dateFormat,
       availableValues: dateFormats$1
     },
     showWeekNumber: {
       description: "Whether to show the week number in the calendar",
       valueType: "boolean",
-      defaultValue: defaultProps$B.showWeekNumber
+      defaultValue: defaultProps$C.showWeekNumber
     },
     weekStartsOn: {
       description: "The first day of the week. 0 is Sunday, 1 is Monday, etc.",
       valueType: "number",
-      defaultValue: defaultProps$B.weekStartsOn,
+      defaultValue: defaultProps$C.weekStartsOn,
       availableValues: [
         {
           value: WeekDays$1.Sunday,
@@ -34615,7 +34652,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$B.inline
+      defaultValue: defaultProps$C.inline
     },
     startText: dStartText(),
     startIcon: dStartIcon(),
@@ -38639,7 +38676,7 @@ const accordionItemComponentRenderer = createComponentRenderer(
 const COMP$p = "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: {
@@ -39595,7 +39632,7 @@ const OptionMd = createMetadata({
     enabled: {
       description: "This boolean property indicates whether the option is enabled or disabled.",
       valueType: "boolean",
-      defaultValue: defaultProps$E.enabled
+      defaultValue: defaultProps$F.enabled
     },
     keywords: d(
       "An array of keywords that can be used for searching and filtering the option. These keywords are not displayed but help users find the option through search."
@@ -39645,40 +39682,40 @@ const AutoCompleteMd = createMetadata({
     maxLength: dMaxLength(),
     autoFocus: {
       ...dAutoFocus(),
-      defaultValue: defaultProps$y.autoFocus
+      defaultValue: defaultProps$z.autoFocus
     },
     required: {
       ...dRequired(),
-      defaultValue: defaultProps$y.required
+      defaultValue: defaultProps$z.required
     },
     readOnly: {
       ...dReadonly(),
-      defaultValue: defaultProps$y.readOnly
+      defaultValue: defaultProps$z.readOnly
     },
     enabled: {
       ...dEnabled(),
-      defaultValue: defaultProps$y.enabled
+      defaultValue: defaultProps$z.enabled
     },
     initiallyOpen: d(
       `This property determines whether the dropdown list is open when the component is first rendered.`,
       null,
       "boolean",
-      defaultProps$y.initiallyOpen
+      defaultProps$z.initiallyOpen
     ),
     creatable: d(
       `This property allows the user to create new items that are not present in the list of options.`,
       null,
       "boolean",
-      defaultProps$y.creatable
+      defaultProps$z.creatable
     ),
     validationStatus: {
       ...dValidationStatus(),
-      defaultValue: defaultProps$y.validationStatus
+      defaultValue: defaultProps$z.validationStatus
     },
     dropdownHeight: d("This property sets the height of the dropdown list."),
     multi: {
       ...dMulti(),
-      defaultValue: defaultProps$y.multi
+      defaultValue: defaultProps$z.multi
     },
     optionTemplate: dComponent(
       `This property enables the customization of list items. To access the attributes of a list item use the \`$item\` context variable.`
@@ -41852,7 +41889,7 @@ const ColorPickerMd = createMetadata({
     autoFocus: dAutoFocus(),
     required: dRequired(),
     readOnly: dReadonly(),
-    validationStatus: dValidationStatus(defaultProps$t.validationStatus)
+    validationStatus: dValidationStatus(defaultProps$u.validationStatus)
   },
   events: {
     didChange: dDidChange(COMP$f),
@@ -44374,31 +44411,31 @@ const PaginationMd = createMetadata({
       void 0,
       "number"
     ),
-    pageSize: d("Number of items per page", void 0, "number", defaultProps$_.pageSize),
-    pageIndex: d("Current page index (0-based)", void 0, "number", defaultProps$_.pageIndex),
+    pageSize: d("Number of items per page", void 0, "number", defaultProps$$.pageSize),
+    pageIndex: d("Current page index (0-based)", void 0, "number", defaultProps$$.pageIndex),
     maxVisiblePages: d(
       "Maximum number of page buttons to display. If the value is not among the allowed values, it will fall back to the default.",
       PageNumberValues,
       "number",
-      defaultProps$_.maxVisiblePages
+      defaultProps$$.maxVisiblePages
     ),
     showPageInfo: d(
       "Whether to show page information",
       void 0,
       "boolean",
-      defaultProps$_.showPageInfo
+      defaultProps$$.showPageInfo
     ),
     showPageSizeSelector: d(
       "Whether to show the page size selector",
       void 0,
       "boolean",
-      defaultProps$_.showPageSizeSelector
+      defaultProps$$.showPageSizeSelector
     ),
     showCurrentPage: d(
       "Whether to show the current page indicator",
       void 0,
       "boolean",
-      defaultProps$_.showCurrentPage
+      defaultProps$$.showCurrentPage
     ),
     pageSizeOptions: d(
       "Array of page sizes the user can select from. If provided, shows a page size selector dropdown"
@@ -44418,25 +44455,25 @@ const PaginationMd = createMetadata({
       options: orientationOptionValues,
       type: "string",
       availableValues: orientationOptionMd,
-      default: defaultProps$_.orientation
+      default: defaultProps$$.orientation
     },
     pageSizeSelectorPosition: {
       description: "Determines where to place the page size selector in the layout.",
       options: PositionValues,
       type: "string",
-      default: defaultProps$_.pageSizeSelectorPosition
+      default: defaultProps$$.pageSizeSelectorPosition
     },
     pageInfoPosition: {
       description: "Determines where to place the page information in the layout.",
       options: PositionValues,
       type: "string",
-      default: defaultProps$_.pageInfoPosition
+      default: defaultProps$$.pageInfoPosition
     },
     buttonRowPosition: d(
       "Determines where to place the pagination button row in the layout.",
       PositionValues,
       "string",
-      defaultProps$_.buttonRowPosition
+      defaultProps$$.buttonRowPosition
     )
   },
   events: {
@@ -44485,42 +44522,42 @@ const paginationComponentRenderer = createComponentRenderer(
   ({ node, extractValue, lookupEventHandler, registerComponentApi, updateState, className }) => {
     let maxVisiblePages = extractValue.asOptionalNumber(
       node.props.maxVisiblePages,
-      defaultProps$_.maxVisiblePages
+      defaultProps$$.maxVisiblePages
     );
     if (!PageNumberValues.includes(maxVisiblePages)) {
       console.warn(
         `Invalid maxVisiblePages value provided To Pagination: ${maxVisiblePages}. Falling back to default.`
       );
-      maxVisiblePages = defaultProps$_.maxVisiblePages;
+      maxVisiblePages = defaultProps$$.maxVisiblePages;
     }
     let orientation = extractValue.asOptionalString(
       node.props.orientation,
-      defaultProps$_.orientation
+      defaultProps$$.orientation
     );
     if (!orientationOptionValues.includes(orientation)) {
       console.warn(
         `Invalid orientation value provided To Pagination: ${orientation}. Falling back to default.`
       );
-      orientation = defaultProps$_.orientation;
+      orientation = defaultProps$$.orientation;
     }
     return /* @__PURE__ */ jsx(
       PaginationNative,
       {
         enabled: extractValue.asOptionalBoolean(node.props.enabled, true),
         itemCount: extractValue.asOptionalNumber(node.props.itemCount),
-        pageSize: extractValue.asOptionalNumber(node.props.pageSize, defaultProps$_.pageSize),
-        pageIndex: extractValue.asOptionalNumber(node.props.pageIndex, defaultProps$_.pageIndex),
+        pageSize: extractValue.asOptionalNumber(node.props.pageSize, defaultProps$$.pageSize),
+        pageIndex: extractValue.asOptionalNumber(node.props.pageIndex, defaultProps$$.pageIndex),
         showPageInfo: extractValue.asOptionalBoolean(
           node.props.showPageInfo,
-          defaultProps$_.showPageInfo
+          defaultProps$$.showPageInfo
         ),
         showPageSizeSelector: extractValue.asOptionalBoolean(
           node.props.showPageSizeSelector,
-          defaultProps$_.showPageSizeSelector
+          defaultProps$$.showPageSizeSelector
         ),
         showCurrentPage: extractValue.asOptionalBoolean(
           node.props.showCurrentPage,
-          defaultProps$_.showCurrentPage
+          defaultProps$$.showCurrentPage
         ),
         hasPrevPage: extractValue.asOptionalBoolean(node.props.hasPrevPage),
         hasNextPage: extractValue.asOptionalBoolean(node.props.hasNextPage),
@@ -44529,15 +44566,15 @@ const paginationComponentRenderer = createComponentRenderer(
         orientation,
         buttonRowPosition: extractValue.asOptionalString(
           node.props.buttonRowPosition,
-          defaultProps$_.buttonRowPosition
+          defaultProps$$.buttonRowPosition
         ),
         pageSizeSelectorPosition: extractValue.asOptionalString(
           node.props.pageSizeSelectorPosition,
-          defaultProps$_.pageSizeSelectorPosition
+          defaultProps$$.pageSizeSelectorPosition
         ),
         pageInfoPosition: extractValue.asOptionalString(
           node.props.pageInfoPosition,
-          defaultProps$_.pageInfoPosition
+          defaultProps$$.pageInfoPosition
         ),
         onPageDidChange: lookupEventHandler("pageDidChange"),
         onPageSizeDidChange: lookupEventHandler("pageSizeDidChange"),
@@ -44824,9 +44861,6 @@ class ComponentRegistry {
     if (process.env.VITE_USED_COMPONENTS_Fragment !== "false") {
       this.registerCoreComponent(fragmentComponentRenderer);
     }
-    if (process.env.VITE_USED_COMPONENTS_Choose !== "false") {
-      this.registerCoreComponent(chooseComponentRenderer);
-    }
     if (process.env.VITE_USED_COMPONENTS_Table !== "false") {
       this.registerCoreComponent(tableComponentRenderer);
       this.registerCoreComponent(columnComponentRenderer);
@@ -46197,7 +46231,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,
@@ -51297,7 +51331,6 @@ const collectedComponentMetadata = {
   Carousel: CarouselMd,
   ChangeListener: ChangeListenerMd,
   Checkbox: CheckboxMd,
-  Choose: ChooseMd,
   CODE: HtmlCodeMd,
   ColorPicker: ColorPickerMd,
   Column: ColumnMd,