@ceed/cds 1.12.2 → 1.13.0

package/dist/components/Sheet/Sheet.d.ts

@@ -1,11 +1,2 @@
-import React from 'react';
-declare const Sheet: import("framer-motion").CustomDomComponent<{
-    children?: React.ReactNode;
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").SheetPropsColorOverrides> | undefined;
-    invertedColors?: boolean | undefined;
-    sx?: import("@mui/joy/styles/types").SxProps | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").SheetPropsVariantOverrides> | undefined;
-} & import("@mui/joy").SheetSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "variant" | "sx" | "invertedColors" | keyof import("@mui/joy").SheetSlotsAndSlotProps>>;
+declare const Sheet: import("@mui/types").OverridableComponent<import("@mui/joy").SheetTypeMap<{}, "div">>;
 export { Sheet };

package/dist/index.cjs

@@ -2188,7 +2188,7 @@ var Resizer = (ref, targetRef = ref) => /* @__PURE__ */ import_react18.default.c
 // src/components/DataTable/components.tsx
 var import_react24 = __toESM(require("react"));
 var import_joy32 = require("@mui/joy");
-var import_framer_motion22 = require("framer-motion");
+var import_framer_motion21 = require("framer-motion");
 
 // src/components/DatePicker/DatePicker.tsx
 var import_react19 = __toESM(require("react"));
@@ -2199,18 +2199,15 @@ var import_base2 = require("@mui/base");
 
 // src/components/Sheet/Sheet.tsx
 var import_joy25 = require("@mui/joy");
-var import_framer_motion17 = require("framer-motion");
-var MotionSheet = (0, import_framer_motion17.motion)(import_joy25.Sheet);
-var Sheet = MotionSheet;
-Sheet.displayName = "Sheet";
+var Sheet = import_joy25.Sheet;
 
 // src/components/Sheet/index.ts
 var Sheet_default = Sheet;
 
 // src/components/DialogActions/DialogActions.tsx
 var import_joy26 = require("@mui/joy");
