@ceed/ads 0.0.75 → 0.0.76

package/dist/components/DialogActions/DialogActions.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-declare const DialogActions: import("framer-motion").CustomDomComponent<{
+declare const DialogActions: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     buttonFlex?: string | number | undefined;
     orientation?: "horizontal" | "vertical" | "horizontal-reverse" | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").DialogActionsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "sx" | "orientation" | "buttonFlex" | keyof import("@mui/joy").DialogActionsSlotsAndSlotProps>>;
+}, "children" | "sx" | "orientation" | "buttonFlex" | keyof import("@mui/joy").DialogActionsSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { DialogActions };

package/dist/components/DialogContent/DialogContent.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-declare const DialogContent: import("framer-motion").CustomDomComponent<{
+declare const DialogContent: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     orientation?: "horizontal" | "vertical" | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").DialogContentSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "sx" | "orientation" | keyof import("@mui/joy").DialogContentSlotsAndSlotProps>>;
+}, "children" | "sx" | "orientation" | keyof import("@mui/joy").DialogContentSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { DialogContent };

package/dist/components/DialogTitle/DialogTitle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare const DialogTitle: import("framer-motion").CustomDomComponent<{
+declare const DialogTitle: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").DialogTitlePropsColorOverrides> | undefined;
     level?: "inherit" | keyof import("@mui/joy").TypographySystem | undefined;
@@ -7,5 +7,5 @@ declare const DialogTitle: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").DialogTitlePropsVariantOverrides> | undefined;
 } & import("@mui/joy").DialogTitleSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "variant" | "sx" | "level" | keyof import("@mui/joy").DialogTitleSlotsAndSlotProps>>;
+}, "children" | "color" | "variant" | "sx" | "level" | keyof import("@mui/joy").DialogTitleSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { DialogTitle };

package/dist/index.js

@@ -1614,7 +1614,7 @@ DataTable.displayName = "DataTable";
 import React15, { forwardRef as forwardRef4, useCallback as useCallback4, useState as useState4 } from "react";
 import { IMaskInput, IMask } from "react-imask";
 import CalendarTodayIcon from "@mui/icons-material/esm/CalendarToday.js";
-import { styled as styled4 } from "@mui/joy";
+import { styled as styled5 } from "@mui/joy";
 import { FocusTrap, ClickAwayListener, Popper } from "@mui/base";
 
 // src/components/Input/Input.tsx
@@ -1635,23 +1635,29 @@ Input.displayName = "Input";
 var Input_default = Input;
 
 // src/components/DialogActions/DialogActions.tsx
-import { DialogActions as JoyDialogActions } from "@mui/joy";
+import { DialogActions as JoyDialogActions, styled as styled4 } from "@mui/joy";
 import { motion as motion16 } from "framer-motion";
 var MotionDialogActions = motion16(JoyDialogActions);
-var DialogActions = MotionDialogActions;
+var StyledDialogActions = styled4(MotionDialogActions)(({ theme }) => ({
+  padding: theme.spacing(1),
+  gap: theme.spacing(1),
+  flexDirection: "row",
+  justifyContent: "flex-end"
+}));
+var DialogActions = StyledDialogActions;
 DialogActions.displayName = "DialogActions";
 
 // src/components/DialogActions/index.ts
 var DialogActions_default = DialogActions;
 
 // src/components/DatePicker/DatePicker.tsx
