xmlui 0.9.13 → 0.9.14

package/dist/{index-DiCe0Ajo.mjs → index-D82p1y9A.mjs}

@@ -26,7 +26,7 @@ import toast, { Toaster, ToastBar } from "react-hot-toast";
 import { Virtualizer } from "virtua";
 import { createContext as createContext$1, useContextSelector } from "use-context-selector";
 import memoizeOne from "memoize-one";
-import { Portal, Root, Trigger, Value, Icon as Icon$1, Content, ScrollUpButton, Viewport, ScrollDownButton, Item as Item$1, ItemText, ItemIndicator } from "@radix-ui/react-select";
+import { Portal, Root, Trigger, Value, Icon as Icon$1, Content, ScrollUpButton, Viewport, ScrollDownButton, Item as Item$1, ItemText, ItemIndicator, SelectItemText } from "@radix-ui/react-select";
 import { Popover, PopoverTrigger, PopoverContent, Portal as Portal$1 } from "@radix-ui/react-popover";
 import { Command, CommandInput, CommandList, CommandEmpty, CommandItem, CommandGroup } from "cmdk";
 import * as InnerRadioGroup from "@radix-ui/react-radio-group";
@@ -4609,7 +4609,7 @@ const MemoizedItem = memo(
 );
 const wrapper$e = "_wrapper_1c1hh_14";
 const rowWrapper = "_rowWrapper_1c1hh_18";
-const selected$1 = "_selected_1c1hh_28";
+const selected$2 = "_selected_1c1hh_28";
 const gutter = "_gutter_1c1hh_42";
 const toggleWrapper = "_toggleWrapper_1c1hh_50";
 const hidden = "_hidden_1c1hh_59";
