xmlui 0.9.13 → 0.9.15

package/dist/xmlui-metadata.umd.js

@@ -2021,6 +2021,7 @@
       "const-color-surface-800": "hsl(204, 30.3%, 27%)",
       "const-color-surface-900": "hsl(204, 30.3%, 16%)",
       "const-color-surface-950": "hsl(204, 30.3%, 13%)",
+      "const-color-surface-1000": "hsl(204, 30.3%, 9%)",
       "const-color-surface": "$const-color-surface-500",
       // --- Primary color shades (bluish)
       "const-color-primary-50": "hsl(212,71.9%,94.5%)",
@@ -2229,6 +2230,7 @@
           "color-surface-800": "$const-color-surface-800",
           "color-surface-900": "$const-color-surface-900",
           "color-surface-950": "$const-color-surface-950",
+          "color-surface-1000": "$const-color-surface-1000",
           "color-surface": "$const-color-surface-500",
           "color-surface-base": "$color-surface-0",
           "color-surface-lower": "$color-surface-100",
@@ -2317,7 +2319,7 @@
       dark: {
         themeVars: {
           // --- Default surface color shades (form white to black)
-          "color-surface-0": "$const-color-surface-950",
+          "color-surface-0": "$const-color-surface-1000",
           "color-surface-50": "$const-color-surface-950",
           "color-surface-100": "$const-color-surface-900",
           "color-surface-200": "$const-color-surface-800",
@@ -2329,6 +2331,7 @@
           "color-surface-800": "$const-color-surface-200",
           "color-surface-900": "$const-color-surface-100",
           "color-surface-950": "$const-color-surface-50",
+          "color-surface-1000": "$const-color-surface-0",
           "color-surface": "$const-color-surface-500",
           "color-surface-base": "$color-surface-0",
           "color-surface-lower": "$color-surface-0",
@@ -3675,14 +3678,18 @@
       }
     }
   });
