@ceed/ads 0.0.74 → 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

@@ -173,11 +173,11 @@ var FormHelperText_default = FormHelperText;
 
 // src/components/Autocomplete/Autocomplete.tsx
 function Autocomplete(props) {
-  const { label, error, helperText, color, size, ...innerProps } = props;
+  const { label, error, helperText, color, size, disabled, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React2.createElement(FormControl_default, { color, size, error }, /* @__PURE__ */ React2.createElement(FormLabel_default, null, label), /* @__PURE__ */ React2.createElement(JoyAutocomplete, { ...innerProps }), helperText && /* @__PURE__ */ React2.createElement(FormHelperText_default, null, helperText));
+    return /* @__PURE__ */ React2.createElement(FormControl_default, { color, size, error, disabled }, /* @__PURE__ */ React2.createElement(FormLabel_default, null, label), /* @__PURE__ */ React2.createElement(JoyAutocomplete, { ...innerProps }), helperText && /* @__PURE__ */ React2.createElement(FormHelperText_default, null, helperText));
   }
-  return /* @__PURE__ */ React2.createElement(JoyAutocomplete, { ...innerProps, color, size });
+  return /* @__PURE__ */ React2.createElement(JoyAutocomplete, { ...innerProps, color, size, disabled });
 }
 Autocomplete.displayName = "Autocomplete";
 
@@ -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
@@ -1623,11 +1623,11 @@ import { Input as JoyInput } from "@mui/joy";
 import { motion as motion15 } from "framer-motion";
 var MotionInput = motion15(JoyInput);
 var Input = (props) => {
-  const { label, helperText, error, style, size, color, ...innerProps } = props;
+  const { label, helperText, error, style, size, color, disabled, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React14.createElement(FormControl_default, { color, size, error }, /* @__PURE__ */ React14.createElement(FormLabel_default, null, label), /* @__PURE__ */ React14.createElement(MotionInput, { ...innerProps }), helperText && /* @__PURE__ */ React14.createElement(FormHelperText_default, null, helperText));
+    return /* @__PURE__ */ React14.createElement(FormControl_default, { color, size, error, disabled }, /* @__PURE__ */ React14.createElement(FormLabel_default, null, label), /* @__PURE__ */ React14.createElement(MotionInput, { ...innerProps }), helperText && /* @__PURE__ */ React14.createElement(FormHelperText_default, null, helperText));
   }
-  return /* @__PURE__ */ React14.createElement(MotionInput, { color, size, ...innerProps });
+  return /* @__PURE__ */ React14.createElement(MotionInput, { color, size, disabled, ...innerProps });
 };
 Input.displayName = "Input";
 
@@ -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
@@ -1803,7 +1809,7 @@ var DatePicker = forwardRef4(
       )))
     )));
     if (label) {
-      return /* @__PURE__ */ React15.createElement(FormControl_default, { error, size: "sm" }, /* @__PURE__ */ React15.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React15.createElement(FormHelperText_default, null, helperText));
+      return /* @__PURE__ */ React15.createElement(FormControl_default, { disabled, error, size: "sm" }, /* @__PURE__ */ React15.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React15.createElement(FormHelperText_default, null, helperText));
     }
     return picker;
   }
@@ -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
@@ -2000,7 +2006,7 @@ var DateRangePicker = forwardRef5(
       )))
     )));
     if (label) {
-      return /* @__PURE__ */ React16.createElement(FormControl_default, { error, size: "sm" }, /* @__PURE__ */ React16.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React16.createElement(FormHelperText_default, null, helperText));
+      return /* @__PURE__ */ React16.createElement(FormControl_default, { disabled, error, size: "sm" }, /* @__PURE__ */ React16.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React16.createElement(FormHelperText_default, null, helperText));
     }
     return picker;
   }
