@ceed/ads 0.0.77 → 0.0.78

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

@@ -9,6 +9,7 @@ interface DatePickerProps {
     }) => void;
     name?: string;
     disabled?: boolean;
+    required?: boolean;
     label?: React.ReactNode;
     error?: boolean;
     helperText?: React.ReactNode;

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

@@ -9,6 +9,7 @@ interface DateRangePickerProps {
     }) => void;
     name?: string;
     disabled?: boolean;
+    required?: boolean;
     label?: React.ReactNode;
     error?: boolean;
     helperText?: React.ReactNode;

package/dist/components/MonthRangePicker/MonthRangePicker.d.ts

@@ -9,6 +9,7 @@ interface MonthRangePickerProps {
     }) => void;
     name?: string;
     disabled?: boolean;
+    required?: boolean;
     label?: React.ReactNode;
     error?: boolean;
     helperText?: React.ReactNode;

package/dist/index.js

@@ -173,11 +173,41 @@ var FormHelperText_default = FormHelperText;
 
 // src/components/Autocomplete/Autocomplete.tsx
 function Autocomplete(props) {
-  const { label, error, helperText, color, size, disabled, ...innerProps } = props;
+  const {
+    label,
+    error,
+    helperText,
+    color,
+    size,
+    disabled,
+    required,
+    ...innerProps
+  } = props;
   if (label) {
-    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(
+      FormControl_default,
+      {
+        required,
+        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, disabled });
+  return /* @__PURE__ */ React2.createElement(
+    JoyAutocomplete,
+    {
+      ...innerProps,
+      required,
+      color,
+      size,
+      disabled
+    }
+  );
 }
 Autocomplete.displayName = "Autocomplete";
 
@@ -1623,11 +1653,42 @@ 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, disabled, ...innerProps } = props;
+  const {
+    label,
+    helperText,
+    error,
+    style,
+    size,
+    color,
+    disabled,
+    required,
+    ...innerProps
+  } = props;
   if (label) {
-    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(
+      FormControl_default,
+      {
+        required,
+        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, disabled, ...innerProps });
+  return /* @__PURE__ */ React14.createElement(
+    MotionInput,
+    {
+      required,
+      color,
+      size,
+      disabled,
+      ...innerProps
+    }
+  );
 };
 Input.displayName = "Input";
 
@@ -1724,7 +1785,18 @@ var TextMaskAdapter = React15.forwardRef(
 );
 var DatePicker = forwardRef4(
   (props, ref) => {
-    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
+    const {
+      onChange,
+      disabled,
+      label,
+      error,
+      helperText,
+      minDate,
+      maxDate,
+      disableFuture,
+      disablePast,
+      required
+    } = props;
     const [value, setValue] = useState4(props.value || "");
     const [anchorEl, setAnchorEl] = useState4(null);
     const open = Boolean(anchorEl);
@@ -1750,6 +1822,7 @@ var DatePicker = forwardRef4(
         onChange: handleChange,
         placeholder: "YYYY/MM/DD",
         disabled,
+        required,
         slotProps: { input: { component: TextMaskAdapter } },
         sx: {
           // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
@@ -1809,7 +1882,18 @@ var DatePicker = forwardRef4(
       )))
     )));
     if (label) {
-      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 /* @__PURE__ */ React15.createElement(
+        FormControl_default,
+        {
+          required,
+          disabled,
+          error,
+          size: "sm"
+        },
+        /* @__PURE__ */ React15.createElement(FormLabel_default, null, label),
+        picker,
+        helperText && /* @__PURE__ */ React15.createElement(FormHelperText_default, null, helperText)
+      );
     }
     return picker;
   }
@@ -1910,7 +1994,18 @@ var TextMaskAdapter3 = React16.forwardRef(
 );
 var DateRangePicker = forwardRef5(
   (props, ref) => {
-    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
+    const {
+      onChange,
+      disabled,
+      label,
+      error,
+      helperText,
+      minDate,
+      maxDate,
+      disableFuture,
+      disablePast,
+      required
+    } = props;
     const [value, setValue] = useState5(props.value || "");
     const [anchorEl, setAnchorEl] = useState5(null);
     const open = Boolean(anchorEl);
@@ -1948,6 +2043,7 @@ var DateRangePicker = forwardRef5(
         value,
         onChange: handleChange,
         disabled,
+        required,
         placeholder: "YYYY/MM/DD - YYYY/MM/DD",
         slotProps: { input: { component: TextMaskAdapter3 } },
         sx: {
@@ -2006,7 +2102,7 @@ var DateRangePicker = forwardRef5(
       )))
     )));
     if (label) {
-      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 /* @__PURE__ */ React16.createElement(FormControl_default, { required, disabled, error, size: "sm" }, /* @__PURE__ */ React16.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React16.createElement(FormHelperText_default, null, helperText));
     }
     return picker;
   }