-  const themeVars$B = `'{"padding-Card": "var(--xmlui-padding-Card)", "paddingHorizontal-Card": "var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card))", "paddingVertical-Card": "var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card))", "paddingLeft-Card": "var(--xmlui-paddingLeft-Card, var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card)))", "paddingRight-Card": "var(--xmlui-paddingRight-Card, var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card)))", "paddingTop-Card": "var(--xmlui-paddingTop-Card, var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card)))", "paddingBottom-Card": "var(--xmlui-paddingBottom-Card, var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card)))", "border-Card": "var(--xmlui-border-Card)", "borderHorizontal-Card": "var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card))", "borderVertical-Card": "var(--xmlui-borderVertical-Card, var(--xmlui-border-Card))", "borderLeft-Card": "var(--xmlui-borderLeft-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)))", "borderRight-Card": "var(--xmlui-borderRight-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)))", "borderTop-Card": "var(--xmlui-borderTop-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)))", "borderBottom-Card": "var(--xmlui-borderBottom-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)))", "borderWidth-Card": "var(--xmlui-borderWidth-Card)", "borderHorizontalWidth-Card": "var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card))", "borderLeftWidth-Card": "var(--xmlui-borderLeftWidth-Card, var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderRightWidth-Card": "var(--xmlui-borderRightWidth-Card, var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderVerticalWidth-Card": "var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card))", "borderTopWidth-Card": "var(--xmlui-borderTopWidth-Card, var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderBottomWidth-Card": "var(--xmlui-borderBottomWidth-Card, var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderStyle-Card": "var(--xmlui-borderStyle-Card)", "borderHorizontalStyle-Card": "var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card))", "borderLeftStyle-Card": "var(--xmlui-borderLeftStyle-Card, var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderRightStyle-Card": "var(--xmlui-borderRightStyle-Card, var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderVerticalStyle-Card": "var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card))", "borderTopStyle-Card": "var(--xmlui-borderTopStyle-Card, var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderBottomStyle-Card": "var(--xmlui-borderBottomStyle-Card, var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderColor-Card": "var(--xmlui-borderColor-Card)", "borderHorizontalColor-Card": "var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card))", "borderLeftColor-Card": "var(--xmlui-borderLeftColor-Card, var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card)))", "borderRightColor-Card": "var(--xmlui-borderRightColor-Card, var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card)))", "borderVerticalColor-Card": "var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card))", "borderTopColor-Card": "var(--xmlui-borderTopColor-Card, var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card)))", "borderBottomColor-Card": "var(--xmlui-borderBottomColor-Card, var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card)))", "borderStartStartRadius-Card": "var(--xmlui-borderStartStartRadius-Card, var(--xmlui-borderRadius-Card))", "borderStartEndRadius-Card": "var(--xmlui-borderStartEndRadius-Card, var(--xmlui-borderRadius-Card))", "borderEndStartRadius-Card": "var(--xmlui-borderEndStartRadius-Card, var(--xmlui-borderRadius-Card))", "borderEndEndRadius-Card": "var(--xmlui-borderEndEndRadius-Card, var(--xmlui-borderRadius-Card))", "boxShadow-Card": "var(--xmlui-boxShadow-Card)", "backgroundColor-Card": "var(--xmlui-backgroundColor-Card)", "borderRadius-Card": "var(--xmlui-borderRadius-Card)"}'`;
-  const wrapper$3 = "_wrapper_1fkvh_13";
-  const horizontal$1 = "_horizontal_1fkvh_46";
-  const vertical$1 = "_vertical_1fkvh_51";
-  const isClickable = "_isClickable_1fkvh_54";
+  const themeVars$B = `'{"padding-Card": "var(--xmlui-padding-Card)", "paddingHorizontal-Card": "var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card))", "paddingVertical-Card": "var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card))", "paddingLeft-Card": "var(--xmlui-paddingLeft-Card, var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card)))", "paddingRight-Card": "var(--xmlui-paddingRight-Card, var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card)))", "paddingTop-Card": "var(--xmlui-paddingTop-Card, var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card)))", "paddingBottom-Card": "var(--xmlui-paddingBottom-Card, var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card)))", "border-Card": "var(--xmlui-border-Card)", "borderHorizontal-Card": "var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card))", "borderVertical-Card": "var(--xmlui-borderVertical-Card, var(--xmlui-border-Card))", "borderLeft-Card": "var(--xmlui-borderLeft-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)))", "borderRight-Card": "var(--xmlui-borderRight-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)))", "borderTop-Card": "var(--xmlui-borderTop-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)))", "borderBottom-Card": "var(--xmlui-borderBottom-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)))", "borderWidth-Card": "var(--xmlui-borderWidth-Card)", "borderHorizontalWidth-Card": "var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card))", "borderLeftWidth-Card": "var(--xmlui-borderLeftWidth-Card, var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderRightWidth-Card": "var(--xmlui-borderRightWidth-Card, var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderVerticalWidth-Card": "var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card))", "borderTopWidth-Card": "var(--xmlui-borderTopWidth-Card, var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderBottomWidth-Card": "var(--xmlui-borderBottomWidth-Card, var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderStyle-Card": "var(--xmlui-borderStyle-Card)", "borderHorizontalStyle-Card": "var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card))", "borderLeftStyle-Card": "var(--xmlui-borderLeftStyle-Card, var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderRightStyle-Card": "var(--xmlui-borderRightStyle-Card, var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderVerticalStyle-Card": "var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card))", "borderTopStyle-Card": "var(--xmlui-borderTopStyle-Card, var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderBottomStyle-Card": "var(--xmlui-borderBottomStyle-Card, var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderColor-Card": "var(--xmlui-borderColor-Card)", "borderHorizontalColor-Card": "var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card))", "borderLeftColor-Card": "var(--xmlui-borderLeftColor-Card, var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card)))", "borderRightColor-Card": "var(--xmlui-borderRightColor-Card, var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card)))", "borderVerticalColor-Card": "var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card))", "borderTopColor-Card": "var(--xmlui-borderTopColor-Card, var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card)))", "borderBottomColor-Card": "var(--xmlui-borderBottomColor-Card, var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card)))", "borderStartStartRadius-Card": "var(--xmlui-borderStartStartRadius-Card, var(--xmlui-borderRadius-Card))", "borderStartEndRadius-Card": "var(--xmlui-borderStartEndRadius-Card, var(--xmlui-borderRadius-Card))", "borderEndStartRadius-Card": "var(--xmlui-borderEndStartRadius-Card, var(--xmlui-borderRadius-Card))", "borderEndEndRadius-Card": "var(--xmlui-borderEndEndRadius-Card, var(--xmlui-borderRadius-Card))", "boxShadow-Card": "var(--xmlui-boxShadow-Card)", "backgroundColor-Card": "var(--xmlui-backgroundColor-Card)", "borderRadius-Card": "var(--xmlui-borderRadius-Card)", "gap-Card": "var(--xmlui-gap-Card)", "gap-title-Card": "var(--xmlui-gap-title-Card)", "gap-avatar-Card": "var(--xmlui-gap-avatar-Card)", "horizontalAlignment-title-Card": "var(--xmlui-horizontalAlignment-title-Card)", "verticalAlignment-title-Card": "var(--xmlui-verticalAlignment-title-Card)"}'`;
+  const wrapper$3 = "_wrapper_1arn2_13";
+  const avatarWrapper = "_avatarWrapper_1arn2_46";
+  const titleWrapper = "_titleWrapper_1arn2_52";
+  const horizontal$1 = "_horizontal_1arn2_59";
+  const vertical$1 = "_vertical_1arn2_63";
+  const isClickable = "_isClickable_1arn2_66";
   const styles$E = {
     themeVars: themeVars$B,
     wrapper: wrapper$3,
+    avatarWrapper,
+    titleWrapper,
     horizontal: horizontal$1,
     vertical: vertical$1,
     isClickable
@@ -3836,6 +3843,7 @@
     linkTo,
     avatarUrl,
     showAvatar = !!avatarUrl || defaultProps$c.showAvatar,
+    avatarSize,
     onClick
   }, forwardedRef) {
     const titleProps = {
@@ -3853,11 +3861,11 @@
         style,
         onClick,
         children: [
-          [title2, subtitle2, avatarUrl, showAvatar].some(Boolean) && /* @__PURE__ */ jsxRuntime.jsxs(Stack, { orientation: "horizontal", verticalAlignment: "center", style: { gap: "1rem" }, children: [
-            showAvatar && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { url: avatarUrl, name: title2 }),
-            /* @__PURE__ */ jsxRuntime.jsxs(Stack, { orientation: "vertical", children: [
+          [title2, subtitle2, avatarUrl, showAvatar].some(Boolean) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$E.avatarWrapper, children: [
+            showAvatar && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { url: avatarUrl, name: title2, size: avatarSize }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$E.titleWrapper, children: [
               linkTo ? title2 ? /* @__PURE__ */ jsxRuntime.jsx(LocalLink, { to: linkTo + "", children: /* @__PURE__ */ jsxRuntime.jsx(Heading, { ...titleProps, children: title2 }) }) : null : title2 ? /* @__PURE__ */ jsxRuntime.jsx(Heading, { ...titleProps, children: title2 }) : null,
-              subtitle2 !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "small", children: subtitle2 })
+              subtitle2 !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "small", children: subtitle2 }) })
             ] })
           ] }),
           children
@@ -3878,6 +3886,11 @@
         valueType: "boolean",
         defaultValue: defaultProps$c.showAvatar
       },
