@ceed/cds 1.21.0 → 1.22.1

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export { useTheme, useColorScheme, useThemeProps, ButtonGroup, alertClasses, boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, AutocompleteListbox, AutocompleteOption, autocompleteClasses, autocompleteListboxClasses, autocompleteOptionClasses, avatarClasses, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, breadcrumbsClasses, Card, cardClasses, CardActions, cardActionsClasses, CardContent, cardContentClasses, CardCover, cardCoverClasses, CardOverflow, cardOverflowClasses, Chip, chipClasses, CircularProgress, circularProgressClasses, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, stepClasses, StepButton, stepButtonClasses, stepperClasses, Skeleton, skeletonClasses, styled, } from '@mui/joy';
 export type { ButtonProps, Theme } from '@mui/joy';
-export { Autocomplete, Accordion, Alert, Accordions, AccordionDetails, AccordionSummary, Avatar, AvatarGroup, Box, Breadcrumbs, Button, Calendar, Checkbox, Container, CurrencyInput, DataTable, DatePicker, DateRangePicker, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Drawer, Dropdown, extendTheme, FilterableCheckboxGroup, InsetDrawer, FormControl, FormHelperText, FormLabel, Grid, IconButton, IconMenuButton, InfoSign, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, NavigationGroup, NavigationItem, Navigator, Pagination, PercentageInput, Radio, RadioGroup, RadioList, Select, Step, StepIndicator, Stepper, Option, Sheet, Stack, Switch, theme, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, Uploader, } from './components';
+export { Autocomplete, Accordion, Alert, Accordions, AccordionDetails, AccordionSummary, Avatar, AvatarGroup, Box, Breadcrumbs, Button, Calendar, Checkbox, Container, CurrencyInput, DataTable, DatePicker, DateRangePicker, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Drawer, Dropdown, extendTheme, FilterableCheckboxGroup, InsetDrawer, FormControl, FormHelperText, FormLabel, Grid, IconButton, IconMenuButton, InfoSign, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, NavigationGroup, NavigationItem, Navigator, Pagination, PercentageInput, Radio, RadioGroup, RadioTileGroup, RadioList, Select, Step, StepIndicator, Stepper, Option, Sheet, Stack, Switch, theme, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, Uploader, } from './components';

package/dist/index.js

