@ceed/ads 0.0.52 → 0.0.54

package/dist/components/Calendar/hooks/use-calendar-props.d.ts

@@ -11,6 +11,10 @@ export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
     views: View[];
     slots?: Partial<Record<import("../types").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
     rangeSelection?: boolean | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    disableFuture?: boolean | undefined;
+    disablePast?: boolean | undefined;
 }, {
     viewMonth: Date;
     direction: number;
@@ -24,4 +28,8 @@ export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
     views: View[];
     slots?: Partial<Record<import("../types").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
     rangeSelection?: boolean | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    disableFuture?: boolean | undefined;
+    disablePast?: boolean | undefined;
 }];

package/dist/components/Calendar/hooks/use-calendar.d.ts

@@ -12,6 +12,7 @@ export declare const useCalendar: (ownerState: CalendarOwnerState) => {
         readonly isSelected: boolean | undefined;
         readonly onClick: () => void;
         readonly onMouseEnter: (() => void) | undefined;
+        readonly disabled: boolean | undefined;
         readonly tabIndex: -1;
         readonly "aria-label": string;
         readonly "aria-selected": "true" | undefined;
@@ -19,6 +20,7 @@ export declare const useCalendar: (ownerState: CalendarOwnerState) => {
     };
     getPickerMonthProps: (monthIndex: number) => {
         readonly isSelected: boolean | undefined;
+        readonly disabled: boolean | undefined;
         readonly onClick: () => void;
         readonly tabIndex: -1;
         readonly "aria-label": string;

package/dist/components/Calendar/types.d.ts

@@ -13,6 +13,10 @@ export interface CalendarProps {
     onMonthChange?: (newMonth: DateValue) => void;
     slots?: Partial<Record<CalendarSlot, React.ElementType>>;
     rangeSelection?: boolean;
+    minDate?: DateValue;
+    maxDate?: DateValue;
+    disableFuture?: boolean;
+    disablePast?: boolean;
 }
 export interface CalendarOwnerState extends CalendarProps {
     viewMonth: Date;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -10,6 +10,12 @@ interface DatePickerProps {
     name?: string;
     disabled?: boolean;
     label?: React.ReactNode;
+    error?: boolean;
+    helperText?: React.ReactNode;
+    minDate?: Date;
+    maxDate?: Date;
+    disableFuture?: boolean;
+    disablePast?: boolean;
 }
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
 export { DatePicker };

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -10,6 +10,12 @@ interface DateRangePickerProps {
     name?: string;
     disabled?: boolean;
     label?: React.ReactNode;
+    error?: boolean;
+    helperText?: React.ReactNode;
+    minDate?: Date;
+    maxDate?: Date;
+    disableFuture?: boolean;
+    disablePast?: boolean;
 }
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
 export { DateRangePicker };

package/dist/index.js

@@ -440,6 +440,11 @@ var useCalendar = (ownerState) => {
           isSelected,
           onClick: handleDayClick,
           onMouseEnter: ownerState.rangeSelection && ownerState.value?.[0] && !ownerState.value?.[1] ? () => setHoverDay(thisDay) : void 0,
+          disabled: ownerState.minDate && thisDay < ownerState.minDate || ownerState.maxDate && thisDay > ownerState.maxDate || ownerState.disableFuture && thisDay > /* @__PURE__ */ new Date() || ownerState.disablePast && thisDay < (() => {
+            const today = /* @__PURE__ */ new Date();
+            today.setHours(0, 0, 0, 0);
+            return today;
+          })(),
           tabIndex: -1,
           "aria-label": thisDay.toLocaleDateString(),
           "aria-selected": isSelected ? "true" : void 0,
@@ -451,6 +456,10 @@ var useCalendar = (ownerState) => {
         ownerState.value,
         ownerState.viewMonth,
         ownerState.rangeSelection,
+        ownerState.minDate,
+        ownerState.maxDate,
+        ownerState.disableFuture,
+        ownerState.disablePast,
         hoverDay
       ]
     ),
@@ -467,6 +476,16 @@ var useCalendar = (ownerState) => {
         };
         return {
           isSelected,
+          disabled: ownerState.minDate && (() => {
+            const lastDay = new Date(thisMonth);
+            lastDay.setMonth(lastDay.getMonth() + 1);
+            lastDay.setDate(0);
+            return lastDay < ownerState.minDate;
+          })() || ownerState.maxDate && (() => {
+            const lastDay = new Date(thisMonth);
+            lastDay.setDate(0);
+            return lastDay > ownerState.maxDate;
+          })() || ownerState.disableFuture && thisMonth > /* @__PURE__ */ new Date() || ownerState.disablePast && thisMonth < /* @__PURE__ */ new Date(),
           onClick: handleMonthClick,
           tabIndex: -1,
           "aria-label": getMonthName(thisMonth, ownerState.locale || "default")
@@ -478,7 +497,11 @@ var useCalendar = (ownerState) => {
         ownerState.onChange,
         ownerState.viewMonth,
         ownerState.locale,
-        ownerState.value
+        ownerState.value,
+        ownerState.minDate,
+        ownerState.maxDate,
+        ownerState.disableFuture,
+        ownerState.disablePast
       ]
     )
   };
@@ -1402,12 +1425,44 @@ import { Popper } from "@mui/base/Popper";
 // src/components/Input/Input.tsx
 import React11 from "react";
 import { Input as JoyInput } from "@mui/joy";
+import { motion as motion13 } from "framer-motion";
+
+// src/components/FormControl/FormControl.tsx
+import { FormControl as JoyFormControl } from "@mui/joy";
 import { motion as motion10 } from "framer-motion";
-var MotionInput = motion10(JoyInput);
+var MotionFormControl = motion10(JoyFormControl);
+var FormControl = MotionFormControl;
+FormControl.displayName = "FormControl";
+
+// src/components/FormControl/index.ts
+var FormControl_default = FormControl;
+
+// src/components/FormLabel/FormLabel.tsx
+import { FormLabel as JoyFormLabel } from "@mui/joy";
+import { motion as motion11 } from "framer-motion";
+var MotionFormLabel = motion11(JoyFormLabel);
+var FormLabel = MotionFormLabel;
+FormLabel.displayName = "FormLabel";
+
+// src/components/FormLabel/index.ts
+var FormLabel_default = FormLabel;
+
+// src/components/FormHelperText/FormHelperText.tsx
+import { FormHelperText as JoyFormHelperText } from "@mui/joy";
+import { motion as motion12 } from "framer-motion";
+var MotionFormHelperText = motion12(JoyFormHelperText);
+var FormHelperText = MotionFormHelperText;
+FormHelperText.displayName = "FormHelperText";
+
+// src/components/FormHelperText/index.ts
+var FormHelperText_default = FormHelperText;
+
+// src/components/Input/Input.tsx
+var MotionInput = motion13(JoyInput);
 var Input = (props) => {
   const { label, helperText, error, style, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React11.createElement(FormControl, { error }, /* @__PURE__ */ React11.createElement(FormLabel, null, label), /* @__PURE__ */ React11.createElement(MotionInput, { color: error ? "danger" : innerProps.color, ...innerProps }), helperText && /* @__PURE__ */ React11.createElement(FormHelperText, null, helperText));
+    return /* @__PURE__ */ React11.createElement(FormControl_default, { error }, /* @__PURE__ */ React11.createElement(FormLabel_default, null, label), /* @__PURE__ */ React11.createElement(MotionInput, { ...innerProps, color: error ? "danger" : innerProps.color }), helperText && /* @__PURE__ */ React11.createElement(FormHelperText_default, null, helperText));
   }
   return /* @__PURE__ */ React11.createElement(MotionInput, { ...innerProps });
 };
@@ -1418,34 +1473,14 @@ var Input_default = Input;
 
 // src/components/DialogActions/DialogActions.tsx
 import { DialogActions as JoyDialogActions } from "@mui/joy";
-import { motion as motion11 } from "framer-motion";
-var MotionDialogActions = motion11(JoyDialogActions);
+import { motion as motion14 } from "framer-motion";
+var MotionDialogActions = motion14(JoyDialogActions);
 var DialogActions = MotionDialogActions;
 DialogActions.displayName = "DialogActions";
 
 // src/components/DialogActions/index.ts
 var DialogActions_default = DialogActions;
 
-// src/components/FormControl/FormControl.tsx
-import { FormControl as JoyFormControl } from "@mui/joy";
-import { motion as motion12 } from "framer-motion";
-var MotionFormControl = motion12(JoyFormControl);
-var FormControl = MotionFormControl;
-FormControl.displayName = "FormControl";
-
-// src/components/FormControl/index.ts
-var FormControl_default = FormControl;
-
-// src/components/FormLabel/FormLabel.tsx
-import { FormLabel as JoyFormLabel } from "@mui/joy";
-import { motion as motion13 } from "framer-motion";
-var MotionFormLabel = motion13(JoyFormLabel);
-var FormLabel = MotionFormLabel;
-FormLabel.displayName = "FormLabel";
-
-// src/components/FormLabel/index.ts
-var FormLabel_default = FormLabel;
-
 // src/components/DatePicker/DatePicker.tsx
 var StyledPopper = styled3(Popper, {
   name: "DatePicker",
@@ -1520,7 +1555,7 @@ var TextMaskAdapter = React12.forwardRef(
 );
 var DatePicker = forwardRef4(
   (props, ref) => {
-    const { onChange, disabled, label } = props;
+    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
     const [value, setValue] = useState4(props.value || "");
     const [anchorEl, setAnchorEl] = useState4(null);
     const open = Boolean(anchorEl);
@@ -1576,7 +1611,11 @@ var DatePicker = forwardRef4(
           onChange: ([date]) => {
             setValue(formatValueString(date));
             setAnchorEl(null);
-          }
+          },
+          minDate,
+          maxDate,
+          disableFuture,
+          disablePast
         }
       ), /* @__PURE__ */ React12.createElement(
         DialogActions_default,
@@ -1601,7 +1640,7 @@ var DatePicker = forwardRef4(
       )))
     )));
     if (label) {
-      return /* @__PURE__ */ React12.createElement(FormControl_default, { size: "sm" }, /* @__PURE__ */ React12.createElement(FormLabel_default, null, label), picker);
+      return /* @__PURE__ */ React12.createElement(FormControl_default, { error, size: "sm" }, /* @__PURE__ */ React12.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React12.createElement(FormHelperText_default, null, helperText));
     }
     return picker;
   }