+      avatarSize: {
+        description: `This prop sets the size of the avatar. The default value is \`sm\`.`,
+        availableValues: ["xs", "sm", "md", "lg"],
+        valueType: "string"
+      },
       title: {
         description: `This prop sets the prestyled title.`,
         valueType: "string"
@@ -3906,7 +3919,18 @@
       [`border-${COMP$Z}`]: "1px solid $borderColor",
       [`borderRadius-${COMP$Z}`]: "$borderRadius",
       [`boxShadow-${COMP$Z}`]: "none",
-      [`backgroundColor-${COMP$Z}`]: "$color-surface-raised"
+      [`backgroundColor-${COMP$Z}`]: "$color-surface-raised",
+      [`gap-${COMP$Z}`]: "var(--stack-gap-default)",
+      [`gap-title-${COMP$Z}`]: "$gap-normal",
+      [`gap-avatar-${COMP$Z}`]: "$gap-normal",
+      [`verticalAlignment-title-${COMP$Z}`]: "center"
+    },
+    themeVarDescriptions: {
+      [`gap-${COMP$Z}`]: "The gap between the component's children.",
+      [`gap-title-${COMP$Z}`]: "The gap between the title and the subtitle",
+      [`gap-avatar-${COMP$Z}`]: "The gap between the avatar and the title panel",
+      [`horizontalAlignment-title-${COMP$Z}`]: "The horizontal alignment of panel with the title and subtitle",
+      [`verticalAlignment-title-${COMP$Z}`]: "The vertical alignment of the title and subtitle to the avatar"
     }
   });
   const defaultProps$b = {
@@ -4173,54 +4197,52 @@
       }
     }
   });
