xmlui 0.9.38 → 0.9.40

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

@@ -26,7 +26,7 @@
   const InnerRadioGroup__namespace = /* @__PURE__ */ _interopNamespaceDefault(InnerRadioGroup);
   const RAccordion__namespace = /* @__PURE__ */ _interopNamespaceDefault(RAccordion);
   const themeVars$O = `'{"padding-Button": "var(--xmlui-padding-Button)", "paddingHorizontal-Button": "var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button))", "paddingVertical-Button": "var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button))", "paddingLeft-Button": "var(--xmlui-paddingLeft-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingRight-Button": "var(--xmlui-paddingRight-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingTop-Button": "var(--xmlui-paddingTop-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "paddingBottom-Button": "var(--xmlui-paddingBottom-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "padding-Button-xs": "var(--xmlui-padding-Button-xs)", "paddingHorizontal-Button-xs": "var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs))", "paddingVertical-Button-xs": "var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs))", "paddingLeft-Button-xs": "var(--xmlui-paddingLeft-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingRight-Button-xs": "var(--xmlui-paddingRight-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingTop-Button-xs": "var(--xmlui-paddingTop-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingBottom-Button-xs": "var(--xmlui-paddingBottom-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "padding-Button-sm": "var(--xmlui-padding-Button-sm)", "paddingHorizontal-Button-sm": "var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm))", "paddingVertical-Button-sm": "var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm))", "paddingLeft-Button-sm": "var(--xmlui-paddingLeft-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingRight-Button-sm": "var(--xmlui-paddingRight-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingTop-Button-sm": "var(--xmlui-paddingTop-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingBottom-Button-sm": "var(--xmlui-paddingBottom-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "padding-Button-md": "var(--xmlui-padding-Button-md)", "paddingHorizontal-Button-md": "var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md))", "paddingVertical-Button-md": "var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md))", "paddingLeft-Button-md": "var(--xmlui-paddingLeft-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingRight-Button-md": "var(--xmlui-paddingRight-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingTop-Button-md": "var(--xmlui-paddingTop-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "paddingBottom-Button-md": "var(--xmlui-paddingBottom-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "padding-Button-lg": "var(--xmlui-padding-Button-lg)", "paddingHorizontal-Button-lg": "var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg))", "paddingVertical-Button-lg": "var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg))", "paddingLeft-Button-lg": "var(--xmlui-paddingLeft-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingRight-Button-lg": "var(--xmlui-paddingRight-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingTop-Button-lg": "var(--xmlui-paddingTop-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingBottom-Button-lg": "var(--xmlui-paddingBottom-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "fontFamily-Button-primary-solid": "var(--xmlui-fontFamily-Button-primary-solid)", "fontSize-Button-primary-solid": "var(--xmlui-fontSize-Button-primary-solid)", "fontWeight-Button-primary-solid": "var(--xmlui-fontWeight-Button-primary-solid)", "borderRadius-Button-primary-solid": "var(--xmlui-borderRadius-Button-primary-solid)", "borderWidth-Button-primary-solid": "var(--xmlui-borderWidth-Button-primary-solid)", "borderColor-Button-primary-solid": "var(--xmlui-borderColor-Button-primary-solid)", "borderStyle-Button-primary-solid": "var(--xmlui-borderStyle-Button-primary-solid)", "backgroundColor-Button-primary-solid": "var(--xmlui-backgroundColor-Button-primary-solid)", "textColor-Button-primary-solid": "var(--xmlui-textColor-Button-primary-solid)", "boxShadow-Button-primary-solid": "var(--xmlui-boxShadow-Button-primary-solid)", "outlineWidth-Button-primary-solid--focus": "var(--xmlui-outlineWidth-Button-primary-solid--focus)", "outlineColor-Button-primary-solid--focus": "var(--xmlui-outlineColor-Button-primary-solid--focus)", "outlineStyle-Button-primary-solid--focus": "var(--xmlui-outlineStyle-Button-primary-solid--focus)", "outlineOffset-Button-primary-solid--focus": "var(--xmlui-outlineOffset-Button-primary-solid--focus)", "borderColor-Button-primary-solid--hover": "var(--xmlui-borderColor-Button-primary-solid--hover)", "textColor-Button-primary-solid--hover": "var(--xmlui-textColor-Button-primary-solid--hover)", "backgroundColor-Button-primary-solid--hover": "var(--xmlui-backgroundColor-Button-primary-solid--hover)", "borderColor-Button-primary-solid--active": "var(--xmlui-borderColor-Button-primary-solid--active)", "textColor-Button-primary-solid--active": "var(--xmlui-textColor-Button-primary-solid--active)", "boxShadow-Button-primary-solid--active": "var(--xmlui-boxShadow-Button-primary-solid--active)", "backgroundColor-Button-primary-solid--active": "var(--xmlui-backgroundColor-Button-primary-solid--active)", "backgroundColor-Button--disabled": "var(--xmlui-backgroundColor-Button--disabled)", "textColor-Button--disabled": "var(--xmlui-textColor-Button--disabled)", "borderColor-Button--disabled": "var(--xmlui-borderColor-Button--disabled)", "fontFamily-Button-secondary-solid": "var(--xmlui-fontFamily-Button-secondary-solid)", "fontSize-Button-secondary-solid": "var(--xmlui-fontSize-Button-secondary-solid)", "fontWeight-Button-secondary-solid": "var(--xmlui-fontWeight-Button-secondary-solid)", "borderRadius-Button-secondary-solid": "var(--xmlui-borderRadius-Button-secondary-solid)", "borderWidth-Button-secondary-solid": "var(--xmlui-borderWidth-Button-secondary-solid)", "borderColor-Button-secondary-solid": "var(--xmlui-borderColor-Button-secondary-solid)", "borderStyle-Button-secondary-solid": "var(--xmlui-borderStyle-Button-secondary-solid)", "backgroundColor-Button-secondary-solid": "var(--xmlui-backgroundColor-Button-secondary-solid)", "textColor-Button-secondary-solid": "var(--xmlui-textColor-Button-secondary-solid)", "boxShadow-Button-secondary-solid": "var(--xmlui-boxShadow-Button-secondary-solid)", "outlineWidth-Button-secondary-solid--focus": "var(--xmlui-outlineWidth-Button-secondary-solid--focus)", "outlineColor-Button-secondary-solid--focus": "var(--xmlui-outlineColor-Button-secondary-solid--focus)", "outlineStyle-Button-secondary-solid--focus": "var(--xmlui-outlineStyle-Button-secondary-solid--focus)", "outlineOffset-Button-secondary-solid--focus": "var(--xmlui-outlineOffset-Button-secondary-solid--focus)", "borderColor-Button-secondary-solid--hover": "var(--xmlui-borderColor-Button-secondary-solid--hover)", "textColor-Button-secondary-solid--hover": "var(--xmlui-textColor-Button-secondary-solid--hover)", "backgroundColor-Button-secondary-solid--hover": "var(--xmlui-backgroundColor-Button-secondary-solid--hover)", "borderColor-Button-secondary-solid--active": "var(--xmlui-borderColor-Button-secondary-solid--active)", "textColor-Button-secondary-solid--active": "var(--xmlui-textColor-Button-secondary-solid--active)", "boxShadow-Button-secondary-solid--active": "var(--xmlui-boxShadow-Button-secondary-solid--active)", "backgroundColor-Button-secondary-solid--active": "var(--xmlui-backgroundColor-Button-secondary-solid--active)", "fontFamily-Button-attention-solid": "var(--xmlui-fontFamily-Button-attention-solid)", "fontSize-Button-attention-solid": "var(--xmlui-fontSize-Button-attention-solid)", "fontWeight-Button-attention-solid": "var(--xmlui-fontWeight-Button-attention-solid)", "borderRadius-Button-attention-solid": "var(--xmlui-borderRadius-Button-attention-solid)", "borderWidth-Button-attention-solid": "var(--xmlui-borderWidth-Button-attention-solid)", "borderColor-Button-attention-solid": "var(--xmlui-borderColor-Button-attention-solid)", "borderStyle-Button-attention-solid": "var(--xmlui-borderStyle-Button-attention-solid)", "backgroundColor-Button-attention-solid": "var(--xmlui-backgroundColor-Button-attention-solid)", "textColor-Button-attention-solid": "var(--xmlui-textColor-Button-attention-solid)", "boxShadow-Button-attention-solid": "var(--xmlui-boxShadow-Button-attention-solid)", "outlineWidth-Button-attention-solid--focus": "var(--xmlui-outlineWidth-Button-attention-solid--focus)", "outlineColor-Button-attention-solid--focus": "var(--xmlui-outlineColor-Button-attention-solid--focus)", "outlineStyle-Button-attention-solid--focus": "var(--xmlui-outlineStyle-Button-attention-solid--focus)", "outlineOffset-Button-attention-solid--focus": "var(--xmlui-outlineOffset-Button-attention-solid--focus)", "borderColor-Button-attention-solid--hover": "var(--xmlui-borderColor-Button-attention-solid--hover)", "textColor-Button-attention-solid--hover": "var(--xmlui-textColor-Button-attention-solid--hover)", "backgroundColor-Button-attention-solid--hover": "var(--xmlui-backgroundColor-Button-attention-solid--hover)", "borderColor-Button-attention-solid--active": "var(--xmlui-borderColor-Button-attention-solid--active)", "textColor-Button-attention-solid--active": "var(--xmlui-textColor-Button-attention-solid--active)", "boxShadow-Button-attention-solid--active": "var(--xmlui-boxShadow-Button-attention-solid--active)", "backgroundColor-Button-attention-solid--active": "var(--xmlui-backgroundColor-Button-attention-solid--active)", "fontFamily-Button-primary-outlined": "var(--xmlui-fontFamily-Button-primary-outlined)", "fontSize-Button-primary-outlined": "var(--xmlui-fontSize-Button-primary-outlined)", "fontWeight-Button-primary-outlined": "var(--xmlui-fontWeight-Button-primary-outlined)", "borderRadius-Button-primary-outlined": "var(--xmlui-borderRadius-Button-primary-outlined)", "borderWidth-Button-primary-outlined": "var(--xmlui-borderWidth-Button-primary-outlined)", "borderColor-Button-primary-outlined": "var(--xmlui-borderColor-Button-primary-outlined)", "borderStyle-Button-primary-outlined": "var(--xmlui-borderStyle-Button-primary-outlined)", "textColor-Button-primary-outlined": "var(--xmlui-textColor-Button-primary-outlined)", "boxShadow-Button-primary-outlined": "var(--xmlui-boxShadow-Button-primary-outlined)", "outlineWidth-Button-primary-outlined--focus": "var(--xmlui-outlineWidth-Button-primary-outlined--focus)", "outlineColor-Button-primary-outlined--focus": "var(--xmlui-outlineColor-Button-primary-outlined--focus)", "outlineStyle-Button-primary-outlined--focus": "var(--xmlui-outlineStyle-Button-primary-outlined--focus)", "outlineOffset-Button-primary-outlined--focus": "var(--xmlui-outlineOffset-Button-primary-outlined--focus)", "borderColor-Button-primary-outlined--hover": "var(--xmlui-borderColor-Button-primary-outlined--hover)", "backgroundColor-Button-primary-outlined--hover": "var(--xmlui-backgroundColor-Button-primary-outlined--hover)", "textColor-Button-primary-outlined--hover": "var(--xmlui-textColor-Button-primary-outlined--hover)", "borderColor-Button-primary-outlined--active": "var(--xmlui-borderColor-Button-primary-outlined--active)", "backgroundColor-Button-primary-outlined--active": "var(--xmlui-backgroundColor-Button-primary-outlined--active)", "textColor-Button-primary-outlined--active": "var(--xmlui-textColor-Button-primary-outlined--active)", "fontFamily-Button-secondary-outlined": "var(--xmlui-fontFamily-Button-secondary-outlined)", "fontSize-Button-secondary-outlined": "var(--xmlui-fontSize-Button-secondary-outlined)", "fontWeight-Button-secondary-outlined": "var(--xmlui-fontWeight-Button-secondary-outlined)", "borderRadius-Button-secondary-outlined": "var(--xmlui-borderRadius-Button-secondary-outlined)", "borderWidth-Button-secondary-outlined": "var(--xmlui-borderWidth-Button-secondary-outlined)", "borderColor-Button-secondary-outlined": "var(--xmlui-borderColor-Button-secondary-outlined)", "borderStyle-Button-secondary-outlined": "var(--xmlui-borderStyle-Button-secondary-outlined)", "textColor-Button-secondary-outlined": "var(--xmlui-textColor-Button-secondary-outlined)", "boxShadow-Button-secondary-outlined": "var(--xmlui-boxShadow-Button-secondary-outlined)", "outlineWidth-Button-secondary-outlined--focus": "var(--xmlui-outlineWidth-Button-secondary-outlined--focus)", "outlineColor-Button-secondary-outlined--focus": "var(--xmlui-outlineColor-Button-secondary-outlined--focus)", "outlineStyle-Button-secondary-outlined--focus": "var(--xmlui-outlineStyle-Button-secondary-outlined--focus)", "outlineOffset-Button-secondary-outlined--focus": "var(--xmlui-outlineOffset-Button-secondary-outlined--focus)", "borderColor-Button-secondary-outlined--hover": "var(--xmlui-borderColor-Button-secondary-outlined--hover)", "backgroundColor-Button-secondary-outlined--hover": "var(--xmlui-backgroundColor-Button-secondary-outlined--hover)", "textColor-Button-secondary-outlined--hover": "var(--xmlui-textColor-Button-secondary-outlined--hover)", "borderColor-Button-secondary-outlined--active": "var(--xmlui-borderColor-Button-secondary-outlined--active)", "backgroundColor-Button-secondary-outlined--active": "var(--xmlui-backgroundColor-Button-secondary-outlined--active)", "textColor-Button-secondary-outlined--active": "var(--xmlui-textColor-Button-secondary-outlined--active)", "fontFamily-Button-attention-outlined": "var(--xmlui-fontFamily-Button-attention-outlined)", "fontSize-Button-attention-outlined": "var(--xmlui-fontSize-Button-attention-outlined)", "fontWeight-Button-attention-outlined": "var(--xmlui-fontWeight-Button-attention-outlined)", "borderRadius-Button-attention-outlined": "var(--xmlui-borderRadius-Button-attention-outlined)", "borderWidth-Button-attention-outlined": "var(--xmlui-borderWidth-Button-attention-outlined)", "borderColor-Button-attention-outlined": "var(--xmlui-borderColor-Button-attention-outlined)", "borderStyle-Button-attention-outlined": "var(--xmlui-borderStyle-Button-attention-outlined)", "textColor-Button-attention-outlined": "var(--xmlui-textColor-Button-attention-outlined)", "boxShadow-Button-attention-outlined": "var(--xmlui-boxShadow-Button-attention-outlined)", "outlineWidth-Button-attention-outlined--focus": "var(--xmlui-outlineWidth-Button-attention-outlined--focus)", "outlineColor-Button-attention-outlined--focus": "var(--xmlui-outlineColor-Button-attention-outlined--focus)", "outlineStyle-Button-attention-outlined--focus": "var(--xmlui-outlineStyle-Button-attention-outlined--focus)", "outlineOffset-Button-attention-outlined--focus": "var(--xmlui-outlineOffset-Button-attention-outlined--focus)", "borderColor-Button-attention-outlined--hover": "var(--xmlui-borderColor-Button-attention-outlined--hover)", "backgroundColor-Button-attention-outlined--hover": "var(--xmlui-backgroundColor-Button-attention-outlined--hover)", "textColor-Button-attention-outlined--hover": "var(--xmlui-textColor-Button-attention-outlined--hover)", "borderColor-Button-attention-outlined--active": "var(--xmlui-borderColor-Button-attention-outlined--active)", "backgroundColor-Button-attention-outlined--active": "var(--xmlui-backgroundColor-Button-attention-outlined--active)", "textColor-Button-attention-outlined--active": "var(--xmlui-textColor-Button-attention-outlined--active)", "fontFamily-Button-primary-ghost": "var(--xmlui-fontFamily-Button-primary-ghost)", "fontSize-Button-primary-ghost": "var(--xmlui-fontSize-Button-primary-ghost)", "fontWeight-Button-primary-ghost": "var(--xmlui-fontWeight-Button-primary-ghost)", "borderRadius-Button-primary-ghost": "var(--xmlui-borderRadius-Button-primary-ghost)", "borderWidth-Button-primary-ghost": "var(--xmlui-borderWidth-Button-primary-ghost)", "textColor-Button-primary-ghost": "var(--xmlui-textColor-Button-primary-ghost)", "outlineWidth-Button-primary-ghost--focus": "var(--xmlui-outlineWidth-Button-primary-ghost--focus)", "outlineColor-Button-primary-ghost--focus": "var(--xmlui-outlineColor-Button-primary-ghost--focus)", "outlineStyle-Button-primary-ghost--focus": "var(--xmlui-outlineStyle-Button-primary-ghost--focus)", "outlineOffset-Button-primary-ghost--focus": "var(--xmlui-outlineOffset-Button-primary-ghost--focus)", "backgroundColor-Button-primary-ghost--hover": "var(--xmlui-backgroundColor-Button-primary-ghost--hover)", "textColor-Button-primary-ghost--hover": "var(--xmlui-textColor-Button-primary-ghost--hover)", "backgroundColor-Button-primary-ghost--active": "var(--xmlui-backgroundColor-Button-primary-ghost--active)", "textColor-Button-primary-ghost--active": "var(--xmlui-textColor-Button-primary-ghost--active)", "fontFamily-Button-secondary-ghost": "var(--xmlui-fontFamily-Button-secondary-ghost)", "fontSize-Button-secondary-ghost": "var(--xmlui-fontSize-Button-secondary-ghost)", "fontWeight-Button-secondary-ghost": "var(--xmlui-fontWeight-Button-secondary-ghost)", "borderRadius-Button-secondary-ghost": "var(--xmlui-borderRadius-Button-secondary-ghost)", "borderWidth-Button-secondary-ghost": "var(--xmlui-borderWidth-Button-secondary-ghost)", "textColor-Button-secondary-ghost": "var(--xmlui-textColor-Button-secondary-ghost)", "outlineWidth-Button-secondary-ghost--focus": "var(--xmlui-outlineWidth-Button-secondary-ghost--focus)", "outlineColor-Button-secondary-ghost--focus": "var(--xmlui-outlineColor-Button-secondary-ghost--focus)", "outlineStyle-Button-secondary-ghost--focus": "var(--xmlui-outlineStyle-Button-secondary-ghost--focus)", "outlineOffset-Button-secondary-ghost--focus": "var(--xmlui-outlineOffset-Button-secondary-ghost--focus)", "backgroundColor-Button-secondary-ghost--hover": "var(--xmlui-backgroundColor-Button-secondary-ghost--hover)", "textColor-Button-secondary-ghost--hover": "var(--xmlui-textColor-Button-secondary-ghost--hover)", "backgroundColor-Button-secondary-ghost--active": "var(--xmlui-backgroundColor-Button-secondary-ghost--active)", "textColor-Button-secondary-ghost--active": "var(--xmlui-textColor-Button-secondary-ghost--active)", "fontFamily-Button-attention-ghost": "var(--xmlui-fontFamily-Button-attention-ghost)", "fontSize-Button-attention-ghost": "var(--xmlui-fontSize-Button-attention-ghost)", "fontWeight-Button-attention-ghost": "var(--xmlui-fontWeight-Button-attention-ghost)", "borderRadius-Button-attention-ghost": "var(--xmlui-borderRadius-Button-attention-ghost)", "borderWidth-Button-attention-ghost": "var(--xmlui-borderWidth-Button-attention-ghost)", "textColor-Button-attention-ghost": "var(--xmlui-textColor-Button-attention-ghost)", "outlineWidth-Button-attention-ghost--focus": "var(--xmlui-outlineWidth-Button-attention-ghost--focus)", "outlineColor-Button-attention-ghost--focus": "var(--xmlui-outlineColor-Button-attention-ghost--focus)", "outlineStyle-Button-attention-ghost--focus": "var(--xmlui-outlineStyle-Button-attention-ghost--focus)", "outlineOffset-Button-attention-ghost--focus": "var(--xmlui-outlineOffset-Button-attention-ghost--focus)", "backgroundColor-Button-attention-ghost--hover": "var(--xmlui-backgroundColor-Button-attention-ghost--hover)", "textColor-Button-attention-ghost--hover": "var(--xmlui-textColor-Button-attention-ghost--hover)", "backgroundColor-Button-attention-ghost--active": "var(--xmlui-backgroundColor-Button-attention-ghost--active)", "textColor-Button-attention-ghost--active": "var(--xmlui-textColor-Button-attention-ghost--active)"}'`;