@@ -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
@@ -2294,7 +2310,7 @@ var MonthRangePicker = forwardRef6(
       )))
     )));
     if (label) {
-      return /* @__PURE__ */ React21.createElement(FormControl_default, { error, size: "sm" }, /* @__PURE__ */ React21.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React21.createElement(FormHelperText_default, null, helperText));
+      return /* @__PURE__ */ React21.createElement(FormControl_default, { disabled, error, size: "sm" }, /* @__PURE__ */ React21.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React21.createElement(FormHelperText_default, null, helperText));
     }
     return picker;
   }
@@ -2330,16 +2346,16 @@ var MotionOption = motion24(JoyOption);
 var Option = MotionOption;
 Option.displayName = "Option";
 function Select(props) {
-  const { label, helperText, error, size, color, ...innerProps } = props;
+  const { label, helperText, error, size, color, disabled, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React23.createElement(FormControl_default, { size, color, error }, /* @__PURE__ */ React23.createElement(FormLabel_default, null, label), /* @__PURE__ */ React23.createElement(
+    return /* @__PURE__ */ React23.createElement(FormControl_default, { disabled, size, color, error }, /* @__PURE__ */ React23.createElement(FormLabel_default, null, label), /* @__PURE__ */ React23.createElement(
       JoySelect,
       {
         ...innerProps
       }
     ), helperText && /* @__PURE__ */ React23.createElement(FormHelperText_default, null, helperText));
   }
-  return /* @__PURE__ */ React23.createElement(JoySelect, { size, color, ...innerProps });
+  return /* @__PURE__ */ React23.createElement(JoySelect, { disabled, size, color, ...innerProps });
 }
 Select.displayName = "Select";
 
@@ -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",
@@ -2412,11 +2428,11 @@ import { Textarea as JoyTextarea } from "@mui/joy";
 import { motion as motion27 } from "framer-motion";
 var MotionTextarea = motion27(JoyTextarea);
 var Textarea = (props) => {
-  const { label, error, helperText, color, size, ...innerProps } = props;
+  const { label, error, helperText, color, size, disabled, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React25.createElement(FormControl_default, { color, size, error }, /* @__PURE__ */ React25.createElement(FormLabel_default, null, label), /* @__PURE__ */ React25.createElement(MotionTextarea, { ...innerProps }), helperText && /* @__PURE__ */ React25.createElement(FormHelperText_default, null, helperText));
+    return /* @__PURE__ */ React25.createElement(FormControl_default, { disabled, color, size, error }, /* @__PURE__ */ React25.createElement(FormLabel_default, null, label), /* @__PURE__ */ React25.createElement(MotionTextarea, { ...innerProps }), helperText && /* @__PURE__ */ React25.createElement(FormHelperText_default, null, helperText));
   }
-  return /* @__PURE__ */ React25.createElement(MotionTextarea, { color, size, ...innerProps });
+  return /* @__PURE__ */ React25.createElement(MotionTextarea, { disabled, color, size, ...innerProps });
 };
 Textarea.displayName = "Textarea";
 

package/framer/index.js

@@ -34641,15 +34641,15 @@ var FormHelperText_default2 = FormHelperText3;
 
 // src/components/Autocomplete/Autocomplete.tsx
 function Autocomplete3(props) {
-  const _a = props, { label, error, helperText, color: color2, size } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size"]);
+  const _a = props, { label, error, helperText, color: color2, size, disabled } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size", "disabled"]);
   if (label) {
-    return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, children: [
+    return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, disabled, children: [
       /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
       /* @__PURE__ */ jsx2(Autocomplete_default, __spreadValues({}, innerProps)),
       helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
     ] });
   }
-  return /* @__PURE__ */ jsx2(Autocomplete_default, __spreadProps(__spreadValues({}, innerProps), { color: color2, size }));
+  return /* @__PURE__ */ jsx2(Autocomplete_default, __spreadProps(__spreadValues({}, innerProps), { color: color2, size, disabled }));
 }
 Autocomplete3.displayName = "Autocomplete";
 
@@ -40735,15 +40735,15 @@ var CalendarToday_default = createSvgIcon2(/* @__PURE__ */ _jsx106("path", {
 import { motion as motion15 } from "framer-motion";
 var MotionInput = motion15(Input_default);
 var Input3 = (props) => {
-  const _a = props, { label, helperText, error, style: style4, size, color: color2 } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "style", "size", "color"]);
+  const _a = props, { label, helperText, error, style: style4, size, color: color2, disabled } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "style", "size", "color", "disabled"]);
   if (label) {
-    return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, children: [
+    return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, disabled, children: [
       /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
       /* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps)),
       helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
     ] });
   }
-  return /* @__PURE__ */ jsx2(MotionInput, __spreadValues({ color: color2, size }, innerProps));
+  return /* @__PURE__ */ jsx2(MotionInput, __spreadValues({ color: color2, size, disabled }, innerProps));
 };
 Input3.displayName = "Input";
 
@@ -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
@@ -40923,7 +40929,7 @@ var DatePicker = forwardRef84(
       ) })
     ] });
     if (label) {
-      return /* @__PURE__ */ jsxs2(FormControl_default2, { error, size: "sm", children: [
+      return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
         /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
         picker,
         helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
@@ -41125,7 +41131,7 @@ var DateRangePicker = forwardRef85(
       ) })
     ] });
     if (label) {
-      return /* @__PURE__ */ jsxs2(FormControl_default2, { error, size: "sm", children: [
+      return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
         /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
         picker,
         helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
@@ -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 })
@@ -41413,7 +41428,7 @@ var MonthRangePicker = forwardRef86(
       ) })
     ] });
     if (label) {
-      return /* @__PURE__ */ jsxs2(FormControl_default2, { error, size: "sm", children: [
+      return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
         /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
         picker,
         helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
@@ -41446,9 +41461,9 @@ var MotionOption = motion24(Option_default);
 var Option3 = MotionOption;
 Option3.displayName = "Option";
 function Select3(props) {
-  const _a = props, { label, helperText, error, size, color: color2 } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "size", "color"]);
+  const _a = props, { label, helperText, error, size, color: color2, disabled } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "size", "color", "disabled"]);
   if (label) {
-    return /* @__PURE__ */ jsxs2(FormControl_default2, { size, color: color2, error, children: [
+    return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, size, color: color2, error, children: [
       /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
       /* @__PURE__ */ jsx2(
         Select_default,
@@ -41457,7 +41472,7 @@ function Select3(props) {
       helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
     ] });
   }
-  return /* @__PURE__ */ jsx2(Select_default, __spreadValues({ size, color: color2 }, innerProps));
+  return /* @__PURE__ */ jsx2(Select_default, __spreadValues({ disabled, size, color: color2 }, innerProps));
 }
 Select3.displayName = "Select";
 
@@ -41519,15 +41534,15 @@ TabPanel3.displayName = "TabPanel";
 import { motion as motion27 } from "framer-motion";
 var MotionTextarea = motion27(Textarea_default);
 var Textarea3 = (props) => {
-  const _a = props, { label, error, helperText, color: color2, size } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size"]);
+  const _a = props, { label, error, helperText, color: color2, size, disabled } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size", "disabled"]);
   if (label) {
-    return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, children: [
+    return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, color: color2, size, error, children: [
       /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
       /* @__PURE__ */ jsx2(MotionTextarea, __spreadValues({}, innerProps)),
       helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
     ] });
   }
-  return /* @__PURE__ */ jsx2(MotionTextarea, __spreadValues({ color: color2, size }, innerProps));
+  return /* @__PURE__ */ jsx2(MotionTextarea, __spreadValues({ disabled, color: color2, size }, innerProps));
 };
 Textarea3.displayName = "Textarea";
 
@@ -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.74",
+  "version": "0.0.76",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",