@ceed/ads 0.0.53 → 0.0.54

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

@@ -1425,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, { ...innerProps, color: error ? "danger" : innerProps.color }), 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 });
 };
@@ -1441,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",
@@ -1543,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);
@@ -1599,7 +1611,11 @@ var DatePicker = forwardRef4(
           onChange: ([date]) => {
             setValue(formatValueString(date));
             setAnchorEl(null);
-          }
+          },
+          minDate,
+          maxDate,
+          disableFuture,
+          disablePast
         }
       ), /* @__PURE__ */ React12.createElement(
         DialogActions_default,
@@ -1624,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;
   }
@@ -1727,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);
@@ -1794,7 +1810,11 @@ var DateRangePicker = forwardRef5(
         {
           rangeSelection: true,
           defaultValue: calendarValue,
-          onChange: handleCalendarChange
+          onChange: handleCalendarChange,
+          minDate,
+          maxDate,
+          disableFuture,
+          disablePast
         }
       ), /* @__PURE__ */ React13.createElement(
         DialogActions_default,
@@ -1819,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;
   }
@@ -1828,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";
 
@@ -1838,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";
 
@@ -1857,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) {
@@ -1886,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 });
 };
@@ -1896,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(
@@ -1923,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";
@@ -1997,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, { ...innerProps, color: error ? "danger" : innerProps.color }), 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

@@ -40528,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 }),
+    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(FormHelperText3, { children: helperText })
+      helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
     ] });
   }
   return /* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps));
@@ -40547,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",
@@ -40646,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);
@@ -40704,7 +40715,11 @@ var DatePicker = forwardRef84(
                 onChange: ([date]) => {
                   setValue(formatValueString(date));
                   setAnchorEl(null);
-                }
+                },
+                minDate,
+                maxDate,
+                disableFuture,
+                disablePast
               }
             ),
             /* @__PURE__ */ jsx2(
@@ -40733,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;
@@ -40832,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);
@@ -40901,7 +40917,11 @@ var DateRangePicker = forwardRef85(
               {
                 rangeSelection: true,
                 defaultValue: calendarValue,
-                onChange: handleCalendarChange
+                onChange: handleCalendarChange,
+                minDate,
+                maxDate,
+                disableFuture,
+                disablePast
               }
             ),
             /* @__PURE__ */ jsx2(
@@ -40930,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;
@@ -40941,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";
 
@@ -40950,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";
 
@@ -40959,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) {
@@ -40994,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"]);
@@ -41026,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);
@@ -41085,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, __spreadProps(__spreadValues({}, innerProps), { color: error ? "danger" : innerProps.color })),
-      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));
@@ -41617,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
@@ -41659,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.53",
+  "version": "0.0.54",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",