-  const button$2 = "_button_1rnn4_13";
+  const button$1 = "_button_1rnn4_13";
   const alignStart = "_alignStart_1rnn4_29";
   const alignEnd = "_alignEnd_1rnn4_32";
   const buttonHorizontal = "_buttonHorizontal_1rnn4_38";
@@ -46,7 +46,7 @@
   const ghostAttention = "_ghostAttention_1rnn4_365";
   const styles$O = {
     themeVars: themeVars$O,
-    button: button$2,
+    button: button$1,
     alignStart,
     alignEnd,
     buttonHorizontal,
@@ -484,11 +484,11 @@
       isRequired
     };
   }
-  const themeVars$L = `'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`;
-  const base$1 = "_base_13qtg_13";
+  const themeVars$L = `'{"size-Icon": "var(--xmlui-size-Icon)"}'`;
+  const base$2 = "_base_4gxxt_13";
   const styles$N = {
     themeVars: themeVars$L,
-    base: base$1
+    base: base$2
   };
   function capitalizeFirstLetter(str) {
     return str[0].toUpperCase() + str.substring(1);
@@ -1203,7 +1203,7 @@
     }
   });
   const themeVars$K = '"[]"';
-  const base = "_base_724s4_13";
+  const base$1 = "_base_724s4_13";
   const hoverContainer = "_hoverContainer_724s4_22";
   const handlesClick = "_handlesClick_724s4_35";
   const vertical$4 = "_vertical_724s4_39";