@@ -1704,7 +1743,7 @@ var TextMaskAdapter3 = React13.forwardRef(
 );
 var DateRangePicker = forwardRef5(
   (props, ref) => {
-    const { onChange, disabled, label } = props;
+    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
     const [value, setValue] = useState5(props.value || "");
     const [anchorEl, setAnchorEl] = useState5(null);
     const open = Boolean(anchorEl);
@@ -1717,7 +1756,7 @@ var DateRangePicker = forwardRef5(
         setValue(event.target.value);
         onChange?.(event);
       },
-      []
+      [onChange]
     );
     const handleCalendarToggle = useCallback5(
       (event) => {
@@ -1771,7 +1810,11 @@ var DateRangePicker = forwardRef5(
         {
           rangeSelection: true,
           defaultValue: calendarValue,
-          onChange: handleCalendarChange
+          onChange: handleCalendarChange,
+          minDate,
+          maxDate,
+          disableFuture,
+          disablePast
         }
       ), /* @__PURE__ */ React13.createElement(
         DialogActions_default,
@@ -1796,7 +1839,7 @@ var DateRangePicker = forwardRef5(
       )))
     )));
     if (label) {
-      return /* @__PURE__ */ React13.createElement(FormControl_default, { size: "sm" }, /* @__PURE__ */ React13.createElement(FormLabel_default, null, label), picker);
+      return /* @__PURE__ */ React13.createElement(FormControl_default, { error, size: "sm" }, /* @__PURE__ */ React13.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React13.createElement(FormHelperText_default, null, helperText));
     }
     return picker;
   }