@@ -2211,7 +2307,8 @@ var MonthRangePicker = forwardRef6(
       minDate,
       maxDate,
       disableFuture,
-      disablePast
+      disablePast,
+      required
     } = props;
     const [value, setValue] = useState6(props.value || "");
     const [anchorEl, setAnchorEl] = useState6(null);
@@ -2250,6 +2347,7 @@ var MonthRangePicker = forwardRef6(
         value,
         onChange: handleChange,
         disabled,
+        required,
         placeholder: "YYYY/MM - YYYY/MM",
         slotProps: { input: { component: TextMaskAdapter5 } },
         sx: {
@@ -2310,7 +2408,7 @@ var MonthRangePicker = forwardRef6(
       )))
     )));
     if (label) {
-      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 /* @__PURE__ */ React21.createElement(FormControl_default, { required, disabled, error, size: "sm" }, /* @__PURE__ */ React21.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React21.createElement(FormHelperText_default, null, helperText));
     }
     return picker;
   }
@@ -2346,16 +2444,41 @@ var MotionOption = motion24(JoyOption);
 var Option = MotionOption;
 Option.displayName = "Option";
 function Select(props) {
-  const { label, helperText, error, size, color, disabled, ...innerProps } = props;
+  const {
+    label,
+    helperText,
+    error,
+    size,
+    color,
+    disabled,
+    required,
+    ...innerProps
+  } = props;
   if (label) {
-    return /* @__PURE__ */ React23.createElement(FormControl_default, { disabled, size, color, error }, /* @__PURE__ */ React23.createElement(FormLabel_default, null, label), /* @__PURE__ */ React23.createElement(
-      JoySelect,
+    return /* @__PURE__ */ React23.createElement(
+      FormControl_default,
       {
-        ...innerProps
-      }
-    ), helperText && /* @__PURE__ */ React23.createElement(FormHelperText_default, null, helperText));
+        required,
+        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, { disabled, size, color, ...innerProps });
+  return /* @__PURE__ */ React23.createElement(
+    JoySelect,
+    {
+      required,
+      disabled,
+      size,
+      color,
+      ...innerProps
+    }
+  );
 }
 Select.displayName = "Select";
 
@@ -2428,11 +2551,41 @@ 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, disabled, ...innerProps } = props;
+  const {
+    label,
+    error,
+    helperText,
+    color,
+    size,
+    disabled,
+    required,
+    ...innerProps
+  } = props;
   if (label) {
-    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(
+      FormControl_default,
+      {
+        required,
+        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, { disabled, color, size, ...innerProps });
+  return /* @__PURE__ */ React25.createElement(
+    MotionTextarea,
+    {
+      required,
+      disabled,
+      color,
+      size,
+      ...innerProps
+    }
+  );
 };
 Textarea.displayName = "Textarea";
 

package/framer/index.js

@@ -34641,15 +34641,49 @@ var FormHelperText_default2 = FormHelperText3;
 
 // src/components/Autocomplete/Autocomplete.tsx
 function Autocomplete3(props) {
-  const _a = props, { label, error, helperText, color: color2, size, disabled } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size", "disabled"]);
+  const _a = props, {
+    label,
+    error,
+    helperText,
+    color: color2,
+    size,
+    disabled,
+    required
+  } = _a, innerProps = __objRest(_a, [
+    "label",
+    "error",
+    "helperText",
+    "color",
+    "size",
+    "disabled",
+    "required"
+  ]);
   if (label) {
-    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__ */ jsxs2(
+      FormControl_default2,
+      {
+        required,
+        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, disabled }));
+  return /* @__PURE__ */ jsx2(
+    Autocomplete_default,
+    __spreadProps(__spreadValues({}, innerProps), {
+      required,
+      color: color2,
+      size,
+      disabled
+    })
+  );
 }
 Autocomplete3.displayName = "Autocomplete";
 
@@ -40735,15 +40769,51 @@ 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, disabled } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "style", "size", "color", "disabled"]);
+  const _a = props, {
+    label,
+    helperText,
+    error,
+    style: style4,
+    size,
+    color: color2,
+    disabled,
+    required
+  } = _a, innerProps = __objRest(_a, [
+    "label",
+    "helperText",
+    "error",
+    "style",
+    "size",
+    "color",
+    "disabled",
+    "required"
+  ]);
   if (label) {
-    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__ */ jsxs2(
+      FormControl_default2,
+      {
+        required,
+        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, disabled }, innerProps));
+  return /* @__PURE__ */ jsx2(
+    MotionInput,
+    __spreadValues({
+      required,
+      color: color2,
+      size,
+      disabled
+    }, innerProps)
+  );
 };
 Input3.displayName = "Input";
 