@@ -1220,7 +1220,7 @@
   const alignItemsBaseline = "_alignItemsBaseline_724s4_88";
   const styles$M = {
     themeVars: themeVars$K,
-    base,
+    base: base$1,
     hoverContainer,
     handlesClick,
     vertical: vertical$4,
@@ -1414,7 +1414,7 @@
   const title = "_title_a71fu_1014";
   const subtitle = "_subtitle_a71fu_1071";
   const small = "_small_a71fu_1128";
-  const caption$1 = "_caption_a71fu_1185";
+  const caption = "_caption_a71fu_1185";
   const placeholder$2 = "_placeholder_a71fu_1242";
   const paragraph = "_paragraph_a71fu_1299";
   const subheading = "_subheading_a71fu_1356";
@@ -1446,7 +1446,7 @@
     title,
     subtitle,
     small,
-    caption: caption$1,
+    caption,
     placeholder: placeholder$2,
     paragraph,
     subheading,
@@ -1595,8 +1595,9 @@
       if (isHandler) {
         if (slotPropValue && childPropValue) {
           overrideProps[propName] = (...args) => {
-            childPropValue(...args);
+            const result = childPropValue(...args);
             slotPropValue(...args);
+            return result;
           };
         } else if (slotPropValue) {
           overrideProps[propName] = slotPropValue;
@@ -3221,19 +3222,23 @@
       }
     );
   });