-var import_framer_motion18 = require("framer-motion");
-var MotionDialogActions = (0, import_framer_motion18.motion)(import_joy26.DialogActions);
+var import_framer_motion17 = require("framer-motion");
+var MotionDialogActions = (0, import_framer_motion17.motion)(import_joy26.DialogActions);
 var StyledDialogActions = (0, import_joy26.styled)(MotionDialogActions)(({ theme }) => ({
   padding: theme.spacing(2),
   gap: theme.spacing(2),
@@ -2566,8 +2563,8 @@ var DatePicker_default = DatePicker;
 // src/components/Textarea/Textarea.tsx
 var import_react20 = __toESM(require("react"));
 var import_joy28 = require("@mui/joy");
-var import_framer_motion19 = require("framer-motion");
-var MotionTextarea = (0, import_framer_motion19.motion)(import_joy28.Textarea);
+var import_framer_motion18 = require("framer-motion");
+var MotionTextarea = (0, import_framer_motion18.motion)(import_joy28.Textarea);
 var Textarea = (props) => {
   const {
     label,
@@ -2620,8 +2617,8 @@ var Textarea_default = Textarea;
 // src/components/Select/Select.tsx
 var import_react21 = __toESM(require("react"));
 var import_joy29 = require("@mui/joy");
-var import_framer_motion20 = require("framer-motion");
-var MotionOption = (0, import_framer_motion20.motion)(import_joy29.Option);
+var import_framer_motion19 = require("framer-motion");
+var MotionOption = (0, import_framer_motion19.motion)(import_joy29.Option);
 var Option = MotionOption;
 Option.displayName = "Option";
 function Select(props) {
@@ -2703,8 +2700,8 @@ var import_joy33 = require("@mui/joy");
 // src/components/Tooltip/Tooltip.tsx
 var import_react22 = __toESM(require("react"));
 var import_joy30 = require("@mui/joy");
-var import_framer_motion21 = require("framer-motion");
-var MotionTooltip = (0, import_framer_motion21.motion)(import_joy30.Tooltip);
+var import_framer_motion20 = require("framer-motion");
+var MotionTooltip = (0, import_framer_motion20.motion)(import_joy30.Tooltip);
 var Tooltip = (props) => {
   return /* @__PURE__ */ import_react22.default.createElement(MotionTooltip, { ...props });
 };
@@ -2845,7 +2842,7 @@ var HeadCell = (props) => {
   const sortIcon = (0, import_react24.useMemo)(() => {
     const isSorted = !!sort;
     const isVisible = sortable && (isSorted || isHovered);
-    return /* @__PURE__ */ import_react24.default.createElement(import_framer_motion22.AnimatePresence, { mode: "wait" }, isVisible && /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(import_framer_motion21.AnimatePresence, { mode: "wait" }, isVisible && /* @__PURE__ */ import_react24.default.createElement(
       MotionSortIcon,
       {
         key: "sort-icon",
@@ -4369,8 +4366,8 @@ DateRangePicker.displayName = "DateRangePicker";
 // src/components/Drawer/Drawer.tsx
 var import_react30 = __toESM(require("react"));
 var import_joy37 = require("@mui/joy");
-var import_framer_motion23 = require("framer-motion");
-var MotionDrawer = (0, import_framer_motion23.motion)(import_joy37.Drawer);
+var import_framer_motion22 = require("framer-motion");
+var MotionDrawer = (0, import_framer_motion22.motion)(import_joy37.Drawer);
 var StyledDrawer = (0, import_joy37.styled)(MotionDrawer)(({ theme, size = "md" }) => ({
   "--Drawer-horizontalSize": {
     sm: "360px",
@@ -4391,8 +4388,8 @@ Drawer.displayName = "Drawer";
 
 // src/components/DialogContent/DialogContent.tsx
 var import_joy38 = require("@mui/joy");
-var import_framer_motion24 = require("framer-motion");
-var MotionDialogContent = (0, import_framer_motion24.motion)(import_joy38.DialogContent);
+var import_framer_motion23 = require("framer-motion");
+var MotionDialogContent = (0, import_framer_motion23.motion)(import_joy38.DialogContent);
 var StyledDialogContent = (0, import_joy38.styled)(MotionDialogContent)(({ theme }) => ({
   padding: theme.spacing(0, 6, 5)
 }));
@@ -4404,8 +4401,8 @@ var DialogContent_default = DialogContent;
 
 // src/components/DialogTitle/DialogTitle.tsx
 var import_joy39 = require("@mui/joy");
-var import_framer_motion25 = require("framer-motion");
-var MotionDialogTitle = (0, import_framer_motion25.motion)(import_joy39.DialogTitle);
+var import_framer_motion24 = require("framer-motion");
+var MotionDialogTitle = (0, import_framer_motion24.motion)(import_joy39.DialogTitle);
 var StyledDialogTitle = (0, import_joy39.styled)(MotionDialogTitle)(({ theme }) => ({
   padding: theme.spacing(4, 6)
 }));
@@ -4421,8 +4418,8 @@ var import_react32 = __toESM(require("react"));
 // src/components/Modal/Modal.tsx
 var import_react31 = __toESM(require("react"));
 var import_joy40 = require("@mui/joy");
-var import_framer_motion26 = require("framer-motion");
-var MotionModal = (0, import_framer_motion26.motion)(import_joy40.Modal);
+var import_framer_motion25 = require("framer-motion");
+var MotionModal = (0, import_framer_motion25.motion)(import_joy40.Modal);
 var Modal = MotionModal;
 Modal.displayName = "Modal";
 var StyledModalDialog = (0, import_joy40.styled)(import_joy40.ModalDialog)({
@@ -4431,7 +4428,7 @@ var StyledModalDialog = (0, import_joy40.styled)(import_joy40.ModalDialog)({
 var ModalDialog = StyledModalDialog;
 ModalDialog.displayName = "ModalDialog";
 var ModalClose = import_joy40.ModalClose;
-var MotionModalOverflow = (0, import_framer_motion26.motion)(import_joy40.ModalOverflow);
+var MotionModalOverflow = (0, import_framer_motion25.motion)(import_joy40.ModalOverflow);
 var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 function ModalFrame(props) {
@@ -4457,8 +4454,8 @@ DialogFrame.displayName = "DialogFrame";
 // src/components/Divider/Divider.tsx
 var import_react33 = __toESM(require("react"));
 var import_joy42 = require("@mui/joy");
-var import_framer_motion27 = require("framer-motion");
-var MotionDivider = (0, import_framer_motion27.motion)(import_joy42.Divider);
+var import_framer_motion26 = require("framer-motion");
+var MotionDivider = (0, import_framer_motion26.motion)(import_joy42.Divider);
 var Divider = (props) => {
   return /* @__PURE__ */ import_react33.default.createElement(MotionDivider, { ...props });
 };
@@ -5367,11 +5364,11 @@ PercentageInput.displayName = "PercentageInput";
 
 // src/components/Radio/Radio.tsx
 var import_joy54 = require("@mui/joy");
-var import_framer_motion28 = require("framer-motion");
-var MotionRadio = (0, import_framer_motion28.motion)(import_joy54.Radio);
+var import_framer_motion27 = require("framer-motion");
+var MotionRadio = (0, import_framer_motion27.motion)(import_joy54.Radio);
 var Radio = MotionRadio;
 Radio.displayName = "Radio";
-var MotionRadioGroup = (0, import_framer_motion28.motion)(import_joy54.RadioGroup);
+var MotionRadioGroup = (0, import_framer_motion27.motion)(import_joy54.RadioGroup);
 var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
@@ -5387,7 +5384,7 @@ RadioList.displayName = "RadioList";
 var import_react44 = __toESM(require("react"));
 var import_joy55 = require("@mui/joy");
 var import_Check = __toESM(require("@mui/icons-material/Check"));
-var import_framer_motion29 = require("framer-motion");
+var import_framer_motion28 = require("framer-motion");
 var Step = (0, import_joy55.styled)(import_joy55.Step)({});
 Step.displayName = "Step";
 var StepIndicator = (0, import_joy55.styled)(import_joy55.StepIndicator)({});
@@ -5400,7 +5397,7 @@ var StyledStepper = (0, import_joy55.styled)(import_joy55.Stepper)(({ theme }) =
     fontSize: "var(--ceed-fontSize-xs)"
   }
 }));
-var MotionStepper = (0, import_framer_motion29.motion)(StyledStepper);
+var MotionStepper = (0, import_framer_motion28.motion)(StyledStepper);
 function Stepper(props) {
   const {
     steps,
@@ -5463,9 +5460,9 @@ Stepper.displayName = "Stepper";
 // src/components/Switch/Switch.tsx
 var import_react45 = __toESM(require("react"));
 var import_joy56 = require("@mui/joy");
-var import_framer_motion30 = require("framer-motion");
-var MotionSwitch = (0, import_framer_motion30.motion)(import_joy56.Switch);
-var StyledThumb = (0, import_joy56.styled)(import_framer_motion30.motion.div)({
+var import_framer_motion29 = require("framer-motion");
+var MotionSwitch = (0, import_framer_motion29.motion)(import_joy56.Switch);
+var StyledThumb = (0, import_joy56.styled)(import_framer_motion29.motion.div)({
   "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
   display: "inline-flex",
   justifyContent: "center",

package/dist/index.js

@@ -2138,18 +2138,15 @@ import { FocusTrap, ClickAwayListener, Popper as Popper2 } from "@mui/base";
 
 // src/components/Sheet/Sheet.tsx
 import { Sheet as JoySheet } from "@mui/joy";
-import { motion as motion17 } from "framer-motion";
-var MotionSheet = motion17(JoySheet);
-var Sheet = MotionSheet;
-Sheet.displayName = "Sheet";
+var Sheet = JoySheet;
 
 // src/components/Sheet/index.ts
 var Sheet_default = Sheet;
 
 // src/components/DialogActions/DialogActions.tsx
 import { DialogActions as JoyDialogActions, styled as styled9 } from "@mui/joy";
-import { motion as motion18 } from "framer-motion";
-var MotionDialogActions = motion18(JoyDialogActions);
+import { motion as motion17 } from "framer-motion";
+var MotionDialogActions = motion17(JoyDialogActions);
 var StyledDialogActions = styled9(MotionDialogActions)(({ theme }) => ({
   padding: theme.spacing(2),
   gap: theme.spacing(2),
@@ -2505,8 +2502,8 @@ var DatePicker_default = DatePicker;
 // src/components/Textarea/Textarea.tsx
 import React18 from "react";
 import { Textarea as JoyTextarea } from "@mui/joy";
-import { motion as motion19 } from "framer-motion";
-var MotionTextarea = motion19(JoyTextarea);
+import { motion as motion18 } from "framer-motion";
+var MotionTextarea = motion18(JoyTextarea);
 var Textarea = (props) => {
   const {
     label,
@@ -2559,8 +2556,8 @@ var Textarea_default = Textarea;
 // src/components/Select/Select.tsx
 import React19, { useMemo as useMemo7 } from "react";
 import { Select as JoySelect, Option as JoyOption } from "@mui/joy";
-import { motion as motion20 } from "framer-motion";
-var MotionOption = motion20(JoyOption);
+import { motion as motion19 } from "framer-motion";
+var MotionOption = motion19(JoyOption);
 var Option = MotionOption;
 Option.displayName = "Option";
 function Select(props) {
@@ -2642,8 +2639,8 @@ import { Link } from "@mui/joy";
 // src/components/Tooltip/Tooltip.tsx
 import React20 from "react";
 import { Tooltip as JoyTooltip } from "@mui/joy";
-import { motion as motion21 } from "framer-motion";
-var MotionTooltip = motion21(JoyTooltip);
+import { motion as motion20 } from "framer-motion";
+var MotionTooltip = motion20(JoyTooltip);
 var Tooltip = (props) => {
   return /* @__PURE__ */ React20.createElement(MotionTooltip, { ...props });
 };
@@ -4308,8 +4305,8 @@ DateRangePicker.displayName = "DateRangePicker";
 // src/components/Drawer/Drawer.tsx
 import React27 from "react";
 import { Drawer as JoyDrawer, styled as styled15, drawerClasses } from "@mui/joy";
-import { motion as motion22 } from "framer-motion";
-var MotionDrawer = motion22(JoyDrawer);
+import { motion as motion21 } from "framer-motion";
+var MotionDrawer = motion21(JoyDrawer);
 var StyledDrawer = styled15(MotionDrawer)(({ theme, size = "md" }) => ({
   "--Drawer-horizontalSize": {
     sm: "360px",
@@ -4330,8 +4327,8 @@ Drawer.displayName = "Drawer";
 
 // src/components/DialogContent/DialogContent.tsx
 import { DialogContent as JoyDialogContent, styled as styled16 } from "@mui/joy";
-import { motion as motion23 } from "framer-motion";
-var MotionDialogContent = motion23(JoyDialogContent);
+import { motion as motion22 } from "framer-motion";
+var MotionDialogContent = motion22(JoyDialogContent);
 var StyledDialogContent = styled16(MotionDialogContent)(({ theme }) => ({
   padding: theme.spacing(0, 6, 5)
 }));
@@ -4343,8 +4340,8 @@ var DialogContent_default = DialogContent;
 
 // src/components/DialogTitle/DialogTitle.tsx
 import { DialogTitle as JoyDialogTitle, styled as styled17 } from "@mui/joy";
-import { motion as motion24 } from "framer-motion";
-var MotionDialogTitle = motion24(JoyDialogTitle);
+import { motion as motion23 } from "framer-motion";
+var MotionDialogTitle = motion23(JoyDialogTitle);
 var StyledDialogTitle = styled17(MotionDialogTitle)(({ theme }) => ({
   padding: theme.spacing(4, 6)
 }));
@@ -4366,8 +4363,8 @@ import {
   ModalOverflow as JoyModalOverflow,
   styled as styled18
 } from "@mui/joy";
-import { motion as motion25 } from "framer-motion";
-var MotionModal = motion25(JoyModal);
+import { motion as motion24 } from "framer-motion";
+var MotionModal = motion24(JoyModal);
 var Modal = MotionModal;
 Modal.displayName = "Modal";
 var StyledModalDialog = styled18(JoyModalDialog)({
@@ -4376,7 +4373,7 @@ var StyledModalDialog = styled18(JoyModalDialog)({
 var ModalDialog = StyledModalDialog;
 ModalDialog.displayName = "ModalDialog";
 var ModalClose = JoyModalClose;
-var MotionModalOverflow = motion25(JoyModalOverflow);
+var MotionModalOverflow = motion24(JoyModalOverflow);
 var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 function ModalFrame(props) {
@@ -4402,8 +4399,8 @@ DialogFrame.displayName = "DialogFrame";
 // src/components/Divider/Divider.tsx
 import React30 from "react";
 import { Divider as JoyDivider } from "@mui/joy";
-import { motion as motion26 } from "framer-motion";
-var MotionDivider = motion26(JoyDivider);
+import { motion as motion25 } from "framer-motion";
+var MotionDivider = motion25(JoyDivider);
 var Divider = (props) => {
   return /* @__PURE__ */ React30.createElement(MotionDivider, { ...props });
 };
@@ -5325,11 +5322,11 @@ PercentageInput.displayName = "PercentageInput";
 
 // src/components/Radio/Radio.tsx
 import { Radio as JoyRadio, RadioGroup as JoyRadioGroup } from "@mui/joy";
-import { motion as motion27 } from "framer-motion";
-var MotionRadio = motion27(JoyRadio);
+import { motion as motion26 } from "framer-motion";
+var MotionRadio = motion26(JoyRadio);
 var Radio = MotionRadio;
 Radio.displayName = "Radio";
-var MotionRadioGroup = motion27(JoyRadioGroup);
+var MotionRadioGroup = motion26(JoyRadioGroup);
 var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
@@ -5352,7 +5349,7 @@ import {
   styled as styled26
 } from "@mui/joy";
 import CheckIcon from "@mui/icons-material/Check";
-import { motion as motion28 } from "framer-motion";
+import { motion as motion27 } from "framer-motion";
 var Step = styled26(JoyStep)({});
 Step.displayName = "Step";
 var StepIndicator = styled26(JoyStepIndicator)({});
@@ -5365,7 +5362,7 @@ var StyledStepper = styled26(JoyStepper)(({ theme }) => ({
     fontSize: "var(--ceed-fontSize-xs)"
   }
 }));
-var MotionStepper = motion28(StyledStepper);
+var MotionStepper = motion27(StyledStepper);
 function Stepper(props) {
   const {
     steps,
@@ -5428,9 +5425,9 @@ Stepper.displayName = "Stepper";
 // src/components/Switch/Switch.tsx
 import React42 from "react";
 import { Switch as JoySwitch, styled as styled27, switchClasses } from "@mui/joy";
-import { motion as motion29 } from "framer-motion";
-var MotionSwitch = motion29(JoySwitch);
-var StyledThumb = styled27(motion29.div)({
+import { motion as motion28 } from "framer-motion";
+var MotionSwitch = motion28(JoySwitch);
+var StyledThumb = styled27(motion28.div)({
   "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
   display: "inline-flex",
   justifyContent: "center",