-  const themeVars$w = `'{"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)", "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)"}'`;
-  const datePicker = "_datePicker_1lk6v_13";
-  const placeholder$1 = "_placeholder_1lk6v_47";
-  const adornment$1 = "_adornment_1lk6v_50";
-  const error$9 = "_error_1lk6v_53";
-  const warning$9 = "_warning_1lk6v_81";
-  const valid$9 = "_valid_1lk6v_109";
-  const disabled$4 = "_disabled_1lk6v_137";
-  const indicator$2 = "_indicator_1lk6v_143";
-  const datePickerInput = "_datePickerInput_1lk6v_143";
-  const datePickerValue = "_datePickerValue_1lk6v_147";
-  const inlinePickerMenu = "_inlinePickerMenu_1lk6v_152";
-  const datePickerMenu = "_datePickerMenu_1lk6v_269";
-  const root$2 = "_root_1lk6v_278";
-  const vhidden = "_vhidden_1lk6v_284";
-  const button_reset = "_button_reset_1lk6v_304";
-  const button$1 = "_button_1lk6v_304";
-  const day_selected = "_day_selected_1lk6v_326";
-  const months = "_months_1lk6v_344";
-  const month = "_month_1lk6v_344";
-  const table$1 = "_table_1lk6v_360";
-  const with_weeknumber = "_with_weeknumber_1lk6v_366";
-  const caption = "_caption_1lk6v_371";
-  const multiple_months = "_multiple_months_1lk6v_379";
-  const caption_dropdowns = "_caption_dropdowns_1lk6v_385";
-  const caption_label = "_caption_label_1lk6v_390";
-  const nav = "_nav_1lk6v_406";
-  const caption_start = "_caption_start_1lk6v_410";
-  const caption_end = "_caption_end_1lk6v_417";
-  const nav_button = "_nav_button_1lk6v_424";
-  const dropdown_year = "_dropdown_year_1lk6v_437";
-  const dropdown_month = "_dropdown_month_1lk6v_438";
-  const dropdown = "_dropdown_1lk6v_437";
-  const dropdown_icon = "_dropdown_icon_1lk6v_474";
-  const head = "_head_1lk6v_478";
-  const head_row = "_head_row_1lk6v_482";
-  const row$1 = "_row_1lk6v_483";
-  const head_cell = "_head_cell_1lk6v_487";
-  const tbody = "_tbody_1lk6v_498";
-  const tfoot = "_tfoot_1lk6v_502";
-  const cell$1 = "_cell_1lk6v_506";
-  const weeknumber = "_weeknumber_1lk6v_514";
-  const day = "_day_1lk6v_326";
-  const day_today = "_day_today_1lk6v_533";
-  const day_outside = "_day_outside_1lk6v_533";
-  const day_range_start = "_day_range_start_1lk6v_556";
-  const day_range_end = "_day_range_end_1lk6v_556";
-  const day_range_middle = "_day_range_middle_1lk6v_580";
+  const themeVars$w = `'{"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$4 = "_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 styles$z = {
     themeVars: themeVars$w,
     datePicker,
@@ -4234,39 +4256,37 @@
     datePickerInput,
     datePickerValue,
     inlinePickerMenu,
-    datePickerMenu,
     root: root$2,
+    datePickerMenu,
     vhidden,
     button_reset,
     button: button$1,
     day_selected,
+    button_next,
+    button_previous,
     months,
     month,
-    table: table$1,
-    with_weeknumber,
+    month_grid,
     caption,
     multiple_months,
     caption_dropdowns,
     caption_label,
+    chevron,
     nav,
     caption_start,
     caption_end,
     nav_button,
+    dropdowns,
     dropdown_year,
     dropdown_month,
     dropdown,
-    dropdown_icon,
-    head,
-    head_row,
-    row: row$1,
-    head_cell,
-    tbody,
-    tfoot,
-    cell: cell$1,
-    weeknumber,
     day,
-    day_today,
-    day_outside,
+    weekday,
+    week_number,
+    day_button,
+    today,
+    outside,
+    selected: selected$1,
     day_range_start,
     day_range_end,
     day_range_middle
@@ -4427,9 +4447,11 @@
     return inline ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$z.inlinePickerMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
       reactDayPicker.DayPicker,
       {
+        required: void 0,
+        captionLayout: "dropdown",
         fixedWeeks: true,
-        fromDate: startDate,
-        toDate: endDate,
+        startMonth: startDate,
+        endMonth: endDate,
         disabled: disabled2,
         weekStartsOn: _weekStartsOn,
         showWeekNumber,
@@ -4438,7 +4460,7 @@
         mode: mode === "single" ? "single" : "range",
         selected: selected2,
         onSelect: handleSelect,
-        initialFocus: !inline,
+        autoFocus: !inline,
         numberOfMonths: mode === "range" ? 2 : 1
       }
     ) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(ReactDropdownMenu__namespace.Root, { open, onOpenChange: setOpen, modal: false, children: [
@@ -4472,6 +4494,7 @@
         ReactDropdownMenu__namespace.Content,
         {
           align: "start",
+          sideOffset: 5,
           className: styles$z.datePickerMenu,
           onFocus: handleOnMenuFocus,
           onBlur: handleOnMenuBlur,
@@ -4479,18 +4502,20 @@
           children: /* @__PURE__ */ jsxRuntime.jsx(
             reactDayPicker.DayPicker,
             {
+              required: void 0,
               fixedWeeks: true,
-              fromDate: startDate,
-              toDate: endDate,
+              classNames: styles$z,
+              captionLayout: "dropdown",
+              startMonth: startDate,
+              endMonth: endDate,
               disabled: disabled2,
               weekStartsOn: _weekStartsOn,
               showWeekNumber,
               showOutsideDays: true,
-              classNames: styles$z,
               mode: mode === "single" ? "single" : "range",
               selected: selected2,
               onSelect: handleSelect,
-              initialFocus: true,
+              autoFocus: !inline,
               numberOfMonths: mode === "range" ? 2 : 1
             }
           )
@@ -12193,41 +12218,41 @@
     );
   }
   const themeVars$m = `'{"padding-item-Select": "var(--xmlui-padding-item-Select)", "paddingHorizontal-item-Select": "var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select))", "paddingVertical-item-Select": "var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select))", "paddingLeft-item-Select": "var(--xmlui-paddingLeft-item-Select, var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select)))", "paddingRight-item-Select": "var(--xmlui-paddingRight-item-Select, var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select)))", "paddingTop-item-Select": "var(--xmlui-paddingTop-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)))", "paddingBottom-item-Select": "var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)))", "Input:fontSize-Select-default": "var(--xmlui-fontSize-Select-default)", "Input:textColor-placeholder-Select-default": "var(--xmlui-textColor-placeholder-Select-default)", "Input:textColor-Select-default": "var(--xmlui-textColor-Select-default)", "Input:fontSize-Select-error": "var(--xmlui-fontSize-Select-error)", "Input:textColor-placeholder-Select-error": "var(--xmlui-textColor-placeholder-Select-error)", "Input:textColor-Select-error": "var(--xmlui-textColor-Select-error)", "Input:fontSize-Select-warning": "var(--xmlui-fontSize-Select-warning)", "Input:textColor-placeholder-Select-warning": "var(--xmlui-textColor-placeholder-Select-warning)", "Input:textColor-Select-warning": "var(--xmlui-textColor-Select-warning)", "Input:fontSize-Select-success": "var(--xmlui-fontSize-Select-success)", "Input:textColor-placeholder-Select-success": "var(--xmlui-textColor-placeholder-Select-success)", "Input:textColor-Select-success": "var(--xmlui-textColor-Select-success)", "Input:borderRadius-Select-default": "var(--xmlui-borderRadius-Select-default)", "Input:borderColor-Select-default": "var(--xmlui-borderColor-Select-default)", "Input:borderWidth-Select-default": "var(--xmlui-borderWidth-Select-default)", "Input:borderStyle-Select-default": "var(--xmlui-borderStyle-Select-default)", "Input:backgroundColor-Select-default": "var(--xmlui-backgroundColor-Select-default)", "Input:boxShadow-Select-default": "var(--xmlui-boxShadow-Select-default)", "Input:borderColor-Select-default--hover": "var(--xmlui-borderColor-Select-default--hover)", "Input:backgroundColor-Select-default--hover": "var(--xmlui-backgroundColor-Select-default--hover)", "Input:boxShadow-Select-default--hover": "var(--xmlui-boxShadow-Select-default--hover)", "Input:textColor-Select-default--hover": "var(--xmlui-textColor-Select-default--hover)", "Input:outlineWidth-Select-default--focus": "var(--xmlui-outlineWidth-Select-default--focus)", "Input:outlineColor-Select-default--focus": "var(--xmlui-outlineColor-Select-default--focus)", "Input:outlineStyle-Select-default--focus": "var(--xmlui-outlineStyle-Select-default--focus)", "Input:outlineOffset-Select-default--focus": "var(--xmlui-outlineOffset-Select-default--focus)", "Input:borderRadius-Select-error": "var(--xmlui-borderRadius-Select-error)", "Input:borderColor-Select-error": "var(--xmlui-borderColor-Select-error)", "Input:borderWidth-Select-error": "var(--xmlui-borderWidth-Select-error)", "Input:borderStyle-Select-error": "var(--xmlui-borderStyle-Select-error)", "Input:backgroundColor-Select-error": "var(--xmlui-backgroundColor-Select-error)", "Input:boxShadow-Select-error": "var(--xmlui-boxShadow-Select-error)", "Input:borderColor-Select-error--hover": "var(--xmlui-borderColor-Select-error--hover)", "Input:backgroundColor-Select-error--hover": "var(--xmlui-backgroundColor-Select-error--hover)", "Input:boxShadow-Select-error--hover": "var(--xmlui-boxShadow-Select-error--hover)", "Input:textColor-Select-error--hover": "var(--xmlui-textColor-Select-error--hover)", "Input:outlineWidth-Select-error--focus": "var(--xmlui-outlineWidth-Select-error--focus)", "Input:outlineColor-Select-error--focus": "var(--xmlui-outlineColor-Select-error--focus)", "Input:outlineStyle-Select-error--focus": "var(--xmlui-outlineStyle-Select-error--focus)", "Input:outlineOffset-Select-error--focus": "var(--xmlui-outlineOffset-Select-error--focus)", "Input:borderRadius-Select-warning": "var(--xmlui-borderRadius-Select-warning)", "Input:borderColor-Select-warning": "var(--xmlui-borderColor-Select-warning)", "Input:borderWidth-Select-warning": "var(--xmlui-borderWidth-Select-warning)", "Input:borderStyle-Select-warning": "var(--xmlui-borderStyle-Select-warning)", "Input:backgroundColor-Select-warning": "var(--xmlui-backgroundColor-Select-warning)", "Input:boxShadow-Select-warning": "var(--xmlui-boxShadow-Select-warning)", "Input:borderColor-Select-warning--hover": "var(--xmlui-borderColor-Select-warning--hover)", "Input:backgroundColor-Select-warning--hover": "var(--xmlui-backgroundColor-Select-warning--hover)", "Input:boxShadow-Select-warning--hover": "var(--xmlui-boxShadow-Select-warning--hover)", "Input:textColor-Select-warning--hover": "var(--xmlui-textColor-Select-warning--hover)", "Input:outlineWidth-Select-warning--focus": "var(--xmlui-outlineWidth-Select-warning--focus)", "Input:outlineColor-Select-warning--focus": "var(--xmlui-outlineColor-Select-warning--focus)", "Input:outlineStyle-Select-warning--focus": "var(--xmlui-outlineStyle-Select-warning--focus)", "Input:outlineOffset-Select-warning--focus": "var(--xmlui-outlineOffset-Select-warning--focus)", "Input:borderRadius-Select-success": "var(--xmlui-borderRadius-Select-success)", "Input:borderColor-Select-success": "var(--xmlui-borderColor-Select-success)", "Input:borderWidth-Select-success": "var(--xmlui-borderWidth-Select-success)", "Input:borderStyle-Select-success": "var(--xmlui-borderStyle-Select-success)", "Input:backgroundColor-Select-success": "var(--xmlui-backgroundColor-Select-success)", "Input:boxShadow-Select-success": "var(--xmlui-boxShadow-Select-success)", "Input:borderColor-Select-success--hover": "var(--xmlui-borderColor-Select-success--hover)", "Input:backgroundColor-Select-success--hover": "var(--xmlui-backgroundColor-Select-success--hover)", "Input:boxShadow-Select-success--hover": "var(--xmlui-boxShadow-Select-success--hover)", "Input:textColor-Select-success--hover": "var(--xmlui-textColor-Select-success--hover)", "Input:outlineWidth-Select-success--focus": "var(--xmlui-outlineWidth-Select-success--focus)", "Input:outlineColor-Select-success--focus": "var(--xmlui-outlineColor-Select-success--focus)", "Input:outlineStyle-Select-success--focus": "var(--xmlui-outlineStyle-Select-success--focus)", "Input:outlineOffset-Select-success--focus": "var(--xmlui-outlineOffset-Select-success--focus)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "Input:backgroundColor-Select--disabled": "var(--xmlui-backgroundColor-Select--disabled)", "Input:textColor-Select--disabled": "var(--xmlui-textColor-Select--disabled)", "Input:borderColor-Select--disabled": "var(--xmlui-borderColor-Select--disabled)", "paddingVertical-Select-badge": "var(--xmlui-paddingVertical-Select-badge)", "paddingHorizontal-Select-badge": "var(--xmlui-paddingHorizontal-Select-badge)", "Input:fontSize-Select-badge": "var(--xmlui-fontSize-Select-badge)", "Input:backgroundColor-Select-badge": "var(--xmlui-backgroundColor-Select-badge)", "Input:textColor-Select-badge": "var(--xmlui-textColor-Select-badge)", "Input:backgroundColor-Select-badge--hover": "var(--xmlui-backgroundColor-Select-badge--hover)", "Input:textColor-Select-badge--hover": "var(--xmlui-textColor-Select-badge--hover)", "Input:backgroundColor-Select-badge--active": "var(--xmlui-backgroundColor-Select-badge--active)", "Input:textColor-Select-badge--active": "var(--xmlui-textColor-Select-badge--active)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:backgroundColor-menu-Select": "var(--xmlui-backgroundColor-menu-Select)", "Input:borderRadius-menu-Select": "var(--xmlui-borderRadius-menu-Select)", "Input:boxShadow-menu-Select": "var(--xmlui-boxShadow-menu-Select)", "Input:borderWidth-menu-Select": "var(--xmlui-borderWidth-menu-Select)", "Input:borderColor-menu-Select": "var(--xmlui-borderColor-menu-Select)", "backgroundColor-item-Select": "var(--xmlui-backgroundColor-item-Select)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "fontSize-Select": "var(--xmlui-fontSize-Select)", "backgroundColor-item-Select--active": "var(--xmlui-backgroundColor-item-Select--active)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)"}'`;
-  const selectValue = "_selectValue_nwesf_13";
-  const error$6 = "_error_nwesf_21";
-  const warning$6 = "_warning_nwesf_29";
-  const valid$6 = "_valid_nwesf_37";
-  const selectTrigger = "_selectTrigger_nwesf_46";
-  const badgeListContainer = "_badgeListContainer_nwesf_170";
-  const badgeList$1 = "_badgeList_nwesf_170";
-  const badge$1 = "_badge_nwesf_170";
-  const actions$1 = "_actions_nwesf_210";
-  const placeholder = "_placeholder_nwesf_216";
-  const emptyList = "_emptyList_nwesf_221";
-  const selectScrollUpButton = "_selectScrollUpButton_nwesf_231";
-  const selectScrollDownButton = "_selectScrollDownButton_nwesf_240";
-  const command$1 = "_command_nwesf_249";
-  const commandInputContainer = "_commandInputContainer_nwesf_259";
-  const commandInput$1 = "_commandInput_nwesf_259";
-  const commandList$1 = "_commandList_nwesf_284";
-  const selectContent = "_selectContent_nwesf_289";
-  const fadeIn = "_fadeIn_nwesf_1";
-  const zoomIn = "_zoomIn_nwesf_1";
-  const fadeOut = "_fadeOut_nwesf_1";
-  const zoomOut = "_zoomOut_nwesf_1";
-  const slideInFromTop = "_slideInFromTop_nwesf_1";
-  const slideInFromRight = "_slideInFromRight_nwesf_1";
-  const slideInFromLeft = "_slideInFromLeft_nwesf_1";
-  const slideInFromBottom = "_slideInFromBottom_nwesf_1";
-  const multiComboboxOption = "_multiComboboxOption_nwesf_329";
-  const multiComboboxOptionContent = "_multiComboboxOptionContent_nwesf_329";
-  const selectItem = "_selectItem_nwesf_354";
-  const selectItemContent = "_selectItemContent_nwesf_369";
-  const selectItemIndicator = "_selectItemIndicator_nwesf_391";
-  const selectViewport = "_selectViewport_nwesf_402";
-  const selectEmpty = "_selectEmpty_nwesf_408";
-  const loading = "_loading_nwesf_419";
-  const srOnly = "_srOnly_nwesf_423";
+  const selectValue = "_selectValue_1ept5_13";
+  const error$6 = "_error_1ept5_21";
+  const warning$6 = "_warning_1ept5_29";
+  const valid$6 = "_valid_1ept5_37";
+  const selectTrigger = "_selectTrigger_1ept5_46";
+  const badgeListContainer = "_badgeListContainer_1ept5_170";
+  const badgeList$1 = "_badgeList_1ept5_170";
+  const badge$1 = "_badge_1ept5_170";
+  const actions$1 = "_actions_1ept5_210";
+  const placeholder = "_placeholder_1ept5_216";
+  const emptyList = "_emptyList_1ept5_221";
+  const selectScrollUpButton = "_selectScrollUpButton_1ept5_231";
+  const selectScrollDownButton = "_selectScrollDownButton_1ept5_240";
+  const command$1 = "_command_1ept5_249";
+  const commandInputContainer = "_commandInputContainer_1ept5_259";
+  const commandInput$1 = "_commandInput_1ept5_259";
+  const commandList$1 = "_commandList_1ept5_284";
+  const selectContent = "_selectContent_1ept5_289";
+  const fadeIn = "_fadeIn_1ept5_1";
+  const zoomIn = "_zoomIn_1ept5_1";
+  const fadeOut = "_fadeOut_1ept5_1";
+  const zoomOut = "_zoomOut_1ept5_1";
+  const slideInFromTop = "_slideInFromTop_1ept5_1";
+  const slideInFromRight = "_slideInFromRight_1ept5_1";
+  const slideInFromLeft = "_slideInFromLeft_1ept5_1";
+  const slideInFromBottom = "_slideInFromBottom_1ept5_1";
+  const multiComboboxOption = "_multiComboboxOption_1ept5_329";
+  const multiComboboxOptionContent = "_multiComboboxOptionContent_1ept5_329";
+  const selectItem = "_selectItem_1ept5_354";
+  const selectItemContent = "_selectItemContent_1ept5_369";
+  const selectItemIndicator = "_selectItemIndicator_1ept5_390";
+  const selectViewport = "_selectViewport_1ept5_401";
+  const selectEmpty = "_selectEmpty_1ept5_407";
+  const loading = "_loading_1ept5_418";
+  const srOnly = "_srOnly_1ept5_422";
   const styles$o = {
     themeVars: themeVars$m,
     selectValue,
@@ -12686,7 +12711,7 @@
         return () => onOptionRemove(option);
       }, [option, onOptionAdd, onOptionRemove]);
       return /* @__PURE__ */ jsxRuntime.jsx(reactSelect.Item, { ref, className: styles$o.selectItem, value: value + "", disabled: !enabled2, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$o.selectItemContent, children: optionRenderer ? optionRenderer({
-        label: /* @__PURE__ */ jsxRuntime.jsx(reactSelect.ItemText, { children: label2 }),
+        label: label2,
         value,
         enabled: enabled2
       }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -15296,7 +15321,12 @@
       )
     },
     contextVars: {
-      $item: d(`This property represents the value of an item in the data list.`)
+      $item: d(`This property represents the value of an item in the data list.`),
+      $itemIndex: dComponent(
+        "This integer value represents the current row index (zero-based) while rendering children."
+      ),
+      $isFirst: dComponent("This boolean value indicates if the component renders its first item."),
+      $isLast: dComponent("This boolean value indicates if the component renders its last item.")
     },
     themeVars: parseScssVar(styles$h.themeVars)
   });
@@ -15348,18 +15378,19 @@
     defaultThemeVars: {
       "backgroundColor-Admonition": "$color-warn-300",
       "borderRadius-Admonition": "$space-4",
-      "iconSize-Admonition": "1.5rem",
-      "padding-Admonition": "1rem",
-      "marginBottom-Admonition": "1rem",
-      "marginLeft-Admonition-content": ".5rem",
+      "iconSize-Admonition": "$space-6",
+      "padding-Admonition": "$space-4",
+      "marginBottom-Admonition": "$space-4",
+      "marginLeft-Admonition-content": "$space-2",
       "backgroundColor-Blockquote": "$color-warn-200",
       "accentWidth-Blockquote": "3px",
       "accentColor-Blockquote": "$color-surface-500",
-      "padding-Blockquote": ".5rem",
-      "marginBottom-Blockquote": "1rem",
-      "marginBottom-Text-codefence": ".5rem",
-      "marginBottom-Text-markdown": ".5rem",
-      "marginTop-HtmlLi": "-0.5rem",
+      "padding-Blockquote": "$space-2",
+      "marginBottom-Blockquote": "$space-4",
+      "marginBottom-Text-codefence": "$space-2",
+      "marginBottom-Text-markdown": "$space-2",
+      "marginTop-HtmlLi": "$space-2",
+      "marginBottom-HtmlLi": "$space-2",
       light: {
         // --- No light-specific theme vars
       },
@@ -16120,7 +16151,9 @@
       focus: dFocus(COMP$t),
       setValue: dSetValueApi(),
       value: dValue(),
-      reset: d(`This method resets the component to its initial value, or clears the selection if no initial value was provided.`)
+      reset: d(
+        `This method resets the component to its initial value, or clears the selection if no initial value was provided.`
+      )
     },
     contextVars: {
       $item: d(`This property represents the value of an item in the dropdown list.`),
@@ -16377,31 +16410,32 @@
     }
   });
   const themeVars$7 = `'{"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))", "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)", "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)"}'`;
-  const wrapper = "_wrapper_q25wx_13";
-  const noScroll = "_noScroll_q25wx_19";
-  const headerWrapper = "_headerWrapper_q25wx_23";
-  const tableBody = "_tableBody_q25wx_23";
-  const clickableHeader = "_clickableHeader_q25wx_29";
-  const headerContent = "_headerContent_q25wx_43";
-  const headerRow = "_headerRow_q25wx_76";
-  const columnCell = "_columnCell_q25wx_81";
-  const cell = "_cell_q25wx_81";
-  const table = "_table_q25wx_23";
-  const row = "_row_q25wx_93";
-  const checkBoxWrapper = "_checkBoxWrapper_q25wx_99";
-  const showInHeader = "_showInHeader_q25wx_103";
-  const selected = "_selected_q25wx_106";
-  const allSelected = "_allSelected_q25wx_106";
-  const focused = "_focused_q25wx_152";
-  const disabled = "_disabled_q25wx_164";
-  const noRows = "_noRows_q25wx_193";
-  const pagination = "_pagination_q25wx_199";
-  const paginationLabel = "_paginationLabel_q25wx_215";
-  const paginationSelect = "_paginationSelect_q25wx_220";
-  const paginationButtons = "_paginationButtons_q25wx_226";
-  const loadingWrapper = "_loadingWrapper_q25wx_238";
-  const resizer = "_resizer_q25wx_253";
-  const isResizing = "_isResizing_q25wx_275";
+  const wrapper = "_wrapper_1wbg1_13";
+  const noScroll = "_noScroll_1wbg1_19";
+  const headerWrapper = "_headerWrapper_1wbg1_23";
+  const tableBody = "_tableBody_1wbg1_23";
+  const clickableHeader = "_clickableHeader_1wbg1_29";
+  const headerContent = "_headerContent_1wbg1_43";
+  const headerRow = "_headerRow_1wbg1_76";
+  const columnCell = "_columnCell_1wbg1_81";
+  const cell = "_cell_1wbg1_81";
+  const table = "_table_1wbg1_23";
+  const row = "_row_1wbg1_93";
+  const checkBoxWrapper = "_checkBoxWrapper_1wbg1_99";
+  const showInHeader = "_showInHeader_1wbg1_103";
+  const selected = "_selected_1wbg1_106";
+  const allSelected = "_allSelected_1wbg1_106";
+  const focused = "_focused_1wbg1_152";
+  const disabled = "_disabled_1wbg1_164";
+  const noBottomBorder = "_noBottomBorder_1wbg1_168";
+  const noRows = "_noRows_1wbg1_196";
+  const pagination = "_pagination_1wbg1_202";
+  const paginationLabel = "_paginationLabel_1wbg1_218";
+  const paginationSelect = "_paginationSelect_1wbg1_223";
+  const paginationButtons = "_paginationButtons_1wbg1_229";
+  const loadingWrapper = "_loadingWrapper_1wbg1_241";
+  const resizer = "_resizer_1wbg1_256";
+  const isResizing = "_isResizing_1wbg1_278";
   const styles$7 = {
     themeVars: themeVars$7,
     wrapper,
@@ -16421,6 +16455,7 @@
     allSelected,
     focused,
     disabled,
+    noBottomBorder,
     noRows,
     pagination,
     paginationLabel,
@@ -16707,7 +16742,8 @@
       hideNoDataView = false,
       alwaysShowSelectionHeader = false,
       registerComponentApi,
-      onSelectionDidChange
+      onSelectionDidChange,
+      noBottomBorder: noBottomBorder2 = false
       // cols
     }, forwardedRef) => {
       var _a, _b, _c, _d;
@@ -17149,7 +17185,8 @@
                           className: classnames(styles$7.row, {
                             [styles$7.selected]: row2.getIsSelected(),
                             [styles$7.focused]: focusedIndex === rowIndex,
-                            [styles$7.disabled]: rowDisabledPredicate(row2.original)
+                            [styles$7.disabled]: rowDisabledPredicate(row2.original),
+                            [styles$7.noBottomBorder]: noBottomBorder2
                           }),
                           ref: (el) => {
                             if (el && estimatedHeightRef.current === null) {
@@ -17346,6 +17383,11 @@
         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.",
         valueType: "boolean",
         defaultValue: false
+      },
+      noBottomBorder: {
+        description: `This property indicates whether the table should have a bottom border. When set to \`true\`, the table does not have a bottom border. Otherwise, it has a bottom border.`,
+        valueType: "boolean",
+        defaultValue: false
       }
     },
     events: {
@@ -17504,7 +17546,8 @@
             ),
             alwaysShowSelectionHeader: extractValue.asOptionalBoolean(
               node.props.alwaysShowSelectionHeader
-            )
+            ),
+            noBottomBorder: extractValue.asOptionalBoolean(node.props.noBottomBorder)
           }
         )
       ] });