-  const themeVars$C = `'{"padding-NavLink": "var(--xmlui-padding-NavLink)", "paddingHorizontal-NavLink": "var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink))", "paddingVertical-NavLink": "var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink))", "paddingLeft-NavLink": "var(--xmlui-paddingLeft-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingRight-NavLink": "var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingTop-NavLink": "var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "paddingBottom-NavLink": "var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "border-NavLink": "var(--xmlui-border-NavLink)", "borderHorizontal-NavLink": "var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink))", "borderVertical-NavLink": "var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink))", "borderLeft-NavLink": "var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderRight-NavLink": "var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderTop-NavLink": "var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderBottom-NavLink": "var(--xmlui-borderBottom-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderWidth-NavLink": "var(--xmlui-borderWidth-NavLink)", "borderHorizontalWidth-NavLink": "var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderLeftWidth-NavLink": "var(--xmlui-borderLeftWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderRightWidth-NavLink": "var(--xmlui-borderRightWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderVerticalWidth-NavLink": "var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderTopWidth-NavLink": "var(--xmlui-borderTopWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderBottomWidth-NavLink": "var(--xmlui-borderBottomWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderStyle-NavLink": "var(--xmlui-borderStyle-NavLink)", "borderHorizontalStyle-NavLink": "var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderLeftStyle-NavLink": "var(--xmlui-borderLeftStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderRightStyle-NavLink": "var(--xmlui-borderRightStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderVerticalStyle-NavLink": "var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderTopStyle-NavLink": "var(--xmlui-borderTopStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderBottomStyle-NavLink": "var(--xmlui-borderBottomStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderColor-NavLink": "var(--xmlui-borderColor-NavLink)", "borderHorizontalColor-NavLink": "var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderLeftColor-NavLink": "var(--xmlui-borderLeftColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRightColor-NavLink": "var(--xmlui-borderRightColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderVerticalColor-NavLink": "var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderTopColor-NavLink": "var(--xmlui-borderTopColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderBottomColor-NavLink": "var(--xmlui-borderBottomColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderStartStartRadius-NavLink": "var(--xmlui-borderStartStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderStartEndRadius-NavLink": "var(--xmlui-borderStartEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndStartRadius-NavLink": "var(--xmlui-borderEndStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndEndRadius-NavLink": "var(--xmlui-borderEndEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "outlineWidth-NavLink--focus": "var(--xmlui-outlineWidth-NavLink--focus)", "outlineColor-NavLink--focus": "var(--xmlui-outlineColor-NavLink--focus)", "outlineStyle-NavLink--focus": "var(--xmlui-outlineStyle-NavLink--focus)", "outlineOffset-NavLink--focus": "var(--xmlui-outlineOffset-NavLink--focus)", "fontFamily-NavLink": "var(--xmlui-fontFamily-NavLink)", "fontWeight-NavLink": "var(--xmlui-fontWeight-NavLink)", "fontWeight-NavLink--pressed": "var(--xmlui-fontWeight-NavLink--pressed)", "fontWeight-NavLink--active": "var(--xmlui-fontWeight-NavLink--active)", "fontSize-NavLink": "var(--xmlui-fontSize-NavLink)", "wordWrap-NavLink": "var(--xmlui-wordWrap-NavLink)", "backgroundColor-NavLink": "var(--xmlui-backgroundColor-NavLink)", "backgroundColor-NavLink--hover": "var(--xmlui-backgroundColor-NavLink--hover)", "backgroundColor-NavLink--active": "var(--xmlui-backgroundColor-NavLink--active)", "backgroundColor-NavLink--pressed": "var(--xmlui-backgroundColor-NavLink--pressed)", "textColor-NavLink": "var(--xmlui-textColor-NavLink)", "textColor-NavLink--hover": "var(--xmlui-textColor-NavLink--hover)", "textColor-NavLink--active": "var(--xmlui-textColor-NavLink--active)", "textColor-NavLink--hover--active": "var(--xmlui-textColor-NavLink--hover--active)", "textColor-NavLink--pressed": "var(--xmlui-textColor-NavLink--pressed)", "textColor-NavLink--pressed--active": "var(--xmlui-textColor-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "color-indicator-NavLink": "var(--xmlui-color-indicator-NavLink)", "color-indicator-NavLink--hover": "var(--xmlui-color-indicator-NavLink--hover)", "color-indicator-NavLink--active": "var(--xmlui-color-indicator-NavLink--active)", "backgroundColor-NavLink--hover--active": "var(--xmlui-backgroundColor-NavLink--hover--active)", "color-indicator-NavLink--pressed": "var(--xmlui-color-indicator-NavLink--pressed)", "backgroundColor-NavLink--pressed--active": "var(--xmlui-backgroundColor-NavLink--pressed--active)", "thickness-indicator-NavLink": "var(--xmlui-thickness-indicator-NavLink)", "borderRadius-indicator-NavLink": "var(--xmlui-borderRadius-indicator-NavLink)"}'`;
-  const linkWrapper = "_linkWrapper_9n0c1_13";
-  const disabled$7 = "_disabled_9n0c1_62";
-  const displayIndicator = "_displayIndicator_9n0c1_84";
-  const vertical$3 = "_vertical_9n0c1_94";
-  const active$3 = "_active_9n0c1_112";
+  const themeVars$C = `'{"padding-NavLink": "var(--xmlui-padding-NavLink)", "paddingHorizontal-NavLink": "var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink))", "paddingVertical-NavLink": "var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink))", "paddingLeft-NavLink": "var(--xmlui-paddingLeft-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingRight-NavLink": "var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingTop-NavLink": "var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "paddingBottom-NavLink": "var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "border-NavLink": "var(--xmlui-border-NavLink)", "borderHorizontal-NavLink": "var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink))", "borderVertical-NavLink": "var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink))", "borderLeft-NavLink": "var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderRight-NavLink": "var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderTop-NavLink": "var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderBottom-NavLink": "var(--xmlui-borderBottom-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderWidth-NavLink": "var(--xmlui-borderWidth-NavLink)", "borderHorizontalWidth-NavLink": "var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderLeftWidth-NavLink": "var(--xmlui-borderLeftWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderRightWidth-NavLink": "var(--xmlui-borderRightWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderVerticalWidth-NavLink": "var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderTopWidth-NavLink": "var(--xmlui-borderTopWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderBottomWidth-NavLink": "var(--xmlui-borderBottomWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderStyle-NavLink": "var(--xmlui-borderStyle-NavLink)", "borderHorizontalStyle-NavLink": "var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderLeftStyle-NavLink": "var(--xmlui-borderLeftStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderRightStyle-NavLink": "var(--xmlui-borderRightStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderVerticalStyle-NavLink": "var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderTopStyle-NavLink": "var(--xmlui-borderTopStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderBottomStyle-NavLink": "var(--xmlui-borderBottomStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderColor-NavLink": "var(--xmlui-borderColor-NavLink)", "borderHorizontalColor-NavLink": "var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderLeftColor-NavLink": "var(--xmlui-borderLeftColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRightColor-NavLink": "var(--xmlui-borderRightColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderVerticalColor-NavLink": "var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderTopColor-NavLink": "var(--xmlui-borderTopColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderBottomColor-NavLink": "var(--xmlui-borderBottomColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderStartStartRadius-NavLink": "var(--xmlui-borderStartStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderStartEndRadius-NavLink": "var(--xmlui-borderStartEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndStartRadius-NavLink": "var(--xmlui-borderEndStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndEndRadius-NavLink": "var(--xmlui-borderEndEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "backgroundColor-NavLink": "var(--xmlui-backgroundColor-NavLink)", "backgroundColor-NavLink--hover": "var(--xmlui-backgroundColor-NavLink--hover)", "backgroundColor-NavLink--hover--active": "var(--xmlui-backgroundColor-NavLink--hover--active)", "backgroundColor-NavLink--active": "var(--xmlui-backgroundColor-NavLink--active)", "backgroundColor-NavLink--pressed": "var(--xmlui-backgroundColor-NavLink--pressed)", "backgroundColor-NavLink--pressed--active": "var(--xmlui-backgroundColor-NavLink--pressed--active)", "fontSize-NavLink": "var(--xmlui-fontSize-NavLink)", "wordWrap-NavLink": "var(--xmlui-wordWrap-NavLink)", "textColor-NavLink": "var(--xmlui-textColor-NavLink)", "textColor-NavLink--hover": "var(--xmlui-textColor-NavLink--hover)", "textColor-NavLink--active": "var(--xmlui-textColor-NavLink--active)", "textColor-NavLink--hover--active": "var(--xmlui-textColor-NavLink--hover--active)", "textColor-NavLink--pressed": "var(--xmlui-textColor-NavLink--pressed)", "textColor-NavLink--pressed--active": "var(--xmlui-textColor-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "fontFamily-NavLink": "var(--xmlui-fontFamily-NavLink)", "fontWeight-NavLink": "var(--xmlui-fontWeight-NavLink)", "fontWeight-NavLink--pressed": "var(--xmlui-fontWeight-NavLink--pressed)", "fontWeight-NavLink--active": "var(--xmlui-fontWeight-NavLink--active)", "borderRadius-indicator-NavLink": "var(--xmlui-borderRadius-indicator-NavLink)", "thickness-indicator-NavLink": "var(--xmlui-thickness-indicator-NavLink)", "color-indicator-NavLink": "var(--xmlui-color-indicator-NavLink)", "color-indicator-NavLink--hover": "var(--xmlui-color-indicator-NavLink--hover)", "color-indicator-NavLink--active": "var(--xmlui-color-indicator-NavLink--active)", "color-indicator-NavLink--pressed": "var(--xmlui-color-indicator-NavLink--pressed)", "outlineWidth-NavLink--focus": "var(--xmlui-outlineWidth-NavLink--focus)", "outlineColor-NavLink--focus": "var(--xmlui-outlineColor-NavLink--focus)", "outlineStyle-NavLink--focus": "var(--xmlui-outlineStyle-NavLink--focus)", "outlineOffset-NavLink--focus": "var(--xmlui-outlineOffset-NavLink--focus)"}'`;
+  const content$1 = "_content_buj87_13";
+  const base = "_base_buj87_13";
+  const includeHoverIndicator = "_includeHoverIndicator_buj87_62";
+  const displayActive = "_displayActive_buj87_72";
+  const navItemActive = "_navItemActive_buj87_109";
+  const disabled$7 = "_disabled_buj87_144";
+  const vertical$3 = "_vertical_buj87_148";
   const navLinkStyles = {
     themeVars: themeVars$C,
-    linkWrapper,
+    content: content$1,
+    base,
+    includeHoverIndicator,
+    displayActive,
+    navItemActive,
     disabled: disabled$7,
-    displayIndicator,
-    vertical: vertical$3,
-    active: active$3
+    vertical: vertical$3
   };
   function createUrlWithQueryParams(to) {
     if (!to || typeof to === "string" || typeof to === "number") {
@@ -3324,24 +3329,16 @@
     disabled: disabled2,
     to,
     sx = {},
-    displayActive = true,
-    forceActive,
+    displayActive: displayActive2 = true,
     vertical: vertical2,
     style,
     onClick,
     icon,
+    forceActive,
     ...rest
   }, ref) {
     const appLayoutContext = useAppLayoutContext();
     const navPanelContext = React.useContext(NavPanelContext);
-    const [isClicked, setIsClicked] = React.useState(false);
-    const onClickForButton = React.useCallback(
-      (event) => {
-        setIsClicked((last) => !last);
-        onClick == null ? void 0 : onClick(event);
-      },
-      [onClick]
-    );
     let safeVertical = vertical2;
     if (appLayoutContext && safeVertical === void 0) {
       safeVertical = getAppLayoutOrientation(appLayoutContext.layout) === "vertical" || (navPanelContext == null ? void 0 : navPanelContext.inDrawer);
@@ -3352,23 +3349,21 @@
       }
     }, [to]);
     const styleObj = { ...sx, ...style };
