@ceed/ads 0.0.79 → 0.0.80

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,8 +1,19 @@
 import React from "react";
 import { BreadcrumbsProps } from "@mui/joy";
 declare function Breadcrumbs(props: {
-    crumbs: React.ReactElement[];
-    collapsed?: boolean;
+    crumbs: {
+        type: "text" | "link";
+        label: string;
+        linkHref?: string;
+    }[];
+    frontCrumbCounts?: number;
+    backCrumbCounts?: number;
+    slots?: {
+        link?: React.ElementType;
+    } & BreadcrumbsProps["slots"];
+    slotProps?: {
+        link?: {};
+    } & BreadcrumbsProps["slotProps"];
 } & BreadcrumbsProps): React.JSX.Element;
 declare namespace Breadcrumbs {
     var displayName: string;

package/dist/components/Modal/Modal.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
-    onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick" | "closeClick") => void) | undefined;
+    onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "children" | "container" | "sx" | "onClose" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
 export { Modal };
-declare const ModalDialog: import("framer-motion").CustomDomComponent<{
+declare const ModalDialog: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalDialogPropsColorOverrides> | undefined;
     invertedColors?: boolean | undefined;
@@ -19,7 +19,7 @@ declare const ModalDialog: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalDialogPropsVariantOverrides> | undefined;
 } & import("@mui/joy").ModalDialogSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "variant" | "sx" | "size" | "orientation" | "invertedColors" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps>>;
+}, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "variant" | "sx" | "size" | "orientation" | "invertedColors" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { ModalDialog };
 declare const ModalClose: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalClosePropsColorOverrides> | undefined;

package/dist/components/Stack/Stack.d.ts

