@ceed/ads 1.37.0 → 1.38.0-next.1

package/dist/index.cjs

@@ -85,17 +85,17 @@ __export(index_exports, {
   AccordionSummary: () => AccordionSummary,
   Accordions: () => Accordions,
   Alert: () => Alert,
-  AspectRatio: () => import_joy73.AspectRatio,
+  AspectRatio: () => import_joy74.AspectRatio,
   Autocomplete: () => Autocomplete,
-  AutocompleteListbox: () => import_joy73.AutocompleteListbox,
-  AutocompleteOption: () => import_joy73.AutocompleteOption,
+  AutocompleteListbox: () => import_joy74.AutocompleteListbox,
+  AutocompleteOption: () => import_joy74.AutocompleteOption,
   Avatar: () => Avatar,
   AvatarGroup: () => import_joy11.AvatarGroup,
-  Badge: () => import_joy73.Badge,
+  Badge: () => import_joy74.Badge,
   Box: () => Box,
   Breadcrumbs: () => Breadcrumbs,
   Button: () => Button,
-  ButtonGroup: () => import_joy73.ButtonGroup,
+  ButtonGroup: () => import_joy74.ButtonGroup,
   Calendar: () => Calendar,
   Card: () => Card,
   CardActions: () => CardActions,
@@ -104,9 +104,9 @@ __export(index_exports, {
   CardOverflow: () => CardOverflow,
   Checkbox: () => Checkbox,
   Chip: () => Chip,
-  CircularProgress: () => import_joy73.CircularProgress,
+  CircularProgress: () => import_joy74.CircularProgress,
   Container: () => Container,
-  CssBaseline: () => import_joy72.CssBaseline,
+  CssBaseline: () => import_joy73.CssBaseline,
   CurrencyInput: () => CurrencyInput,
   DataTable: () => DataTable,
   DatePicker: () => DatePicker,
@@ -116,28 +116,28 @@ __export(index_exports, {
   DialogFrame: () => DialogFrame,
   DialogTitle: () => DialogTitle,
   Divider: () => Divider,
-  Drawer: () => import_joy73.Drawer,
+  Drawer: () => import_joy74.Drawer,
   Dropdown: () => Dropdown,
   FilterMenu: () => FilterMenu,
   FilterableCheckboxGroup: () => FilterableCheckboxGroup,
   FormControl: () => FormControl,
   FormHelperText: () => FormHelperText,
   FormLabel: () => FormLabel,
-  Grid: () => import_joy59.Grid,
+  Grid: () => import_joy60.Grid,
   IconButton: () => IconButton,
   IconMenuButton: () => IconMenuButton,
   InfoSign: () => InfoSign,
   Input: () => Input,
   InsetDrawer: () => InsetDrawer,
-  LinearProgress: () => import_joy73.LinearProgress,
-  Link: () => import_joy73.Link,
-  List: () => import_joy73.List,
-  ListDivider: () => import_joy73.ListDivider,
-  ListItem: () => import_joy73.ListItem,
-  ListItemButton: () => import_joy73.ListItemButton,
-  ListItemContent: () => import_joy73.ListItemContent,
-  ListItemDecorator: () => import_joy73.ListItemDecorator,
-  ListSubheader: () => import_joy73.ListSubheader,
+  LinearProgress: () => import_joy74.LinearProgress,
+  Link: () => import_joy74.Link,
+  List: () => import_joy74.List,
+  ListDivider: () => import_joy74.ListDivider,
+  ListItem: () => import_joy74.ListItem,
+  ListItemButton: () => import_joy74.ListItemButton,
+  ListItemContent: () => import_joy74.ListItemContent,
+  ListItemDecorator: () => import_joy74.ListItemDecorator,
+  ListSubheader: () => import_joy74.ListSubheader,
   Markdown: () => Markdown,
   Menu: () => Menu,
   MenuButton: () => MenuButton2,
@@ -164,11 +164,11 @@ __export(index_exports, {
   SearchBar: () => SearchBar,
   Select: () => Select,
   Sheet: () => Sheet,
-  Skeleton: () => import_joy73.Skeleton,
-  Slider: () => import_joy73.Slider,
+  Skeleton: () => import_joy74.Skeleton,
+  Slider: () => import_joy74.Slider,
   Stack: () => import_joy3.Stack,
   Step: () => Step,
-  StepButton: () => import_joy73.StepButton,
+  StepButton: () => import_joy74.StepButton,
   StepIndicator: () => StepIndicator,
   Stepper: () => Stepper,
   Switch: () => Switch,
@@ -184,85 +184,85 @@ __export(index_exports, {
   Tooltip: () => Tooltip,
   Typography: () => Typography,
   Uploader: () => Uploader,
-  accordionClasses: () => import_joy73.accordionClasses,
-  accordionDetailsClasses: () => import_joy73.accordionDetailsClasses,
-  accordionSummaryClasses: () => import_joy73.accordionSummaryClasses,
-  accordionsClasses: () => import_joy73.accordionGroupClasses,
-  alertClasses: () => import_joy73.alertClasses,
-  aspectRatioClasses: () => import_joy73.aspectRatioClasses,
-  autocompleteClasses: () => import_joy73.autocompleteClasses,
-  autocompleteListboxClasses: () => import_joy73.autocompleteListboxClasses,
-  autocompleteOptionClasses: () => import_joy73.autocompleteOptionClasses,
-  avatarClasses: () => import_joy73.avatarClasses,
-  avatarGroupClasses: () => import_joy73.avatarGroupClasses,
-  badgeClasses: () => import_joy73.badgeClasses,
-  boxClasses: () => import_joy73.boxClasses,
-  breadcrumbsClasses: () => import_joy73.breadcrumbsClasses,
-  buttonClasses: () => import_joy73.buttonClasses,
-  cardActionsClasses: () => import_joy73.cardActionsClasses,
-  cardClasses: () => import_joy73.cardClasses,
-  cardContentClasses: () => import_joy73.cardContentClasses,
-  cardCoverClasses: () => import_joy73.cardCoverClasses,
-  cardOverflowClasses: () => import_joy73.cardOverflowClasses,
-  checkboxClasses: () => import_joy73.checkboxClasses,
-  chipClasses: () => import_joy73.chipClasses,
-  circularProgressClasses: () => import_joy73.circularProgressClasses,
-  dialogActionsClasses: () => import_joy73.dialogActionsClasses,
-  dialogContentClasses: () => import_joy73.dialogContentClasses,
-  dialogTitleClasses: () => import_joy73.dialogTitleClasses,
-  dividerClasses: () => import_joy73.dividerClasses,
-  drawerClasses: () => import_joy73.drawerClasses,
-  extendTheme: () => import_joy72.extendTheme,
-  formControlClasses: () => import_joy73.formControlClasses,
-  formHelperTextClasses: () => import_joy73.formHelperTextClasses,
-  formLabelClasses: () => import_joy73.formLabelClasses,
-  gridClasses: () => import_joy73.gridClasses,
-  iconButtonClasses: () => import_joy73.iconButtonClasses,
-  inputClasses: () => import_joy73.inputClasses,
-  linearProgressClasses: () => import_joy73.linearProgressClasses,
-  linkClasses: () => import_joy73.linkClasses,
-  listClasses: () => import_joy73.listClasses,
-  listDividerClasses: () => import_joy73.listDividerClasses,
-  listItemButtonClasses: () => import_joy73.listItemButtonClasses,
-  listItemClasses: () => import_joy73.listItemClasses,
-  listItemContentClasses: () => import_joy73.listItemContentClasses,
-  listItemDecoratorClasses: () => import_joy73.listItemDecoratorClasses,
-  listSubheaderClasses: () => import_joy73.listSubheaderClasses,
-  menuButtonClasses: () => import_joy73.menuButtonClasses,
-  menuClasses: () => import_joy73.menuClasses,
-  menuItemClasses: () => import_joy73.menuItemClasses,
-  modalClasses: () => import_joy73.modalClasses,
-  modalCloseClasses: () => import_joy73.modalCloseClasses,
-  modalDialogClasses: () => import_joy73.modalDialogClasses,
-  modalOverflowClasses: () => import_joy73.modalOverflowClasses,
-  optionClasses: () => import_joy73.optionClasses,
-  radioClasses: () => import_joy73.radioClasses,
-  radioGroupClasses: () => import_joy73.radioGroupClasses,
-  selectClasses: () => import_joy73.selectClasses,
-  sheetClasses: () => import_joy73.sheetClasses,
-  skeletonClasses: () => import_joy73.skeletonClasses,
-  sliderClasses: () => import_joy73.sliderClasses,
-  stackClasses: () => import_joy73.stackClasses,
-  stepButtonClasses: () => import_joy73.stepButtonClasses,
-  stepClasses: () => import_joy73.stepClasses,
-  stepperClasses: () => import_joy73.stepperClasses,
-  styled: () => import_joy73.styled,
-  switchClasses: () => import_joy73.switchClasses,
-  tabListClasses: () => import_joy73.tabListClasses,
-  tabPanelClasses: () => import_joy73.tabPanelClasses,
-  tableClasses: () => import_joy73.tableClasses,
-  tabsClasses: () => import_joy73.tabsClasses,
-  textareaClasses: () => import_joy73.textareaClasses,
+  accordionClasses: () => import_joy74.accordionClasses,
+  accordionDetailsClasses: () => import_joy74.accordionDetailsClasses,
+  accordionSummaryClasses: () => import_joy74.accordionSummaryClasses,
+  accordionsClasses: () => import_joy74.accordionGroupClasses,
+  alertClasses: () => import_joy74.alertClasses,
+  aspectRatioClasses: () => import_joy74.aspectRatioClasses,
+  autocompleteClasses: () => import_joy74.autocompleteClasses,
+  autocompleteListboxClasses: () => import_joy74.autocompleteListboxClasses,
+  autocompleteOptionClasses: () => import_joy74.autocompleteOptionClasses,
+  avatarClasses: () => import_joy74.avatarClasses,
+  avatarGroupClasses: () => import_joy74.avatarGroupClasses,
+  badgeClasses: () => import_joy74.badgeClasses,
+  boxClasses: () => import_joy74.boxClasses,
+  breadcrumbsClasses: () => import_joy74.breadcrumbsClasses,
+  buttonClasses: () => import_joy74.buttonClasses,
+  cardActionsClasses: () => import_joy74.cardActionsClasses,
+  cardClasses: () => import_joy74.cardClasses,
+  cardContentClasses: () => import_joy74.cardContentClasses,
+  cardCoverClasses: () => import_joy74.cardCoverClasses,
+  cardOverflowClasses: () => import_joy74.cardOverflowClasses,
+  checkboxClasses: () => import_joy74.checkboxClasses,
+  chipClasses: () => import_joy74.chipClasses,
+  circularProgressClasses: () => import_joy74.circularProgressClasses,
+  dialogActionsClasses: () => import_joy74.dialogActionsClasses,
+  dialogContentClasses: () => import_joy74.dialogContentClasses,
+  dialogTitleClasses: () => import_joy74.dialogTitleClasses,
+  dividerClasses: () => import_joy74.dividerClasses,
+  drawerClasses: () => import_joy74.drawerClasses,
+  extendTheme: () => import_joy73.extendTheme,
+  formControlClasses: () => import_joy74.formControlClasses,
+  formHelperTextClasses: () => import_joy74.formHelperTextClasses,
+  formLabelClasses: () => import_joy74.formLabelClasses,
+  gridClasses: () => import_joy74.gridClasses,
+  iconButtonClasses: () => import_joy74.iconButtonClasses,
+  inputClasses: () => import_joy74.inputClasses,
+  linearProgressClasses: () => import_joy74.linearProgressClasses,
+  linkClasses: () => import_joy74.linkClasses,
+  listClasses: () => import_joy74.listClasses,
+  listDividerClasses: () => import_joy74.listDividerClasses,
+  listItemButtonClasses: () => import_joy74.listItemButtonClasses,
+  listItemClasses: () => import_joy74.listItemClasses,
+  listItemContentClasses: () => import_joy74.listItemContentClasses,
+  listItemDecoratorClasses: () => import_joy74.listItemDecoratorClasses,
+  listSubheaderClasses: () => import_joy74.listSubheaderClasses,
+  menuButtonClasses: () => import_joy74.menuButtonClasses,
+  menuClasses: () => import_joy74.menuClasses,
+  menuItemClasses: () => import_joy74.menuItemClasses,
+  modalClasses: () => import_joy74.modalClasses,
+  modalCloseClasses: () => import_joy74.modalCloseClasses,
+  modalDialogClasses: () => import_joy74.modalDialogClasses,
+  modalOverflowClasses: () => import_joy74.modalOverflowClasses,
+  optionClasses: () => import_joy74.optionClasses,
+  radioClasses: () => import_joy74.radioClasses,
+  radioGroupClasses: () => import_joy74.radioGroupClasses,
+  selectClasses: () => import_joy74.selectClasses,
+  sheetClasses: () => import_joy74.sheetClasses,
+  skeletonClasses: () => import_joy74.skeletonClasses,
+  sliderClasses: () => import_joy74.sliderClasses,
+  stackClasses: () => import_joy74.stackClasses,
+  stepButtonClasses: () => import_joy74.stepButtonClasses,
+  stepClasses: () => import_joy74.stepClasses,
+  stepperClasses: () => import_joy74.stepperClasses,
+  styled: () => import_joy74.styled,
+  switchClasses: () => import_joy74.switchClasses,
+  tabListClasses: () => import_joy74.tabListClasses,
+  tabPanelClasses: () => import_joy74.tabPanelClasses,
+  tableClasses: () => import_joy74.tableClasses,
+  tabsClasses: () => import_joy74.tabsClasses,
+  textareaClasses: () => import_joy74.textareaClasses,
   theme: () => defaultTheme,
-  tooltipClasses: () => import_joy73.tooltipClasses,
-  typographyClasses: () => import_joy73.typographyClasses,
-  useColorScheme: () => import_joy73.useColorScheme,
+  tooltipClasses: () => import_joy74.tooltipClasses,
+  typographyClasses: () => import_joy74.typographyClasses,
+  useColorScheme: () => import_joy74.useColorScheme,
   useMenuButton: () => import_useMenuButton.useMenuButton,
-  useTheme: () => import_joy73.useTheme,
-  useThemeProps: () => import_joy73.useThemeProps
+  useTheme: () => import_joy74.useTheme,
+  useThemeProps: () => import_joy74.useThemeProps
 });
 module.exports = __toCommonJS(index_exports);
-var import_joy73 = require("@mui/joy");
+var import_joy74 = require("@mui/joy");
 
 // src/components/Accordions/Accordions.tsx
 var import_react = __toESM(require("react"));
@@ -338,8 +338,9 @@ var contentLevelMapping = {
   md: "body-sm",
   lg: "body-md"
 };
-function Alert(props) {
-  const { title, content, actions, color = "primary", size = "md", ...innerProps } = props;
+function Alert(inProps) {
+  const props = (0, import_joy4.useThemeProps)({ props: inProps, name: "Alert" });
+  const { title, content, actions, color = "primary", size = "sm", ...innerProps } = props;
   const invertedColors = props.invertedColors || props.variant === "solid";
   return /* @__PURE__ */ import_react3.default.createElement(MotionAlert, { ...innerProps, color, endDecorator: actions, invertedColors, size }, /* @__PURE__ */ import_react3.default.createElement(Stack_default, null, title && /* @__PURE__ */ import_react3.default.createElement(Typography_default, { level: titleLevelMapping[size], fontWeight: "bold", color }, title), /* @__PURE__ */ import_react3.default.createElement(Typography_default, { level: contentLevelMapping[size], fontWeight: 500, color }, content)));
 }
@@ -4386,13 +4387,14 @@ var PaginationContainer = (0, import_joy36.styled)(Stack_default, {
     lg: theme.spacing(2)
   }[size]
 }));
-function Pagination(props) {
+function Pagination(inProps) {
+  const props = (0, import_joy36.useThemeProps)({ props: inProps, name: "Pagination" });
   const {
     paginationModel: _paginationModel,
     defaultPaginationModel = { page: 1, pageSize: 25 },
     onPageChange,
     rowCount,
-    size = "md",
+    size = "sm",
     variant = "standard",
     ...innerProps
   } = props;
@@ -5591,6 +5593,7 @@ var InsetDrawer = (0, import_joy43.styled)(import_joy43.Drawer)(({ theme }) => (
 // src/components/FilterableCheckboxGroup/FilterableCheckboxGroup.tsx
 var import_react34 = __toESM(require("react"));
 var import_Search = __toESM(require("@mui/icons-material/Search"));
+var import_joy44 = require("@mui/joy");
 var import_react_virtual3 = require("@tanstack/react-virtual");
 function LabelWithTooltip(props) {
   const { label, size } = props;
@@ -5623,14 +5626,15 @@ function LabelWithTooltip(props) {
   }
   return labelContent;
 }
-function FilterableCheckboxGroup(props) {
+function FilterableCheckboxGroup(inProps) {
+  const props = (0, import_joy44.useThemeProps)({ props: inProps, name: "FilterableCheckboxGroup" });
   const {
     value,
     options,
     label,
     placeholder,
     helperText,
-    size = "md",
+    size = "sm",
     required,
     onChange,
     maxHeight = 300,
@@ -5813,11 +5817,11 @@ FilterableCheckboxGroup.displayName = "FilterableCheckboxGroup";
 
 // src/components/FilterMenu/FilterMenu.tsx
 var import_react47 = __toESM(require("react"));
-var import_joy57 = require("@mui/joy");
+var import_joy58 = require("@mui/joy");
 
 // src/components/FilterMenu/components/CheckboxGroup.tsx
 var import_react35 = __toESM(require("react"));
-var import_joy44 = require("@mui/joy");
+var import_joy45 = require("@mui/joy");
 function CheckboxGroup(props) {
   const { id, label, options, value, onChange, hidden } = props;
   const [internalValue, setInternalValue] = useControlledState(value, [], onChange);
@@ -5837,7 +5841,7 @@ function CheckboxGroup(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react35.default.createElement(import_joy44.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react35.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), options.map((option) => /* @__PURE__ */ import_react35.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement(import_joy45.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react35.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), options.map((option) => /* @__PURE__ */ import_react35.default.createElement(
     Checkbox_default,
     {
       key: `${id}-${option.value}`,
@@ -5851,7 +5855,7 @@ CheckboxGroup.displayName = "CheckboxGroup";
 
 // src/components/FilterMenu/components/FilterableCheckboxGroup.tsx
 var import_react36 = __toESM(require("react"));
-var import_joy45 = require("@mui/joy");
+var import_joy46 = require("@mui/joy");
 function FilterableCheckboxGroup2(props) {
   const { id, label, options, value, onChange, hidden, placeholder, maxHeight } = props;
   const [internalValue, setInternalValue] = useControlledState(value, [], onChange);
@@ -5864,7 +5868,7 @@ function FilterableCheckboxGroup2(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react36.default.createElement(import_joy45.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react36.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement(import_joy46.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react36.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react36.default.createElement(
     FilterableCheckboxGroup,
     {
       value: internalValue ?? [],
@@ -5882,17 +5886,17 @@ FilterableCheckboxGroup2.displayName = "FilterableCheckboxGroup";
 var import_react37 = __toESM(require("react"));
 
 // src/components/Radio/Radio.tsx
-var import_joy46 = require("@mui/joy");
+var import_joy47 = require("@mui/joy");
 var import_framer_motion26 = require("framer-motion");
-var MotionRadio = (0, import_framer_motion26.motion)(import_joy46.Radio);
+var MotionRadio = (0, import_framer_motion26.motion)(import_joy47.Radio);
 var Radio = MotionRadio;
 Radio.displayName = "Radio";
-var MotionRadioGroup = (0, import_framer_motion26.motion)(import_joy46.RadioGroup);
+var MotionRadioGroup = (0, import_framer_motion26.motion)(import_joy47.RadioGroup);
 var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/FilterMenu/components/RadioGroup.tsx
-var import_joy47 = require("@mui/joy");
+var import_joy48 = require("@mui/joy");
 function RadioGroup2(props) {
   const { id, label, options, value, onChange, hidden } = props;
   const [internalValue, setInternalValue] = useControlledState(value, value ?? "", onChange);
@@ -5908,13 +5912,13 @@ function RadioGroup2(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react37.default.createElement(import_joy47.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react37.default.createElement(import_joy47.Stack, { spacing: 1 }, /* @__PURE__ */ import_react37.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label)), /* @__PURE__ */ import_react37.default.createElement(RadioGroup, { name: id, value: internalValue?.toString(), onChange: handleRadioChange }, options.map((option) => /* @__PURE__ */ import_react37.default.createElement(Radio, { key: `${id}-${option.value}`, value: option.value.toString(), label: option.label }))));
+  return /* @__PURE__ */ import_react37.default.createElement(import_joy48.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react37.default.createElement(import_joy48.Stack, { spacing: 1 }, /* @__PURE__ */ import_react37.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label)), /* @__PURE__ */ import_react37.default.createElement(RadioGroup, { name: id, value: internalValue?.toString(), onChange: handleRadioChange }, options.map((option) => /* @__PURE__ */ import_react37.default.createElement(Radio, { key: `${id}-${option.value}`, value: option.value.toString(), label: option.label }))));
 }
 RadioGroup2.displayName = "RadioGroup";
 
 // src/components/FilterMenu/components/DateRange.tsx
 var import_react38 = __toESM(require("react"));
-var import_joy48 = require("@mui/joy");
+var import_joy49 = require("@mui/joy");
 function DateRange(props) {
   const {
     id,
@@ -6037,7 +6041,7 @@ function DateRange(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react38.default.createElement(import_joy48.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react38.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react38.default.createElement(RadioGroup, { name: `${id}-options`, value: selectedOption, onChange: handleOptionChange }, dateRangeOptions.map((option) => /* @__PURE__ */ import_react38.default.createElement(Radio, { key: `${id}-${option.value}`, value: option.value, label: option.label }))), selectedOption === "custom" && /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement(import_joy49.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react38.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react38.default.createElement(RadioGroup, { name: `${id}-options`, value: selectedOption, onChange: handleOptionChange }, dateRangeOptions.map((option) => /* @__PURE__ */ import_react38.default.createElement(Radio, { key: `${id}-${option.value}`, value: option.value, label: option.label }))), selectedOption === "custom" && /* @__PURE__ */ import_react38.default.createElement(
     DateRangePicker,
     {
       value: customDateRangeValue,
@@ -6057,22 +6061,22 @@ DateRange.displayName = "DateRange";
 
 // src/components/FilterMenu/components/MonthRange.tsx
 var import_react40 = __toESM(require("react"));
-var import_joy50 = require("@mui/joy");
+var import_joy51 = require("@mui/joy");
 
 // src/components/MonthRangePicker/MonthRangePicker.tsx
 var import_react39 = __toESM(require("react"));
 var import_react_imask3 = require("react-imask");
 var import_CalendarToday3 = __toESM(require("@mui/icons-material/CalendarToday"));
-var import_joy49 = require("@mui/joy");
+var import_joy50 = require("@mui/joy");
 var import_base5 = require("@mui/base");
 var hasAlphabeticMonth3 = (format) => /MMMM|MMM/.test(format);
-var StyledPopper3 = (0, import_joy49.styled)(import_base5.Popper, {
+var StyledPopper3 = (0, import_joy50.styled)(import_base5.Popper, {
   name: "MonthRangePicker",
   slot: "popper"
 })(({ theme }) => ({
   zIndex: theme.zIndex.tooltip
 }));
-var CalendarSheet3 = (0, import_joy49.styled)(Sheet_default, {
+var CalendarSheet3 = (0, import_joy50.styled)(Sheet_default, {
   name: "MonthRangePicker",
   slot: "sheet",
   overridesResolver: (props, styles) => styles.root
@@ -6082,7 +6086,7 @@ var CalendarSheet3 = (0, import_joy49.styled)(Sheet_default, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var MonthRangePickerRoot = (0, import_joy49.styled)("div", {
+var MonthRangePickerRoot = (0, import_joy50.styled)("div", {
   name: "MonthRangePicker",
   slot: "root",
   overridesResolver: (props, styles) => styles.root
@@ -6152,7 +6156,7 @@ var TextMaskAdapter7 = import_react39.default.forwardRef(function TextMaskAdapte
   );
 });
 var MonthRangePicker = (0, import_react39.forwardRef)((inProps, ref) => {
-  const props = (0, import_joy49.useThemeProps)({ props: inProps, name: "MonthRangePicker" });
+  const props = (0, import_joy50.useThemeProps)({ props: inProps, name: "MonthRangePicker" });
   const {
     onChange,
     disabled,
@@ -6383,7 +6387,7 @@ function MonthRange(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react40.default.createElement(import_joy50.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react40.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react40.default.createElement(
+  return /* @__PURE__ */ import_react40.default.createElement(import_joy51.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react40.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react40.default.createElement(
     MonthRangePicker,
     {
       value: pickerValue,
@@ -6402,7 +6406,7 @@ MonthRange.displayName = "MonthRange";
 
 // src/components/FilterMenu/components/CurrencyInput.tsx
 var import_react41 = __toESM(require("react"));
-var import_joy51 = require("@mui/joy");
+var import_joy52 = require("@mui/joy");
 function CurrencyInput3(props) {
   const { id, label, value, onChange, hidden, max, placeholder, useMinorUnit, currency = "USD" } = props;
   const [internalValue, setInternalValue] = useControlledState(value, value, onChange);
@@ -6416,7 +6420,7 @@ function CurrencyInput3(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react41.default.createElement(import_joy51.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react41.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react41.default.createElement(
+  return /* @__PURE__ */ import_react41.default.createElement(import_joy52.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react41.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react41.default.createElement(
     CurrencyInput,
     {
       value: internalValue,
@@ -6433,7 +6437,7 @@ CurrencyInput3.displayName = "CurrencyInput";
 
 // src/components/FilterMenu/components/CurrencyRange.tsx
 var import_react42 = __toESM(require("react"));
-var import_joy52 = require("@mui/joy");
+var import_joy53 = require("@mui/joy");
 function CurrencyRange(props) {
   const { id, label, value, onChange, hidden, max, placeholder, useMinorUnit, currency = "USD" } = props;
   const [internalValue, setInternalValue] = useControlledState(value, null, onChange);
@@ -6470,7 +6474,7 @@ function CurrencyRange(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react42.default.createElement(import_joy52.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react42.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react42.default.createElement(import_joy52.Stack, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react42.default.createElement(import_joy53.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react42.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react42.default.createElement(import_joy53.Stack, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ import_react42.default.createElement(
     CurrencyInput,
     {
       label: "Minimum",
@@ -6502,12 +6506,12 @@ CurrencyRange.displayName = "CurrencyRange";
 
 // src/components/FilterMenu/components/PercentageInput.tsx
 var import_react44 = __toESM(require("react"));
-var import_joy54 = require("@mui/joy");
+var import_joy55 = require("@mui/joy");
 
 // src/components/PercentageInput/PercentageInput.tsx
 var import_react43 = __toESM(require("react"));
 var import_react_number_format2 = require("react-number-format");
-var import_joy53 = require("@mui/joy");
+var import_joy54 = require("@mui/joy");
 var padDecimal = (value, decimalScale) => {
   const [integer, decimal = ""] = `${value}`.split(".");
   return Number(`${integer}${decimal.padEnd(decimalScale, "0")}`);
@@ -6534,14 +6538,14 @@ var TextMaskAdapter9 = import_react43.default.forwardRef(function TextMaskAdapte
     }
   );
 });
-var PercentageInputRoot = (0, import_joy53.styled)(Input_default, {
+var PercentageInputRoot = (0, import_joy54.styled)(Input_default, {
   name: "PercentageInput",
   slot: "Root",
   overridesResolver: (props, styles) => styles.root
 })({});
 var PercentageInput = import_react43.default.forwardRef(
   function PercentageInput2(inProps, ref) {
-    const props = (0, import_joy53.useThemeProps)({ props: inProps, name: "PercentageInput" });
+    const props = (0, import_joy54.useThemeProps)({ props: inProps, name: "PercentageInput" });
     const {
       name,
       onChange,
@@ -6637,7 +6641,7 @@ var PercentageInput3 = ({
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react44.default.createElement(import_joy54.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react44.default.createElement(import_joy54.Typography, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react44.default.createElement(
+  return /* @__PURE__ */ import_react44.default.createElement(import_joy55.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react44.default.createElement(import_joy55.Typography, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react44.default.createElement(
     PercentageInput,
     {
       value: _value,
@@ -6653,7 +6657,7 @@ var PercentageInput3 = ({
 
 // src/components/FilterMenu/components/PercentageRange.tsx
 var import_react45 = __toESM(require("react"));
-var import_joy55 = require("@mui/joy");
+var import_joy56 = require("@mui/joy");
 function PercentageRange(props) {
   const { id, label, value, onChange, hidden, useMinorUnit, maxDecimalScale, min, max } = props;
   const [internalValue, setInternalValue] = useControlledState(
@@ -6690,7 +6694,7 @@ function PercentageRange(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react45.default.createElement(import_joy55.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react45.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react45.default.createElement(import_joy55.Stack, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ import_react45.default.createElement(
+  return /* @__PURE__ */ import_react45.default.createElement(import_joy56.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react45.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react45.default.createElement(import_joy56.Stack, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ import_react45.default.createElement(
     PercentageInput,
     {
       label: "Minimum",
@@ -6724,7 +6728,7 @@ PercentageRange.displayName = "PercentageRange";
 
 // src/components/FilterMenu/components/Autocomplete.tsx
 var import_react46 = __toESM(require("react"));
-var import_joy56 = require("@mui/joy");
+var import_joy57 = require("@mui/joy");
 function Autocomplete2(props) {
   const { id, label, value, onChange, options, multiple, hidden, placeholder } = props;
   const [internalValue, setInternalValue] = useControlledState(value, void 0, onChange);
@@ -6744,7 +6748,7 @@ function Autocomplete2(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ import_react46.default.createElement(import_joy56.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react46.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react46.default.createElement(import_joy57.Stack, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ import_react46.default.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ import_react46.default.createElement(
     Autocomplete,
     {
       value: autocompleteValue,
@@ -6814,7 +6818,7 @@ function FilterMenu(props) {
         top: "initial"
       }
     },
-    /* @__PURE__ */ import_react47.default.createElement(DialogContent, { sx: { paddingTop: 5 } }, /* @__PURE__ */ import_react47.default.createElement(import_joy57.Stack, { spacing: 6 }, filters?.map((filter) => {
+    /* @__PURE__ */ import_react47.default.createElement(DialogContent, { sx: { paddingTop: 5 } }, /* @__PURE__ */ import_react47.default.createElement(import_joy58.Stack, { spacing: 6 }, filters?.map((filter) => {
       const FilterComponent = componentMap[filter.type];
       return FilterComponent ? /* @__PURE__ */ import_react47.default.createElement(
         FilterComponent,
@@ -6828,14 +6832,14 @@ function FilterMenu(props) {
         }
       ) : null;
     }))),
-    /* @__PURE__ */ import_react47.default.createElement(DialogActions, { sx: { justifyContent: "space-between" } }, useClear && filters?.length === 1 && /* @__PURE__ */ import_react47.default.createElement(import_joy57.Button, { variant: "plain", color: "neutral", size: "md", onClick: handleClear }, "Clear"), useReset && !useClear && /* @__PURE__ */ import_react47.default.createElement(import_joy57.Button, { variant: "plain", color: "neutral", size: "md", onClick: handleClear }, "Reset"), /* @__PURE__ */ import_react47.default.createElement(import_joy57.Button, { variant: "solid", color: "primary", size: "md", onClick: handleApply }, "Apply"))
+    /* @__PURE__ */ import_react47.default.createElement(DialogActions, { sx: { justifyContent: "space-between" } }, useClear && filters?.length === 1 && /* @__PURE__ */ import_react47.default.createElement(import_joy58.Button, { variant: "plain", color: "neutral", onClick: handleClear }, "Clear"), useReset && !useClear && /* @__PURE__ */ import_react47.default.createElement(import_joy58.Button, { variant: "plain", color: "neutral", onClick: handleClear }, "Reset"), /* @__PURE__ */ import_react47.default.createElement(import_joy58.Button, { variant: "solid", color: "primary", onClick: handleApply }, "Apply"))
   );
 }
 FilterMenu.displayName = "FilterMenu";
 
 // src/components/Uploader/Uploader.tsx
 var import_react48 = __toESM(require("react"));
-var import_joy58 = require("@mui/joy");
+var import_joy59 = require("@mui/joy");
 var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"));
 var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"));
 var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"));
@@ -6857,7 +6861,7 @@ var esmFiles = {
     "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js"
   )
 };
-var VisuallyHiddenInput = (0, import_joy58.styled)(import_joy58.Input)({
+var VisuallyHiddenInput = (0, import_joy59.styled)(import_joy59.Input)({
   width: "1px",
   height: "1px",
   overflow: "hidden",
@@ -6866,18 +6870,18 @@ var VisuallyHiddenInput = (0, import_joy58.styled)(import_joy58.Input)({
   clipPath: "inset(50%)",
   position: "absolute"
 });
-var PreviewRoot = (0, import_joy58.styled)(Stack_default, {
+var PreviewRoot = (0, import_joy59.styled)(Stack_default, {
   name: "Uploader",
   slot: "PreviewRoot"
 })({});
-var UploadCard = (0, import_joy58.styled)(Card, {
+var UploadCard = (0, import_joy59.styled)(Card, {
   name: "Uploader",
   slot: "UploadCard"
 })(({ theme }) => ({
   padding: theme.spacing(2.5),
   border: `1px solid ${theme.palette.neutral.outlinedBorder}`
 }));
-var UploadFileIcon = (0, import_joy58.styled)(import_UploadFileRounded.default, {
+var UploadFileIcon = (0, import_joy59.styled)(import_UploadFileRounded.default, {
   name: "Uploader",
   slot: "UploadFileIcon"
 })(({ theme }) => ({
@@ -6885,7 +6889,7 @@ var UploadFileIcon = (0, import_joy58.styled)(import_UploadFileRounded.default,
   width: "32px",
   height: "32px"
 }));
-var ClearIcon2 = (0, import_joy58.styled)(import_ClearRounded.default, {
+var ClearIcon2 = (0, import_joy59.styled)(import_ClearRounded.default, {
   name: "Uploader",
   slot: "ClearIcon"
 })(({ theme }) => ({
@@ -6925,13 +6929,13 @@ var Preview = (props) => {
     file.name
   ), !!file.size && /* @__PURE__ */ import_react48.default.createElement(Typography_default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size))), /* @__PURE__ */ import_react48.default.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ import_react48.default.createElement(ClearIcon2, null))))));
 };
-var UploaderRoot = (0, import_joy58.styled)(Stack_default, {
+var UploaderRoot = (0, import_joy59.styled)(Stack_default, {
   name: "Uploader",
   slot: "root"
 })(({ theme }) => ({
   gap: theme.spacing(2)
 }));
-var FileDropZone = (0, import_joy58.styled)(Sheet_default, {
+var FileDropZone = (0, import_joy59.styled)(Sheet_default, {
   name: "Uploader",
   slot: "dropZone",
   shouldForwardProp: (prop) => prop !== "error" && prop !== "disabled"
@@ -6952,7 +6956,7 @@ var FileDropZone = (0, import_joy58.styled)(Sheet_default, {
     }
   })
 );
-var UploaderIcon = (0, import_joy58.styled)(import_CloudUploadRounded.default, {
+var UploaderIcon = (0, import_joy59.styled)(import_CloudUploadRounded.default, {
   name: "Uploader",
   slot: "iconContainer",
   shouldForwardProp: (prop) => prop !== "error" && prop !== "disabled"
@@ -7193,11 +7197,11 @@ var Uploader = import_react48.default.memo((props) => {
 Uploader.displayName = "Uploader";
 
 // src/components/Grid/Grid.tsx
-var import_joy59 = require("@mui/joy");
+var import_joy60 = require("@mui/joy");
 
 // src/components/IconMenuButton/IconMenuButton.tsx
 var import_react49 = __toESM(require("react"));
-var import_joy60 = require("@mui/joy");
+var import_joy61 = require("@mui/joy");
 function IconMenuButton(props) {
   const {
     size,
@@ -7211,7 +7215,7 @@ function IconMenuButton(props) {
   } = props;
   if (!items.length) {
     return /* @__PURE__ */ import_react49.default.createElement(
-      import_joy60.IconButton,
+      import_joy61.IconButton,
       {
         component: props.buttonComponent ?? "button",
         size,
@@ -7225,9 +7229,9 @@ function IconMenuButton(props) {
     );
   }
   return /* @__PURE__ */ import_react49.default.createElement(Dropdown_default, null, /* @__PURE__ */ import_react49.default.createElement(
-    import_joy60.MenuButton,
+    import_joy61.MenuButton,
     {
-      slots: { root: import_joy60.IconButton },
+      slots: { root: import_joy61.IconButton },
       slotProps: {
         root: {
           component: props.buttonComponent ?? "button",
@@ -7247,8 +7251,8 @@ IconMenuButton.displayName = "IconMenuButton";
 
 // src/components/Markdown/Markdown.tsx
 var import_react50 = __toESM(require("react"));
-var import_joy61 = require("@mui/joy");
 var import_joy62 = require("@mui/joy");
+var import_joy63 = require("@mui/joy");
 var import_remark_gfm = __toESM(require("remark-gfm"));
 var LazyReactMarkdown = (0, import_react50.lazy)(() => import("react-markdown"));
 var Markdown = (props) => {
@@ -7278,7 +7282,7 @@ var Markdown = (props) => {
   return /* @__PURE__ */ import_react50.default.createElement(Typography, { component: "div", color, textColor, level: defaultLevel, ...innerProps }, /* @__PURE__ */ import_react50.default.createElement(
     import_react50.Suspense,
     {
-      fallback: fallback || /* @__PURE__ */ import_react50.default.createElement(Typography, null, /* @__PURE__ */ import_react50.default.createElement(import_joy61.Skeleton, null, content || ""))
+      fallback: fallback || /* @__PURE__ */ import_react50.default.createElement(Typography, null, /* @__PURE__ */ import_react50.default.createElement(import_joy62.Skeleton, null, content || ""))
     },
     /* @__PURE__ */ import_react50.default.createElement(
       LazyReactMarkdown,
@@ -7288,7 +7292,7 @@ var Markdown = (props) => {
         rehypePlugins: [[rehypeAccent2, { accentColor }]],
         remarkPlugins: [import_remark_gfm.default],
         components: {
-          a: ({ children, href }) => /* @__PURE__ */ import_react50.default.createElement(import_joy62.Link, { href, target: defaultLinkAction }, children),
+          a: ({ children, href }) => /* @__PURE__ */ import_react50.default.createElement(import_joy63.Link, { href, target: defaultLinkAction }, children),
           hr: () => /* @__PURE__ */ import_react50.default.createElement(Divider, { sx: { display: "block" } }),
           b: ({ children }) => /* @__PURE__ */ import_react50.default.createElement(Typography, { component: "strong", fontWeight: boldFontWeight || "lg" }, children),
           strong: ({ children }) => /* @__PURE__ */ import_react50.default.createElement(Typography, { component: "strong", fontWeight: boldFontWeight || "lg" }, children),
@@ -7375,7 +7379,7 @@ Markdown.displayName = "Markdown";
 
 // src/components/MenuButton/MenuButton.tsx
 var import_react51 = __toESM(require("react"));
-var import_joy63 = require("@mui/joy");
+var import_joy64 = require("@mui/joy");
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
 function MenuButton2(props) {
   const {
@@ -7393,7 +7397,7 @@ function MenuButton2(props) {
   } = props;
   if (!items.length) {
     return /* @__PURE__ */ import_react51.default.createElement(
-      import_joy63.Button,
+      import_joy64.Button,
       {
         component: props.buttonComponent ?? "button",
         size,
@@ -7409,7 +7413,7 @@ function MenuButton2(props) {
     );
   }
   return /* @__PURE__ */ import_react51.default.createElement(Dropdown_default, null, /* @__PURE__ */ import_react51.default.createElement(
-    import_joy63.MenuButton,
+    import_joy64.MenuButton,
     {
       component: props.buttonComponent ?? "button",
       size,
@@ -7429,15 +7433,15 @@ MenuButton2.displayName = "MenuButton";
 // src/components/MonthPicker/MonthPicker.tsx
 var import_react52 = __toESM(require("react"));
 var import_CalendarToday4 = __toESM(require("@mui/icons-material/CalendarToday"));
-var import_joy64 = require("@mui/joy");
+var import_joy65 = require("@mui/joy");
 var import_base6 = require("@mui/base");
-var StyledPopper4 = (0, import_joy64.styled)(import_base6.Popper, {
+var StyledPopper4 = (0, import_joy65.styled)(import_base6.Popper, {
   name: "MonthPicker",
   slot: "popper"
 })(({ theme }) => ({
   zIndex: theme.zIndex.tooltip
 }));
-var CalendarSheet4 = (0, import_joy64.styled)(Sheet_default, {
+var CalendarSheet4 = (0, import_joy65.styled)(Sheet_default, {
   name: "MonthPicker",
   slot: "sheet",
   overridesResolver: (props, styles) => styles.root
@@ -7446,7 +7450,7 @@ var CalendarSheet4 = (0, import_joy64.styled)(Sheet_default, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var MonthPickerRoot = (0, import_joy64.styled)("div", {
+var MonthPickerRoot = (0, import_joy65.styled)("div", {
   name: "MonthPicker",
   slot: "root",
   overridesResolver: (props, styles) => styles.root
@@ -7484,7 +7488,7 @@ function parseDate4(dateString, format) {
   return result;
 }
 var MonthPicker = (0, import_react52.forwardRef)((inProps, ref) => {
-  const props = (0, import_joy64.useThemeProps)({ props: inProps, name: "MonthPicker" });
+  const props = (0, import_joy65.useThemeProps)({ props: inProps, name: "MonthPicker" });
   const {
     onChange,
     disabled,
@@ -7682,21 +7686,21 @@ var MonthPicker = (0, import_react52.forwardRef)((inProps, ref) => {
 
 // src/components/NavigationGroup/NavigationGroup.tsx
 var import_react53 = __toESM(require("react"));
-var import_joy65 = require("@mui/joy");
-var AccordionSummary2 = (0, import_joy65.styled)(import_joy65.AccordionSummary, {
+var import_joy66 = require("@mui/joy");
+var AccordionSummary2 = (0, import_joy66.styled)(import_joy66.AccordionSummary, {
   name: "NavigationGroup",
   slot: "Summary",
   shouldForwardProp: (prop) => prop !== "useIcon" && prop !== "level"
 })(({ theme, useIcon, level }) => ({
-  [`& .${import_joy65.accordionSummaryClasses.button}`]: {
+  [`& .${import_joy66.accordionSummaryClasses.button}`]: {
     padding: theme.spacing(4, 6, 4, (useIcon ? 6 : 8) + (level || 0) * 8),
-    [`&.${import_joy65.accordionSummaryClasses.expanded}`]: {
+    [`&.${import_joy66.accordionSummaryClasses.expanded}`]: {
       color: theme.palette.primary.plainColor,
       "--Icon-color": theme.palette.primary.plainColor
     }
   }
 }));
-var AccordionDetails2 = (0, import_joy65.styled)(import_joy65.AccordionDetails, {
+var AccordionDetails2 = (0, import_joy66.styled)(import_joy66.AccordionDetails, {
   name: "NavigationGroup",
   slot: "Details"
 })(({ theme }) => ({
@@ -7705,13 +7709,13 @@ var AccordionDetails2 = (0, import_joy65.styled)(import_joy65.AccordionDetails,
 }));
 function NavigationGroup(props) {
   const { title, children, startDecorator, level, ...rest } = props;
-  return /* @__PURE__ */ import_react53.default.createElement(import_joy65.Accordion, { ...rest }, /* @__PURE__ */ import_react53.default.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ import_react53.default.createElement(import_joy65.Stack, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ import_react53.default.createElement(AccordionDetails2, null, children));
+  return /* @__PURE__ */ import_react53.default.createElement(import_joy66.Accordion, { ...rest }, /* @__PURE__ */ import_react53.default.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ import_react53.default.createElement(import_joy66.Stack, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ import_react53.default.createElement(AccordionDetails2, null, children));
 }
 
 // src/components/NavigationItem/NavigationItem.tsx
 var import_react54 = __toESM(require("react"));
-var import_joy66 = require("@mui/joy");
-var ListItemButton = (0, import_joy66.styled)(import_joy66.ListItemButton, {
+var import_joy67 = require("@mui/joy");
+var ListItemButton = (0, import_joy67.styled)(import_joy67.ListItemButton, {
   name: "NavigationItem",
   slot: "Button",
   shouldForwardProp: (prop) => prop !== "useIcon" && prop !== "level"
@@ -7725,7 +7729,7 @@ var ListItemButton = (0, import_joy66.styled)(import_joy66.ListItemButton, {
   "&:active": {
     backgroundColor: theme.palette.neutral.plainActiveBg
   },
-  [`&.${import_joy66.listItemButtonClasses.selected}`]: {
+  [`&.${import_joy67.listItemButtonClasses.selected}`]: {
     color: theme.palette.primary.plainColor,
     "--Icon-color": theme.palette.primary.plainColor,
     "&:not(:hover):not(:active)": {
@@ -7738,7 +7742,7 @@ function NavigationItem(props) {
   const handleClick = () => {
     onClick?.(id);
   };
-  return /* @__PURE__ */ import_react54.default.createElement(import_joy66.ListItem, { ...rest }, /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(import_joy67.ListItem, { ...rest }, /* @__PURE__ */ import_react54.default.createElement(
     ListItemButton,
     {
       level,
@@ -7747,7 +7751,7 @@ function NavigationItem(props) {
       "aria-current": selected,
       onClick: handleClick
     },
-    startDecorator && /* @__PURE__ */ import_react54.default.createElement(import_joy66.ListItemDecorator, null, startDecorator),
+    startDecorator && /* @__PURE__ */ import_react54.default.createElement(import_joy67.ListItemDecorator, null, startDecorator),
     children
   ));
 }
@@ -7793,10 +7797,10 @@ Navigator.displayName = "Navigator";
 
 // src/components/ProfileMenu/ProfileMenu.tsx
 var import_react56 = __toESM(require("react"));
-var import_joy67 = require("@mui/joy");
+var import_joy68 = require("@mui/joy");
 var import_base7 = require("@mui/base");
 var import_ArrowDropDown = __toESM(require("@mui/icons-material/ArrowDropDown"));
-var StyledProfileCard = (0, import_joy67.styled)(import_joy3.Stack, {
+var StyledProfileCard = (0, import_joy68.styled)(import_joy3.Stack, {
   name: "ProfileMenu",
   slot: "item"
 })({});
@@ -7807,7 +7811,7 @@ function ProfileCard(props) {
   return /* @__PURE__ */ import_react56.default.createElement(StyledProfileCard, { px: 4, py: 2 }, /* @__PURE__ */ import_react56.default.createElement(import_joy3.Stack, { direction: "row", gap: 2 }, /* @__PURE__ */ import_react56.default.createElement(Typography, { level: nameLevel, fontWeight: "bold", textColor: "text.primary" }, children), chip && /* @__PURE__ */ import_react56.default.createElement(Chip, { size, color: "neutral", variant: "outlined" }, chip)), caption && /* @__PURE__ */ import_react56.default.createElement(Typography, { level: captionLevel, textColor: "text.tertiary" }, caption));
 }
 ProfileCard.displayName = "ProfileCard";
-var StyledProfileMenuButton = (0, import_joy67.styled)(import_joy67.MenuButton, {
+var StyledProfileMenuButton = (0, import_joy68.styled)(import_joy68.MenuButton, {
   name: "ProfileMenu",
   slot: "button"
 })(({ theme }) => ({
@@ -7815,7 +7819,7 @@ var StyledProfileMenuButton = (0, import_joy67.styled)(import_joy67.MenuButton,
   "--Button-gap": theme.spacing(1)
 }));
 function ProfileMenuButton(props) {
-  const { size = "md", src, alt, children, getInitial, ...innerProps } = props;
+  const { size = "sm", src, alt, children, getInitial, ...innerProps } = props;
   return /* @__PURE__ */ import_react56.default.createElement(
     StyledProfileMenuButton,
     {
@@ -7829,24 +7833,25 @@ function ProfileMenuButton(props) {
   );
 }
 ProfileMenuButton.displayName = "ProfileMenuButton";
-var ProfileMenuRoot = (0, import_joy67.styled)(Menu, {
+var ProfileMenuRoot = (0, import_joy68.styled)(Menu, {
   name: "ProfileMenu",
   slot: "root"
 })(({ theme }) => ({
   border: "none",
   "--ListItem-paddingX": theme.spacing(4),
-  [`.${import_joy67.menuItemClasses.root}`]: {
+  [`.${import_joy68.menuItemClasses.root}`]: {
     border: "none"
   }
 }));
-function ProfileMenu(props) {
+function ProfileMenu(inProps) {
+  const props = (0, import_joy68.useThemeProps)({ props: inProps, name: "ProfileMenu" });
   const { open: _open, defaultOpen, onOpenChange, profile, getInitial, menuItems, size, ...innerProps } = props;
   const [open, setOpen] = useControlledState(
     _open,
     defaultOpen ?? false,
     (0, import_react56.useCallback)((value) => onOpenChange?.(value), [onOpenChange])
   );
-  return /* @__PURE__ */ import_react56.default.createElement(import_base7.ClickAwayListener, { onClickAway: () => setOpen(false) }, /* @__PURE__ */ import_react56.default.createElement("div", null, /* @__PURE__ */ import_react56.default.createElement(import_joy67.Dropdown, { open }, /* @__PURE__ */ import_react56.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement(import_base7.ClickAwayListener, { onClickAway: () => setOpen(false) }, /* @__PURE__ */ import_react56.default.createElement("div", null, /* @__PURE__ */ import_react56.default.createElement(import_joy68.Dropdown, { open }, /* @__PURE__ */ import_react56.default.createElement(
     ProfileMenuButton,
     {
       size,
@@ -7856,7 +7861,7 @@ function ProfileMenu(props) {
       getInitial
     },
     profile.name
-  ), /* @__PURE__ */ import_react56.default.createElement(ProfileMenuRoot, { size, placement: "bottom-end", ...innerProps, onClose: () => setOpen(false) }, /* @__PURE__ */ import_react56.default.createElement(ProfileCard, { size, caption: profile.caption, chip: profile.chip }, profile.name), !!menuItems.length && /* @__PURE__ */ import_react56.default.createElement(import_joy67.ListDivider, null), menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */ import_react56.default.createElement(
+  ), /* @__PURE__ */ import_react56.default.createElement(ProfileMenuRoot, { size, placement: "bottom-end", ...innerProps, onClose: () => setOpen(false) }, /* @__PURE__ */ import_react56.default.createElement(ProfileCard, { size, caption: profile.caption, chip: profile.chip }, profile.name), !!menuItems.length && /* @__PURE__ */ import_react56.default.createElement(import_joy68.ListDivider, null), menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */ import_react56.default.createElement(
     MenuItem,
     {
       key: label,
@@ -7873,8 +7878,8 @@ ProfileMenu.displayName = "ProfileMenu";
 
 // src/components/RadioTileGroup/RadioTileGroup.tsx
 var import_react57 = __toESM(require("react"));
-var import_joy68 = require("@mui/joy");
-var RadioTileGroupRoot = (0, import_joy68.styled)(RadioGroup, {
+var import_joy69 = require("@mui/joy");
+var RadioTileGroupRoot = (0, import_joy69.styled)(RadioGroup, {
   name: "RadioTileGroup",
   slot: "root",
   shouldForwardProp: (prop) => prop !== "flex" && prop !== "columns"
@@ -7886,28 +7891,28 @@ var RadioTileGroupRoot = (0, import_joy68.styled)(RadioGroup, {
     display: "grid",
     gridTemplateColumns: `repeat(${columns}, 1fr)`
   },
-  [`& .${import_joy68.sheetClasses.root}.${import_joy68.radioClasses.disabled}`]: {
+  [`& .${import_joy69.sheetClasses.root}.${import_joy69.radioClasses.disabled}`]: {
     borderColor: theme.palette.neutral.outlinedDisabledBorder
   },
-  [`& .${import_joy68.radioClasses.root}`]: {
-    [`& .${import_joy68.radioClasses.action}`]: {
+  [`& .${import_joy69.radioClasses.root}`]: {
+    [`& .${import_joy69.radioClasses.action}`]: {
       borderRadius: theme.radius.md
     },
-    [`&.${import_joy68.radioClasses.checked}`]: {
-      [`& .${import_joy68.radioClasses.action}`]: {
+    [`&.${import_joy69.radioClasses.checked}`]: {
+      [`& .${import_joy69.radioClasses.action}`]: {
         inset: -1,
         border: "2px solid",
         borderColor: theme.palette.primary.outlinedColor
       },
-      [`&.${import_joy68.radioClasses.disabled}`]: {
-        [`& .${import_joy68.radioClasses.action}`]: {
+      [`&.${import_joy69.radioClasses.disabled}`]: {
+        [`& .${import_joy69.radioClasses.action}`]: {
           borderColor: theme.palette.neutral.outlinedBorder
         }
       }
     }
   }
 }));
-var RadioTileSheet = (0, import_joy68.styled)(Sheet, {
+var RadioTileSheet = (0, import_joy69.styled)(Sheet, {
   name: "RadioTileGroup",
   slot: "tile",
   shouldForwardProp: (prop) => prop !== "disabled" && prop !== "size" && prop !== "flex" && prop !== "textAlign"
@@ -8130,18 +8135,18 @@ SearchBar.displayName = "SearchBar";
 
 // src/components/Stepper/Stepper.tsx
 var import_react59 = __toESM(require("react"));
-var import_joy69 = require("@mui/joy");
+var import_joy70 = require("@mui/joy");
 var import_Check = __toESM(require("@mui/icons-material/Check"));
 var import_framer_motion27 = require("framer-motion");
-var Step = (0, import_joy69.styled)(import_joy69.Step)({});
+var Step = (0, import_joy70.styled)(import_joy70.Step)({});
 Step.displayName = "Step";
-var StepIndicator = (0, import_joy69.styled)(import_joy69.StepIndicator)({});
+var StepIndicator = (0, import_joy70.styled)(import_joy70.StepIndicator)({});
 StepIndicator.displayName = "StepIndicator";
-var StyledStepper = (0, import_joy69.styled)(import_joy69.Stepper)(({ theme }) => ({
+var StyledStepper = (0, import_joy70.styled)(import_joy70.Stepper)(({ theme }) => ({
   "--StepIndicator-size": "24px",
   "--Step-gap": theme.spacing(2),
   "--joy-palette-success-solidBg": "var(--joy-palette-success-400)",
-  [`& .${import_joy69.stepIndicatorClasses.root}`]: {
+  [`& .${import_joy70.stepIndicatorClasses.root}`]: {
     fontSize: "var(--ceed-fontSize-xs)"
   }
 }));
@@ -8165,24 +8170,24 @@ function Stepper(props) {
       sx: (theme) => ({
         "--StepIndicator-size": "24px",
         "--Step-gap": theme.spacing(2),
-        [`& .${import_joy69.stepIndicatorClasses.root}`]: {
+        [`& .${import_joy70.stepIndicatorClasses.root}`]: {
           fontSize: "var(--ceed-fontSize-xs)"
         },
-        [`& .${import_joy69.stepClasses.completed}`]: {
+        [`& .${import_joy70.stepClasses.completed}`]: {
           "&::after": { bgcolor: activeLineColor },
-          [`& .${import_joy69.stepIndicatorClasses.root}`]: {
+          [`& .${import_joy70.stepIndicatorClasses.root}`]: {
             bgcolor: activeColor
           }
         },
-        [`& .${import_joy69.stepClasses.active}`]: {
+        [`& .${import_joy70.stepClasses.active}`]: {
           "&::after": { bgcolor: inactiveLineColor },
-          [`& .${import_joy69.stepIndicatorClasses.root}`]: {
+          [`& .${import_joy70.stepIndicatorClasses.root}`]: {
             bgcolor: activeColor
           }
         },
-        [`& .${import_joy69.stepClasses.disabled}`]: {
+        [`& .${import_joy70.stepClasses.disabled}`]: {
           "&::after": { bgcolor: inactiveLineColor },
-          [`& .${import_joy69.stepIndicatorClasses.root}`]: {
+          [`& .${import_joy70.stepIndicatorClasses.root}`]: {
             bgcolor: theme.vars.palette.background.surface,
             borderColor: theme.vars.palette.neutral.outlinedBorder,
             borderWidth: "1px",
@@ -8223,10 +8228,10 @@ Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
 var import_react60 = __toESM(require("react"));
-var import_joy70 = require("@mui/joy");
+var import_joy71 = require("@mui/joy");
 var import_framer_motion28 = require("framer-motion");
-var MotionSwitch = (0, import_framer_motion28.motion)(import_joy70.Switch);
-var StyledThumb = (0, import_joy70.styled)(import_framer_motion28.motion.div)({
+var MotionSwitch = (0, import_framer_motion28.motion)(import_joy71.Switch);
+var StyledThumb = (0, import_joy71.styled)(import_framer_motion28.motion.div)({
   "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
   display: "inline-flex",
   justifyContent: "center",
@@ -8239,7 +8244,7 @@ var StyledThumb = (0, import_joy70.styled)(import_framer_motion28.motion.div)({
   boxShadow: "var(--Switch-thumbShadow)",
   color: "var(--Switch-thumbColor)",
   backgroundColor: "var(--Switch-thumbBackground)",
-  [`&.${import_joy70.switchClasses.checked}`]: {
+  [`&.${import_joy71.switchClasses.checked}`]: {
     left: "unset",
     right: "var(--Switch-thumbOffset)"
   }
@@ -8266,18 +8271,18 @@ Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
 var import_react61 = __toESM(require("react"));
-var import_joy71 = require("@mui/joy");
-var StyledTabs = (0, import_joy71.styled)(import_joy71.Tabs)(({ theme }) => ({
+var import_joy72 = require("@mui/joy");
+var StyledTabs = (0, import_joy72.styled)(import_joy72.Tabs)(({ theme }) => ({
   backgroundColor: theme.palette.background.body
 }));
 var Tabs = StyledTabs;
 Tabs.displayName = "Tabs";
-var StyledTab = (0, import_joy71.styled)(import_joy71.Tab)(({ theme }) => ({
+var StyledTab = (0, import_joy72.styled)(import_joy72.Tab)(({ theme }) => ({
   gap: theme.spacing(2),
-  [`&:not(.${import_joy71.tabClasses.selected})`]: {
+  [`&:not(.${import_joy72.tabClasses.selected})`]: {
     color: theme.palette.neutral[700]
   },
-  [`&.${import_joy71.tabClasses.variantPlain}`]: {
+  [`&.${import_joy72.tabClasses.variantPlain}`]: {
     backgroundColor: theme.palette.background.body
   }
 }));
@@ -8285,12 +8290,12 @@ var Tab = (0, import_react61.forwardRef)(function Tab2({ startDecorator, endDeco
   return /* @__PURE__ */ import_react61.default.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
 });
 Tab.displayName = "Tab";
-var TabList = import_joy71.TabList;
-var TabPanel = import_joy71.TabPanel;
+var TabList = import_joy72.TabList;
+var TabPanel = import_joy72.TabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
 var import_react62 = __toESM(require("react"));
-var import_joy72 = require("@mui/joy");
+var import_joy73 = require("@mui/joy");
 var colorScheme = {
   palette: {
     danger: {
@@ -8343,7 +8348,7 @@ var colorScheme = {
     }
   }
 };
-var defaultTheme = (0, import_joy72.extendTheme)({
+var defaultTheme = (0, import_joy73.extendTheme)({
   cssVarPrefix: "ceed",
   spacing: 4,
   breakpoints: {
@@ -8370,7 +8375,7 @@ var defaultTheme = (0, import_joy72.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy72.inputClasses.root}`]: {
+          [`.${import_joy73.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -8383,7 +8388,7 @@ var defaultTheme = (0, import_joy72.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy72.inputClasses.root}`]: {
+          [`.${import_joy73.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -8396,7 +8401,7 @@ var defaultTheme = (0, import_joy72.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy72.inputClasses.root}`]: {
+          [`.${import_joy73.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -8409,7 +8414,7 @@ var defaultTheme = (0, import_joy72.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy72.inputClasses.root}`]: {
+          [`.${import_joy73.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -8422,7 +8427,7 @@ var defaultTheme = (0, import_joy72.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy72.inputClasses.root}`]: {
+          [`.${import_joy73.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -8435,7 +8440,7 @@ var defaultTheme = (0, import_joy72.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy72.inputClasses.root}`]: {
+          [`.${import_joy73.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -8514,7 +8519,7 @@ var defaultTheme = (0, import_joy72.extendTheme)({
             outline: `${theme.palette.primary[500]} solid 2px`,
             outlineOffset: "-2px"
           },
-          [`& .${import_joy72.checkboxClasses.root}`]: {
+          [`& .${import_joy73.checkboxClasses.root}`]: {
             verticalAlign: "middle"
           }
         })
@@ -8543,6 +8548,9 @@ var defaultTheme = (0, import_joy72.extendTheme)({
       }
     },
     JoyAvatar: {
+      defaultProps: {
+        size: "sm"
+      },
       styleOverrides: {
         root: ({ ownerState }) => ({
           ...ownerState.size === "xs" && {
@@ -8564,11 +8572,125 @@ var defaultTheme = (0, import_joy72.extendTheme)({
       defaultProps: {
         size: "sm"
       }
+    },
+    JoyButton: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyIconButton: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyChip: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyCard: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyBreadcrumbs: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyList: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyMenu: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyMenuList: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyTabs: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    // NOTE: TabList 는 size 를 직접 지정하지 않는다. Joy 의 TabList 는 theme defaultProps 가
+    // 부모 Tabs 의 context(SizeTabsContext)보다 우선하므로(`sizeProp != null ? sizeProp : tabsSize`),
+    // 여기서 sm 을 지정하면 <Tabs size="lg"> 처럼 부모에서 내려준 size 를 상속하지 못한다.
+    // JoyTabs 의 기본값 sm 이 context 로 전파되어 TabList 도 기본 sm 이 된다.
+    JoyStepper: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyModalDialog: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyAccordionGroup: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyButtonGroup: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyMenuButton: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyCircularProgress: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyLinearProgress: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoySlider: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    JoyBadge: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    Alert: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    Pagination: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    FilterableCheckboxGroup: {
+      defaultProps: {
+        size: "sm"
+      }
+    },
+    ProfileMenu: {
+      defaultProps: {
+        size: "sm"
+      }
     }
   }
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, /* @__PURE__ */ import_react62.default.createElement(import_joy72.CssVarsProvider, { theme }, /* @__PURE__ */ import_react62.default.createElement(import_joy72.CssBaseline, null), props.children));
+  return /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, /* @__PURE__ */ import_react62.default.createElement(import_joy73.CssVarsProvider, { theme }, /* @__PURE__ */ import_react62.default.createElement(import_joy73.CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";