-    const sharedClasses = classnames(navLinkStyles.linkWrapper, {
+    const baseClasses = classnames(navLinkStyles.content, navLinkStyles.base, {
       [navLinkStyles.disabled]: disabled2,
       [navLinkStyles.vertical]: safeVertical,
-      [navLinkStyles.displayIndicator]: displayActive
+      [navLinkStyles.includeHoverIndicator]: displayActive2,
+      [navLinkStyles.navItemActive]: displayActive2 && forceActive
     });
-    let content2 = null;
+    let content2;
     if (disabled2 || !smartTo) {
       content2 = /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
-          id: uid,
           ...rest,
           ref,
-          onClick: onClickForButton,
-          className: classnames(sharedClasses, {
-            [navLinkStyles.active]: displayActive && (isClicked || forceActive)
-          }),
+          onClick,
+          className: baseClasses,
           style: styleObj,
           disabled: disabled2,
           children: [
@@ -3387,8 +3382,9 @@
           to: smartTo,
           style: styleObj,
           onClick,
-          className: ({ isActive }) => classnames(sharedClasses, {
-            [navLinkStyles.active]: displayActive && (isActive || forceActive)
+          className: ({ isActive }) => classnames(baseClasses, {
+            [navLinkStyles.displayActive]: displayActive2,
+            [navLinkStyles.navItemActive]: displayActive2 && (isActive || forceActive)
           }),
           children: [
             icon,
@@ -4270,52 +4266,51 @@
       }
     }
   });
-  const themeVars$t = `'{"Input:backgroundColor-item-DatePicker--active": "var(--xmlui-backgroundColor-item-DatePicker--active)", "Input:backgroundColor-item-DatePicker--hover": "var(--xmlui-backgroundColor-item-DatePicker--hover)", "Input:textColor-value-DatePicker": "var(--xmlui-textColor-value-DatePicker)", "Input:minHeight-DatePicker": "var(--xmlui-minHeight-DatePicker)", "Input:fontSize-DatePicker": "var(--xmlui-fontSize-DatePicker)", "Input:borderRadius-DatePicker-default": "var(--xmlui-borderRadius-DatePicker-default)", "Input:borderColor-DatePicker-default": "var(--xmlui-borderColor-DatePicker-default)", "Input:borderWidth-DatePicker-default": "var(--xmlui-borderWidth-DatePicker-default)", "Input:borderStyle-DatePicker-default": "var(--xmlui-borderStyle-DatePicker-default)", "Input:backgroundColor-DatePicker-default": "var(--xmlui-backgroundColor-DatePicker-default)", "Input:boxShadow-DatePicker-default": "var(--xmlui-boxShadow-DatePicker-default)", "Input:textColor-DatePicker-default": "var(--xmlui-textColor-DatePicker-default)", "Input:padding-DatePicker-default": "var(--xmlui-padding-DatePicker-default)", "Input:borderColor-DatePicker-default--hover": "var(--xmlui-borderColor-DatePicker-default--hover)", "Input:backgroundColor-DatePicker-default--hover": "var(--xmlui-backgroundColor-DatePicker-default--hover)", "Input:boxShadow-DatePicker-default--hover": "var(--xmlui-boxShadow-DatePicker-default--hover)", "Input:textColor-DatePicker-default--hover": "var(--xmlui-textColor-DatePicker-default--hover)", "Input:outlineWidth-DatePicker-default--focus": "var(--xmlui-outlineWidth-DatePicker-default--focus)", "Input:outlineColor-DatePicker-default--focus": "var(--xmlui-outlineColor-DatePicker-default--focus)", "Input:outlineStyle-DatePicker-default--focus": "var(--xmlui-outlineStyle-DatePicker-default--focus)", "Input:outlineOffset-DatePicker-default--focus": "var(--xmlui-outlineOffset-DatePicker-default--focus)", "Input:textColor-placeholder-DatePicker-default": "var(--xmlui-textColor-placeholder-DatePicker-default)", "Input:textColor-adornment-DatePicker-default": "var(--xmlui-textColor-adornment-DatePicker-default)", "Input:borderRadius-DatePicker-error": "var(--xmlui-borderRadius-DatePicker-error)", "Input:borderColor-DatePicker-error": "var(--xmlui-borderColor-DatePicker-error)", "Input:borderWidth-DatePicker-error": "var(--xmlui-borderWidth-DatePicker-error)", "Input:borderStyle-DatePicker-error": "var(--xmlui-borderStyle-DatePicker-error)", "Input:backgroundColor-DatePicker-error": "var(--xmlui-backgroundColor-DatePicker-error)", "Input:boxShadow-DatePicker-error": "var(--xmlui-boxShadow-DatePicker-error)", "Input:textColor-DatePicker-error": "var(--xmlui-textColor-DatePicker-error)", "Input:padding-DatePicker-error": "var(--xmlui-padding-DatePicker-error)", "Input:borderColor-DatePicker-error--hover": "var(--xmlui-borderColor-DatePicker-error--hover)", "Input:backgroundColor-DatePicker-error--hover": "var(--xmlui-backgroundColor-DatePicker-error--hover)", "Input:boxShadow-DatePicker-error--hover": "var(--xmlui-boxShadow-DatePicker-error--hover)", "Input:textColor-DatePicker-error--hover": "var(--xmlui-textColor-DatePicker-error--hover)", "Input:outlineWidth-DatePicker-error--focus": "var(--xmlui-outlineWidth-DatePicker-error--focus)", "Input:outlineColor-DatePicker-error--focus": "var(--xmlui-outlineColor-DatePicker-error--focus)", "Input:outlineStyle-DatePicker-error--focus": "var(--xmlui-outlineStyle-DatePicker-error--focus)", "Input:outlineOffset-DatePicker-error--focus": "var(--xmlui-outlineOffset-DatePicker-error--focus)", "Input:textColor-placeholder-DatePicker-error": "var(--xmlui-textColor-placeholder-DatePicker-error)", "Input:textColor-adornment-DatePicker-error": "var(--xmlui-textColor-adornment-DatePicker-error)", "Input:borderRadius-DatePicker-warning": "var(--xmlui-borderRadius-DatePicker-warning)", "Input:borderColor-DatePicker-warning": "var(--xmlui-borderColor-DatePicker-warning)", "Input:borderWidth-DatePicker-warning": "var(--xmlui-borderWidth-DatePicker-warning)", "Input:borderStyle-DatePicker-warning": "var(--xmlui-borderStyle-DatePicker-warning)", "Input:backgroundColor-DatePicker-warning": "var(--xmlui-backgroundColor-DatePicker-warning)", "Input:boxShadow-DatePicker-warning": "var(--xmlui-boxShadow-DatePicker-warning)", "Input:textColor-DatePicker-warning": "var(--xmlui-textColor-DatePicker-warning)", "Input:padding-DatePicker-warning": "var(--xmlui-padding-DatePicker-warning)", "Input:borderColor-DatePicker-warning--hover": "var(--xmlui-borderColor-DatePicker-warning--hover)", "Input:backgroundColor-DatePicker-warning--hover": "var(--xmlui-backgroundColor-DatePicker-warning--hover)", "Input:boxShadow-DatePicker-warning--hover": "var(--xmlui-boxShadow-DatePicker-warning--hover)", "Input:textColor-DatePicker-warning--hover": "var(--xmlui-textColor-DatePicker-warning--hover)", "Input:outlineWidth-DatePicker-warning--focus": "var(--xmlui-outlineWidth-DatePicker-warning--focus)", "Input:outlineColor-DatePicker-warning--focus": "var(--xmlui-outlineColor-DatePicker-warning--focus)", "Input:outlineStyle-DatePicker-warning--focus": "var(--xmlui-outlineStyle-DatePicker-warning--focus)", "Input:outlineOffset-DatePicker-warning--focus": "var(--xmlui-outlineOffset-DatePicker-warning--focus)", "Input:textColor-placeholder-DatePicker-warning": "var(--xmlui-textColor-placeholder-DatePicker-warning)", "Input:textColor-adornment-DatePicker-warning": "var(--xmlui-textColor-adornment-DatePicker-warning)", "Input:borderRadius-DatePicker-success": "var(--xmlui-borderRadius-DatePicker-success)", "Input:borderColor-DatePicker-success": "var(--xmlui-borderColor-DatePicker-success)", "Input:borderWidth-DatePicker-success": "var(--xmlui-borderWidth-DatePicker-success)", "Input:borderStyle-DatePicker-success": "var(--xmlui-borderStyle-DatePicker-success)", "Input:backgroundColor-DatePicker-success": "var(--xmlui-backgroundColor-DatePicker-success)", "Input:boxShadow-DatePicker-success": "var(--xmlui-boxShadow-DatePicker-success)", "Input:textColor-DatePicker-success": "var(--xmlui-textColor-DatePicker-success)", "Input:padding-DatePicker-success": "var(--xmlui-padding-DatePicker-success)", "Input:borderColor-DatePicker-success--hover": "var(--xmlui-borderColor-DatePicker-success--hover)", "Input:backgroundColor-DatePicker-success--hover": "var(--xmlui-backgroundColor-DatePicker-success--hover)", "Input:boxShadow-DatePicker-success--hover": "var(--xmlui-boxShadow-DatePicker-success--hover)", "Input:textColor-DatePicker-success--hover": "var(--xmlui-textColor-DatePicker-success--hover)", "Input:outlineWidth-DatePicker-success--focus": "var(--xmlui-outlineWidth-DatePicker-success--focus)", "Input:outlineColor-DatePicker-success--focus": "var(--xmlui-outlineColor-DatePicker-success--focus)", "Input:outlineStyle-DatePicker-success--focus": "var(--xmlui-outlineStyle-DatePicker-success--focus)", "Input:outlineOffset-DatePicker-success--focus": "var(--xmlui-outlineOffset-DatePicker-success--focus)", "Input:textColor-placeholder-DatePicker-success": "var(--xmlui-textColor-placeholder-DatePicker-success)", "Input:textColor-adornment-DatePicker-success": "var(--xmlui-textColor-adornment-DatePicker-success)", "Input:backgroundColor-DatePicker--disabled": "var(--xmlui-backgroundColor-DatePicker--disabled)", "Input:textColor-DatePicker--disabled": "var(--xmlui-textColor-DatePicker--disabled)", "Input:borderColor-DatePicker--disabled": "var(--xmlui-borderColor-DatePicker--disabled)", "Input:boxShadow-menu-DatePicker": "var(--xmlui-boxShadow-menu-DatePicker)", "Input:backgroundColor-menu-DatePicker": "var(--xmlui-backgroundColor-menu-DatePicker)", "Input:borderRadius-menu-DatePicker": "var(--xmlui-borderRadius-menu-DatePicker)"}'`;
-  const datePicker = "_datePicker_qilmv_13";
-  const placeholder$1 = "_placeholder_qilmv_47";
-  const adornment$1 = "_adornment_qilmv_50";
-  const error$9 = "_error_qilmv_53";
-  const warning$9 = "_warning_qilmv_81";
-  const valid$9 = "_valid_qilmv_109";
-  const disabled$5 = "_disabled_qilmv_137";
-  const indicator$2 = "_indicator_qilmv_143";
-  const datePickerInput = "_datePickerInput_qilmv_143";
-  const datePickerValue = "_datePickerValue_qilmv_147";
-  const inlinePickerMenu = "_inlinePickerMenu_qilmv_152";
-  const root$2 = "_root_qilmv_269";
-  const datePickerMenu = "_datePickerMenu_qilmv_274";
-  const vhidden = "_vhidden_qilmv_285";
-  const button_reset = "_button_reset_qilmv_304";
-  const button$1 = "_button_qilmv_304";
-  const day_selected = "_day_selected_qilmv_322";
-  const button_next = "_button_next_qilmv_336";
-  const button_previous = "_button_previous_qilmv_337";
-  const months = "_months_qilmv_367";
-  const month = "_month_qilmv_367";
-  const month_grid = "_month_grid_qilmv_383";
-  const caption = "_caption_qilmv_387";
-  const multiple_months = "_multiple_months_qilmv_395";
-  const caption_dropdowns = "_caption_dropdowns_qilmv_401";
-  const caption_label = "_caption_label_qilmv_406";
-  const chevron = "_chevron_qilmv_421";
-  const nav = "_nav_qilmv_426";
-  const caption_start = "_caption_start_qilmv_430";
-  const caption_end = "_caption_end_qilmv_437";
-  const nav_button = "_nav_button_qilmv_444";
-  const dropdowns = "_dropdowns_qilmv_457";
-  const dropdown_year = "_dropdown_year_qilmv_464";
-  const dropdown_month = "_dropdown_month_qilmv_465";
-  const dropdown = "_dropdown_qilmv_457";
-  const day = "_day_qilmv_322";
-  const weekday = "_weekday_qilmv_509";
-  const week_number = "_week_number_qilmv_514";
-  const day_button = "_day_button_qilmv_519";
-  const today = "_today_qilmv_540";
-  const outside = "_outside_qilmv_540";
-  const selected$1 = "_selected_qilmv_544";
-  const day_range_start = "_day_range_start_qilmv_565";
-  const day_range_end = "_day_range_end_qilmv_565";
-  const day_range_middle = "_day_range_middle_qilmv_589";
+  const themeVars$t = `'{"Input:backgroundColor-item-DatePicker--active": "var(--xmlui-backgroundColor-item-DatePicker--active)", "Input:backgroundColor-item-DatePicker--hover": "var(--xmlui-backgroundColor-item-DatePicker--hover)", "Input:textColor-value-DatePicker": "var(--xmlui-textColor-value-DatePicker)", "Input:minHeight-DatePicker": "var(--xmlui-minHeight-DatePicker)", "Input:borderColor-selectedItem-DatePicker": "var(--xmlui-borderColor-selectedItem-DatePicker)", "Input:fontSize-DatePicker": "var(--xmlui-fontSize-DatePicker)", "Input:borderRadius-DatePicker-default": "var(--xmlui-borderRadius-DatePicker-default)", "Input:borderColor-DatePicker-default": "var(--xmlui-borderColor-DatePicker-default)", "Input:borderWidth-DatePicker-default": "var(--xmlui-borderWidth-DatePicker-default)", "Input:borderStyle-DatePicker-default": "var(--xmlui-borderStyle-DatePicker-default)", "Input:backgroundColor-DatePicker-default": "var(--xmlui-backgroundColor-DatePicker-default)", "Input:boxShadow-DatePicker-default": "var(--xmlui-boxShadow-DatePicker-default)", "Input:textColor-DatePicker-default": "var(--xmlui-textColor-DatePicker-default)", "Input:padding-DatePicker-default": "var(--xmlui-padding-DatePicker-default)", "Input:borderColor-DatePicker-default--hover": "var(--xmlui-borderColor-DatePicker-default--hover)", "Input:backgroundColor-DatePicker-default--hover": "var(--xmlui-backgroundColor-DatePicker-default--hover)", "Input:boxShadow-DatePicker-default--hover": "var(--xmlui-boxShadow-DatePicker-default--hover)", "Input:textColor-DatePicker-default--hover": "var(--xmlui-textColor-DatePicker-default--hover)", "Input:outlineWidth-DatePicker-default--focus": "var(--xmlui-outlineWidth-DatePicker-default--focus)", "Input:outlineColor-DatePicker-default--focus": "var(--xmlui-outlineColor-DatePicker-default--focus)", "Input:outlineStyle-DatePicker-default--focus": "var(--xmlui-outlineStyle-DatePicker-default--focus)", "Input:outlineOffset-DatePicker-default--focus": "var(--xmlui-outlineOffset-DatePicker-default--focus)", "Input:textColor-placeholder-DatePicker-default": "var(--xmlui-textColor-placeholder-DatePicker-default)", "Input:textColor-adornment-DatePicker-default": "var(--xmlui-textColor-adornment-DatePicker-default)", "Input:borderRadius-DatePicker-error": "var(--xmlui-borderRadius-DatePicker-error)", "Input:borderColor-DatePicker-error": "var(--xmlui-borderColor-DatePicker-error)", "Input:borderWidth-DatePicker-error": "var(--xmlui-borderWidth-DatePicker-error)", "Input:borderStyle-DatePicker-error": "var(--xmlui-borderStyle-DatePicker-error)", "Input:backgroundColor-DatePicker-error": "var(--xmlui-backgroundColor-DatePicker-error)", "Input:boxShadow-DatePicker-error": "var(--xmlui-boxShadow-DatePicker-error)", "Input:textColor-DatePicker-error": "var(--xmlui-textColor-DatePicker-error)", "Input:padding-DatePicker-error": "var(--xmlui-padding-DatePicker-error)", "Input:borderColor-DatePicker-error--hover": "var(--xmlui-borderColor-DatePicker-error--hover)", "Input:backgroundColor-DatePicker-error--hover": "var(--xmlui-backgroundColor-DatePicker-error--hover)", "Input:boxShadow-DatePicker-error--hover": "var(--xmlui-boxShadow-DatePicker-error--hover)", "Input:textColor-DatePicker-error--hover": "var(--xmlui-textColor-DatePicker-error--hover)", "Input:outlineWidth-DatePicker-error--focus": "var(--xmlui-outlineWidth-DatePicker-error--focus)", "Input:outlineColor-DatePicker-error--focus": "var(--xmlui-outlineColor-DatePicker-error--focus)", "Input:outlineStyle-DatePicker-error--focus": "var(--xmlui-outlineStyle-DatePicker-error--focus)", "Input:outlineOffset-DatePicker-error--focus": "var(--xmlui-outlineOffset-DatePicker-error--focus)", "Input:textColor-placeholder-DatePicker-error": "var(--xmlui-textColor-placeholder-DatePicker-error)", "Input:textColor-adornment-DatePicker-error": "var(--xmlui-textColor-adornment-DatePicker-error)", "Input:borderRadius-DatePicker-warning": "var(--xmlui-borderRadius-DatePicker-warning)", "Input:borderColor-DatePicker-warning": "var(--xmlui-borderColor-DatePicker-warning)", "Input:borderWidth-DatePicker-warning": "var(--xmlui-borderWidth-DatePicker-warning)", "Input:borderStyle-DatePicker-warning": "var(--xmlui-borderStyle-DatePicker-warning)", "Input:backgroundColor-DatePicker-warning": "var(--xmlui-backgroundColor-DatePicker-warning)", "Input:boxShadow-DatePicker-warning": "var(--xmlui-boxShadow-DatePicker-warning)", "Input:textColor-DatePicker-warning": "var(--xmlui-textColor-DatePicker-warning)", "Input:padding-DatePicker-warning": "var(--xmlui-padding-DatePicker-warning)", "Input:borderColor-DatePicker-warning--hover": "var(--xmlui-borderColor-DatePicker-warning--hover)", "Input:backgroundColor-DatePicker-warning--hover": "var(--xmlui-backgroundColor-DatePicker-warning--hover)", "Input:boxShadow-DatePicker-warning--hover": "var(--xmlui-boxShadow-DatePicker-warning--hover)", "Input:textColor-DatePicker-warning--hover": "var(--xmlui-textColor-DatePicker-warning--hover)", "Input:outlineWidth-DatePicker-warning--focus": "var(--xmlui-outlineWidth-DatePicker-warning--focus)", "Input:outlineColor-DatePicker-warning--focus": "var(--xmlui-outlineColor-DatePicker-warning--focus)", "Input:outlineStyle-DatePicker-warning--focus": "var(--xmlui-outlineStyle-DatePicker-warning--focus)", "Input:outlineOffset-DatePicker-warning--focus": "var(--xmlui-outlineOffset-DatePicker-warning--focus)", "Input:textColor-placeholder-DatePicker-warning": "var(--xmlui-textColor-placeholder-DatePicker-warning)", "Input:textColor-adornment-DatePicker-warning": "var(--xmlui-textColor-adornment-DatePicker-warning)", "Input:borderRadius-DatePicker-success": "var(--xmlui-borderRadius-DatePicker-success)", "Input:borderColor-DatePicker-success": "var(--xmlui-borderColor-DatePicker-success)", "Input:borderWidth-DatePicker-success": "var(--xmlui-borderWidth-DatePicker-success)", "Input:borderStyle-DatePicker-success": "var(--xmlui-borderStyle-DatePicker-success)", "Input:backgroundColor-DatePicker-success": "var(--xmlui-backgroundColor-DatePicker-success)", "Input:boxShadow-DatePicker-success": "var(--xmlui-boxShadow-DatePicker-success)", "Input:textColor-DatePicker-success": "var(--xmlui-textColor-DatePicker-success)", "Input:padding-DatePicker-success": "var(--xmlui-padding-DatePicker-success)", "Input:borderColor-DatePicker-success--hover": "var(--xmlui-borderColor-DatePicker-success--hover)", "Input:backgroundColor-DatePicker-success--hover": "var(--xmlui-backgroundColor-DatePicker-success--hover)", "Input:boxShadow-DatePicker-success--hover": "var(--xmlui-boxShadow-DatePicker-success--hover)", "Input:textColor-DatePicker-success--hover": "var(--xmlui-textColor-DatePicker-success--hover)", "Input:outlineWidth-DatePicker-success--focus": "var(--xmlui-outlineWidth-DatePicker-success--focus)", "Input:outlineColor-DatePicker-success--focus": "var(--xmlui-outlineColor-DatePicker-success--focus)", "Input:outlineStyle-DatePicker-success--focus": "var(--xmlui-outlineStyle-DatePicker-success--focus)", "Input:outlineOffset-DatePicker-success--focus": "var(--xmlui-outlineOffset-DatePicker-success--focus)", "Input:textColor-placeholder-DatePicker-success": "var(--xmlui-textColor-placeholder-DatePicker-success)", "Input:textColor-adornment-DatePicker-success": "var(--xmlui-textColor-adornment-DatePicker-success)", "Input:backgroundColor-DatePicker--disabled": "var(--xmlui-backgroundColor-DatePicker--disabled)", "Input:textColor-DatePicker--disabled": "var(--xmlui-textColor-DatePicker--disabled)", "Input:borderColor-DatePicker--disabled": "var(--xmlui-borderColor-DatePicker--disabled)", "Input:boxShadow-menu-DatePicker": "var(--xmlui-boxShadow-menu-DatePicker)", "Input:backgroundColor-menu-DatePicker": "var(--xmlui-backgroundColor-menu-DatePicker)", "Input:borderRadius-menu-DatePicker": "var(--xmlui-borderRadius-menu-DatePicker)"}'`;
+  const datePicker = "_datePicker_3t471_13";
+  const placeholder$1 = "_placeholder_3t471_47";
+  const adornment$1 = "_adornment_3t471_50";
+  const error$9 = "_error_3t471_53";
+  const warning$9 = "_warning_3t471_81";
+  const valid$9 = "_valid_3t471_109";
+  const disabled$5 = "_disabled_3t471_137";
+  const indicator$2 = "_indicator_3t471_143";
+  const datePickerInput = "_datePickerInput_3t471_143";
+  const inlinePickerMenu = "_inlinePickerMenu_3t471_147";
+  const datePickerMenu = "_datePickerMenu_3t471_265";
+  const root$2 = "_root_3t471_277";
+  const day = "_day_3t471_331";
+  const day_button = "_day_button_3t471_337";
+  const caption_label = "_caption_label_3t471_360";
+  const dropdown = "_dropdown_3t471_369";
+  const button_next = "_button_next_3t471_373";
+  const button_previous = "_button_previous_3t471_374";
+  const chevron = "_chevron_3t471_401";
+  const nav = "_nav_3t471_406";
+  const dropdowns = "_dropdowns_3t471_411";
+  const dropdown_root = "_dropdown_root_3t471_435";
+  const month_caption = "_month_caption_3t471_445";
+  const month = "_month_3t471_445";
+  const months = "_months_3t471_482";
+  const month_grid = "_month_grid_3t471_490";
+  const weekday = "_weekday_3t471_503";
+  const week_number = "_week_number_3t471_512";
+  const today = "_today_3t471_524";
+  const outside = "_outside_3t471_524";
+  const selected$1 = "_selected_3t471_528";
+  const hidden = "_hidden_3t471_545";
+  const range_start = "_range_start_3t471_550";
+  const range_middle = "_range_middle_3t471_559";
+  const range_end = "_range_end_3t471_570";
+  const focusable = "_focusable_3t471_584";
+  const weeks_before_enter = "_weeks_before_enter_3t471_620";
+  const weeks_before_exit = "_weeks_before_exit_3t471_624";
+  const weeks_after_enter = "_weeks_after_enter_3t471_628";
+  const weeks_after_exit = "_weeks_after_exit_3t471_632";
+  const caption_after_enter = "_caption_after_enter_3t471_668";
+  const caption_after_exit = "_caption_after_exit_3t471_672";
+  const caption_before_enter = "_caption_before_enter_3t471_676";
+  const caption_before_exit = "_caption_before_exit_3t471_680";
   const styles$v = {
     themeVars: themeVars$t,
     datePicker,
@@ -4327,42 +4322,47 @@
     disabled: disabled$5,
     indicator: indicator$2,
     datePickerInput,
-    datePickerValue,
     inlinePickerMenu,
-    root: root$2,
     datePickerMenu,
-    vhidden,
-    button_reset,
-    button: button$1,
-    day_selected,
+    root: root$2,
+    day,
+    day_button,
+    caption_label,
+    dropdown,
     button_next,
     button_previous,
-    months,
-    month,
-    month_grid,
-    caption,
-    multiple_months,
-    caption_dropdowns,
-    caption_label,
     chevron,
     nav,
-    caption_start,
-    caption_end,
-    nav_button,
     dropdowns,
-    dropdown_year,
-    dropdown_month,
-    dropdown,
-    day,
+    dropdown_root,
+    month_caption,
+    month,
+    months,
+    month_grid,
     weekday,
     week_number,
-    day_button,
     today,
     outside,
     selected: selected$1,
-    day_range_start,
-    day_range_end,
-    day_range_middle
+    hidden,
+    range_start,
+    range_middle,
+    range_end,
+    focusable,
+    weeks_before_enter,
+    "rdp-slide_in_left": "_rdp-slide_in_left_3t471_1",
+    weeks_before_exit,
+    "rdp-slide_out_left": "_rdp-slide_out_left_3t471_1",
+    weeks_after_enter,
+    "rdp-slide_in_right": "_rdp-slide_in_right_3t471_1",
+    weeks_after_exit,
+    "rdp-slide_out_right": "_rdp-slide_out_right_3t471_1",
+    caption_after_enter,
+    "rdp-fade_in": "_rdp-fade_in_3t471_1",
+    caption_after_exit,
+    "rdp-fade_out": "_rdp-fade_out_3t471_1",
+    caption_before_enter,
+    caption_before_exit
   };
   const DatePickerModeValues = ["single", "range"];
   var WeekDays = /* @__PURE__ */ ((WeekDays2) => {
@@ -4419,13 +4419,22 @@
     startText,
     startIcon,
     endText,
-    endIcon
+    endIcon,
+    label: label2,
+    labelPosition,
+    labelWidth,
+    labelBreak: labelBreak2,
+    inProgress,
+    inProgressNotificationMessage,
+    readOnly: readOnly2,
+    required: required2
   }, forwardedRef) {
     const _weekStartsOn = weekStartsOn >= 0 && weekStartsOn <= 6 ? weekStartsOn : 0;
     const [isButtonFocused, setIsButtonFocused] = React.useState(false);
     const [isMenuFocused, setIsMenuFocused] = React.useState(false);
     const referenceElement = React.useRef(null);
-    const ref = forwardedRef ? composeRefs(referenceElement, forwardedRef) : referenceElement;
+    const generatedId = React.useId();
+    const inputId = id || generatedId;
     const selected2 = React.useMemo(() => {
       if (mode === "single" && typeof value === "string") {
         return parseISODate(value) || parseDate(value);
@@ -4517,84 +4526,99 @@
       },
       [onDidChange, updateState, mode, dateFormat]
     );
-    return inline ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$v.inlinePickerMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactDayPicker.DayPicker,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ItemWithLabel,
       {
-        required: void 0,
-        captionLayout: "dropdown",
-        fixedWeeks: true,
-        startMonth: startDate,
-        endMonth: endDate,
-        disabled: disabled2,
-        weekStartsOn: _weekStartsOn,
-        showWeekNumber,
-        showOutsideDays: true,
-        classNames: styles$v,
-        mode: mode === "single" ? "single" : "range",
-        selected: selected2,
-        onSelect: handleSelect,
-        autoFocus: !inline,
-        numberOfMonths: mode === "range" ? 2 : 1
-      }
-    ) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(ReactDropdownMenu__namespace.Root, { open, onOpenChange: setOpen, modal: false, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ReactDropdownMenu__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          disabled: !enabled2,
-          id,
-          ref,
-          style,
-          className: classnames(styles$v.datePicker, {
-            [styles$v.disabled]: !enabled2,
-            [styles$v.error]: validationStatus === "error",
-            [styles$v.warning]: validationStatus === "warning",
-            [styles$v.valid]: validationStatus === "valid"
-          }),
-          onFocus: handleOnButtonFocus,
-          onBlur: handleOnButtonBlur,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Adornment, { text: startText, iconName: startIcon, className: styles$v.adornment }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$v.datePickerValue, children: mode === "single" && selected2 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: dateFns.format(selected2, dateFormat) }) : mode === "range" && typeof selected2 === "object" && selected2.from ? selected2.to ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              dateFns.format(selected2.from, dateFormat),
-              " - ",
-              dateFns.format(selected2.to, dateFormat)
-            ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: dateFns.format(selected2.from, dateFormat) }) : placeholder2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$v.placeholder, children: placeholder2 }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: " " }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Adornment, { text: endText, iconName: endIcon, className: styles$v.adornment })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ReactDropdownMenu__namespace.Portal, { container: root2, children: /* @__PURE__ */ jsxRuntime.jsx(
-        ReactDropdownMenu__namespace.Content,
-        {
-          align: "start",
-          sideOffset: 5,
-          className: styles$v.datePickerMenu,
-          onFocus: handleOnMenuFocus,
-          onBlur: handleOnMenuBlur,
-          onInteractOutside: handleOnMenuBlur,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            reactDayPicker.DayPicker,
+        id: inputId,
+        labelPosition,
+        label: label2,
+        labelWidth,
+        labelBreak: labelBreak2,
+        required: required2,
+        enabled: enabled2,
+        onFocus,
+        onBlur,
+        style,
+        children: inline ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$v.inlinePickerMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
+          reactDayPicker.DayPicker,
+          {
+            required: void 0,
+            captionLayout: "dropdown",
+            fixedWeeks: true,
+            startMonth: startDate,
+            endMonth: endDate,
+            disabled: disabled2,
+            weekStartsOn: _weekStartsOn,
+            showWeekNumber,
+            showOutsideDays: true,
+            classNames: styles$v,
+            mode: mode === "single" ? "single" : "range",
+            selected: selected2,
+            onSelect: handleSelect,
+            autoFocus: !inline,
+            numberOfMonths: mode === "range" ? 2 : 1
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsxs(ReactDropdownMenu__namespace.Root, { open, onOpenChange: setOpen, modal: false, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ReactDropdownMenu__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
             {
-              required: void 0,
-              fixedWeeks: true,
-              classNames: styles$v,
-              captionLayout: "dropdown",
-              startMonth: startDate,
-              endMonth: endDate,
-              disabled: disabled2,
-              weekStartsOn: _weekStartsOn,
-              showWeekNumber,
-              showOutsideDays: true,
-              mode: mode === "single" ? "single" : "range",
-              selected: selected2,
-              onSelect: handleSelect,
-              autoFocus: !inline,
-              numberOfMonths: mode === "range" ? 2 : 1
+              disabled: !enabled2,
+              id,
+              style,
+              className: classnames(styles$v.datePicker, {
+                [styles$v.disabled]: !enabled2,
+                [styles$v.error]: validationStatus === "error",
+                [styles$v.warning]: validationStatus === "warning",
+                [styles$v.valid]: validationStatus === "valid"
+              }),
+              onFocus: handleOnButtonFocus,
+              onBlur: handleOnButtonBlur,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Adornment, { text: startText, iconName: startIcon, className: styles$v.adornment }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$v.datePickerValue, children: mode === "single" && selected2 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: dateFns.format(selected2, dateFormat) }) : mode === "range" && typeof selected2 === "object" && selected2.from ? selected2.to ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  dateFns.format(selected2.from, dateFormat),
+                  " - ",
+                  dateFns.format(selected2.to, dateFormat)
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: dateFns.format(selected2.from, dateFormat) }) : placeholder2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$v.placeholder, children: placeholder2 }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: " " }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(Adornment, { text: endText, iconName: endIcon, className: styles$v.adornment })
+              ]
             }