@@ -8,5 +8,5 @@ declare const Stack: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").StackSlotsAndSlotProps & import("@mui/joy/styles/types").SystemProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "direction" | "sx" | ("p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "spacing" | "divider" | "useFlexGap" | keyof import("@mui/joy").StackSlotsAndSlotProps>>;
+}, "children" | "direction" | "sx" | ("p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "divider" | "spacing" | "useFlexGap" | keyof import("@mui/joy").StackSlotsAndSlotProps>>;
 export { Stack };

package/dist/index.js

@@ -222,8 +222,11 @@ Box.displayName = "Box";
 var Box_default = Box;
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
-import React4 from "react";
-import { Breadcrumbs as JoyBreadcrumbs } from "@mui/joy";
+import React5 from "react";
+import {
+  Breadcrumbs as JoyBreadcrumbs,
+  Link as JoyLink
+} from "@mui/joy";
 
 // src/components/Menu/Menu.tsx
 import React3 from "react";
@@ -262,25 +265,67 @@ Dropdown.displayName = "Dropdown";
 // src/components/Dropdown/index.ts
 var Dropdown_default = Dropdown;
 
+// src/components/Typography/Typography.tsx
+import React4 from "react";
+import { Typography as JoyTypography } from "@mui/joy";
+import { motion as motion8 } from "framer-motion";
+var MotionTypography = motion8(JoyTypography);
+var Typography = (props) => {
+  return /* @__PURE__ */ React4.createElement(MotionTypography, { ...props });
+};
+Typography.displayName = "Typography";
+
+// src/components/Typography/index.ts
+var Typography_default = Typography;
+
 // src/components/Breadcrumbs/Breadcrumbs.tsx
-var MAX_CRUMBS = 4;
 function Breadcrumbs(props) {
-  const { crumbs, collapsed, size, ...innerProps } = props;
-  const firstCrumb = crumbs[0];
-  const restCrumbs = crumbs.length < MAX_CRUMBS ? crumbs.slice(1) : crumbs.slice(-(MAX_CRUMBS - 1));
-  const collapsingCrumbs = crumbs.slice(1, -(MAX_CRUMBS - 1));
-  return /* @__PURE__ */ React4.createElement(JoyBreadcrumbs, { size, ...innerProps }, firstCrumb, collapsingCrumbs.length && (collapsed ? /* @__PURE__ */ React4.createElement(Dropdown_default, null, /* @__PURE__ */ React4.createElement(MenuButton, { size, variant: "plain", color: "neutral" }, "\u2022\u2022\u2022"), /* @__PURE__ */ React4.createElement(Menu_default, null, collapsingCrumbs.map((crumb) => /* @__PURE__ */ React4.createElement(MenuItem, null, crumb)))) : collapsingCrumbs), restCrumbs);
+  const {
+    crumbs,
+    size,
+    frontCrumbCounts = 1,
+    backCrumbCounts = 3,
+    slots: { link: Link2, ...restSlots } = { link: JoyLink },
+    slotProps: { link: linkProps, ...restSlotProps } = {
+      link: { color: "neutral" }
+    },
+    ...innerProps
+  } = props;
+  const _backCrumbCounts = Math.max(1, backCrumbCounts);
+  const Crumb = (props2) => {
+    if (props2.type === "link" && Link2) {
+      return /* @__PURE__ */ React5.createElement(Link2, { to: props2.linkHref, href: props2.linkHref, ...linkProps }, props2.label);
+    } else {
+      return /* @__PURE__ */ React5.createElement(Typography_default, null, props2.label);
+    }
+  };
+  const frontCrumbs = crumbs.slice(0, frontCrumbCounts).map((crumb) => /* @__PURE__ */ React5.createElement(Crumb, { ...crumb }));
+  const backCrumbs = (frontCrumbCounts + _backCrumbCounts > crumbs.length ? crumbs.slice(frontCrumbCounts) : crumbs.slice(-_backCrumbCounts)).map((crumb) => /* @__PURE__ */ React5.createElement(Crumb, { ...crumb }));
+  const collapsedCrumbs = crumbs.slice(frontCrumbCounts, -_backCrumbCounts).map((crumb) => /* @__PURE__ */ React5.createElement(MenuItem, null, /* @__PURE__ */ React5.createElement(Crumb, { ...crumb })));
+  console.log(collapsedCrumbs);
+  return /* @__PURE__ */ React5.createElement(
+    JoyBreadcrumbs,
+    {
+      size,
+      slots: restSlots,
+      slotProps: restSlotProps,
+      ...innerProps
+    },
+    frontCrumbs,
+    collapsedCrumbs.length && /* @__PURE__ */ React5.createElement(Dropdown_default, null, /* @__PURE__ */ React5.createElement(MenuButton, { variant: "plain" }, "..."), /* @__PURE__ */ React5.createElement(Menu_default, null, collapsedCrumbs)),
+    backCrumbs
+  );
 }
 Breadcrumbs.displayName = "Breadcrumbs";
 
 // src/components/Button/Button.tsx
-import React5, { forwardRef } from "react";
+import React6, { forwardRef } from "react";
 import { Button as JoyButton } from "@mui/joy";
-import { motion as motion8 } from "framer-motion";
-var MotionButton = motion8(JoyButton);
+import { motion as motion9 } from "framer-motion";
+var MotionButton = motion9(JoyButton);
 var Button = forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React6.createElement(
       MotionButton,
       {
         ref,
@@ -301,19 +346,6 @@ import ChevronLeftIcon from "@mui/icons-material/esm/ChevronLeft.js";
 import ChevronRightIcon from "@mui/icons-material/esm/ChevronRight.js";
 import { AnimatePresence, motion as motion11 } from "framer-motion";
 
-// src/components/Typography/Typography.tsx
-import React6 from "react";
-import { Typography as JoyTypography } from "@mui/joy";
-import { motion as motion9 } from "framer-motion";
-var MotionTypography = motion9(JoyTypography);
-var Typography = (props) => {
-  return /* @__PURE__ */ React6.createElement(MotionTypography, { ...props });
-};
-Typography.displayName = "Typography";
-
-// src/components/Typography/index.ts
-var Typography_default = Typography;
-
 // src/components/Calendar/utils/index.ts
 var getCalendarDates = (date) => {
   const dates = [];
@@ -1844,7 +1876,8 @@ var DatePicker = forwardRef4(
               offset: [4, 4]
             }
           }
-        ]
+        ],
+        disablePortal: true
       },
       /* @__PURE__ */ React15.createElement(FocusTrap, { open: true }, /* @__PURE__ */ React15.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React15.createElement(
         Calendar_default,
@@ -2066,7 +2099,8 @@ var DateRangePicker = forwardRef5(
               offset: [4, 4]
             }
           }
-        ]
+        ],
+        disablePortal: true
       },
       /* @__PURE__ */ React16.createElement(FocusTrap2, { open: true }, /* @__PURE__ */ React16.createElement(CalendarSheet2, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React16.createElement(
         Calendar_default,
@@ -2144,14 +2178,18 @@ import {
   Modal as JoyModal,
   ModalDialog as JoyModalDialog,
   ModalClose as JoyModalClose,
-  ModalOverflow as JoyModalOverflow
+  ModalOverflow as JoyModalOverflow,
+  styled as styled9
 } from "@mui/joy";
 import { motion as motion19 } from "framer-motion";
 var MotionModal = motion19(JoyModal);
 var Modal = MotionModal;
 Modal.displayName = "Modal";
 var MotionModalDialog = motion19(JoyModalDialog);
-var ModalDialog = MotionModalDialog;
+var StyledModalDialog = styled9(MotionModalDialog)({
+  padding: 0
+});
+var ModalDialog = StyledModalDialog;
 ModalDialog.displayName = "ModalDialog";
 var MotionModalClose = motion19(JoyModalClose);
 var ModalClose = MotionModalClose;
@@ -2161,13 +2199,13 @@ var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 function ModalFrame(props) {
   const { title, children, ...innerProps } = props;
-  return /* @__PURE__ */ React17.createElement(ModalDialog, { ...innerProps }, /* @__PURE__ */ React17.createElement(ModalClose, null), /* @__PURE__ */ React17.createElement(DialogTitle_default, null, title), /* @__PURE__ */ React17.createElement(DialogContent_default, null, children));
+  return /* @__PURE__ */ React17.createElement(StyledModalDialog, { ...innerProps }, /* @__PURE__ */ React17.createElement(ModalClose, null), /* @__PURE__ */ React17.createElement(DialogTitle_default, null, title), /* @__PURE__ */ React17.createElement(DialogContent_default, null, children));
 }
 ModalFrame.displayName = "ModalFrame";
 
 // src/components/DialogFrame/DialogFrame.tsx
-import { styled as styled9 } from "@mui/joy";
-var StyledDialogFrame = styled9(ModalDialog)(({ theme }) => ({
+import { styled as styled10 } from "@mui/joy";
+var StyledDialogFrame = styled10(ModalDialog)(({ theme }) => ({
   padding: 0
 }));
 function DialogFrame(props) {
@@ -2225,15 +2263,15 @@ Grid.displayName = "Grid";
 import React21, { forwardRef as forwardRef6, useCallback as useCallback6, useMemo as useMemo5, useState as useState6 } from "react";
 import { IMaskInput as IMaskInput3, IMask as IMask3 } from "react-imask";
 import CalendarTodayIcon3 from "@mui/icons-material/esm/CalendarToday.js";
-import { styled as styled10 } from "@mui/joy";
+import { styled as styled11 } from "@mui/joy";
 import { FocusTrap as FocusTrap3, ClickAwayListener as ClickAwayListener3, Popper as Popper3 } from "@mui/base";
-var StyledPopper3 = styled10(Popper3, {
+var StyledPopper3 = styled11(Popper3, {
   name: "MonthRangePicker",
   slot: "popper"
 })(({ theme }) => ({
   zIndex: theme.zIndex.popup
 }));
-var CalendarSheet3 = styled10(Sheet_default, {
+var CalendarSheet3 = styled11(Sheet_default, {
   name: "MonthRangePicker",
   slot: "sheet",
   overridesResolver: (props, styles) => styles.root
@@ -2370,7 +2408,8 @@ var MonthRangePicker = forwardRef6(
               offset: [4, 4]
             }
           }
-        ]
+        ],
+        disablePortal: true
       },
       /* @__PURE__ */ React21.createElement(FocusTrap3, { open: true }, /* @__PURE__ */ React21.createElement(CalendarSheet3, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React21.createElement(
         Calendar_default,
@@ -2486,12 +2525,12 @@ Select.displayName = "Select";
 import React24 from "react";
 import {
   Switch as JoySwitch,
-  styled as styled11,
+  styled as styled12,
   switchClasses
 } from "@mui/joy";
 import { motion as motion25 } from "framer-motion";
 var MotionSwitch = motion25(JoySwitch);
-var StyledThumb = styled11(motion25.div)({
+var StyledThumb = styled12(motion25.div)({
   "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
   display: "inline-flex",
   justifyContent: "center",