-var StyledPopper = styled4(Popper, {
+var StyledPopper = styled5(Popper, {
   name: "DatePicker",
   slot: "popper"
 })(({ theme }) => ({
   zIndex: theme.zIndex.popup
 }));
-var CalendarSheet = styled4(Sheet_default, {
+var CalendarSheet = styled5(Sheet_default, {
   name: "DatePicker",
   slot: "sheet",
   overridesResolver: (props, styles) => styles.root
@@ -1814,15 +1820,15 @@ DatePicker.displayName = "DatePicker";
 import React16, { forwardRef as forwardRef5, useCallback as useCallback5, useMemo as useMemo4, useState as useState5 } from "react";
 import { IMaskInput as IMaskInput2, IMask as IMask2 } from "react-imask";
 import CalendarTodayIcon2 from "@mui/icons-material/esm/CalendarToday.js";
-import { styled as styled5 } from "@mui/joy";
+import { styled as styled6 } from "@mui/joy";
 import { FocusTrap as FocusTrap2, ClickAwayListener as ClickAwayListener2, Popper as Popper2 } from "@mui/base";
-var StyledPopper2 = styled5(Popper2, {
+var StyledPopper2 = styled6(Popper2, {
   name: "DateRangePicker",
   slot: "popper"
 })(({ theme }) => ({
   zIndex: theme.zIndex.popup
 }));
-var CalendarSheet2 = styled5(Sheet_default, {
+var CalendarSheet2 = styled6(Sheet_default, {
   name: "DateRangePicker",
   slot: "sheet",
   overridesResolver: (props, styles) => styles.root
@@ -2008,20 +2014,26 @@ var DateRangePicker = forwardRef5(
 DateRangePicker.displayName = "DateRangePicker";
 
 // src/components/DialogContent/DialogContent.tsx
-import { DialogContent as JoyDialogContent } from "@mui/joy";
+import { DialogContent as JoyDialogContent, styled as styled7 } from "@mui/joy";
 import { motion as motion17 } from "framer-motion";
 var MotionDialogContent = motion17(JoyDialogContent);
-var DialogContent = MotionDialogContent;
+var StyledDialogContent = styled7(MotionDialogContent)(({ theme }) => ({
+  padding: theme.spacing(0, 3, 2.5)
+}));
+var DialogContent = StyledDialogContent;
 DialogContent.displayName = "DialogContent";
 
 // src/components/DialogContent/index.ts
 var DialogContent_default = DialogContent;
 
 // src/components/DialogTitle/DialogTitle.tsx
-import { DialogTitle as JoyDialogTitle } from "@mui/joy";
+import { DialogTitle as JoyDialogTitle, styled as styled8 } from "@mui/joy";
 import { motion as motion18 } from "framer-motion";
 var MotionDialogTitle = motion18(JoyDialogTitle);
-var DialogTitle = MotionDialogTitle;
+var StyledDialogTitle = styled8(MotionDialogTitle)(({ theme }) => ({
+  padding: theme.spacing(2, 3)
+}));
+var DialogTitle = StyledDialogTitle;
 DialogTitle.displayName = "DialogTitle";
 
 // src/components/DialogTitle/index.ts
@@ -2058,9 +2070,13 @@ function ModalFrame(props) {
 ModalFrame.displayName = "ModalFrame";
 
 // src/components/DialogFrame/DialogFrame.tsx
+import { styled as styled9 } from "@mui/joy";
+var StyledDialogFrame = styled9(ModalDialog)(({ theme }) => ({
+  padding: 0
+}));
 function DialogFrame(props) {
   const { title, children, actions, ...innerProps } = props;
-  return /* @__PURE__ */ React18.createElement(ModalDialog, { ...innerProps }, /* @__PURE__ */ React18.createElement(DialogTitle_default, null, title), /* @__PURE__ */ React18.createElement(DialogContent_default, null, children), /* @__PURE__ */ React18.createElement(DialogActions_default, null, actions));
+  return /* @__PURE__ */ React18.createElement(StyledDialogFrame, { ...innerProps }, /* @__PURE__ */ React18.createElement(DialogTitle_default, null, title), /* @__PURE__ */ React18.createElement(DialogContent_default, null, children), /* @__PURE__ */ React18.createElement(DialogActions_default, null, actions));
 }
 DialogFrame.displayName = "DialogFrame";
 
@@ -2113,15 +2129,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 styled6 } from "@mui/joy";
+import { styled as styled10 } from "@mui/joy";
 import { FocusTrap as FocusTrap3, ClickAwayListener as ClickAwayListener3, Popper as Popper3 } from "@mui/base";
-var StyledPopper3 = styled6(Popper3, {
+var StyledPopper3 = styled10(Popper3, {
   name: "MonthRangePicker",
   slot: "popper"
 })(({ theme }) => ({
   zIndex: theme.zIndex.popup
 }));
-var CalendarSheet3 = styled6(Sheet_default, {
+var CalendarSheet3 = styled10(Sheet_default, {
   name: "MonthRangePicker",
   slot: "sheet",
   overridesResolver: (props, styles) => styles.root
@@ -2347,12 +2363,12 @@ Select.displayName = "Select";
 import React24 from "react";
 import {
   Switch as JoySwitch,
-  styled as styled7,
+  styled as styled11,
   switchClasses
 } from "@mui/joy";
 import { motion as motion25 } from "framer-motion";
 var MotionSwitch = motion25(JoySwitch);
-var StyledThumb = styled7(motion25.div)({
+var StyledThumb = styled11(motion25.div)({
   "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
   display: "inline-flex",
   justifyContent: "center",

package/framer/index.js

@@ -40753,7 +40753,13 @@ var Input_default2 = Input3;
 // src/components/DialogActions/DialogActions.tsx
 import { motion as motion16 } from "framer-motion";
 var MotionDialogActions = motion16(DialogActions_default);
-var DialogActions3 = MotionDialogActions;
+var StyledDialogActions = styled_default2(MotionDialogActions)(({ theme }) => ({
+  padding: theme.spacing(1),
+  gap: theme.spacing(1),
+  flexDirection: "row",
+  justifyContent: "flex-end"
+}));
+var DialogActions3 = StyledDialogActions;
 DialogActions3.displayName = "DialogActions";
 
 // src/components/DialogActions/index.ts
@@ -41139,7 +41145,10 @@ DateRangePicker.displayName = "DateRangePicker";
 // src/components/DialogContent/DialogContent.tsx
 import { motion as motion17 } from "framer-motion";
 var MotionDialogContent = motion17(DialogContent_default);
-var DialogContent3 = MotionDialogContent;
+var StyledDialogContent = styled_default2(MotionDialogContent)(({ theme }) => ({
+  padding: theme.spacing(0, 3, 2.5)
+}));
+var DialogContent3 = StyledDialogContent;
 DialogContent3.displayName = "DialogContent";
 
 // src/components/DialogContent/index.ts
@@ -41148,7 +41157,10 @@ var DialogContent_default2 = DialogContent3;
 // src/components/DialogTitle/DialogTitle.tsx
 import { motion as motion18 } from "framer-motion";
 var MotionDialogTitle = motion18(DialogTitle_default);
-var DialogTitle3 = MotionDialogTitle;
+var StyledDialogTitle = styled_default2(MotionDialogTitle)(({ theme }) => ({
+  padding: theme.spacing(2, 3)
+}));
+var DialogTitle3 = StyledDialogTitle;
 DialogTitle3.displayName = "DialogTitle";
 
 // src/components/DialogTitle/index.ts
@@ -41179,9 +41191,12 @@ function ModalFrame(props) {
 ModalFrame.displayName = "ModalFrame";
 
 // src/components/DialogFrame/DialogFrame.tsx
+var StyledDialogFrame = styled_default2(ModalDialog3)(({ theme }) => ({
+  padding: 0
+}));
 function DialogFrame(props) {
   const _a = props, { title, children, actions } = _a, innerProps = __objRest(_a, ["title", "children", "actions"]);
-  return /* @__PURE__ */ jsxs2(ModalDialog3, __spreadProps(__spreadValues({}, innerProps), { children: [
+  return /* @__PURE__ */ jsxs2(StyledDialogFrame, __spreadProps(__spreadValues({}, innerProps), { children: [
     /* @__PURE__ */ jsx2(DialogTitle_default2, { children: title }),
     /* @__PURE__ */ jsx2(DialogContent_default2, { children }),
     /* @__PURE__ */ jsx2(DialogActions_default2, { children: actions })
@@ -41869,8 +41884,16 @@ var checkboxPropertyControls = {
   color: {
     title: "Color",
     type: ControlType7.Enum,
-    options: ["primary", "neutral", "danger", "success", "warning"],
-    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+    options: [void 0, "primary", "neutral", "danger", "success", "warning"],
+    optionTitles: [
+      "Default",
+      "Primary",
+      "Neutral",
+      "Danger",
+      "Success",
+      "Warning"
+    ],
+    defaultValue: void 0
   },
   size: {
     title: "Size",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/ads",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",