-          )
-        }
-      ) })
-    ] });
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ReactDropdownMenu__namespace.Portal, { container: root2, children: /* @__PURE__ */ jsxRuntime.jsx(
+            ReactDropdownMenu__namespace.Content,
+            {
+              align: "start",
+              sideOffset: 5,
+              className: styles$v.datePickerMenu,
+              onFocus: handleOnMenuFocus,
+              onBlur: handleOnMenuBlur,
+              onInteractOutside: handleOnMenuBlur,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                reactDayPicker.DayPicker,
+                {
+                  required: void 0,
+                  animate: true,
+                  fixedWeeks: true,
+                  classNames: styles$v,
+                  captionLayout: "dropdown",
+                  startMonth: startDate,
+                  endMonth: endDate,
+                  disabled: disabled2,
+                  weekStartsOn: _weekStartsOn,
+                  showWeekNumber,
+                  showOutsideDays: true,
+                  mode: mode === "single" ? "single" : "range",
+                  selected: selected2,
+                  onSelect: handleSelect,
+                  autoFocus: !inline,
+                  numberOfMonths: mode === "range" ? 2 : 1
+                }
+              )
+            }
+          ) })
+        ] })
+      }
+    );
   });
   const isoRegex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/;
   const parseISODate = (dateString) => {
@@ -4719,6 +4743,7 @@
       [`boxShadow-menu-${COMP$S}`]: "$boxShadow-md",
       [`borderRadius-menu-${COMP$S}`]: "$borderRadius",
       [`textColor-value-${COMP$S}`]: "$textColor-primary",
+      [`borderColor-selectedItem-${COMP$S}`]: "$color-primary-200",
       [`backgroundColor-menu-${COMP$S}`]: "$color-surface-50",
       [`backgroundColor-item-${COMP$S}--hover`]: "$color-surface-100",
       [`backgroundColor-item-${COMP$S}--active`]: "$color-surface-200"
@@ -17726,7 +17751,6 @@
     props: {
       placeholder: dPlaceholder(),
       initialValue: dInitialValue(),
-      maxLength: dMaxLength(),
       autoFocus: dAutoFocus(),
       required: dRequired(),
       readOnly: dReadonly(),