@@ -4619,7 +4619,7 @@ const labelWrapper = "_labelWrapper_1c1hh_78";
 const styles$T = {
   wrapper: wrapper$e,
   rowWrapper,
-  selected: selected$1,
+  selected: selected$2,
   gutter,
   toggleWrapper,
   hidden,
@@ -7571,31 +7571,32 @@ const fragmentComponentRenderer = createComponentRenderer(
   }
 );
 const themeVars$B = `'{"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$d = "_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$1 = "_cell_q25wx_81";
-const table$1 = "_table_q25wx_23";
-const row$2 = "_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$1 = "_focused_q25wx_152";
-const disabled$4 = "_disabled_q25wx_164";
-const noRows$1 = "_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$1 = "_loadingWrapper_q25wx_238";
-const resizer$1 = "_resizer_q25wx_253";
-const isResizing = "_isResizing_q25wx_275";
+const wrapper$d = "_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$1 = "_row_1wbg1_93";
+const checkBoxWrapper = "_checkBoxWrapper_1wbg1_99";
+const showInHeader = "_showInHeader_1wbg1_103";
+const selected$1 = "_selected_1wbg1_106";
+const allSelected = "_allSelected_1wbg1_106";
+const focused$1 = "_focused_1wbg1_152";
+const disabled$4 = "_disabled_1wbg1_164";
+const noBottomBorder = "_noBottomBorder_1wbg1_168";
+const noRows$1 = "_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$1 = "_loadingWrapper_1wbg1_241";
+const resizer$1 = "_resizer_1wbg1_256";
+const isResizing = "_isResizing_1wbg1_278";
 const styles$Q = {
   themeVars: themeVars$B,
   wrapper: wrapper$d,
@@ -7606,15 +7607,16 @@ const styles$Q = {
   headerContent,
   headerRow,
   columnCell,
-  cell: cell$1,
-  table: table$1,
-  row: row$2,
+  cell,
+  table,
+  row: row$1,
   checkBoxWrapper,
   showInHeader,
-  selected,
+  selected: selected$1,
   allSelected,
   focused: focused$1,
   disabled: disabled$4,
+  noBottomBorder,
   noRows: noRows$1,
   pagination,
   paginationLabel,
@@ -9040,7 +9042,8 @@ const Table = forwardRef(
     hideNoDataView = false,
     alwaysShowSelectionHeader = false,
     registerComponentApi,
-    onSelectionDidChange
+    onSelectionDidChange,
+    noBottomBorder: noBottomBorder2 = false
     // cols
   }, forwardedRef) => {
     var _a, _b, _c, _d;
@@ -9482,7 +9485,8 @@ const Table = forwardRef(
                         className: classnames(styles$Q.row, {
                           [styles$Q.selected]: row2.getIsSelected(),
                           [styles$Q.focused]: focusedIndex === rowIndex,
-                          [styles$Q.disabled]: rowDisabledPredicate(row2.original)
+                          [styles$Q.disabled]: rowDisabledPredicate(row2.original),
+                          [styles$Q.noBottomBorder]: noBottomBorder2
                         }),
                         ref: (el) => {
                           if (el && estimatedHeightRef.current === null) {
@@ -9679,6 +9683,11 @@ const TableMd = createMetadata({
       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: {
@@ -9837,7 +9846,8 @@ const TableWithColumns = forwardRef(
           ),
           alwaysShowSelectionHeader: extractValue.asOptionalBoolean(
             node.props.alwaysShowSelectionHeader
-          )
+          ),
+          noBottomBorder: extractValue.asOptionalBoolean(node.props.noBottomBorder)
         }
       )
     ] });
@@ -10195,14 +10205,18 @@ const contentSeparatorComponentRenderer = createComponentRenderer(
     );
   }
 );
-const themeVars$v = `'{"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$b = "_wrapper_1fkvh_13";
-const horizontal$2 = "_horizontal_1fkvh_46";
-const vertical$2 = "_vertical_1fkvh_51";
-const isClickable = "_isClickable_1fkvh_54";
+const themeVars$v = `'{"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$b = "_wrapper_1arn2_13";
+const avatarWrapper = "_avatarWrapper_1arn2_46";
+const titleWrapper = "_titleWrapper_1arn2_52";
+const horizontal$2 = "_horizontal_1arn2_59";
+const vertical$2 = "_vertical_1arn2_63";
+const isClickable = "_isClickable_1arn2_66";
 const styles$K = {
   themeVars: themeVars$v,
   wrapper: wrapper$b,
+  avatarWrapper,
+  titleWrapper,
   horizontal: horizontal$2,
   vertical: vertical$2,
   isClickable
@@ -10220,6 +10234,7 @@ const Card = forwardRef(function Card2({
   linkTo,
   avatarUrl,
   showAvatar = !!avatarUrl || defaultProps$b.showAvatar,
+  avatarSize,
   onClick
 }, forwardedRef) {
   const titleProps = {
@@ -10237,11 +10252,11 @@ const Card = forwardRef(function Card2({
       style: style2,
       onClick,
       children: [
-        [title2, subtitle2, avatarUrl, showAvatar].some(Boolean) && /* @__PURE__ */ jsxs(Stack, { orientation: "horizontal", verticalAlignment: "center", style: { gap: "1rem" }, children: [
-          showAvatar && /* @__PURE__ */ jsx(Avatar, { url: avatarUrl, name: title2 }),
-          /* @__PURE__ */ jsxs(Stack, { orientation: "vertical", children: [
+        [title2, subtitle2, avatarUrl, showAvatar].some(Boolean) && /* @__PURE__ */ jsxs("div", { className: styles$K.avatarWrapper, children: [
+          showAvatar && /* @__PURE__ */ jsx(Avatar, { url: avatarUrl, name: title2, size: avatarSize }),
+          /* @__PURE__ */ jsxs("div", { className: styles$K.titleWrapper, children: [
             linkTo ? title2 ? /* @__PURE__ */ jsx(LocalLink, { to: linkTo + "", children: /* @__PURE__ */ jsx(Heading, { ...titleProps, children: title2 }) }) : null : title2 ? /* @__PURE__ */ jsx(Heading, { ...titleProps, children: title2 }) : null,
-            subtitle2 !== void 0 && /* @__PURE__ */ jsx(Text, { variant: "small", children: subtitle2 })
+            subtitle2 !== void 0 && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Text, { variant: "small", children: subtitle2 }) })
           ] })
         ] }),
         children
@@ -10262,6 +10277,11 @@ const CardMd = createMetadata({
       valueType: "boolean",
       defaultValue: defaultProps$b.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"
@@ -10290,7 +10310,18 @@ const CardMd = createMetadata({
     [`border-${COMP$12}`]: "1px solid $borderColor",
     [`borderRadius-${COMP$12}`]: "$borderRadius",
     [`boxShadow-${COMP$12}`]: "none",
-    [`backgroundColor-${COMP$12}`]: "$color-surface-raised"
+    [`backgroundColor-${COMP$12}`]: "$color-surface-raised",
+    [`gap-${COMP$12}`]: "var(--stack-gap-default)",
+    [`gap-title-${COMP$12}`]: "$gap-normal",
+    [`gap-avatar-${COMP$12}`]: "$gap-normal",
+    [`verticalAlignment-title-${COMP$12}`]: "center"
+  },
+  themeVarDescriptions: {
+    [`gap-${COMP$12}`]: "The gap between the component's children.",
+    [`gap-title-${COMP$12}`]: "The gap between the title and the subtitle",
+    [`gap-avatar-${COMP$12}`]: "The gap between the avatar and the title panel",
+    [`horizontalAlignment-title-${COMP$12}`]: "The horizontal alignment of panel with the title and subtitle",
+    [`verticalAlignment-title-${COMP$12}`]: "The vertical alignment of the title and subtitle to the avatar"
   }
 });
 const cardComponentRenderer = createComponentRenderer(
@@ -10306,6 +10337,7 @@ const cardComponentRenderer = createComponentRenderer(
         subtitle: extractValue.asOptionalString(node.props.subtitle),
         avatarUrl: extractValue.asOptionalString(node.props.avatarUrl),
         showAvatar: extractValue.asOptionalBoolean(node.props.showAvatar),
+        avatarSize: extractValue.asOptionalString(node.props.avatarSize),
         orientation: extractValue.asOptionalString(node.props.orientation),
         children: renderChild2(node.children, {
           type: "Stack",
@@ -12424,7 +12456,7 @@ const loadingWrapper = "_loadingWrapper_5o4m3_36";
 const noRows = "_noRows_5o4m3_44";
 const borderCollapse = "_borderCollapse_5o4m3_54";
 const sectioned = "_sectioned_5o4m3_54";
-const row$1 = "_row_5o4m3_54";
+const row = "_row_5o4m3_54";
 const section = "_section_5o4m3_54";
 const sectionFooter = "_sectionFooter_5o4m3_70";
 const styles$D = {
@@ -12437,7 +12469,7 @@ const styles$D = {
   noRows,
   borderCollapse,
   sectioned,
-  row: row$1,
+  row,
   section,
   sectionFooter
 };
@@ -15642,41 +15674,41 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
   );
 }
 const themeVars$j = `'{"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$7 = "_error_nwesf_21";
-const warning$7 = "_warning_nwesf_29";
-const valid$7 = "_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$1 = "_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$7 = "_error_1ept5_21";
+const warning$7 = "_warning_1ept5_29";
+const valid$7 = "_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$1 = "_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$x = {
   themeVars: themeVars$j,
   selectValue,
@@ -16135,7 +16167,7 @@ const SelectOption = React__default.forwardRef(
       return () => onOptionRemove(option);
     }, [option, onOptionAdd, onOptionRemove]);
     return /* @__PURE__ */ jsx(Item$1, { ref, className: styles$x.selectItem, value: value + "", disabled: !enabled2, children: /* @__PURE__ */ jsx("div", { className: styles$x.selectItemContent, children: optionRenderer ? optionRenderer({
-      label: /* @__PURE__ */ jsx(ItemText, { children: label2 }),
+      label: label2,
       value,
       enabled: enabled2
     }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -16307,54 +16339,52 @@ const RadioGroupOption = ({
     })
   ] }) : item2 }, id);
 };