@@ -1805,8 +1848,8 @@ DateRangePicker.displayName = "DateRangePicker";
 
 // src/components/DialogContent/DialogContent.tsx
 import { DialogContent as JoyDialogContent } from "@mui/joy";
-import { motion as motion14 } from "framer-motion";
-var MotionDialogContent = motion14(JoyDialogContent);
+import { motion as motion15 } from "framer-motion";
+var MotionDialogContent = motion15(JoyDialogContent);
 var DialogContent = MotionDialogContent;
 DialogContent.displayName = "DialogContent";
 
@@ -1815,8 +1858,8 @@ var DialogContent_default = DialogContent;
 
 // src/components/DialogTitle/DialogTitle.tsx
 import { DialogTitle as JoyDialogTitle } from "@mui/joy";
-import { motion as motion15 } from "framer-motion";
-var MotionDialogTitle = motion15(JoyDialogTitle);
+import { motion as motion16 } from "framer-motion";
+var MotionDialogTitle = motion16(JoyDialogTitle);
 var DialogTitle = MotionDialogTitle;
 DialogTitle.displayName = "DialogTitle";
 
@@ -1834,17 +1877,17 @@ import {
   ModalClose as JoyModalClose,
   ModalOverflow as JoyModalOverflow
 } from "@mui/joy";