@@ -40838,7 +40908,18 @@ var TextMaskAdapter = React178.forwardRef(
 );
 var DatePicker = forwardRef84(
   (props, ref) => {
-    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
+    const {
+      onChange,
+      disabled,
+      label,
+      error,
+      helperText,
+      minDate,
+      maxDate,
+      disableFuture,
+      disablePast,
+      required
+    } = props;
     const [value, setValue] = useState27(props.value || "");
     const [anchorEl, setAnchorEl] = useState27(null);
     const open = Boolean(anchorEl);
@@ -40865,6 +40946,7 @@ var DatePicker = forwardRef84(
           onChange: handleChange,
           placeholder: "YYYY/MM/DD",
           disabled,
+          required,
           slotProps: { input: { component: TextMaskAdapter } },
           sx: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
@@ -40929,11 +41011,20 @@ var DatePicker = forwardRef84(
       ) })
     ] });
     if (label) {
-      return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
-        /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
-        picker,
-        helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
-      ] });
+      return /* @__PURE__ */ jsxs2(
+        FormControl_default2,
+        {
+          required,
+          disabled,
+          error,
+          size: "sm",
+          children: [
+            /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
+            picker,
+            helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
+          ]
+        }
+      );
     }
     return picker;
   }
@@ -41029,7 +41120,18 @@ var TextMaskAdapter3 = React179.forwardRef(
 );
 var DateRangePicker = forwardRef85(
   (props, ref) => {
-    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
+    const {
+      onChange,
+      disabled,
+      label,
+      error,
+      helperText,
+      minDate,
+      maxDate,
+      disableFuture,
+      disablePast,
+      required
+    } = props;
     const [value, setValue] = useState28(props.value || "");
     const [anchorEl, setAnchorEl] = useState28(null);
     const open = Boolean(anchorEl);
@@ -41068,6 +41170,7 @@ var DateRangePicker = forwardRef85(
           value,
           onChange: handleChange,
           disabled,
+          required,
           placeholder: "YYYY/MM/DD - YYYY/MM/DD",
           slotProps: { input: { component: TextMaskAdapter3 } },
           sx: {
@@ -41131,7 +41234,7 @@ var DateRangePicker = forwardRef85(
       ) })
     ] });
     if (label) {
-      return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
+      return /* @__PURE__ */ jsxs2(FormControl_default2, { required, disabled, error, size: "sm", children: [
         /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
         picker,
         helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
@@ -41323,7 +41426,8 @@ var MonthRangePicker = forwardRef86(
       minDate,
       maxDate,
       disableFuture,
-      disablePast
+      disablePast,
+      required
     } = props;
     const [value, setValue] = useState29(props.value || "");
     const [anchorEl, setAnchorEl] = useState29(null);
@@ -41363,6 +41467,7 @@ var MonthRangePicker = forwardRef86(
           value,
           onChange: handleChange,
           disabled,
+          required,
           placeholder: "YYYY/MM - YYYY/MM",
           slotProps: { input: { component: TextMaskAdapter5 } },
           sx: {
@@ -41428,7 +41533,7 @@ var MonthRangePicker = forwardRef86(
       ) })
     ] });
     if (label) {
-      return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
+      return /* @__PURE__ */ jsxs2(FormControl_default2, { required, disabled, error, size: "sm", children: [
         /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
         picker,
         helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
@@ -41461,18 +41566,49 @@ var MotionOption = motion24(Option_default);
 var Option3 = MotionOption;
 Option3.displayName = "Option";
 function Select3(props) {
-  const _a = props, { label, helperText, error, size, color: color2, disabled } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "size", "color", "disabled"]);
+  const _a = props, {
+    label,
+    helperText,
+    error,
+    size,
+    color: color2,
+    disabled,
+    required
+  } = _a, innerProps = __objRest(_a, [
+    "label",
+    "helperText",
+    "error",
+    "size",
+    "color",
+    "disabled",
+    "required"
+  ]);
   if (label) {
-    return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, size, color: color2, error, children: [
-      /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
-      /* @__PURE__ */ jsx2(
-        Select_default,
-        __spreadValues({}, innerProps)
-      ),
-      helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
-    ] });
+    return /* @__PURE__ */ jsxs2(
+      FormControl_default2,
+      {
+        required,
+        disabled,
+        size,
+        color: color2,
+        error,
+        children: [
+          /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
+          /* @__PURE__ */ jsx2(Select_default, __spreadValues({}, innerProps)),
+          helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
+        ]
+      }
+    );
   }
-  return /* @__PURE__ */ jsx2(Select_default, __spreadValues({ disabled, size, color: color2 }, innerProps));
+  return /* @__PURE__ */ jsx2(
+    Select_default,
+    __spreadValues({
+      required,
+      disabled,
+      size,
+      color: color2
+    }, innerProps)
+  );
 }
 Select3.displayName = "Select";
 
@@ -41534,15 +41670,49 @@ 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, disabled } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size", "disabled"]);
+  const _a = props, {
+    label,
+    error,
+    helperText,
+    color: color2,
+    size,
+    disabled,
+    required
+  } = _a, innerProps = __objRest(_a, [
+    "label",
+    "error",
+    "helperText",
+    "color",
+    "size",
+    "disabled",
+    "required"
+  ]);
   if (label) {
-    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__ */ jsxs2(
+      FormControl_default2,
+      {
+        required,
+        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({ disabled, color: color2, size }, innerProps));
+  return /* @__PURE__ */ jsx2(
+    MotionTextarea,
+    __spreadValues({
+      required,
+      disabled,
+      color: color2,
+      size
+    }, innerProps)
+  );
 };
 Textarea3.displayName = "Textarea";
 
@@ -41651,6 +41821,11 @@ var autocompletePropertyControls = {
     title: "Disabled",
     type: ControlType.Boolean,
     defaultValue: false
+  },
+  required: {
+    title: "Required",
+    type: ControlType.Boolean,
+    defaultValue: false
   }
 };
 