@@ -71,7 +71,7 @@ import {
   menuButtonClasses,
   menuItemClasses,
   optionClasses,
-  radioClasses,
+  radioClasses as radioClasses2,
   radioGroupClasses,
   selectClasses,
   switchClasses as switchClasses2,
@@ -83,7 +83,7 @@ import {
   formHelperTextClasses,
   gridClasses,
   stackClasses,
-  sheetClasses,
+  sheetClasses as sheetClasses2,
   modalClasses,
   modalCloseClasses,
   modalDialogClasses,
@@ -152,7 +152,7 @@ import {
   stepperClasses,
   Skeleton as Skeleton2,
   skeletonClasses,
-  styled as styled30
+  styled as styled31
 } from "@mui/joy";
 
 // src/components/Accordions/Accordions.tsx
@@ -5927,31 +5927,194 @@ var MotionRadioGroup = motion26(JoyRadioGroup);
 var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
-// src/components/RadioList/RadioList.tsx
+// src/components/RadioTileGroup/RadioTileGroup.tsx
 import React41 from "react";
+import { styled as styled26, radioClasses, sheetClasses } from "@mui/joy";
+var RadioTileGroupRoot = styled26(RadioGroup, {
+  name: "RadioTileGroup",
+  slot: "root",
+  shouldForwardProp: (prop) => prop !== "flex" && prop !== "columns"
+})(({ theme, flex, columns }) => ({
+  flexDirection: "row",
+  gap: theme.spacing(2),
+  ...flex && { flex: 1 },
+  ...columns && {
+    display: "grid",
+    gridTemplateColumns: `repeat(${columns}, 1fr)`
+  },
+  [`& .${sheetClasses.root}.${radioClasses.disabled}`]: {
+    borderColor: theme.palette.neutral.outlinedDisabledBorder
+  },
+  [`& .${radioClasses.root}`]: {
+    [`& .${radioClasses.action}`]: {
+      borderRadius: theme.radius.md
+    },
+    [`&.${radioClasses.checked}`]: {
+      [`& .${radioClasses.action}`]: {
+        inset: -1,
+        border: "2px solid",
+        borderColor: theme.palette.primary.outlinedColor
+      },
+      [`&.${radioClasses.disabled}`]: {
+        [`& .${radioClasses.action}`]: {
+          borderColor: theme.palette.neutral.outlinedBorder
+        }
+      }
+    }
+  }
+}));
+var RadioTileSheet = styled26(Sheet, {
+  name: "RadioTileGroup",
+  slot: "tile",
+  shouldForwardProp: (prop) => prop !== "disabled" && prop !== "size" && prop !== "flex" && prop !== "textAlign"
+})(({
+  theme,
+  disabled,
+  size = "sm",
+  flex,
+  textAlign
+}) => {
+  const px = { sm: theme.spacing(3), md: theme.spacing(3), lg: theme.spacing(4) }[size];
+  const py = { sm: theme.spacing(3), md: theme.spacing(4), lg: theme.spacing(4) }[size];
+  return {
+    borderRadius: theme.radius.md,
+    display: "flex",
+    gap: { sm: theme.spacing(2), md: theme.spacing(3), lg: theme.spacing(4) }[size],
+    padding: `${py} ${px}`,
+    // NOTE: Radio에도 Label과의 정렬을 맞추기 위해 중복 코드가 있지만 Icon과 RadioButton 의 정렬도 일치시켜야 해서 코드가 중복으로 존재할수밖에 없다.
+    flexDirection: textAlign === "start" ? "row-reverse" : "column-reverse",
+    justifyContent: textAlign === "start" ? "space-between" : "center",
+    alignItems: "center",
+    ...flex ? { flex: 1 } : {},
+    ...disabled ? { borderColor: theme.palette.neutral.outlinedDisabledBorder } : {
+      ":hover": {
+        backgroundColor: theme.palette.neutral.outlinedHoverBg
+      },
+      ":active": {
+        backgroundColor: theme.palette.neutral.outlinedActiveBg
+      }
+    }
+  };
+});
+function RadioTileGroup(props) {
+  const {
+    options,
+    value,
+    defaultValue,
+    onChange,
+    name,
+    disabled: allDisabled,
+    sx,
+    className,
+    useIndicator,
+    textAlign = "center",
+    size = "sm",
+    flex,
+    columns,
+    label,
+    helperText,
+    error,
+    required
+  } = props;
+  const radioGroup = /* @__PURE__ */ React41.createElement(
+    RadioTileGroupRoot,
+    {
+      overlay: true,
+      name,
+      value,
+      defaultValue,
+      onChange,
+      flex,
+      columns
+    },
+    options.map((option) => /* @__PURE__ */ React41.createElement(
+      RadioTileSheet,
+      {
+        key: option.value,
+        variant: "outlined",
+        disabled: allDisabled ?? option.disabled,
+        size,
+        flex,
+        textAlign
+      },
+      /* @__PURE__ */ React41.createElement(
+        Radio,
+        {
+          id: `${option.value}`,
+          value: option.value,
+          label: option.label,
+          disableIcon: !useIndicator,
+          disabled: allDisabled ?? option.disabled,
+          size,
+          slotProps: {
+            root: {
+              sx: {
+                width: "100%",
+                flexDirection: textAlign === "start" ? "row-reverse" : "column-reverse",
+                justifyContent: textAlign === "start" ? "space-between" : "center",
+                alignItems: "center",
+                gap: { sm: 2, md: 3, lg: 4 }[size]
+              }
+            },
+            label: ({ disabled }) => ({
+              sx: (theme) => ({
+                ...theme.typography[{ sm: "body-sm", md: "body-md", lg: "body-lg" }[size]],
+                color: disabled ? theme.palette.neutral.outlinedDisabledColor : theme.palette.neutral.outlinedColor
+              })
+            })
+          }
+        }
+      ),
+      option.startDecorator && /* @__PURE__ */ React41.createElement(
+        Box_default,
+        {
+          sx: {
+            zIndex: 2,
+            // HACK: Radio의 overlay가 decorator를 덮어버리기 때문에 문제 예방을 위해 적용해야 한다.
+            width: { sm: "20px", md: "24px", lg: "24px" }[size],
+            height: { sm: "20px", md: "24px", lg: "24px" }[size],
+            color: "inherit",
+            "& > .MuiSvgIcon-root": {
+              width: "inherit",
+              height: "inherit",
+              fill: "currentColor",
+              color: "inherit"
+            }
+          }
+        },
+        option.startDecorator
+      )
+    ))
+  );
+  return /* @__PURE__ */ React41.createElement(FormControl_default, { required, disabled: allDisabled, error, size, sx, className }, label && /* @__PURE__ */ React41.createElement(FormLabel_default, null, label), radioGroup, helperText && /* @__PURE__ */ React41.createElement(FormHelperText_default, null, helperText));
+}
+RadioTileGroup.displayName = "RadioTileGroup";
+
+// src/components/RadioList/RadioList.tsx
+import React42 from "react";
 function RadioList(props) {
   const { items, ...innerProps } = props;
-  return /* @__PURE__ */ React41.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ React41.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
+  return /* @__PURE__ */ React42.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ React42.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
 }
 RadioList.displayName = "RadioList";
 
 // src/components/Stepper/Stepper.tsx
-import React42 from "react";
+import React43 from "react";
 import {
   Stepper as JoyStepper,
   Step as JoyStep,
   StepIndicator as JoyStepIndicator,
   stepClasses,
   stepIndicatorClasses,
-  styled as styled26
+  styled as styled27
 } from "@mui/joy";
 import CheckIcon from "@mui/icons-material/Check";
 import { motion as motion27 } from "framer-motion";
-var Step = styled26(JoyStep)({});
+var Step = styled27(JoyStep)({});
 Step.displayName = "Step";
-var StepIndicator = styled26(JoyStepIndicator)({});
+var StepIndicator = styled27(JoyStepIndicator)({});
 StepIndicator.displayName = "StepIndicator";
-var StyledStepper = styled26(JoyStepper)(({ theme }) => ({
+var StyledStepper = styled27(JoyStepper)(({ theme }) => ({
   "--StepIndicator-size": "24px",
   "--Step-gap": theme.spacing(2),
   "--joy-palette-success-solidBg": "var(--joy-palette-success-400)",
@@ -5972,7 +6135,7 @@ function Stepper(props) {
     stepOrientation = "horizontal"
   } = props;
   const effectiveStepOrientation = orientation === "vertical" ? "horizontal" : stepOrientation;
-  return /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React43.createElement(
     MotionStepper,
     {
       orientation,
@@ -6011,23 +6174,23 @@ function Stepper(props) {
       const completed = activeStep > i + 1;
       const disabled = activeStep < i + 1;
       const hasContent = step.label || step.extraContent;
-      return /* @__PURE__ */ React42.createElement(
+      return /* @__PURE__ */ React43.createElement(
         Step,
         {
           key: `step-${i}`,
-          indicator: /* @__PURE__ */ React42.createElement(StepIndicator, { variant: disabled ? "outlined" : "solid", color: disabled ? "neutral" : "primary" }, completed ? /* @__PURE__ */ React42.createElement(CheckIcon, null) : step.indicatorContent),
+          indicator: /* @__PURE__ */ React43.createElement(StepIndicator, { variant: disabled ? "outlined" : "solid", color: disabled ? "neutral" : "primary" }, completed ? /* @__PURE__ */ React43.createElement(CheckIcon, null) : step.indicatorContent),
           active,
           completed,
           disabled,
           orientation: effectiveStepOrientation
         },
-        hasContent && /* @__PURE__ */ React42.createElement(
+        hasContent && /* @__PURE__ */ React43.createElement(
           Stack_default,
           {
             sx: orientation === "horizontal" && effectiveStepOrientation === "vertical" ? { alignItems: "center" } : {}
           },
-          step.label && /* @__PURE__ */ React42.createElement(Typography_default, { level: "title-sm" }, step.label),
-          step.extraContent && /* @__PURE__ */ React42.createElement(Typography_default, { level: "body-xs" }, step.extraContent)
+          step.label && /* @__PURE__ */ React43.createElement(Typography_default, { level: "title-sm" }, step.label),
+          step.extraContent && /* @__PURE__ */ React43.createElement(Typography_default, { level: "body-xs" }, step.extraContent)
         )
       );
     })
@@ -6036,11 +6199,11 @@ function Stepper(props) {
 Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
-import React43 from "react";
-import { Switch as JoySwitch, styled as styled27, switchClasses } from "@mui/joy";
+import React44 from "react";
+import { Switch as JoySwitch, styled as styled28, switchClasses } from "@mui/joy";
 import { motion as motion28 } from "framer-motion";
 var MotionSwitch = motion28(JoySwitch);
-var StyledThumb = styled27(motion28.div)({
+var StyledThumb = styled28(motion28.div)({
   "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
   display: "inline-flex",
   justifyContent: "center",
@@ -6058,14 +6221,14 @@ var StyledThumb = styled27(motion28.div)({
     right: "var(--Switch-thumbOffset)"
   }
 });
-var Thumb = (props) => /* @__PURE__ */ React43.createElement(StyledThumb, { ...props, layout: true, transition: spring });
+var Thumb = (props) => /* @__PURE__ */ React44.createElement(StyledThumb, { ...props, layout: true, transition: spring });
 var spring = {
   type: "spring",
   stiffness: 700,
   damping: 30
 };
 var Switch = (props) => {
-  return /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(
     MotionSwitch,
     {
       ...props,
@@ -6079,21 +6242,21 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
-import React44, { forwardRef as forwardRef11 } from "react";
+import React45, { forwardRef as forwardRef11 } from "react";
 import {
   Tabs as JoyTabs,
   Tab as JoyTab,
   TabList as JoyTabList,
   TabPanel as JoyTabPanel,
-  styled as styled28,
+  styled as styled29,
   tabClasses
 } from "@mui/joy";
-var StyledTabs = styled28(JoyTabs)(({ theme }) => ({
+var StyledTabs = styled29(JoyTabs)(({ theme }) => ({
   backgroundColor: theme.palette.background.body
 }));
 var Tabs = StyledTabs;
 Tabs.displayName = "Tabs";
-var StyledTab = styled28(JoyTab)(({ theme }) => ({
+var StyledTab = styled29(JoyTab)(({ theme }) => ({
   gap: theme.spacing(2),
   [`&:not(.${tabClasses.selected})`]: {
     color: theme.palette.neutral[700]
@@ -6103,14 +6266,14 @@ var StyledTab = styled28(JoyTab)(({ theme }) => ({
   }
 }));
 var Tab = forwardRef11(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
-  return /* @__PURE__ */ React44.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
+  return /* @__PURE__ */ React45.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
 });
 Tab.displayName = "Tab";
 var TabList = JoyTabList;
 var TabPanel = JoyTabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React45 from "react";
+import React46 from "react";
 import {
   CssBaseline,
   CssVarsProvider,
@@ -6366,13 +6529,13 @@ var defaultTheme = extendTheme({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React45.createElement(CssBaseline, null), props.children));
+  return /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React46.createElement(CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 
 // src/components/Uploader/Uploader.tsx
-import React46, { useCallback as useCallback17, useEffect as useEffect12, useMemo as useMemo15, useRef as useRef11, useState as useState15 } from "react";
-import { styled as styled29, Input as Input2 } from "@mui/joy";
+import React47, { useCallback as useCallback17, useEffect as useEffect12, useMemo as useMemo15, useRef as useRef11, useState as useState15 } from "react";
+import { styled as styled30, Input as Input2 } from "@mui/joy";
 import MuiFileUploadIcon from "@mui/icons-material/CloudUploadRounded";
 import MuiUploadFileIcon from "@mui/icons-material/UploadFileRounded";
 import MuiClearIcon from "@mui/icons-material/ClearRounded";
@@ -6394,7 +6557,7 @@ var esmFiles = {
     "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js"
   )
 };
-var VisuallyHiddenInput = styled29(Input2)({
+var VisuallyHiddenInput = styled30(Input2)({
   width: "1px",
   height: "1px",
   overflow: "hidden",
@@ -6403,18 +6566,18 @@ var VisuallyHiddenInput = styled29(Input2)({
   clipPath: "inset(50%)",
   position: "absolute"
 });
-var PreviewRoot = styled29(Stack_default, {
+var PreviewRoot = styled30(Stack_default, {
   name: "Uploader",
   slot: "PreviewRoot"
 })({});
-var UploadCard = styled29(Card, {
+var UploadCard = styled30(Card, {
   name: "Uploader",
   slot: "UploadCard"
 })(({ theme }) => ({
   padding: theme.spacing(2.5),
   border: `1px solid ${theme.palette.neutral.outlinedBorder}`
 }));
-var UploadFileIcon = styled29(MuiUploadFileIcon, {
+var UploadFileIcon = styled30(MuiUploadFileIcon, {
   name: "Uploader",
   slot: "UploadFileIcon"
 })(({ theme }) => ({
@@ -6422,7 +6585,7 @@ var UploadFileIcon = styled29(MuiUploadFileIcon, {
   width: "32px",
   height: "32px"
 }));
-var ClearIcon2 = styled29(MuiClearIcon, {
+var ClearIcon2 = styled30(MuiClearIcon, {
   name: "Uploader",
   slot: "ClearIcon"
 })(({ theme }) => ({
@@ -6448,7 +6611,7 @@ var getFileSize = (n) => {
 };
 var Preview = (props) => {
   const { files, uploaded, onDelete } = props;
-  return /* @__PURE__ */ React46.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React46.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React46.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React46.createElement(UploadFileIcon, null), /* @__PURE__ */ React46.createElement(Stack_default, { flex: "1", sx: { overflow: "hidden" } }, /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React47.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React47.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React47.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React47.createElement(UploadFileIcon, null), /* @__PURE__ */ React47.createElement(Stack_default, { flex: "1", sx: { overflow: "hidden" } }, /* @__PURE__ */ React47.createElement(
     Typography_default,
     {
       level: "body-sm",
@@ -6460,15 +6623,15 @@ var Preview = (props) => {
       }
     },
     file.name
-  ), !!file.size && /* @__PURE__ */ React46.createElement(Typography_default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size))), /* @__PURE__ */ React46.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React46.createElement(ClearIcon2, null))))));
+  ), !!file.size && /* @__PURE__ */ React47.createElement(Typography_default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size))), /* @__PURE__ */ React47.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React47.createElement(ClearIcon2, null))))));
 };
-var UploaderRoot = styled29(Stack_default, {
+var UploaderRoot = styled30(Stack_default, {
   name: "Uploader",
   slot: "root"
 })(({ theme }) => ({
   gap: theme.spacing(2)
 }));
-var FileDropZone = styled29(Sheet_default, {
+var FileDropZone = styled30(Sheet_default, {
   name: "Uploader",
   slot: "dropZone",
   shouldForwardProp: (prop) => prop !== "error" && prop !== "disabled"
@@ -6489,7 +6652,7 @@ var FileDropZone = styled29(Sheet_default, {
     }
   })
 );
-var UploaderIcon = styled29(MuiFileUploadIcon, {
+var UploaderIcon = styled30(MuiFileUploadIcon, {
   name: "Uploader",
   slot: "iconContainer",
   shouldForwardProp: (prop) => prop !== "error" && prop !== "disabled"
@@ -6503,7 +6666,7 @@ var UploaderIcon = styled29(MuiFileUploadIcon, {
     }
   })
 );
-var Uploader = React46.memo(
+var Uploader = React47.memo(
   (props) => {
     const {
       accept,
@@ -6693,7 +6856,7 @@ var Uploader = React46.memo(
     const handleUploaderButtonClick = useCallback17(() => {
       inputRef.current?.click();
     }, []);
-    const uploader = /* @__PURE__ */ React46.createElement(
+    const uploader = /* @__PURE__ */ React47.createElement(
       FileDropZone,
       {
         state: previewState,
@@ -6702,8 +6865,8 @@ var Uploader = React46.memo(
         ref: dropZoneRef,
         onClick: handleUploaderButtonClick
       },
-      /* @__PURE__ */ React46.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React46.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText), disabled })),
-      /* @__PURE__ */ React46.createElement(
+      /* @__PURE__ */ React47.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React47.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText), disabled })),
+      /* @__PURE__ */ React47.createElement(
         VisuallyHiddenInput,
         {
           disabled,
@@ -6726,7 +6889,7 @@ var Uploader = React46.memo(
         }
       )
     );
-    return /* @__PURE__ */ React46.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ React46.createElement(FormControl_default, { size, error: !!(error || errorText), disabled, required: !!minCount }, label && /* @__PURE__ */ React46.createElement(FormLabel_default, null, label), uploader, /* @__PURE__ */ React46.createElement(FormHelperText_default, null, /* @__PURE__ */ React46.createElement(Stack_default, null, errorText && /* @__PURE__ */ React46.createElement("div", null, errorText), /* @__PURE__ */ React46.createElement("div", null, helperText)))), [...uploaded, ...files].length > 0 && /* @__PURE__ */ React46.createElement(Preview, { files, uploaded, onDelete: handleDeleteFile }));
+    return /* @__PURE__ */ React47.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ React47.createElement(FormControl_default, { size, error: !!(error || errorText), disabled, required: !!minCount }, label && /* @__PURE__ */ React47.createElement(FormLabel_default, null, label), uploader, /* @__PURE__ */ React47.createElement(FormHelperText_default, null, /* @__PURE__ */ React47.createElement(Stack_default, null, errorText && /* @__PURE__ */ React47.createElement("div", null, errorText), /* @__PURE__ */ React47.createElement("div", null, helperText)))), [...uploaded, ...files].length > 0 && /* @__PURE__ */ React47.createElement(Preview, { files, uploaded, onDelete: handleDeleteFile }));
   }
 );
 Uploader.displayName = "Uploader";
@@ -6807,6 +6970,7 @@ export {
   Radio,
   RadioGroup,
   RadioList,
+  RadioTileGroup,
   Select,
   Sheet,
   Skeleton2 as Skeleton,
@@ -6881,17 +7045,17 @@ export {
   modalDialogClasses,
   modalOverflowClasses,
   optionClasses,
-  radioClasses,
+  radioClasses2 as radioClasses,
   radioGroupClasses,
   selectClasses,
-  sheetClasses,
+  sheetClasses2 as sheetClasses,
   skeletonClasses,
   sliderClasses,
   stackClasses,
   stepButtonClasses,
   stepClasses2 as stepClasses,
   stepperClasses,
-  styled30 as styled,
+  styled31 as styled,
   switchClasses2 as switchClasses,
   tabListClasses,
   tabPanelClasses,

package/dist/llms.txt

@@ -34,6 +34,7 @@
 - [MonthRangePicker](./components/inputs/MonthRangePicker.md)
 - [PercentageInput](./components/inputs/PercentageInput.md)
 - [Radio](./components/inputs/RadioButton.md)
+- [RadioTileGroup](./components/inputs/RadioTileGroup.md)
 - [Select](./components/inputs/Select.md)
 - [Switch](./components/inputs/Switch.md)
 - [Textarea](./components/inputs/Textarea.md)