-import { motion as motion16 } from "framer-motion";
-var MotionModal = motion16(JoyModal);
+import { motion as motion17 } from "framer-motion";
+var MotionModal = motion17(JoyModal);
 var Modal = MotionModal;
 Modal.displayName = "Modal";
-var MotionModalDialog = motion16(JoyModalDialog);
+var MotionModalDialog = motion17(JoyModalDialog);
 var ModalDialog = MotionModalDialog;
 ModalDialog.displayName = "ModalDialog";
-var MotionModalClose = motion16(JoyModalClose);
+var MotionModalClose = motion17(JoyModalClose);
 var ModalClose = MotionModalClose;
 ModalClose.displayName = "ModalClose";
-var MotionModalOverflow = motion16(JoyModalOverflow);
+var MotionModalOverflow = motion17(JoyModalOverflow);
 var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 function ModalFrame(props) {
@@ -1863,8 +1906,8 @@ DialogFrame.displayName = "DialogFrame";
 // src/components/Divider/Divider.tsx
 import React16 from "react";
 import { Divider as JoyDivider } from "@mui/joy";
-import { motion as motion17 } from "framer-motion";
-var MotionDivider = motion17(JoyDivider);
+import { motion as motion18 } from "framer-motion";
+var MotionDivider = motion18(JoyDivider);
 var Divider = (props) => {
   return /* @__PURE__ */ React16.createElement(MotionDivider, { ...props });
 };
@@ -1873,8 +1916,8 @@ Divider.displayName = "Divider";
 // src/components/InsetDrawer/InsetDrawer.tsx
 import React17 from "react";
 import { Drawer as JoyDrawer } from "@mui/joy";
-import { motion as motion18 } from "framer-motion";
-var MotionDrawer = motion18(JoyDrawer);
+import { motion as motion19 } from "framer-motion";
+var MotionDrawer = motion19(JoyDrawer);
 var InsetDrawer = (props) => {
   const { children, ...innerProps } = props;
   return /* @__PURE__ */ React17.createElement(
@@ -1900,18 +1943,11 @@ InsetDrawer.displayName = "InsetDrawer";
 
 // src/components/Dropdown/Dropdown.tsx
 import { Dropdown as JoyDropdown } from "@mui/joy";
-import { motion as motion19 } from "framer-motion";
-var MotionDropdown = motion19(JoyDropdown);
+import { motion as motion20 } from "framer-motion";
+var MotionDropdown = motion20(JoyDropdown);
 var Dropdown = MotionDropdown;
 Dropdown.displayName = "Dropdown";
 
-// src/components/FormHelperText/FormHelperText.tsx
-import { FormHelperText as JoyFormHelperText } from "@mui/joy";
-import { motion as motion20 } from "framer-motion";
-var MotionFormHelperText = motion20(JoyFormHelperText);
-var FormHelperText = MotionFormHelperText;
-FormHelperText.displayName = "FormHelperText";
-
 // src/components/Grid/Grid.tsx
 import { Grid as JoyGrid } from "@mui/joy";
 import { motion as motion21 } from "framer-motion";
@@ -1974,7 +2010,13 @@ Option.displayName = "Option";
 function Select(props) {
   const { label, helperText, error, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React20.createElement(FormControl, { error }, /* @__PURE__ */ React20.createElement(FormLabel, null, label), /* @__PURE__ */ React20.createElement(JoySelect, { color: error ? "danger" : innerProps.color, ...innerProps }), helperText && /* @__PURE__ */ React20.createElement(FormHelperText, null, helperText));
+    return /* @__PURE__ */ React20.createElement(FormControl_default, { error }, /* @__PURE__ */ React20.createElement(FormLabel_default, null, label), /* @__PURE__ */ React20.createElement(
+      JoySelect,
+      {
+        ...innerProps,
+        color: error ? "danger" : innerProps.color
+      }
+    ), helperText && /* @__PURE__ */ React20.createElement(FormHelperText_default, null, helperText));
   }
   return /* @__PURE__ */ React20.createElement(JoySelect, { ...innerProps });
 }

package/framer/index.js

@@ -35856,6 +35856,11 @@ var useCalendar = (ownerState) => {
           isSelected,
           onClick: handleDayClick,
           onMouseEnter: ownerState.rangeSelection && ((_a = ownerState.value) == null ? void 0 : _a[0]) && !((_b = ownerState.value) == null ? void 0 : _b[1]) ? () => setHoverDay(thisDay) : void 0,
+          disabled: ownerState.minDate && thisDay < ownerState.minDate || ownerState.maxDate && thisDay > ownerState.maxDate || ownerState.disableFuture && thisDay > /* @__PURE__ */ new Date() || ownerState.disablePast && thisDay < (() => {
+            const today = /* @__PURE__ */ new Date();
+            today.setHours(0, 0, 0, 0);
+            return today;
+          })(),
           tabIndex: -1,
           "aria-label": thisDay.toLocaleDateString(),
           "aria-selected": isSelected ? "true" : void 0,
@@ -35867,6 +35872,10 @@ var useCalendar = (ownerState) => {
         ownerState.value,
         ownerState.viewMonth,
         ownerState.rangeSelection,
+        ownerState.minDate,
+        ownerState.maxDate,
+        ownerState.disableFuture,
+        ownerState.disablePast,
         hoverDay
       ]
     ),
@@ -35884,6 +35893,16 @@ var useCalendar = (ownerState) => {
         };
         return {
           isSelected,
+          disabled: ownerState.minDate && (() => {
+            const lastDay = new Date(thisMonth);
+            lastDay.setMonth(lastDay.getMonth() + 1);
+            lastDay.setDate(0);
+            return lastDay < ownerState.minDate;
+          })() || ownerState.maxDate && (() => {
+            const lastDay = new Date(thisMonth);
+            lastDay.setDate(0);
+            return lastDay > ownerState.maxDate;
+          })() || ownerState.disableFuture && thisMonth > /* @__PURE__ */ new Date() || ownerState.disablePast && thisMonth < /* @__PURE__ */ new Date(),
           onClick: handleMonthClick,
           tabIndex: -1,
           "aria-label": getMonthName(thisMonth, ownerState.locale || "default")
@@ -35895,7 +35914,11 @@ var useCalendar = (ownerState) => {
         ownerState.onChange,
         ownerState.viewMonth,
         ownerState.locale,
-        ownerState.value
+        ownerState.value,
+        ownerState.minDate,
+        ownerState.maxDate,
+        ownerState.disableFuture,
+        ownerState.disablePast
       ]
     )
   };
@@ -40505,15 +40528,44 @@ var CalendarToday_default = createSvgIcon2(/* @__PURE__ */ _jsx106("path", {
 }), "CalendarToday");
 
 // src/components/Input/Input.tsx
+import { motion as motion13 } from "framer-motion";
+
+// src/components/FormControl/FormControl.tsx
 import { motion as motion10 } from "framer-motion";
-var MotionInput = motion10(Input_default);
+var MotionFormControl = motion10(FormControl_default);
+var FormControl3 = MotionFormControl;
+FormControl3.displayName = "FormControl";
+
+// src/components/FormControl/index.ts
+var FormControl_default2 = FormControl3;
+
+// src/components/FormLabel/FormLabel.tsx
+import { motion as motion11 } from "framer-motion";
+var MotionFormLabel = motion11(FormLabel_default);
+var FormLabel3 = MotionFormLabel;
+FormLabel3.displayName = "FormLabel";
+
+// src/components/FormLabel/index.ts
+var FormLabel_default2 = FormLabel3;
+
+// src/components/FormHelperText/FormHelperText.tsx
+import { motion as motion12 } from "framer-motion";
+var MotionFormHelperText = motion12(FormHelperText_default);
+var FormHelperText3 = MotionFormHelperText;
+FormHelperText3.displayName = "FormHelperText";
+
+// src/components/FormHelperText/index.ts
+var FormHelperText_default2 = FormHelperText3;
+
+// src/components/Input/Input.tsx
+var MotionInput = motion13(Input_default);
 var Input3 = (props) => {
   const _a = props, { label, helperText, error, style: style4 } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "style"]);
   if (label) {
-    return /* @__PURE__ */ jsxs2(FormControl3, { error, children: [
-      /* @__PURE__ */ jsx2(FormLabel3, { children: label }),
-      /* @__PURE__ */ jsx2(MotionInput, __spreadValues({ color: error ? "danger" : innerProps.color }, innerProps)),
-      helperText && /* @__PURE__ */ jsx2(FormHelperText3, { children: helperText })
+    return /* @__PURE__ */ jsxs2(FormControl_default2, { error, children: [
+      /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
+      /* @__PURE__ */ jsx2(MotionInput, __spreadProps(__spreadValues({}, innerProps), { color: error ? "danger" : innerProps.color })),
+      helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
     ] });
   }
   return /* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps));
@@ -40524,32 +40576,14 @@ Input3.displayName = "Input";
 var Input_default2 = Input3;
 
 // src/components/DialogActions/DialogActions.tsx
-import { motion as motion11 } from "framer-motion";
-var MotionDialogActions = motion11(DialogActions_default);
+import { motion as motion14 } from "framer-motion";
+var MotionDialogActions = motion14(DialogActions_default);
 var DialogActions3 = MotionDialogActions;
 DialogActions3.displayName = "DialogActions";
 
 // src/components/DialogActions/index.ts
 var DialogActions_default2 = DialogActions3;
 
-// src/components/FormControl/FormControl.tsx
-import { motion as motion12 } from "framer-motion";
-var MotionFormControl = motion12(FormControl_default);
-var FormControl3 = MotionFormControl;
-FormControl3.displayName = "FormControl";
-
-// src/components/FormControl/index.ts
-var FormControl_default2 = FormControl3;
-
-// src/components/FormLabel/FormLabel.tsx
-import { motion as motion13 } from "framer-motion";
-var MotionFormLabel = motion13(FormLabel_default);
-var FormLabel3 = MotionFormLabel;
-FormLabel3.displayName = "FormLabel";
-
-// src/components/FormLabel/index.ts
-var FormLabel_default2 = FormLabel3;
-
 // src/components/DatePicker/DatePicker.tsx
 var StyledPopper = styled_default2(Popper, {
   name: "DatePicker",
@@ -40623,7 +40657,7 @@ var TextMaskAdapter = React178.forwardRef(
 );
 var DatePicker = forwardRef84(
   (props, ref) => {
-    const { onChange, disabled, label } = props;
+    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
     const [value, setValue] = useState27(props.value || "");
     const [anchorEl, setAnchorEl] = useState27(null);
     const open = Boolean(anchorEl);
@@ -40681,7 +40715,11 @@ var DatePicker = forwardRef84(
                 onChange: ([date]) => {
                   setValue(formatValueString(date));
                   setAnchorEl(null);
-                }
+                },
+                minDate,
+                maxDate,
+                disableFuture,
+                disablePast
               }
             ),
             /* @__PURE__ */ jsx2(
@@ -40710,9 +40748,10 @@ var DatePicker = forwardRef84(
       ) })
     ] });
     if (label) {
-      return /* @__PURE__ */ jsxs2(FormControl_default2, { size: "sm", children: [
+      return /* @__PURE__ */ jsxs2(FormControl_default2, { error, size: "sm", children: [
         /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
-        picker
+        picker,
+        helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
       ] });
     }
     return picker;
@@ -40809,7 +40848,7 @@ var TextMaskAdapter3 = React179.forwardRef(
 );
 var DateRangePicker = forwardRef85(
   (props, ref) => {
-    const { onChange, disabled, label } = props;
+    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
     const [value, setValue] = useState28(props.value || "");
     const [anchorEl, setAnchorEl] = useState28(null);
     const open = Boolean(anchorEl);
@@ -40822,7 +40861,7 @@ var DateRangePicker = forwardRef85(
         setValue(event.target.value);
         onChange == null ? void 0 : onChange(event);
       },
-      []
+      [onChange]
     );
     const handleCalendarToggle = useCallback29(
       (event) => {
@@ -40878,7 +40917,11 @@ var DateRangePicker = forwardRef85(
               {
                 rangeSelection: true,
                 defaultValue: calendarValue,
-                onChange: handleCalendarChange
+                onChange: handleCalendarChange,
+                minDate,
+                maxDate,
+                disableFuture,
+                disablePast
               }
             ),
             /* @__PURE__ */ jsx2(
@@ -40907,9 +40950,10 @@ var DateRangePicker = forwardRef85(
       ) })
     ] });
     if (label) {
-      return /* @__PURE__ */ jsxs2(FormControl_default2, { size: "sm", children: [
+      return /* @__PURE__ */ jsxs2(FormControl_default2, { error, size: "sm", children: [
         /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
-        picker
+        picker,
+        helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
       ] });
     }
     return picker;
@@ -40918,8 +40962,8 @@ var DateRangePicker = forwardRef85(
 DateRangePicker.displayName = "DateRangePicker";
 
 // src/components/DialogContent/DialogContent.tsx
-import { motion as motion14 } from "framer-motion";
-var MotionDialogContent = motion14(DialogContent_default);
+import { motion as motion15 } from "framer-motion";
+var MotionDialogContent = motion15(DialogContent_default);
 var DialogContent3 = MotionDialogContent;
 DialogContent3.displayName = "DialogContent";
 
@@ -40927,8 +40971,8 @@ DialogContent3.displayName = "DialogContent";
 var DialogContent_default2 = DialogContent3;
 
 // src/components/DialogTitle/DialogTitle.tsx
-import { motion as motion15 } from "framer-motion";
-var MotionDialogTitle = motion15(DialogTitle_default);
+import { motion as motion16 } from "framer-motion";
+var MotionDialogTitle = motion16(DialogTitle_default);
 var DialogTitle3 = MotionDialogTitle;
 DialogTitle3.displayName = "DialogTitle";
 
@@ -40936,17 +40980,17 @@ DialogTitle3.displayName = "DialogTitle";
 var DialogTitle_default2 = DialogTitle3;
 
 // src/components/Modal/Modal.tsx
-import { motion as motion16 } from "framer-motion";
-var MotionModal = motion16(Modal_default);
+import { motion as motion17 } from "framer-motion";
+var MotionModal = motion17(Modal_default);
 var Modal3 = MotionModal;
 Modal3.displayName = "Modal";
-var MotionModalDialog = motion16(ModalDialog_default);
+var MotionModalDialog = motion17(ModalDialog_default);
 var ModalDialog3 = MotionModalDialog;
 ModalDialog3.displayName = "ModalDialog";
-var MotionModalClose = motion16(ModalClose_default);
+var MotionModalClose = motion17(ModalClose_default);
 var ModalClose3 = MotionModalClose;
 ModalClose3.displayName = "ModalClose";
-var MotionModalOverflow = motion16(ModalOverflow_default);
+var MotionModalOverflow = motion17(ModalOverflow_default);
 var ModalOverflow3 = MotionModalOverflow;
 ModalOverflow3.displayName = "ModalOverflow";
 function ModalFrame(props) {
@@ -40971,16 +41015,16 @@ function DialogFrame(props) {
 DialogFrame.displayName = "DialogFrame";
 
 // src/components/Divider/Divider.tsx
-import { motion as motion17 } from "framer-motion";
-var MotionDivider = motion17(Divider_default);
+import { motion as motion18 } from "framer-motion";
+var MotionDivider = motion18(Divider_default);
 var Divider3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionDivider, __spreadValues({}, props));
 };
 Divider3.displayName = "Divider";
 
 // src/components/InsetDrawer/InsetDrawer.tsx
-import { motion as motion18 } from "framer-motion";
-var MotionDrawer = motion18(Drawer_default);
+import { motion as motion19 } from "framer-motion";
+var MotionDrawer = motion19(Drawer_default);
 var InsetDrawer = (props) => {
   var _b;
   const _a = props, { children } = _a, innerProps = __objRest(_a, ["children"]);
@@ -41003,17 +41047,11 @@ var InsetDrawer = (props) => {
 InsetDrawer.displayName = "InsetDrawer";
 
 // src/components/Dropdown/Dropdown.tsx
-import { motion as motion19 } from "framer-motion";
-var MotionDropdown = motion19(Dropdown);
+import { motion as motion20 } from "framer-motion";
+var MotionDropdown = motion20(Dropdown);
 var Dropdown2 = MotionDropdown;
 Dropdown2.displayName = "Dropdown";
 
-// src/components/FormHelperText/FormHelperText.tsx
-import { motion as motion20 } from "framer-motion";
-var MotionFormHelperText = motion20(FormHelperText_default);
-var FormHelperText3 = MotionFormHelperText;
-FormHelperText3.displayName = "FormHelperText";
-
 // src/components/Grid/Grid.tsx
 import { motion as motion21 } from "framer-motion";
 var MotionGrid = motion21(Grid_default);
@@ -41062,10 +41100,15 @@ Option3.displayName = "Option";
 function Select3(props) {
   const _a = props, { label, helperText, error } = _a, innerProps = __objRest(_a, ["label", "helperText", "error"]);
   if (label) {
-    return /* @__PURE__ */ jsxs2(FormControl3, { error, children: [
-      /* @__PURE__ */ jsx2(FormLabel3, { children: label }),
-      /* @__PURE__ */ jsx2(Select_default, __spreadValues({ color: error ? "danger" : innerProps.color }, innerProps)),
-      helperText && /* @__PURE__ */ jsx2(FormHelperText3, { children: helperText })
+    return /* @__PURE__ */ jsxs2(FormControl_default2, { error, children: [
+      /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
+      /* @__PURE__ */ jsx2(
+        Select_default,
+        __spreadProps(__spreadValues({}, innerProps), {
+          color: error ? "danger" : innerProps.color
+        })
+      ),
+      helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
     ] });
   }
   return /* @__PURE__ */ jsx2(Select_default, __spreadValues({}, innerProps));
@@ -41594,25 +41637,35 @@ var datePickerPropertyControls = {
     title: "Label",
     type: ControlType10.String,
     defaultValue: ""
+  },
+  error: {
+    title: "Error",
+    type: ControlType10.Boolean,
+    defaultValue: false
+  },
+  helperText: {
+    title: "Helper Text",
+    type: ControlType10.String,
+    defaultValue: ""
+  },
+  minDate: {
+    title: "Minimum Date",
+    type: ControlType10.Date
+  },
+  maxDate: {
+    title: "Maximum Date",
+    type: ControlType10.Date
+  },
+  disableFuture: {
+    title: "Disable Future",
+    type: ControlType10.Boolean,
+    defaultValue: false
+  },
+  disablePast: {
+    title: "Disable Past",
+    type: ControlType10.Boolean,
+    defaultValue: false
   }
-  // color: {
-  //   title: "Color",
-  //   type: ControlType.Enum,
-  //   options: ["primary", "neutral", "danger", "success", "warning"],
-  //   optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
-  // },
-  // variant: {
-  //   title: "Variant",
-  //   type: ControlType.Enum,
-  //   options: ["solid", "outlined", "soft", "plain"],
-  //   defaultValue: undefined,
-  // },
-  // size: {
-  //   title: "Size",
-  //   type: ControlType.Enum,
-  //   options: ["sm", "md", "lg"],
-  //   defaultValue: "md",
-  // },
 };
 
 // src/components/DateRangePicker/DateRangePicker.framer.ts
@@ -41636,25 +41689,35 @@ var dateRangePickerPropertyControls = {
     title: "Label",
     type: ControlType11.String,
     defaultValue: ""
+  },
+  error: {
+    title: "Error",
+    type: ControlType11.Boolean,
+    defaultValue: false
+  },
+  helperText: {
+    title: "Helper Text",
+    type: ControlType11.String,
+    defaultValue: ""
+  },
+  minDate: {
+    title: "Minimum Date",
+    type: ControlType11.Date
+  },
+  maxDate: {
+    title: "Maximum Date",
+    type: ControlType11.Date
+  },
+  disableFuture: {
+    title: "Disable Future",
+    type: ControlType11.Boolean,
+    defaultValue: false
+  },
+  disablePast: {
+    title: "Disable Past",
+    type: ControlType11.Boolean,
+    defaultValue: false
   }
-  // color: {
-  //   title: "Color",
-  //   type: ControlType.Enum,
-  //   options: ["primary", "neutral", "danger", "success", "warning"],
-  //   optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
-  // },
-  // variant: {
-  //   title: "Variant",
-  //   type: ControlType.Enum,
-  //   options: ["solid", "outlined", "soft", "plain"],
-  //   defaultValue: undefined,
-  // },
-  // size: {
-  //   title: "Size",
-  //   type: ControlType.Enum,
-  //   options: ["sm", "md", "lg"],
-  //   defaultValue: "md",
-  // },
 };
 
 // src/components/DialogFrame/DialogFrame.framer.ts

package/package.json

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