@@ -42063,6 +42238,11 @@ var datePickerPropertyControls = {
     type: ControlType11.Boolean,
     defaultValue: false
   },
+  required: {
+    title: "Required",
+    type: ControlType11.Boolean,
+    defaultValue: false
+  },
   value: {
     title: "Value",
     type: ControlType11.String,
@@ -42115,6 +42295,11 @@ var dateRangePickerPropertyControls = {
     type: ControlType12.Boolean,
     defaultValue: false
   },
+  required: {
+    title: "Required",
+    type: ControlType12.Boolean,
+    defaultValue: false
+  },
   value: {
     title: "Value",
     type: ControlType12.String,
@@ -42251,6 +42436,11 @@ var inputPropertyControls = {
     type: ControlType16.Boolean,
     defaultValue: false
   },
+  required: {
+    title: "Required",
+    type: ControlType16.Boolean,
+    defaultValue: false
+  },
   color: {
     title: "Color",
     type: ControlType16.Enum,
@@ -42353,6 +42543,11 @@ var monthRangePickerPropertyControls = {
     type: ControlType19.Boolean,
     defaultValue: false
   },
+  required: {
+    title: "Required",
+    type: ControlType19.Boolean,
+    defaultValue: false
+  },
   value: {
     title: "Value",
     type: ControlType19.String,
@@ -42471,6 +42666,11 @@ var selectPropertyControls = {
     type: ControlType21.Boolean,
     defaultValue: false
   },
+  required: {
+    title: "Required",
+    type: ControlType21.Boolean,
+    defaultValue: false
+  },
   placeholder: {
     title: "Placeholder",
     type: ControlType21.String,
@@ -42673,6 +42873,11 @@ var textareaPropertyControls = {
     type: ControlType26.Boolean,
     defaultValue: false
   },
+  required: {
+    title: "Required",
+    type: ControlType26.Boolean,
+    defaultValue: false
+  },
   color: {
     title: "Color",
     type: ControlType26.Enum,

package/package.json

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