-const themeVars$h = `'{"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 = "_placeholder_1lk6v_47";
-const adornment = "_adornment_1lk6v_50";
-const error$5 = "_error_1lk6v_53";
-const warning$5 = "_warning_1lk6v_81";
-const valid$5 = "_valid_1lk6v_109";
-const disabled$2 = "_disabled_1lk6v_137";
-const indicator$1 = "_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$1 = "_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 = "_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$1 = "_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 = "_row_1lk6v_483";
-const head_cell = "_head_cell_1lk6v_487";
-const tbody = "_tbody_1lk6v_498";
-const tfoot = "_tfoot_1lk6v_502";
-const cell = "_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$h = `'{"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 = "_placeholder_qilmv_47";
+const adornment = "_adornment_qilmv_50";
+const error$5 = "_error_qilmv_53";
+const warning$5 = "_warning_qilmv_81";
+const valid$5 = "_valid_qilmv_109";
+const disabled$2 = "_disabled_qilmv_137";
+const indicator$1 = "_indicator_qilmv_143";
+const datePickerInput = "_datePickerInput_qilmv_143";
+const datePickerValue = "_datePickerValue_qilmv_147";
+const inlinePickerMenu = "_inlinePickerMenu_qilmv_152";
+const root$1 = "_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$1 = "_chevron_qilmv_421";
+const nav$1 = "_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 = "_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$v = {
   themeVars: themeVars$h,
   datePicker,
@@ -16368,39 +16398,37 @@ const styles$v = {
   datePickerInput,
   datePickerValue,
   inlinePickerMenu,
-  datePickerMenu,
   root: root$1,
+  datePickerMenu,
   vhidden,
   button_reset,
   button: button$1,
   day_selected,
+  button_next,
+  button_previous,
   months,
   month,
-  table,
-  with_weeknumber,
+  month_grid,
   caption,
   multiple_months,
   caption_dropdowns,
   caption_label,
+  chevron: chevron$1,
   nav: nav$1,
   caption_start,
   caption_end,
   nav_button,
+  dropdowns,
   dropdown_year,
   dropdown_month,
   dropdown,
-  dropdown_icon,
-  head,
-  head_row,
-  row,
-  head_cell,
-  tbody,
-  tfoot,
-  cell,
-  weeknumber,
   day,
-  day_today,
-  day_outside,
+  weekday,
+  week_number,
+  day_button,
+  today,
+  outside,
+  selected,
   day_range_start,
   day_range_end,
   day_range_middle
@@ -16561,9 +16589,11 @@ const DatePicker = forwardRef(function DatePicker2({
   return inline ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: styles$v.inlinePickerMenu, children: /* @__PURE__ */ jsx(
     DayPicker,
     {
+      required: void 0,
+      captionLayout: "dropdown",
       fixedWeeks: true,
-      fromDate: startDate,
-      toDate: endDate,
+      startMonth: startDate,
+      endMonth: endDate,
       disabled: disabled2,
       weekStartsOn: _weekStartsOn,
       showWeekNumber,
@@ -16572,7 +16602,7 @@ const DatePicker = forwardRef(function DatePicker2({
       mode: mode === "single" ? "single" : "range",
       selected: selected2,
       onSelect: handleSelect,
-      initialFocus: !inline,
+      autoFocus: !inline,
       numberOfMonths: mode === "range" ? 2 : 1
     }
   ) }) }) : /* @__PURE__ */ jsxs(ReactDropdownMenu.Root, { open: open2, onOpenChange: setOpen, modal: false, children: [
@@ -16606,6 +16636,7 @@ const DatePicker = forwardRef(function DatePicker2({
       ReactDropdownMenu.Content,
       {
         align: "start",
+        sideOffset: 5,
         className: styles$v.datePickerMenu,
         onFocus: handleOnMenuFocus,
         onBlur: handleOnMenuBlur,
@@ -16613,18 +16644,20 @@ const DatePicker = forwardRef(function DatePicker2({
         children: /* @__PURE__ */ jsx(
           DayPicker,
           {
+            required: void 0,
             fixedWeeks: true,
-            fromDate: startDate,
-            toDate: endDate,
+            classNames: styles$v,
+            captionLayout: "dropdown",
+            startMonth: startDate,
+            endMonth: endDate,
             disabled: disabled2,
             weekStartsOn: _weekStartsOn,
             showWeekNumber,
             showOutsideDays: true,
-            classNames: styles$v,
             mode: mode === "single" ? "single" : "range",
             selected: selected2,
             onSelect: handleSelect,
-            initialFocus: true,
+            autoFocus: !inline,
             numberOfMonths: mode === "range" ? 2 : 1
           }
         )
@@ -21323,18 +21356,19 @@ const MarkdownMd = createMetadata({
   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
     },
@@ -21421,7 +21455,9 @@ const SelectMd = createMetadata({
     focus: dFocus(COMP$v),
     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.`),
@@ -21473,7 +21509,9 @@ const selectComponentRenderer = createComponentRenderer(
         multiSelect: extractValue.asOptionalBoolean(node.props.multiSelect),
         style: layoutCss,
         inProgress: extractValue.asOptionalBoolean(node.props.inProgress),
-        inProgressNotificationMessage: extractValue.asOptionalString(node.props.inProgressNotificationMessage),
+        inProgressNotificationMessage: extractValue.asOptionalString(
+          node.props.inProgressNotificationMessage
+        ),
         updateState,
         searchable: extractValue.asOptionalBoolean(node.props.searchable),
         initialValue: extractValue(node.props.initialValue),
@@ -21509,7 +21547,7 @@ const selectComponentRenderer = createComponentRenderer(
             {
               node: node.props.optionTemplate,
               item: item2,
-              renderChild: renderChild2
+              renderChild: (...args) => /* @__PURE__ */ jsx(SelectItemText, { children: renderChild2(...args) })
             }
           );
         } : void 0,
@@ -25075,15 +25113,21 @@ function Loader({
   onLoaded,
   loaderLoaded: loaderLoaded2,
   loaderInProgressChanged: loaderInProgressChanged2,
+  loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderError: loaderError2,
   transformResult
 }) {
   const { uid } = loader;
   const appContext = useAppContext();
-  const { data, status, isFetching, error: error2, refetch } = useQuery(
-    {
-      queryKey: useMemo(() => queryId ? queryId : [uid, extractParam(state, loader.props, appContext)], [appContext, loader.props, queryId, state, uid]),
-      queryFn: useCallback(async ({ signal }) => {
+  const [isRefetching, setIsRefetching] = useState(false);
+  const { data, status, isFetching, error: error2, refetch } = useQuery({
+    queryKey: useMemo(
+      () => queryId ? queryId : [uid, extractParam(state, loader.props, appContext)],
+      [appContext, loader.props, queryId, state, uid]
+    ),
+    structuralSharing: false,
+    queryFn: useCallback(
+      async ({ signal }) => {
         try {
           const newVar = await loaderFn(signal);
           if (newVar === void 0) {
@@ -25093,8 +25137,11 @@ function Loader({
         } catch (error22) {
           throw error22;
         }
-      }, [loaderFn]),
-      select: useCallback((data2) => {
+      },
+      [loaderFn]
+    ),
+    select: useCallback(
+      (data2) => {
         let result = data2;
         const resultSelector = loader.props.resultSelector;
         if (resultSelector) {
@@ -25105,14 +25152,16 @@ function Loader({
         }
         const finalResult = transformResult ? transformResult(result) : result;
         return finalResult;
-      }, [loader.props.resultSelector, transformResult]),
-      retry: false
-    }
-  );
+      },
+      [loader.props.resultSelector, transformResult]
+    ),
+    retry: false
+  });
   useEffect(() => {
     let intervalId;
     if (pollIntervalInSeconds) {
       intervalId = setInterval(() => {
+        setIsRefetching(true);
         refetch();
       }, pollIntervalInSeconds * 1e3);
     }
@@ -25127,16 +25176,21 @@ function Loader({
   useLayoutEffect(() => {
     loaderInProgressChanged2(isFetching);
   }, [isFetching, loaderInProgressChanged2]);
+  useLayoutEffect(() => {
+    loaderIsRefetchingChanged2(isRefetching);
+  }, [isRefetching, loaderIsRefetchingChanged2]);
   useLayoutEffect(() => {
     if (status === "success" && data !== prevData) {
       loaderLoaded2(data);
       setTimeout(() => {
-        onLoaded == null ? void 0 : onLoaded(data);
+        onLoaded == null ? void 0 : onLoaded(data, isRefetching);
+        setIsRefetching(false);
       }, 0);
     } else if (status === "error" && error2 !== prevError) {
       loaderError2(error2);
+      setIsRefetching(false);
     }
-  }, [data, error2, loaderError2, loaderLoaded2, onLoaded, prevData, prevError, status]);
+  }, [data, error2, loaderError2, loaderLoaded2, onLoaded, prevData, prevError, status, isRefetching]);
   useLayoutEffect(() => {
     return () => {
       loaderLoaded2(void 0);
@@ -25144,7 +25198,10 @@ function Loader({
   }, [loaderLoaded2, uid]);
   useEffect(() => {
     registerComponentApi == null ? void 0 : registerComponentApi({
-      refetch,
+      refetch: async (options2) => {
+        setIsRefetching(true);
+        refetch(options2);
+      },
       update: async (updater) => {
         var _a, _b;
         const oldData = (_a = appContext.queryClient) == null ? void 0 : _a.getQueryData(queryId);
@@ -25186,6 +25243,7 @@ function Loader({
 function ApiLoader$1({
   loader,
   loaderInProgressChanged: loaderInProgressChanged2,
+  loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderLoaded: loaderLoaded2,
   loaderError: loaderError2,
   state,
@@ -25198,7 +25256,6 @@ function ApiLoader$1({
     if (!loadable) {
       return;
     }
-    console.log("doLoad ", url);
     const response = await fetch(url);
     if (loader.props.raw) {
       return await response.text();
@@ -25215,6 +25272,7 @@ function ApiLoader$1({
       state,
       loader,
       loaderInProgressChanged: loaderInProgressChanged2,
+      loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaderLoaded2,
       loaderError: loaderError2,
       loaderFn: doLoad
@@ -25230,13 +25288,14 @@ const ApiLoaderMd = createMetadata({
 });
 const apiLoaderRenderer = createLoaderRenderer(
   "ApiLoader",
-  ({ loader, state, dispatch, loaderInProgressChanged: loaderInProgressChanged2, loaderLoaded: loaderLoaded2, loaderError: loaderError2 }) => {
+  ({ loader, state, loaderInProgressChanged: loaderInProgressChanged2, loaderIsRefetchingChanged: loaderIsRefetchingChanged2, loaderLoaded: loaderLoaded2, loaderError: loaderError2 }) => {
     return /* @__PURE__ */ jsx(
       ApiLoader$1,
       {
         loader,
         state,
         loaderInProgressChanged: loaderInProgressChanged2,
+        loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
         loaderLoaded: loaderLoaded2,
         loaderError: loaderError2
       }
@@ -25247,6 +25306,7 @@ const apiLoaderRenderer = createLoaderRenderer(
 function ExternalDataLoader({
   loader,
   loaderInProgressChanged: loaderInProgressChanged2,
+  loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderError: loaderError2,
   loaderLoaded: loaderLoaded2,
   state,
@@ -25256,14 +25316,12 @@ function ExternalDataLoader({
   const method = extractParam(state, loader.props.method, appContext);
   const headers = extractParam(state, loader.props.headers, appContext);
   const data = extractParam(state, loader.props.data, appContext);
-  console.log("resolve");
   const url = extractParam(state, loader.props.url, appContext);
   const urlLoadable = !!url;
   const doLoad = useCallback(async () => {
     if (!urlLoadable) {
       return;
     }
-    console.log("doLoad ", url, data);
     const response = await fetch(url, {
       method: method || "POST",
       headers: {
@@ -25276,7 +25334,6 @@ function ExternalDataLoader({
     if (!doNotRemoveNulls) {
       removeNullProperties(responseObj);
     }
-    console.log("result", responseObj);
     return responseObj;
   }, [urlLoadable, headers, data, url, method, doNotRemoveNulls]);
   return /* @__PURE__ */ jsx(
@@ -25285,6 +25342,7 @@ function ExternalDataLoader({
       state,
       loader,
       loaderInProgressChanged: loaderInProgressChanged2,
+      loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaderLoaded2,
       loaderError: loaderError2,
       loaderFn: doLoad
@@ -25302,13 +25360,14 @@ const ExternalDataLoaderMd = createMetadata({
 });
 const externalDataLoaderRenderer = createLoaderRenderer(
   "ExternalDataLoader",
-  ({ loader, state, loaderInProgressChanged: loaderInProgressChanged2, loaderError: loaderError2, loaderLoaded: loaderLoaded2 }) => {
+  ({ loader, state, loaderInProgressChanged: loaderInProgressChanged2, loaderIsRefetchingChanged: loaderIsRefetchingChanged2, loaderError: loaderError2, loaderLoaded: loaderLoaded2 }) => {
     return /* @__PURE__ */ jsx(
       ExternalDataLoader,
       {
         loader,
         state,
         loaderInProgressChanged: loaderInProgressChanged2,
+        loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
         loaderLoaded: loaderLoaded2,
         loaderError: loaderError2
       }
@@ -25319,6 +25378,7 @@ const externalDataLoaderRenderer = createLoaderRenderer(
 function ApiLoader({
   loader,
   loaderInProgressChanged: loaderInProgressChanged2,
+  loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderError: loaderError2,
   loaderLoaded: loaderLoaded2,
   state
@@ -25336,6 +25396,7 @@ function ApiLoader({
       state,
       loader,
       loaderInProgressChanged: loaderInProgressChanged2,
+      loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaderLoaded2,
       loaderError: loaderError2,
       loaderFn: doLoad
@@ -25358,6 +25419,7 @@ const mockLoaderRenderer = createLoaderRenderer(
         loader,
         state,
         loaderInProgressChanged: loaderInProgressChanged2,
+        loaderIsRefetchingChanged: loaderInProgressChanged2,
         loaderLoaded: loaderLoaded2,
         loaderError: loaderError2
       }
@@ -25374,6 +25436,7 @@ function PageableLoader({
   pollIntervalInSeconds,
   onLoaded,
   loaderInProgressChanged: loaderInProgressChanged2,
+  loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderLoaded: loaderLoaded2,
   loaderError: loaderError2,
   transformResult
@@ -25385,6 +25448,7 @@ function PageableLoader({
     [appContext, loader.props, queryId, state, uid]
   );
   const thizRef = useRef(queryKey);
+  const [isRefetching, setIsRefetching] = useState(false);
   const getPreviousPageParam = useCallback(
     (firstPage) => {
       let prevPageParam = void 0;
@@ -25485,6 +25549,9 @@ function PageableLoader({
   useLayoutEffect(() => {
     loaderInProgressChanged2(isFetching);
   }, [isFetching, loaderInProgressChanged2]);
+  useLayoutEffect(() => {
+    loaderIsRefetchingChanged2(isRefetching);
+  }, [isRefetching, loaderIsRefetchingChanged2]);
   const pageInfo = useMemo(() => {
     return {
       hasPrevPage: hasPreviousPage,
@@ -25498,10 +25565,12 @@ function PageableLoader({
     if (status === "success" && (prevData !== data || prevPageInfo !== pageInfo)) {
       loaderLoaded2(data, pageInfo);
       setTimeout(() => {
-        onLoaded == null ? void 0 : onLoaded(data);
+        onLoaded == null ? void 0 : onLoaded(data, isRefetching);
+        setIsRefetching(false);
       }, 0);
     } else if (status === "error" && prevError !== error2) {
       loaderError2(error2);
+      setIsRefetching(false);
     }
   }, [
     data,
@@ -25519,6 +25588,7 @@ function PageableLoader({
     let intervalId;
     if (pollIntervalInSeconds) {
       intervalId = setInterval(() => {
+        setIsRefetching(true);
         refetch();
       }, pollIntervalInSeconds * 1e3);
     }
@@ -25538,7 +25608,10 @@ function PageableLoader({
     registerComponentApi({
       fetchPrevPage,
       fetchNextPage: stableFetchNextPage,
-      refetch,
+      refetch: async (options2) => {
+        setIsRefetching(true);
+        refetch(options2);
+      },
       update: async (updater) => {
         var _a, _b;
         const oldData = (_a = appContext.queryClient) == null ? void 0 : _a.getQueryData(queryId);
@@ -25600,6 +25673,7 @@ function DataLoader({
   onLoaded,
   onError,
   loaderInProgressChanged: loaderInProgressChanged2,
+  loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderLoaded: loaderLoaded2,
   loaderError: loaderError2,
   transformResult
@@ -25855,6 +25929,7 @@ function DataLoader({
       state,
       loader,
       loaderInProgressChanged: inProgress,
+      loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaded,
       loaderError: error2,
       loaderFn: doLoad,
@@ -25871,6 +25946,7 @@ function DataLoader({
       state,
       loader,
       loaderInProgressChanged: inProgress,
+      loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaded,
       loaderError: error2,
       loaderFn: doLoad,
@@ -25913,6 +25989,7 @@ const dataLoaderRenderer = createLoaderRenderer(
     state,
     loaderLoaded: loaderLoaded2,
     loaderInProgressChanged: loaderInProgressChanged2,
+    loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
     loaderError: loaderError2,
     registerComponentApi,
     lookupAction,
@@ -25928,6 +26005,7 @@ const dataLoaderRenderer = createLoaderRenderer(
         loader,
         state,
         loaderInProgressChanged: loaderInProgressChanged2,
+        loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
         loaderLoaded: loaderLoaded2,
         loaderError: loaderError2,
         registerComponentApi,
@@ -28096,8 +28174,7 @@ const OptionMd = createMetadata({
     ),
     enabled: dEnabled(),
     optionTemplate: d("This property is used to define a custom option template")
-  },
-  childrenAsTemplate: "optionTemplate"
+  }
 });
 const OptionNative = memo((props) => {
   const OptionType = useOptionType();
@@ -31484,7 +31561,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.9.13";
+const version = "0.9.14";
 const ApiInterceptorContext = createContext(null);
 function useApiInterceptorContext() {
   return useContext(ApiInterceptorContext);
@@ -31593,6 +31670,7 @@ const mathFunctions = {
 var ContainerActionKind = /* @__PURE__ */ ((ContainerActionKind2) => {
   ContainerActionKind2["LOADER_LOADED"] = "ContainerActionKind:LOADER_LOADED";
   ContainerActionKind2["LOADER_IN_PROGRESS_CHANGED"] = "ContainerActionKind:LOADER_IN_PROGRESS_CHANGED";
+  ContainerActionKind2["LOADER_IS_REFETCHING_CHANGED"] = "ContainerActionKind:LOADER_IS_REFETCHING_CHANGED";
   ContainerActionKind2["LOADER_ERROR"] = "ContainerActionKind:LOADER_ERROR";
   ContainerActionKind2["EVENT_HANDLER_STARTED"] = "ContainerActionKind:EVENT_HANDLER_STARTED";
   ContainerActionKind2["EVENT_HANDLER_COMPLETED"] = "ContainerActionKind:EVENT_HANDLER_COMPLETED";
@@ -31651,6 +31729,11 @@ function createContainerReducer(debugView) {
         storeNextValue(state[uid]);
         break;
       }
+      case ContainerActionKind.LOADER_IS_REFETCHING_CHANGED: {
+        state[uid] = { ...state[uid], isRefetching: action.payload.isRefetching };
+        storeNextValue(state[uid]);
+        break;
+      }
       case ContainerActionKind.LOADER_LOADED: {
         const { data, pageInfo } = action.payload;
         state[uid] = {
@@ -31726,7 +31809,6 @@ function createContainerReducer(debugView) {
         prevState,
         nextState
       };
-      console.log("Transition", loggedTransition);
       if (debugView.stateTransitions) {
         if (debugView.stateTransitions.length >= MAX_STATE_TRANSITION_LENGTH) {
           debugView.stateTransitions.shift();
@@ -33171,6 +33253,12 @@ function LoaderComponent({
     },
     [dispatch, uid]
   );
+  const memoedLoaderIsRefetchingChanged = useCallback(
+    (isRefetching) => {
+      dispatch(loaderIsRefetchingChanged(uid, isRefetching));
+    },
+    [dispatch, uid]
+  );
   const memoedLoaderLoaded = useCallback(
     (data, pageInfo) => {
       dispatch(loaderLoaded(uid, data, pageInfo));
@@ -33195,6 +33283,7 @@ function LoaderComponent({
     state,
     dispatch,
     loaderInProgressChanged: memoedLoaderInProgressChanged,
+    loaderIsRefetchingChanged: memoedLoaderIsRefetchingChanged,
     loaderLoaded: memoedLoaderLoaded,
     loaderError: memoedLoaderError,
     extractValue: valueExtractor,
@@ -33212,6 +33301,15 @@ function loaderInProgressChanged(uid, isInProgress) {
     }
   };
 }
+function loaderIsRefetchingChanged(uid, isRefetching) {
+  return {
+    type: ContainerActionKind.LOADER_IS_REFETCHING_CHANGED,
+    payload: {
+      uid,
+      isRefetching
+    }
+  };
+}
 function loaderLoaded(uid, data, pageInfo) {
   return {
     type: ContainerActionKind.LOADER_LOADED,
@@ -35564,7 +35662,8 @@ function AppRoot({
   resourceMap,
   sources,
   extensionManager,
-  children
+  children,
+  projectCompilation
 }) {
   const rootNode = useMemo(() => {
     const themedRoot = node.type === "Theme" ? {
@@ -35587,9 +35686,14 @@ function AppRoot({
       uses: []
     };
   }, [node]);
+  if (projectCompilation) {
+    const entryDeps = projectCompilation.entrypoint.dependencies;
+    getTransitiveDependencies(entryDeps, projectCompilation.components);
+  }
   return /* @__PURE__ */ jsx(ComponentProvider, { contributes, extensionManager, children: /* @__PURE__ */ jsx(DebugViewProvider, { debugConfig: globalProps == null ? void 0 : globalProps.debug, children: /* @__PURE__ */ jsx(
     AppWrapper,
     {
+      projectCompilation,
       resourceMap,
       apiInterceptor,
       node: rootNode,
@@ -35609,6 +35713,26 @@ function AppRoot({
     }
   ) }) });
 }
+function getTransitiveDependencies(directCompDepNames, components) {
+  const allDepsByCompName = components.reduce(
+    function addDepsByNameToCollection(collection, { definition: { name }, dependencies }) {
+      return collection.set(name, dependencies);
+    },
+    /* @__PURE__ */ new Map()
+  );
+  const transitiveDeps = /* @__PURE__ */ new Set();
+  populateTransitiveDeps(directCompDepNames);
+  return transitiveDeps;
+  function populateTransitiveDeps(directCompDepNames2) {
+    for (const directDep of directCompDepNames2) {
+      if (!transitiveDeps.has(directDep)) {
+        transitiveDeps.add(directDep);
+        const depsOfDirectDep = allDepsByCompName.get(directDep);
+        populateTransitiveDeps(depsOfDirectDep);
+      }
+    }
+  }
+}
 function ApiInterceptorProvider({
   interceptor,
   children,
@@ -35622,7 +35746,7 @@ function ApiInterceptorProvider({
       let interceptorWorker;
       (async () => {
         if (process.env.VITE_MOCK_ENABLED) {
-          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-BUaYCWe6.mjs");
+          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-B9XuRkxC.mjs");
           if (interceptor) {
             interceptorWorker = await createApiInterceptorWorker(interceptor, apiWorker);
             if (!apiWorker) {
@@ -35953,9 +36077,16 @@ const DataSourceMd = createMetadata({
   },
   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.")
   }
 });
 const collectedComponentMetadata = {
@@ -36167,7 +36298,7 @@ function StandaloneApp({
   runtime,
   extensionManager
 }) {
-  const { standaloneApp } = useStandalone(appDef, runtime, extensionManager);
+  const { standaloneApp, projectCompilation } = useStandalone(appDef, runtime, extensionManager);
   usePrintVersionNumber(standaloneApp);
   if (!standaloneApp) {
     return null;
@@ -36195,6 +36326,7 @@ function StandaloneApp({
   return /* @__PURE__ */ jsx(ApiInterceptorProvider, { interceptor: mockedApi, useHashBasedRouting, children: /* @__PURE__ */ jsx(
     AppRoot,
     {
+      projectCompilation,
       decorateComponentsWithTestId: shouldDecorateWithTestId,
       node: entryPoint,
       standalone: true,
@@ -36267,6 +36399,7 @@ async function parseCodeBehindResponse(response) {
     }
     removeCodeBehindTokensFromTree(codeBehind);
     return {
+      src: code2,
       codeBehind,
       file: response.url
     };
@@ -36284,9 +36417,8 @@ function resolveRuntime(runtime) {
   const projectCompilation = {
     entrypoint: {
       filename: "",
-      componentName: "Main",
       definition: null,
-      dependencies: []
+      dependencies: /* @__PURE__ */ new Set()
     },
     components: [],
     themes: {}
@@ -36304,11 +36436,11 @@ function resolveRuntime(runtime) {
       config = value.default;
     }
     if (matchesFileName(key, "Main") || matchesFileName(key, "App")) {
-      projectCompilation.entrypoint.filename = key;
       if (key.endsWith(codeBehindFileExtension)) {
         entryPointCodeBehind = value.default;
         projectCompilation.entrypoint.codeBehindSource = value.default.src;
       } else {
+        projectCompilation.entrypoint.filename = key;
         entryPoint = value.default.component;
         projectCompilation.entrypoint.definition = entryPoint;
         projectCompilation.entrypoint.markupSource = value.default.src;
@@ -36323,9 +36455,25 @@ function resolveRuntime(runtime) {
     if (matchesFolder(key, "components")) {
       if (key.endsWith(`.${codeBehindFileExtension}`)) {
         codeBehindsByFileName[key] = value.default;
+        const componentCompilationForCodeBehind = projectCompilation.components.findLast(
+          ({ filename }) => {
+            const idxOfCodeBehindFileExtension = key.lastIndexOf(codeBehindFileExtension);
+            const idxOfComponentFileExtension = filename.lastIndexOf(componentFileExtension);
+            const extensionlessFilenamesMatch = filename.substring(0, idxOfComponentFileExtension) === key.substring(0, idxOfCodeBehindFileExtension);
+            return extensionlessFilenamesMatch;
+          }
+        );
+        componentCompilationForCodeBehind.codeBehindSource = value.default.src;
       } else {
         componentsByFileName[key] = value.default.component;
         sources[value.default.file] = value.default.src;
+        const componentCompilation = {
+          definition: value.default.component,
+          filename: key,
+          markupSource: value.default.src,
+          dependencies: /* @__PURE__ */ new Set()
+        };
+        projectCompilation.components.push(componentCompilation);
       }
     }
     if (matchesFolder(key, "themes")) {
@@ -36412,7 +36560,6 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
       var _a, _b, _c, _d;
       const resolvedRuntime = resolveRuntime(runtime);
       const appDef = mergeAppDefWithRuntime(resolvedRuntime.standaloneApp, standaloneAppDef);
-      setProjectCompilation(resolvedRuntime.projectCompilation);
       if ((process.env.VITE_DEV_MODE || process.env.VITE_BUILD_MODE === "INLINE_ALL") && !process.env.VITE_STANDALONE) {
         if (!appDef) {
           throw new Error("couldn't find the application metadata");
@@ -36421,6 +36568,11 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
         if (lintErrorComponent2) {
           appDef.entryPoint = lintErrorComponent2;
         }
+        discoverCompilationDependencies({
+          projectCompilation: resolvedRuntime.projectCompilation,
+          extensionManager
+        });
+        setProjectCompilation(resolvedRuntime.projectCompilation);
         setStandaloneApp(appDef);
         return;
       }
@@ -36445,6 +36597,11 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
         if (lintErrorComponent2) {
           newAppDef2.entryPoint = lintErrorComponent2;
         }
+        discoverCompilationDependencies({
+          projectCompilation: resolvedRuntime.projectCompilation,
+          extensionManager
+        });
+        setProjectCompilation(resolvedRuntime.projectCompilation);
         setStandaloneApp(newAppDef2);
         return;
       }
@@ -36522,6 +36679,12 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
       const codeBehinds = {};
       if (loadedEntryPoint.file) {
         sources[loadedEntryPoint.file] = loadedEntryPoint.src;
+        resolvedRuntime.projectCompilation.entrypoint.filename = MAIN_FILE;
+        resolvedRuntime.projectCompilation.entrypoint.definition = loadedEntryPoint.component;
+        resolvedRuntime.projectCompilation.entrypoint.markupSource = loadedEntryPoint.src;
+        if ((loadedEntryPointCodeBehind == null ? void 0 : loadedEntryPointCodeBehind.src) !== void 0) {
+          resolvedRuntime.projectCompilation.entrypoint.codeBehindSource = loadedEntryPointCodeBehind.src;
+        }
       }
       loadedComponents.forEach((compWrapper) => {
         var _a2;
@@ -36577,6 +36740,7 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
       const componentsFailedToLoad = /* @__PURE__ */ new Set();
       while (componentsToLoad.size > 0) {
         const componentPromises2 = [...componentsToLoad].map(async (componentPath) => {
+          var _a2;
           try {
             const componentPromise = fetchWithoutCache(
               `components/${componentPath}.${componentFileExtension}`
@@ -36591,7 +36755,7 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
                   errorComponents.push(codeBehindWrapper.component);
                 }
                 resolve(
-                  codeBehindWrapper.hasError ? codeBehindWrapper.component : codeBehindWrapper.codeBehind
+                  codeBehindWrapper.hasError ? codeBehindWrapper.component : codeBehindWrapper
                 );
               } catch {
                 resolve(null);
@@ -36606,18 +36770,31 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
               errorComponents.push(compWrapper.component);
             }
             sources[compWrapper.file] = compWrapper.src;
-            return {
+            const compCompilation = {
+              dependencies: /* @__PURE__ */ new Set(),
+              filename: compWrapper.file,
+              markupSource: compWrapper.src,
+              definition: compWrapper.component
+            };
+            if (componentCodeBehind && "src" in componentCodeBehind) {
+              compCompilation.codeBehindSource = componentCodeBehind.src;
+            }
+            resolvedRuntime.projectCompilation.components.push(compCompilation);
+            const compoundComp = {
               ...compWrapper.component,
               component: {
                 ...compWrapper.component.component,
                 vars: {
                   ...compWrapper.component.component.vars,
-                  ...componentCodeBehind == null ? void 0 : componentCodeBehind.vars
-                },
-                functions: componentCodeBehind == null ? void 0 : componentCodeBehind.functions,
-                scriptError: componentCodeBehind == null ? void 0 : componentCodeBehind.moduleErrors
+                  ...(_a2 = componentCodeBehind == null ? void 0 : componentCodeBehind.component) == null ? void 0 : _a2.vars
+                }
               }
             };
+            if (componentCodeBehind && "codeBehind" in componentCodeBehind) {
+              compoundComp.component.functions = componentCodeBehind.codeBehind.functions;
+              compoundComp.component.scriptError = componentCodeBehind.codeBehind.moduleErrors;
+            }
+            return compoundComp;
           } catch (e) {
             componentsFailedToLoad.add(componentPath);
             return null;
@@ -36653,6 +36830,11 @@ function useStandalone(standaloneAppDef, runtime = EMPTY_OBJECT, extensionManage
       } else if (lintErrorComponent) {
         newAppDef.entryPoint = lintErrorComponent;
       }
+      discoverCompilationDependencies({
+        projectCompilation: resolvedRuntime.projectCompilation,
+        extensionManager
+      });
+      setProjectCompilation(resolvedRuntime.projectCompilation);
       setStandaloneApp(newAppDef);
     })();
   }, [runtime, standaloneAppDef]);
@@ -36733,6 +36915,42 @@ function processAppLinting(appDef, metadataByComponent) {
     return null;
   }
 }
+function discoverCompilationDependencies({
+  projectCompilation: { components, entrypoint },
+  extensionManager
+}) {
+  const registry = new ComponentRegistry({}, extensionManager);
+  const entrypointDependencies = discoverDirectComponentDependencies(
+    entrypoint.definition,
+    registry
+  );
+  entrypoint.dependencies = entrypointDependencies;
+  for (const componentCompilation of components) {
+    const compDependencies = discoverDirectComponentDependencies(
+      componentCompilation.definition.component,
+      registry
+    );
+    compDependencies.delete(componentCompilation.definition.name);
+    componentCompilation.dependencies = compDependencies;
+  }
+  registry.destroy();
+}
+function discoverDirectComponentDependencies(entrypoint, registry) {
+  return discoverDirectComponentDependenciesHelp(entrypoint, registry, /* @__PURE__ */ new Set());
+}
+function discoverDirectComponentDependenciesHelp(component, registry, deps) {
+  const compName = component.type;
+  if (!registry.hasComponent(compName)) {
+    deps.add(compName);
+  }
+  if (!component.children) {
+    return deps;
+  }
+  for (const child of component.children) {
+    discoverDirectComponentDependenciesHelp(child, registry, deps);
+  }
+  return deps;
+}
 export {
   AppRoot as A,
   Button as B,