@@ -17633,7 +17676,7 @@
       [`color-${COMP$k}Item--active`]: "$color-primary-500"
     }
   });
-  const themeVars$5 = `'{"backgroundColor-Tabs": "var(--xmlui-backgroundColor-Tabs)", "borderColor-Tabs": "var(--xmlui-borderColor-Tabs)", "borderWidth-Tabs": "var(--xmlui-borderWidth-Tabs)", "borderColor-active-Tabs": "var(--xmlui-borderColor-active-Tabs)", "backgroundColor-trigger-Tabs": "var(--xmlui-backgroundColor-trigger-Tabs)", "textColor-trigger-Tabs": "var(--xmlui-textColor-trigger-Tabs)", "backgroundColor-trigger-Tabs--hover": "var(--xmlui-backgroundColor-trigger-Tabs--hover)", "backgroundColor-list-Tabs": "var(--xmlui-backgroundColor-list-Tabs)"}'`;
+  const themeVars$5 = `'{"padding-trigger-Tabs": "var(--xmlui-padding-trigger-Tabs)", "paddingHorizontal-trigger-Tabs": "var(--xmlui-paddingHorizontal-trigger-Tabs, var(--xmlui-padding-trigger-Tabs))", "paddingVertical-trigger-Tabs": "var(--xmlui-paddingVertical-trigger-Tabs, var(--xmlui-padding-trigger-Tabs))", "paddingLeft-trigger-Tabs": "var(--xmlui-paddingLeft-trigger-Tabs, var(--xmlui-paddingHorizontal-trigger-Tabs, var(--xmlui-padding-trigger-Tabs)))", "paddingRight-trigger-Tabs": "var(--xmlui-paddingRight-trigger-Tabs, var(--xmlui-paddingHorizontal-trigger-Tabs, var(--xmlui-padding-trigger-Tabs)))", "paddingTop-trigger-Tabs": "var(--xmlui-paddingTop-trigger-Tabs, var(--xmlui-paddingVertical-trigger-Tabs, var(--xmlui-padding-trigger-Tabs)))", "paddingBottom-trigger-Tabs": "var(--xmlui-paddingBottom-trigger-Tabs, var(--xmlui-paddingVertical-trigger-Tabs, var(--xmlui-padding-trigger-Tabs)))", "backgroundColor-Tabs": "var(--xmlui-backgroundColor-Tabs)", "borderColor-Tabs": "var(--xmlui-borderColor-Tabs)", "borderWidth-Tabs": "var(--xmlui-borderWidth-Tabs)", "borderColor-active-Tabs": "var(--xmlui-borderColor-active-Tabs)", "backgroundColor-trigger-Tabs": "var(--xmlui-backgroundColor-trigger-Tabs)", "borderRadius-trigger-Tabs": "var(--xmlui-borderRadius-trigger-Tabs)", "border-trigger-Tabs": "var(--xmlui-border-trigger-Tabs)", "textColor-trigger-Tabs": "var(--xmlui-textColor-trigger-Tabs)", "backgroundColor-trigger-Tabs--hover": "var(--xmlui-backgroundColor-trigger-Tabs--hover)", "backgroundColor-trigger-Tabs--active": "var(--xmlui-backgroundColor-trigger-Tabs--active)", "backgroundColor-list-Tabs": "var(--xmlui-backgroundColor-list-Tabs)", "borderRadius-list-Tabs": "var(--xmlui-borderRadius-list-Tabs)", "border-list-Tabs": "var(--xmlui-border-list-Tabs)"}'`;
   const styles$5 = {
     themeVars: themeVars$5
   };
@@ -17658,15 +17701,16 @@
     },
     themeVars: parseScssVar(styles$5.themeVars),
     defaultThemeVars: {
-      [`backgroundColor-${COMP$j}`]: "$backgroundColor-primary",
+      // [`backgroundColor-${COMP}`]: "transparent",
       [`borderStyle-${COMP$j}`]: "solid",
       [`borderColor-${COMP$j}`]: "$borderColor",
       [`borderColor-active-${COMP$j}`]: "$color-primary",
       [`borderWidth-${COMP$j}`]: "2px",
-      [`backgroundColor-trigger-${COMP$j}`]: "$backgroundColor-primary",
-      [`backgroundColor-trigger-${COMP$j}--hover`]: "$color-primary-50",
-      [`backgroundColor-list-${COMP$j}`]: "$color-primary-50",
-      [`textColor-trigger-${COMP$j}`]: "$color-primary-100"
+      // [`backgroundColor-trigger-${COMP}`]: "transparent",
+      [`backgroundColor-trigger-${COMP$j}--hover`]: "$color-surface-100",
+      [`padding-trigger-${COMP$j}`]: "$space-4"
+      // [`backgroundColor-list-${COMP}`]: "$color-primary-50",
+      // [`textColor-trigger-${COMP}`]: "$color-primary-100",
     }
   });
   const COMP$i = "Text";
@@ -18254,9 +18298,16 @@
     },
     events: {
       loaded: d(
-        `The component triggers this event when the fetch operation has been completed and the data is loaded. The argument of the event is the data loaded.`
+        "The component triggers this event when the fetch operation has been completed and the data is loaded. The event has two arguments. The first is the data loaded; the second indicates if the event is a result of a refetch."
       ),
       error: d(`This event fires when a request results in an error.`)
+    },
+    apis: {
+      value: d("This property retrieves the data queried from the source after optional transformations."),
+      inProgress: d("This property indicates if the data is being fetched."),
+      isRefetching: d("This property indicates if the data is being re-fetched."),
+      loaded: d("This property indicates if the data has been loaded."),
+      refetch: d("This method requests the re-fetch of the data.")
     }
   });
   var CharacterCodes = /* @__PURE__ */ ((CharacterCodes2) => {
@@ -21061,8 +21112,7 @@
       ),
       enabled: dEnabled(),
       optionTemplate: d("This property is used to define a custom option template")
-    },
-    childrenAsTemplate: "optionTemplate"
+    }
   });
   const OptionNative = React.memo((props) => {
     const OptionType = useOptionType();